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>
<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>

View File

@ -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 {

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/).
## [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.

View File

@ -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 {