Put it on that world wild web

2017-02-03 21:16:54 -05:00 · 2017-02-03 21:16:54 -05:00 · 5384756535
parent 1f528fa8f6
commit 5384756535
3 changed files with 156 additions and 0 deletions
--- a/1991.css
+++ b/1991.css
@ -0,0 +1,131 @@
+html {
+    background: #2637dd;
+    font-family: "Roboto Mono", monospace;
+    font-weight: 500;
+    color: #d4d4d4;
+    -webkit-font-smoothing: antialiased;
+}
+header {
+    text-align: center;
+    margin-top: 8%;
+    font-family: "Rubik Mono One", sans-serif;
+    font-size: 14px;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+}
+header p {
+    margin-top: 1em;
+}
+.l1991 {
+    font-size: 0;
+    position: relative;
+    display: inline-block;
+    width: 45%;
+    max-width: 600px;
+    min-width: 250px;
+    height: 60px;
+    margin-right: -1%;
+}
+.l {
+    display: inline-block;
+    width: 23%;
+    height: 100%;
+    margin-right: 2%;
+    box-sizing: border-box;
+    font-size: 0;
+    position: relative;
+}
+.l1 {
+    border-bottom: solid 9px;
+}
+.l1:before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    box-sizing: border-box;
+    border: solid 9px;
+    border-left: none;
+    border-bottom: none;
+    width: 69.23%;
+    height: 100%;
+}
+.l9:before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 56.83%;
+    -webkit-border-radius: 15px;
+    -webkit-border-bottom-right-radius: 0;
+    -moz-border-radius: 15px;
+    -moz-border-radius-bottomright: 0;
+    border-radius: 15px;
+    border-bottom-right-radius: 0;
+    box-sizing: border-box;
+    border: solid 9px;
+}
+.l9:after {
+    content: "";
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    width: 97.89%;
+    height: 56.83%;
+    -webkit-border-bottom-right-radius: 20px;
+    -moz-border-radius-bottomright: 20px;
+    border-bottom-right-radius: 20px;
+    box-sizing: border-box;
+    border: solid 9px;
+    border-top: none;
+    border-left: none;
+}
+
+main {
+    margin-top: 8%;
+}
+article {
+    display: block;
+    width: 75%;
+    margin-left: 12.5%;
+}
+section {
+    text-align: justify;
+}
+main h1 {
+    font-family: "Rubik Mono One";
+    background: #d4d4d4;
+    color: #2637dd;
+    padding: 0.1em 0.3em;
+    font-size: 1.5em;
+}
+
+strong {
+    font-weight: inherit;
+    color: #2637dd;
+    background: #d4d4d4;
+    padding-left: 0.3em;
+    padding-right: 0.3em;
+}
+a {
+    color: inherit;
+    text-shadow: 1px 1px #2637dd, -1px -1px #2637dd;
+    text-decoration: underline;
+}
+a:hover {
+    text-decoration: none;
+    text-decoration: line-through;
+}
+
+::selection {
+    background: #fff;
+    color: #2637dd;
+    text-shadow: none;
+}
+::-moz-selection {
+    background: #fff;
+    color: #2637dd;
+    text-shadow: none;
+}
+
--- a/1
+++ b/1
@ -0,0 +1 @@
+www.1-9-9-1.com
--- a/index.html
+++ b/index.html
@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <link href="1991.css" type="text/css" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:500,500i|Rubik+Mono+One" rel="stylesheet">
+    </head>
+    <body>
+        <header>
+            <h1 class="l1991">
+                <span class="l l1">1</span><!--
+             --><span class="l l9">9</span><!--
+             --><span class="l l9">9</span><!--
+             --><span class="l l1">1</span>
+            </h1>
+            <p>A server-side web framework written in Forth</p>
+        </header>
+        <main>
+            <article>
+                <section>
+                </section>
+            </article>
+        </main>
+    </body>
+</html>