Fix link jumping

2017-11-16 19:57:44 -07:00
parent 5506cd2e14
commit 64fcae4804
3 changed files with 18 additions and 9 deletions
--- a/index.html
+++ b/index.html
@@ -18,6 +18,15 @@
    <meta name="msapplication-TileColor" content="#FFFFFF" />
    <meta name="msapplication-TileImage" content="http://chuckdri.es/icons/mstile-144x144.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style>
+        .jump{
+            margin-top:-130px;
+            /* height: 120px; */
+            position: absolute;
+            display: block;
+            visibility: hidden;
+        }
+    </style>
 </head>

 <body>
@@ -60,7 +69,7 @@
    <div id="spaceTakerUpper">
    </div>
    <div class="slide" style="margin-top:0px;">
-        <a name="about" style="padding-top: 130px"></a>
+        <a name="about" class="jump"></a>
        <h1>About Me
            <span style="font-size: .5em; font-weight:normal; color: #666;">Why I rock 🎶</span>
        </h1>
@@ -72,7 +81,7 @@
        </p>
    </div>
    <div class="slide">
-        <a name="skills" style="padding-top: 130px"></a>
+        <a name="skills" class="jump"></a>
        <h2>Skills</h2>
        <div id="skilltable" style="display:none;">
            <table>
@@ -139,7 +148,7 @@
        </div>
    </div>
    <div class="slide">
-        <a name="projects" style="padding-top: 130px;"></a>
+        <a name="projects" class="jump"></a>
        <h1>Projects &amp; Experience</h1>
        <p style="text-indent: 0; margin-bottom: 5px;font-style: italic; font-weight:normal; color: #555;">More projects coming. For now, check my github or email me.</p>
        <div class="grid">