sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update favicon and graphics, update index page, add assets, lighten up on dni page

Browse source
This commit is contained in:
Ruben 2024-10-28 22:55:31 -05:00
commit cffae16a3b
No known key found for this signature in database
GPG key ID: AE181294E97E4802
14 changed files with 762 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/favicon.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

Before After
Before After

BIN
assets/old/favicon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
assets/synth-download.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 167 KiB

417
assets/synth.download/logo.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 57 KiB

1
assets/synth.download/logo_web.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 35 KiB

308
assets/synth.download/synth.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 52 KiB

BIN
assets/synth.download/synth_64.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.2 KiB

1
assets/synth.download/synth_web.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

2
blog/index.html
View file

@ -5,7 +5,7 @@
<head>
<meta charset="UTF-8">
<title>blog @ synth download!</title>
<link rel="icon" type="image/gif" href="/assets/favicon.png">
<link rel="icon" type="image/png" href="/assets/favicon.png">
<link rel="stylesheet" type="text/css" href="/colors.css">
<link rel="stylesheet" type="text/css" href="/font.css">
<link rel="stylesheet" type="text/css" href="/style.css">

2
fedi-guide/index.html
View file

@ -5,7 +5,7 @@
<head>
<meta charset="UTF-8">
<title>ruben's opinionated fedi guide @ synth download!</title>
<link rel="icon" type="image/gif" href="/assets/favicon.png">
<link rel="icon" type="image/png" href="/assets/favicon.png">
<link rel="stylesheet" type="text/css" href="/colors.css">
<link rel="stylesheet" type="text/css" href="/font.css">
<link rel="stylesheet" type="text/css" href="/style.css">

9
index.html
View file

@ -5,7 +5,7 @@
<head>
<meta charset="UTF-8">
<title>synth download!</title>
<link rel="icon" type="image/gif" href="/assets/favicon.png">
<link rel="icon" type="image/png" href="/assets/favicon.png">
<link rel="stylesheet" type="text/css" href="/colors.css">
<link rel="stylesheet" type="text/css" href="/font.css">
<link rel="stylesheet" type="text/css" href="/style.css">
@ -67,9 +67,10 @@
</div>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~</span> <span class="status">•</span> <span style="padding-left:11px;">cat index.html</span></p>
<section>
<p>hey, welcome to</p>
<h1>synth download!</h1>
<p>this site is still kind of a wip, services planned to be hosted, but still an empty slate for now.</p>
<p>hey! welcome to</p>
<img id="logo" loading="lazy" src="/assets/synth-download.webp" alt="synth.download" />
<p>this is more of a personal site with some things hosted here and there for friends.</p>
<p>page is still a wip, more information will be added here at some point.</p>
</section>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -2px;"></i> ~</span> <span class="status">•</span> <span class="blink">█</span></p>
</div>

33
me/dni/index.html
View file

@ -5,7 +5,7 @@
<head>
<meta charset="UTF-8">
<title>do not interact @ synth download!</title>
<link rel="icon" type="image/gif" href="/assets/favicon.png">
<link rel="icon" type="image/png" href="/assets/favicon.png">
<link rel="stylesheet" type="text/css" href="/colors.css">
<link rel="stylesheet" type="text/css" href="/font.css">
<link rel="stylesheet" type="text/css" href="/style.css">
@ -75,34 +75,25 @@
<li>pedos/maps/zoos</li>
<li>tech/aibros <small>(you know who you are)</small></li>
<li>cop supporters</li>
<li><details>
<summary>the bad space, are0h and/or packetcat supporters</summary>
<p>a community that says they're aiming to make the fediverse "safer" by "fighting racism, queerphobia, harassment" and all that stuff, yet have <i><a href="https://ghostarchive.org/archive/BO1XY" target="_blank">posted blatent transphobia</a>, <a href="https://ghostarchive.org/archive/PGxVY" target="blank">spam moderation tags with useless information/ranting</a>, <a href="https://ghostarchive.org/archive/VJ0o7" target="_blank">do targeted harassment</a>, <a href="https://lea.pet/notes/9xy8ziz7c1" target="_blank">literally doxx people</a>, <a href="https://ghostarchive.org/archive/HLTBt">will say you're the harasser for asking them to stop</a>, and <a href="" target="_blank">show lack of respect to anyone outside of their group</a>.</i> yeah. no fucking thanks.</p>
</details></li>
<li>the bad space/are0h/packetcat supporters <small>(if you don't know what this means, you're most likely fine!)</small></li>
</ul>
<p>...you know the drill. kindly Get The Hell Away From Me! <i class="ph-bold ph-heart" style="align-content:center;color:var(--green);"></i></p>
<span id="seperator"></span>
<h2><a href="#fedi">fedi</a></h2>
<p><b>instances that i look out for:</b></p>
<ul>
<li><details>
<summary>mastodon.social, mastodon.online, mas.to, etc. are ignored <i class="ph-bold ph-heart-break" style="padding-left:7px;align-content:center;color:var(--red);" alt="Ignored" title="Ignored"></i></summary>
<p>these instances contain a <b>bunch</b> of users to the point where they harm the fediverse and usually have lack of moderation due to that. i'd kindly recommend moving to a nicer smaller instance if you're willing to. <small>you don't have to listen to me, i'm just text.</small></p>
</details></li>
<li><details>
<summary>hachyderm.io, fosstodon.org, floss.social are heavily discouraged <i class="ph-bold ph-heart" style="padding-left:7px;align-content:center;color:var(--yellow);" alt="Passable, harder vibe checking" title="Passable, harder vibe checking"></i></summary>
<p>mixed bag. usually full of people who are techbros/fossbros and won't let you have a good time for mentioning something they don't like or they rant about how ai is the best thing in the world. also not the mention previous dramas on some of these instances. also, some of these i consider a part of corpo fedi.</p>
</details></li>
<li><details>
<summary>woem.men goes though heavy vibe checking <i class="ph-bold ph-heart-break" style="padding-left:7px;align-content:center;color:var(--yellow);" alt="Ignored" title="Ignored"></i></summary>
<p>if you're only a user of woem.men, you'll probably pass through. i'm not a fan of the administrator and some of the users, and while i do have them blocked i prefer you find another instance to follow from.</p>
</details></li>
<li><details>
<summary>transfem.social goes though heavy vibe checking <i class="ph-bold ph-heart" style="padding-left:7px;align-content:center;color:var(--green);" alt="Passable" title="Passable"></i></summary>
<p>very loose with this one but personally, very tired of trans culture surrounding the instance. not saying i'm transphobic but it's always the same estrogen or egg or neocat joke every time, and the community contains certain traits and behaviors that make me feel uncomfortable. i'll let you in if i follow you or if you seem pretty cool though.</p>
</details></li>
<li>
mastodon.social, mastodon.online, mas.to, and most other large "general" mastodon instances are <span style="color:var(--red);">ignored</span> <i class="ph-bold ph-heart-break" style="padding-left:7px;align-content:center;color:var(--red);" alt="Ignored" title="Ignored"></i>
</li>
<li>
hachyderm.io, fosstodon.org, floss.social and most "foss supporting" instances are <span style="color:var(--yellow);">discouraged</span> <i class="ph-bold ph-heart" style="padding-left:7px;align-content:center;color:var(--yellow);" alt="Passable, harder vibe checking" title="Passable, harder vibe checking"></i>
</li>
<li>
transfem.social and woem.men go though heavy vibe checking <i class="ph-bold ph-heart" style="padding-left:7px;align-content:center;color:var(--green);" alt="Passable" title="Passable"></i>
</li>
</ul>
<p>feel free to send a follow request if you think you pass all of the above or aren't on an instance i dislike a bit too much! <i class="ph-bold ph-heart" style="align-content:center;color:var(--green);"></i></p>
<p>if you'd like to ask for reasons with the list above, feel free to send a DM.</p>
</section>
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/do-not-interact</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
</div>

2
me/index.html
View file

@ -5,7 +5,7 @@
<head>
<meta charset="UTF-8">
<title>synth download!</title>
<link rel="icon" type="image/gif" href="/assets/favicon.png">
<link rel="icon" type="image/png" href="/assets/favicon.png">
<link rel="stylesheet" type="text/css" href="/colors.css">
<link rel="stylesheet" type="text/css" href="/font.css">
<link rel="stylesheet" type="text/css" href="/style.css">

39
site.css
View file

@ -4,6 +4,9 @@
#logo {
width: 40rem;
height: auto;
line-break: strict;
margin-bottom: .5rem;
text-align: center;
}
h1 {
@ -15,6 +18,17 @@
margin-top: 3px;
}
ul {
text-align: left;
li a {
text-decoration: none !important;
}
li a:hover {
text-decoration: underline !important;
}
}
text-align: center;
}
@ -33,32 +47,9 @@
/* modify widths and spacing depending on the size of the display */
@media screen and (max-width: 59em) {
#sneexy > section {
#site > section {
#logo {
max-width: 100%;
}
.selfinfo {
grid-template-areas:
"pronouns"
"names";
div {
text-align: center;
margin-left: auto;
margin-right: auto;
ul {
text-align: left !important;
}
}
div:first-child {
margin-bottom: 1em;
}
div:last-child {
margin-left: auto !important;
}
}
}
.socials-contacts-list {
grid-template-columns: repeat(1, 1fr);
}
}