add login

css/styles.css

@@ -14621,6 +14621,32 @@ a:hover {
   right: 10px;
 }
 
+/* line 150, global.scss */
+.login {
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100vh;
+  width: 100%;
+  z-index: 200;
+}
+/* line 158, global.scss */
+.login .head {
+  background: #bf0f3d;
+  background-image: url(../images/logo.png);
+  background-size: 200px;
+  background-repeat: no-repeat;
+  background-position: center center;
+  height: 25vh;
+  width: 100%;
+}
+/* line 168, global.scss */
+.login .content {
+  position: relative;
+  width: 100%;
+  height: 75vh;
+}
+
 @keyframes pop-up {
   0% {
     transform: scale(0);
@@ -14679,8 +14705,15 @@ input[type=password] {
   text-align: left;
   box-sizing: border-box;
 }
+/* line 24, forms.scss */
+input[type=text].input-login,
+input[type=password].input-login {
+  border: 1px solid #bf0f3d;
+  border-radius: 5px;
+  color: black;
+}
 
-/* line 25, forms.scss */
+/* line 31, forms.scss */
 input[type=button],
 input[type=submit],
 button,
@@ -14694,28 +14727,28 @@ button,
   text-transform: uppercase;
   color: white;
 }
-/* line 38, forms.scss */
+/* line 44, forms.scss */
 input[type=button].big,
 input[type=submit].big,
 button.big,
 .button.big {
   padding: 10px 25px;
 }
-/* line 42, forms.scss */
+/* line 48, forms.scss */
 input[type=button].confirm,
 input[type=submit].confirm,
 button.confirm,
 .button.confirm {
   background: #bf0f3d;
 }
-/* line 45, forms.scss */
+/* line 51, forms.scss */
 input[type=button].discard,
 input[type=submit].discard,
 button.discard,
 .button.discard {
   background: black;
 }
-/* line 48, forms.scss */
+/* line 54, forms.scss */
 input[type=button].dotted,
 input[type=submit].dotted,
 button.dotted,
@@ -14764,22 +14797,23 @@ header .container .row .menu ul li {
   color: white;
   margin: 10px;
   padding: 7px 0 2px 0;
-  font-size: 0.625rem;
+  font-size: 0.75rem;
+  letter-spacing: 1px;
   font-weight: bold;
   text-transform: uppercase;
   border-bottom: 4px solid #2f2f2f;
   cursor: pointer;
   transition: .4s;
 }
-/* line 40, header.scss */
+/* line 41, header.scss */
 header .container .row .menu ul li a .fa {
   font-size: 0.875rem;
 }
-/* line 45, header.scss */
+/* line 46, header.scss */
 header .container .row .menu ul li.active, header .container .row .menu ul li:hover {
   border-bottom: 4px solid #bf0f3d;
 }
-/* line 49, header.scss */
+/* line 50, header.scss */
 header .container .row .menu ul li.active a:hover, header .container .row .menu ul li:hover a:hover {
   color: white;
 }

index.php

@@ -3,7 +3,7 @@
     @include 'cgi-bin/functions.inc';
     @include 'cgi-bin/params.inc';
 
-    $GLOBALS['getQ'][0]="home";
+    $GLOBALS['getQ'][0]="login";
     $GLOBALS['isHome'] = true;
     
     if(@$_GET['q']){
@@ -34,12 +34,17 @@
 
     <?php
         @include 'header.php';
+        if($getQ[0]=="login"){
+            @include 'login.php';
+        }
     ?>
     <section>
         <div id="MainContent" class="container">
             <div class="row">
                 <?php
-                  @include $getQ[0].'.php';
+                    if($getQ[0]!="login"){
+                        @include $getQ[0].'.php';
+                    }
                 ?>
             </div>
         </div>

login.php

@@ -0,0 +1,14 @@
+<div class="login pattern">
+    <div class="head"></div>
+    <div class="content">
+        <div class="full-middle">
+            <form method="post" action="/modules">
+                <p class="font-10">Username</p>
+                <input type="text" class="input-login">
+                <p class="font-10">Password</p>
+                <input type="password" class="input-login">
+                <p align="right"><button class="button big confirm" type="submit">LOG IN</button></p>
+            </form>
+        </div>
+    </div>
+</div>

scss/forms.scss

@@ -20,6 +20,12 @@ input[type=password]{
     width: 100%;
     text-align: left;
     box-sizing: border-box;
+    
+    &.input-login{
+      border: 1px solid $red;
+      border-radius: 5px;
+      color: black;
+    }
 }
 
 input[type=button],

scss/global.scss

@@ -145,6 +145,34 @@ a{
   right: 10px;
 }
 
+
+
+.login{
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100vh;
+  width: 100%;
+  z-index: 200;
+  
+  .head{
+    background: $red;
+    background-image: url(../images/logo.png);
+    background-size: 200px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    height: 25vh;
+    width: 100%;
+  }
+  
+  .content{
+    position: relative;
+    width: 100%;
+    height: 75vh;
+  }
+}
+
+
 @keyframes pop-up{
   0% {transform: scale(0);}
   10% {transform: scale(1);}

scss/header.scss

@@ -29,7 +29,8 @@ header{
             color: white;
             margin: 10px;
             padding: 7px 0 2px 0;
-            font-size: $font-10;
+            font-size: $font-12;
+            letter-spacing: 1px;
             font-weight: bold;
             text-transform: uppercase;
             border-bottom: 4px solid $dark-grey;