Major changes in visuals of most of the project

[VSoRC/.git] / partials / head.ejs

diff --git a/partials/head.ejs b/partials/head.ejs
index 9a12a0d327daa5a6eff7a4dd04f55c71eb8f6b6f..bc728c02368b0423c6cb94fae2a35cf87665ee2b 100644 (file)
--- a/partials/head.ejs
+++ b/partials/head.ejs
@@ -1,8 +1,10 @@
 <!-- views/partials/head.ejs -->
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <meta charset="UTF-8">
 <title>VSoRC</title>
 <!-- CSS (load bootstrap from a CDN) -->
-<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> -->
+<link rel="stylesheet" type="text/css" href="/styles/main.css" />
 <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
 <style>
   body {
@@ -68,7 +70,7 @@
     transform-origin: 4px 0px;
 
     transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
-      background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
+      background 1s cubic-bezier(0.77, 0.2, 0.05, 1.0),
       opacity 0.55s ease;
   }
 
@@ -85,7 +87,7 @@
  * into a crossmark.
  */
   #menuToggle input:checked~span:nth-last-child(4) {
-    transform: translate(-7px, 8px) rotate(-45deg) scale(0.5, 0.8);
+    transform: translate(-6px, 8px) rotate(-45deg) scale(0.4, 0.8);
     background: #ffcdcd;
   }
 
@@ -101,7 +103,7 @@
  * Ohyeah and the last one should go the other direction
  */
    #menuToggle input:checked~span:nth-last-child(2) {
-    transform: translate(-5px, -10px) rotate(45deg) scale(0.5, 0.8);
+    transform: translate(-4px, -11px) rotate(45deg) scale(0.4, 0.8);
     background: #ffcdcd;
   }
 
@@ -128,8 +130,8 @@
   }
 
   #menu li {
-    padding: 10px 0;
-    font-size: 22px;
+    padding: 0.5rem 0;
+    font-size: 1.5rem;
     color: white;
   }