Deploying to gh-pages from @ 0a49c71 🚀

201flaviosilva · Oct 2, 2024 · 186001d · 186001d
1 parent d7fdabc
commit 186001d
Show file tree

Hide file tree

Showing 6 changed files with 80 additions and 9 deletions.
diff --git a/PDF/index.html b/PDF/index.html
@@ -49,10 +49,13 @@ <h2 class="heading-container">
 						<p>
 						<ul>
 							<li>Web: <span class="symbol">201flaviosilva.github.io</span></li>
-							<li>Github: <span class="symbol">201flaviosilva</span></li>
-							<li>Linkedin: <span class="symbol">Flávio Silva</span></li>
-							<li>Tel: <span class="symbol">+351 916 887 198</span></li>
-							<li>@: <span class="symbol">[email protected]</span></li>
+							<li>Github: <a href="https://github.com/201flaviosilva"><span
+										class="symbol">201flaviosilva</span></a></li>
+							<li>Linkedin: <a href="https://www.linkedin.com/in/fl%C3%A1vio-silva-2b069b146/"><span
+										class="symbol">Flávio Silva</span></a></li>
+							<li>Tel: <a href="tel:+351916887198"><span class="symbol">+351 916 887 198</span></a></li>
+							<li>@: <a href="mailto:[email protected]"><span
+										class="symbol">[email protected]</span></a></li>
 						</ul>
 						</p>
 					</section>

diff --git a/PDF/style.css b/PDF/style.css
@@ -21,10 +21,13 @@ body a.language-switch {
   right: 0;
   font-family: "VT323", monospace;
   font-size: 24px;
-  color: red;
+  color: #f28157;
+  border-radius: 4px;
+  background-color: rgba(47, 44, 64, 0.25);
 }
 
 body div.container {
+  margin: 0 auto;
   padding: 0 8px;
   display: flex;
   flex-direction: column;
@@ -111,3 +114,31 @@ body div.container main section.education li ul li p.title {
 body div.container main section.education {
   margin-bottom: 0;
 }
+
+@media only screen and (max-width: 800px) {
+  body {
+    background-color: #2f2c40;
+  }
+  body a.language-switch {
+    margin: 8px 2px;
+    padding: 4px 8px;
+    font-size: 16px;
+    color: rgba(242, 128, 87, 0.5);
+    z-index: 1;
+  }
+  body div.container {
+    width: 100vw;
+  }
+  body div.container main img.sticker {
+    right: 32px;
+    width: 64px;
+    height: 64px;
+  }
+  body div.container main section {
+    margin-top: 12px;
+  }
+  body div.container main div.columns {
+    grid-template-columns: 1fr;
+    gap: 0;
+  }
+}
diff --git a/PDF/style.min.css b/PDF/style.min.css
diff --git a/PDF/style.scss b/PDF/style.scss
@@ -38,10 +38,13 @@ body {
     right: 0;
     font-family: "VT323", monospace;
     font-size: $space-l;
-    color: red;
+    color: $txt-heading-color;
+    border-radius: 4px;
+    background-color: rgba(47, 44, 64, 0.25);
   }
 
   div.container {
+    margin: 0 auto;
     padding: 0 $space-xs;
     display: flex;
     flex-direction: column;
@@ -136,4 +139,38 @@ body {
       }
     }
   }
+
+  // scale to fit on mobile
+  @media only screen and (max-width: 800px) {
+    background-color: $background-color;
+
+    a.language-switch {
+      margin: $space-xs $space-xxxs;
+      padding: $space-xxs $space-xs;
+      font-size: $space-m;
+      color: rgba(242, 128, 87, 0.5);
+      z-index: 1;
+    }
+
+    div.container {
+      width: 100vw;
+
+      main {
+        img.sticker {
+          right: $space-xl;
+          width: $space-xxl;
+          height: $space-xxl;
+        }
+
+        section {
+          margin-top: $space-s;
+        }
+
+        div.columns {
+          grid-template-columns: 1fr;
+          gap: 0;
+        }
+      }
+    }
+  }
 }
diff --git a/assets/index.e946b8ae.js → assets/index.cdceccd2.js b/assets/index.e946b8ae.js → assets/index.cdceccd2.js
diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>201flaviosilva</title>
   <link href="https://fonts.googleapis.com/css?family=Press Start 2P" rel="stylesheet">
-  <script type="module" crossorigin src="./assets/index.e946b8ae.js"></script>
+  <script type="module" crossorigin src="./assets/index.cdceccd2.js"></script>
   <link rel="stylesheet" href="./assets/index.614aef9d.css">
 </head>