feature: Modify text and styling.

assets/scripts/aside.js

@@ -21,7 +21,7 @@ document.addEventListener('DOMContentLoaded', (event) => {
                     </ul>
                     <a target='_blank' rel='noreferrer noopener'
                         href='mailto:xander@xbazzi.com'>
-                    <img style="height: 40px; margin: 10px;" src="assets/img/gifs/email.gif">
+                    <img style="height: 90px; margin: 10px;" src="assets/img/gifs/email.gif">
                     </a>
                 </nav>
             </div>

assets/style/style.css

@@ -26,7 +26,7 @@
 
 html,
 body {
-    background-color: rgba(0, 0, 0, 0.35);
+    background-color: rgba(0, 0, 0, 0.25);
     margin: 0;
     box-sizing: border-box;
     font-family: "Times New Roman", Times, serif;
@@ -185,6 +185,7 @@ main {
 
 nav {
     /*position:sticky;*/
+    font-size: 20px;
     top:20px;
 }
 
@@ -202,17 +203,19 @@ nav ul li a {
     vertical-align: top;
     display: inline-block;
     text-align: center;
-    width: 120px;
+    font-weight:400;
+    font-size: 20px;
+    width: 200px;
     padding: 20px;
 }
 
 .project-image {
     display: block; /* Ensures the image does not have inline whitespace below it */
     max-width: 100%; /* Ensures the image is responsive and fits its container */
-    height: auto; /* Maintains aspect ratio */
+    height: 200px; /* Maintains aspect ratio */
     margin-top: 10px;
     margin: auto;
-    width: 100px;
+    width: auto;
 }
 
 .content {

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.2] - 2024-07-03
+### Changed
+- Slight modifications to text and styling.
+
 ## [0.7.1] - 2024-07-03
 ### Changed
 - Modified background picture to something more realistic.

index.html

@@ -29,13 +29,13 @@
                             <div class="project">
                                 <a href="./homenetwork.html"><img src="assets/img/dc1.JPG" alt="Datacenter preview" class="project-image"></a>
                                 <a  href='./homenetwork.html'><span class="caption">
-                                    Datacenter at Home
+                                    We have datacenter at home
                                 </span></a>
                             </div>
                             <div class="project">
                                 <a href="./website.html"><img src="assets/img/website.png" alt="Website preview" class="project-image"></a>
                                 <a  href='./website.html'><span class="caption">
-                                    Overengineered Static Site (this website)
+                                    Overengineered static site (this website)
                                 </span></a>
                             </div>
                         </div>
@@ -44,9 +44,6 @@
             </div>
 
             <footer id="footer"></footer>
-            <div class="under-construction">
-                <img src="assets/img/gifs/thispageisunderconstruction.gif" alt="Under construction gif"></img>
-            </div>
         </div>
         <style>
                 main {