Merge pull request #4 from bufgix/master

Mobile Compatibility
grapheneX · Jul 15, 2019 · 55e927e · 55e927e
2 parents 38f1d5f + 6c22920
commit 55e927e
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 26 deletions.
diff --git a/css/index.css b/css/index.css
@@ -2,7 +2,6 @@ body, html {
     margin: 0;
     color: white;
     background-color: #1E1E1E;
-    height: 100%
 }
 
 .overlay {
@@ -64,11 +63,15 @@ body, html {
     }
 }
 
+
 @media only screen and (max-width: 768px) {
     .vertical {
         display: none;
     }
     .consolas {
         font-size: inherit
     }
+    .content {
+        margin-top: 8rem !important;
+    }
 }
diff --git a/index.html b/index.html
@@ -15,31 +15,33 @@
 </head>
 
 <body>
-    <div class="overlay text-center">
-        <img class="img-responsive align-middle loading-img" src="images/graphenex_logo.png" alt="logo" height="200" width="200">
-    </div>
-    <div class="text-center mt-2" data-aos="zoom-in">
-        <h1 style="color: #CCCCCC; font-size: 20px">~ grapheneX ~</h1>
-    </div>
-    <div class="text-center mt-3 mt-sm-3 mr-4 ml-4">
-        <img class="img-fluid rounded deep-like" src="images/banner.gif" alt="banner" data-aos="zoom-in">
-    </div>
-    <div class="d-flex justify-content-center mt-3" data-aos="fade-up">
-        <a href="https://github.com/grapheneX">
-            <div class="btn btn-ghost-dark ghico">
-                <i class="fab fa-github"></i> GitHub
-            </div>
-        </a>
-        <a href="https://pypi.org/project/graphenex/">
-            <div class="btn btn-ghost-dark pyico">
-                <i class="fab fa-python"></i> PyPI
-            </div>
-        </a>
-        <a href="https://twitter.com/grapheneX_">
-            <div class="btn btn-ghost-dark twico">
-                <i class="fab fa-twitter"></i> Twitter
-            </div>
-        </a>
+    <div class="mt-5 mt-sm-0 content">
+        <div class="overlay text-center">
+            <img class="img-responsive align-middle loading-img" src="images/graphenex_logo.png" alt="logo" height="200" width="200">
+        </div>
+        <div class="text-center mt-2" data-aos="zoom-in">
+            <h1 style="color: #CCCCCC; font-size: 20px">~ grapheneX ~</h1>
+        </div>
+        <div class="text-center mt-3 mt-sm-3 mr-4 ml-4">
+            <img class="img-fluid rounded deep-like" src="images/banner.gif" alt="banner" data-aos="zoom-in">
+        </div>
+        <div class="d-flex justify-content-center mt-3" data-aos="fade-up">
+            <a href="https://github.com/grapheneX">
+                <div class="btn btn-ghost-dark ghico">
+                    <i class="fab fa-github"></i> GitHub
+                </div>
+            </a>
+            <a href="https://pypi.org/project/graphenex/">
+                <div class="btn btn-ghost-dark pyico">
+                    <i class="fab fa-python"></i> PyPI
+                </div>
+            </a>
+            <a href="https://twitter.com/grapheneX_">
+                <div class="btn btn-ghost-dark twico">
+                    <i class="fab fa-twitter"></i> Twitter
+                </div>
+            </a>
+        </div>
     </div>
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>