started front page redesign
This commit is contained in:
parent
e1b9c833fe
commit
3822f5150c
|
@ -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;
|
||||
|
|
73
index.html
73
index.html
|
@ -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 one’s
|
||||
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. 2–3
|
||||
</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>
|
||||
|
|
Loading…
Reference in New Issue