condensed css
This commit is contained in:
parent
00adbf581e
commit
63bcf672c0
|
@ -38,7 +38,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<main>
|
<main>
|
||||||
<div class="column">
|
<div class="column left">
|
||||||
<section>
|
<section>
|
||||||
<h2 id=history>
|
<h2 id=history>
|
||||||
<a href="history">History</a>
|
<a href="history">History</a>
|
||||||
|
@ -148,12 +148,12 @@
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column right">
|
||||||
<h2 class="h-right" id="technical">
|
<h2 id="technical">
|
||||||
<a href="#technical">Technical Information</a>
|
<a href="#technical">Technical Information</a>
|
||||||
</h2>
|
</h2>
|
||||||
<section>
|
<section>
|
||||||
<h2 class="h-right" id="wtf-is-a-tib">
|
<h2 id="wtf-is-a-tib">
|
||||||
<i><a href="#wtf-is-tib">
|
<i><a href="#wtf-is-tib">
|
||||||
WTF is a Tebibyte?
|
WTF is a Tebibyte?
|
||||||
</a></i>
|
</a></i>
|
||||||
|
@ -168,7 +168,7 @@
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<h2 class="h-right" id="license">
|
<h2 id="license">
|
||||||
<a href="#license">How is your site licensed?</a>
|
<a href="#license">How is your site licensed?</a>
|
||||||
</h2>
|
</h2>
|
||||||
<p>
|
<p>
|
||||||
|
@ -194,7 +194,7 @@
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<h2 class="h-right" id="hosting">
|
<h2 id="hosting">
|
||||||
<a href="#hosting">Who is your hosting provider?</a>
|
<a href="#hosting">Who is your hosting provider?</a>
|
||||||
</h2>
|
</h2>
|
||||||
<p>
|
<p>
|
||||||
|
@ -206,7 +206,7 @@
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<h2 class="h-right" id="thanks">
|
<h2 id="thanks">
|
||||||
<a href="#thanks">Special Thanks</a>
|
<a href="#thanks">Special Thanks</a>
|
||||||
</h2>
|
</h2>
|
||||||
<p>
|
<p>
|
||||||
|
|
|
@ -57,7 +57,7 @@ body {
|
||||||
|
|
||||||
header {
|
header {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0%;
|
padding: 0;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -79,6 +79,7 @@ main {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
max-width: 80em;
|
max-width: 80em;
|
||||||
|
text-align: justify;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
|
@ -100,8 +101,6 @@ nav ul {
|
||||||
|
|
||||||
nav ul li {
|
nav ul li {
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
nav ul li:not(:last-child)::after {
|
nav ul li:not(:last-child)::after {
|
||||||
|
@ -113,10 +112,6 @@ nav ul li a {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
|
||||||
text-align: justify;
|
|
||||||
}
|
|
||||||
|
|
||||||
section {
|
section {
|
||||||
flex-basis: 100%;
|
flex-basis: 100%;
|
||||||
}
|
}
|
||||||
|
@ -125,10 +120,14 @@ ul {
|
||||||
list-style-type: disc;
|
list-style-type: disc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ul.naked {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
footer, header, main, nav {
|
footer, header, main, nav {
|
||||||
max-width: 80em;
|
max-width: 80em;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 0% 5%;
|
padding: 0 5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.column {
|
.column {
|
||||||
|
@ -137,10 +136,6 @@ footer, header, main, nav {
|
||||||
margin: 0.5em;
|
margin: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
|
||||||
max-width: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
background: hsl(0, 20%, 7%);
|
background: hsl(0, 20%, 7%);
|
||||||
border: solid;
|
border: solid;
|
||||||
|
@ -155,14 +150,20 @@ footer, header, main, nav {
|
||||||
margin: 0.5em 0;
|
margin: 0.5em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.h-right {
|
.icon {
|
||||||
text-align: right;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.r-list {
|
.icon img {
|
||||||
|
max-width: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
list-style-type: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#home nav .home > a {
|
#home nav .home > a {
|
||||||
|
|
42
index.html
42
index.html
|
@ -85,7 +85,7 @@
|
||||||
are also extremely important to us.
|
are also extremely important to us.
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
<div class="column">
|
<div class="column left">
|
||||||
<section id="donate">
|
<section id="donate">
|
||||||
<h2 id="donate">
|
<h2 id="donate">
|
||||||
<a href="#donate">Donate</a>
|
<a href="#donate">Donate</a>
|
||||||
|
@ -95,40 +95,44 @@
|
||||||
individuals who work on it in their spare time. As a result,
|
individuals who work on it in their spare time. As a result,
|
||||||
funding is tight, so any donations are highly appreciated.
|
funding is tight, so any donations are highly appreciated.
|
||||||
Donations are accepted through
|
Donations are accepted through
|
||||||
<a href="https://liberapay.com/tebibytemedia/donate">
|
<a class="icon" href="https://liberapay.com/tebibytemedia/donate">
|
||||||
<img class="icon" src=https://liberapay.com/assets/liberapay/icon-v2_white-on-yellow.svg />
|
<img class="icon"
|
||||||
Liberapay
|
src=https://liberapay.com/assets/liberapay/icon-v2_white-on-yellow.svg />
|
||||||
</a> and
|
Liberapay</a> and
|
||||||
<a href="https://opencollective.com/tebibytemedia">
|
<a class="icon" href="https://opencollective.com/tebibytemedia">
|
||||||
<img class="icon" src="https://opencollective.com/static/images/opencollective-icon.svg" />
|
<img class="icon" src="https://opencollective.com/static/images/opencollective-icon.svg" />
|
||||||
Open Collective</a>.
|
Open Collective</a>.
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column right">
|
||||||
<section id="donate">
|
<section>
|
||||||
<h2 class="h-right" id="reading">
|
<h2 id="reading">
|
||||||
<a href="#reading">Tebibyte Media Reading List</a>
|
<a href="#reading">Reading List</a>
|
||||||
</h2>
|
</h2>
|
||||||
<h3 class="h-right" id="technical">
|
<h3 id="philosophy">
|
||||||
|
<a href="#philosophy">Philosophy</a>
|
||||||
|
</h3>
|
||||||
|
<ul class="naked">
|
||||||
|
<li>
|
||||||
|
<a href="https://www.gnu.org/philosophy/fsfs/rms-essays.pdf">
|
||||||
|
[PDF]</a> <i>Free Software, Free Society</i> by
|
||||||
|
<a href="https://stallman.org/">Richard Stallman</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h3 id="technical">
|
||||||
<a href="#technical">Technical</a>
|
<a href="#technical">Technical</a>
|
||||||
</h3>
|
</h3>
|
||||||
<p>
|
<p>
|
||||||
Works listed here are relevant to the technical side of
|
Works listed here are relevant to the technical side of
|
||||||
freely licensed projects.
|
freely licensed projects.
|
||||||
<ul class="r-list">
|
<ul class="naked">
|
||||||
<li>
|
<li>
|
||||||
<a href="http://www.catb.org/~esr/writings/cathedral-bazaar/cathedral-bazaar/">
|
<a href="http://www.catb.org/~esr/writings/cathedral-bazaar/cathedral-bazaar/">
|
||||||
[XHTML]</a> <i>The Cathedral and the Bazaar</i> by
|
[XHTML]</a> <i>The Cathedral and the Bazaar</i> by
|
||||||
<a href="http://www.catb.org/~esr">Eric Raymond</a>
|
<a href="http://www.catb.org/~esr">Eric Raymond</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
|
||||||
<a href="https://www.gnu.org/philosophy/fsfs/rms-essays.pdf">
|
|
||||||
[PDF]</a> <i>Free Software, Free Society</i> by
|
|
||||||
<a href="https://stallman.org/">Richard Stallman</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<a href="https://un.curl.dev/">[HTML]</a>
|
<a href="https://un.curl.dev/">[HTML]</a>
|
||||||
<i>Uncurled</i> by
|
<i>Uncurled</i> by
|
||||||
|
@ -149,4 +153,4 @@
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue