Skip to content
Snippets Groups Projects
Commit c662eef2 authored by guido's avatar guido
Browse files

rethinking design

parent a046a599
Branches
No related tags found
No related merge requests found
Expand all Show whitespace changes
Inline Side-by-side
css/styles.css
+ 47
− 16
View file @ c662eef2
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 {
......
images/bird.svg 0 → 100644
+ 576
− 0
View file @ c662eef2
This diff is collapsed.
index.html
+ 18
− 10
View file @ c662eef2
......@@ -9,6 +9,8 @@
<body>
<header>
<h1>we build our dreams by hand</h1>
<nav>
<ul>
<li><a href="https://0xacab.org/users/sign_in">login</a></li>
......@@ -16,7 +18,10 @@
<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>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment