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

Compare commits

base: meta:68d17e37a3637e299cac8403c6773f4bcd026c7f
Branches Tags
meta:main
meta:modernize-website
meta:new-styling
..
compare: meta:be8c29ae68c92b8d6af570e3d7f67800e6a28e31
Branches Tags
meta:main
meta:modernize-website
meta:new-styling

No commits in common. "68d17e37a3637e299cac8403c6773f4bcd026c7f" and "be8c29ae68c92b8d6af570e3d7f67800e6a28e31" have entirely different histories.
68d17e37a3 ... be8c29ae68

4 changed files with 98 additions and 106 deletions
Show Stats Expand all files Collapse all files

82
about/index.html
View File

@ -15,34 +15,36 @@
<img id="logo" src="/assets/img/TiB-network.png" width=25% />
</header>
<nav>
<ul>
<li class="home">
<a href="/">Home</a>
</li>
<h4>
<ul>
<li class="home">
<a href="/">Home</a> |
</li>
<li class="network">
<a href="/network">Network</a>
</li>
<li class="network">
<a href="/network">Network</a> |
</li>
<li class="blog">
<a href="/blog">Weblog</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="git">
<a href="https://git.tebibyte.media/">Git</a> |
</li>
<li class="about">
<a href="/about">About</a>
</li>
</ul>
<li class="about">
<a href="/about">About</a>
</li>
</ul>
</h4>
</nav>
<div class="content">
<div class="column">
<section>
<h2 id=history>
<div class="section">
<h1 id=history>
<a href="history">History</a>
</h2>
</h1>
<p>
Tebibyte Media was started in 2020 by <a href="/~emma">Emma
Tebibyte</a> to create a community of technology-savvy
@ -59,11 +61,11 @@
this goal. Read more at our
<a href="/blog">blog</a>.
</p>
</section>
<section>
<h2 id="structure">
</div>
<div class="section">
<h1 id="structure">
<a href="#structure">Structure</a>
</h2>
</h1>
<p>
Tebibyte Media is composed of two distinct parts: the
Network and the Project. The latter is made up of its
@ -146,13 +148,13 @@
they enjoy, and their responsibilities, see our
<a href="/network">Network</a> page.
</p>
</section>
</div>
</div>
<div class="column">
<h2 class="h-right" id="technical">
<h1 class="h-right" id="technical">
<a href="#technical">Technical Information</a>
</h2>
<section>
</h1>
<div class="section">
<h2 class="h-right" id="wtf-is-a-tib">
<i><a href="#wtf-is-tib">
WTF is a Tebibyte?
@ -166,8 +168,8 @@
<a href="https://en.wikipedia.org/wiki/Binary_prefix#Consumer_confusion">
Wikipedia</a>.
</p>
</section>
<section>
</div>
<div class="section">
<h2 class="h-right" id="license">
<a href="#license">How is your site licensed?</a>
</h2>
@ -192,8 +194,8 @@
here</a> for that copy. The source code is available
<a href="https://git.tebibyte.media/meta/site">here</a>.
</p>
</section>
<section>
</div>
<div class="section">
<h2 class="h-right" id="hosting">
<a href="#hosting">Who is your hosting provider?</a>
</h2>
@ -204,11 +206,11 @@
<a href="https://www.fsfla.org/ikiwiki/selibre/linux-libre/">
Linux-libre</a> kernel.
</p>
</section>
<section>
<h2 class="h-right" id="thanks">
</div>
<div class="section">
<h1 class="h-right" id="thanks">
<a href="#thanks">Special Thanks</a>
</h2>
</h1>
<p>
Thank you to robotcritter for having been a wonderful member
of the staff and for the support with the server. We
@ -224,11 +226,11 @@
Ortus Journal</a> for giving me the reason I needed to
create the Network!
</p>
</section>
</div>
</div>
<section>
<div class="section">
</section>
</div>
</div> <!-- content -->
<footer>
<div class="footer">
@ -239,4 +241,4 @@
</div>
</footer>
</body>
</html>
</html>

24
assets/TiB.css
View File

@ -47,7 +47,6 @@ blockquote {
body {
background-color: black;
margin: 1em 2em;
}
header {
@ -69,6 +68,7 @@ li ul, li ol {
}
nav {
padding: 0em 1em;
display: flex;
flex-direction: row-reverse;
}
@ -80,9 +80,6 @@ nav ul {
border-color: hsl(0, 80%, 40%);
border-radius: 1em;
padding: 0.5em;
margin: 0;
font-weight: bold;
margin-top: 1em;
}
nav ul li {
@ -91,11 +88,6 @@ nav ul li {
margin: 0;
}
nav ul li:not(:last-child)::after {
content: "|";
color: #4a3333;
}
nav ul li a {
text-decoration: underline;
}
@ -116,7 +108,8 @@ ul {
.content, footer, header, nav {
max-width: 80em;
margin: 0 auto;
margin: 0% auto;
padding: 0% 5%;
}
.column {
@ -153,7 +146,7 @@ ul {
text-align: right;
}
section {
.section {
flex-basis: 100%;
}
@ -177,13 +170,6 @@ section {
#logo {
vertical-align: top;
max-width: 192px;
min-width: 128px;
}
#slogan {
font-size: 1.17em;
font-weight: bold;
}
/*
@ -199,4 +185,4 @@ section {
*
* You should have received a copy of the GNU General Public License along with
* TiB.css. If not, see <https://www.gnu.org/licenses/agpl-3.0.en.html>.
*/
*/

40
index.html
View File

@ -15,31 +15,33 @@
<img id="logo" src="/assets/img/TiB-network.png" width=25% />
</header>
<nav>
<ul>
<li class="home">
<a href="/">Home</a>
</li>
<h4>
<ul>
<li class="home">
<a href="/">Home</a> |
</li>
<li class="network">
<a href="/network">Network</a>
</li>
<li class="network">
<a href="/network">Network</a> |
</li>
<li class="blog">
<a href="/blog">Weblog</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="git">
<a href="https://git.tebibyte.media/">Git</a> |
</li>
<li class="about">
<a href="/about">About</a>
</li>
</ul>
<li class="about">
<a href="/about">About</a>
</li>
</ul>
</h4>
</nav>
<div class="content">
<div class="section">
<p id="slogan">For the dreamers, from the doers.</p>
<h3 id="slogan">For the dreamers, from the doers.</h3>
<!-- <p>
Tebibyte Media works to promote free software and open-access
projects and networks in order to provide support and publicity
@ -149,4 +151,4 @@
</div>
</footer>
</body>
</html>
</html>

58
network/index.html
View File

@ -15,30 +15,32 @@
<img id="logo" src="/assets/img/TiB-network.png" width=25% />
</header>
<nav>
<ul>
<li class="home">
<a href="/">Home</a>
</li>
<h4>
<ul>
<li class="home">
<a href="/">Home</a> |
</li>
<li class="network">
<a href="/network">Network</a>
</li>
<li class="network">
<a href="/network">Network</a> |
</li>
<li class="blog">
<a href="/blog">Weblog</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="git">
<a href="https://git.tebibyte.media/">Git</a> |
</li>
<li class="about">
<a href="/about">About</a>
</li>
</ul>
<li class="about">
<a href="/about">About</a>
</li>
</ul>
</h4>
</nav>
<div class="content">
<section>
<div class="section">
<h2 id="members">
<a href="#members">Members</a>
</h2>
@ -64,8 +66,8 @@
[!]
</a>
</p> -->
</section>
<section>
</div>
<div class="section">
<h2 id="specification">
<a href="#specification">Specification</a>
</h2>
@ -99,8 +101,8 @@
A webring whose constituents are all blogs that focus on
physics could be an example of a Tebibyte Media network.
</p>
</section>
<section>
</div>
<div class="section">
<h2 id="responsibilities">
<a href="#responsibilities">
Responsibilites &amp; Assurances
@ -144,8 +146,8 @@
through the submission process and help with any problems
presented by this setup.
</p>
</section>
<section>
</div>
<div class="section">
<h2 id="benefits">
<a href="#benefits">Member Benefits</a>
</h2>
@ -205,8 +207,8 @@
and the existing Tebibyte Media Network as a baseline level of
exposure.
</p>
</section>
<section>
</div>
<div class="section">
<h2 id="application">
<a href="#application">Application</a>
</h2>
@ -373,7 +375,7 @@
</p>
</li>
</ol>
</section>
</div>
</div> <!-- content -->
<footer>
<div class="footer">
@ -384,4 +386,4 @@
</div>
</footer>
</body>
</html>
</html>