Compare commits
4 Commits
main
...
new-stylin
| Author | SHA1 | Date |
|---|---|---|
 Sasha Koshka
|
55d94d8cfc | |
|
Sasha Koshka
|
e42d6d0eb2 | |
Sasha Koshka
|
85953bc028 | |
|
Sasha Koshka
|
4ca7e20f4b |
|
|
@ -0,0 +1,7 @@
|
|||
[*]
|
||||
end_of_line = lf
|
||||
insert_final_newline = true
|
||||
indent_style = tab
|
||||
|
||||
[*.{html, htm}]
|
||||
indent_size = 2
|
||||
264
assets/TiB.css
264
assets/TiB.css
|
|
@ -16,264 +16,24 @@
|
|||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
src: url('https://tebibyte.media/assets/fonts/ubuntu.ttf');
|
||||
url('https://tebibyte.media/assets/fonts/ubuntu.woff2');
|
||||
url('https://tebibyte.media/assets/fonts/ubuntu.woff');
|
||||
}
|
||||
font-family: 'Ubuntu';
|
||||
src: url('https://tebibyte.media/assets/fonts/ubuntu.ttf');
|
||||
url('https://tebibyte.media/assets/fonts/ubuntu.woff2');
|
||||
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: #000000;
|
||||
background: #8f2424;
|
||||
@font-face {
|
||||
font-family: 'Ubuntu Mono Ligaturized';
|
||||
src: url('https://tebibyte.media/assets/fonts/UbuntuMonoLigaturized-Regular.ttf');
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
color: #f0f0f0;
|
||||
font-family: 'Ubuntu';
|
||||
scrollbar-color: #8f2424 transparent;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Ubuntu';
|
||||
scrollbar-color: #8f2424 transparent;
|
||||
}
|
||||
|
||||
*: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 {
|
||||
max-width: fit-content;
|
||||
padding: 0.5em 0.75em;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 1.5em;
|
||||
}
|
||||
|
||||
blockquote p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
padding: 0 5%;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: 1em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div.webring span:not(:last-child)::after {
|
||||
content: " //";
|
||||
color: #4a3333;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
border-top: solid #8f2424 0.1rem;
|
||||
margin: 1em 1.5em 0;
|
||||
padding-top: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 1em;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
footer {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
margin: 1em auto;
|
||||
max-width: 70em;
|
||||
padding: 0.5em 1em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0 0 0.5em 0;
|
||||
border-bottom: solid #8f2424 0.1rem;
|
||||
font-weight: bold;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
menu li:not(:last-child)::after {
|
||||
content: "|";
|
||||
color: #4a3333;
|
||||
}
|
||||
|
||||
|
||||
menu li a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
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;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.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 {
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#network nav .network > a {
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#about nav .about > a {
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#logo {
|
||||
vertical-align: top;
|
||||
max-width: 192px;
|
||||
min-width: 128px;
|
||||
outline: 2px solid hsl(0, 80%, 40%);;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
<svg width="32" height="32" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><rect fill="#f6c915" width="80" height="80" rx="8"/><path fill="#FFF" d="M32.73 56.2651c-2.5867 0-4.6175-.3376-6.0925-1.0107s-2.5308-1.5936-3.1708-2.7611-.9458-2.4933-.9275-4.015.2267-3.1234.6284-4.8357l6.9391-29.0143 8.47-1.3108-7.595 31.4733c-.1458.655-.2275 1.2567-.2458 1.8025s.0817 1.0292.3 1.4475.5917.7566 1.12 1.0108 1.2658.42 2.2133.4925zM40.5333 28.0209c1.46-.4367 3.1267-.8284 5.0025-1.175s3.9075-.5183 6.0933-.5183 3.7985.3092 5.2726.9283 2.6864 1.4667 3.6341 2.5409 1.6475 2.3316 2.1024 3.77.6832 2.9783.6832 4.6183c0 2.6583-.4373 5.09-1.3214 7.2942s-2.076 4.1075-3.6237 5.71-3.4059 2.851-5.5763 3.7475-4.5235 1.3344-7.0718 1.3344c-1.2391 0-2.4775-.1104-3.7158-.3296l-2.4592 9.8912h-8.0865zM43.4867 49.3867c.6192.1458 1.3842.2133 2.295.2133 1.42 0 2.7133-.2583 3.8792-.7875s2.1583-1.265 2.9783-2.2125 1.4557-2.0842 1.9117-3.415.6827-2.795.6827-4.3983-.3467-2.8958-1.0379-3.9892-1.894-1.6391-3.6057-1.6391c-1.1667 0-2.2592.1092-3.2792.3283z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.1531 6.8877C30.948 9.47379 31.9999 12.614 31.9999 16.0003C31.9999 19.3866 30.948 22.5271 29.1531 25.1129L25.0085 20.9684C25.8225 19.4957 26.2858 17.8019 26.2858 16.0003C26.2858 14.1987 25.8225 12.5052 25.0085 11.0325L29.1531 6.8877Z" fill="#8FC7FF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.1126 2.84685L20.9678 6.99138C19.4951 6.17745 17.8016 5.71417 16 5.71417C10.3194 5.71417 5.71418 10.3194 5.71418 16C5.71418 21.6806 10.3194 26.2858 16 26.2858C17.8016 26.2858 19.4951 25.8226 20.9678 25.0086L25.1126 29.1532C22.5265 30.948 19.3863 32 16 32C7.16352 32 0 24.8365 0 16C0 7.16351 7.16352 0 16 0C19.3863 0 22.5265 1.05197 25.1126 2.84685Z" fill="#297EFF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 825 B |
|
|
@ -0,0 +1,15 @@
|
|||
<svg style="fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;" version="1.1" viewBox="0 0 1024 1024" width="256" height="256" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Tebibyte Media Logo (Turtle)</title>
|
||||
<desc>
|
||||
Created by Sasha Koshka (pseudonymous)
|
||||
https://holanet.xyz
|
||||
Licensed under Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)
|
||||
https://creativecommons.org/licenses/by-sa/4.0/legalcode
|
||||
</desc>
|
||||
<path d="M341.814 590.837C298.274 496.846 339.172 385.355 433.163 341.814C527.154 298.274 638.645 339.172 682.186 433.163C725.726 527.154 684.828 638.645 590.837 682.186C496.846 725.726 385.355 684.828 341.814 590.837Z" fill="#ffffff" fill-rule="nonzero" opacity="1" stroke="none"/>
|
||||
<path d="M146.721 196.984C133.568 203.375 121.775 213.046 112.669 225.777C83.5315 266.515 92.9306 323.156 133.669 352.294C171.345 375.058 252.412 385.147 303.511 415.303C315.595 389.217 332.571 365.325 353.898 345.123C309.246 310.236 272.93 233.098 239.187 204.777C211.179 184.744 175.658 182.924 146.721 196.984Z" fill="#ffffff" fill-rule="nonzero" opacity="1" stroke="none"/>
|
||||
<path d="M546.174 284.672C574.776 288.999 602.331 298.719 627.339 313.198C654.383 257.718 692.691 228.859 707.277 194.992C721.971 151.993 699.032 105.237 656.033 90.5434C613.035 75.8493 566.251 98.8015 551.557 141.8C542.413 177.325 559.857 224.588 546.174 284.672Z" fill="#ffffff" fill-rule="nonzero" opacity="1" stroke="none"/>
|
||||
<path d="M731.667 444.259C731.686 444.319 731.704 444.379 731.723 444.439C740.573 473.222 743.424 502.39 741.108 530.677C784.387 533.03 815.335 549.738 844.664 548.693C885.251 544.086 914.433 507.419 909.826 466.832C905.22 426.245 868.562 397.093 827.975 401.7C799.261 407.233 785.631 424.61 731.667 444.259Z" fill="#ffffff" fill-rule="nonzero" opacity="1" stroke="none"/>
|
||||
<path d="M644.258 699.748C633.225 707.616 621.336 714.61 608.592 720.513C595.837 726.422 582.797 730.948 569.649 734.277C594.68 801.183 580.562 860.618 595.178 899.872C615.56 943.871 667.756 962.994 711.754 942.612C755.752 922.23 774.888 870.063 754.506 826.065C734.019 789.539 682.318 763.921 644.258 699.748Z" fill="#ffffff" fill-rule="nonzero" opacity="1" stroke="none"/>
|
||||
<path d="M347.901 673.051C329.963 654.776 314.798 633.189 303.418 608.624C302.358 606.335 301.402 604.017 300.423 601.712C257.015 619.929 204.585 624.295 174.143 641.44C137.438 666.033 127.601 715.709 152.194 752.414C176.787 789.12 226.491 798.944 263.197 774.351C290.575 752.762 309.418 706.336 347.901 673.051Z" fill="#ffffff" fill-rule="nonzero" opacity="1" stroke="none"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
BIN
favicon.ico
BIN
favicon.ico
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 66 KiB |
|
|
@ -28,7 +28,7 @@ with this website. If not, see https://www.gnu.org/licenses/. -->
|
|||
</head>
|
||||
<body id="home">
|
||||
<header>
|
||||
<img id="logo" src="/assets/img/TiB-network.png" />
|
||||
<img id="logo" src="/assets/img/turtle.svg" />
|
||||
</header>
|
||||
<nav>
|
||||
<menu>
|
||||
|
|
@ -108,10 +108,10 @@ with this website. If not, see https://www.gnu.org/licenses/. -->
|
|||
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 />
|
||||
<img class="icon" src="/assets/img/liberapay.svg" />
|
||||
Liberapay</a> and
|
||||
<a class="icon" href="https://opencollective.com/tebibytemedia">
|
||||
<img class="icon" src="https://opencollective.com/static/images/opencollective-icon.svg" />
|
||||
<img class="icon" src="/assets/img/opencollective.svg" />
|
||||
Open Collective</a>.
|
||||
</p>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Reference in New Issue