Skip to content

Commit

Permalink
brand spankin new website
Browse files Browse the repository at this point in the history
only took like 12 tries...
  • Loading branch information
shanepaton committed Jul 16, 2024
1 parent 0ffccb9 commit 4349b75
Show file tree
Hide file tree
Showing 46 changed files with 238 additions and 1,384 deletions.
2 changes: 1 addition & 1 deletion CNAME
Original file line number Diff line number Diff line change
@@ -1 +1 @@
shbox.me
shbox.me
126 changes: 126 additions & 0 deletions css/main.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,126 @@
@font-face {
font-family: 'DMMono-Medium';
src: url('../fonts/DMMono-Medium.woff2') format('woff2'),
url('../fonts/DMMono-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'FE5Cent-Regular';
src: url('../fonts/FE5Cent-Regular.woff2') format('woff2'),
url('../fonts/FE5Cent-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}

body {
background-color: #222533;
color: #ECEFF4;

margin: 0;
padding: 0;
box-sizing: border-box;

display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

min-height: 100vh;
}

main {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex-grow: 1;
}

main a {
text-decoration: none;
}

pre {
user-select: none;
font-size: 16px;
font-family: "DMMono-Medium", monospace;

}

.logo-red {
color:#da4159;
}

.logo-orange {
color:#f58931;
}

.logo-yellow {
color:#feea33;
}

.logo-green {
color:#29d770;
}

.logo-blue {
color:#428be5;
}

.card {
border: 2px solid #D8DEE9;
padding: 20px;
margin: 20px;
border-radius: 1px;
background-color: #222533;
color: #c8c8c8;
width: 350px;
position: relative;
text-align: center;

}

.card a {
color: #88C0D0
}

.card a:hover {
color: #5E81AC;
}

.card a:visited {
color: #B48EAD;
}

.card a:visited:hover {
color:#BF616A;
}

.card-title {
background-color: #222533;
color: #5E81AC;

font-family: 'FE5Cent-Regular', sans-serif;
font-size: 10px;

padding: 0 10px;
position: absolute;
top: -22px;
left: 10px;

}

.card-text {
font-family: 'FE5Cent-Regular', sans-serif;
font-size: 10px;
line-height: 10px;

word-wrap : break-word;
overflow-wrap: break-word;
}

.footer {
margin-top: auto;
}
Binary file added fonts/DMMono-Medium.woff
Binary file not shown.
Binary file added fonts/DMMono-Medium.woff2
Binary file not shown.
Binary file added fonts/FE5Cent-Regular.woff
Binary file not shown.
Binary file added fonts/FE5Cent-Regular.woff2
Binary file not shown.
Binary file added images/favicon.ico
Binary file not shown.
57 changes: 48 additions & 9 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,12 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>shbox</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="shbox">
</head>
<body>
<h1>Under Construction ;)</h1>
</body>

<head>
<!-- peek-a-boo :) -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="shbox's website.">
<link rel="stylesheet" href="./css/main.css">
<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
<title>shbox</title>
</head>

<body>
<main>

<a href="./index.html">
<div class="logo">
<pre unselectable="on">
<span class="logo-orange">.__</span> <span class="logo-yellow">___.</span>
<span class="logo-red">______</span><span class="logo-orange">| |__</span> <span class="logo-yellow">\_ |__</span> <span class="logo-green">____</span> <span class="logo-blue">___ ___</span>
<span class="logo-red">/ ___/</span><span class="logo-orange">| | \</span> <span class="logo-yellow">| __ \</span> <span class="logo-green">/ _ \</span><span class="logo-blue">\ \/ /</span>
<span class="logo-red">\___ \</span> <span class="logo-orange">| Y \</span><span class="logo-yellow">| \_\ \</span><span class="logo-green">( <_> )</span><span class="logo-blue">> <</span>
<span class="logo-red">/____ ></span><span class="logo-orange">|___| /</span><span class="logo-yellow">|___ /</span> <span class="logo-green">\____/</span><span class="logo-blue">/__/\_ \</span>
<span class="logo-red">\/</span> <span class="logo-orange"> \/</span> <span class="logo-yellow">\/</span> <span class="logo-blue">\/</span>
</pre>
</div>
</a>

<section class="card">
<span class="card-title">/home/shbox/about.txt</span>
<span class="card-text">he/him | canadian | <a href="https://github.com/shanepaton">software developer</a></span>
<span class="card-text"><a href="https://open.spotify.com/user/hr9kvfn4tyguvjyufq936gni2">music lover</a> | student pilot | car enthusiast</span>
</section>

<section class="card">
<span class="card-title">/home/shbox/contacts.info</span>
<span class="card-text"><a href="mailto:[email protected]">email</a> <a href="https://matrix.to/#/@spaton:matrix.org">matrix</a> <a href="https://t.me/shbox0">telegram</a> <a href="https://x.com/shbox0">twitter</a> UTC-6</span>
</section>

</main>

<footer>
<section class="card footer">
<span class="card-title">/home/shbox/footer.md</span>
<span class="card-text">© 2019-2024 shbox | <a href="./pgp.html">pgp</a></span>
</section>
</footer>
</body>

</html>
50 changes: 50 additions & 0 deletions pgp.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">

<head>
<!-- peek-a-boo :) -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="stylesheet" href="./css/main.css">
<title>shbox</title>
</head>

<body>
<main>

<a href="./index.html">
<div class="logo">
<pre unselectable="on">
<span class="logo-orange">.__</span> <span class="logo-yellow">___.</span>
<span class="logo-red">______</span><span class="logo-orange">| |__</span> <span class="logo-yellow">\_ |__</span> <span class="logo-green">____</span> <span class="logo-blue">___ ___</span>
<span class="logo-red">/ ___/</span><span class="logo-orange">| | \</span> <span class="logo-yellow">| __ \</span> <span class="logo-green">/ _ \</span><span class="logo-blue">\ \/ /</span>
<span class="logo-red">\___ \</span> <span class="logo-orange">| Y \</span><span class="logo-yellow">| \_\ \</span><span class="logo-green">( <_> )</span><span class="logo-blue">> <</span>
<span class="logo-red">/____ ></span><span class="logo-orange">|___| /</span><span class="logo-yellow">|___ /</span> <span class="logo-green">\____/</span><span class="logo-blue">/__/\_ \</span>
<span class="logo-red">\/</span> <span class="logo-orange"> \/</span> <span class="logo-yellow">\/</span> <span class="logo-blue">\/</span>
</pre>
</div>
</a>

<section class="card">
<span class="card-title">/home/shbox/pubkey.asc | <a href="./pubkey.asc" download="">download</a></span>
<span class="card-text">
-----BEGIN PGP PUBLIC KEY BLOCK-----
<br>
mDMEZpX5bhYJKwYBBAHaRw8BAQdAxDjNtdxeMyeULA6bubLWP43rSaTn530o28SYdb0NnXS0G3NwYXRvbiA8c3BhdG9uMDhAZ21haWwuY29tPoiZBBMWCgBBFiEE9JBK9iCt3Ewos3gvC+uyy+cDftYFAmaV+W4CGwMFCQWjBLIFCwkIBwICIgIGFQoJCAsCBBYCAwECHgcCF4AACgkQC+uyy+cDftZTQQEA2+F/EUf5ws7RFfZrm6ITN0Z6dk65MMjMwu5WMTcMbZsBAJTAuW8qTIroL9/l+MH8dDBozaIQpRGD5Ph/EvevNVwGuDgEZpX5bhIKKwYBBAGXVQEFAQEHQAKfEyzGsaFoIiZbNsmV4ABx+tpQDplbakiIsrjm7KwaAwEIB4h+BBgWCgAmFiEE9JBK9iCt3Ewos3gvC+uyy+cDftYFAmaV+W4CGwwFCQWjBLIACgkQC+uyy+cDftYnqgD/UdPb4qtGX5VZurt9ySBqdzSxLziyFL3bc1geeqtUQwgA/26yznW7YGQOqi+ERgbGAMOieiNF+584Ls+b1n8VqL0P=3lxi
<br>
-----END PGP PUBLIC KEY BLOCK-----
</span>
</section>

</main>

<footer>
<section class="card footer">
<span class="card-title">/home/shbox/footer.md</span>
<span class="card-text">© 2024 shbox | <a href="./pgp.html">pgp</a></span>
</section>
</footer>
</body>

</html>
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading

0 comments on commit 4349b75

Please sign in to comment.