adding home page

Author: alieldeba

dist/functionalty.min.js

@@ -1 +1,43 @@
-function getMid(r,n){return Math.floor((r+n)/2)}function getFactors(n){return[...Array(n+1).keys()].filter(r=>n%r==0)}function randomNum(r,n){return Math.floor(Math.random()*(n-r+1)+r)}function randomBoolean(){return.5<=Math.random()}function randomElementFrom(r){return r[Math.floor(Math.random()*r.length)]}function randomHex(){return"#"+Math.floor(16777215*Math.random()).toString(16).padEnd(6,"0")}function filterArray(r,n){return r.filter(r=>r!=n)}function sumOfArray(r){return r.reduce((r,n)=>r+n,0)}function minArray(r){return Math.min(...r)}function maxArray(r){return Math.max(...r)}function removeDuplicate(t){t.filter(function(r,n){return[...new Set(t)]})}
+function getMid(r, n) {
+  return Math.floor((parseFloat(r) + parseFloat(n)) / 2);
+}
+function getFactors(n) {
+  return [...Array(n + 1).keys()].filter((r) => n % r == 0);
+}
+function randomNum(r, n) {
+  return Math.floor(Math.random() * (n - r + 1) + r);
+}
+function randomBoolean() {
+  return 0.5 <= Math.random();
+}
+function randomElementFrom(r) {
+  return r[Math.floor(Math.random() * r.length)];
+}
+function randomHex() {
+  return (
+    "#" +
+    Math.floor(16777215 * Math.random())
+      .toString(16)
+      .padEnd(6, "0")
+  );
+}
+function filterArray(r, n) {
+  return r.filter((r) => r != n);
+}
+function sumOfArray(r) {
+  return r.reduce((r, n) => r + n, 0);
+}
+function minArray(r) {
+  return Math.min(...r);
+}
+function maxArray(r) {
+  return Math.max(...r);
+}
+function removeDuplicate(t) {
+  t.filter(function (r, n) {
+    return [...new Set(t)];
+  });
+}
+function throwError() {
+  return J;
+}

functionalty.zip

@@ -9,6 +9,7 @@ var uglify = require("gulp-uglify");
 var rename = require("gulp-rename");
 var pug = require("gulp-pug");
 var livereload = require("gulp-livereload");
+var zip = require("gulp-zip");
 
 // HTML Task
 gulp.task("html", () => {
@@ -50,6 +51,7 @@ gulp.task("scripts", () => {
 
 // Functionalty.js File Task
 gulp.task("functionalty", () => {
+  livereload.listen();
   require("./server.js");
   return gulp
     .src("./project/js/functionalty.js")
@@ -58,6 +60,11 @@ gulp.task("functionalty", () => {
     .pipe(gulp.dest("./dist"));
 });
 
+// Compressing The Dist Folder For The User
+gulp.task("compress", () => {
+  return gulp.src("./dist").pipe(zip("functionalty.zip")).pipe(gulp.dest("./"));
+});
+
 // Watch Task (Main Task)
 gulp.task("watch", () => {
   require("./server.js");

gulpfile.js

@@ -18,6 +18,7 @@
   "homepage": "https://github.com/Ali-Eldeba/functionalty.js#readme",
   "devDependencies": {
     "@babel/core": "^7.17.12",
+    "@types/livereload": "^0.9.2",
     "gulp": "^4.0.2",
     "gulp-autoprefixer": "^8.0.0",
     "gulp-babel": "^8.0.0",
@@ -28,6 +29,7 @@
     "gulp-rename": "^2.0.0",
     "gulp-sass": "^5.1.0",
     "gulp-uglify": "^3.0.2",
+    "gulp-zip": "^5.1.0",
     "sass": "^1.52.0"
   },
   "dependencies": {

package-lock.json

@@ -1,3 +1,4 @@
+@import "./library/variables.scss";
 * {
   margin: 0;
   padding: 0;
@@ -6,6 +7,12 @@
 body {
   font-family: "Cairo", sans-serif;
 }
+html {
+  scroll-behavior: smooth;
+}
+::selection {
+  background-color: $selection-color !important;
+}
 a {
   text-decoration: none !important;
   color: black !important;

package.json

@@ -0,0 +1,12 @@
+@import "../library/variables.scss";
+.github {
+  background-color: $soft-black;
+  height: 30px;
+  color: #fff;
+  a {
+    color: $js !important;
+    &:hover {
+      text-decoration: underline !important;
+    }
+  }
+}

project/css/_global.scss

@@ -1,6 +1,8 @@
 @import "../library/variables";
 nav {
   background-color: $js;
+  height: 60px;
+  box-shadow: 0px 5px 40px rgb(0 0 0 / 20%);
   .container {
     display: flex;
     align-items: center;

project/css/layouts/footer.scss renamed to project/css/layouts/_footer.scss

@@ -8,6 +8,7 @@
   background: $js;
   display: flex;
   align-items: center;
+  z-index: 999;
 }
 
 .loader {
@@ -18,6 +19,7 @@
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
+  z-index: 1000;
 }
 
 .dot {