reflect about.html changes in templates

This commit is contained in:
f0x 2024-07-30 17:07:45 +02:00
parent e7bc642433
commit 0d3548ff5d
4 changed files with 42 additions and 245 deletions

View File

@ -59,6 +59,7 @@ func (m *Module) aboutGETHandler(c *gin.Context) {
"showStrap": true, "showStrap": true,
"blocklistExposed": config.GetInstanceExposeSuspendedWeb(), "blocklistExposed": config.GetInstanceExposeSuspendedWeb(),
"languages": config.GetInstanceLanguages().DisplayStrs(), "languages": config.GetInstanceLanguages().DisplayStrs(),
"pageType": "with-sidebar",
}, },
} }

View File

@ -1,204 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex, nofollow">
<meta name="og:locale" content="nl">
<meta property="og:type" content="website">
<meta property="og:title" content="GoToSocial Testrig Instance - GoToSocial">
<meta property="og:url" content="http://localhost:8080">
<meta property="og:site_name" content="localhost:8080">
<meta property="og:description"
content="This is the GoToSocial testrig. It doesn&#39;t federate or anything.When the testrig is shut down, all data on it will be deleted.Don&#39;t use this in production!">
<meta property="og:image" content="http://localhost:8080/assets/logo.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-startup-image" href="http://localhost:8080/assets/logo.webp" type="image/webp">
<link rel="preload" href="/assets/fonts/noto-sans-v27-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/assets/fonts/noto-sans-v27-latin-700.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/assets/dist/default.css">
<link rel="stylesheet" href="/assets/dist/style.css">
<title>GoToSocial Testrig Instance - GoToSocial</title>
</head>
<body class="page">
<script type="text/javascript" src="//localhost:35729/livereload.js?snipver=1" async="" defer=""></script>
<header class="page-header">
<a aria-label="GoToSocial Testrig Instance. Go to instance homepage" href="/" class="nounderline">
<picture>
<img src="http://localhost:8080/assets/logo.webp" alt="Instance Logo" title="Instance Logo" />
</picture>
<h1>GoToSocial Testrig Instance</h1>
</a>
<aside>home to <span class="count">4</span> users who wrote <span class="count">20</span> posts, federating with
<span class="count">2</span> other instances</aside>
</header>
<div class="page-content with-sidebar">
<nav class="sidebar" aria-labelledby="toc">
<h2 id="toc">Table of Contents</h2>
<div>
<ol>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#languages">Languages</a></li>
<li><a href="#signup">Register an Account</li>
<li><a href="#rules">Rules</a></li>
<li><a href="#terms">Terms and Conditions</a></li>
<li><a href="#moderated-servers">Moderated Servers</a></li>
</ol>
</div>
</nav>
<main class="single-page">
<section role="region" aria-labelledby="about">
<h2 id="about">About GoToSocial Testrig Instance</h2>
<div>
<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
href="https://github.com/superseriousbusiness/gotosocial/tree/main/testrig"
rel="nofollow noreferrer noopener"
target="_blank">https://github.com/superseriousbusiness/gotosocial/tree/main/testrig</a> and <a
href="https://github.com/superseriousbusiness/gotosocial/blob/main/CONTRIBUTING.md#testing"
rel="nofollow noreferrer noopener"
target="_blank">https://github.com/superseriousbusiness/gotosocial/blob/main/CONTRIBUTING.md#testing</a>
</p>
<p>Users on this instance:</p>
<ul>
<li><span class="h-card"><a href="http://localhost:8080/@admin" class="u-url mention"
rel="nofollow noreferrer noopener" target="_blank">@<span>admin</span></a></span> (admin!).</li>
<li><span class="h-card"><a href="http://localhost:8080/@1happyturtle" class="u-url mention"
rel="nofollow noreferrer noopener" target="_blank">@<span>1happyturtle</span></a></span> (posts about
turtles, we don't know why).</li>
<li><span class="h-card"><a href="http://localhost:8080/@the_mighty_zork" class="u-url mention"
rel="nofollow noreferrer noopener" target="_blank">@<span>the_mighty_zork</span></a></span> (who
knows).</li>
</ul>
<p>If you need to edit the models for the testrig, you can do so at <code>internal/testmodels.go</code>.</p>
</div>
</section>
<section role="region" aria-labelledby="contact">
<h2 id="contact">Admin Contact</h2>
<div>
<a href="http://localhost:8080/@admin" class="account-card">
<img class="avatar" src="http://localhost:8080/assets/default_avatars/GoToSocial_icon4.webp" alt="" />
<b>admin</b>
<span>@admin</span>
</a>
<p>Email: <a href="mailto:admin@example.org">admin@example.org</a></p>
</div>
</section>
<section role="region" aria-labelledby="features">
<h2 id="features">Instance Features</h2>
<div>
<ul>
<li>Statuses can contain up to
<b>5000 characters</b>, and
<b>6 media attachments</b>.</li>
<li>Polls can have up to
<b>6 options</b>, with
<b>50 characters per option</b>.</li>
<li><a href="https://docs.gotosocial.org/en/latest/user_guide/settings/#custom-css" target="_blank"
rel="noopener noreferrer">Custom CSS</a> is&nbsp;<b>enabled</b>&nbsp;on account profiles.</li>
</ul>
</div>
</section>
<section role="region" aria-labelledby="languages">
<h2 id="languages">Languages</h2>
<div>
<p>This instance prefers the following languages:</p>
<ol>
<li>Nederlands</li>
<li>Engels (British English)</li>
</ol>
</div>
</section>
<section role="region" aria-labelledby="signup">
<h2 id="signup">Register an Account on GoToSocial Testrig Instance</h2>
<div>
<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
href="/about#terms">terms</a>.</p>
<p>Then, use the <a href="/signup">sign-up page</a> to register an account.</p>
<p>Manual admin approval is <b>required</b> for new accounts.</p>
</div>
</section>
<section role="region" aria-labelledby="rules">
<h2 id="rules">Instance Rules</h2>
<div>
<p>This instance has the following rules:</p>
<ol>
<li>Be gay</li>
<li>Do crime</li>
</ol>
</div>
</section>
<section role="region" aria-labelledby="terms">
<h2 id="terms">Terms and Conditions</h2>
<div>
<p>This is where a list of terms and conditions might go.</p>
<p>For example:</p>
<p>If you want to sign up on this instance, you oughta know that we:</p>
<ol>
<li>Will sell your data to whoever offers.</li>
<li>Secure the server with password <code>password</code> wherever possible.</li>
</ol>
</div>
</section>
<section role="region" aria-labelledby="moderated-servers">
<h2 id="moderated-servers">Moderated servers</h2>
<div>
<p>
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.
This exchange of data can prevented for instances on specific domains via a domain block created
by an instance admin. When an instance is domain blocked by another instance:
</p>
<ul>
<li>Any existing data from the blocked instance is deleted from the storage of the instance doing the
blocking.</li>
<li>Interaction between the two instances is cut off in both directions; neither instance can interact with
the other.</li>
<li>No new data from the blocked instance will be created on the instance that blocks it.</li>
</ul>
<p>
<a href="/about/suspended">View the list of domains blocked by this instance</a>
</p>
</div>
</section>
</main>
</div>
<footer class="page-footer">
<nav>
<ul class="nodot">
<li id="about">
<a href="/about" class="nounderline">
About GoToSocial Testrig Instance
</a>
</li>
<li id="version">
<a href="https://github.com/superseriousbusiness/gotosocial" class="nounderline"
rel="nofollow noreferrer noopener" target="_blank">
<span aria-hidden="true">🦥</span>
Source - GoToSocial 0.0.0-testrig
<span aria-hidden="true">🦥</span>
</a>
</li>
<li id="contact">
<a href="/@admin" class="nounderline">
Contact account - admin
</a>
</li>
<li id="email">
<a href="mailto:admin@example.org" class="nounderline" rel="nofollow noreferrer noopener" target="_blank">
Email - admin@example.org
</a>
</li>
</ul>
</nav>
</footer>
</body>
</html>

View File

@ -83,43 +83,43 @@ Polls can have up to
{{- end -}} {{- end -}}
{{- with . }} {{- with . }}
<main class="about"> <nav class="sidebar" aria-labelledby="toc">
<nav class="about-section" aria-labelledby="toc"> <h2 id="toc">Table of Contents</h2>
<h3 id="toc">Table of Contents TEST !</h3> <div>
<div class="about-section-contents"> <ol>
<ol> <li><a href="#about">About</a></li>
<li><a href="#about">About {{ .instance.Title -}}</a></li> <li><a href="#contact">Contact</a></li>
<li><a href="#contact">Contact</a></li> <li><a href="#features">Features</a></li>
<li><a href="#features">Features</a></li> <li><a href="#languages">Languages</a></li>
<li><a href="#languages">Languages</a></li> <li><a href="#signup">Register an Account</li>
<li><a href="#signup">Register an Account on {{ .instance.Title -}}</li> <li><a href="#rules">Rules</a></li>
<li><a href="#rules">Rules</a></li> <li><a href="#terms">Terms and Conditions</a></li>
<li><a href="#terms">Terms and Conditions</a></li> <li><a href="#moderated-servers">Moderated Servers</a></li>
<li><a href="#moderated-servers">Moderated Servers</a></li> </ol>
</ol> </div>
</div> </nav>
</nav> <main class="single-page">
<section class="about-section" role="region" aria-labelledby="about"> <section role="region" aria-labelledby="about">
<h3 id="about">About {{ .instance.Title -}}</h3> <h2 id="about">About {{ .instance.Title -}}</h2>
<div class="about-section-contents"> <div>
{{- with . }} {{- with . }}
{{- include "description" . | indent 3 }} {{- include "description" . | indent 3 }}
{{- end }} {{- end }}
</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>
{{- if .instance.ContactAccount }} {{- if .instance.ContactAccount }}
<a href="{{- .instance.ContactAccount.URL -}}" class="account-card"> <a href="{{- .instance.ContactAccount.URL -}}" class="account-card">
<img class="avatar" src="{{- .instance.ContactAccount.Avatar -}}" alt="" /> <img class="avatar" src="{{- .instance.ContactAccount.Avatar -}}" alt="" />
<h3> <b>
{{- if .instance.ContactAccount.DisplayName -}} {{- if .instance.ContactAccount.DisplayName -}}
{{- emojify .instance.ContactAccount.Emojis (escape .instance.ContactAccount.DisplayName) -}} {{- emojify .instance.ContactAccount.Emojis (escape .instance.ContactAccount.DisplayName) -}}
{{- else -}} {{- else -}}
{{- .instance.ContactAccount.Username -}} {{- .instance.ContactAccount.Username -}}
{{- end -}} {{- end -}}
</h3> </b>
<span>@{{- .instance.ContactAccount.Username -}}</span> <span>@{{- .instance.ContactAccount.Username -}}</span>
</a> </a>
{{- else }} {{- else }}
@ -132,9 +132,9 @@ Polls can have up to
{{- end }} {{- end }}
</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>{{- template "statusLimits" . -}}</li> <li>{{- template "statusLimits" . -}}</li>
<li>{{- template "pollLimits" . -}}</li> <li>{{- template "pollLimits" . -}}</li>
@ -142,34 +142,34 @@ Polls can have up to
</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>
{{- with . }} {{- with . }}
{{- include "languages" . | indent 3 }} {{- include "languages" . | indent 3 }}
{{- end }} {{- end }}
</div> </div>
</section> </section>
{{- include "index_register.tmpl" . | indent 1 }} {{- include "index_register.tmpl" . | indent 1 }}
<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>
{{- with . }} {{- with . }}
{{- include "rules" . | indent 3 }} {{- include "rules" . | indent 3 }}
{{- end }} {{- end }}
</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>
{{- with . }} {{- with . }}
{{- include "termsAndConditions" . | indent 3 }} {{- include "termsAndConditions" . | indent 3 }}
{{- end }} {{- end }}
</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.

View File

@ -75,10 +75,10 @@ image/webp
</head> </head>
<body class="page"> <body class="page">
<header class="page-header{{ if .largeHeader}} large{{end}}"> <header class="page-header{{if .largeHeader}} large{{end}}">
{{- include "page_header.tmpl" . | indent 3 }} {{- include "page_header.tmpl" . | indent 3 }}
</header> </header>
<div class="page-content"> <div class="page-content{{if .pageType}} {{.pageType}}{{end}}">
{{- include .pageContent . | indent 3 | outdentPre }} {{- include .pageContent . | indent 3 | outdentPre }}
</div> </div>
<footer class="page-footer"> <footer class="page-footer">