2 files changed, 34 insertions(+), 15 deletions(-)

M assets/scss/index.scss
M index.html

@@ 6,7 6,7 @@ $md_spacing: 8px;
 $lg_spacing: 16px;
 $xl_spacing: 32px;
 
-$reg_max_width: 720px;
+$reg_max_width: 640px;
 $mob_max_width: calc(100% - 12px);
 
 $go_blue: #00acd7;


@@ 24,9 24,20 @@ $gradient_tilt3: 5deg;
     min-width: $reg_max_width;
 }
 
+html {
+    min-width: 100vw;
+    max-width: 100vw;
+    min-height: 100vh;
+    max-height: 100vh;
+    margin: 0px;
+}
+
 html>body {
     margin: 0px;
+    min-width: 100vw;
+    max-width: 100vw;
     min-height: 100vh;
+    max-height: 100vh;
     background-color: rgb(6, 22, 22);
 }
 


@@ 193,8 204,7 @@ code em {
 }
 
 section > * {
-    max-width: $reg_max_width;
-    min-width: $reg_max_width;
+    @include force-min-max-width;
     text-align: left;
 }
 


@@ 404,6 414,11 @@ section#technologies {
         font-size: 24px;
     }
 
+    header {
+        max-width: 100vw;
+        min-width: 100vw;
+    }
+
     header #contact-links {
         position: absolute;
         height: 96px;


@@ 425,8 440,8 @@ section#technologies {
 
 
     section > * {
-        max-width: $mob_max_width;
-        min-width: $mob_max_width;
+        max-width: 100vw;
+        min-width: 100vw;
         text-align: left;
     }
 


@@ 487,4 502,8 @@ section#technologies {
         }
 
     }
+
+    .hide-on-mobile {
+        display: none;
+    }
 }=
\ No newline at end of file

@@ 32,40 32,40 @@
     </header>
     <div id="content">
       <section id="introduction">
-        <code>[web@tom.carrio.dev ~]% ls -lt</code>
+        <code>[web@tom.carrio.dev ~]% ls -<span class="hide-on-mobile">l</span>t</code>
         <code>
           <a href="#intro">
-            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;232&nbsp;Jan&nbsp;&nbsp;1&nbsp;&nbsp;1970&nbsp;&nbsp;<em>intro.md</em>
+            <span class="hide-on-mobile">-rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;232&nbsp;Jan&nbsp;&nbsp;1&nbsp;&nbsp;1970&nbsp;&nbsp;</span><em>intro.md</em>
           </a>
           <br />
           <a href="#sysadmin">
-            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;372&nbsp;Sep&nbsp;17&nbsp;&nbsp;2013&nbsp;&nbsp;<em>sysadmin.md</em>
+            <span class="hide-on-mobile">-rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;372&nbsp;Sep&nbsp;17&nbsp;&nbsp;2013&nbsp;&nbsp;</span><em>sysadmin.md</em>
           </a>
           <br />
           <a href="#automation">
-            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;470&nbsp;Feb&nbsp;13&nbsp;&nbsp;2014&nbsp;&nbsp;<em>automation.md</em>
+            <span class="hide-on-mobile">-rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;470&nbsp;Feb&nbsp;13&nbsp;&nbsp;2014&nbsp;&nbsp;</span><em>automation.md</em>
           </a>
           <br />
           <a href="#ally">
-            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;367&nbsp;May&nbsp;22&nbsp;&nbsp;2017&nbsp;&nbsp;<em>ally.md</em>
+            <span class="hide-on-mobile">-rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;367&nbsp;May&nbsp;22&nbsp;&nbsp;2017&nbsp;&nbsp;</span><em>ally.md</em>
           </a>
           <br />
           <a href="#dynatrace">
-            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;662&nbsp;May&nbsp;12&nbsp;&nbsp;2019&nbsp;&nbsp;<em>dynatrace.md</em>
+            <span class="hide-on-mobile">-rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;662&nbsp;May&nbsp;12&nbsp;&nbsp;2019&nbsp;&nbsp;</span><em>dynatrace.md</em>
           </a>
           <br />
           <a href="#skillshare">
-            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;797&nbsp;Feb&nbsp;&nbsp;2&nbsp;&nbsp;2022&nbsp;&nbsp;<em>skillshare.md</em>
+            <span class="hide-on-mobile">-rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;797&nbsp;Feb&nbsp;&nbsp;2&nbsp;&nbsp;2022&nbsp;&nbsp;</span><em>skillshare.md</em>
           </a>
           <br />
           <a href="#outro">
-            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;197&nbsp;Apr&nbsp;29&nbsp;&nbsp;2023&nbsp;&nbsp;<em>outro.md</em><br />
+            <span class="hide-on-mobile">-rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;197&nbsp;Apr&nbsp;29&nbsp;&nbsp;2023&nbsp;&nbsp;</span><em>outro.md</em><br />
           </a>
           <a href="#contributions">
-            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;2473&nbsp;Apr&nbsp;29&nbsp;&nbsp;2023&nbsp;&nbsp;<em>contributions.md</em><br />
+            <span class="hide-on-mobile">-rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;2473&nbsp;Apr&nbsp;29&nbsp;&nbsp;2023&nbsp;&nbsp;</span><em>contributions.md</em><br />
           </a>
           <a href="#technologies">
-            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;1049&nbsp;Apr&nbsp;29&nbsp;&nbsp;2023&nbsp;&nbsp;<em>technologies.md</em>
+            <span class="hide-on-mobile">-rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;1049&nbsp;Apr&nbsp;29&nbsp;&nbsp;2023&nbsp;&nbsp;</span><em>technologies.md</em>
           </a>
         </code>