added more intense shadow to project page text; added status marker
This commit is contained in:
@@ -108,7 +108,7 @@
|
||||
<div class="sidebox-container blurred-background">
|
||||
<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>
|
||||
|
||||
|
||||
@@ -86,7 +86,8 @@
|
||||
<p class="project-date">{p.date}</p>
|
||||
</div>
|
||||
<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>
|
||||
@@ -178,7 +179,7 @@
|
||||
}
|
||||
|
||||
.project-text-container p {
|
||||
text-shadow: 0 0 6px black;
|
||||
text-shadow: 0 0 6px black, 0 0 9px black;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@@ -202,7 +203,17 @@
|
||||
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-weight: 600;
|
||||
font-size: 1.0rem;
|
||||
|
||||
Reference in New Issue
Block a user