Commit c662eef2 authored by guido's avatar guido
Browse files

rethinking design

parent a046a599
body { background: #fff; font-family: "Lucida Console", Monaco, monospace; color: #000; padding: 50px 20px 20px;}
header {
text-align: center;
margin: 40px 0;
html {
padding: 0;
margin: 0;
}
body {
background-color: #CFDD83;
font-family: "Lucida Console", Monaco, monospace;
color: #000;
padding: 0;
margin: 0;
position: relative;
}
h1 { margin: 40px 0; line-height: 34px; text-align: center; }
h2 { font-size: 18px; margin: 40px 0; }
p { margin: 40px 0; }
.dynamo div { text-align: center; }
.nan { margin-left: 30px;}
li { list-style: hiragana; margin-bottom: 20px;}
a { color: #E0FFFF; text-decoration: none; }
a { color: #574843; text-decoration: none; }
nav {
header {
text-align: center;
background: #000;
color: #ded;
color: #574843;
position: fixed;
top: 0; left: 0;
bottom: 40px; left: 690px;
height: 400px;
background-image: url('../images/bird.svg');
background-repeat: no-repeat;
background-size: contain;
width: 610px;
z-index: 9999;
padding: 90px 0 0 270px;
box-sizing: padding-box;
}
header h1 {
margin: 0;
font-size: 3em;
}
footer {
text-align: right;
position: absolute;
bottom: 0; right: 0;
width: 100%;
padding: 10px;
background: rgba(255,255,255,0.2);
color: #574843;
}
nav ul {
......@@ -29,25 +60,25 @@ nav li {
display: inline;
}
.info {
.container {
font-size: 12px;
line-height: 18px;
background: #fff;
padding: 16px;
padding: 40px;
margin: 0 40px;
width: 640px;
position: relative;
}
code {
background: #000E0F;
background: #000000;
padding: 3px;
}
pre {
display: block;
width: 585px;
margin: 0 auto;
font-family: "Lucida Console", Monaco, monospace;
margin-bottom: 50px;
}
.value {
......
This diff is collapsed.
......@@ -9,14 +9,19 @@
<body>
<nav>
<ul>
<li><a href="https://0xacab.org/users/sign_in">login</a></li>
<li><a href="https://0xacab.org/riseup/0xacab/">support</a></li>
<li><a href="https://help.riseup.net/donate">donate</a></li>
</ul>
</nav>
<header>
<h1>we build our dreams by hand</h1>
<nav>
<ul>
<li><a href="https://0xacab.org/users/sign_in">login</a></li>
<li><a href="https://0xacab.org/riseup/0xacab/">support</a></li>
<li><a href="https://help.riseup.net/donate">donate</a></li>
</ul>
</nav>
</header>
<div class="container">
<pre class="info">
{
name: <span class="value">'0xacab'</span>,
......@@ -56,9 +61,12 @@
}
</pre>
<header>
<h1>All <span class="dynamo" data-lines="Copylefts, Crashes, CRLFS, Cyberpunks, Characters, Case mods">Codes</span> Are<span class="nan">Beautiful</span></h1>
</header>
</div>
<footer>
All <span class="dynamo" data-lines="Copylefts, Crashes, CRLFS, Cyberpunks, Characters, Case mods">Codes</span> Are<span class="nan">Beautiful</span>
</footer>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/dynamo.js"></script>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment