mirror of
https://github.com/superseriousbusiness/gotosocial.git
synced 2024-12-24 11:12:11 +00:00
template formatting
This commit is contained in:
f0x
parent
7f4d9b689a
commit
4a2c712b3d
9
.vscode/settings.json
vendored
9
.vscode/settings.json
vendored
|
|
@ -3,6 +3,9 @@
|
|||
"go.lintFlags": [
|
||||
"--fast"
|
||||
],
|
||||
"go.testEnvVars": {
|
||||
"WAZERO_COMPILATION_CACHE": "~/.cache/wazero"
|
||||
},
|
||||
"gopls": {
|
||||
"analyses": {
|
||||
"composites": false
|
||||
|
|
@ -19,5 +22,9 @@
|
|||
],
|
||||
"editor.codeActionsOnSave": {
|
||||
"source.fixAll.eslint": "explicit"
|
||||
}
|
||||
},
|
||||
"html.format.wrapLineLength": 0,
|
||||
"html.format.wrapAttributes": "preserve",
|
||||
"files.insertFinalNewline": true,
|
||||
"files.trimFinalNewlines": true,
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,25 +19,25 @@
|
|||
|
||||
{{- with . }}
|
||||
<main>
|
||||
<section>
|
||||
<h1>404: Not Found</h1>
|
||||
<p>
|
||||
GoToSocial only serves Public statuses via the web.
|
||||
</p>
|
||||
<p>
|
||||
If you reached this page by clicking on a status link,
|
||||
it's likely that the status is not Public. You can try
|
||||
entering the status URL in your client's search bar,
|
||||
to view the status from your account. If that doesn't
|
||||
work, it's possible that the status has been deleted by
|
||||
the author, you don't have permission to view it, or it
|
||||
doesn't exist at all.
|
||||
</p>
|
||||
<p>
|
||||
If you believe this 404 was an error, you can contact
|
||||
the instance admin. Provide them with the following
|
||||
request ID: <code>{{- .requestID -}}</code>.
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<h1>404: Not Found</h1>
|
||||
<p>
|
||||
GoToSocial only serves Public statuses via the web.
|
||||
</p>
|
||||
<p>
|
||||
If you reached this page by clicking on a status link,
|
||||
it's likely that the status is not Public. You can try
|
||||
entering the status URL in your client's search bar,
|
||||
to view the status from your account. If that doesn't
|
||||
work, it's possible that the status has been deleted by
|
||||
the author, you don't have permission to view it, or it
|
||||
doesn't exist at all.
|
||||
</p>
|
||||
<p>
|
||||
If you believe this 404 was an error, you can contact
|
||||
the instance admin. Provide them with the following
|
||||
request ID: <code>{{- .requestID -}}</code>.
|
||||
</p>
|
||||
</section>
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -37,9 +37,9 @@
|
|||
{{- if .languages }}
|
||||
<p>This instance prefers the following languages:</p>
|
||||
<ol>
|
||||
{{- range .languages }}
|
||||
<li>{{- . -}}</li>
|
||||
{{- end }}
|
||||
{{- range .languages }}
|
||||
<li>{{- . -}}</li>
|
||||
{{- end }}
|
||||
</ol>
|
||||
{{- else }}
|
||||
<p>No preferred languages have yet been set for this instance.</p>
|
||||
|
|
@ -50,9 +50,9 @@
|
|||
{{- if .instance.Rules }}
|
||||
<p>This instance has the following rules:</p>
|
||||
<ol>
|
||||
{{- range .instance.Rules }}
|
||||
<li>{{- .Text -}}</li>
|
||||
{{- end }}
|
||||
{{- range .instance.Rules }}
|
||||
<li>{{- .Text -}}</li>
|
||||
{{- end }}
|
||||
</ol>
|
||||
{{- else }}
|
||||
<p>No rules have yet been set for this instance.</p>
|
||||
|
|
@ -61,7 +61,7 @@
|
|||
|
||||
{{- define "customCSSLimits" -}}
|
||||
<a href="https://docs.gotosocial.org/en/latest/user_guide/settings/#custom-css" target="_blank"
|
||||
rel="noopener noreferrer">Custom CSS</a> is
|
||||
rel="noopener noreferrer">Custom CSS</a> is
|
||||
{{- if .instance.Configuration.Accounts.AllowCustomCSS -}}
|
||||
<b>enabled</b>
|
||||
{{- else -}}
|
||||
|
|
@ -84,113 +84,113 @@ Polls can have up to
|
|||
|
||||
{{- with . }}
|
||||
<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</a></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>
|
||||
<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</a></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 {{ .instance.Title -}}</h2>
|
||||
<div>
|
||||
{{- with . }}
|
||||
{{- include "description" . | indent 3 }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</section>
|
||||
<section role="region" aria-labelledby="contact">
|
||||
<h2 id="contact">Admin Contact</h2>
|
||||
<div>
|
||||
{{- if .instance.ContactAccount }}
|
||||
<a href="{{- .instance.ContactAccount.URL -}}" class="account-card">
|
||||
<img class="avatar" src="{{- .instance.ContactAccount.Avatar -}}" alt="" />
|
||||
<b>
|
||||
{{- if .instance.ContactAccount.DisplayName -}}
|
||||
{{- emojify .instance.ContactAccount.Emojis (escape .instance.ContactAccount.DisplayName) -}}
|
||||
{{- else -}}
|
||||
{{- .instance.ContactAccount.Username -}}
|
||||
{{- end -}}
|
||||
</b>
|
||||
<span>@{{- .instance.ContactAccount.Username -}}</span>
|
||||
</a>
|
||||
{{- else }}
|
||||
<p>This instance has not yet set a contact account.</p>
|
||||
{{- end }}
|
||||
{{- if .instance.Email }}
|
||||
<p>Email: <a href="mailto:{{- .instance.Email -}}">{{- .instance.Email -}}</a></p>
|
||||
{{- else }}
|
||||
<p>This instance has not yet set a contact email address.</p>
|
||||
{{- end }}
|
||||
</div>
|
||||
</section>
|
||||
<section role="region" aria-labelledby="features">
|
||||
<h2 id="features">Instance Features</h2>
|
||||
<div>
|
||||
<ul>
|
||||
<li>{{- template "statusLimits" . -}}</li>
|
||||
<li>{{- template "pollLimits" . -}}</li>
|
||||
<li>{{- template "customCSSLimits" . -}}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<section role="region" aria-labelledby="languages">
|
||||
<h2 id="languages">Languages</h2>
|
||||
<div>
|
||||
{{- with . }}
|
||||
{{- include "languages" . | indent 3 }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</section>
|
||||
{{- include "index_register.tmpl" . | indent 1 }}
|
||||
<section role="region" aria-labelledby="rules">
|
||||
<h2 id="rules">Instance Rules</h2>
|
||||
<div>
|
||||
{{- with . }}
|
||||
{{- include "rules" . | indent 3 }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</section>
|
||||
<section role="region" aria-labelledby="terms">
|
||||
<h2 id="terms">Terms and Conditions</h2>
|
||||
<div>
|
||||
{{- with . }}
|
||||
{{- include "termsAndConditions" . | indent 3 }}
|
||||
{{- end }}
|
||||
</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 be 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>
|
||||
{{- if .blocklistExposed }}
|
||||
<a href="/about/suspended">View the list of domains blocked by this instance</a>
|
||||
{{- else }}
|
||||
This instance does not publically share their list of blocked domains.
|
||||
{{- end }}
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<section role="region" aria-labelledby="about">
|
||||
<h2 id="about">About {{ .instance.Title -}}</h2>
|
||||
<div>
|
||||
{{- with . }}
|
||||
{{- include "description" . | indent 3 }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</section>
|
||||
<section role="region" aria-labelledby="contact">
|
||||
<h2 id="contact">Admin Contact</h2>
|
||||
<div>
|
||||
{{- if .instance.ContactAccount }}
|
||||
<a href="{{- .instance.ContactAccount.URL -}}" class="account-card">
|
||||
<img class="avatar" src="{{- .instance.ContactAccount.Avatar -}}" alt="" />
|
||||
<b>
|
||||
{{- if .instance.ContactAccount.DisplayName -}}
|
||||
{{- emojify .instance.ContactAccount.Emojis (escape .instance.ContactAccount.DisplayName) -}}
|
||||
{{- else -}}
|
||||
{{- .instance.ContactAccount.Username -}}
|
||||
{{- end -}}
|
||||
</b>
|
||||
<span>@{{- .instance.ContactAccount.Username -}}</span>
|
||||
</a>
|
||||
{{- else }}
|
||||
<p>This instance has not yet set a contact account.</p>
|
||||
{{- end }}
|
||||
{{- if .instance.Email }}
|
||||
<p>Email: <a href="mailto:{{- .instance.Email -}}">{{- .instance.Email -}}</a></p>
|
||||
{{- else }}
|
||||
<p>This instance has not yet set a contact email address.</p>
|
||||
{{- end }}
|
||||
</div>
|
||||
</section>
|
||||
<section role="region" aria-labelledby="features">
|
||||
<h2 id="features">Instance Features</h2>
|
||||
<div>
|
||||
<ul>
|
||||
<li>{{- template "statusLimits" . -}}</li>
|
||||
<li>{{- template "pollLimits" . -}}</li>
|
||||
<li>{{- template "customCSSLimits" . -}}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<section role="region" aria-labelledby="languages">
|
||||
<h2 id="languages">Languages</h2>
|
||||
<div>
|
||||
{{- with . }}
|
||||
{{- include "languages" . | indent 3 }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</section>
|
||||
{{- include "index_register.tmpl" . | indent 1 }}
|
||||
<section role="region" aria-labelledby="rules">
|
||||
<h2 id="rules">Instance Rules</h2>
|
||||
<div>
|
||||
{{- with . }}
|
||||
{{- include "rules" . | indent 3 }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</section>
|
||||
<section role="region" aria-labelledby="terms">
|
||||
<h2 id="terms">Terms and Conditions</h2>
|
||||
<div>
|
||||
{{- with . }}
|
||||
{{- include "termsAndConditions" . | indent 3 }}
|
||||
{{- end }}
|
||||
</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 be 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>
|
||||
{{- if .blocklistExposed }}
|
||||
<a href="/about/suspended">View the list of domains blocked by this instance</a>
|
||||
{{- else }}
|
||||
This instance does not publically share their list of blocked domains.
|
||||
{{- end }}
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,25 +19,25 @@
|
|||
|
||||
{{- with . }}
|
||||
<main>
|
||||
<section class="with-form" aria-labelledby="authorize">
|
||||
<h2 id="authorize">Authorize app</h2>
|
||||
<form action="/oauth/authorize" method="POST">
|
||||
<p>Hi <b>{{- .user -}}</b>!</p>
|
||||
<p>
|
||||
Application
|
||||
{{- if .appwebsite }}
|
||||
<a href="{{- .appwebsite -}}" rel="nofollow noreferrer noopener" target="_blank">{{- .appname -}}</a>
|
||||
{{- else }}
|
||||
<b>{{- .appname -}}</b>
|
||||
{{- end }}
|
||||
would like to perform actions on your behalf, with scope
|
||||
<em>{{- .scope -}}</em>.
|
||||
</p>
|
||||
<p>
|
||||
To continue, the application will redirect to: <code>{{- .redirect -}}</code>
|
||||
</p>
|
||||
<button type="submit" class="btn btn-success">Allow</button>
|
||||
</form>
|
||||
</section>
|
||||
<section class="with-form" aria-labelledby="authorize">
|
||||
<h2 id="authorize">Authorize app</h2>
|
||||
<form action="/oauth/authorize" method="POST">
|
||||
<p>Hi <b>{{- .user -}}</b>!</p>
|
||||
<p>
|
||||
Application
|
||||
{{- if .appwebsite }}
|
||||
<a href="{{- .appwebsite -}}" rel="nofollow noreferrer noopener" target="_blank">{{- .appname -}}</a>
|
||||
{{- else }}
|
||||
<b>{{- .appname -}}</b>
|
||||
{{- end }}
|
||||
would like to perform actions on your behalf, with scope
|
||||
<em>{{- .scope -}}</em>.
|
||||
</p>
|
||||
<p>
|
||||
To continue, the application will redirect to: <code>{{- .redirect -}}</code>
|
||||
</p>
|
||||
<button type="submit" class="btn btn-success">Allow</button>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,15 +19,15 @@
|
|||
|
||||
{{- with . }}
|
||||
<main>
|
||||
<section class="with-form" aria-labelledby="confirm">
|
||||
<h2 id="confirm">Confirm email address</h2>
|
||||
<form action="/confirm_email?token={{ .token }}" method="POST">
|
||||
<p>
|
||||
Hi <b>{{- .username -}}</b>!
|
||||
Please click the button to confirm your email address <b>{{- .email -}}</b>.
|
||||
</p>
|
||||
<button type="submit" class="btn btn-success">Confirm</button>
|
||||
</form>
|
||||
</section>
|
||||
<section class="with-form" aria-labelledby="confirm">
|
||||
<h2 id="confirm">Confirm email address</h2>
|
||||
<form action="/confirm_email?token={{ .token }}" method="POST">
|
||||
<p>
|
||||
Hi <b>{{- .username -}}</b>!
|
||||
Please click the button to confirm your email address <b>{{- .email -}}</b>.
|
||||
</p>
|
||||
<button type="submit" class="btn btn-success">Confirm</button>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,12 +19,12 @@
|
|||
|
||||
{{- with . }}
|
||||
<main>
|
||||
<section aria-labelledby="confirmed">
|
||||
<h2 id="confirmed">Email address confirmed</h2>
|
||||
<p>Email address <b>{{- .email -}}</b> is now confirmed!</p>
|
||||
{{- if not .approved }}
|
||||
<p>Once an admin has approved your sign-up, you will be able to log in and use your account.</p>
|
||||
{{- end }}
|
||||
</section>
|
||||
<section aria-labelledby="confirmed">
|
||||
<h2 id="confirmed">Email address confirmed</h2>
|
||||
<p>Email address <b>{{- .email -}}</b> is now confirmed!</p>
|
||||
{{- if not .approved }}
|
||||
<p>Once an admin has approved your sign-up, you will be able to log in and use your account.</p>
|
||||
{{- end }}
|
||||
</section>
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,34 +19,34 @@
|
|||
|
||||
{{- with . }}
|
||||
<main>
|
||||
<section>
|
||||
<h1>Suspended Instances</h1>
|
||||
<p>
|
||||
The following list of domains have been suspended
|
||||
by the administrator(s) of this server.
|
||||
</p>
|
||||
<p>
|
||||
All current and future accounts on these instances are
|
||||
blocked, and no more data is federated to the remote servers.
|
||||
This extends to subdomains, so an entry for 'example.com'
|
||||
includes 'social.example.com' as well.
|
||||
</p>
|
||||
<div class="list domain-blocklist">
|
||||
<div class="header entry">
|
||||
<div class="domain">Domain</div>
|
||||
<div class="public_comment">Public comment</div>
|
||||
</div>
|
||||
{{- range .blocklist }}
|
||||
<div class="entry" id="{{- .Domain -}}">
|
||||
<div class="domain">
|
||||
<a class="text-cutoff" href="#{{- .Domain -}}" title="{{- .Domain -}}">{{- .Domain -}}</a>
|
||||
</div>
|
||||
<div class="public_comment">
|
||||
<p>{{- .PublicComment -}}</p>
|
||||
</div>
|
||||
</div>
|
||||
{{- end }}
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h1>Suspended Instances</h1>
|
||||
<p>
|
||||
The following list of domains have been suspended
|
||||
by the administrator(s) of this server.
|
||||
</p>
|
||||
<p>
|
||||
All current and future accounts on these instances are
|
||||
blocked, and no more data is federated to the remote servers.
|
||||
This extends to subdomains, so an entry for 'example.com'
|
||||
includes 'social.example.com' as well.
|
||||
</p>
|
||||
<div class="list domain-blocklist">
|
||||
<div class="header entry">
|
||||
<div class="domain">Domain</div>
|
||||
<div class="public_comment">Public comment</div>
|
||||
</div>
|
||||
{{- range .blocklist }}
|
||||
<div class="entry" id="{{- .Domain -}}">
|
||||
<div class="domain">
|
||||
<a class="text-cutoff" href="#{{- .Domain -}}" title="{{- .Domain -}}">{{- .Domain -}}</a>
|
||||
</div>
|
||||
<div class="public_comment">
|
||||
<p>{{- .PublicComment -}}</p>
|
||||
</div>
|
||||
</div>
|
||||
{{- end }}
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -23,4 +23,4 @@ Hello moderator of {{ .InstanceName }} ({{ .InstanceURL }})!
|
|||
{{- else if .ReportTargetDomain }}Someone from your instance has reported a user from {{ .ReportTargetDomain }}.
|
||||
{{- else }}Someone from your instance has reported another user from your instance.{{ end }}
|
||||
|
||||
To view the report, paste the following link into your browser: {{ .ReportURL }}
|
||||
To view the report, paste the following link into your browser: {{ .ReportURL }}
|
||||
|
|
|
|||
|
|
@ -23,10 +23,13 @@ Someone has submitted a new account sign-up to your instance.
|
|||
|
||||
They provided the following details:
|
||||
|
||||
Email address: {{ .SignupEmail }}
|
||||
Username: {{ .SignupUsername }}
|
||||
Email address:
|
||||
{{ .SignupEmail }}
|
||||
Username:
|
||||
{{ .SignupUsername }}
|
||||
{{- if .SignupReason }}
|
||||
Reason: {{ .SignupReason }}
|
||||
Reason:
|
||||
{{ .SignupReason }}
|
||||
{{- end }}
|
||||
|
||||
To view the sign-up, paste the following link into your browser: {{ .SignupURL }}
|
||||
|
|
|
|||
|
|
@ -28,4 +28,4 @@ The following message was included by the admin user:
|
|||
|
||||
{{ .Message }}
|
||||
{{- else }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,14 +19,14 @@
|
|||
|
||||
{{- with . }}
|
||||
<main>
|
||||
<section class="error">
|
||||
<h1>An error occured:</h1>
|
||||
<pre>{{- .error -}}</pre>
|
||||
{{- if .requestID }}
|
||||
<div>
|
||||
<span>Request ID:</span> <code>{{- .requestID -}}</code>
|
||||
</div>
|
||||
{{- end }}
|
||||
</section>
|
||||
<section class="error">
|
||||
<h1>An error occured:</h1>
|
||||
<pre>{{- .error -}}</pre>
|
||||
{{- if .requestID }}
|
||||
<div>
|
||||
<span>Request ID:</span> <code>{{- .requestID -}}</code>
|
||||
</div>
|
||||
{{- end }}
|
||||
</section>
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,30 +19,30 @@
|
|||
|
||||
{{- with . }}
|
||||
<main>
|
||||
<section class="with-form" aria-labelledby="finalize">
|
||||
<h2 id="finalize">Finalize sign-in to {{ .instance.Title -}}</h2>
|
||||
<form action="/oauth/finalize" method="POST">
|
||||
<p>
|
||||
Hi <b>{{- .name -}}</b>!
|
||||
</p>
|
||||
<p>
|
||||
You are about to create an account on <b>{{- .instance.Title -}}</b>.
|
||||
To finish the process, you must select your username.
|
||||
</p>
|
||||
<div class="labelinput">
|
||||
<label for="username">
|
||||
Username (lowercase a-z, numbers, and underscores; max 64 characters).<br />
|
||||
<small>Your username will be part of your fediverse handle, and cannot be changed later, so choose
|
||||
thoughtfully!</small>
|
||||
</label>
|
||||
<input id="username" type="text" name="username" required
|
||||
placeholder="Please enter your desired username" pattern="^[a-z0-9_]{1,64}$"
|
||||
title="lowercase a-z, numbers, and underscores; max 64 characters"
|
||||
value="{{- .preferredUsername -}}">
|
||||
</div>
|
||||
<input type="hidden" name="name" value="{{- .name -}}">
|
||||
<button type="submit" class="btn btn-success">Submit</button>
|
||||
</form>
|
||||
</section>
|
||||
<section class="with-form" aria-labelledby="finalize">
|
||||
<h2 id="finalize">Finalize sign-in to {{ .instance.Title -}}</h2>
|
||||
<form action="/oauth/finalize" method="POST">
|
||||
<p>
|
||||
Hi <b>{{- .name -}}</b>!
|
||||
</p>
|
||||
<p>
|
||||
You are about to create an account on <b>{{- .instance.Title -}}</b>.
|
||||
To finish the process, you must select your username.
|
||||
</p>
|
||||
<div class="labelinput">
|
||||
<label for="username">
|
||||
Username (lowercase a-z, numbers, and underscores; max 64 characters).<br />
|
||||
<small>Your username will be part of your fediverse handle, and cannot be changed later, so choose
|
||||
thoughtfully!</small>
|
||||
</label>
|
||||
<input id="username" type="text" name="username" required
|
||||
placeholder="Please enter your desired username" pattern="^[a-z0-9_]{1,64}$"
|
||||
title="lowercase a-z, numbers, and underscores; max 64 characters"
|
||||
value="{{- .preferredUsername -}}">
|
||||
</div>
|
||||
<input type="hidden" name="name" value="{{- .name -}}">
|
||||
<button type="submit" class="btn btn-success">Submit</button>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -27,15 +27,15 @@
|
|||
|
||||
{{- with . }}
|
||||
<main class="index-page sectioned">
|
||||
<section role="region" aria-labelledby="about">
|
||||
<h2 id="about">About this instance</h2>
|
||||
<div>
|
||||
{{- include "shortDescription" . | indent 3 }}
|
||||
<a href="/about">See more details</a>
|
||||
</div>
|
||||
</section>
|
||||
{{- include "index_what_is_this.tmpl" . | indent 1 }}
|
||||
{{- include "index_register.tmpl" . | indent 1 }}
|
||||
{{- include "index_apps.tmpl" . | indent 1 }}
|
||||
<section role="region" aria-labelledby="about">
|
||||
<h2 id="about">About this instance</h2>
|
||||
<div>
|
||||
{{- include "shortDescription" . | indent 3 }}
|
||||
<a href="/about">See more details</a>
|
||||
</div>
|
||||
</section>
|
||||
{{- include "index_what_is_this.tmpl" . | indent 1 }}
|
||||
{{- include "index_register.tmpl" . | indent 1 }}
|
||||
{{- include "index_apps.tmpl" . | indent 1 }}
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,64 +19,64 @@
|
|||
|
||||
{{- with . }}
|
||||
<section role="region" class="apps" aria-labelledby="apps">
|
||||
<h2 id="apps">Client applications</h2>
|
||||
<div>
|
||||
<p>
|
||||
Have an account on this instance and want to log in?
|
||||
GoToSocial does not provide its own webclient, but implements the Mastodon client API.
|
||||
You can use a variety of clients to log in to your account here:
|
||||
</p>
|
||||
<ul class="applist nodot" role="group">
|
||||
<li class="applist-entry">
|
||||
<div class="applist-text">
|
||||
<p><strong>Semaphore</strong> is a web client designed for speed and simplicity.</p>
|
||||
<a href="https://semaphore.social/" rel="nofollow noreferrer noopener" target="_blank">
|
||||
Use Semaphore
|
||||
</a>
|
||||
</div>
|
||||
<svg role="img" 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>
|
||||
<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>
|
||||
</svg>
|
||||
</li>
|
||||
<li class="applist-entry">
|
||||
<div class="applist-text">
|
||||
<p><strong>Tusky</strong> is a lightweight mobile client for Android.</p>
|
||||
<a href="https://tusky.app" rel="nofollow noreferrer noopener" target="_blank">
|
||||
Get Tusky
|
||||
</a>
|
||||
</div>
|
||||
<img class="applist-logo" src="/assets/tusky.svg"
|
||||
alt="The Tusky mascot, a cartoon elephant tooting happily"
|
||||
title="The Tusky mascot, a cartoon elephant tooting happily" width="100" height="100" />
|
||||
</li>
|
||||
<li class="applist-entry">
|
||||
<div class="applist-text">
|
||||
<p><strong>Feditext</strong> (beta) is a beautiful client for iOS, iPadOS and macOS.</p>
|
||||
<a href="https://github.com/feditext/feditext" rel="nofollow noreferrer noopener" target="_blank">
|
||||
Get Feditext
|
||||
</a>
|
||||
</div>
|
||||
<img class="applist-logo" src="/assets/feditext.svg"
|
||||
alt="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" />
|
||||
</li>
|
||||
<li class="applist-entry">
|
||||
<div class="applist-text">
|
||||
<p>Or try one of the <strong>Mastodon clients</strong> listed on the official Mastodon page.</p>
|
||||
<a href="https://joinmastodon.org/apps" rel="nofollow noreferrer noopener" target="_blank">
|
||||
Get Mastodon apps
|
||||
</a>
|
||||
</div>
|
||||
<img class="applist-logo" src="/assets/mastodon.svg"
|
||||
alt="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" />
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<h2 id="apps">Client applications</h2>
|
||||
<div>
|
||||
<p>
|
||||
Have an account on this instance and want to log in?
|
||||
GoToSocial does not provide its own webclient, but implements the Mastodon client API.
|
||||
You can use a variety of clients to log in to your account here:
|
||||
</p>
|
||||
<ul class="applist nodot" role="group">
|
||||
<li class="applist-entry">
|
||||
<div class="applist-text">
|
||||
<p><strong>Semaphore</strong> is a web client designed for speed and simplicity.</p>
|
||||
<a href="https://semaphore.social/" rel="nofollow noreferrer noopener" target="_blank">
|
||||
Use Semaphore
|
||||
</a>
|
||||
</div>
|
||||
<svg role="img" 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>
|
||||
<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>
|
||||
</svg>
|
||||
</li>
|
||||
<li class="applist-entry">
|
||||
<div class="applist-text">
|
||||
<p><strong>Tusky</strong> is a lightweight mobile client for Android.</p>
|
||||
<a href="https://tusky.app" rel="nofollow noreferrer noopener" target="_blank">
|
||||
Get Tusky
|
||||
</a>
|
||||
</div>
|
||||
<img class="applist-logo" src="/assets/tusky.svg"
|
||||
alt="The Tusky mascot, a cartoon elephant tooting happily"
|
||||
title="The Tusky mascot, a cartoon elephant tooting happily" width="100" height="100" />
|
||||
</li>
|
||||
<li class="applist-entry">
|
||||
<div class="applist-text">
|
||||
<p><strong>Feditext</strong> (beta) is a beautiful client for iOS, iPadOS and macOS.</p>
|
||||
<a href="https://github.com/feditext/feditext" rel="nofollow noreferrer noopener" target="_blank">
|
||||
Get Feditext
|
||||
</a>
|
||||
</div>
|
||||
<img class="applist-logo" src="/assets/feditext.svg"
|
||||
alt="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" />
|
||||
</li>
|
||||
<li class="applist-entry">
|
||||
<div class="applist-text">
|
||||
<p>Or try one of the <strong>Mastodon clients</strong> listed on the official Mastodon page.</p>
|
||||
<a href="https://joinmastodon.org/apps" rel="nofollow noreferrer noopener" target="_blank">
|
||||
Get Mastodon apps
|
||||
</a>
|
||||
</div>
|
||||
<img class="applist-logo" src="/assets/mastodon.svg"
|
||||
alt="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" />
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -28,15 +28,15 @@ New account registration is currently
|
|||
|
||||
{{- with . }}
|
||||
<section role="region" aria-labelledby="signup">
|
||||
<h2 id="signup">Register an Account on {{ .instance.Title -}}</h2>
|
||||
<div>
|
||||
<p>{{- template "registrationLimits" . -}}</p>
|
||||
{{- 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>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>
|
||||
{{- end }}
|
||||
</div>
|
||||
<h2 id="signup">Register an Account on {{ .instance.Title -}}</h2>
|
||||
<div>
|
||||
<p>{{- template "registrationLimits" . -}}</p>
|
||||
{{- 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>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>
|
||||
{{- end }}
|
||||
</div>
|
||||
</section>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,50 +19,50 @@
|
|||
|
||||
{{- with . }}
|
||||
<section role="region" class="what-is-this" aria-labelledby="what-is-this">
|
||||
<h2 id="what-is-this">What is this?</h2>
|
||||
<div>
|
||||
<p>
|
||||
The web page you're reading right now is served by an instance of GoToSocial,
|
||||
a federated, distributed, open-source microblogging software which connects
|
||||
to other instances across a network known as the "fediverse".
|
||||
</p>
|
||||
<h3 id="what-is-an-instance">What is an "instance"?</h3>
|
||||
<p>
|
||||
"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
|
||||
data by "talking" to each other over the internet using a protocol called ActivityPub.
|
||||
</p>
|
||||
<a class="activitypub-logo-wrapper" href="https://activitypub.rocks/" rel="nofollow noreferrer noopener"
|
||||
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).
|
||||
</a>
|
||||
<p>
|
||||
Each instance can, in theory, talk to each other instance, allowing people to talk
|
||||
to one another across a decentralized network that has no single authority in charge.
|
||||
</p>
|
||||
<p>
|
||||
There are thousands of fediverse instances, connecting millions of people together.
|
||||
</p>
|
||||
<h3 id="how-do-i-join-the-fediverse">How do I join the fediverse?</h3>
|
||||
<p>
|
||||
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,
|
||||
and registering an account.
|
||||
</p>
|
||||
<p>
|
||||
To help you find an instance that suits you, you can try one of the following tools:
|
||||
</p>
|
||||
<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://fedidb.org/network" rel="nofollow noreferrer noopener" target="_blank">FediDB (opens in
|
||||
a new tab)</a></li>
|
||||
</ul>
|
||||
{{- if .instance.Registrations }}
|
||||
<p>Or, just <a href="signup">register for an account on this instance</a>!</p>
|
||||
{{- end }}
|
||||
</div>
|
||||
<h2 id="what-is-this">What is this?</h2>
|
||||
<div>
|
||||
<p>
|
||||
The web page you're reading right now is served by an instance of GoToSocial,
|
||||
a federated, distributed, open-source microblogging software which connects
|
||||
to other instances across a network known as the "fediverse".
|
||||
</p>
|
||||
<h3 id="what-is-an-instance">What is an "instance"?</h3>
|
||||
<p>
|
||||
"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
|
||||
data by "talking" to each other over the internet using a protocol called ActivityPub.
|
||||
</p>
|
||||
<a class="activitypub-logo-wrapper" href="https://activitypub.rocks/" rel="nofollow noreferrer noopener"
|
||||
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).
|
||||
</a>
|
||||
<p>
|
||||
Each instance can, in theory, talk to each other instance, allowing people to talk
|
||||
to one another across a decentralized network that has no single authority in charge.
|
||||
</p>
|
||||
<p>
|
||||
There are thousands of fediverse instances, connecting millions of people together.
|
||||
</p>
|
||||
<h3 id="how-do-i-join-the-fediverse">How do I join the fediverse?</h3>
|
||||
<p>
|
||||
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,
|
||||
and registering an account.
|
||||
</p>
|
||||
<p>
|
||||
To help you find an instance that suits you, you can try one of the following tools:
|
||||
</p>
|
||||
<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://fedidb.org/network" rel="nofollow noreferrer noopener" target="_blank">FediDB (opens in
|
||||
a new tab)</a></li>
|
||||
</ul>
|
||||
{{- if .instance.Registrations }}
|
||||
<p>Or, just <a href="signup">register for an account on this instance</a>!</p>
|
||||
{{- end }}
|
||||
</div>
|
||||
</section>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,10 +19,10 @@
|
|||
|
||||
{{- with . }}
|
||||
<main>
|
||||
<section class="oob-token">
|
||||
<h1>Hi <b>{{- .user -}}</b>!</h1>
|
||||
<p>Here's your out-of-band token with scope "<em>{{- .scope -}}</em>", use it wisely:</p>
|
||||
<code>{{- .oobToken -}}</code>
|
||||
</section>
|
||||
<section class="oob-token">
|
||||
<h1>Hi <b>{{- .user -}}</b>!</h1>
|
||||
<p>Here's your out-of-band token with scope "<em>{{- .scope -}}</em>", use it wisely:</p>
|
||||
<code>{{- .oobToken -}}</code>
|
||||
</section>
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -45,45 +45,45 @@ image/webp
|
|||
<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="{{- if .robotsMeta -}}{{- .robotsMeta -}}{{- else -}}noindex, nofollow{{- end -}}">
|
||||
{{- if .ogMeta }}
|
||||
{{- include "page_ogmeta.tmpl" . | indent 2 }}
|
||||
{{- else }}
|
||||
{{- end }}
|
||||
{{- if .rssFeed }}
|
||||
<link rel="alternate" type="application/rss+xml" href="{{- .rssFeed -}}" title="{{- template "instanceTitle" . -}}">
|
||||
{{- else }}
|
||||
{{- end }}
|
||||
{{- if .account }}
|
||||
<link rel="alternate" type="application/activity+json" href="/users/{{- .account.Username -}}">
|
||||
{{- else if .status }}
|
||||
<link rel="alternate" type="application/activity+json"
|
||||
href="/users/{{- .status.Account.Username -}}/statuses/{{- .status.ID -}}">
|
||||
{{- else }}
|
||||
{{- end }}
|
||||
<link rel="icon" href="{{- .instance.Thumbnail -}}" type="{{- template "thumbnailType" . -}}">
|
||||
<link rel="apple-touch-icon" href="{{- .instance.Thumbnail -}}" type="{{- template "thumbnailType" . -}}">
|
||||
<link rel="apple-touch-startup-image" href="{{- .instance.Thumbnail -}}" type="{{- template "thumbnailType" . -}}">
|
||||
{{- include "page_stylesheets.tmpl" . | indent 2 }}
|
||||
{{- range .javascript }}
|
||||
<script type="text/javascript" src="{{- . -}}" async="" defer=""></script>
|
||||
{{- end }}
|
||||
<title>{{- template "instanceTitle" . -}}</title>
|
||||
<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="{{- if .robotsMeta -}}{{- .robotsMeta -}}{{- else -}}noindex, nofollow{{- end -}}">
|
||||
{{- if .ogMeta }}
|
||||
{{- include "page_ogmeta.tmpl" . | indent 2 }}
|
||||
{{- else }}
|
||||
{{- end }}
|
||||
{{- if .rssFeed }}
|
||||
<link rel="alternate" type="application/rss+xml" href="{{- .rssFeed -}}" title="{{- template "instanceTitle" . -}}">
|
||||
{{- else }}
|
||||
{{- end }}
|
||||
{{- if .account }}
|
||||
<link rel="alternate" type="application/activity+json" href="/users/{{- .account.Username -}}">
|
||||
{{- else if .status }}
|
||||
<link rel="alternate" type="application/activity+json"
|
||||
href="/users/{{- .status.Account.Username -}}/statuses/{{- .status.ID -}}">
|
||||
{{- else }}
|
||||
{{- end }}
|
||||
<link rel="icon" href="{{- .instance.Thumbnail -}}" type="{{- template "thumbnailType" . -}}">
|
||||
<link rel="apple-touch-icon" href="{{- .instance.Thumbnail -}}" type="{{- template "thumbnailType" . -}}">
|
||||
<link rel="apple-touch-startup-image" href="{{- .instance.Thumbnail -}}" type="{{- template "thumbnailType" . -}}">
|
||||
{{- include "page_stylesheets.tmpl" . | indent 2 }}
|
||||
{{- range .javascript }}
|
||||
<script type="text/javascript" src="{{- . -}}" async="" defer=""></script>
|
||||
{{- end }}
|
||||
<title>{{- template "instanceTitle" . -}}</title>
|
||||
</head>
|
||||
|
||||
<body class="page{{if .pageType}} {{.pageType}}{{end}}">
|
||||
<header class="page-header{{if .largeHeader}} large{{end}}">
|
||||
{{- include "page_header.tmpl" . | indent 3 }}
|
||||
</header>
|
||||
<div class="page-content">
|
||||
{{- include .pageContent . | indent 3 | outdentPre }}
|
||||
</div>
|
||||
<footer class="page-footer">
|
||||
{{- include "page_footer.tmpl" . | indent 3 }}
|
||||
</footer>
|
||||
<header class="page-header{{if .largeHeader}} large{{end}}">
|
||||
{{- include "page_header.tmpl" . | indent 3 }}
|
||||
</header>
|
||||
<div class="page-content">
|
||||
{{- include .pageContent . | indent 3 | outdentPre }}
|
||||
</div>
|
||||
<footer class="page-footer">
|
||||
{{- include "page_footer.tmpl" . | indent 3 }}
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -19,35 +19,35 @@
|
|||
|
||||
{{- with . }}
|
||||
<nav>
|
||||
<ul class="nodot">
|
||||
<li id="about">
|
||||
<a href="/about" class="nounderline">
|
||||
About {{ .instance.Title }}
|
||||
</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 {{ .instance.Version }}
|
||||
<span aria-hidden="true">🦥</span>
|
||||
</a>
|
||||
</li>
|
||||
{{- if .instance.ContactAccount }}
|
||||
<li id="contact">
|
||||
<a href="/@{{- .instance.ContactAccount.Username -}}" class="nounderline">
|
||||
Contact account - {{ .instance.ContactAccount.Username }}
|
||||
</a>
|
||||
</li>
|
||||
{{- end }}
|
||||
{{- if .instance.Email }}
|
||||
<li id="email">
|
||||
<a href="mailto:{{- .instance.Email -}}" class="nounderline" rel="nofollow noreferrer noopener"
|
||||
target="_blank">
|
||||
Email - {{ .instance.Email }}
|
||||
</a>
|
||||
</li>
|
||||
{{- end }}
|
||||
</ul>
|
||||
<ul class="nodot">
|
||||
<li id="about">
|
||||
<a href="/about" class="nounderline">
|
||||
About {{ .instance.Title }}
|
||||
</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 {{ .instance.Version }}
|
||||
<span aria-hidden="true">🦥</span>
|
||||
</a>
|
||||
</li>
|
||||
{{- if .instance.ContactAccount }}
|
||||
<li id="contact">
|
||||
<a href="/@{{- .instance.ContactAccount.Username -}}" class="nounderline">
|
||||
Contact account - {{ .instance.ContactAccount.Username }}
|
||||
</a>
|
||||
</li>
|
||||
{{- end }}
|
||||
{{- if .instance.Email }}
|
||||
<li id="email">
|
||||
<a href="mailto:{{- .instance.Email -}}" class="nounderline" rel="nofollow noreferrer noopener"
|
||||
target="_blank">
|
||||
Email - {{ .instance.Email }}
|
||||
</a>
|
||||
</li>
|
||||
{{- end }}
|
||||
</ul>
|
||||
</nav>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -57,18 +57,18 @@ Instance Logo
|
|||
|
||||
{{- with . }}
|
||||
<a aria-label="{{- .instance.Title -}}. Go to instance homepage" href="/" class="nounderline">
|
||||
<picture>
|
||||
{{- if .instance.ThumbnailStatic }}
|
||||
<source srcset="{{- .instance.ThumbnailStatic -}}" type="{{- .instance.ThumbnailStaticType -}}"
|
||||
media="(prefers-reduced-motion: reduce)" />
|
||||
{{- end }}
|
||||
<img src="{{- .instance.Thumbnail -}}" alt="{{- template "thumbnailDescription" . -}}"
|
||||
title="{{- template "thumbnailDescription" . -}}" />
|
||||
</picture>
|
||||
<h1>{{- .instance.Title -}}</h1>
|
||||
<picture>
|
||||
{{- if .instance.ThumbnailStatic }}
|
||||
<source srcset="{{- .instance.ThumbnailStatic -}}" type="{{- .instance.ThumbnailStaticType -}}"
|
||||
media="(prefers-reduced-motion: reduce)" />
|
||||
{{- end }}
|
||||
<img src="{{- .instance.Thumbnail -}}" alt="{{- template "thumbnailDescription" . -}}"
|
||||
title="{{- template "thumbnailDescription" . -}}" />
|
||||
</picture>
|
||||
<h1>{{- .instance.Title -}}</h1>
|
||||
</a>
|
||||
{{- if .showStrap }}
|
||||
<aside>home to {{ template "strapUsers" . }} who wrote {{ template "strapPosts" . }}, federating with
|
||||
{{ template "strapInstances" . }}</aside>
|
||||
{{ template "strapInstances" . }}</aside>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
@ -54,4 +54,4 @@
|
|||
<meta property="og:image:height" content="{{ .ImageHeight }}">
|
||||
{{- else }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -36,4 +36,4 @@
|
|||
{{- range .stylesheets }}
|
||||
<link rel="stylesheet" href="{{- . -}}">
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -20,17 +20,16 @@
|
|||
{{- define "profileMovedTo" -}}
|
||||
{{- with .account.Moved }}
|
||||
<div class="moved-to">
|
||||
<b>
|
||||
ℹ️ This account has permanently moved to
|
||||
<a
|
||||
href="{{ .URL }}"
|
||||
class="nounderline"
|
||||
rel="nofollow noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
@{{ .Username }}
|
||||
</a>
|
||||
</b>
|
||||
<b>
|
||||
ℹ️ This account has permanently moved to
|
||||
<a
|
||||
href="{{ .URL }}"
|
||||
class="nounderline"
|
||||
rel="nofollow noreferrer noopener"
|
||||
target="_blank">
|
||||
@{{ .Username }}
|
||||
</a>
|
||||
</b>
|
||||
</div>
|
||||
{{- end }}
|
||||
{{- end -}}
|
||||
|
|
@ -42,226 +41,216 @@
|
|||
|
||||
{{- define "avatarWidth" -}}
|
||||
{{- with .account }}
|
||||
{{- if isNil .AvatarAttachment -}}
|
||||
{{- template "defaultAvatarDimension" . -}}
|
||||
{{- else -}}
|
||||
{{- /* Use the avatar's proper dimensions. */ -}}
|
||||
{{- .AvatarAttachment.Meta.Original.Width -}}
|
||||
{{- end -}}
|
||||
{{- if isNil .AvatarAttachment -}}
|
||||
{{- template "defaultAvatarDimension" . -}}
|
||||
{{- else -}}
|
||||
{{- /* Use the avatar's proper dimensions. */ -}}
|
||||
{{- .AvatarAttachment.Meta.Original.Width -}}
|
||||
{{- end -}}
|
||||
{{- end }}
|
||||
{{- end -}}
|
||||
|
||||
{{- define "avatarHeight" -}}
|
||||
{{- with .account }}
|
||||
{{- if isNil .AvatarAttachment -}}
|
||||
{{- template "defaultAvatarDimension" . -}}
|
||||
{{- else -}}
|
||||
{{- /* Use the avatar's proper dimensions. */ -}}
|
||||
{{- .AvatarAttachment.Meta.Original.Height -}}
|
||||
{{- end -}}
|
||||
{{- if isNil .AvatarAttachment -}}
|
||||
{{- template "defaultAvatarDimension" . -}}
|
||||
{{- else -}}
|
||||
{{- /* Use the avatar's proper dimensions. */ -}}
|
||||
{{- .AvatarAttachment.Meta.Original.Height -}}
|
||||
{{- end -}}
|
||||
{{- end }}
|
||||
{{- end -}}
|
||||
|
||||
{{- define "avatarAlt" -}}
|
||||
Avatar for {{ .account.Username -}}
|
||||
{{- if .account.AvatarDescription }}
|
||||
{{- /* Add the avatar's image description. */ -}}
|
||||
: {{ .account.AvatarDescription -}}
|
||||
{{- end -}}
|
||||
Avatar for {{ .account.Username -}}
|
||||
{{- if .account.AvatarDescription }}
|
||||
{{- /* Add the avatar's image description. */ -}}
|
||||
: {{ .account.AvatarDescription -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
|
||||
{{- define "headerAlt" -}}
|
||||
Header for {{ .account.Username -}}
|
||||
{{- if .account.HeaderDescription }}
|
||||
{{- /* Add the header's image description. */ -}}
|
||||
: {{ .account.HeaderDescription -}}
|
||||
{{- end -}}
|
||||
Header for {{ .account.Username -}}
|
||||
{{- if .account.HeaderDescription }}
|
||||
{{- /* Add the header's image description. */ -}}
|
||||
: {{ .account.HeaderDescription -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
|
||||
{{- define "avatar" -}}
|
||||
{{- with . }}
|
||||
<div
|
||||
class="media photoswipe-gallery odd single avatar-image-wrapper"
|
||||
role="group"
|
||||
>
|
||||
<a
|
||||
class="photoswipe-slide"
|
||||
href="{{- .account.Avatar -}}"
|
||||
target="_blank"
|
||||
data-pswp-width="{{- template "avatarWidth" . -}}px"
|
||||
data-pswp-height="{{- template "avatarHeight" . -}}px"
|
||||
data-cropped="true"
|
||||
alt="{{- template "avatarAlt" . -}}"
|
||||
title="{{- template "avatarAlt" . -}}"
|
||||
>
|
||||
<picture
|
||||
aria-hidden="true"
|
||||
>
|
||||
{{- if .account.AvatarAttachment }}
|
||||
<source
|
||||
class="avatar"
|
||||
srcset="{{- .account.AvatarStatic -}}"
|
||||
type="{{- .account.AvatarAttachment.PreviewMIMEType -}}"
|
||||
media="(prefers-reduced-motion: reduce)"
|
||||
/>
|
||||
{{- end }}
|
||||
<img
|
||||
class="avatar"
|
||||
src="{{- .account.Avatar -}}"
|
||||
alt="{{- template "avatarAlt" . -}}"
|
||||
title="{{- template "avatarAlt" . -}}"
|
||||
width="{{- template "avatarWidth" . -}}"
|
||||
height="{{- template "avatarHeight" . -}}"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
class="media photoswipe-gallery odd single avatar-image-wrapper"
|
||||
role="group">
|
||||
<a
|
||||
class="photoswipe-slide"
|
||||
href="{{- .account.Avatar -}}"
|
||||
target="_blank"
|
||||
data-pswp-width="{{- template "avatarWidth" . -}}px"
|
||||
data-pswp-height="{{- template "avatarHeight" . -}}px"
|
||||
data-cropped="true"
|
||||
alt="{{- template "avatarAlt" . -}}"
|
||||
title="{{- template "avatarAlt" . -}}">
|
||||
<picture
|
||||
aria-hidden="true">
|
||||
{{- if .account.AvatarAttachment }}
|
||||
<source
|
||||
class="avatar"
|
||||
srcset="{{- .account.AvatarStatic -}}"
|
||||
type="{{- .account.AvatarAttachment.PreviewMIMEType -}}"
|
||||
media="(prefers-reduced-motion: reduce)" />
|
||||
{{- end }}
|
||||
<img
|
||||
class="avatar"
|
||||
src="{{- .account.Avatar -}}"
|
||||
alt="{{- template "avatarAlt" . -}}"
|
||||
title="{{- template "avatarAlt" . -}}"
|
||||
width="{{- template "avatarWidth" . -}}"
|
||||
height="{{- template "avatarHeight" . -}}" />
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
{{- end }}
|
||||
{{- end -}}
|
||||
|
||||
{{- with . }}
|
||||
<main class="profile">
|
||||
<h2 class="sr-only">Profile for {{ .account.Username -}}</h2>
|
||||
<section class="profile-header" role="region" aria-label="Basic info">
|
||||
{{- if .account.Moved }}
|
||||
{{- include "profileMovedTo" . | indent 2 }}
|
||||
{{- end }}
|
||||
<div class="header-image-wrapper">
|
||||
<picture>
|
||||
{{- if .account.HeaderAttachment }}
|
||||
<source
|
||||
srcset="{{- .account.HeaderStatic -}}"
|
||||
type="{{- .account.HeaderAttachment.PreviewMIMEType -}}"
|
||||
media="(prefers-reduced-motion: reduce)"
|
||||
/>
|
||||
{{- end }}
|
||||
<img
|
||||
src="{{- .account.Header -}}"
|
||||
alt="{{- template "headerAlt" . -}}"
|
||||
title="{{- template "headerAlt" . -}}"
|
||||
/>
|
||||
</picture>
|
||||
</div>
|
||||
<div class="basic-info">
|
||||
{{- with . }}
|
||||
{{- include "avatar" . | indent 3 }}
|
||||
{{- end }}
|
||||
<dl class="namerole">
|
||||
<dt class="sr-only">Display name</dt>
|
||||
<dd class="displayname text-cutoff">
|
||||
{{- if .account.DisplayName -}}
|
||||
{{- emojify .account.Emojis (escape .account.DisplayName) -}}
|
||||
{{- else -}}
|
||||
{{- .account.Username -}}
|
||||
{{- end -}}
|
||||
</dd>
|
||||
<div class="bot-username-wrapper">
|
||||
{{- if .account.Bot }}
|
||||
<dt class="sr-only">Bot account</dt>
|
||||
<dd>
|
||||
<span class="sr-only">true</span>
|
||||
<div
|
||||
class="bot-legend-wrapper"
|
||||
aria-hidden="true"
|
||||
title="This is a bot account."
|
||||
>
|
||||
<i class="bot-icon fa fa-microchip"></i>
|
||||
<span class="bot-legend">bot</span>
|
||||
</div>
|
||||
</dd>
|
||||
{{- end }}
|
||||
<dt class="sr-only">Username</dt>
|
||||
<dd class="username text-cutoff">@{{- .account.Username -}}@{{- .instance.AccountDomain -}}</dd>
|
||||
</div>
|
||||
{{- if .account.Roles }}
|
||||
<dt class="sr-only">Role</dt>
|
||||
{{- range .account.Roles }}
|
||||
<dd class="role {{ .Name -}}">{{- .Name -}}</dd>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
</dl>
|
||||
</div>
|
||||
</section>
|
||||
<div class="column-split">
|
||||
<section class="about-user" role="region" aria-labelledby="about-header">
|
||||
<div class="col-header">
|
||||
<h3 id="about-header">About<span class="sr-only"> {{- .account.Username -}}</span></h3>
|
||||
</div>
|
||||
{{- if .account.Fields }}
|
||||
{{- include "profile_fields.tmpl" . | indent 3 }}
|
||||
{{- end }}
|
||||
<h4 class="sr-only">Bio</h4>
|
||||
<div class="bio">
|
||||
{{- if .account.Note }}
|
||||
{{ emojify .account.Emojis (noescape .account.Note) }}
|
||||
{{- else }}
|
||||
<p>This GoToSocial user hasn't written a bio yet!</p>
|
||||
{{- end }}
|
||||
</div>
|
||||
<h4 class="sr-only">Stats</h4>
|
||||
<dl class="accountstats">
|
||||
<dt>Joined</dt>
|
||||
<dd><time datetime="{{- .account.CreatedAt -}}">{{- .account.CreatedAt | timestampVague -}}</time></dd>
|
||||
<dt>Posts</dt>
|
||||
<dd>{{- .account.StatusesCount -}}</dd>
|
||||
<dt>Followed by</dt>
|
||||
<dd>{{- if .account.HideCollections -}}<i>hidden</i>{{- else -}}{{- .account.FollowersCount -}}{{- end -}}</dd>
|
||||
<dt>Following</dt>
|
||||
<dd>{{- if .account.HideCollections -}}<i>hidden</i>{{- else -}}{{- .account.FollowingCount -}}{{- end -}}</dd>
|
||||
</dl>
|
||||
</section>
|
||||
<div class="statuses-wrapper" role="region" aria-label="Posts by {{ .account.Username -}}">
|
||||
{{- if .pinned_statuses }}
|
||||
<section class="pinned statuses" aria-labelledby="pinned">
|
||||
<div class="col-header">
|
||||
<h3 id="pinned">Pinned posts</h3>
|
||||
<a href="#recent">jump to recent</a>
|
||||
</div>
|
||||
<div class="thread">
|
||||
{{- range .pinned_statuses }}
|
||||
<article
|
||||
class="status expanded"
|
||||
{{- includeAttr "status_attributes.tmpl" . | indentAttr 6 }}
|
||||
>
|
||||
{{- include "status.tmpl" . | indent 6 }}
|
||||
</article>
|
||||
{{- end }}
|
||||
</div>
|
||||
</section>
|
||||
{{- end }}
|
||||
<section class="recent statuses" aria-labelledby="recent">
|
||||
<div class="col-header">
|
||||
<h3 id="recent" tabindex="-1">Recent posts</h3>
|
||||
{{- if .rssFeed }}
|
||||
<a href="{{- .rssFeed -}}" class="rss-icon" aria-label="RSS feed">
|
||||
<i class="fa fa-rss-square" aria-hidden="true"></i>
|
||||
</a>
|
||||
{{- end }}
|
||||
</div>
|
||||
<div class="thread">
|
||||
{{- if not .statuses }}
|
||||
<div data-nosnippet class="nothinghere">Nothing here!</div>
|
||||
{{- else }}
|
||||
{{- range .statuses }}
|
||||
<article
|
||||
class="status expanded"
|
||||
{{- includeAttr "status_attributes.tmpl" . | indentAttr 6 }}
|
||||
>
|
||||
{{- include "status.tmpl" . | indent 6 }}
|
||||
</article>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
</div>
|
||||
<nav class="backnextlinks">
|
||||
{{- if .show_back_to_top }}
|
||||
<a href="/@{{- .account.Username -}}">Back to top</a>
|
||||
{{- end }}
|
||||
{{- if .statuses_next }}
|
||||
<a href="{{- .statuses_next -}}" class="next">Show older</a>
|
||||
{{- end }}
|
||||
</nav>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="sr-only">Profile for {{ .account.Username -}}</h2>
|
||||
<section class="profile-header" role="region" aria-label="Basic info">
|
||||
{{- if .account.Moved }}
|
||||
{{- include "profileMovedTo" . | indent 2 }}
|
||||
{{- end }}
|
||||
<div class="header-image-wrapper">
|
||||
<picture>
|
||||
{{- if .account.HeaderAttachment }}
|
||||
<source
|
||||
srcset="{{- .account.HeaderStatic -}}"
|
||||
type="{{- .account.HeaderAttachment.PreviewMIMEType -}}"
|
||||
media="(prefers-reduced-motion: reduce)" />
|
||||
{{- end }}
|
||||
<img
|
||||
src="{{- .account.Header -}}"
|
||||
alt="{{- template "headerAlt" . -}}"
|
||||
title="{{- template "headerAlt" . -}}" />
|
||||
</picture>
|
||||
</div>
|
||||
<div class="basic-info">
|
||||
{{- with . }}
|
||||
{{- include "avatar" . | indent 3 }}
|
||||
{{- end }}
|
||||
<dl class="namerole">
|
||||
<dt class="sr-only">Display name</dt>
|
||||
<dd class="displayname text-cutoff">
|
||||
{{- if .account.DisplayName -}}
|
||||
{{- emojify .account.Emojis (escape .account.DisplayName) -}}
|
||||
{{- else -}}
|
||||
{{- .account.Username -}}
|
||||
{{- end -}}
|
||||
</dd>
|
||||
<div class="bot-username-wrapper">
|
||||
{{- if .account.Bot }}
|
||||
<dt class="sr-only">Bot account</dt>
|
||||
<dd>
|
||||
<span class="sr-only">true</span>
|
||||
<div
|
||||
class="bot-legend-wrapper"
|
||||
aria-hidden="true"
|
||||
title="This is a bot account.">
|
||||
<i class="bot-icon fa fa-microchip"></i>
|
||||
<span class="bot-legend">bot</span>
|
||||
</div>
|
||||
</dd>
|
||||
{{- end }}
|
||||
<dt class="sr-only">Username</dt>
|
||||
<dd class="username text-cutoff">@{{- .account.Username -}}@{{- .instance.AccountDomain -}}</dd>
|
||||
</div>
|
||||
{{- if .account.Roles }}
|
||||
<dt class="sr-only">Role</dt>
|
||||
{{- range .account.Roles }}
|
||||
<dd class="role {{ .Name -}}">{{- .Name -}}</dd>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
</dl>
|
||||
</div>
|
||||
</section>
|
||||
<div class="column-split">
|
||||
<section class="about-user" role="region" aria-labelledby="about-header">
|
||||
<div class="col-header">
|
||||
<h3 id="about-header">About<span class="sr-only"> {{- .account.Username -}}</span></h3>
|
||||
</div>
|
||||
{{- if .account.Fields }}
|
||||
{{- include "profile_fields.tmpl" . | indent 3 }}
|
||||
{{- end }}
|
||||
<h4 class="sr-only">Bio</h4>
|
||||
<div class="bio">
|
||||
{{- if .account.Note }}
|
||||
{{ emojify .account.Emojis (noescape .account.Note) }}
|
||||
{{- else }}
|
||||
<p>This GoToSocial user hasn't written a bio yet!</p>
|
||||
{{- end }}
|
||||
</div>
|
||||
<h4 class="sr-only">Stats</h4>
|
||||
<dl class="accountstats">
|
||||
<dt>Joined</dt>
|
||||
<dd><time datetime="{{- .account.CreatedAt -}}">{{- .account.CreatedAt | timestampVague -}}</time></dd>
|
||||
<dt>Posts</dt>
|
||||
<dd>{{- .account.StatusesCount -}}</dd>
|
||||
<dt>Followed by</dt>
|
||||
<dd>{{- if .account.HideCollections -}}<i>hidden</i>{{- else -}}{{- .account.FollowersCount -}}{{- end -}}</dd>
|
||||
<dt>Following</dt>
|
||||
<dd>{{- if .account.HideCollections -}}<i>hidden</i>{{- else -}}{{- .account.FollowingCount -}}{{- end -}}</dd>
|
||||
</dl>
|
||||
</section>
|
||||
<div class="statuses-wrapper" role="region" aria-label="Posts by {{ .account.Username -}}">
|
||||
{{- if .pinned_statuses }}
|
||||
<section class="pinned statuses" aria-labelledby="pinned">
|
||||
<div class="col-header">
|
||||
<h3 id="pinned">Pinned posts</h3>
|
||||
<a href="#recent">jump to recent</a>
|
||||
</div>
|
||||
<div class="thread">
|
||||
{{- range .pinned_statuses }}
|
||||
<article
|
||||
class="status expanded"
|
||||
{{- includeAttr "status_attributes.tmpl" . | indentAttr 6 }}>
|
||||
{{- include "status.tmpl" . | indent 6 }}
|
||||
</article>
|
||||
{{- end }}
|
||||
</div>
|
||||
</section>
|
||||
{{- end }}
|
||||
<section class="recent statuses" aria-labelledby="recent">
|
||||
<div class="col-header">
|
||||
<h3 id="recent" tabindex="-1">Recent posts</h3>
|
||||
{{- if .rssFeed }}
|
||||
<a href="{{- .rssFeed -}}" class="rss-icon" aria-label="RSS feed">
|
||||
<i class="fa fa-rss-square" aria-hidden="true"></i>
|
||||
</a>
|
||||
{{- end }}
|
||||
</div>
|
||||
<div class="thread">
|
||||
{{- if not .statuses }}
|
||||
<div data-nosnippet class="nothinghere">Nothing here!</div>
|
||||
{{- else }}
|
||||
{{- range .statuses }}
|
||||
<article
|
||||
class="status expanded"
|
||||
{{- includeAttr "status_attributes.tmpl" . | indentAttr 6 }}>
|
||||
{{- include "status.tmpl" . | indent 6 }}
|
||||
</article>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
</div>
|
||||
<nav class="backnextlinks">
|
||||
{{- if .show_back_to_top }}
|
||||
<a href="/@{{- .account.Username -}}">Back to top</a>
|
||||
{{- end }}
|
||||
{{- if .statuses_next }}
|
||||
<a href="{{- .statuses_next -}}" class="next">Show older</a>
|
||||
{{- end }}
|
||||
</nav>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,14 +19,14 @@
|
|||
|
||||
{{- with . }}
|
||||
<div class="fields">
|
||||
<h4 class="sr-only">Fields</h4>
|
||||
<dl>
|
||||
{{- range .account.Fields }}
|
||||
<div class="field">
|
||||
<dt>{{- emojify $.account.Emojis (noescape .Name) -}}</dt>
|
||||
<dd>{{- emojify $.account.Emojis (noescape .Value) -}}</dd>
|
||||
</div>
|
||||
{{- end }}
|
||||
</dl>
|
||||
<h4 class="sr-only">Fields</h4>
|
||||
<dl>
|
||||
{{- range .account.Fields }}
|
||||
<div class="field">
|
||||
<dt>{{- emojify $.account.Emojis (noescape .Name) -}}</dt>
|
||||
<dd>{{- emojify $.account.Emojis (noescape .Value) -}}</dd>
|
||||
</div>
|
||||
{{- end }}
|
||||
</dl>
|
||||
</div>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,6 +19,6 @@
|
|||
|
||||
{{- with . }}
|
||||
<main class="settings">
|
||||
<div id="root"></div>
|
||||
<div id="root"></div>
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,19 +19,19 @@
|
|||
|
||||
{{- with . }}
|
||||
<main>
|
||||
<section class="with-form" aria-labelledby="sign-in">
|
||||
<h2 id="sign-in">Sign in</h2>
|
||||
<form action="/auth/sign_in" method="POST">
|
||||
<div class="labelinput">
|
||||
<label for="email">Email</label>
|
||||
<input type="email" name="username" required placeholder="Please enter your email address">
|
||||
</div>
|
||||
<div class="labelinput">
|
||||
<label for="password">Password</label>
|
||||
<input type="password" name="password" required placeholder="Please enter your password">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-success">Sign in</button>
|
||||
</form>
|
||||
</section>
|
||||
<section class="with-form" aria-labelledby="sign-in">
|
||||
<h2 id="sign-in">Sign in</h2>
|
||||
<form action="/auth/sign_in" method="POST">
|
||||
<div class="labelinput">
|
||||
<label for="email">Email</label>
|
||||
<input type="email" name="username" required placeholder="Please enter your email address">
|
||||
</div>
|
||||
<div class="labelinput">
|
||||
<label for="password">Password</label>
|
||||
<input type="password" name="password" required placeholder="Please enter your password">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-success">Sign in</button>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,53 +19,53 @@
|
|||
|
||||
{{- with . }}
|
||||
<main>
|
||||
<section class="with-form" aria-labelledby="sign-up">
|
||||
<h2 id="sign-up">Sign up for an account on {{ .instance.Title -}}</h2>
|
||||
{{- if not .registrationOpen }}
|
||||
<p>This instance is not currently open to new sign-ups.</p>
|
||||
{{- else }}
|
||||
<form action="/signup" method="POST">
|
||||
<div class="labelinput">
|
||||
<label for="email">Email</label>
|
||||
<input id="email" type="email" name="email" required placeholder="Email address">
|
||||
</div>
|
||||
<div class="labelinput">
|
||||
<label for="password">Password</label>
|
||||
<input id="password" type="password" name="password" required
|
||||
placeholder="Please enter your desired password" autocomplete="new-password">
|
||||
</div>
|
||||
<div class="labelinput">
|
||||
<label for="username">
|
||||
Username (lowercase a-z, numbers, and underscores; max 64 characters).<br />
|
||||
<small>Your username will be part of your fediverse handle, and cannot be changed later, so choose
|
||||
thoughtfully!</small>
|
||||
</label>
|
||||
<input id="username" type="text" name="username" required
|
||||
placeholder="Please enter your desired username" pattern="^[a-z0-9_]{1,64}$" autocapitalize="off"
|
||||
spellcheck="false" title="lowercase a-z, numbers, and underscores; max 64 characters">
|
||||
</div>
|
||||
{{- if .reasonRequired }}
|
||||
<div class="labelinput">
|
||||
<label for="reason">
|
||||
Reason you want to join {{ .instance.Title }} (40-500 characters).<br />
|
||||
<small>The admin(s) will use this text to decide whether or not to approve your sign-up.</small>
|
||||
</label>
|
||||
<textarea id="reason" name="reason" required
|
||||
placeholder="Enter a few sentences about why you want to join this instance. If you know someone on the instance already, you may want to mention them here. You might want to link to any other accounts you have elsewhere too."
|
||||
rows="8" minlength="40" maxlength="500" autocapitalize="sentences"
|
||||
title="40-500 characters"></textarea>
|
||||
</div>
|
||||
{{- end }}
|
||||
<div class="checkbox">
|
||||
<label for="agreement">I have read and accept the <a href="/about#terms">terms and conditions</a> of
|
||||
{{ .instance.Title }}, and I agree to abide by the <a href="/about#rules">instance
|
||||
rules</a>.</label>
|
||||
<input id="agreement" type="checkbox" name="agreement" required value="true">
|
||||
</div>
|
||||
<input type="hidden" name="locale" value="en">
|
||||
<button type="submit" class="btn btn-success">Submit</button>
|
||||
</form>
|
||||
{{- end }}
|
||||
</section>
|
||||
<section class="with-form" aria-labelledby="sign-up">
|
||||
<h2 id="sign-up">Sign up for an account on {{ .instance.Title -}}</h2>
|
||||
{{- if not .registrationOpen }}
|
||||
<p>This instance is not currently open to new sign-ups.</p>
|
||||
{{- else }}
|
||||
<form action="/signup" method="POST">
|
||||
<div class="labelinput">
|
||||
<label for="email">Email</label>
|
||||
<input id="email" type="email" name="email" required placeholder="Email address">
|
||||
</div>
|
||||
<div class="labelinput">
|
||||
<label for="password">Password</label>
|
||||
<input id="password" type="password" name="password" required
|
||||
placeholder="Please enter your desired password" autocomplete="new-password">
|
||||
</div>
|
||||
<div class="labelinput">
|
||||
<label for="username">
|
||||
Username (lowercase a-z, numbers, and underscores; max 64 characters).<br />
|
||||
<small>Your username will be part of your fediverse handle, and cannot be changed later, so choose
|
||||
thoughtfully!</small>
|
||||
</label>
|
||||
<input id="username" type="text" name="username" required
|
||||
placeholder="Please enter your desired username" pattern="^[a-z0-9_]{1,64}$" autocapitalize="off"
|
||||
spellcheck="false" title="lowercase a-z, numbers, and underscores; max 64 characters">
|
||||
</div>
|
||||
{{- if .reasonRequired }}
|
||||
<div class="labelinput">
|
||||
<label for="reason">
|
||||
Reason you want to join {{ .instance.Title }} (40-500 characters).<br />
|
||||
<small>The admin(s) will use this text to decide whether or not to approve your sign-up.</small>
|
||||
</label>
|
||||
<textarea id="reason" name="reason" required
|
||||
placeholder="Enter a few sentences about why you want to join this instance. If you know someone on the instance already, you may want to mention them here. You might want to link to any other accounts you have elsewhere too."
|
||||
rows="8" minlength="40" maxlength="500" autocapitalize="sentences"
|
||||
title="40-500 characters"></textarea>
|
||||
</div>
|
||||
{{- end }}
|
||||
<div class="checkbox">
|
||||
<label for="agreement">I have read and accept the <a href="/about#terms">terms and conditions</a> of
|
||||
{{ .instance.Title }}, and I agree to abide by the <a href="/about#rules">instance
|
||||
rules</a>.</label>
|
||||
<input id="agreement" type="checkbox" name="agreement" required value="true">
|
||||
</div>
|
||||
<input type="hidden" name="locale" value="en">
|
||||
<button type="submit" class="btn btn-success">Submit</button>
|
||||
</form>
|
||||
{{- end }}
|
||||
</section>
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,12 +19,12 @@
|
|||
|
||||
{{- with . }}
|
||||
<main>
|
||||
<section aria-labelledby="signed-up">
|
||||
<h2 id="signed-up">Thanks for signing up to {{ .instance.Title -}}!</h2>
|
||||
<p>Hi <b>{{- .username -}}</b>!</p>
|
||||
<p>Your sign-up has been registered, and a confirmation email has been sent to <b>{{- .email -}}</b>.</p>
|
||||
<p>Please check your email inbox and click the link to confirm your email.</p>
|
||||
<p>Once an admin has approved your sign-up, you will be able to log in and use your account.</p>
|
||||
</section>
|
||||
<section aria-labelledby="signed-up">
|
||||
<h2 id="signed-up">Thanks for signing up to {{ .instance.Title -}}!</h2>
|
||||
<p>Hi <b>{{- .username -}}</b>!</p>
|
||||
<p>Your sign-up has been registered, and a confirmation email has been sent to <b>{{- .email -}}</b>.</p>
|
||||
<p>Please check your email inbox and click the link to confirm your email.</p>
|
||||
<p>Once an admin has approved your sign-up, you will be able to log in and use your account.</p>
|
||||
</section>
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
{{- define "statusContent" -}}
|
||||
{{- with .Content }}
|
||||
<div class="content" lang="{{- $.LanguageTag.TagStr -}}">
|
||||
{{ noescape . | emojify $.Emojis }}
|
||||
{{ noescape . | emojify $.Emojis }}
|
||||
</div>
|
||||
{{- end }}
|
||||
{{- end -}}
|
||||
|
|
@ -32,50 +32,50 @@
|
|||
|
||||
{{- with . }}
|
||||
<header class="status-header">
|
||||
{{- include "status_header.tmpl" . | indent 1 }}
|
||||
{{- include "status_header.tmpl" . | indent 1 }}
|
||||
</header>
|
||||
<div class="status-body">
|
||||
{{- if .SpoilerText }}
|
||||
<details class="text-spoiler">
|
||||
<summary>
|
||||
<span class="spoiler-text"
|
||||
lang="{{- .LanguageTag.TagStr -}}">{{- emojify .Emojis (escape .SpoilerText) -}}</span>
|
||||
<span class="button" role="button" tabindex="0">Toggle visibility</span>
|
||||
</summary>
|
||||
<div class="text">
|
||||
{{- with . }}
|
||||
{{- include "statusContent" . | indent 3 }}
|
||||
{{- end }}
|
||||
{{- if .Poll }}
|
||||
{{- include "status_poll.tmpl" . | indent 3 }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</details>
|
||||
{{- else }}
|
||||
<div class="text">
|
||||
{{- with . }}
|
||||
{{- include "statusContent" . | indent 2 }}
|
||||
{{- end }}
|
||||
{{- if .Poll }}
|
||||
{{- include "status_poll.tmpl" . | indent 2 }}
|
||||
{{- end }}
|
||||
</div>
|
||||
{{- end }}
|
||||
{{- if .MediaAttachments }}
|
||||
{{- include "status_attachments.tmpl" . | indent 1 }}
|
||||
{{- end }}
|
||||
{{- if .SpoilerText }}
|
||||
<details class="text-spoiler">
|
||||
<summary>
|
||||
<span class="spoiler-text"
|
||||
lang="{{- .LanguageTag.TagStr -}}">{{- emojify .Emojis (escape .SpoilerText) -}}</span>
|
||||
<span class="button" role="button" tabindex="0">Toggle visibility</span>
|
||||
</summary>
|
||||
<div class="text">
|
||||
{{- with . }}
|
||||
{{- include "statusContent" . | indent 3 }}
|
||||
{{- end }}
|
||||
{{- if .Poll }}
|
||||
{{- include "status_poll.tmpl" . | indent 3 }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</details>
|
||||
{{- else }}
|
||||
<div class="text">
|
||||
{{- with . }}
|
||||
{{- include "statusContent" . | indent 2 }}
|
||||
{{- end }}
|
||||
{{- if .Poll }}
|
||||
{{- include "status_poll.tmpl" . | indent 2 }}
|
||||
{{- end }}
|
||||
</div>
|
||||
{{- end }}
|
||||
{{- if .MediaAttachments }}
|
||||
{{- include "status_attachments.tmpl" . | indent 1 }}
|
||||
{{- end }}
|
||||
</div>
|
||||
<aside class="status-info">
|
||||
{{- include "status_info.tmpl" . | indent 1 }}
|
||||
{{- include "status_info.tmpl" . | indent 1 }}
|
||||
</aside>
|
||||
{{- if .Local }}
|
||||
<a href="{{- .URL -}}" class="status-link" data-nosnippet title="Open thread at this post">
|
||||
Open thread at this post
|
||||
Open thread at this post
|
||||
</a>
|
||||
{{- else }}
|
||||
<a href="{{- .URL -}}" class="status-link" data-nosnippet rel="nofollow noreferrer noopener" target="_blank"
|
||||
title="Open remote post (opens in a new window)">
|
||||
Open remote post (opens in a new window)
|
||||
title="Open remote post (opens in a new window)">
|
||||
Open remote post (opens in a new window)
|
||||
</a>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -24,22 +24,22 @@
|
|||
|
||||
{{- define "imagePreview" }}
|
||||
<img src="{{- .PreviewURL -}}" loading="lazy" {{- if .Description }} alt="{{- .Description -}}"
|
||||
title="{{- .Description -}}" {{- end }} width="{{- .Meta.Original.Width -}}"
|
||||
height="{{- .Meta.Original.Height -}}" />
|
||||
title="{{- .Description -}}" {{- end }} width="{{- .Meta.Original.Width -}}"
|
||||
height="{{- .Meta.Original.Height -}}" />
|
||||
{{- end }}
|
||||
|
||||
{{- define "videoPreview" }}
|
||||
<img src="{{- .PreviewURL -}}" loading="lazy" {{- if .Description }} alt="{{- .Description -}}"
|
||||
title="{{- .Description -}}" {{- end }} width="{{- .Meta.Small.Width -}}" height="{{- .Meta.Small.Height -}}" />
|
||||
title="{{- .Description -}}" {{- end }} width="{{- .Meta.Small.Width -}}" height="{{- .Meta.Small.Height -}}" />
|
||||
{{- end }}
|
||||
|
||||
{{- define "audioPreview" }}
|
||||
{{- if and .PreviewURL .Meta.Small.Width }}
|
||||
<img src="{{- .PreviewURL -}}" loading="lazy" {{- if .Description }} alt="{{- .Description -}}"
|
||||
title="{{- .Description -}}" {{- end }} width="{{- .Meta.Small.Width -}}" height="{{- .Meta.Small.Height -}}" />
|
||||
title="{{- .Description -}}" {{- end }} width="{{- .Meta.Small.Width -}}" height="{{- .Meta.Small.Height -}}" />
|
||||
{{- else }}
|
||||
<img src="/assets/logo.webp" loading="lazy" {{- if .Description }} alt="{{- .Description -}}"
|
||||
title="{{- .Description -}}" {{- end }} width="518" height="460" />
|
||||
title="{{- .Description -}}" {{- end }} width="518" height="460" />
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
||||
|
|
@ -55,83 +55,82 @@ media photoswipe-gallery {{ (len .) | oddOrEven }} {{ if eq (len .) 1 }}single{{
|
|||
|
||||
{{- with .MediaAttachments }}
|
||||
<div class="{{- template "galleryClass" . -}}" role="group" aria-label="{{- template "attachmentsLength" . -}}">
|
||||
{{- range $index, $media := . }}
|
||||
<div class="media-wrapper">
|
||||
<details class="{{- $media.Type -}}-spoiler media-spoiler" {{- if not $media.Sensitive }} open{{- end -}}>
|
||||
<summary>
|
||||
<div class="show sensitive button" aria-hidden="true">Show sensitive media</div>
|
||||
<span class="eye button" role="button" tabindex="0" aria-label="Toggle media">
|
||||
<i class="hide fa fa-fw fa-eye-slash" aria-hidden="true"></i>
|
||||
<i class="show fa fa-fw fa-eye" aria-hidden="true"></i>
|
||||
</span>
|
||||
{{- if or (eq .Type "video") (eq .Type "gifv") }}
|
||||
{{- include "videoPreview" $media | indent 4 }}
|
||||
{{- else if eq .Type "image" }}
|
||||
{{- include "imagePreview" $media | indent 4 }}
|
||||
{{- else if eq .Type "audio" }}
|
||||
{{- include "audioPreview" $media | indent 4 }}
|
||||
{{- end }}
|
||||
</summary>
|
||||
{{- if or (eq .Type "video") (eq .Type "gifv") }}
|
||||
<video
|
||||
{{- if eq .Type "video" }}
|
||||
preload="none"
|
||||
{{- else }}
|
||||
preload="auto"
|
||||
muted
|
||||
{{- end }}
|
||||
class="plyr-video photoswipe-slide{{- if eq .Type "gifv" }} gifv{{ end }}"
|
||||
controls
|
||||
playsinline
|
||||
data-pswp-index="{{- $index -}}"
|
||||
poster="{{- .PreviewURL -}}"
|
||||
data-pswp-width="{{- $media.Meta.Small.Width -}}px"
|
||||
data-pswp-height="{{- $media.Meta.Small.Height -}}px"
|
||||
{{- if .Description }}
|
||||
alt="{{- $media.Description -}}"
|
||||
title="{{- $media.Description -}}"
|
||||
{{- end }}
|
||||
>
|
||||
<source type="{{- $media.MIMEType -}}" src="{{- $media.URL -}}"/>
|
||||
</video>
|
||||
{{- else if eq .Type "audio" }}
|
||||
<video
|
||||
preload="none"
|
||||
class="plyr-video photoswipe-slide"
|
||||
controls
|
||||
playsinline
|
||||
data-pswp-index="{{- $index -}}"
|
||||
{{- if and $media.PreviewURL $media.Meta.Small.Width }}
|
||||
poster="{{- .PreviewURL -}}"
|
||||
data-pswp-width="{{- $media.Meta.Small.Width -}}px"
|
||||
data-pswp-height="{{- $media.Meta.Small.Height -}}px" {{- else }} poster="/assets/logo.webp"
|
||||
width="518px" height="460px" {{- end }} {{- if .Description }} alt="{{- $media.Description -}}"
|
||||
title="{{- $media.Description -}}" {{- end }}>
|
||||
<source type="{{- $media.MIMEType -}}" src="{{- $media.URL -}}" />
|
||||
</video>
|
||||
{{- else if eq .Type "image" }}
|
||||
<a class="photoswipe-slide" href="{{- $media.URL -}}" target="_blank"
|
||||
data-pswp-width="{{- $media.Meta.Original.Width -}}px"
|
||||
data-pswp-height="{{- $media.Meta.Original.Height -}}px" data-cropped="true" {{- if .Description }}
|
||||
alt="{{- $media.Description -}}" title="{{- $media.Description -}}" {{- end }}>
|
||||
{{- with $media }}
|
||||
{{- include "imagePreview" . | indent 4 }}
|
||||
{{- end }}
|
||||
</a>
|
||||
{{- else }}
|
||||
<a class="unknown-attachment" href="{{- $media.RemoteURL -}}" rel="nofollow noreferrer noopener"
|
||||
target="_blank" {{- if .Description }}
|
||||
title="Open external media: {{ $media.Description -}} {{- $media.RemoteURL -}}" {{- else }}
|
||||
title="Open external media. {{- $media.RemoteURL -}}" {{- end }}>
|
||||
<div class="placeholder" aria-hidden="true">
|
||||
<i class="placeholder-external-link fa fa-external-link"></i>
|
||||
<i class="placeholder-icon fa fa-file-text"></i>
|
||||
<div class="placeholder-link-to">External media</div>
|
||||
</div>
|
||||
</a>
|
||||
{{- end }}
|
||||
</details>
|
||||
</div>
|
||||
{{- end }}
|
||||
{{- range $index, $media := . }}
|
||||
<div class="media-wrapper">
|
||||
<details class="{{- $media.Type -}}-spoiler media-spoiler" {{- if not $media.Sensitive }} open{{- end -}}>
|
||||
<summary>
|
||||
<div class="show sensitive button" aria-hidden="true">Show sensitive media</div>
|
||||
<span class="eye button" role="button" tabindex="0" aria-label="Toggle media">
|
||||
<i class="hide fa fa-fw fa-eye-slash" aria-hidden="true"></i>
|
||||
<i class="show fa fa-fw fa-eye" aria-hidden="true"></i>
|
||||
</span>
|
||||
{{- if or (eq .Type "video") (eq .Type "gifv") }}
|
||||
{{- include "videoPreview" $media | indent 4 }}
|
||||
{{- else if eq .Type "image" }}
|
||||
{{- include "imagePreview" $media | indent 4 }}
|
||||
{{- else if eq .Type "audio" }}
|
||||
{{- include "audioPreview" $media | indent 4 }}
|
||||
{{- end }}
|
||||
</summary>
|
||||
{{- if or (eq .Type "video") (eq .Type "gifv") }}
|
||||
<video
|
||||
{{- if eq .Type "video" }}
|
||||
preload="none"
|
||||
{{- else }}
|
||||
preload="auto"
|
||||
muted
|
||||
{{- end }}
|
||||
class="plyr-video photoswipe-slide{{- if eq .Type "gifv" }} gifv{{ end }}"
|
||||
controls
|
||||
playsinline
|
||||
data-pswp-index="{{- $index -}}"
|
||||
poster="{{- .PreviewURL -}}"
|
||||
data-pswp-width="{{- $media.Meta.Small.Width -}}px"
|
||||
data-pswp-height="{{- $media.Meta.Small.Height -}}px"
|
||||
{{- if .Description }}
|
||||
alt="{{- $media.Description -}}"
|
||||
title="{{- $media.Description -}}"
|
||||
{{- end }}>
|
||||
<source type="{{- $media.MIMEType -}}" src="{{- $media.URL -}}" />
|
||||
</video>
|
||||
{{- else if eq .Type "audio" }}
|
||||
<video
|
||||
preload="none"
|
||||
class="plyr-video photoswipe-slide"
|
||||
controls
|
||||
playsinline
|
||||
data-pswp-index="{{- $index -}}"
|
||||
{{- if and $media.PreviewURL $media.Meta.Small.Width }}
|
||||
poster="{{- .PreviewURL -}}"
|
||||
data-pswp-width="{{- $media.Meta.Small.Width -}}px"
|
||||
data-pswp-height="{{- $media.Meta.Small.Height -}}px" {{- else }} poster="/assets/logo.webp"
|
||||
width="518px" height="460px" {{- end }} {{- if .Description }} alt="{{- $media.Description -}}"
|
||||
title="{{- $media.Description -}}" {{- end }}>
|
||||
<source type="{{- $media.MIMEType -}}" src="{{- $media.URL -}}" />
|
||||
</video>
|
||||
{{- else if eq .Type "image" }}
|
||||
<a class="photoswipe-slide" href="{{- $media.URL -}}" target="_blank"
|
||||
data-pswp-width="{{- $media.Meta.Original.Width -}}px"
|
||||
data-pswp-height="{{- $media.Meta.Original.Height -}}px" data-cropped="true" {{- if .Description }}
|
||||
alt="{{- $media.Description -}}" title="{{- $media.Description -}}" {{- end }}>
|
||||
{{- with $media }}
|
||||
{{- include "imagePreview" . | indent 4 }}
|
||||
{{- end }}
|
||||
</a>
|
||||
{{- else }}
|
||||
<a class="unknown-attachment" href="{{- $media.RemoteURL -}}" rel="nofollow noreferrer noopener"
|
||||
target="_blank" {{- if .Description }}
|
||||
title="Open external media: {{ $media.Description -}} {{- $media.RemoteURL -}}" {{- else }}
|
||||
title="Open external media. {{- $media.RemoteURL -}}" {{- end }}>
|
||||
<div class="placeholder" aria-hidden="true">
|
||||
<i class="placeholder-external-link fa fa-external-link"></i>
|
||||
<i class="placeholder-icon fa fa-file-text"></i>
|
||||
<div class="placeholder-link-to">External media</div>
|
||||
</div>
|
||||
</a>
|
||||
{{- end }}
|
||||
</details>
|
||||
</div>
|
||||
{{- end }}
|
||||
</div>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -52,4 +52,4 @@
|
|||
id="{{- .ID -}}{{- if .Pinned -}}-pinned{{- end -}}"
|
||||
role="region"
|
||||
aria-label="{{- template "ariaLabel" . -}}"
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,31 +19,31 @@
|
|||
|
||||
{{- with .Account }}
|
||||
<address>
|
||||
{{- if $.Local }}
|
||||
<a href="{{- .URL -}}" rel="author" title="Open profile">
|
||||
{{- else }}
|
||||
<a href="{{- .URL -}}" rel="author nofollow noreferrer noopener" target="_blank"
|
||||
title="Open remote profile (opens in a new window)">
|
||||
{{- end }}
|
||||
<picture class="avatar" aria-hidden="true">
|
||||
{{- if .AvatarAttachment }}
|
||||
<source srcset="{{- .AvatarStatic -}}" type="{{- .AvatarAttachment.PreviewMIMEType -}}"
|
||||
media="(prefers-reduced-motion: reduce)" />
|
||||
{{- end }}
|
||||
<img src="{{- .Avatar -}}" alt="Avatar for {{ .Username -}}" title="Avatar for {{ .Username -}}">
|
||||
</picture>
|
||||
<div class="author-strapline">
|
||||
<span class="displayname text-cutoff">
|
||||
{{- if .DisplayName -}}
|
||||
{{- emojify .Emojis (escape .DisplayName) -}}
|
||||
{{- else -}}
|
||||
{{- .Username -}}
|
||||
{{- end -}}
|
||||
</span>
|
||||
<span class="sr-only">,</span>
|
||||
<span class="username text-cutoff">@{{- .Acct -}}</span>
|
||||
</div>
|
||||
<span class="sr-only">(open profile)</span>
|
||||
</a>
|
||||
{{- if $.Local }}
|
||||
<a href="{{- .URL -}}" rel="author" title="Open profile">
|
||||
{{- else }}
|
||||
<a href="{{- .URL -}}" rel="author nofollow noreferrer noopener" target="_blank"
|
||||
title="Open remote profile (opens in a new window)">
|
||||
{{- end }}
|
||||
<picture class="avatar" aria-hidden="true">
|
||||
{{- if .AvatarAttachment }}
|
||||
<source srcset="{{- .AvatarStatic -}}" type="{{- .AvatarAttachment.PreviewMIMEType -}}"
|
||||
media="(prefers-reduced-motion: reduce)" />
|
||||
{{- end }}
|
||||
<img src="{{- .Avatar -}}" alt="Avatar for {{ .Username -}}" title="Avatar for {{ .Username -}}">
|
||||
</picture>
|
||||
<div class="author-strapline">
|
||||
<span class="displayname text-cutoff">
|
||||
{{- if .DisplayName -}}
|
||||
{{- emojify .Emojis (escape .DisplayName) -}}
|
||||
{{- else -}}
|
||||
{{- .Username -}}
|
||||
{{- end -}}
|
||||
</span>
|
||||
<span class="sr-only">,</span>
|
||||
<span class="username text-cutoff">@{{- .Acct -}}</span>
|
||||
</div>
|
||||
<span class="sr-only">(open profile)</span>
|
||||
</a>
|
||||
</address>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,56 +19,56 @@
|
|||
|
||||
{{- with . }}
|
||||
<dl class="status-stats">
|
||||
<div class="stats-grouping">
|
||||
<div class="stats-item published-at text-cutoff">
|
||||
<dt class="sr-only">Published</dt>
|
||||
<dd>
|
||||
<time datetime="{{- .CreatedAt -}}">{{- .CreatedAt | timestampPrecise -}}</time>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="stats-grouping">
|
||||
<div class="stats-item" title="Replies">
|
||||
<dt>
|
||||
<span class="sr-only">Replies</span>
|
||||
<i class="fa fa-reply-all" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>{{- .RepliesCount -}}</dd>
|
||||
</div>
|
||||
<div class="stats-item" title="Faves">
|
||||
<dt>
|
||||
<span class="sr-only">Favourites</span>
|
||||
<i class="fa fa-star" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>{{- .FavouritesCount -}}</dd>
|
||||
</div>
|
||||
<div class="stats-item" title="Boosts">
|
||||
<dt>
|
||||
<span class="sr-only">Reblogs</span>
|
||||
<i class="fa fa-retweet" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>{{- .ReblogsCount -}}</dd>
|
||||
</div>
|
||||
{{- if .Pinned }}
|
||||
<div class="stats-item" title="Pinned">
|
||||
<dt>
|
||||
<span class="sr-only">Pinned</span>
|
||||
<i class="fa fa-thumb-tack" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd class="sr-only">{{- .Pinned -}}</dd>
|
||||
</div>
|
||||
{{- else }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
{{- if .LanguageTag.DisplayStr }}
|
||||
<div class="stats-item language" title="{{ .LanguageTag.DisplayStr }}">
|
||||
<dt class="sr-only">Language</dt>
|
||||
<dd>
|
||||
<span class="sr-only">{{ .LanguageTag.DisplayStr }}</span>
|
||||
<span aria-hidden="true">{{- .LanguageTag.TagStr -}}</span>
|
||||
</dd>
|
||||
</div>
|
||||
{{- else }}
|
||||
{{- end }}
|
||||
<div class="stats-grouping">
|
||||
<div class="stats-item published-at text-cutoff">
|
||||
<dt class="sr-only">Published</dt>
|
||||
<dd>
|
||||
<time datetime="{{- .CreatedAt -}}">{{- .CreatedAt | timestampPrecise -}}</time>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="stats-grouping">
|
||||
<div class="stats-item" title="Replies">
|
||||
<dt>
|
||||
<span class="sr-only">Replies</span>
|
||||
<i class="fa fa-reply-all" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>{{- .RepliesCount -}}</dd>
|
||||
</div>
|
||||
<div class="stats-item" title="Faves">
|
||||
<dt>
|
||||
<span class="sr-only">Favourites</span>
|
||||
<i class="fa fa-star" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>{{- .FavouritesCount -}}</dd>
|
||||
</div>
|
||||
<div class="stats-item" title="Boosts">
|
||||
<dt>
|
||||
<span class="sr-only">Reblogs</span>
|
||||
<i class="fa fa-retweet" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>{{- .ReblogsCount -}}</dd>
|
||||
</div>
|
||||
{{- if .Pinned }}
|
||||
<div class="stats-item" title="Pinned">
|
||||
<dt>
|
||||
<span class="sr-only">Pinned</span>
|
||||
<i class="fa fa-thumb-tack" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd class="sr-only">{{- .Pinned -}}</dd>
|
||||
</div>
|
||||
{{- else }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
{{- if .LanguageTag.DisplayStr }}
|
||||
<div class="stats-item language" title="{{ .LanguageTag.DisplayStr }}">
|
||||
<dt class="sr-only">Language</dt>
|
||||
<dd>
|
||||
<span class="sr-only">{{ .LanguageTag.DisplayStr }}</span>
|
||||
<span aria-hidden="true">{{- .LanguageTag.TagStr -}}</span>
|
||||
</dd>
|
||||
</div>
|
||||
{{- else }}
|
||||
{{- end }}
|
||||
</dl>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -32,50 +32,50 @@
|
|||
|
||||
{{- with . }}
|
||||
<figure class="poll">
|
||||
<figcaption class="poll-info">
|
||||
<span class="poll-expiry">
|
||||
{{- if .Poll.Multiple -}}
|
||||
Multiple-choice poll
|
||||
{{- else -}}
|
||||
Poll
|
||||
{{- end -}}
|
||||
{{- if .Poll.Expired -}}
|
||||
closed <time datetime="{{- .Poll.ExpiresAt -}}">{{- .Poll.ExpiresAt | timestampPrecise -}}</time>
|
||||
{{- else if .Poll.ExpiresAt -}}
|
||||
open until <time datetime="{{- .Poll.ExpiresAt -}}">{{- .Poll.ExpiresAt | timestampPrecise -}}</time>
|
||||
{{- else -}}
|
||||
open forever
|
||||
{{- end -}}
|
||||
</span>
|
||||
<span class="sr-only">,</span>
|
||||
<span class="total-votes">
|
||||
{{- template "votes" .Poll.VotesCount -}}
|
||||
{{- if .Poll.Expired -}}
|
||||
total
|
||||
{{- else -}}
|
||||
so far
|
||||
{{- end -}}
|
||||
</span>
|
||||
</figcaption>
|
||||
<ul class="poll-options nodot">
|
||||
{{- range $index, $pollOption := .PollOptions }}
|
||||
<li class="poll-option">
|
||||
<span class="sr-only">Option {{ increment $index }},</span>
|
||||
<span lang="{{- .LanguageTag.TagStr -}}">{{ emojify .Emojis (noescape $pollOption.Title) }}</span>
|
||||
<meter aria-hidden="true" min="0" max="100" value="{{- $pollOption.VoteShare -}}"></meter>
|
||||
<div class="poll-vote-summary">
|
||||
{{- if isNil $pollOption.VotesCount }}
|
||||
Results not yet published.
|
||||
{{- else }}
|
||||
{{- with deref $pollOption.VotesCount }}
|
||||
<span class="poll-vote-share">{{- $pollOption.VoteShareStr -}}%</span>
|
||||
<span class="sr-only">,</span>
|
||||
<span class="poll-vote-count">{{- template "votes" . -}}</span>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</li>
|
||||
{{- end }}
|
||||
</ul>
|
||||
<figcaption class="poll-info">
|
||||
<span class="poll-expiry">
|
||||
{{- if .Poll.Multiple -}}
|
||||
Multiple-choice poll
|
||||
{{- else -}}
|
||||
Poll
|
||||
{{- end -}}
|
||||
{{- if .Poll.Expired -}}
|
||||
closed <time datetime="{{- .Poll.ExpiresAt -}}">{{- .Poll.ExpiresAt | timestampPrecise -}}</time>
|
||||
{{- else if .Poll.ExpiresAt -}}
|
||||
open until <time datetime="{{- .Poll.ExpiresAt -}}">{{- .Poll.ExpiresAt | timestampPrecise -}}</time>
|
||||
{{- else -}}
|
||||
open forever
|
||||
{{- end -}}
|
||||
</span>
|
||||
<span class="sr-only">,</span>
|
||||
<span class="total-votes">
|
||||
{{- template "votes" .Poll.VotesCount -}}
|
||||
{{- if .Poll.Expired -}}
|
||||
total
|
||||
{{- else -}}
|
||||
so far
|
||||
{{- end -}}
|
||||
</span>
|
||||
</figcaption>
|
||||
<ul class="poll-options nodot">
|
||||
{{- range $index, $pollOption := .PollOptions }}
|
||||
<li class="poll-option">
|
||||
<span class="sr-only">Option {{ increment $index }},</span>
|
||||
<span lang="{{- .LanguageTag.TagStr -}}">{{ emojify .Emojis (noescape $pollOption.Title) }}</span>
|
||||
<meter aria-hidden="true" min="0" max="100" value="{{- $pollOption.VoteShare -}}"></meter>
|
||||
<div class="poll-vote-summary">
|
||||
{{- if isNil $pollOption.VotesCount }}
|
||||
Results not yet published.
|
||||
{{- else }}
|
||||
{{- with deref $pollOption.VotesCount }}
|
||||
<span class="poll-vote-share">{{- $pollOption.VoteShareStr -}}%</span>
|
||||
<span class="sr-only">,</span>
|
||||
<span class="poll-vote-count">{{- template "votes" . -}}</span>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</li>
|
||||
{{- end }}
|
||||
</ul>
|
||||
</figure>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -19,11 +19,11 @@
|
|||
|
||||
{{- with . }}
|
||||
<main>
|
||||
<h2 class="wrap-text" tabindex="-1">#{{- .tagName -}}</h2>
|
||||
<p>There's nothing here!</p>
|
||||
<p>
|
||||
For privacy reasons, GoToSocial doesn't (yet) implement public web views of tag timelines.
|
||||
To soften the blow, here's a tongue twister: "I squeeze the soft sloth often in the mothy loft" 🦥
|
||||
</p>
|
||||
<h2 class="wrap-text" tabindex="-1">#{{- .tagName -}}</h2>
|
||||
<p>There's nothing here!</p>
|
||||
<p>
|
||||
For privacy reasons, GoToSocial doesn't (yet) implement public web views of tag timelines.
|
||||
To soften the blow, here's a tongue twister: "I squeeze the soft sloth often in the mothy loft" 🦥
|
||||
</p>
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -64,36 +64,36 @@ Thread of {{ .context.ThreadLength }} posts
|
|||
{{- with . }}
|
||||
</section>
|
||||
<section class="thread thread-replies" aria-labelledby="replies" open>
|
||||
<div class="col-header wrap replies{{- if not .context.ThreadRepliesShown }} hidden-only{{- end -}}">
|
||||
<h2 id="replies">{{- template "repliesSummary" . -}}</h2>
|
||||
<a href="#thread-summary">back to top</a>
|
||||
</div>
|
||||
{{- end }}
|
||||
{{- end -}}
|
||||
<div class="col-header wrap replies{{- if not .context.ThreadRepliesShown }} hidden-only{{- end -}}">
|
||||
<h2 id="replies">{{- template "repliesSummary" . -}}</h2>
|
||||
<a href="#thread-summary">back to top</a>
|
||||
</div>
|
||||
{{- end }}
|
||||
{{- end -}}
|
||||
|
||||
{{- with . }}
|
||||
<main class="thread-wrapper" data-nosnippet>
|
||||
<section class="thread thread-main" aria-labelledby="thread-summary">
|
||||
<div class="col-header wrap">
|
||||
<h2 id="thread-summary">{{- template "threadSummary" . -}}</h2>
|
||||
{{- if .context.ThreadRepliesShown }}
|
||||
<a href="#replies">jump to replies</a>
|
||||
{{- end }}
|
||||
</div>
|
||||
{{- with . }}
|
||||
<main class="thread-wrapper" data-nosnippet>
|
||||
<section class="thread thread-main" aria-labelledby="thread-summary">
|
||||
<div class="col-header wrap">
|
||||
<h2 id="thread-summary">{{- template "threadSummary" . -}}</h2>
|
||||
{{- if .context.ThreadRepliesShown }}
|
||||
<a href="#replies">jump to replies</a>
|
||||
{{- end }}
|
||||
</div>
|
||||
|
||||
{{- range $status := .context.Statuses }}
|
||||
<article
|
||||
class="status{{- if $status.ThreadContextStatus }} expanded{{- end -}}{{- if $status.Indent }} indent-{{ $status.Indent }}{{- end -}}"
|
||||
{{- includeAttr "status_attributes.tmpl" $status | indentAttr 3 }}>
|
||||
{{- include "status.tmpl" $status | indent 3 }}
|
||||
</article>
|
||||
{{- if and $status.ThreadLastMain $.context.ThreadReplies }}
|
||||
{{- include "repliesStart" $ | indent 1 }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
{{- range $status := .context.Statuses }}
|
||||
<article
|
||||
class="status{{- if $status.ThreadContextStatus }} expanded{{- end -}}{{- if $status.Indent }} indent-{{ $status.Indent }}{{- end -}}"
|
||||
{{- includeAttr "status_attributes.tmpl" $status | indentAttr 3 }}>
|
||||
{{- include "status.tmpl" $status | indent 3 }}
|
||||
</article>
|
||||
{{- if and $status.ThreadLastMain $.context.ThreadReplies }}
|
||||
{{- include "repliesStart" $ | indent 1 }}
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
||||
{{- if .context.ThreadReplies }}
|
||||
</section>
|
||||
{{- end }}
|
||||
</main>
|
||||
{{- end }}
|
||||
{{- if .context.ThreadReplies }}
|
||||
</section>
|
||||
{{- end }}
|
||||
</main>
|
||||
{{- end }}
|
||||
|
|
|
|||
Loading…
Reference in a new issue