ArsenTech · ArsenTech · Mar 4, 2023 · Feb 2, 2023 · Feb 2, 2023 · Feb 2, 2023
diff --git a/.gitignore b/.gitignore
@@ -1,31 +1,60 @@
-# ignore everything in the root except the "wp-content" directory.
-!wp-content/
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
 
-# ignore everything in the "wp-content" directory, except:
-# "mu-plugins", "plugins", "themes" directory
-wp-content/*
-!wp-content/mu-plugins/
-!wp-content/plugins/
-!wp-content/themes/
+# Bower dependency directory (https://bower.io/)
+bower_components
 
-# ignore these plugins
-wp-content/plugins/hello.php
+# node-waf configuration
+.lock-wscript
 
-# ignore specific themes
-wp-content/themes/twenty*/
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
 
-# ignore node dependency directories
+# Dependency directories
 node_modules/
 
-# ignore log files and databases
-*.log
-*.sql
-*.sqlite
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
 
 # others
-*.md
-LICENSE
 _site/
 .sass-cache/
 .jekyll-cache/
-.jekyll-metadata
+.jekyll-metadata
diff --git a/404.html b/404.html
@@ -1,17 +1,40 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="theme-color" content="#22b455">
     <link rel="stylesheet" href="CSS/error.css">
-    <link rel="icon" href="Files/err.ico">
+    <link rel="icon" href="Files/warning.png">
     <link rel="preconnect" href="https://fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;700&display=swap" rel="stylesheet">
     <title>There was an Error 404</title>
 </head>
 <body>
-<div id="error"><div class="error-container"><h2 class="error-title">Oops! Page Not Found.</h2><h1 class="error-number">404</h1><p class="error-text">There was an error. We cannot find page you are looking for</p><a href="index.html" class="error-button">Go back</a></div></div>
-<noscript><style type="text/css">#site-header, #site-main, #site-footer, #error {display:none;}body{min-height: 100vh; text-align: center; background: linear-gradient(#22b455, #1dd1a1); background-repeat: no-repeat}h1{color: #d9534f; margin: 10px;}.err{width: 100%; position: absolute; top: 50%;}</style><div class="err"><h1>There was an error</h1><p>Sorry, but your browser doesn't support Javascript, Please enable JavaScript in your browser for best experience for website.</p></div></noscript>
+<div id="error">
+    <div class="error-container">
+        <h2 class="error-title">Oops! Page Not Found.</h2>
+        <h1 class="error-number">404</h1>
+        <p class="error-text">There was an error. We cannot find page you are looking for</p>
+        <a href="index.html" class="error-button">Go back</a>
+    </div>
+</div>
+<noscript>
+    <link href="https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="CSS/lightbox.min.css">
+    <noscript>
+        <link href="https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;700&display=swap" rel="stylesheet">
+        <link rel="stylesheet" href="CSS/lightbox.min.css">
+        <div>
+            <style type="text/css">
+                #site-header,#site-main,#site-footer,#error,.loader-wrapper{display: none;}
+                body{min-height: 100vh;text-align: center;background: linear-gradient(#22B45545,#1dd1a188), url(../Files/bg.webp) no-repeat; background-size: cover;}
+                h1{color: #dc3545;margin: 10px;}
+                .err{width: 100%;position: absolute;top: 50%;background: #92e5a1;padding: 15px 0;}
+            </style>
+        </div>
+        <div class="err"><h1>There was an error</h1><p>Sorry, but your browser doesn't support Javascript.<br> Please enable JavaScript in your browser for best experience for website.</p></div>
+    </noscript>
+</noscript>
 </body>
 </html>
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
@@ -83,7 +83,7 @@ behavior was inappropriate. A public apology may be requested.
 ### 2. Warning
 
 **Community Impact**: A violation through a single incident or series
-of actions.
+of actions, Code Disrespect.
 
 **Consequence**: A warning with consequences for continued behavior. No
 interaction with the people involved, including unsolicited interaction with
@@ -114,4 +114,6 @@ the community.
 
 ## Attribution
 
-If You Want to Fork, Give Credit to [ArsenTech](https://arsentech.github.io)
+If You Want to Fork, Give Credit to [ArsenTech](https://arsentech.github.io).
+
+### **It's Important to Respect My Code :-)**
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -85,4 +85,6 @@ members of the project's leadership.
 
 ### Attribution
 
-If You Want to Fork, Give Credit to [ArsenTech](https://arsentech.github.io)
+If You Want to Fork, Give Credit to [ArsenTech](https://arsentech.github.io).
+
+### **It's Important to Respect My Code :-)**
diff --git a/CSS/dark-mode.css b/CSS/dark-mode.css
@@ -0,0 +1,36 @@
+.dark{color: #f1f1f1;}
+.dark .logo {background-image: url(/Files/arsentech-dark.svg);background-size: contain;}
+.dark .menu-toggler span {background-color: #fafafa;}
+.dark .navbar-menu a {color: #fafafa;}
+.dark .navbar-menu a:hover {color: #1dd1a1 !important;}
+.dark #icon{filter: invert(1);}
+.dark .sticky {background: #353b48;}
+.dark .sticky .logo {background-image: url(/Files/arsentech-dark.svg);}
+.dark .sticky .navbar-menu a {color: #f1f1f1;}
+.dark .sticky .menu-toggler span {background-color: #f1f1f1;}
+.dark .sticky .menu-toggler {color: #f1f1f1;}
+.dark section {background: #353b48;}
+.dark .section-title {color: #f1f1f1;}
+.dark .section-title::before {background: #f1f1f1;}
+.dark .section-title::after {background-color: #1dd1a1;border-color: #353b48;}
+.dark .about-text h3 {color: #aaa;}
+.dark .about-text h3 span:nth-child(1)::after, .dark .about-text h3 span:nth-child(2)::after {background: #aaa;}
+.dark .skill-bar {background: #888;}
+.dark .skill-bar::after {background-color: #1dd1a1;}
+.dark section.alt {background-color: #2f343f;}
+.dark section.alt .section-title::after {border-color: #2f343f;}
+.dark .service {border-color: #1dd1a1;color: #1dd1a1;}
+.dark .service .icon {color: #1dd1a1;}
+.dark .service:hover {background-color: #1dd1a1;color: #2f343f;}
+.dark .service:hover .icon {color: #2f343f;}
+.dark .contact-info .item {color: #2f343f;background-color: #f1f1f1;}
+.dark .contact-info .item:hover {background-color: #1dd1a1;}
+.dark .contact-form input, .dark .contact-form textarea {background-color: #f1f1f1;color: #2f343f;}
+.dark .contact-form input::placeholder, .dark .contact-form textarea::placeholder {color: #666}
+.dark .contact-form .btn {background-color: #2f343f;color: #1dd1a1;}
+.dark .contact-form .btn:hover {background: #1dd1a1;color: #2f343f;}
+@media screen and (max-width:980px){
+     .dark .navbar-menu{background-color:#2f343f;}
+     .dark .sticky .navbar-menu{background-color:#353b48;}
+     .dark .sticky .menu-toggler.span{background-color:#f1f1f1;}
+}
diff --git a/CSS/error.css b/CSS/error.css
@@ -1,11 +1,18 @@
 * {margin: 0;padding: 0;box-sizing: border-box;text-decoration: none;}
 body {font-family: Sora, Arial;}
 ::selection {color: #204829;background-color: #92e5a1;}
-#error {min-height: 100vh;background: linear-gradient(to left, #22b455, #1dd1a1);}
+#error {height: 100vh;background: linear-gradient(#20482945,#1dd1a188), url(../Files/bg.webp) no-repeat center;background-attachment: fixed;background-size: cover;}
 .error-container {width: 100%;position: absolute;top: 50%;transform: translateY(-50%);text-align: center;color: #f5f5f5;}
 .error-number {font-size: 160px;margin: 0;font-weight: 900;letter-spacing: 20px;color: #f1f1f1;}
-.errbtn,.error-button {text-decoration: none;background: #2b6638;color: #f5f5f5;padding: 12px 24px;border-radius: 25px;font-size: 14px;text-transform: uppercase;transition: .3s linear;}
-.errbtn:hover,.error-button:hover {background: #80ce87;color: #020204;}
+.errbtn,.error-button {display: inline-block;margin: 15px 30px;color: #204829;font-size: 15px;font-weight: 500;width: 180px;border: 1px solid #204829;padding: 15px 0;border-radius: 6px;transition: .3s ease-in-out;}
+.errbtn:hover,.error-button:hover {background-color: #204829;color: #fafafa;}
 .error-text {margin-bottom: 20px;}
 .errbtn {border: none;}
-@media screen and (max-width:600px){body{overflow-x:hidden;}#error{width:103%;height:98vh;}.error-title{font-size:25px;}.error-text{font-size:15px;}}
+@media screen and (max-width:600px){
+     *{text-align: center;}
+     body{overflow-x:hidden;}
+     .error-container{padding: 10px;}
+     .error-title{font-size:25px;}
+     .error-text{font-size:15px;}
+}
+@media screen and (max-width:400px){.error-number{font-size: 100px;}}
diff --git a/CSS/lightbox.min.css b/CSS/lightbox.min.css