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

reflect index.html changes in templates

Browse source
This commit is contained in:
f0x 2024-07-28 22:04:46 +02:00
parent 00d52e7993
commit de63f42c77
5 changed files with 36 additions and 77 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/template/index.tmpl
View file

@ -28,7 +28,7 @@
{{- with . }} {{- with . }}
<main class="about"> <main class="about">
<section class="about-section" role="region" aria-labelledby="about"> <section class="about-section" role="region" aria-labelledby="about">
<h3 id="about">About this instance</h3> <h2 id="about">About this instance</h2>
<div class="about-section-contents"> <div class="about-section-contents">
{{- include "shortDescription" . | indent 3 }} {{- include "shortDescription" . | indent 3 }}
<a href="/about">See more details</a> <a href="/about">See more details</a>

68
web/template/index_apps.tmpl
View file

@ -19,7 +19,7 @@
{{- with . }} {{- with . }}
<section role="region" class="about-section apps" aria-labelledby="apps"> <section role="region" class="about-section apps" aria-labelledby="apps">
<h3 id="apps">Client applications</h3> <h2 id="apps">Client applications</h2>
<div class="about-section-contents"> <div class="about-section-contents">
<p> <p>
Have an account on this instance and want to log in? Have an account on this instance and want to log in?
@ -30,87 +30,51 @@
<li class="applist-entry"> <li class="applist-entry">
<div class="applist-text"> <div class="applist-text">
<p><strong>Semaphore</strong> is a web client designed for speed and simplicity.</p> <p><strong>Semaphore</strong> is a web client designed for speed and simplicity.</p>
<a <a href="https://semaphore.social/" rel="nofollow noreferrer noopener" target="_blank">
href="https://semaphore.social/"
rel="nofollow noreferrer noopener"
target="_blank"
>
Use Semaphore Use Semaphore
</a> </a>
</div> </div>
<svg <svg role="img" aria-labelledby="semaphore-title semaphore-desc" class="applist-logo redraw"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 146 120" width="100" height="100">
aria-labelledby="semaphore-title semaphore-desc"
class="applist-logo redraw"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 146 120"
width="100"
height="100"
>
<title id="semaphore-title">The Semaphore logo</title> <title id="semaphore-title">The Semaphore logo</title>
<desc id="semaphore-desc">A waving flag</desc> <desc id="semaphore-desc">A waving flag</desc>
<path d="M68.13 0C53.94 0 42.81 20 13.9 27.1l-2.23-5.29a6.5 6.5 0 0 0-5.17-10.4 6.5 6.5 0 0 0-.81 12.95L46.2 120l5.99-2.5-14.42-33.33c22.8-6.86 32.51-22.16 49.83-20.58 9.9.9 4.87 19.56 8.11 17.93 16.22-8.15 32.44-11.41 50.29-11.41-7.96-9.78-17.38-20.55-22.71-31.74L120.8 32c-2.32-7.33-2.56-14.75.87-22.22-9.74-3.26-21.1 0-32.45 4.9C82.2 9.77 79.5 0 68.13 0zM15.26 30.42c8.95 6.63 13.63 13.86 16.07 20.94l1.62 6.32c1.24 6.58 1.07 12.8 1.27 18.03z"></path> <path
d="M68.13 0C53.94 0 42.81 20 13.9 27.1l-2.23-5.29a6.5 6.5 0 0 0-5.17-10.4 6.5 6.5 0 0 0-.81 12.95L46.2 120l5.99-2.5-14.42-33.33c22.8-6.86 32.51-22.16 49.83-20.58 9.9.9 4.87 19.56 8.11 17.93 16.22-8.15 32.44-11.41 50.29-11.41-7.96-9.78-17.38-20.55-22.71-31.74L120.8 32c-2.32-7.33-2.56-14.75.87-22.22-9.74-3.26-21.1 0-32.45 4.9C82.2 9.77 79.5 0 68.13 0zM15.26 30.42c8.95 6.63 13.63 13.86 16.07 20.94l1.62 6.32c1.24 6.58 1.07 12.8 1.27 18.03z">
</path>
</svg> </svg>
</li> </li>
<li class="applist-entry"> <li class="applist-entry">
<div class="applist-text"> <div class="applist-text">
<p><strong>Tusky</strong> is a lightweight mobile client for Android.</p> <p><strong>Tusky</strong> is a lightweight mobile client for Android.</p>
<a <a href="https://tusky.app" rel="nofollow noreferrer noopener" target="_blank">
href="https://tusky.app"
rel="nofollow noreferrer noopener"
target="_blank"
>
Get Tusky Get Tusky
</a> </a>
</div> </div>
<img <img class="applist-logo" src="/assets/tusky.svg"
class="applist-logo"
src="/assets/tusky.svg"
alt="The Tusky mascot, a cartoon elephant tooting happily" alt="The Tusky mascot, a cartoon elephant tooting happily"
title="The Tusky mascot, a cartoon elephant tooting happily" title="The Tusky mascot, a cartoon elephant tooting happily" width="100" height="100" />
width="100"
height="100"
/>
</li> </li>
<li class="applist-entry"> <li class="applist-entry">
<div class="applist-text"> <div class="applist-text">
<p><strong>Feditext</strong> (beta) is a beautiful client for iOS, iPadOS and macOS.</p> <p><strong>Feditext</strong> (beta) is a beautiful client for iOS, iPadOS and macOS.</p>
<a <a href="https://github.com/feditext/feditext" rel="nofollow noreferrer noopener" target="_blank">
href="https://github.com/feditext/feditext"
rel="nofollow noreferrer noopener"
target="_blank"
>
Get Feditext Get Feditext
</a> </a>
</div> </div>
<img <img class="applist-logo" src="/assets/feditext.svg"
class="applist-logo"
src="/assets/feditext.svg"
alt="The Feditext logo, the characters 'ft' at a slight angle" alt="The Feditext logo, the characters 'ft' at a slight angle"
title="The Feditext logo, the characters 'ft' at a slight angle" title="The Feditext logo, the characters 'ft' at a slight angle" width="100" height="100" />
width="100"
height="100"
/>
</li> </li>
<li class="applist-entry"> <li class="applist-entry">
<div class="applist-text"> <div class="applist-text">
<p>Or try one of the <strong>Mastodon clients</strong> listed on the official Mastodon page.</p> <p>Or try one of the <strong>Mastodon clients</strong> listed on the official Mastodon page.</p>
<a <a href="https://joinmastodon.org/apps" rel="nofollow noreferrer noopener" target="_blank">
href="https://joinmastodon.org/apps"
rel="nofollow noreferrer noopener"
target="_blank"
>
Get Mastodon apps Get Mastodon apps
</a> </a>
</div> </div>
<img <img class="applist-logo" src="/assets/mastodon.svg"
class="applist-logo"
src="/assets/mastodon.svg"
alt="The Mastodon logo, the character 'M' in a speech bubble" alt="The Mastodon logo, the character 'M' in a speech bubble"
title="The Mastodon logo, the character 'M' in a speech bubble" title="The Mastodon logo, the character 'M' in a speech bubble" width="100" height="100" />
width="100"
height="100"
/>
</li> </li>
</ul> </ul>
</div> </div>

9
web/template/index_register.tmpl
View file

@ -20,19 +20,20 @@
{{- define "registrationLimits" -}} {{- define "registrationLimits" -}}
New account registration is currently&nbsp; New account registration is currently&nbsp;
{{- if .instance.Registrations -}} {{- if .instance.Registrations -}}
<b>open</b>. <b>open</b>.
{{- else -}} {{- else -}}
<b>closed</b>. <b>closed</b>.
{{- end -}} {{- end -}}
{{- end -}} {{- end -}}
{{- with . }} {{- with . }}
<section class="about-section" role="region" aria-labelledby="signup"> <section class="about-section" role="region" aria-labelledby="signup">
<h3 id="signup">Register an Account on {{ .instance.Title -}}</h3> <h2 id="signup">Register an Account on {{ .instance.Title -}}</h2>
<div class="about-section-contents"> <div class="about-section-contents">
<p>{{- template "registrationLimits" . -}}</p> <p>{{- template "registrationLimits" . -}}</p>
{{- if .instance.Registrations }} {{- if .instance.Registrations }}
<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>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>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> <p>Manual admin approval is <b>required</b> for new accounts.</p>
{{- end }} {{- end }}

30
web/template/index_what_is_this.tmpl
View file

@ -19,33 +19,23 @@
{{- with . }} {{- with . }}
<section role="region" class="about-section what-is-this" aria-labelledby="what-is-this"> <section role="region" class="about-section what-is-this" aria-labelledby="what-is-this">
<h3 id="what-is-this">What is this?</h3> <h2 id="what-is-this">What is this?</h2>
<div class="about-section-contents"> <div class="about-section-contents">
<p> <p>
The web page you're reading right now is served by an instance of GoToSocial, The web page you're reading right now is served by an instance of GoToSocial,
a federated, distributed, open-source microblogging software which connects a federated, distributed, open-source microblogging software which connects
to other instances across a network known as the "fediverse". to other instances across a network known as the "fediverse".
</p> </p>
<h4 id="what-is-an-instance">What is an "instance"?</h4> <h3 id="what-is-an-instance">What is an "instance"?</h3>
<p> <p>
"Instance" is a term commonly used for one node in the fediverse. Each instance "Instance" is a term commonly used for one node in the fediverse. Each instance
has its own web address, user(s), culture, rules, and settings. Instances exchange has its own web address, user(s), culture, rules, and settings. Instances exchange
data by "talking" to each other over the internet using a protocol called ActivityPub. data by "talking" to each other over the internet using a protocol called ActivityPub.
</p> </p>
<a <a class="activitypub-logo-wrapper" href="https://activitypub.rocks/" rel="nofollow noreferrer noopener"
class="activitypub-logo-wrapper" target="_blank">
href="https://activitypub.rocks/" <img class="activitypub-logo" src="/assets/activitypub_light.svg" alt="ActivityPub logo by mray, CC0 1.0"
rel="nofollow noreferrer noopener" title="ActivityPub logo by mray, CC0 1.0" width="250" height="65" />
target="_blank"
>
<img
class="activitypub-logo"
src="/assets/activitypub_light.svg"
alt="ActivityPub logo by mray, CC0 1.0"
title="ActivityPub logo by mray, CC0 1.0"
width="250"
height="65"
/>
Learn more about ActivityPub (opens in a new tab). Learn more about ActivityPub (opens in a new tab).
</a> </a>
<p> <p>
@ -55,7 +45,7 @@
<p> <p>
There are thousands of fediverse instances, connecting millions of people together. There are thousands of fediverse instances, connecting millions of people together.
</p> </p>
<h4 id="how-do-i-join-the-fediverse">How do I join the fediverse?</h4> <h3 id="how-do-i-join-the-fediverse">How do I join the fediverse?</h3>
<p> <p>
You can join the fediverse by running your own instance of an ActivityPub software, You can join the fediverse by running your own instance of an ActivityPub software,
or by finding an existing instance that aligns with your values and expectations, or by finding an existing instance that aligns with your values and expectations,
@ -65,8 +55,10 @@
To help you find an instance that suits you, you can try one of the following tools: To help you find an instance that suits you, you can try one of the following tools:
</p> </p>
<ul> <ul>
<li><a href="https://fediverse.observer" rel="nofollow noreferrer noopener" target="_blank">Fediverse Observer (opens in a new tab)</a></li> <li><a href="https://fediverse.observer" rel="nofollow noreferrer noopener" target="_blank">Fediverse
<li><a href="https://fedidb.org/network" rel="nofollow noreferrer noopener" target="_blank">FediDB (opens in a new tab)</a></li> Observer (opens in a new tab)</a></li>
<li><a href="https://fedidb.org/network" rel="nofollow noreferrer noopener" target="_blank">FediDB (opens in
a new tab)</a></li>
</ul> </ul>
{{- if .instance.Registrations }} {{- if .instance.Registrations }}
<p>Or, just <a href="signup">register for an account on this instance</a>!</p> <p>Or, just <a href="signup">register for an account on this instance</a>!</p>

2
web/template/page_stylesheets.tmpl
View file

@ -25,6 +25,8 @@
See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload. See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload.
*/ -}} */ -}}
<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>
{{- with . }} {{- with . }}
<link rel="preload" href="/assets/dist/_colors.css" as="style"> <link rel="preload" href="/assets/dist/_colors.css" as="style">
<link rel="preload" href="/assets/dist/base.css" as="style"> <link rel="preload" href="/assets/dist/base.css" as="style">