Improved general usability,added fancy fonts

document10 · Oct 20, 2023 · f39f35f · f39f35f
1 parent 596fc03
commit f39f35f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -23,11 +23,11 @@
         <h1>document10</h1>
         <h2>About me</h2>
         <section id="aboutme">
-            <a class="abm"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/35/Tux.svg/800px-Tux.svg.png" alt="Linux" class="linkicon"> Linux Enthusiast</a>
-            <a class="abm"><img src="https://static.frontendmasters.com/assets/courses/2022-09-05-web-development-v3/thumb.webp" alt="Web dev" class="linkicon"> Fluent in Javascript,Python and Bash</a>
-            <a class="abm" href="https://go.dev/"><img src="https://go.dev/images/go-logo-white.svg" alt="GOLANG" class="linkicon"> Currently learning Go</a>
-            <a class="abm" href="https://ctrsv.ro/"><img src="https://ctrsv.ro/wp-content/uploads/2022/05/logo-ctr-300x300.png" alt="CTR" class="linkicon"> Graduated from highschool <p class="accent">(CTR)</p></a>
-            <a class="abm" href="https://fiesc.usv.ro/"><img src="https://usv.ro/wp-content/uploads/2019/12/favicon.ico" alt="USV" class="linkicon"> University student <p class="accent">(FIESC-USV)</p></a>
+            <a class="abm"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/35/Tux.svg/800px-Tux.svg.png" alt="Linux" class="linkicon"> Linux Enthusiast</a>
+            <a class="abm"> <img src="https://static.frontendmasters.com/assets/courses/2022-09-05-web-development-v3/thumb.webp" alt="Web dev" class="linkicon"> Fluent in Javascript,Python and Bash</a>
+            <a class="abm" href="https://go.dev/"> <img src="https://go.dev/images/go-logo-white.svg" alt="GOLANG" class="linkicon"> Currently learning Go</a>
+            <a class="abm" href="https://ctrsv.ro/"> <img src="https://ctrsv.ro/wp-content/uploads/2022/05/logo-ctr-300x300.png" alt="CTR" class="linkicon"> Graduated from highschool <p class="accent">(CTR)</p></a>
+            <a class="abm" href="https://fiesc.usv.ro/"> <img src="https://usv.ro/wp-content/uploads/2019/12/favicon.ico" alt="USV" class="linkicon"> University student <p class="accent">(FIESC-USV)</p></a>
         </section>
         <h2>My Links</h2>
         <section id="links">

diff --git a/styles.css b/styles.css
@@ -1,10 +1,10 @@
+@import url('https://fonts.googleapis.com/css2?family=Dosis&family=Playpen+Sans&family=Roboto&display=swap');
 * {
     box-sizing: border-box;
 }
 
 body{
     background-color: #00ffff;
-    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     text-align: center;
     background-image: url('img/vvww.png');
     background-repeat: no-repeat;
@@ -14,17 +14,20 @@ body{
 }
 
 a {
+    font-family: monospace;
     color: #ffffff;
     padding: 10px;
     margin: 10px;
     font-size: 30px;
     text-decoration: none;
     display: flex;
     justify-content: center;
+    align-items: center;
 }
 
 
 h1{
+    font-family: 'Playpen Sans', cursive;
     color: #eeeeee;
     background-color: #00000099;
     font-size: 50px;
@@ -34,6 +37,7 @@ h1{
 }
 
 h2{
+    font-family: 'Roboto', sans-serif;
     color: #b7ff00;
     background-color: #00000055;
     font-size: 40px;
@@ -61,11 +65,12 @@ section{
     padding: 0%;
     margin: 0%;
     display: inline;
+    font-family: 'Dosis', sans-serif;
 }
 .linkicon {
     width: 30px;
     height: 30px;
-    justify-self: center;
+    display: inline;
     padding: 0%;
     margin: 0%;
 }