commit

2019-09-06 22:04:35 +02:00
parent 05a5de5891
commit 1ba5e27263
7 changed files with 21 additions and 13 deletions
@@ -57,9 +57,9 @@ h2 {
 }
 .inner-div {
  -webkit-text-fill-color: white;
-  -webkit-text-stroke-width: 1px;
+  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
-  background-color: rgb(26, 36, 36);
+  background-color: orange;
  opacity: 0.8;
  align-content: space-around;
  left: 40%;
@@ -89,11 +89,13 @@ h2 {

@font-face {
  font-family: "Aldo the Apache";
-  src: url("css/fonts/AldotheApache.woff") format("woff");
+  src: url("font/AldotheApache.woff") format("woff");
+  src: url("font/AldotheApache.ttf") format("ttf");
 }
@font-face {
  font-family: "eyelevation6";
-  src: url("css/fonts/eyelevation6.woff") format("woff");
+  src: url("font/eyelevation6.woff") format("woff");
+  src: url("font/eyelevation6.ttf") format("ttf");
 }

 /* The Overlay (background) */
@@ -10,14 +10,13 @@
  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="css/style.css">
-
-
 </head>

 <body>
  <!-- particles.js container -->
  <div id="particles-js"></div>
-
+  <!-- particles.js lib - https://github.com/VincentGarreau/particles.js -->
+  <!-- <script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script> -->

  <div class="container-fluid">
    <div class="row">
@@ -26,11 +25,11 @@
        <h2 style="font-family: 'Aldo the Apache'">to the fun side</h2>
      </div>
      <div class="col-md-8 outer-div">
-        <div onclick="openNav1(TheSquare)" class="row inner-div" style="font-family:'Aldo the Apache'">
+        <div onclick="openNav1(TheSquare)" class="row inner-div" style="font-family: 'Aldo the Apache'">
          The Square
        </div>
-        <div onclick="openNav2(AltSquare)" class="row inner-div" style="font-family: 'Aldo the Apache'">
-          <b style="font-family: 'eyelevation6'">Alt </b> &nbsp;Square
+        <div onclick="openNav2(AltSquare)" class="row inner-div">
+          <b style="font-family: 'eyelevation6'">Alt </b> <b style="font-family: 'Aldo the Apache'">Square</b>
        </div>
        <div onclick="openNav3(Glod)" class="row inner-div" style="font-family: 'eyelevation6'">
          Glod
@@ -215,8 +214,8 @@
  </div>

  <!-- Optional JavaScript -->
-  <script src="js/script.js"></script>
  <script src="js/particles.min.js"></script>
+  <script src="js/script.js"></script>
  
  <script src="https://kit.fontawesome.com/0eb0b05fee.js"></script>
  
@@ -128,6 +128,13 @@ particlesJS('particles-js',
      }
    },
    "retina_detect": true,
-    
+    "config_demo": {
+      "hide_card": false,
+      "background_color": "#b61924",
+      "background_image": "",
+      "background_position": "50% 50%",
+      "background_repeat": "no-repeat",
+      "background_size": "cover"
+    }
  }
 );