174 lines
6.2 KiB
HTML
174 lines
6.2 KiB
HTML
<!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="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>
|