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">
|
<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>
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user