Add tag class to projects

- Style new class "tag"
- Change "Written with" to tags
web-bloat
Nathan Steel 4 years ago
parent 3b502904c7
commit 511174738c

@ -47,6 +47,16 @@ footer p{
margin: 0;
}
/* Special Design */
.tag{
font-size: 0.8rem;
padding: 0.2rem;
border-radius: 0.33rem;
background-color: black;
color: white;
vertical-align: middle;
}
/*
* Flex is only there to put the footer at the bottom.
* Not actually needed. BLOAT!!
@ -66,6 +76,7 @@ main{
a:link {color:#9cf;}
a:hover, a:visited:hover {color:#cef;}
a:visited {color:#9ce;}
.tag{background-color:white; color:black;}
}
@media print{

@ -39,7 +39,7 @@
<h3><a href="http://aney.co.uk" target="_blank" rel="noopener noreferrer">Personal Website</a></h3>
<p>A basic website to let me have my own little place on the internet.
<br/>You may recognise it, because you're using it right now.</p>
<p>Written with: HTML, CSS</p>
<p>Skills: <span class="tag">HTML</span> <span class="tag">CSS</span></p>
</section>
</section>
</main>

Loading…
Cancel
Save