new grid, new copy
This commit is contained in:
Brian Picciano
parent
2b2a7fe374
commit
ded2108398
BIN
favicon/android-chrome-192x192.png
Normal file
BIN
favicon/android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
favicon/android-chrome-512x512.png
Normal file
BIN
favicon/android-chrome-512x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
BIN
favicon/apple-touch-icon.png
Normal file
BIN
favicon/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
favicon/favicon-16x16.png
Normal file
BIN
favicon/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 666 B |
BIN
favicon/favicon-32x32.png
Normal file
BIN
favicon/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
favicon/favicon.ico
Normal file
BIN
favicon/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
1
favicon/site.webmanifest
Normal file
1
favicon/site.webmanifest
Normal file
@ -0,0 +1 @@
|
||||
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||
311
index.html
311
index.html
@ -1,11 +1,14 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Mediocre Gopher</title>
|
||||
|
||||
<!--
|
||||
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
|
||||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
|
||||
-->
|
||||
<title>Mediocre Hub</title>
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="favicon/site.webmanifest">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="simple-grid.min.css" />
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
@ -14,128 +17,198 @@
|
||||
src: url(Raleway-VariableFont_wght.ttf);
|
||||
}
|
||||
|
||||
body { background-color:#434343; color:#bada55; font-family:Raleway; }
|
||||
* {
|
||||
color:#bada55;
|
||||
font-family:Raleway;
|
||||
}
|
||||
|
||||
body { background-color:#434343; }
|
||||
|
||||
a:link { color:#bada55; font-weight: bold; }
|
||||
a:visited { color:#bada55; font-weight: normal; }
|
||||
a:hover { color:#bada55; text-decoration: none; }
|
||||
.fuck-it-up { font-family:Courier,monospace; font-size:8pt; line-height:4pt; color:#bada55; }
|
||||
.block { padding:3rem 0 3rem 3rem; float:left; }
|
||||
|
||||
.pre-container {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pre-container pre {
|
||||
padding-top: 2rem;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.fuck-it-up {
|
||||
font-family:Courier,monospace;
|
||||
font-size:8pt;
|
||||
line-height:4pt;
|
||||
color:#bada55;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="block">
|
||||
<pre class="fuck-it-up">
|
||||
.%*. .-.
|
||||
.%@@@+. .--=%@@@-
|
||||
=@@@@@@- :--+@@@@@@@@@*
|
||||
*@%@@@@@%: :--=#@@@@@@@@@@@@#@@+
|
||||
@@::%@@@@@@-: :::-=%@@@@@@@@@@@@@@%#*- :@*
|
||||
.@@ =@@@@@@@@@+-:::::::-=*@@@@@@@@@@@@@@@@@@@%##- @@:
|
||||
#@# +%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%#*: -@@
|
||||
#@- *%@@@@@@@@@@@@@@@@@%%%#= %@=
|
||||
@@: -=+++== .. @@:
|
||||
@@ . -@@@ +@@
|
||||
#@% =@@@@- +@@@@# *+ %@#
|
||||
#@- -@@@@@@@. +@@@@@% .%@@@@= @@:
|
||||
@@: +@@@@@@@@@ +@+ +@@@ %@@@@@@@@@ -@@
|
||||
@@ *@%@* :@@@ *@+ -@@@ %@@@@@@@@@@@# @@@
|
||||
#@% %@ @% %@@ *@* .@@@ =@@@*@@ :@@@@ @@:
|
||||
%@:## *@+ :@@ :@@ @@@ %@@: @# .@@@ .@@
|
||||
@@:. @@: .@@ @@ @@@ %@: @@ @@% @@%
|
||||
@@ -@@. =@@ @@. @@@ %@. #@- @@# @@.
|
||||
%@% +@@. @@. %@- @@@ #@ @@. :@@ -@@
|
||||
%@: +@@+ .@% #@= @@@.@ *@@ +@+ @@*
|
||||
@@: +@@%. .%% *@+ @@@ %@@ -@# @@
|
||||
@@ :@@@@@@% :@@ @@% %@@ @# *@@
|
||||
%@@ #@@@@* @@ @@% %@@. %@. @@:
|
||||
@@: ===: @@. @@% %@@: =@%. .@@
|
||||
@@. #@= @@% %@@%+%@#. @@%
|
||||
@@ +@* @@# -@@@@@* .@@
|
||||
%@@ :@@ @@# %@@#: =@@
|
||||
@@: .@@ @@# : @@=
|
||||
@@. @@. @@# :@@
|
||||
@@ #@= @@% %@%
|
||||
#@@ +@+ #@% .@@
|
||||
@@: =@# +@% =@%
|
||||
@@ :@% -@@ @@+
|
||||
@@ .@@ -@: -@@
|
||||
-@@ @% .: *@#
|
||||
@@* # @@.
|
||||
@@ =@@
|
||||
.@@ @@*
|
||||
.@@ .@@
|
||||
*@@ =@#
|
||||
@@* @@*
|
||||
@@ -@@
|
||||
.@@ +@*
|
||||
.@@ @@-
|
||||
-@@ =@@
|
||||
%@% #@*
|
||||
@@ @@:
|
||||
@@ +@@
|
||||
.@@ %@+
|
||||
:@% @@.
|
||||
:@% *@%
|
||||
-@. %@=
|
||||
%@ @@.
|
||||
@@ *@%
|
||||
@@ %@=
|
||||
@% @@:
|
||||
:@% +@@
|
||||
:@* =+- #@+
|
||||
:@: .%@@@. @@-
|
||||
-@ =@@@@@# :@@
|
||||
=@ *@#.=@@% #@%
|
||||
*@ #@- -@@% %@-
|
||||
@@ #@: :@@% @@:
|
||||
@@ #% .@@% .#@@* -@@
|
||||
@% #% .@@% +@@@@@- %@%
|
||||
@# %@ :@@% .@@@@@@@@ %@:
|
||||
@# %@ :@@% +@@% .@@@@ @@:
|
||||
@# %@ :@@% #@@: :@@@ -@@
|
||||
@# @@. .@@@ .@@% .@@@= %@%
|
||||
@# @@. .@@@: %@@- @@@% %@:
|
||||
@# @@ @@@@ %@@@ *@@@ @@:
|
||||
@# .@@ @@@@@@@@@@= :@@@ @@
|
||||
* @@@ :@@@@@@@@. :@@@ *@@
|
||||
.@@@@@% -@@@@@. .@@@ @@=
|
||||
@@@@@: .. @@@ @@.
|
||||
-@%: @@@ @@.
|
||||
@@@ @@
|
||||
-@@ =@@
|
||||
.@@ @@+
|
||||
.@@:@@.
|
||||
@@#@-
|
||||
@@@.
|
||||
+@-
|
||||
-
|
||||
</pre>
|
||||
</div>
|
||||
<div class="block">
|
||||
<h1>Social</h1>
|
||||
<ul>
|
||||
<li><a href="https://blog.mediocregopher.com">Blog</a> is for WIP projects.</li>
|
||||
<li><a href="https://twitter.com/mediocre_gopher">Twitter</a> is for shitcoins.</li>
|
||||
</ul>
|
||||
<h1>Portfolios</h1>
|
||||
<ul>
|
||||
<li><a href="https://github.com/mediocregopher">GitHub</a> is for code I've written.
|
||||
<li>
|
||||
Exchange.art is for art I've made.
|
||||
<body><div class="container">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-4">
|
||||
|
||||
<h1>mediocregopher</h1>
|
||||
|
||||
<p>
|
||||
Fuck Web 2.0
|
||||
</p>
|
||||
|
||||
<p>
|
||||
This page acts as the hub of my web presence. Everything I do is
|
||||
linked to from here.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-2"></div>
|
||||
|
||||
<div class="col-6">
|
||||
|
||||
<div class="pre-container"><pre class="fuck-it-up">
|
||||
.%*. .-.
|
||||
.%@@@+. .--=%@@@-
|
||||
=@@@@@@- :--+@@@@@@@@@*
|
||||
*@%@@@@@%: :--=#@@@@@@@@@@@@#@@+
|
||||
@@::%@@@@@@-: :::-=%@@@@@@@@@@@@@@%#*- :@*
|
||||
.@@ =@@@@@@@@@+-:::::::-=*@@@@@@@@@@@@@@@@@@@%##- @@:
|
||||
#@# +%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%#*: -@@
|
||||
#@- *%@@@@@@@@@@@@@@@@@%%%#= %@=
|
||||
@@: -=+++== .. @@:
|
||||
@@ . -@@@ +@@
|
||||
#@% =@@@@- +@@@@# *+ %@#
|
||||
#@- -@@@@@@@. +@@@@@% .%@@@@= @@:
|
||||
@@: +@@@@@@@@@ +@+ +@@@ %@@@@@@@@@ -@@
|
||||
@@ *@%@* :@@@ *@+ -@@@ %@@@@@@@@@@@# @@@
|
||||
#@% %@ @% %@@ *@* .@@@ =@@@*@@ :@@@@ @@:
|
||||
%@:## *@+ :@@ :@@ @@@ %@@: @# .@@@ .@@
|
||||
@@:. @@: .@@ @@ @@@ %@: @@ @@% @@%
|
||||
@@ -@@. =@@ @@. @@@ %@. #@- @@# @@.
|
||||
%@% +@@. @@. %@- @@@ #@ @@. :@@ -@@
|
||||
%@: +@@+ .@% #@= @@@.@ *@@ +@+ @@*
|
||||
@@: +@@%. .%% *@+ @@@ %@@ -@# @@
|
||||
@@ :@@@@@@% :@@ @@% %@@ @# *@@
|
||||
%@@ #@@@@* @@ @@% %@@. %@. @@:
|
||||
@@: ===: @@. @@% %@@: =@%. .@@
|
||||
@@. #@= @@% %@@%+%@#. @@%
|
||||
@@ +@* @@# -@@@@@* .@@
|
||||
%@@ :@@ @@# %@@#: =@@
|
||||
@@: .@@ @@# : @@=
|
||||
@@. @@. @@# :@@
|
||||
@@ #@= @@% %@%
|
||||
#@@ +@+ #@% .@@
|
||||
@@: =@# +@% =@%
|
||||
@@ :@% -@@ @@+
|
||||
@@ .@@ -@: -@@
|
||||
-@@ @% .: *@#
|
||||
@@* # @@.
|
||||
@@ =@@
|
||||
.@@ @@*
|
||||
.@@ .@@
|
||||
*@@ =@#
|
||||
@@* @@*
|
||||
@@ -@@
|
||||
.@@ +@*
|
||||
.@@ @@-
|
||||
-@@ =@@
|
||||
%@% #@*
|
||||
@@ @@:
|
||||
@@ +@@
|
||||
.@@ %@+
|
||||
:@% @@.
|
||||
:@% *@%
|
||||
-@. %@=
|
||||
%@ @@.
|
||||
@@ *@%
|
||||
@@ %@=
|
||||
@% @@:
|
||||
:@% +@@
|
||||
:@* =+- #@+
|
||||
:@: .%@@@. @@-
|
||||
-@ =@@@@@# :@@
|
||||
=@ *@#.=@@% #@%
|
||||
*@ #@- -@@% %@-
|
||||
@@ #@: :@@% @@:
|
||||
@@ #% .@@% .#@@* -@@
|
||||
@% #% .@@% +@@@@@- %@%
|
||||
@# %@ :@@% .@@@@@@@@ %@:
|
||||
@# %@ :@@% +@@% .@@@@ @@:
|
||||
@# %@ :@@% #@@: :@@@ -@@
|
||||
@# @@. .@@@ .@@% .@@@= %@%
|
||||
@# @@. .@@@: %@@- @@@% %@:
|
||||
@# @@ @@@@ %@@@ *@@@ @@:
|
||||
@# .@@ @@@@@@@@@@= :@@@ @@
|
||||
* @@@ :@@@@@@@@. :@@@ *@@
|
||||
.@@@@@% -@@@@@. .@@@ @@=
|
||||
@@@@@: .. @@@ @@.
|
||||
-@%: @@@ @@.
|
||||
@@@ @@
|
||||
-@@ =@@
|
||||
.@@ @@+
|
||||
.@@:@@.
|
||||
@@#@-
|
||||
@@@.
|
||||
+@-
|
||||
-
|
||||
</pre></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-4">
|
||||
|
||||
<h2>Social</h2>
|
||||
<ul>
|
||||
<li><a href="https://exchange.art/collections/Cat%20Season">Cat Season</a></li>
|
||||
<li><a href="https://blog.mediocregopher.com">Mediocre Blog</a> is for WIP projects.</li>
|
||||
<li><a href="https://twitter.com/mediocre_gopher">Twitter</a> is for shilling, shitcoins, and hot takes.</li>
|
||||
<li><a href="https://bgpicciano.com">Resume</a> is for jobs I've had.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="https://bgpicciano.com">Resume</a> is for jobs I've had.
|
||||
</ul>
|
||||
<h1>Projects</h1>
|
||||
<ul>
|
||||
<li><a href="https://github.com/mediocregopher/radix">radix</a> is for using redis with go.
|
||||
<li><a href="https://dehub.dev">dehub</a> is for decentralized git projects.
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-4">
|
||||
|
||||
<h2>Dev</h2>
|
||||
<ul>
|
||||
<li><a href="https://github.com/mediocregopher">GitHub</a> is for open-source code I've written.</li>
|
||||
<li><a href="https://github.com/mediocregopher/radix">radix</a> is for using redis with go.</li>
|
||||
<li><a href="https://dehub.dev">dehub</a> is for decentralized git projects.</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-4">
|
||||
|
||||
<h2>Art</h2>
|
||||
<ul>
|
||||
<li><a href="https://mediocregopher.holaplex.com">Holaplex</a> is for NFTs I've made.</li>
|
||||
<li><a href="https://exchange.art/collections/Cat%20Season">Cat Season</a> is there too.</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-4">
|
||||
|
||||
<h2>Misc</h2>
|
||||
<ul>
|
||||
<li><a href="https://news.cryptic.io">Cryptic News</a> aggregates interesting blogs.</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div></body>
|
||||
|
||||
<script>
|
||||
function replaceAt(str, index, replacement) {
|
||||
|
||||
1
simple-grid.min.css
vendored
Normal file
1
simple-grid.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);body,html{height:100%;width:100%;margin:0;padding:0;left:0;top:0;font-size:100%}.center,.container{margin-left:auto;margin-right:auto}*{font-family:Lato,Helvetica,sans-serif;color:#333447;line-height:1.5}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{font-size:1.125rem;font-weight:200;line-height:1.8}.font-light{font-weight:300}.font-regular{font-weight:400}.font-heavy{font-weight:700}.left{text-align:left}.right{text-align:right}.center{text-align:center}.justify{text-align:justify}.container{width:90%}.row{position:relative;width:100%}.row [class^=col]{float:left;margin:.5rem 2%;min-height:.125rem}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{width:96%}.col-1-sm{width:4.33%}.col-2-sm{width:12.66%}.col-3-sm{width:21%}.col-4-sm{width:29.33%}.col-5-sm{width:37.66%}.col-6-sm{width:46%}.col-7-sm{width:54.33%}.col-8-sm{width:62.66%}.col-9-sm{width:71%}.col-10-sm{width:79.33%}.col-11-sm{width:87.66%}.col-12-sm{width:96%}.row::after{content:"";display:table;clear:both}.hidden-sm{display:none}@media only screen and (min-width:33.75em){.container{width:80%}}@media only screen and (min-width:45em){.col-1{width:4.33%}.col-2{width:12.66%}.col-3{width:21%}.col-4{width:29.33%}.col-5{width:37.66%}.col-6{width:46%}.col-7{width:54.33%}.col-8{width:62.66%}.col-9{width:71%}.col-10{width:79.33%}.col-11{width:87.66%}.col-12{width:96%}.hidden-sm{display:block}}@media only screen and (min-width:60em){.container{width:75%;max-width:60rem}}
|
||||
Loading…
Reference in New Issue
Block a user