feature: Modify text and styling.

This commit is contained in:
Xander Bazzi 2024-07-03 22:36:37 -06:00
parent 2f8eae4394
commit 8401e7ff21
6 changed files with 14 additions and 10 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 8.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -21,7 +21,7 @@ document.addEventListener('DOMContentLoaded', (event) => {
</ul> </ul>
<a target='_blank' rel='noreferrer noopener' <a target='_blank' rel='noreferrer noopener'
href='mailto:xander@xbazzi.com'> 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> </a>
</nav> </nav>
</div> </div>

View File

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

View File

@ -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/). 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 ## [0.7.1] - 2024-07-03
### Changed ### Changed
- Modified background picture to something more realistic. - Modified background picture to something more realistic.

View File

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