meta
/
site
4
1
Fork 0
Code Issues 4 Pull Requests Projects 1 Activity

condensed css

This commit is contained in:
Emma Tebibyte 2022-09-19 21:45:26 -04:00
parent 00adbf581e
commit 63bcf672c0
3 changed files with 48 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
about/index.html
View File

@ -38,7 +38,7 @@
</ul>
</nav>
<main>
<div class="column">
<div class="column left">
<section>
<h2 id=history>
<a href="history">History</a>
@ -148,12 +148,12 @@
</p>
</section>
</div>
<div class="column">
<h2 class="h-right" id="technical">
<div class="column right">
<h2 id="technical">
<a href="#technical">Technical Information</a>
</h2>
<section>
<h2 class="h-right" id="wtf-is-a-tib">
<h2 id="wtf-is-a-tib">
<i><a href="#wtf-is-tib">
WTF is a Tebibyte?
</a></i>
@ -168,7 +168,7 @@
</p>
</section>
<section>
<h2 class="h-right" id="license">
<h2 id="license">
<a href="#license">How is your site licensed?</a>
</h2>
<p>
@ -194,7 +194,7 @@
</p>
</section>
<section>
<h2 class="h-right" id="hosting">
<h2 id="hosting">
<a href="#hosting">Who is your hosting provider?</a>
</h2>
<p>
@ -206,7 +206,7 @@
</p>
</section>
<section>
<h2 class="h-right" id="thanks">
<h2 id="thanks">
<a href="#thanks">Special Thanks</a>
</h2>
<p>

35
assets/TiB.css
View File

@ -57,7 +57,7 @@ body {
header {
text-align: center;
padding: 0%;
padding: 0;
margin: auto;
}
@ -79,6 +79,7 @@ main {
flex-wrap: wrap;
margin: auto;
max-width: 80em;
text-align: justify;
}
nav {
@ -100,8 +101,6 @@ nav ul {
nav ul li {
display: inline;
padding: 0;
margin: 0;
}
nav ul li:not(:last-child)::after {
@ -113,10 +112,6 @@ nav ul li a {
text-decoration: underline;
}
p {
text-align: justify;
}
section {
flex-basis: 100%;
}
@ -125,10 +120,14 @@ ul {
list-style-type: disc;
}
ul.naked {
list-style-type: none;
}
footer, header, main, nav {
max-width: 80em;
margin: 0 auto;
padding: 0% 5%;
padding: 0 5%;
}
.column {
@ -137,10 +136,6 @@ footer, header, main, nav {
margin: 0.5em;
}
.icon {
max-width: 1em;
}
.footer {
background: hsl(0, 20%, 7%);
border: solid;
@ -155,14 +150,20 @@ footer, header, main, nav {
margin: 0.5em 0;
}
.h-right {
text-align: right;
.icon {
white-space: nowrap;
}
.r-list {
.icon img {
max-width: 1em;
}
.left {
text-align: left;
}
.right {
text-align: right;
list-style-type: none;
padding: 0;
}
#home nav .home > a {

42
index.html
View File

@ -85,7 +85,7 @@
are also extremely important to us.
</p>
</section>
<div class="column">
<div class="column left">
<section id="donate">
<h2 id="donate">
<a href="#donate">Donate</a>
@ -95,40 +95,44 @@
individuals who work on it in their spare time. As a result,
funding is tight, so any donations are highly appreciated.
Donations are accepted through
<a href="https://liberapay.com/tebibytemedia/donate">
<img class="icon" src=https://liberapay.com/assets/liberapay/icon-v2_white-on-yellow.svg />
Liberapay
</a> and
<a href="https://opencollective.com/tebibytemedia">
<a class="icon" href="https://liberapay.com/tebibytemedia/donate">
<img class="icon"
src=https://liberapay.com/assets/liberapay/icon-v2_white-on-yellow.svg />
Liberapay</a> and
<a class="icon" href="https://opencollective.com/tebibytemedia">
<img class="icon" src="https://opencollective.com/static/images/opencollective-icon.svg" />
Open Collective</a>.
</p>
</section>
</div>
<div class="column">
<section id="donate">
<h2 class="h-right" id="reading">
<a href="#reading">Tebibyte Media Reading List</a>
<div class="column right">
<section>
<h2 id="reading">
<a href="#reading">Reading List</a>
</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>
</h3>
<p>
Works listed here are relevant to the technical side of
freely licensed projects.
<ul class="r-list">
<ul class="naked">
<li>
<a href="http://www.catb.org/~esr/writings/cathedral-bazaar/cathedral-bazaar/">
[XHTML]</a> <i>The Cathedral and the Bazaar</i> by
<a href="http://www.catb.org/~esr">Eric Raymond</a>
</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>
<a href="https://un.curl.dev/">[HTML]</a>
<i>Uncurled</i> by
@ -149,4 +153,4 @@
</div>
</footer>
</body>
</html>
</html>