qugalet/gotosocial
1
0
Fork 0
mirror of https://github.com/superseriousbusiness/gotosocial.git synced 2025-01-09 16:10:12 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

about page

Browse source
This commit is contained in:
f0x 2024-07-28 22:17:35 +02:00
parent de63f42c77
commit 9a3822e22d
5 changed files with 63 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
web/assets/static-pages/about.html
View file

@ -17,14 +17,10 @@
<link rel="icon" href="http://localhost:8080/assets/logo.webp" type="image/webp"> <link rel="icon" href="http://localhost:8080/assets/logo.webp" type="image/webp">
<link rel="apple-touch-icon" href="http://localhost:8080/assets/logo.webp" type="image/webp"> <link rel="apple-touch-icon" href="http://localhost:8080/assets/logo.webp" type="image/webp">
<link rel="apple-touch-startup-image" href="http://localhost:8080/assets/logo.webp" type="image/webp"> <link rel="apple-touch-startup-image" href="http://localhost:8080/assets/logo.webp" type="image/webp">
<link rel="preload" href="/assets/dist/_colors.css" as="style"> <link rel="preload" href="/assets/fonts/noto-sans-v27-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/assets/dist/base.css" as="style"> <link rel="preload" href="/assets/fonts/noto-sans-v27-latin-700.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/assets/dist/page.css" as="style"> <link rel="stylesheet" href="/assets/dist/default.css">
<link rel="preload" href="/assets/dist/about.css" as="style"> <link rel="stylesheet" href="/assets/dist/style.css">
<link rel="stylesheet" href="/assets/dist/_colors.css">
<link rel="stylesheet" href="/assets/dist/base.css">
<link rel="stylesheet" href="/assets/dist/page.css">
<link rel="stylesheet" href="/assets/dist/about.css">
<title>GoToSocial Testrig Instance - GoToSocial</title> <title>GoToSocial Testrig Instance - GoToSocial</title>
</head> </head>
@ -41,10 +37,10 @@
<span class="count">2</span> other instances</aside> <span class="count">2</span> other instances</aside>
</header> </header>
<div class="page-content"> <div class="page-content">
<main class="about"> <main class="single-page">
<nav class="about-section" aria-labelledby="toc"> <nav aria-labelledby="toc">
<h3 id="toc">Table of Contents</h3> <h2 id="toc">Table of Contents</h2>
<div class="about-section-contents"> <div>
<ol> <ol>
<li><a href="#about">About GoToSocial Testrig Instance</a></li> <li><a href="#about">About GoToSocial Testrig Instance</a></li>
<li><a href="#contact">Contact</a></li> <li><a href="#contact">Contact</a></li>
@ -57,9 +53,9 @@
</ol> </ol>
</div> </div>
</nav> </nav>
<section class="about-section" role="region" aria-labelledby="about"> <section role="region" aria-labelledby="about">
<h3 id="about">About GoToSocial Testrig Instance</h3> <h2 id="about">About GoToSocial Testrig Instance</h2>
<div class="about-section-contents"> <div>
<p>Here's a fuller description of the GoToSocial testrig instance.</p> <p>Here's a fuller description of the GoToSocial testrig instance.</p>
<p>This instance is for testing purposes only. It doesn't federate at all. Go check out <a <p>This instance is for testing purposes only. It doesn't federate at all. Go check out <a
href="https://github.com/superseriousbusiness/gotosocial/tree/main/testrig" href="https://github.com/superseriousbusiness/gotosocial/tree/main/testrig"
@ -83,20 +79,20 @@
<p>If you need to edit the models for the testrig, you can do so at <code>internal/testmodels.go</code>.</p> <p>If you need to edit the models for the testrig, you can do so at <code>internal/testmodels.go</code>.</p>
</div> </div>
</section> </section>
<section class="about-section" role="region" aria-labelledby="contact"> <section role="region" aria-labelledby="contact">
<h3 id="contact">Admin Contact</h3> <h2 id="contact">Admin Contact</h2>
<div class="about-section-contents"> <div>
<a href="http://localhost:8080/@admin" class="account-card"> <a href="http://localhost:8080/@admin" class="account-card">
<img class="avatar" src="http://localhost:8080/assets/default_avatars/GoToSocial_icon4.webp" alt="" /> <img class="avatar" src="http://localhost:8080/assets/default_avatars/GoToSocial_icon4.webp" alt="" />
<h3>admin</h3> <h2>admin</h2>
<span>@admin</span> <span>@admin</span>
</a> </a>
<p>Email: <a href="mailto:admin@example.org">admin@example.org</a></p> <p>Email: <a href="mailto:admin@example.org">admin@example.org</a></p>
</div> </div>
</section> </section>
<section class="about-section" role="region" aria-labelledby="features"> <section role="region" aria-labelledby="features">
<h3 id="features">Instance Features</h3> <h2 id="features">Instance Features</h2>
<div class="about-section-contents"> <div>
<ul> <ul>
<li>Statuses can contain up to <li>Statuses can contain up to
<b>5000 characters</b>, and <b>5000 characters</b>, and
@ -109,9 +105,9 @@
</ul> </ul>
</div> </div>
</section> </section>
<section class="about-section" role="region" aria-labelledby="languages"> <section role="region" aria-labelledby="languages">
<h3 id="languages">Languages</h3> <h2 id="languages">Languages</h2>
<div class="about-section-contents"> <div>
<p>This instance prefers the following languages:</p> <p>This instance prefers the following languages:</p>
<ol> <ol>
<li>Nederlands</li> <li>Nederlands</li>
@ -119,9 +115,9 @@
</ol> </ol>
</div> </div>
</section> </section>
<section class="about-section" role="region" aria-labelledby="signup"> <section role="region" aria-labelledby="signup">
<h3 id="signup">Register an Account on GoToSocial Testrig Instance</h3> <h2 id="signup">Register an Account on GoToSocial Testrig Instance</h2>
<div class="about-section-contents"> <div>
<p>New account registration is currently&nbsp;<b>open</b>.</p> <p>New account registration is currently&nbsp;<b>open</b>.</p>
<p>To register a new account, please first read the <a href="/about#rules">rules</a> and <a <p>To register a new account, please first read the <a href="/about#rules">rules</a> and <a
href="/about#terms">terms</a>.</p> href="/about#terms">terms</a>.</p>
@ -129,9 +125,9 @@
<p>Manual admin approval is <b>required</b> for new accounts.</p> <p>Manual admin approval is <b>required</b> for new accounts.</p>
</div> </div>
</section> </section>
<section class="about-section" role="region" aria-labelledby="rules"> <section role="region" aria-labelledby="rules">
<h3 id="rules">Instance Rules</h3> <h2 id="rules">Instance Rules</h2>
<div class="about-section-contents"> <div>
<p>This instance has the following rules:</p> <p>This instance has the following rules:</p>
<ol> <ol>
<li>Be gay</li> <li>Be gay</li>
@ -139,9 +135,9 @@
</ol> </ol>
</div> </div>
</section> </section>
<section class="about-section" role="region" aria-labelledby="terms"> <section role="region" aria-labelledby="terms">
<h3 id="terms">Terms and Conditions</h3> <h2 id="terms">Terms and Conditions</h2>
<div class="about-section-contents"> <div>
<p>This is where a list of terms and conditions might go.</p> <p>This is where a list of terms and conditions might go.</p>
<p>For example:</p> <p>For example:</p>
<p>If you want to sign up on this instance, you oughta know that we:</p> <p>If you want to sign up on this instance, you oughta know that we:</p>
@ -151,9 +147,9 @@
</ol> </ol>
</div> </div>
</section> </section>
<section class="about-section" role="region" aria-labelledby="moderated-servers"> <section role="region" aria-labelledby="moderated-servers">
<h3 id="moderated-servers">Moderated servers</h3> <h2 id="moderated-servers">Moderated servers</h2>
<div class="about-section-contents"> <div>
<p> <p>
ActivityPub instances federate with other instances by exchanging data with them over the network. ActivityPub instances federate with other instances by exchanging data with them over the network.
Exchanged data includes things like accounts, statuses, likes, boosts, and media attachments. Exchanged data includes things like accounts, statuses, likes, boosts, and media attachments.

11
web/source/css/base/main.css
View file

@ -43,6 +43,17 @@ a {
close it with a bottom margin. close it with a bottom margin.
*/ */
main { main {
display: flex;
flex-direction: column;
gap: 2rem;
padding: 0;
h1, h2, h3, h4, h5 {
& ~ p {
margin-top: 0;
}
}
p:first-child, ol:first-child, ul:first-child { p:first-child, ol:first-child, ul:first-child {
margin-top: 0; margin-top: 0;
} }

1
web/source/css/layout/page.css
View file

@ -17,6 +17,7 @@
justify-content: center; justify-content: center;
padding: 1.5rem; padding: 1.5rem;
gap: 1rem; gap: 1rem;
margin: 0.5rem 0;
a { a {
display: flex; display: flex;

26
web/source/css/layout/sectioned.css
View file

@ -1,32 +1,14 @@
main.sectioned { main.sectioned {
display: flex;
flex-direction: column;
gap: 2rem;
padding: 0;
background: initial;
box-shadow: initial;
border: initial;
border-radius: initial;
section { section {
padding: 1.5rem; padding: 1.5rem;
background: $bg-accent; background: $bg-accent;
box-shadow: $boxshadow; box-shadow: $boxshadow;
border: $boxshadow-border; border: $boxshadow-border;
border-radius: $br; border-radius: $br;
}
h1, h2, h3, h4, h5 { h1, h2, h3, h4, h5 {
margin-top: 0; margin-top: 0;
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
& ~ p {
margin-top: 0;
}
}
p {
/* margin: 0.5rem 0; */
}
} }
} }

14
web/source/css/layout/single-page.css Normal file
View file

@ -0,0 +1,14 @@
main.single-page {
gap: 2rem;
padding: 1.5rem;
background: $bg-accent;
box-shadow: $boxshadow;
border: $boxshadow-border;
border-radius: $br;
h2:first-child {
margin-top: 0;
}
}