added yesterweb webring!!

This commit is contained in:
Emma Tebibyte 2022-09-22 05:58:20 -04:00
parent 50910e4141
commit 4df39758f3
Signed by: emma
GPG Key ID: 6D661C738815E7DD
4 changed files with 93 additions and 50 deletions

View File

@ -39,27 +39,6 @@
</nav>
<main>
<div class="column left">
<section>
<h2 id=history>
<a href="history">History</a>
</h2>
<p>
Tebibyte Media was started in 2020 by <a href="/~emma">Emma
Tebibyte</a> to create a community of technology-savvy
individuals who shared faer values. The original goal was to
propagate free software values, and that goal heavily
influenced the development of the itss new today.
</p>
<p>
Today, Tebibyte Media is an aspiring group of free software
and open-access enthusiasts who believe that all information
should be free and publicly accessible. To that end, we
promote, share, connect, and support like-minded developers,
artists, writers, and creators whose work progresses toward
this goal. Read more at our
<a href="/blog">blog</a>.
</p>
</section>
<section>
<h2 id="structure">
<a href="#structure">Structure</a>
@ -149,6 +128,27 @@
</section>
</div>
<div class="column right">
<section>
<h2 id=history>
<a href="history">History</a>
</h2>
<p>
Tebibyte Media was started in 2020 by <a href="/~emma">Emma
Tebibyte</a> to create a community of technology-savvy
individuals who shared faer values. The original goal was to
propagate free software values, and that goal heavily
influenced the development of the itss new today.
</p>
<p>
Today, Tebibyte Media is an aspiring group of free software
and open-access enthusiasts who believe that all information
should be free and publicly accessible. To that end, we
promote, share, connect, and support like-minded developers,
artists, writers, and creators whose work progresses toward
this goal. Read more at our
<a href="/blog">blog</a>.
</p>
</section>
<h2 id="technical">
<a href="#technical">Technical Information</a>
</h2>
@ -174,9 +174,9 @@
<p>
The Tebibyte Media website is free software: you can
redistribute it and/or modify it under the terms of the GNU
Affero General Public License as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version.
Affero General Public License as published by the Free
Software Foundation, either version 3 of the License, or
(at your option) any later version.
</p>
<p>
The Tebibyte Media website is distributed in the hope that
@ -225,18 +225,30 @@
create the Network!
</p>
</section>
</main>
</div>
<section>
</section>
</div> <!-- content -->
</main>
<footer>
<div class="footer">
<div class="copyleft">
<p>
<a href="https://copyleft.org/">Copyleft</a> &#x1f12f; 2022
Tebibyte Media.
</p>
</div>
<div class="webring">
<p>
<a href="https://webring.yesterweb.org/noJS/index.php?d=rand&url=https://tebibyte.media/">
???</a> //
<a href="https://webring.yesterweb.org/noJS/index.php?d=prev&url=https://tebibyte.media/"><<</a>
<a href="https://yesterweb.org/webring/">
Yesterweb
</a>
<a href="https://webring.yesterweb.org/noJS/index.php?d=next&url=https://tebibyte.media/">>></a>
// <a href="https://yesterweb.org/webring/members.html">..</a>
</p>
</div>
</footer>
</body>
</html>

View File

@ -53,6 +53,14 @@ blockquote {
body {
background-color: black;
margin: 0;
padding: 0 5%;
}
footer {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 1em;
}
header {
@ -85,18 +93,12 @@ main {
nav {
display: flex;
flex-direction: row-reverse;
font-weight: bold;
margin: 0;
}
nav ul {
background: hsl(0, 20%, 7%);
width: auto;
border: solid;
border-color: hsl(0, 80%, 40%);
border-radius: 1em;
padding: 0.5em;
margin: 0;
font-weight: bold;
margin-top: 1em;
}
nav ul li {
@ -125,9 +127,16 @@ ul.naked {
}
footer, header, main, nav {
max-width: 80em;
max-width: 70em;
margin: 0 auto;
padding: 0 5%;
}
footer, nav ul {
background: hsl(0, 20%, 7%);
width: auto;
border: solid;
border-color: hsl(0, 80%, 40%);
border-radius: 1em;
}
.column {
@ -136,18 +145,12 @@ footer, header, main, nav {
margin: 0.5em;
}
.footer {
background: hsl(0, 20%, 7%);
border: solid;
border-color: hsl(0, 80%, 40%);
border-radius: 1em;
display: flex;
margin: 1em 0;
padding: 0 1em;
.copyleft {
padding: 0;
}
.footer p {
margin: 0.5em 0;
.copyleft p {
margin: 0;
}
.icon {
@ -166,6 +169,10 @@ footer, header, main, nav {
text-align: right;
}
.webring {
}
#home nav .home > a {
pointer-events: none;
cursor: default;

View File

@ -139,12 +139,24 @@
</div>
</main>
<footer>
<div class="footer">
<div class="copyleft">
<p>
<a href="https://copyleft.org/">Copyleft</a> &#x1f12f; 2022
Tebibyte Media.
</p>
</div>
<div class="webring">
<p>
<a href="https://webring.yesterweb.org/noJS/index.php?d=rand&url=https://tebibyte.media/">
???</a> //
<a href="https://webring.yesterweb.org/noJS/index.php?d=prev&url=https://tebibyte.media/"><<</a>
<a href="https://yesterweb.org/webring/">
Yesterweb
</a>
<a href="https://webring.yesterweb.org/noJS/index.php?d=next&url=https://tebibyte.media/">>></a>
// <a href="https://yesterweb.org/webring/members.html">..</a>
</p>
</div>
</footer>
</body>
</html>

View File

@ -374,14 +374,26 @@
</li>
</ol>
</section>
</main> <!-- content -->
</main>
<footer>
<div class="footer">
<div class="copyleft">
<p>
<a href="https://copyleft.org/">Copyleft</a> &#x1f12f; 2022
Tebibyte Media.
</p>
</div>
<div class="webring">
<p>
<a href="https://webring.yesterweb.org/noJS/index.php?d=rand&url=https://tebibyte.media/">
???</a> //
<a href="https://webring.yesterweb.org/noJS/index.php?d=prev&url=https://tebibyte.media/"><<</a>
<a href="https://yesterweb.org/webring/">
Yesterweb
</a>
<a href="https://webring.yesterweb.org/noJS/index.php?d=next&url=https://tebibyte.media/">>></a>
// <a href="https://yesterweb.org/webring/members.html">..</a>
</p>
</div>
</footer>
</body>
</html>