started front page redesign

This commit is contained in:
Emma Tebibyte 2022-09-19 17:53:14 -04:00
parent e1b9c833fe
commit 3822f5150c
2 changed files with 81 additions and 9 deletions

View File

@ -36,6 +36,15 @@ a:active {
color: hsl(0, 80%, 40%);
}
blockquote {
background: hsl(0, 20%, 7%);
border: solid;
border-color: hsl(0, 80%, 40%);
border-radius: 1em;
margin: 1em 0;
padding: 0 1em;
}
body {
background-color: black;
}
@ -46,6 +55,10 @@ header {
margin: auto;
}
i {
color: inherit;
}
li {
margin: 1em 0;
}
@ -105,6 +118,10 @@ ul {
flex-wrap: wrap;
}
.icon {
max-width: 1em;
}
.footer {
background: hsl(0, 20%, 7%);
border: solid;

View File

@ -42,7 +42,7 @@
<div class="content">
<div class="section">
<h3 id="slogan">For the dreamers, from the doers.</h3>
<p>
<!-- <p>
Tebibyte Media works to promote free software and open-access
projects and networks in order to provide support and publicity
to <a href="/network#members">Network members</a>. Those members
@ -50,16 +50,71 @@
management, access to <a href=/network#benefits>our
services</a>, and any future benefits that come as a result of
the expanding nature of the project.
</p> -->
<p>
Tebibyte Media is the culmination of what free software and
open-access philosophy is all about; preserving and promoting
the essential freedom to share:
</p>
<blockquote>
<p>
Signing a typical software license agreement means betraying
your neighbor: “I promise to deprive my neighbor of this
program so that I can have a copy for myself.” People who
make such choices feel internal psychological pressure to
justify them, by downgrading the importance of helping ones
neighbors—thus public spirit suffers. This is psychosocial
harm associated with the material harm of discouraging use
of the program.
</p>
</blockquote>
<a href="https://stallman.org/">Richard Stallman</a>,
<a href="https://www.gnu.org/philosophy/shouldbefree.en.html#damaging-social-cohesion"><i>Why Software Should be Free</i>, "Damaging Social
Cohesion"</a>, para. 23
</p>
<p>
Our <a href="/network">Network</a> is designed to facilitate and
spread that spirit of sharing, cooperation, and solidarity by
providing to members firm foundations of support. If your
project or community is young and you and your team are not sure
how to build a userbase, maintain your own services, or if you
need a way to get yourself and your work out there, you should
consider <a href="/network#application">applying</a>!
</p>
<p>
Even if you've been around the block, we're always accepting new
members who share our values, and experienced Network members
are also extremely important to us.
</p>
</div>
<div class="section" id="donate">
<a href="https://opencollective.com/tebibytemedia">
<img alt="open collective" src="https://opencollective.com/static/images/opencollective-icon.svg" />
</a>
<a href="https://liberapay.com/tebibytemedia/donate">
<img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg" />
</a>
<div class="column">
<div class="section" id="donate">
<h2 id="donate">
<a href="#donate">Donate</a>
</h2>
<p>
Tebibyte Media's infrastructure is maintained by a few
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">
<img class="icon" src="https://opencollective.com/static/images/opencollective-icon.svg" />
Open Collective</a>.
</p>
</div>
</div>
<div class="column">
<div class="section" id="donate">
<h2 class="h-right" id="reading">
<a href="#reading">Tebibyte Media Reading List</a>
</h2>
<p>
</p>
</div>
</div>
</div> <!-- content -->
<footer>