site-redesign-suggest #21
|
|
@ -15,36 +15,34 @@
|
|||
<img id="logo" src="/assets/img/TiB-network.png" width=25% />
|
||||
</header>
|
||||
<nav>
|
||||
<h4>
|
||||
<ul>
|
||||
<li class="home">
|
||||
<a href="/">Home</a> |
|
||||
</li>
|
||||
<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>
|
||||
</h4>
|
||||
<li class="about">
|
||||
<a href="/about">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="content">
|
||||
<main>
|
||||
<div class="column">
|
||||
<div class="section">
|
||||
<h1 id=history>
|
||||
<section>
|
||||
<h2 id=history>
|
||||
<a href="history">History</a>
|
||||
</h1>
|
||||
</h2>
|
||||
<p>
|
||||
Tebibyte Media was started in 2020 by <a href="/~emma">Emma
|
||||
Tebibyte</a> to create a community of technology-savvy
|
||||
|
|
@ -61,11 +59,11 @@
|
|||
this goal. Read more at our
|
||||
<a href="/blog">blog</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h1 id="structure">
|
||||
</section>
|
||||
<section>
|
||||
<h2 id="structure">
|
||||
<a href="#structure">Structure</a>
|
||||
</h1>
|
||||
</h2>
|
||||
<p>
|
||||
Tebibyte Media is composed of two distinct parts: the
|
||||
Network and the Project. The latter is made up of its
|
||||
|
|
@ -148,13 +146,13 @@
|
|||
they enjoy, and their responsibilities, see our
|
||||
<a href="/network">Network</a> page.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h1 class="h-right" id="technical">
|
||||
<h2 class="h-right" id="technical">
|
||||
<a href="#technical">Technical Information</a>
|
||||
</h1>
|
||||
<div class="section">
|
||||
</h2>
|
||||
<section>
|
||||
<h2 class="h-right" id="wtf-is-a-tib">
|
||||
<i><a href="#wtf-is-tib">
|
||||
WTF is a Tebibyte?
|
||||
|
|
@ -168,8 +166,8 @@
|
|||
<a href="https://en.wikipedia.org/wiki/Binary_prefix#Consumer_confusion">
|
||||
Wikipedia</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="section">
|
||||
</section>
|
||||
<section>
|
||||
<h2 class="h-right" id="license">
|
||||
<a href="#license">How is your site licensed?</a>
|
||||
</h2>
|
||||
|
|
@ -194,8 +192,8 @@
|
|||
here</a> for that copy. The source code is available
|
||||
<a href="https://git.tebibyte.media/meta/site">here</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="section">
|
||||
</section>
|
||||
<section>
|
||||
<h2 class="h-right" id="hosting">
|
||||
<a href="#hosting">Who is your hosting provider?</a>
|
||||
</h2>
|
||||
|
|
@ -206,11 +204,11 @@
|
|||
<a href="https://www.fsfla.org/ikiwiki/selibre/linux-libre/">
|
||||
Linux-libre</a> kernel.
|
||||
</p>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h1 class="h-right" id="thanks">
|
||||
</section>
|
||||
<section>
|
||||
<h2 class="h-right" id="thanks">
|
||||
<a href="#thanks">Special Thanks</a>
|
||||
</h1>
|
||||
</h2>
|
||||
<p>
|
||||
Thank you to robotcritter for having been a wonderful member
|
||||
of the staff and for the support with the server. We
|
||||
|
|
@ -226,11 +224,11 @@
|
|||
Ortus Journal</a> for giving me the reason I needed to
|
||||
create the Network!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section">
|
||||
</section>
|
||||
</main>
|
||||
<section>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</div> <!-- content -->
|
||||
<footer>
|
||||
<div class="footer">
|
||||
|
|
@ -241,4 +239,4 @@
|
|||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -22,9 +22,18 @@
|
|||
scrollbar-color: #8f2424 transparent;
|
||||
}
|
||||
|
||||
*:focus {
|
||||
outline: 2px solid hsl(0, 80%, 40%);;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #8f2424;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: hsl(0, 80%, 40%);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
|
|
@ -32,10 +41,6 @@ a:hover {
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: hsl(0, 80%, 40%);
|
||||
}
|
||||
|
||||
blockquote {
|
||||
background: hsl(0, 20%, 7%);
|
||||
border: solid;
|
||||
|
|
@ -47,6 +52,7 @@ blockquote {
|
|||
|
||||
body {
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
|
|
@ -67,8 +73,15 @@ li ul, li ol {
|
|||
margin: 0.25em 0;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin: auto;
|
||||
max-width: 80em;
|
||||
}
|
||||
|
||||
nav {
|
||||
padding: 0em 1em;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
|
@ -80,6 +93,9 @@ 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 {
|
||||
|
|
@ -88,6 +104,11 @@ nav ul li {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
nav ul li:not(:last-child)::after {
|
||||
content: "|";
|
||||
color: #4a3333;
|
||||
}
|
||||
|
||||
nav ul li a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -96,19 +117,17 @@ p {
|
|||
text-align: justify;
|
||||
}
|
||||
|
||||
section {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
.r-list {
|
||||
text-align: right;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.content, footer, header, nav {
|
||||
footer, header, main, nav {
|
||||
max-width: 80em;
|
||||
margin: 0% auto;
|
||||
margin: 0 auto;
|
||||
padding: 0% 5%;
|
||||
}
|
||||
|
||||
|
|
@ -118,12 +137,6 @@ ul {
|
|||
margin: 0.5em;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.icon {
|
||||
max-width: 1em;
|
||||
}
|
||||
|
|
@ -139,15 +152,17 @@ ul {
|
|||
}
|
||||
|
||||
.footer p {
|
||||
margin: 0;
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
|
||||
.h-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.section {
|
||||
flex-basis: 100%;
|
||||
.r-list {
|
||||
text-align: right;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#home nav .home > a {
|
||||
|
|
@ -170,6 +185,13 @@ ul {
|
|||
|
||||
#logo {
|
||||
vertical-align: top;
|
||||
max-width: 192px;
|
||||
min-width: 128px;
|
||||
}
|
||||
|
||||
#slogan {
|
||||
font-size: 1.17em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
@ -185,4 +207,4 @@ ul {
|
|||
*
|
||||
* 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>.
|
||||
*/
|
||||
*/
|
||||
|
|
|
|||
56
index.html
56
index.html
|
|
@ -15,33 +15,31 @@
|
|||
<img id="logo" src="/assets/img/TiB-network.png" width=25% />
|
||||
</header>
|
||||
<nav>
|
||||
<h4>
|
||||
<ul>
|
||||
<li class="home">
|
||||
<a href="/">Home</a> |
|
||||
</li>
|
||||
<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>
|
||||
</h4>
|
||||
<li class="about">
|
||||
<a href="/about">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<h3 id="slogan">For the dreamers, from the doers.</h3>
|
||||
<main>
|
||||
<section>
|
||||
<p id="slogan">For the dreamers, from the doers.</p>
|
||||
<!-- <p>
|
||||
Tebibyte Media works to promote free software and open-access
|
||||
projects and networks in order to provide support and publicity
|
||||
|
|
@ -86,9 +84,9 @@
|
|||
members who share our values, and experienced Network members
|
||||
are also extremely important to us.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<div class="column">
|
||||
<div class="section" id="donate">
|
||||
<section id="donate">
|
||||
<h2 id="donate">
|
||||
<a href="#donate">Donate</a>
|
||||
</h2>
|
||||
|
|
@ -105,10 +103,10 @@
|
|||
<img class="icon" src="https://opencollective.com/static/images/opencollective-icon.svg" />
|
||||
Open Collective</a>.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="section" id="donate">
|
||||
<section id="donate">
|
||||
<h2 class="h-right" id="reading">
|
||||
<a href="#reading">Tebibyte Media Reading List</a>
|
||||
</h2>
|
||||
|
|
@ -139,9 +137,9 @@
|
|||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div> <!-- content -->
|
||||
</main>
|
||||
<footer>
|
||||
<div class="footer">
|
||||
<p>
|
||||
|
|
@ -151,4 +149,4 @@
|
|||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -15,32 +15,30 @@
|
|||
<img id="logo" src="/assets/img/TiB-network.png" width=25% />
|
||||
</header>
|
||||
<nav>
|
||||
<h4>
|
||||
<ul>
|
||||
<li class="home">
|
||||
<a href="/">Home</a> |
|
||||
</li>
|
||||
<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>
|
||||
</h4>
|
||||
<li class="about">
|
||||
<a href="/about">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<main>
|
||||
<section>
|
||||
<h2 id="members">
|
||||
<a href="#members">Members</a>
|
||||
</h2>
|
||||
|
|
@ -66,8 +64,8 @@
|
|||
[!]
|
||||
</a>
|
||||
</p> -->
|
||||
</div>
|
||||
<div class="section">
|
||||
</section>
|
||||
<section>
|
||||
<h2 id="specification">
|
||||
<a href="#specification">Specification</a>
|
||||
</h2>
|
||||
|
|
@ -101,8 +99,8 @@
|
|||
A webring whose constituents are all blogs that focus on
|
||||
physics could be an example of a Tebibyte Media network.
|
||||
</p>
|
||||
</div>
|
||||
<div class="section">
|
||||
</section>
|
||||
<section>
|
||||
<h2 id="responsibilities">
|
||||
<a href="#responsibilities">
|
||||
Responsibilites & Assurances
|
||||
|
|
@ -146,8 +144,8 @@
|
|||
through the submission process and help with any problems
|
||||
presented by this setup.
|
||||
</p>
|
||||
</div>
|
||||
<div class="section">
|
||||
</section>
|
||||
<section>
|
||||
<h2 id="benefits">
|
||||
<a href="#benefits">Member Benefits</a>
|
||||
</h2>
|
||||
|
|
@ -207,8 +205,8 @@
|
|||
and the existing Tebibyte Media Network as a baseline level of
|
||||
exposure.
|
||||
</p>
|
||||
</div>
|
||||
<div class="section">
|
||||
</section>
|
||||
<section>
|
||||
<h2 id="application">
|
||||
<a href="#application">Application</a>
|
||||
</h2>
|
||||
|
|
@ -375,8 +373,8 @@
|
|||
</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> <!-- content -->
|
||||
</section>
|
||||
</main> <!-- content -->
|
||||
<footer>
|
||||
<div class="footer">
|
||||
<p>
|
||||
|
|
@ -386,4 +384,4 @@
|
|||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue