242 lines
9.3 KiB
HTML
242 lines
9.3 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="Personal Portfolio" />
|
|
<meta
|
|
name="viewport"
|
|
content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
|
|
/>
|
|
<title>Josh S.</title>
|
|
<link rel="icon" href="/favicon.ico" />
|
|
<link rel="stylesheet" href="css/styles.min.css" />
|
|
<script src="js/scripts.min.js" async></script>
|
|
<script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="joshsevero" data-description="Support me on Buy me a coffee!" data-message="" data-color="#40DCA5" data-position="Right" data-x_margin="18" data-y_margin="18"></script>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<!-- <div class="logo-overlay"></div>
|
|
<img class="tcf-logo" 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="/cdn-cgi/l/email-protection#204d45604a4f534853455645524f0e444556" 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/DIVISIONSolar/"
|
|
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://discord.joshsevero.dev/"
|
|
target="_blank"
|
|
rel="noopener"
|
|
><i class="fa fa-terminal fa-2x"></i><span>Discord</span></a
|
|
>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<div class="app-icon social">
|
|
<a
|
|
href="https://status.joshsevero.dev"
|
|
target="_blank"
|
|
rel="noopener"
|
|
><i class="fa fa-terminal fa-2x"></i><span>System Status</span></a
|
|
>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<div class="app-icon social">
|
|
<a
|
|
href="https://joshsevero.dev/Services/Software"
|
|
target="_blank"
|
|
rel="noopener"
|
|
><i class="fa fa-terminal fa-2x"></i
|
|
><span>Install Services</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"
|
|
>To Do List</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 class="work-item">
|
|
<a
|
|
class="work-link-3"
|
|
href="https://github.com/DIVISIONSolar/Lavalink-Install"
|
|
target="_blank"
|
|
>
|
|
<img src="img/lavalink.png" /><span class="name"
|
|
>Lavalink Installer</span
|
|
><span class="language two no-left-margin">Script</span
|
|
><span class="language two">Shell</span></a
|
|
>
|
|
</div>
|
|
<div class="work-item">
|
|
<a
|
|
class="work-link-3"
|
|
href="https://github.com/DIVISIONSolar/Linux-DDoS-Alert-to-Discord-webhook"
|
|
target="_blank"
|
|
>
|
|
<img src="img/shield.png" /><span class="name"
|
|
>Linux DDoS Alert => Discord</span
|
|
><span class="language two no-left-margin">Script</span
|
|
><span class="language two">Shell</span></a
|
|
>
|
|
</div>
|
|
<div class="work-item">
|
|
<a
|
|
class="work-link-3"
|
|
href="https://github.com/DIVISIONSolar/Google-Forms-To-Discord"
|
|
target="_blank"
|
|
>
|
|
<img src="img/link.png" /><span class="name"
|
|
>Google Forms => Discord</span
|
|
><span class="language two no-left-margin">Script</span
|
|
><span class="language two">JS</span></a
|
|
>
|
|
</div>
|
|
<div class="work-item">
|
|
<a
|
|
class="work-link-3"
|
|
href="https://github.com/DIVISIONSolar/Cloudflare-Pages"
|
|
target="_blank"
|
|
>
|
|
<img src="img/shield.png" /><span class="name"
|
|
>Cloudflare Error Pages (Custom)</span
|
|
><span class="language two no-left-margin">Website</span
|
|
><span class="language two">HTML</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>
|
|
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
|
|
</html>
|