sd/akkoma-fe-iceshrimp
2
0
Fork 0
Code Pull requests Activity

customized tos page like synth.download

Browse source
This commit is contained in:
Ruben 2025-06-25 22:24:48 -05:00
commit f2517f16ce
No known key found for this signature in database
GPG key ID: 8EA836555FB6D9A5
2 changed files with 139 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

83
static/custom.css
View file

@ -1,5 +1,66 @@
/* akkoma synth.download edition */
/* colors for TOS page */
:root {
/* base colors */
--synth-background: #fafafa;
--synth-foreground: #3d454d;
--synth-selection: #f0eee4;
--synth-comment: #abb0b6;
--synth-accent: #fd9e1a;
/* original ayu colors */
--synth-orange: #ff9940;
--synth-green: #86b300;
--synth-blue: #4cbf99;
--synth-purple: #a37acc;
--synth-red: #ec3838;
/* extended catppuccin based colors */
--synth-flamingo: #ff7d7d;
--synth-rosewater: #eca69a;
--synth-pink: #ff8adb;
--synth-mauve: #ba8aff;
--synth-maroon: #e06c75;
--synth-peach: #ffac6b;
--synth-yellow: #e5c07b;
--synth-teal: #2bbac5;
--synth-sky: #3eacce;
--synth-sapphire: #4db5d0;
--synth-lavender: #7881ce;
}
@media (prefers-color-scheme: dark) {
:root {
/* base colors */
--synth-background: #0a0e14;
--synth-foreground: #d8d6d2;
--synth-selection: #253340;
--synth-comment: #5c6773;
--synth-accent: #e6b450;
/* original ayu colors */
--synth-orange: #ffb454;
--synth-green: #aad94c;
--synth-blue: #59c2ff;
--synth-purple: #d2a6ff;
--synth-red: #f0646b;
/* extended catppuccin based colors */
--synth-flamingo: #f2cdcd;
--synth-rosewater: #f5e0dc;
--synth-pink: #ffc9e3;
--synth-mauve: #cba6f7;
--synth-maroon: #eba0ac;
--synth-peach: #ffcca8;
--synth-yellow: #f9e2af;
--synth-teal: #8ddedc;
--synth-sky: #89dceb;
--synth-sapphire: #74c7ec;
--synth-lavender: #b4befe;
}
}
/* notification gradient change */
.Notifications .notification.unseen .notification-overlay {
background-image: unset !important;
@ -151,6 +212,28 @@
width: unset !important;
}
/* styling for the TOS/about page */
.tos-content {
.synth-section {
background-color: var(--synth-background);
border-radius: 2rem;
border: var(--synth-accent) solid .15rem;
section {
color: var(--synth-foreground);
font-family: monospace, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 1.125rem;
text-transform: lowercase;
padding: .8rem;
#logo {
min-width: 25rem;
max-width: 50%;
}
}
}
}
/* -------------------------------------------
----------------------------------------------
- everything below this is icon replacements -

91
static/terms-of-service.html
View file

@ -1,41 +1,62 @@
<h1 style="text-align: center;">icesynth!</h1>
<center>
<p><a href="https://beeping.synth.download/login">Log in</a> • <a href="https://beeping.synth.download/register">Register</a></p>
<p>merp! a small instance themed around <a href="https://synthspecies.com">synths</a>, but accepts all.</p>
<p><a href="https://synth.download"><img src="https://synth.download/assets/buttons/synth.download.svg"></a></p>
</center>
<div class="synth-section">
<section>
<center>
<h1 style="text-align: center;">icesynth!</h1>
<p><a href="https://beeping.synth.download/login">Log in</a> • <a href="https://beeping.synth.download/register">Register</a></p>
</center>
</section>
</div>
<hr style="border: 1px solid var(--selectedPost);"></hr>
<p>This is our <a href="https://iceshrimp.net">Iceshrimp.NET</a> instance, managed by <a href="https://booping.synth.download/@sneexy">@sneexy</a>. <small>You're looking at our Akkoma frontend for this instance!</small></p>
<p>We have a sibling <a href="https://joinsharkey.org">Sharkey</a> instance running over at <a href="https://booping.synth.download">booping.synth.download</a> with more information provided.</p>
<p>For more information about this instance, including rules and such, check out the <a href="https://booping.synth.download/@sneexy/pages/info">about page for our Sharkey instance</a> which includes information that is shared with this instance!</p>
<h2>Alternative frontends</h2>
<ul>
<li>
<a href="https://beeping.synth.download">Iceshrimp.NET</a> • The default frontend, requires to be logged in directly to Iceshrimp before being accessible.
</li>
<li>
<a href="https://masto.beeping.synth.download">Mastodon</a> • The Mastodon frontend based off of the Chuckya fork with extra support for Iceshrimp based features, the most stable/recommended. <small><a href="https://forged.synth.download/synth.download/Chuckya-fe-standalone">Source</a></small>
</li>
<li>
<a href="https://akko.beeping.synth.download">Akkoma</a> • The Akkoma frontend with extra support for Iceshrimp based features. <small><a href="https://forged.synth.download/synth.download/akkoma-fe">Source</a></small>
</li>
<li>
<a href="https://phanpy.beeping.synth.download">Phanpy</a> • Opinionated Mastodon client, works well with Iceshrimp. Enable the Akkoma flag for proper support with Emoji reactions. <small><a href="https://github.com/cheeaun/phanpy">Source</a></small>
</li>
<li>
<a href="https://pl-fe.beeping.synth.download">pl-fe</a> • Another Mastodon-compatible client, works well with Iceshrimp. <small><a href="https://github.com/mkljczk/pl-fe">Source</a></small>
</li>
</ul>
<div class="synth-section">
<section>
<center>
<p>Hey! Welcome to...</p>
<img id="logo" loading="lazy" src="https://synth.download/assets/synth.download/logo_web.svg" alt="Synth.Download">
<p>Beep! A small instance themed around <a href="https://synthspecies.com">synths</a>, but accepts all.</p>
<p><a href="https://synth.download"><img src="https://synth.download/assets/buttons/synth.download.svg"></a></p>
</center>
</section>
</div>
<br>
<div class="synth-section">
<section>
<p>This is our <span style="text-transform: none;">Iceshrimp.NET</span> instance, managed by <a href="https://booping.synth.download/@sneexy">@sneexy</a>. <small>You're looking at our Akkoma frontend for this instance!</small></p>
<p>We have a sibling <a href="https://joinsharkey.org">Sharkey</a> instance running over at <a href="https://booping.synth.download">booping.synth.download</a> with more, usually up-to-date information provided. If you want to know more information that are shared among these instances, please look at the <a href="https://booping.synth.download/@sneexy/pages/info" target="_blank">Instance Information</a> page from over there. Everything on there applies to here.</p>
<p>For other services that we provide, as well as general info on Synth.Download as a whole, please look at <a href="https://synth.download" target="_blank">our homepage</a>!</p>
</section>
</div>
<br>
<div class="synth-section">
<section>
<h2>Alternative frontends</h2>
<ul>
<li style="padding-bottom: .4rem;">
<a href="https://beeping.synth.download">Iceshrimp.NET</a> • The default frontend, requires to be logged in directly to Iceshrimp before being accessible.
</li>
<li style="padding-bottom: .4rem;">
<a href="https://masto.beeping.synth.download">Mastodon</a> • The Mastodon frontend based off of the Chuckya fork with extra support for Iceshrimp based features, the most stable/recommended. <small><a href="https://forged.synth.download/synth.download/Chuckya-fe-standalone">Source</a></small>
</li>
<li style="padding-bottom: .4rem;">
<a href="https://akko.beeping.synth.download">Akkoma</a> • The Akkoma frontend with extra support for Iceshrimp based features. <small><a href="https://forged.synth.download/synth.download/akkoma-fe">Source</a></small>
</li>
<li style="padding-bottom: .4rem;">
<a href="https://phanpy.beeping.synth.download">Phanpy</a> • Opinionated Mastodon client, works well with Iceshrimp. Enable the Akkoma flag for proper support with Emoji reactions. <small><a href="https://github.com/cheeaun/phanpy">Source</a></small>
</li>
<li style="padding-bottom: .4rem;">
<a href="https://pl-fe.beeping.synth.download">pl-fe</a> • Another Mastodon-compatible client, works well with Iceshrimp. <small><a href="https://github.com/mkljczk/pl-fe">Source</a></small>
</li>
</ul>
</section>
</div>
<hr style="border: 1px solid var(--selectedPost);"></hr>
<p style="text-align: center;">Thanks for visiting, beep! <span aria-hidden="true">:]</span></p>
<div class="synth-section">
<section>
<center>
<p>Thanks for visiting, beep! <span aria-hidden="true">:]</span></p>
</center>
</section>
</div>