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; 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. * Flex is only there to put the footer at the bottom.
* Not actually needed. BLOAT!! * Not actually needed. BLOAT!!
@ -66,6 +76,7 @@ main{
a:link {color:#9cf;} a:link {color:#9cf;}
a:hover, a:visited:hover {color:#cef;} a:hover, a:visited:hover {color:#cef;}
a:visited {color:#9ce;} a:visited {color:#9ce;}
.tag{background-color:white; color:black;}
} }
@media print{ @media print{

@ -39,7 +39,7 @@
<h3><a href="http://aney.co.uk" target="_blank" rel="noopener noreferrer">Personal Website</a></h3> <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. <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> <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>
</section> </section>
</main> </main>

Loading…
Cancel
Save