added more intense shadow to project page text; added status marker

This commit is contained in:
2026-04-10 21:30:29 +02:00
parent d6cf112d05
commit 2067516591
2 changed files with 15 additions and 4 deletions

View File

@@ -108,7 +108,7 @@
<div class="sidebox-container blurred-background"> <div class="sidebox-container blurred-background">
<h4 class="sidebox-header">heads-up</h4> <h4 class="sidebox-header">heads-up</h4>
<p>This website works best on Firefox and other Gecko-based browsers! It is also 100% mobile-friendly or at least trying to be!</p> <p>This website works best on Firefox and other Gecko-based browsers! It is also nearly 100% mobile-friendly!</p>
<p>All pages are functional without JavaScript but I recommend you enable it (some elements won't work without it)!</p> <p>All pages are functional without JavaScript but I recommend you enable it (some elements won't work without it)!</p>

View File

@@ -86,7 +86,8 @@
<p class="project-date">{p.date}</p> <p class="project-date">{p.date}</p>
</div> </div>
<div class="project-text-right"> <div class="project-text-right">
<p class="project-category">{p.category}</p> <p class="project-status">{p.status}</p>
<p class="project-category">[{p.category}]</p>
</div> </div>
</div> </div>
</div> </div>
@@ -178,7 +179,7 @@
} }
.project-text-container p { .project-text-container p {
text-shadow: 0 0 6px black; text-shadow: 0 0 6px black, 0 0 9px black;
margin: 0; margin: 0;
} }
@@ -202,7 +203,17 @@
font-weight: 600; font-weight: 600;
} }
.project-category { .project-text-right {
display: flex;
flex-direction: column;
align-items: end;
}
.project-status {
font-style: italic;
}
.project-category, .project-status {
font-family: var(--font-mono); font-family: var(--font-mono);
font-weight: 600; font-weight: 600;
font-size: 1.0rem; font-size: 1.0rem;