Initial Commit

mrepol742 · Sep 19, 2023 · 9dfa72f · 9dfa72f
1 parent 0a76dd5
commit 9dfa72f
Show file tree

Hide file tree

Showing 31 changed files with 180 additions and 151 deletions.
diff --git a/404.html b/404.html
@@ -59,7 +59,7 @@
       </div>
     </div>
   </div>
-  <nav class="autohide navbar navbar-expand-lg fixed-top">
+  <nav class="autohide navbar navbar-expand-lg fixed-top scrolled-up scrolled-up-tr">
     <div class="container-fluid">
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
         aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation" id="qwe111">

diff --git a/chatgpt-prompts/index.html b/chatgpt-prompts/index.html
@@ -58,7 +58,7 @@
 <body class="d-flex flex-column min-vh-100">
     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TFD9TXR" height="0" width="0"
             style="display:none;visibility:hidden"></iframe></noscript>
-            <nav class="autohide navbar navbar-expand-lg fixed-top">
+            <nav class="autohide navbar navbar-expand-lg fixed-top scrolled-up scrolled-up-tr">
                 <div class="container-fluid">
                   <a class="navbar-brand" href="/#me"><img src="/mrepol742.webp" width="30" alt="Melvin Jones Repol"></a>
                   <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"

diff --git a/css/main.css b/css/main.css
@@ -59,8 +59,6 @@ html {
 
 * {
     font-family: 'Maven Pro', sans-serif;
-    margin: 0;
-    padding: 0;
 }
 
 a {
@@ -160,7 +158,7 @@ nav {
 .accordion,
 .modal-content,
 .toast {
-    box-shadow: 0 0 5em rgba(0, 0, 0, .05);
+    box-shadow: 0 0 5em rgba(0, 0, 0, .10);
     transition: box-shadow .3s;
     padding: 10px;
     margin-top: 10px;
@@ -466,24 +464,24 @@ input:-webkit-autofill:active {
     -webkit-text-fill-color: #fff !important;
 }
 
+.scrolled-up-tr {
+    background-color: transparent !important;
+    box-shadow: none !important;
+}
+
 .scrolled-down {
     transform: translateY(-100%);
     transition: all 0.3s ease-in-out;
 }
 
 .scrolled-up {
-    transform: translateY(0);
-    box-shadow: 0 0 5em #4286f460;
     -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;
 }
 
-.scrolled-up-tr {
-    background-color: transparent !important;
-    box-shadow: none !important;
-}
-
 .icon,
 .text {
     vertical-align: middle;
@@ -521,8 +519,16 @@ input:-webkit-autofill:active {
     }
 }
 
+.sub-title {
+    font-size: 1.3em !important;
+}
+
 @media (min-width:770px) {
 
+    .sub-title {
+        font-size: 1.5em !important;
+    }
+
     #mobile {
         display: none;
     }

diff --git a/helloworld/index.html b/helloworld/index.html
@@ -58,7 +58,7 @@
 <body class="d-flex flex-column min-vh-100">
     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TFD9TXR" height="0" width="0"
             style="display:none;visibility:hidden"></iframe></noscript>
-            <nav class="autohide navbar navbar-expand-lg fixed-top">
+            <nav class="autohide navbar navbar-expand-lg fixed-top scrolled-up scrolled-up-tr">
                 <div class="container-fluid">
                   <a class="navbar-brand" href="/#me"><img src="/favicon.png" width="30" alt="Melvin Jones Repol"></a>
                   <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"

diff --git a/images/exotichomes.png b/images/exotichomes.png
diff --git a/images/myportfolio.png b/images/myportfolio.png
diff --git a/index.html b/index.html
@@ -75,7 +75,7 @@
 <body class="d-flex flex-column min-vh-100">
   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TFD9TXR" height="0" width="0"
       style="display:none;visibility:hidden"></iframe></noscript>
-  <nav class="autohide navbar navbar-expand-lg fixed-top">
+  <nav class="autohide navbar navbar-expand-lg fixed-top scrolled-up scrolled-up-tr">
     <div class="container-fluid">
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
         aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation" id="qwe111">
@@ -129,35 +129,6 @@
               <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" style="z-index: 99999;" 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>
 
@@ -183,13 +154,12 @@
     <div class="card mb-3 first">
       <div class="row g-0">
         <div class="col-md-4" id="mobile">
-          <img class="rounded mx-auto d-block img-fluid" src="/images/melvin-jones-repol.transparent-min.png" width="300" alt="Picture of Melvin Jones Repol">
+          <img class="rounded mx-auto d-block img-fluid" src="/images/melvin-jones-repol.transparent-min.png" width="250" alt="Picture of Melvin Jones Repol">
         </div>
         <div class="col-md-8">
           <div class="card-body">
             <h1 class="card-title"><strong>Melvin Jones Repol</strong></h1>
-            <p class="card-text">I'm a self-taught Freelance Software Engineer with experience in web development, seo, computer hardware & software and currently studying arduino programming. I love bugs, the more bugs i solved, the more bugs i can avoid in the future.</p>
-            <br>
+            <p class="card-text sub-title">I'm a self-taught Freelance Software Engineer with experience in web development, seo, computer hardware & software and currently studying arduino programming. I love bugs, the more bugs i solved, the more bugs i can avoid in the future.</p>
             <a href="https://www.buymeacoffee.com/mrepol742">
               <img
                 src="https://img.shields.io/badge/Buy%20Me%20a%20Coffee-ffdd00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black"
@@ -226,7 +196,7 @@ <h1 class="card-title"><strong>Melvin Jones Repol</strong></h1>
           </div>
         </div>
         <div class="col-md-4" id="desktop">
-          <img class="rounded mx-auto d-block img-fluid" src="/images/melvin-jones-repol.transparent-min.png" width="300" alt="Picture of Melvin Jones Repol">
+          <img class="rounded mx-auto d-block img-fluid" src="/images/melvin-jones-repol.transparent-min.png" width="250" alt="Picture of Melvin Jones Repol">
         </div>
       </div>
 
@@ -266,7 +236,7 @@ <h5 class="card-title">Project Webvium</h5>
             <h5 class="card-title">My Website</h5>
             <p class="card-text">This is where i showcase my projects, landing pages, tools and other awesome
               things.<br><small class="text-muted">jQuery · typed.js · xml2json · Google Analytics · YAML · HTML5 · Java
-                · JavaScript · Cascading Style Sheets (CSS)</small></p>
+                · JavaScript · Cascading Style Sheets (CSS) · PWA</small></p>
             <p>Source: <br>
               <a href="https://github.com/mrepol742/mrepol742.github.io"
                 target="_blank">https://github.com/mrepol742/mrepol742.github.io</a>
@@ -397,7 +367,7 @@ <h5 class="card-title">Project Orion</h5>
           <div class="card-body">
             <h5 class="card-title">Online Catering System</h5>
             <p class="card-text">A Project for HCI Subject.<br><small class="text-muted">PHP · HTML5 · MySQL ·
-                PhpMyAdmin · Cascading Style Sheets (CSS) · Bootstrap · FontAwesome</small></p>
+                PhpMyAdmin · Cascading Style Sheets (CSS) · Bootstrap · FontAwesome · PWA</small></p>
             <p>Source: <br>
               <a
                 href="https://github.com/mrepol742/Online-Catering-System">https://github.com/mrepol742/Online-Catering-System</a>
@@ -412,7 +382,7 @@ <h5 class="card-title">Online Catering System</h5>
           <div class="card-body">
             <h5 class="card-title">Room Rental System</h5>
             <p class="card-text">A Project for Web Dev Subject.<br><small class="text-muted">PHP · HTML5 · MySQL ·
-                PhpMyAdmin · Cascading Style Sheets (CSS) · Bootstrap</small></p>
+                PhpMyAdmin · Cascading Style Sheets (CSS) · Bootstrap · PWA</small></p>
             <p>Source: <br>
               <a href="https://github.com/mrepol742/Room-Rental-System"
                 target="_blank">https://github.com/mrepol742/Room-Rental-System</a>
@@ -425,8 +395,8 @@ <h5 class="card-title">Room Rental System</h5>
           <img loading="lazy" src="/images/exotichomes.png"
             class="rounded mx-auto d-block img-fluid" alt="Exotic Homes" width="550">
           <div class="card-body">
-            <h5 class="card-title">Project X - Exotic Homes</h5>
-            <p class="card-text">A ecommerce platform where you can Get your luxurious, stylish, beautiful homes at Exotic, Elevate Your Living Experience: Exotic Homes, Redefining Modern Living.<br><small class="text-muted">NodeJS · JavaScript · HTML5  · Cascading Style Sheets (CSS) · Bootstrap</small></p>
+            <h5 class="card-title">Exotic Homes</h5>
+            <p class="card-text">A ecommerce platform where you can Get your luxurious, stylish, beautiful homes at Exotic, Elevate Your Living Experience: Exotic Homes, Redefining Modern Living.<br><small class="text-muted">NodeJS · JavaScript · HTML5  · Cascading Style Sheets (CSS) · Bootstrap · PWA</small></p>
               <p>Live: <br>
                 <a href="https://exotic-homes.github.io"
                   target="_blank">https://exotic-homes.github.io</a>

diff --git a/js/.chat.js.kate-swp b/js/.chat.js.kate-swp
diff --git a/js/.prettierrc.json b/js/.prettierrc.json
@@ -0,0 +1,20 @@
+{
+    "arrowParens": "always",
+    "bracketSameLine": true,
+    "bracketSpacing": true,
+    "embeddedLanguageFormatting": "auto",
+    "htmlWhitespaceSensitivity": "css",
+    "insertPragma": false,
+    "jsxSingleQuote": false,
+    "printWidth": 300,
+    "proseWrap": "preserve",
+    "quoteProps": "as-needed",
+    "requirePragma": false,
+    "semi": true,
+    "singleAttributePerLine": false,
+    "singleQuote": false,
+    "tabWidth": 4,
+    "trailingComma": "es5",
+    "useTabs": false,
+    "vueIndentScriptAndStyle": false
+}