feature: Add minor changes to website.html.

assets/style/style.css

@@ -240,7 +240,8 @@ pre {
 }
 
 code {
-    background-color: #252525; /* Light grey background */
+    color: #3e5915;
+    background-color: #f6f5b2;
     padding: 2px 4px;
     border-radius: 3px;
     word-wrap:  break-word;

changelog.md

@@ -4,6 +4,10 @@ All notable changes to this site will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) and the versioning is consistent with [Semantic Versioning](https://semver.org/).
 
+## [0.7.3] - 2024-07-03
+### Changed
+- Styling changes in the website page.
+
 ## [0.7.2] - 2024-07-03
 ### Changed
 - Slight modifications to text and styling.

website.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="assets/style/style.css">
     <link rel="stylesheet"
-        href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/tokyo-night-dark.min.css">
+        href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/school-book.min.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
     <script>hljs.highlightAll();</script>
     <script src="assets/scripts/rss.js"></script>
@@ -51,7 +51,7 @@
 
                         <br>
                         <br>
-                        <a href="assets/img/website-diagram-dark.png"><img src="assets/img/website-diagram-dark.png"
+                        <a href="assets/img/website-diagram-light2.png"><img src="assets/img/website-diagram-light2.png"
                                 class="blog-image"></a>
                         <br>
                         <br>
@@ -61,7 +61,7 @@
                         bucket. Furthermore, the
                         CloudFront distribution cache is invalidated, forcing it to fetch and distribute the newest
                         content.
-                        Here is the <code> deploy-site.yaml</code> file that runs the CI pipeline:
+                        Here is the <code class="language-yaml"> deploy-site.yaml</code> file that runs the CI pipeline:
                         <pre><code class="language-yaml">name: Deploy to AWS S3 and Invalidate CloudFront
 
 on:
@@ -99,7 +99,6 @@ jobs:
             AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
             AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
             AWS_REGION: 'us-east-1'</code></pre>
-                        </p>
                     <p>Even though I injected complexity by implementing a cloud-based, declarative, highly-available architecture, 
                         I still haven't touched a single JS framework; the whole codebase is simple HTML, CSS and javascript. 
                         Maybe one day I'll learn React, Vue, or Svelte... maybe even JQuery... but not today.