Initial Commit

mrepol742 · Sep 27, 2023 · 9c78871 · 9c78871
1 parent aa2747b
commit 9c78871
Show file tree

Hide file tree

Showing 36 changed files with 378 additions and 361 deletions.
diff --git a/404.html b/404.html
@@ -118,57 +118,26 @@
               <span class="text sec">Chat</span>
             </a>
           </li>
-          <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="#links" id="navbarDropdown2" role="button"
-              data-bs-toggle="dropdown" aria-expanded="false">
-              <span class="text sec">Links</span>
-              <span class="icon">
-                <svg xmlns="http://www.w3.org/2000/svg" height="1em"
-                  viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
-                  <path
-                    d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z" />
-                </svg>
-              </span>
-            </a>
-            <div class="dropdown-menu" aria-labelledby="navbarDropdown2">
-              <a class="dropdown-item" href="/webvium/">Webvium</a>
-              <a class="dropdown-item" href="/webviumvpn/">VPN</a>
-              <a class="dropdown-item" href="/viewip/">View IP</a>
-              <a class="dropdown-item" href="/useragent/">User Agent</a>
-              <a class="dropdown-item" href="/sketch/">Sketch</a>
-              <a class="dropdown-item" href="/wallpaper/">Wallpaper</a>
-              <a class="dropdown-item" href="/calculator/">Calculator</a>
-              <a class="dropdown-item" href="/calendar/">Calendar</a>
-              <a class="dropdown-item" href="/rgbcalculator/">RGB Calculator</a>
-              <a class="dropdown-item" href="/ily/">Ily</a>
-              <a class="dropdown-item" href="/flowers/">Flowers</a>
-              <a class="dropdown-item" href="/valentines/">Valentines</a>
-              <a class="dropdown-item" href="/screensizes/">Screen Sizes</a>
-            </div>
-          </li>
-
         </ul>
       </div>
 
     </div>
   </nav>
   <main>
-    <div class="d-flex flex-column min-vh-100">
-      <div class="flex-fill d-flex align-items-center">
-          <div class="container-fluid text-center2">
-            <h1>It seems like you entered an invalid path.</h1>
-            <h5>The page or file you are looking for was not here and I don't know why.</h5>
-            <span>404 File Not Found</span>
-          </div>
-      </div>
-    </div>
+    <header class="py-5">
+      <h1>It seems like you entered an invalid path.</h1>
+      <h4>The page or file you are looking for was not here and I don't know why.</h4>
+      <span>404 File Not Found</span>
+    </header>
     <div class="card ">
       <div class="card-body">
         <h5 class="card-title">What is 404?</h5>
         <p class="card-text">
           When a user tries to view a webpage that doesn't exist, has been moved, or has a dead or broken link, a 404
           error code is produced. One of the most typical mistakes a web visitor runs into is the 404 error code. When a
           user tries to access a webpage, for example, servers are obligated to react to client requests.
+          <hr>
+          Did you know that the World Wide Web's early years are when the 404 error code first appeared. The first web server software, known as CERN httpd, was developed in 1992 by Tim Berners-Lee, the creator of the World Wide Web, and his colleagues at CERN, the European Organization for Nuclear Research.
         </p>
       </div>
     </div><br>
@@ -341,7 +310,7 @@ <h5>Others</h5>
         <svg xmlns="http://www.w3.org/2000/svg" height="1.3em" viewBox="0 0 576 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>
       </a>
       <br>
-      <br><span><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM199.4 312.6c-31.2-31.2-31.2-81.9 0-113.1s81.9-31.2 113.1 0c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9c-50-50-131-50-181 0s-50 131 0 181s131 50 181 0c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0c-31.2 31.2-81.9 31.2-113.1 0z"/></svg> &nbsp; 2023 Melvin Jones Repol</span><br>
+      <br><span><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM199.4 312.6c-31.2-31.2-31.2-81.9 0-113.1s81.9-31.2 113.1 0c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9c-50-50-131-50-181 0s-50 131 0 181s131 50 181 0c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0c-31.2 31.2-81.9 31.2-113.1 0z"/></svg> 2023 Melvin Jones Repol (mrepol742)</span><br>
 <span>A Open-Source Project</span><br>
 <a href="https://mrepol742.github.io">mrepol742.github.io</a>
     </div>

diff --git a/chatgpt-prompts/index.html b/chatgpt-prompts/index.html
@@ -459,7 +459,7 @@ <h5>Others</h5>
                 <svg xmlns="http://www.w3.org/2000/svg" height="1.3em" viewBox="0 0 576 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>
               </a>
               <br>
-              <br><span><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM199.4 312.6c-31.2-31.2-31.2-81.9 0-113.1s81.9-31.2 113.1 0c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9c-50-50-131-50-181 0s-50 131 0 181s131 50 181 0c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0c-31.2 31.2-81.9 31.2-113.1 0z"/></svg> &nbsp; 2023 Melvin Jones Repol</span><br>
+              <br><span><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM199.4 312.6c-31.2-31.2-31.2-81.9 0-113.1s81.9-31.2 113.1 0c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9c-50-50-131-50-181 0s-50 131 0 181s131 50 181 0c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0c-31.2 31.2-81.9 31.2-113.1 0z"/></svg> 2023 Melvin Jones Repol (mrepol742)</span><br>
 <span>A Open-Source Project</span><br>
 <a href="https://mrepol742.github.io">mrepol742.github.io</a>
             </div>

diff --git a/css/main.css b/css/main.css
@@ -14,7 +14,14 @@
     src: url("/assets/SourceCodePro-Regular.ttf");
 }
 
-h1, h2, h3, h4, h5, h6, th, h1 strong {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+th,
+h1 strong {
     letter-spacing: -0.7px;
     font-family: 'Source Code Pro', sans-serif;
 }
@@ -37,6 +44,8 @@ body {
 
 svg {
     fill: #2e475d;
+    margin-left: 5px;
+    margin-right: 5px;
 }
 
 legend {
@@ -158,7 +167,7 @@ nav {
 
 .accordion-button:after {
     background-image: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 0 448 512\"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d=\"M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"/></svg>") !important;
-  }
+}
 
 .card,
 .accordion,
@@ -519,12 +528,12 @@ input:-webkit-autofill:active {
 }
 
 img {
-	transition: .3s ease;
+    transition: .3s ease;
 }
 
 img:hover {
-	-webkit-transform: scale(0.98);
-	transform: scale(0.98);
+    -webkit-transform: scale(0.98);
+    transform: scale(0.98);
 }
 
 .btn {
@@ -544,4 +553,50 @@ img:hover {
 
 .num {
     font-size: 4em !important;
+}
+
+.overlay-container {
+    position: relative;
+    width: 100%;
+}
+
+.overlay-image {
+    display: block;
+    width: 100%;
+    height: auto;
+}
+
+.overlay {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    opacity: 0;
+
+    background-color: rgba(240, 248, 255, 0.247);
+
+    -webkit-backdrop-filter: blur(8px);
+    backdrop-filter: blur(8px);
+    transform: translateY(0);
+    box-shadow: 0 0 5em rgba(0, 0, 0, .2);
+    transition: all 0.3s ease-in-out;
+}
+
+.overlay-container:hover .overlay {
+    opacity: 1;
+}
+
+.overlay-text {
+    color: white;
+    font-size: 20px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+    text-align: center;
 }
diff --git a/helloworld/index.html b/helloworld/index.html
@@ -341,7 +341,7 @@ <h5>Others</h5>
                 <svg xmlns="http://www.w3.org/2000/svg" height="1.3em" viewBox="0 0 576 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>
               </a>
               <br>
-              <br><span><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM199.4 312.6c-31.2-31.2-31.2-81.9 0-113.1s81.9-31.2 113.1 0c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9c-50-50-131-50-181 0s-50 131 0 181s131 50 181 0c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0c-31.2 31.2-81.9 31.2-113.1 0z"/></svg> &nbsp; 2023 Melvin Jones Repol</span><br>
+              <br><span><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM199.4 312.6c-31.2-31.2-31.2-81.9 0-113.1s81.9-31.2 113.1 0c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9c-50-50-131-50-181 0s-50 131 0 181s131 50 181 0c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0c-31.2 31.2-81.9 31.2-113.1 0z"/></svg> 2023 Melvin Jones Repol (mrepol742)</span><br>
 <span>A Open-Source Project</span><br>
 <a href="https://mrepol742.github.io">mrepol742.github.io</a>
             </div>

diff --git a/images/CRUD.png b/images/CRUD.png
diff --git a/images/Screenshot_20230921_204401.png b/images/Screenshot_20230921_204401.png
diff --git a/images/ZeroTeaTime.png b/images/ZeroTeaTime.png
diff --git a/images/login-system.png b/images/login-system.png
diff --git a/images/terminal.png b/images/terminal.png