Add files via upload

2022-11-20 23:52:27 -05:00 · 2022-11-20 23:52:27 -05:00 · d8cf4cd10f
commit d8cf4cd10f
18 changed files with 37671 additions and 0 deletions
--- a/css/styles.min.css
+++ b/css/styles.min.css
--- a/fonts/FontAwesome.otf
+++ b/fonts/FontAwesome.otf
--- a/fonts/fontawesome-webfont.eot
+++ b/fonts/fontawesome-webfont.eot
--- a/fonts/fontawesome-webfont.svg
+++ b/fonts/fontawesome-webfont.svg
--- a/fonts/fontawesome-webfont.ttf
+++ b/fonts/fontawesome-webfont.ttf
--- a/fonts/fontawesome-webfont.woff
+++ b/fonts/fontawesome-webfont.woff
--- a/fonts/fontawesome-webfont.woff2
+++ b/fonts/fontawesome-webfont.woff2
--- a/img/blackhole.png
+++ b/img/blackhole.png
--- a/img/cursor.png
+++ b/img/cursor.png
--- a/img/key.png
+++ b/img/key.png
--- a/img/loading.gif
+++ b/img/loading.gif
--- a/img/noise.gif
+++ b/img/noise.gif
--- a/img/notebook.png
+++ b/img/notebook.png
--- a/img/room.gif
+++ b/img/room.gif
--- a/img/screenGrid.png
+++ b/img/screenGrid.png
--- a/img/ui-icons_444444_256x240.png
+++ b/img/ui-icons_444444_256x240.png
--- a/index.html
+++ b/index.html
@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta charset="UTF-8" />
+    <meta name="description" content="Josh's Portfolio" />
+    <meta
+      name="viewport"
+      content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+    <title>Josh's Portfolio</title>
+    <link rel="icon" href="/favicon.ico" />
+    <link rel="stylesheet" href="css/styles.min.css" />
+    <script src="js/scripts.min.js" async></script>
+  </head>
+  <body>
+    <main>
+      <div class="logo-overlay"></div>
+      <img class="loading" src="img/loading.gif" alt="Logo" /><span
+        class="page-state pulse"
+        >Loading</span
+      >
+      <div class="room">
+        <img class="room-gif" src="img/room.gif" alt="Room" /><svg
+          class="monitor-svg"
+          version="1.1"
+          xmlns="http://www.w3.org/2000/svg"
+          xmlns:xlink="http://www.w3.org/1999/xlink"
+          x="0px"
+          y="0px"
+          viewBox="0 0 600 400"
+          style="enable-background: new 0 0 600 400"
+          xml:space="preserve"
+        >
+          <g class="monitor">
+            <rect class="st1" x="79.5" y="157.5" width="81" height="49"></rect>
+          </g>
+        </svg>
+        <div class="interactive-wrap"><div class="monitor"></div></div>
+      </div>
+      <div class="screenGrid"></div>
+      <div class="screenGrid"></div>
+      <div class="screenGrid"></div>
+      <div class="screen desktop">
+        <div class="noise"></div>
+        <div class="monitor-edges"></div>
+        <div class="apps">
+          <div class="app-icon work">
+            <i class="fa fa-folder fa-2x"></i><span>Work</span>
+          </div>
+          <div class="clearfix"></div>
+          <div class="app-icon about">
+            <i class="fa fa-user-circle fa-2x"></i><span>About</span>
+          </div>
+          <div class="clearfix"></div>
+          <div class="app-icon contact">
+            <a
+              href="mailto:dan@thecodingforge.com.au"
+              target="_blank"
+              rel="noopener"
+              ><i class="fa fa-envelope fa-2x"></i><span>Contact</span></a
+            >
+          </div>
+          <div class="clearfix"></div>
+          <div class="app-icon trash">
+            <i class="fa fa-trash fa-2x"></i><span>Trash</span>
+          </div>
+        </div>
+        <div class="apps social">
+          <div class="app-icon social">
+            <a
+              href="https://github.com/DIVISONSolar"
+              target="_blank"
+              rel="noopener"
+              ><i class="fa fa-github fa-2x"></i><span>Github</span></a
+            >
+          </div>
+          <!-- <div class="clearfix"></div>
+          <div class="app-icon social">
+            <a href="https://github.com/DIVISONSolar" target="_blank" rel="noopener"
+              ><i class="fa fa-github fa-2x"></i><span>Github</span></a
+            >
+          </div> -->
+        </div>
+        <div class="explorer-window trash-explorer" tabindex="0">
+          <div class="window-header">
+            <p class="window-title">Trash</p>
+            <div class="button-wrap close-explorer">
+              <i class="fa fa-times"></i>
+            </div>
+          </div>
+          <div class="window-body trash-body">
+            <div class="clearfix"></div>
+            <div class="explorer-icon ie">
+              <i class="fa fa-internet-explorer fa-2x"></i>
+            </div>
+          </div>
+        </div>
+        <div class="explorer-window about-explorer" tabindex="0">
+          <div class="window-header">
+            <p class="window-title">About</p>
+            <div class="button-wrap close-explorer">
+              <i class="fa fa-times"></i>
+            </div>
+          </div>
+          <div class="window-body about-body">
+            <div class="clearfix"></div>
+            <p>Hello, I'm Josh</p>
+            <p>
+              I'm mainly a Front End Developer but I'm also a Back End
+              Developer.
+            </p>
+            <p>
+              I mainly code in HTML & CSS, but I code in JavaScript / TypeScript
+              other times.
+            </p>
+          </div>
+        </div>
+        <div class="explorer-window work-explorer" tabindex="0">
+          <div class="window-header">
+            <p class="window-title">Work</p>
+            <div class="button-wrap close-explorer">
+              <i class="fa fa-times"></i>
+            </div>
+          </div>
+          <div class="window-body work-body">
+            <div class="work-item">
+              <a
+                class="work-link-1"
+                href="https://passgen-app.joshsevero.dev/"
+                target="_blank"
+              >
+                <img src="img/key.png" /><span class="name"
+                  >Password Generator</span
+                ><span class="language two no-left-margin">App</span
+                ><span class="language two">HTML & JS</span></a
+              >
+            </div>
+            <div class="work-item">
+              <a
+                class="work-link-2"
+                href="https://todo-list.joshsevero.dev/"
+                target="_blank"
+              >
+                <img src="img/notebook.png" /><span class="name"
+                  >Password Generator</span
+                ><span class="language two no-left-margin">App</span
+                ><span class="language two">HTML & JS</span></a
+              >
+            </div>
+            <div class="work-item">
+              <a
+                class="work-link-3"
+                href="https://projectzero.joshsevero.dev/"
+                target="_blank"
+              >
+                <img src="img/blackhole.png" /><span class="name"
+                  >Project Zero</span
+                ><span class="language two no-left-margin">App</span
+                ><span class="language two">JS</span></a
+              >
+            </div>
+          </div>
+        </div>
+        <div class="info">
+          <div>
+            <p class="time">10:54pm</p>
+            <p class="date">27/04/2017</p>
+          </div>
+          <i class="fa fa-power-off fa-2x shutdown info-icon"></i>
+        </div>
+      </div>
+    </main>
+  </body>
+</html>
--- a/js/scripts.min.js
+++ b/js/scripts.min.js