better design choices
This commit is contained in:
parent
b51338dece
commit
1b7307b39f
|
@ -38,7 +38,7 @@
|
|||
</menu>
|
||||
</nav>
|
||||
<main>
|
||||
<div class="column left">
|
||||
<div class="column">
|
||||
<section>
|
||||
<h2 id="structure">
|
||||
<a href="#structure">Structure</a>
|
||||
|
@ -133,7 +133,7 @@
|
|||
</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="column right">
|
||||
<div class="column">
|
||||
<section>
|
||||
<h2 id=history>
|
||||
<a href="history">History</a>
|
||||
|
@ -154,9 +154,6 @@
|
|||
this goal. Read more at our <a href="/blog">blog</a>.
|
||||
</p>
|
||||
</section>
|
||||
<h2 id="technical">
|
||||
<a href="#technical">Technical Information</a>
|
||||
</h2>
|
||||
<section>
|
||||
<h2 id="wtf-is-a-tib">
|
||||
<i><a href="#wtf-is-tib">
|
||||
|
|
|
@ -29,7 +29,6 @@
|
|||
a {
|
||||
color: #8f2424;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a:active {
|
||||
|
@ -46,12 +45,7 @@ aside {
|
|||
}
|
||||
|
||||
blockquote {
|
||||
background: hsl(0, 20%, 7%);
|
||||
border: solid;
|
||||
border-color: hsl(0, 80%, 40%);
|
||||
border-radius: 1em;
|
||||
margin: 1em 0;
|
||||
padding: 0 1em;
|
||||
border-bottom: solid #8f2424 0.1rem;
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -61,6 +55,20 @@ body {
|
|||
text-align: justify;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
padding-bottom: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 1em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
footer {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
@ -69,12 +77,23 @@ footer {
|
|||
padding: 0.5em 1em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
border-bottom: solid #8f2424 0.1rem;
|
||||
font-weight: bold;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
hgroup * {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
i {
|
||||
color: inherit;
|
||||
}
|
||||
|
@ -130,16 +149,12 @@ ul {
|
|||
list-style-type: disc;
|
||||
}
|
||||
|
||||
ul.naked {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
footer, header, main, nav {
|
||||
max-width: 70em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
aside, .errorcode, footer, menu {
|
||||
aside, .errorcode, figure, footer, menu {
|
||||
background: hsl(0, 20%, 7%);
|
||||
width: auto;
|
||||
border: solid;
|
||||
|
@ -161,31 +176,28 @@ aside, .errorcode, footer, menu {
|
|||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.errorcode {
|
||||
margin: 1em 0;
|
||||
.errorcode h1 {
|
||||
border: none;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.full {
|
||||
.errorcode {
|
||||
margin: 1em 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.errorcode section {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.icon {
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.icon img {
|
||||
max-width: 1em;
|
||||
}
|
||||
|
||||
.left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.webring a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
62
index.html
62
index.html
|
@ -85,7 +85,7 @@
|
|||
are also extremely important to us.
|
||||
</p>
|
||||
</section>
|
||||
<div class="column left">
|
||||
<div class="column">
|
||||
<section id="donate">
|
||||
<h2 id="donate">
|
||||
<a href="#donate">Donate</a>
|
||||
|
@ -105,47 +105,39 @@
|
|||
</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="column right">
|
||||
<div class="column">
|
||||
<section>
|
||||
<h2 id="reading">
|
||||
<a href="#reading">Reading List</a>
|
||||
</h2>
|
||||
<h3 id="philosophy">
|
||||
<a href="#philosophy">Philosophy</a>
|
||||
</h3>
|
||||
<ul class="naked">
|
||||
<li>
|
||||
<p>
|
||||
<a href="https://www.gnu.org/philosophy/fsfs/rms-essays.pdf">
|
||||
[PDF]</a> <cite>Free Software, Free Society</cite>
|
||||
by
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="https://stallman.org/">Richard Stallman</a>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<h3 id="technical">
|
||||
<a href="#technical">Technical</a>
|
||||
</h3>
|
||||
<ul class="naked">
|
||||
<li>
|
||||
<p>
|
||||
<a href="http://www.catb.org/~esr/writings/cathedral-bazaar/cathedral-bazaar/">
|
||||
[XHTML]</a> <cite>The Cathedral and the
|
||||
Bazaar</cite> by
|
||||
<a href="http://www.catb.org/~esr">Eric Raymond</a>
|
||||
</p>
|
||||
</li>
|
||||
– <cite>Free Software, Free Society</cite>
|
||||
<a href="https://www.gnu.org/philosophy/fsfs/rms-essays.pdf">
|
||||
[PDF]</a>
|
||||
</dt>
|
||||
<dd>
|
||||
</dd>
|
||||
|
||||
<li>
|
||||
<p>
|
||||
<a href="https://un.curl.dev/">[HTML]</a>
|
||||
<cite>Uncurled</cite> by
|
||||
<dt>
|
||||
<a href="http://www.catb.org/~esr">Eric Raymond</a>
|
||||
– <cite>The Cathedral and the
|
||||
Bazaar</cite>
|
||||
<a href="http://www.catb.org/~esr/writings/cathedral-bazaar/cathedral-bazaar/">
|
||||
[XHTML]</a>
|
||||
</dt>
|
||||
<dd>
|
||||
</dd>
|
||||
|
||||
<dt>
|
||||
<a href="https://daniel.haxx.se/">Daniel Stenberg
|
||||
</a>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
</a> <cite>Uncurled</cite>
|
||||
<a href="https://un.curl.dev/">[HTML]</a>
|
||||
</dt>
|
||||
<dd>
|
||||
</dd>
|
||||
</dl>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
|
|
Loading…
Reference in New Issue