From 7764d06c3701a38384aca1aa782cf21a3d478c29 Mon Sep 17 00:00:00 2001
From: Nye Evans <nyeevans@outlook.com>
Date: Wed, 26 May 2021 11:42:53 +0100
Subject: [PATCH] big css changes

added some nice effects :)
---
 index.html         |  9 +++++----
 pages/effects.css  | 44 ++++++++++++++++++++++++++++++++++++++++++++
 pages/mainpage.css |  4 +++-
 3 files changed, 52 insertions(+), 5 deletions(-)
 create mode 100644 pages/effects.css

diff --git a/index.html b/index.html
index 69343d0..689ca35 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,7 @@
 
 <header>
     <link rel = "stylesheet" href = "pages\mainpage.css">
+    <link rel = "stylesheet" href = "pages\effects.css">
     <link rel = "icon" href = "images\Icon.ico">
 
     <meta charset="UTF-8">
@@ -101,18 +102,18 @@
 
 
     <div class = "textBox" id= "outroText">
-        I hope you like my work! If you ever want to contact me, my Twitter, email and Github can be found below.
+        I hope you like my work! If you ever want to contact me, my Email, Github and Social Medias can be found below.
     </div>  
 
     <div id = "socialBar">
-        <!-- please dont follow me if you see this, i want this to be a work only twitter account,
-        <a href = "https://twitter.com/Wi__Ro" target="_blank" style = "color:#ffd256;">Twitter</a>
-        -->
         <a href = "https://twitter.com/Wi__Ro" target="_blank">Twitter</a>
         &NonBreakingSpace;
         <a href="mailto:WillowRo@outlook.com" target="_blank">Email</a>
         &NonBreakingSpace;
         <a href="https://github.com/Wil-Ro" target="_blank">Github</a>
+        &NonBreakingSpace;
+        <a href = "https://dev.to/willowro" target="_blank">Dev.to</a>
+
         &NonBreakingSpace;
         <a href = "./pages/CVPage.html">CV</a>
     </div>
diff --git a/pages/effects.css b/pages/effects.css
new file mode 100644
index 0000000..8ec994d
--- /dev/null
+++ b/pages/effects.css
@@ -0,0 +1,44 @@
+a:hover:not(.galleryLink){
+    background-color: #ffd256;
+    color: #181818;
+    border-radius: 2px;
+    text-decoration: none;
+}
+
+span{
+    background-color: #ffd256;
+    color: #181818;
+    border-radius: 2px;
+}
+
+span:hover{
+    background-color: #181818;
+    color: #ffd256;
+    border-radius: 2px;
+    outline: solid 1px #ffd256;
+}
+
+::selection {
+    background-color: #ffd256;
+    color: #181818;
+}
+
+::-moz-selection {
+    background-color: #ffd256;
+    color: #181818;
+}
+
+::-o-selection {
+    background-color: #ffd256;
+    color: #181818;
+}
+
+::-ms-selection {
+    background-color: #ffd256;
+    color: #181818;
+}
+
+::-webkit-selection {
+    background-color: #ffd256;
+    color: #181818;
+}
\ No newline at end of file
diff --git a/pages/mainpage.css b/pages/mainpage.css
index de8f5de..98b8938 100644
--- a/pages/mainpage.css
+++ b/pages/mainpage.css
@@ -13,6 +13,7 @@ body{
     color: #ffd256;
     background-color: #181818;
     font-family: "roboto";
+    line-height: 1.3;
 }
 
 button{
@@ -21,6 +22,7 @@ button{
     color: #ffd256;
 }
 
+
 button:focus {
     border: none;
     outline: none;
@@ -329,7 +331,7 @@ h1{
 
     #socialBar{
         justify-content: center;
-        font-size: 4vw;
+        font-size: 5vw;
         margin-bottom: 0.8vh;
     }
 }