From 511174738cfdb0cbf07f929f413f30317039af90 Mon Sep 17 00:00:00 2001
From: Nathan Steel <aney.login+rpi3@gmail.com>
Date: Sun, 29 Aug 2021 19:10:19 +0100
Subject: [PATCH] Add tag class to projects

- Style new class "tag"
- Change "Written with" to tags
---
 main.css      | 11 +++++++++++
 projects.html |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/main.css b/main.css
index 1cdeed9..f267472 100644
--- a/main.css
+++ b/main.css
@@ -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{
diff --git a/projects.html b/projects.html
index e20244d..d131df5 100644
--- a/projects.html
+++ b/projects.html
@@ -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>