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

Site Design Overhaul 

Fixes #1
Fixes #4
Fixes #15
Fixes #16
Fixes #18
This commit is contained in:
Emma Tebibyte 2022-09-24 00:18:03 +00:00
parent 8e45165558 525e4a80ed
commit 1ec7977f5d
6 changed files with 1050 additions and 391 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
404.html
View File

@ -1,19 +1,67 @@
<!DOCTYPE html>
<html>
<head>
<title>TiB. | You're not meant to be here.</title>
<title>TiB. | 404</title>
<link rel="stylesheet" href="/assets/TiB.css">
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<meta charset="UTF-8">
<meta content="Emma Tebibyte" name="author" />
<meta content="Tebibyte Media page info goes here." name="description" />
<meta content="You're not supposed to be here." name="description" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="interest-cohort=()" http-equiv="Permissions-Policy" /> <!-- FUCK GOOGLE -->
<head>
<body id="404">
<h5><a href="/">Return Home</a></h5>
<h1 style="text-align: center;">404: Page Not Found</h1>
</head>
<body class="full">
<header>
<img id="logo" src="/assets/img/TiB-network.png" width=25% />
</header>
<nav>
<menu>
<li class="home">
<a href="/">Home</a>
</li>
<p>Sorry, but that page could not be found.</p>
<li class="network">
<a href="/network">Network</a>
</li>
</body>
</html>
<li class="blog">
<a href="/blog">Weblog</a>
</li>
<li class="git">
<a href="https://git.tebibyte.media/">Git</a>
</li>
<li class="about">
<a href="/about">About</a>
</li>
</menu>
</nav>
<main>
<section class="errorcode">
<h1>404: Page Not Found</h1>
<p>
Sorry, but <a href="https://wikipedia.org/wiki/Liar_paradox">
this page does not exist</a>.
</p>
</section>
</main>
<footer>
<div class="copyleft">
<p>
<a href="https://copyleft.org/"><p>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>

16
about/extensions.html
View File

@ -1,16 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>TiB. | Firefox Security</title>
<link rel="stylesheet" href="/assets/TiB.css">
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<meta content="Emma Tebibyte" name="author" />
<meta content="Tebibyte Media Recommended Firefox Extensions and Modifications." name="description" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="interest-cohort=()" http-equiv="Permissions-Policy" /> <!-- FUCK GOOGLE -->
</head>
<header><img id="logo" src="assets/img/TiB-network.png" width=25% style="vertical-align:top" /></header>
<body id="discord">
<script> /* @license magnet:?xt=urn:btih:90dc5c0be029de84e523b9b3922520e79e0e6f08&dn=cc0.txt CC0 */window.location.href = 'https://gist.github.com/emmatebibyte/f92e5c351bba551f251017c19a6ef64c'; /* @license-end */ </script>
</body>
</html>

293
about/index.html
View File

@ -4,71 +4,252 @@
<title>TiB. | About</title>
<link rel="stylesheet" href="/assets/TiB.css">
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<meta charset="UTF-8">
<meta content="Emma Tebibyte" name="author" />
<meta content="Tebibyte Media about page." name="description" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="interest-cohort=()" http-equiv="Permissions-Policy" /> <!-- FUCK GOOGLE -->
</head>
<body id="about">
<header><img id="logo" src="/assets/img/TiB-network.png" width=25% style="vertical-align:top" /></header>
<nav><h4 style="text-align: right"><li class="home"><a href="/">Home</a></li> | <li class="network"><a href="/network">Network</a></li> | <li class="blog"><a href="/blog">Weblog</a></li> | <li class="about"><a href="/about">About</a></li></h4></nav>
<p>
Tebibyte Media was started in 2020 by <a
href="/~emma">Emma Tebibyte</a> in order to create
a community of technology-savvy individuals who share faer values. The
original goal was to propagate free software values, and that goal
heavily influenced the development of the Project's new goals. The
loose group quickly became a project dedicated to bringing together
other, like-minded projects and networks.
<br>
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 and artists whose work
progresses toward this goal. Read more at our
<a href="/blog">blog</a>.
</p>
<header>
<img id="logo" src="/assets/img/TiB-network.png" />
</header>
<nav>
<menu>
<li class="home">
<a href="/">Home</a>
</li>
<h3 id="faq"><a href="#faq">Frequently Asked Questions</a></h3>
<h4 id="wtf-is-a-tib"><a href="#wtf-is-tib">The question comes up
often: <i>wtf is a tebibyte?</i></a></h4>
<p>A tebibyte is a unit of digital storage equal to
1099511627776 bytes. The confusion ensuing due to Microsoft
Windows' usage of the SI prefixes instead of the proper IEC ones
is documented on <a href="https://en.wikipedia.org/wiki/Binary_prefix#Consumer_confusion">Wikipedia</a>.</p>
<li class="network">
<a href="/network">Network</a>
</li>
<h4 id="license"><a href="#license">How is your site
licensed?</a></h4>
<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.<br>
The Tebibyte Media website is distributed in the hope that it
will be useful, but WITHOUT ANY WARRANTY; without even the
implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR
PURPOSE. See the GNU Affero General Public License for more
details.<br>
You should have received a copy of the GNU Affero General Public
License along with the Tebibyte Media website. See
<a href="/LICENSE">here</a> for that copy.<br>
The source code is available
<a href="https://git.tebibyte.media/meta/site">here</a>.</p>
<li class="blog">
<a href="/blog">Weblog</a>
</li>
<h4 id="hosting"><a href="#hosting">Who is your hosting
provider?</a></h4>
<p>The server hosting this site and its services is hosted on a
<a href="https://www.linode.com/">Linode</a> running
<a href="https://www.debian.org/">Debian 11</a> with the
<a href="https://www.fsfla.org/ikiwiki/selibre/linux-libre/">Linux-libre</a>
kernel.</p>
<li class="git">
<a href="https://git.tebibyte.media/">Git</a>
</li>
<h3 id="network"><a href=#network>Network</a></h3>
<p style="font-size:0.75em;"><i>For aspiring Network Members, please
see our <a href="/network#application">application
information</a></i></p>
<p>See <a href="/network#members">here</a> for a list of
members.</p>
<li class="about">
<a href="/about">About</a>
</li>
</menu>
</nav>
<main>
<div class="column">
<section>
<h2 id="structure">
<a href="#structure">Structure</a>
</h2>
<p>
Tebibyte Media is composed of two distinct parts: the
Network and the Project. The latter is made up of its
<a href="/about#staff">staff</a> and the infrastructure that
supports it. The constituent projects and networks
associated with the Project make up our Network. This
distinction exists in order to maintain an appropriate
separation between the Project's and members' interests and
to preserve some of the heterogeneity of these communities.
</p>
<h2 id="staff">
<a href="#staff">Staff</a>
</h2>
<p>
Emma Tebibyte is the leader of the Project and the
<a href="https://wikipedia.org/wiki/Benevolent_dictator_for_life">
benevolent dictator for life</a> of Tebibyte Media. The
Network <a href="/network#responsibilities">is designed with
autonomy in mind</a> so that the Project staff cannot abuse
the power given to them.
</p>
<h3 id="devs">
<a href="#devs">Developers</a>
</h3>
<p>
Our developer team is responsible for hacking on and
building the tooling the Project needs to facilitate the
Project's continued functioning. Our lead developer is
<a href="/~lilith">Lilith</a>, and her team includes
<a href="/~turtle1331">Turtle1331</a>.
</p>
<hgroup>
<h3 id="editors">
<a href="#editors">Editors</a>
</h3>
<address>
<a href="mailto:editors@tebibyte.media">
editors@tebibyte.media</a>
</address>
</hgroup>
<p>
Our editors are responsible for maintaining the
<a href="/blog">weblog</a>; editing submissions and
coordinating with staff, Network representatives, and guest
writers; and reading and approving Network applications. Our
lead editor is <a href="/~trinity">Trinity</a> and her team
includes <a href="/~vista">vista</a> and
<a href="/~thegoose">thegoose</a>.
<h3 id="platform-managers">
<a href="#platform-managers">Platform Managers</a>
</h3>
<p>
Our platform managers are responsible for the maintenance of
the services hosted on Tebibyte Media's server
(<a href="/blog">TebiBlog</a>,
<a href="https://git.tebibyte.media/">Tebitea</a>,
and <a href="">Matrix</a>), as well as maintaining
Network members' infrastructure when necessary. The
standards by which the Project operates are managed by them
as well. Our lead platform managers are
<a href="/~mars">mars</a> and Emma, and their team includes
<a href="/~sashakoshka">sasha</a>.
</p>
<hgroup>
<h2 id="network">
<a href=#network>Network</a>
</h2>
<aside>
<small>
For aspiring Network Members, please see our
<a href="/network#application">
application information</a>.
</small>
</aside>
</hgroup>
<p>
Tebibyte Media's <i>raison d'&#234;tre</i> is its
Network. Our goal as a Project is to foster the growth of
that Network by extending connections of solidarity between
individuals, projects, and other networks who share the
values we believe are important in the digital age.
</p>
<p>
For more information regarding the specification of the
Network as well as the current list of members, the benefits
they enjoy, and their responsibilities, see our
<a href="/network">Network</a> page.
</p>
</section>
</div>
<div class="column">
<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="wtf-is-a-tib">
<i><a href="#wtf-is-tib">
WTF is a Tebibyte?
</a></i>
</h2>
<p>
A tebibyte is a unit of digital storage equal to
1099511627776 bytes. The confusion ensuing due to Microsoft
Windows' usage of the SI prefixes instead of the proper IEC ones
is documented on
<a href="https://wikipedia.org/wiki/Binary_prefix#Consumer_confusion">
Wikipedia</a>.
</p>
</section>
<section>
<h2 id="license">
<a href="#license">How is your site licensed?</a>
</h2>
<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.
</p>
<p>
The Tebibyte Media website is distributed in the hope that
it will be useful, but WITHOUT ANY WARRANTY; without even
the implied warranty of MERCHANTABILITY or FITNESS FOR A
PARTICULAR PURPOSE. See the GNU Affero General Public
License for more details.
</p>
<p>
You should have received a copy of the GNU Affero General
Public License along with the Tebibyte Media website. See
<a href="/LICENSE">
here</a> for that copy. The source code is available
<a href="https://git.tebibyte.media/meta/site">here</a>.
</p>
</section>
<section>
<h2 id="hosting">
<a href="#hosting">Who is your hosting provider?</a>
</h2>
<p>
The server hosting this site and its services is hosted on a
<a href="https://www.linode.com/">Linode</a> running
<a href="https://www.debian.org/">Debian 11</a> with the
<a href="https://www.fsfla.org/ikiwiki/selibre/linux-libre/">
Linux-libre</a> kernel.
</p>
</section>
<section>
<h2 id="thanks">
<a href="#thanks">Special Thanks</a>
</h2>
<p>
Thank you to robotcritter for having been a wonderful member
of the staff and for the support with the server. We
couldn't have existed without your contributions. We wish
you well at your job and look forward to seeing what
<a href="https://git.tebibyte.media/cyborg/cyborg">
Cyborg</a> can become! &#8249;3
</p>
<p>
Thanks to
<a href="https://thenostomodernreview.substack.com/">
classic5000</a> at <a href="https://ortusjournal.org/">
Ortus Journal</a> for giving me the reason I needed to
create the Network!
</p>
</section>
</div>
<section>
</section>
</main>
<footer>
<div class="copyleft">
<small>
<a href="https://copyleft.org/"><p>Copyleft</a> &#x1f12f; 2022
Tebibyte Media
</small>
</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>

255
assets/TiB.css
View File

@ -5,55 +5,224 @@
url('https://tebibyte.media/assets/fonts/ubuntu.woff');
}
@font-face {
font-family: 'Ubuntu Mono Ligaturized';
src: url('https://tebibyte.media/assets/fonts/UbuntuMonoLigaturized-Regular.ttf');
}
::selection {
color: white;
background: red;
color: #000000;
background: #8f2424;
}
::-moz-selection {
color: white;
background: red;
* {
box-sizing: border-box;
color: #f0f0f0;
font-family: 'Ubuntu';
scrollbar-color: #8f2424 transparent;
}
header {
text-align: center;
padding: 0%;
margin: auto;
*:focus {
outline: 2px solid hsl(0, 80%, 40%);;
}
a {
color: #8f2424;
text-decoration: none;
}
a:active {
color: hsl(0, 80%, 40%);
}
a:hover {
color: hsl(0, 80%, 40%);
text-decoration: underline;
}
aside {
padding: 0.5em 0.75em;
}
blockquote {
border-bottom: solid #8f2424 0.1rem;
}
body {
background-color: black;
font-family: 'Ubuntu';
color: white;
max-width: 50em;
margin: 0% auto;
padding: 0% 5%;
}
p {
margin: 0;
padding: 0 5%;
text-align: justify;
}
dd {
text-align: left;
}
dt {
font-weight: bold;
}
figcaption {
padding-bottom: 1em;
text-align: center;
}
figure {
margin: 0 1em;
padding: 0;
}
footer {
position:fixed;
bottom: 0;
width: 100%;
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 1em auto;
max-width: 70em;
padding: 0.5em 1em;
}
li.home {
h1, h2, h3, h4, h5, h6 {
margin: 0;
border-bottom: solid #8f2424 0.1rem;
font-weight: bold;
padding-bottom: 0.5em;
}
header {
text-align: center;
padding: 0;
margin: auto;
}
hgroup * {
margin-top: 0.5em;
}
i {
color: inherit;
}
li {
margin: 1em 0;
}
li ul, li ol {
margin: 0.25em 0;
}
main {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 1em;
text-align: inherit;
}
nav {
display: flex;
flex-direction: row-reverse;
font-weight: bold;
}
menu {
padding: 0.5em;
}
menu li {
display: inline;
}
li.blog {
display: inline;
menu li:not(:last-child)::after {
content: "|";
color: #4a3333;
}
li.network {
display: inline;
menu li a {
text-decoration: underline;
}
li.about {
display: inline;
section {
flex-basis: 100%;
}
strong {
font-size: 1.17em;
}
ul {
list-style-type: disc;
}
header, main, nav {
max-width: 70em;
margin: 0 auto;
}
aside, .errorcode, figure, footer, menu {
background: hsl(0, 20%, 7%);
width: auto;
border: solid;
border-color: hsl(0, 80%, 40%);
border-radius: 1em;
}
.column {
flex-basis: 49%;
flex-grow: 1;
}
.copyleft {
padding: 0;
}
.copyleft p, .webring p {
margin: 0;
white-space: nowrap;
}
.errorcode h1 {
border: none;
padding: 1em;
}
.errorcode {
margin: 1em 0;
text-align: center;
}
.errorcode section {
flex-direction: column;
}
.icon {
text-align: left;
}
.icon img {
max-width: 1em;
}
.webring a {
text-decoration: underline;
}
.webring a:hover {
text-decoration: none;
}
@media (max-width: 30em) {
footer {
flex-wrap: wrap;
justify-content: center;
}
.copyleft, .webring {
flex-basis: 100%;
flex-grow: 1;
text-align: center;
}
}
#home nav .home > a {
@ -62,13 +231,7 @@ li.about {
text-decoration: none;
}
#blog nav .blog > a {
pointer-events: none;
cursor: default;
text-decoration: none;
}
#network nav .network >a {
#network nav .network > a {
pointer-events: none;
cursor: default;
text-decoration: none;
@ -80,26 +243,10 @@ li.about {
text-decoration: none;
}
a:link {
color: white;
}
a:visited {
color: white;
}
a:hover {
color: red;
text-decoration: underline;
}
a:active {
color: red;
text-decoration: underline;
}
ul {
list-style-type: disc;
#logo {
vertical-align: top;
max-width: 192px;
min-width: 128px;
}
/*

190
index.html
View File

@ -11,22 +11,178 @@
<meta content="interest-cohort=()" http-equiv="Permissions-Policy" /> <!-- FUCK GOOGLE -->
</head>
<body id="home">
<header><img id="logo" src="assets/img/TiB-network.png" width=25% style="vertical-align:top" /></header>
<nav><h4 style="text-align: right"><li class="home"><a href="/">Home</a></li> | <li class="network"><a href="/network">Network</a></li> | <li class="blog"><a href="/blog">Weblog</a></li> | <li class="about"><a href="/about">About</a></li></h4></nav>
<br>
<h3>Let's liberate information together.</h3>
<br>
<p>
Tebibyte Media works to promote free and libre projects in order
to provide support and publicity to member projects. Its members
enjoy benefits like management of server hosting, email 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>
<br>
<p style="text-align: left"><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></p>
<header>
<img id="logo" src="/assets/img/TiB-network.png" />
</header>
<nav>
<menu>
<li class="home">
<a href="/">Home</a>
</li>
<li class="network">
<a href="/network">Network</a>
</li>
<li class="blog">
<a href="/blog">Weblog</a>
</li>
<li class="git">
<a href="https://git.tebibyte.media/">Git</a>
</li>
<li class="about">
<a href="/about">About</a>
</li>
</menu>
</nav>
<main>
<section>
<strong id="slogan">For the dreamers, from the doers.</strong>
<p>
Tebibyte Media is the culmination of what
<a href="https://www.gnu.org/philosophy/free-sw.html">free
software</a> and
<a href="https://www.openaccess.nl/en/what-is-open-access">
open-access</a> philosophy is all about—preserving and promoting
the essential freedom to share:
</p>
<figure>
<blockquote cite="https://www.gnu.org/philosophy/shouldbefree.en.html#damaging-social-cohesion">
<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>
<figcaption>
<a href="https://stallman.org/">Richard Stallman</a>,
<cite>
<a href="https://www.gnu.org/philosophy/shouldbefree.en.html">
Why Software Should be Free</a></cite>, "Damaging
Social Cohesion", para. 2–3
</figcaption>
</figure>
<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>
</section>
<div class="column">
<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 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>
<h2 id="reading">
<a href="#reading">Reading List</a>
</h2>
<dl>
<dt>
<a href="https://stallman.org/">Richard Stallman
</a> – ­<cite>Free Software, Free Society</cite>
<a href="https://www.gnu.org/philosophy/fsfs/rms-essays.pdf">
[PDF]</a>
</dt>
<dd>
As the de-facto leader of the free software world
and the founder of the <a href="https://fsf.org/">
Free Software Foundation</a>,
<abbr title="Richard M. Stallman">RMS</abbr> has
written a number of works. These are not limited to
free software; though, of course, that is what he is
known for. This book is an accumulation of the most
important of his writing.
</dd>
<dt>
<a href="http://www.catb.org/~esr">Eric S. Raymond
</a> – <cite>The Cathedral and the Bazaar</cite>
<a href="http://www.catb.org/~esr/writings/cathedral-bazaar/cathedral-bazaar/">
[XHTML]</a>
</dt>
<dd>
<q cite="http://www.catb.org/~esr/writings/cathedral-bazaar/cathedral-bazaar/ar01s04.html">
Given enough eyeballs, all bugs are shallow.</q> In
his critique of the "cathedral-builder style" of
software development, <abbr title="Eric S. Raymond">
ESR</abbr> covers the importance of the
practical principles behind free software
<a href="#open-source">[1]</a> development.
</dd>
<dt>
<a href="https://daniel.haxx.se/">Daniel Stenberg
</a> <cite>Uncurled</cite>
<a href="https://un.curl.dev/">[HTML]</a>
</dt>
<dd>
Stenberg's guide to developing free software
<a href="#open-source">[1]</a> projects focuses on the
less-obvious aspects of the process—for example, the
section entitled "Your project" covers the difficulties
of <i>starting</i> itself.
</dd>
</dl>
<p>
<a href="#open-source" id="open-source">[1]</a> This piece
refers to "free software" as
<a href="https://www.gnu.org/philosophy/open-source-misses-the-point.html">
"open source"</a>.
</section>
</div>
</main>
<footer>
<div class="copyleft">
<small>
<a href="https://copyleft.org/"><p>Copyleft</a> &#x1f12f; 2022
Tebibyte Media
</small>
</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>
</html>

621
network/index.html
View File

@ -4,255 +4,398 @@
<title>TiB. | Network</title>
<link rel="stylesheet" href="/assets/TiB.css">
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<meta charset="UTF-8">
<meta content="Emma Tebibyte" name="author" />
<meta content="Tebibyte Media Network directory." name="description" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="interest-cohort=()" http-equiv="Permissions-Policy" /> <!-- FUCK GOOGLE -->
</head>
<body id="network">
<header><img id="logo" src="/assets/img/TiB-network.png" width=25% style="vertical-align:top" /></header>
<nav><h4 style="text-align: right"><li class="home"><a href="/">Home</a></li> | <li class="network"><a href="/network">Network</a></li> | <li class="blog"><a href="/blog">Weblog</a></li> | <li class="about"><a href="/about">About</a></li></h4></nav>
<p>
Tebibyte Media's <i>raison d'&#234;tre</i> is its Network. Our goal as a
Project is to foster the creation of that Network by extending
connections of solidarity between project who share the values we
believe are important in the new digital age.
</p>
<h2 id="specification"><a href="#specification">Specification</a></h2>
<p>
Tebibyte Media is composed of two distinct parts: the Network and
the Project. The latter is made up of myself, the individuals I
have recruited into the Project, and the infrastructure which supports
it; the former, the constituent projects and networks which are
associated with the Project. This distinction exists in order to
maintain an appropriate separation between the interests of these
entities to preserve the heterogeneity of these communities.
</p>
<p>
Like the components defined above, the members of the Network are
split into two separate categories:
</p>
<p>
A "project" in this context is an entity whose constituents are
individuals; a "network" is one whose members are projects
themselves, or a mix of projects and other networks.
</p>
<p>
A Tebibyte Media "project" does not necessarily have to be
a free software project; it can be anything involving strong
public engagement and iterative development. For example, a
post-modernist fiction-writing blog can count as a Tebibyte
Media project, as long as the work is ongoing and the blog is
shared at no cost to its readers.
</p>
<p>
A "project" could be an open writing publication requiring
attention or third-party reviewing, a free software project
looking for a userbase and pool of talented developers, or an art
project looking for exposure and contributors.
</p>
<p>
A "network" might be a webring, an online social hub for the
advancement of some idea or combined agenda, or an organization
which has multiple distinct components or internal projects but
which still works toward one main goal. A webring whose
constituents are all blogs that focus on physics would be an
example.
</p>
<p>
In the case of members creating new networks internal to Tebibyte
Media's influence, we take it upon ourselves to mediate and foster
that connection; we see these novel networks as partially our
responsibility.
</p>
<h2 id="responsibilities"><a href="#responsibilities">Responsibilites &
Assurances</a></h2>
<p>
Joining the Network is not a binding agreement. We would obviously
<i>prefer</i> it if members would adhere to the responsibilities we
ask them to adhere to, but we obviously cannot force them to, and
they are under no formal obligation to. In the same way, the Network
is set up in a way that prevents Tebibyte Media (the Project) from
using its power to harm members. All data and servers relating to
any given member's infrastructure are theirs, with administrator
privileges attached to those resources.
</p>
<p>
Every project in the Network will be represented by a single person
who will be appropriately selected by the members of that project.
For example, in the case of a free software project run by a BDFL,
the leader of that project would be that Representative or could
select someone else to represent it. Any member networks are given
the opportunity to provide as many Representatives as there are
distinct viewpoints in the community that network represents.
</p>
<p>
Every month, on the first day of the month, the Project will put out
a blog post detailing the month in review of the Network.
Representatives of each member entity will be responsible for
working with the Project Editors in order to write a short two- or
three-paragraph decription of the state of their member entity,
including what has been accomplished in the past month and what is
on the horizon. These sections will be submitted to the blog
repository using the git version-tracking system. Knowledge of this
system is not required but is preferred.Our editors will be able to
guide Representatives through the submission process and help with
any problems presented by this setup.
</p>
<h2 id="benefits"><a href="#benefits">Member Benefits</a></h2>
<p>
The Project takes upon itself responsibilities for each member of
the Network: we will provide infrastructure that your project needs
to succeed. Infrastructure currently available includes:
<ul>
<li>Website hosting</li>
<ul>
<li>Self-hosted <a
href="https://wordpress.com/">Wordpress</a></li>
</ul>
<li>A dedicated <a href="https://matrix.org/">Matrix</a>
room</li>
<li>An e-mail server</li>
<li>A dedicated feed channel on <a href="/discord">our Discord
"server"</a></li>
</ul>
Planned infrastructure includes:
<ul>
<li>Website hosting alternatives
<ul>
<li><a href="https://getzola.org/">Zola</a></li>
<li><a href="https://jekyllrb.com/">Jekyll</a></li>
</ul>
<li><a href="https://fosscord.com/">Fosscord</a> Guilds</li>
<li>Package maintenance (i.e. <a
href="https://mpr.makedeb.org/">MPR</a>/<a
href="https://aur.archlinux.org/">AUR</a>)</li>
<li>Documentation</li>
<ul>
<li><a
href="https://rust-lang.github.io/mdBook/">mdBook</a></li>
</ul>
</ul>
In addition to benefits, we also offer community coordination and
the benefit of the existing Tebibyte Media Network as a baseline
level of exposure.
</p>
<h2 id="members"><a href="#members">Members</a></h2>
<!-- <p>_remind_me_tomorrow, a platform dependent essay hosted on
Instagram, which considers the ways The Digital has continuously
become more precarious over the past several decades. Created by <a
href="https://embeddedscript.net/">Richard Williams</a> <a
title="Unlicensed JavaScript" href="https://www.gnu.org/philosophy/javascript-trap.html">[!]</a>. -->
<p><a href="https://git.tebibyte.media/sashakoshka/arf">ARF</a>, an
experimental programming language with a focus on modularization and
clarity of code.</p>
<!-- <p><a href="https://git.tebibyte.media/canary/canary">Canary</a></p> -->
<!-- <p><a href="https://git.tebibyte.media/cyborg/cyborg">Cyborg</a></p> -->
<!-- <p><a href="https://git.tebibyte.media/minecrust/hopper">Hopper</a>,
a Minecraft package manager written in Rust and capable of globally
managing mods, modpacks, plugins, and resource packs all from the
comfort of your terminal.</p> -->
<!-- <p><a href="https://ortusjournal.org">Ortus Journal, a journal
of speculative analysis</a> <a title="nonfree plugins"
href="https://gschoppe.com/wordpress/plugins-and-themes-open-source/">[!]</a></p> -->
<h2 id="application"><a href="#application">Application</a></h2>
<p>In order to apply to be a member of the Tebibyte Media Network,
please reference the below guidelines. All applications should be sent
to <a href="mailto:apply@tebibyte.media">apply@tebibyte.media</a>.<!-- A
sample application is located <a
href="sample-applications/">here</a>.--></p>
<p>Please write the application in plaintext as an essay without
organizational headers.</p>
<ol>
<li>Name of project or network and describe organizational makeup
<ul>
<li>List member projects of applicant networks</li>
<li>List team members of applicant projects and their roles</li>
<li>Designate of the Representative(s)</li>
</ul>
</li>
<li>A short written section describing the project or network
<ul>
<li>Include the type of project or network (i.e. software,
educational resource, publisher, art project)</li>
<li>Also include any programming languages, writing styles,
target platforms or technical information regarding the creation
of content</li>
<li>Link technical resources which contextualize its creation,
including:
<ul>
<li>Referenced materials used throughout the process of its
creation</li>
<li>Similar work or work upon which it is based</li>
<li>References to issues with a similar entity which it
addresses</li>
</ul>
<header>
<img id="logo" src="/assets/img/TiB-network.png" />
</header>
<nav>
<menu>
<li class="home">
<a href="/">Home</a>
</li>
<li>Describe the userbase and contributors attempting to be
appealed to</li>
<li>Describe long-term goals for the endeavor:
<ol>
<li>What will it look like in a year?</li>
<li>What does it gain from joining the Network?</li>
<li>What does it bring to the table for other Network
members?
<li class="network">
<a href="/network">Network</a>
</li>
<li class="blog">
<a href="/blog">Weblog</a>
</li>
<li class="git">
<a href="https://git.tebibyte.media/">Git</a>
</li>
<li class="about">
<a href="/about">About</a>
</li>
</menu>
</nav>
<main>
<section>
<h2 id="members">
<a href="#members">Members</a>
</h2>
<p>
<a href="https://git.tebibyte.media/sashakoshka/arf">ARF</a>, an
experimental programming language with a focus on modularization
and clarity of code.</p>
<!-- <p>
<a href="https://git.tebibyte.media/canary/canary">Canary</a>
</p> -->
<!-- <p>
<a href="https://git.tebibyte.media/cyborg/cyborg">Cyborg</a>
</p> -->
<!-- <p>
<a href="https://git.tebibyte.media/minecrust/hopper">
Hopper</a>, a Minecraft package manager written in Rust, which
is capable of globally managing mods, modpacks, plugins, and
resource packs all from the comfort of your terminal.
</p> -->
<!-- <p><a href="https://ortusjournal.org">Ortus Journal</a>, a
journal of speculative analysis
<a title="nonfree plugins" href="https://gschoppe.com/wordpress/plugins-and-themes-open-source/">
[!]
</a>
</p> -->
</section>
<section>
<hgroup>
<h2 id="specification">
<a href="#specification">Specification</a>
</h2>
<p>
Read about Tebibyte Media's structure and governance
<a href="/about#structure">here</a>.
</p>
</hgroup>
<p>
The members of the Network are split into two separate
categories: a <dfn id="project">project</dfn> in this context is
an entity whose constituents are individuals; a
<dfn id="network">network</dfn> is one whose members are
projects themselves, or a mix of projects and other networks; a
Tebibyte Media project does not necessarily have to be a free
software project; it can be anything involving strong public
engagement and iterative development. For example, a
post-modernist fiction blog can count as a Tebibyte Media
project as long as the work is ongoing and the blog is shared at
no cost to its readers.
</p>
<p>
A network might be a webring, an online social hub for the
advancement of some idea or combined agenda, or an
organization which has multiple distinct components or
internal projects with distinct individuals heading them up.
A webring whose constituents are all blogs that focus on
physics could be an example of a Tebibyte Media network.
</p>
</section>
<section>
<h2 id="responsibilities">
<a href="#responsibilities">
Responsibilites &amp; Assurances
</a>
</h2>
<p>
Tebibyte Media's Network is designed in a way that is meant to
prevent the Project from wielding power over members. All data
and servers relating to any given member's infrastructure and
the administrative privileges that come with it are theirs.
</p>
<p>
Every project in the Network will be represented by a single
person who will be appropriately selected by the members of
that project. For example, in the case of a free software
project run by a BDFL, the leader of that project would be
tasked with selecting the representative.
</p>
<p>
Note that we only want one representative from each project
because it will simplify communication; to have a specific
individual we know we can reach out to in discussions is
important for quick resolutions.
</p>
<p>
Member networks are given the opportunity to provide as
many representatives as there are distinct viewpoints in the
community that network represents.
</p>
<p>
Every month, on the first day of the month, the Project will
publish a blog post detailing the month in review of the
Network. Representatives of each member entity will be
responsible for working with the Project editors to write a
short two- or three-paragraph decription of the state of their
member entity, including what has been accomplished in the past
month and what is on the horizon. These sections will be
submitted to the blog repository using the git version-tracking
system. Knowledge of this system is not required but is
preferred. Our editors will be able to guide representatives
through the submission process and help with any problems
presented by this setup.
</p>
</section>
<section>
<h2 id="benefits">
<a href="#benefits">Member Benefits</a>
</h2>
<p>
The Project takes upon itself responsibilities for each member
of the Network: we will provide infrastructure that your project
needs to succeed. Infrastructure currently available includes:
<ul>
<li>Website hosting</li>
<ul>
<li>If the proposed member is a writing collective, it
could provide valuable editorial experience and
knowledge</li>
<li>Art projects could work with editorial and
software entities to create combined works or to design
graphics, typefaces, or logotypes</li>
<li><a href="https://jekyllrb.com/">Jekyll</a></li>
<li>
Self-hosted <a href="https://wordpress.com/">
Wordpress
</a>
</li>
<li><a href="https://getzola.org/">Zola</a></li>
</ul>
<li>
A dedicated <a href="https://matrix.org/">Matrix</a>
room
</li>
</li>
<li>Prompt questions to answer as a conclusion could include
the following:
<li>An e-mail server</li>
<li>
A dedicated feed channel on <a href="/discord">our
Discord "server"</a>
</li>
</ul>
Planned infrastructure includes:
<ul>
<li>How does this endeavor contribute to the ecosystem it
integrates?</li>
<li>What specific problems is this new endeavor solving?</li>
<li>Do any existing projects solve these problems already?
If so, how is this endeavor different?</li>
<li>Is this a highly experimental endeavor that innovates
its field, a refined reimplementation of a tried-and-true
solution, or something in between?</li>
<li><a href="https://fosscord.com/">Fosscord</a> Guilds</li>
<li>
Package maintenance (i.e.
<a href="https://mpr.makedeb.org/">
MPR
</a>/<a href="https://aur.archlinux.org/">
AUR
</a>)
</li>
<li>Documentation</li>
<ul>
<li>
<a href="https://rust-lang.github.io/mdBook/">
mdBook
</a>
</li>
</ul>
</ul>
</li>
<li>Feel free to include any extra information deemed important
to specify; the application cannot account for everything</li>
</ul>
</li>
<li>(If not already existing) a clear description of the vision of
the project or network's
<a href="https://en.wikipedia.org/wiki/Minimum_viable_product">minimum
viable product</a>
<ul>
<li>Remember to
<a href="http://www.catb.org/%7Eesr/writings/cathedral-bazaar/cathedral-bazaar/ar01s04.html">Release Early, Release Often</a></li>
<li>Minimum viable products are not complete or fully
functional; they must simply demonstrate promising work</li>
</ul>
</li>
<li>Estimated timespans for the project or network (i.e. one month,
a few months, a year, continuous) and a roadmap for the completed
project</li>
<li>Project licensing details
<ul>
<li>Tebibyte Media will not accept projects whose licensing
conflicts with our goal of furthering free software and
open-access projects. For guidance on this topic, see
<a href="https://www.gnu.org/licenses/license-recommendations.html">the
Free Software Foundation's recommendations</a>
as well as <a href="https://www.gnu.org/licenses/license-list.html">their
list of free software licenses</a></li>
</ul>
</li>
</ol>
In addition to benefits, we also offer community coordination
and the existing Tebibyte Media Network as a baseline level of
exposure.
</p>
</section>
<section>
<h2 id="application">
<a href="#application">Application</a>
</h2>
<p>
In order to apply to be a member of the Tebibyte Media
Network, please reference the below guidelines. All applications
should be sent to <a href="mailto:apply@tebibyte.media">
apply@tebibyte.media</a>.<!-- A sample application is located
<a href="sample-applications/">here</a>.-->
</p>
<p>
Please write the application in plaintext as an essay without
organizational headers.
</p>
<ol>
<li>
<p>
Include the name of the applicant and describe its
organizational makeup; constituent members of the and
its representative(s).
<a title="More Information" href="#specification">[?]
</a>
</p>
</li>
<li>
<p>
Define the type of work it is (i.e. software,
educational resource, publisher, art project).
</p>
</li>
<li>
<p>
Describe the programming languages, writing styles,
target platforms or technical information regarding the
creation of its contents.
</p>
</li>
<li>
<p>
Link technical resources which contextualize its
creation, including reference materials, any work that
is similar, or anything upon which it is based. This may
include any issues encountered by similar works that the
applicant plans to solve.
</p>
</li>
<li>
<p>
Is this an experimental undertaking, which innovates in
its field, a refined reimplementation of a
tried-and-true solution, or something in between?
</p>
</li>
<li>
<p>
Create a description of the vision of the applicant's
<a href="https://en.wikipedia.org/wiki/Minimum_viable_product">
minimum viable product</a>. Minimum viable products are
not complete or fully functional; they must simply
demonstrate promising work. It is important to the
success of any work that it
<a href="http://www.catb.org/%7Eesr/writings/cathedral-bazaar/cathedral-bazaar/ar01s04.html">
releases early and releases often</a>.
</p>
</li>
<li>
<p>
Explain who the target userbase or audience is and what
kinds of contributors the applicant would appeal to are.
</p>
</li>
<li>
<p>
Describe the long-term goals of the applicant:
</p>
<ul>
<li>
<p>
Estimated timespans: what will it look like in a
month? In a year? Write a road map.
</p>
</li>
<li>
<p>
How will the it contribute to the ecosystem it
inhabits?
</p>
</li>
<li>
<p>
Is it trying to solve a problem, occupy an
unfilled niche, or something else?
</p>
</li>
<li>
<p>
Does anything exist that is also
attempting solve these problems? If so, how is
this endeavor different?
</p>
</li>
</ul>
</li>
<li>
<p>
What does it gain from joining the Network?
</p>
</li>
<li>
<p>
What does it bring to the table for other
Network members? For example, if the applicant
were a writing collective, it could provide
valuable editorial knowledge. If it were an art
project, it could create mixed-media projects
with other members or design graphics for their
projects.
</p>
<p>
It should be noted that the applicant need not
provide services to other Network members at no
cost. For the guidelines on what <i>is</i>
required from members, see the
<a href="#responsibilities">Responsibilities</a> section
of this page.
</p>
</li>
<li>
<p>
Does your work follow the
<a href="https://web.archive.org/web/20220609080931/https://homepage.cs.uri.edu/~thenry/resources/unix_art/ch01s06.html">
Unix Philosophy</a> (if applicable)? If not, explain
why and how it departs from it.
</p>
</li>
<li>
<p>
Project licensing details—Tebibyte Media will not accept
projects whose licensing conflicts with our goal of
furthering free software and open-access ideology. See
<a href="https://www.gnu.org/licenses/license-recommendations.html">
the Free Software Foundation's recommendations
</a> as well as
<a href="https://www.gnu.org/licenses/license-list.html">
their list of free software licenses
</a> for guidance on software licensing; for others, see
the
<a href="https://chooser-beta.creativecommons.org/">
Creative Commons license chooser</a>.
</p>
<p>
Applicants whose works are covered in part by a
No-Derivatives variant of these licenses are accepted
only in circumstances when the component of the work is
originally licensed that way by another author.
</p>
</li>
</ol>
</section>
</main>
<footer>
<div class="copyleft">
<small>
<a href="https://copyleft.org/"><p>Copyleft</a> &#x1f12f; 2022
Tebibyte Media
</small>
</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>
</html>