feature: Modify text and styling.
This commit is contained in:
parent
2f8eae4394
commit
8401e7ff21
Binary file not shown.
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 8.0 KiB |
BIN
assets/img/gifs/email_dark.gif
Normal file
BIN
assets/img/gifs/email_dark.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 11 KiB |
@ -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>
|
||||||
|
@ -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 {
|
||||||
|
@ -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.
|
||||||
|
@ -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 {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user