adding about page

Author: alieldeba

__tests__/functionality.test.js

@@ -31,10 +31,10 @@
     "gulp-sourcemaps": "^1.12.1",
     "gulp-uglify": "^3.0.2",
     "gulp-zip": "^5.1.0",
+    "jest": "^28.1.0",
     "sass": "^1.52.0"
   },
   "dependencies": {
-    "jest": "^28.1.0",
     "static-server": "^2.2.1"
   }
 }

dist/functionalty.min.js

@@ -6,6 +6,9 @@
 }
 body {
   font-family: "Cairo", sans-serif;
+  background-color: #eee;
+  height: 100vh;
+  overflow: hidden;
 }
 html {
   scroll-behavior: smooth;

package-lock.json

@@ -3,10 +3,12 @@
   background-color: $soft-black;
   height: 30px;
   color: #fff;
-  a {
-    color: $js !important;
-    &:hover {
-      text-decoration: underline !important;
+  p {
+    a {
+      color: $js !important;
+      &:hover {
+        text-decoration: underline !important;
+      }
     }
   }
 }

package.json

@@ -0,0 +1,11 @@
+.about {
+  .container {
+    .box {
+      list-style-type: square;
+      font-weight: bold;
+      li {
+        padding-left: 30px;
+      }
+    }
+  }
+}

project/css/_global.scss

@@ -1,5 +1,4 @@
 .landing {
-  background-color: #eee;
   height: calc(100vh - 90px);
   .coontainer {
     height: 100%;

project/css/layouts/_github.scss

@@ -1,7 +1,7 @@
-include library/links.pug
+include ./library/links.pug
 include ./library/loading.pug
-include layouts/github.pug
-include layouts/header.pug
+include ./layouts/github.pug
+include ./layouts/header.pug
 .content
   .landing.d-flex.align-items-center
     .container.d-flex.align-items-center.justify-content-between

project/css/pages/_about.scss

@@ -1,2 +1,3 @@
 .github.text-center
-  p.text-truncate Functionality.js Library Is an Open Source Library You Can Contribute To It From <a href="https://github.com/Ali-Eldeba/functionalty.js" target="_blank"> Here</a>
+  .container
+    p.text-truncate Functionality.js Library Is an Open Source Library You Can Contribute To It From <a href="https://github.com/Ali-Eldeba/functionalty.js" target="_blank"> Here</a>