fix: remove alt from homepage logo, add "logo" alt to question header (#116)
* fix: remove alt from homepage logo, add "logo" alt to question header * fix: set logo alt on question.html to "AnonymousOverflow home"
This commit is contained in:
httpjamesm
GitHub
parent
b568c52999
commit
8174f2ee44
@ -1,81 +1,62 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html data-theme="{{ .theme }}">
|
<html data-theme="{{ .theme }}">
|
||||||
<head>
|
|
||||||
<title>AnonymousOverflow - Private frontend for StackOverflow</title>
|
<head>
|
||||||
<link rel="stylesheet" href="/static/home.css" />
|
<title>AnonymousOverflow - Private frontend for StackOverflow</title>
|
||||||
<meta
|
<link rel="stylesheet" href="/static/home.css" />
|
||||||
http-equiv="Content-Security-Policy"
|
<meta http-equiv="Content-Security-Policy"
|
||||||
content="default-src 'none'; style-src 'self'; script-src 'none'; img-src 'self';"
|
content="default-src 'none'; style-src 'self'; script-src 'none'; img-src 'self';" />
|
||||||
/>
|
<link rel="icon" href="/static/codecircles.webp" />
|
||||||
<link rel="icon" href="/static/codecircles.webp" />
|
<meta name="description" content="View StackOverflow threads in privacy and without the clutter." />
|
||||||
<meta
|
{{ template "sharedHead.html" }}
|
||||||
name="description"
|
</head>
|
||||||
content="View StackOverflow threads in privacy and without the clutter."
|
|
||||||
/>
|
<body>
|
||||||
{{ template "sharedHead.html" }}
|
<div class="container">
|
||||||
</head>
|
<div class="title">
|
||||||
<body>
|
<img class="logo" src="/static/codecircles.webp" alt="" />
|
||||||
<div class="container">
|
<h1>Anonymous­Overflow</h1>
|
||||||
<div class="title">
|
|
||||||
<img
|
|
||||||
class="logo"
|
|
||||||
src="/static/codecircles.webp"
|
|
||||||
alt="4 circles with alternating colors between green and white"
|
|
||||||
/>
|
|
||||||
<h1>Anonymous­Overflow</h1>
|
|
||||||
</div>
|
|
||||||
<h2>Get programming help without compromising your privacy.</h2>
|
|
||||||
<p>
|
|
||||||
AnonymousOverflow allows you to view StackOverflow threads
|
|
||||||
without the cluttered interface and exposing your IP address,
|
|
||||||
browsing habits and other browser fingerprint data to
|
|
||||||
StackOverflow.
|
|
||||||
</p>
|
|
||||||
{{ if .successMessage }}
|
|
||||||
<div class="success">
|
|
||||||
<p><b>Success</b>: {{ .successMessage }}</p>
|
|
||||||
</div>
|
|
||||||
{{ else}} {{ if .errorMessage }}
|
|
||||||
<div class="error">
|
|
||||||
<p><b>Error</b>: {{ .errorMessage }}</p>
|
|
||||||
</div>
|
|
||||||
{{end}} {{ end }}
|
|
||||||
<form method="POST" action="/">
|
|
||||||
<div class="view-form">
|
|
||||||
<input
|
|
||||||
class="view-input"
|
|
||||||
type="text"
|
|
||||||
name="url"
|
|
||||||
placeholder="https://stackoverflow.com/questions/123456/example-url"
|
|
||||||
/>
|
|
||||||
<button class="view-button" type="submit">View</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
<div class="options">
|
|
||||||
<div class="icon">
|
|
||||||
<a href="/options/images">
|
|
||||||
<img src="/static/icons/image.svg" alt="Toggle theme" />
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
{{ template "themeSwitcher.html" .}}
|
|
||||||
</div>
|
|
||||||
<p class="footer">
|
|
||||||
Brought to you by
|
|
||||||
<a
|
|
||||||
href="https://github.com/WhateverLabs"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
>Whatever Labs</a
|
|
||||||
>
|
|
||||||
•
|
|
||||||
<a
|
|
||||||
href="https://github.com/httpjamesm/AnonymousOverflow"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
>Source</a
|
|
||||||
>
|
|
||||||
• Version {{ .version }}
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
<h2>Get programming help without compromising your privacy.</h2>
|
||||||
|
<p>
|
||||||
|
AnonymousOverflow allows you to view StackOverflow threads
|
||||||
|
without the cluttered interface and exposing your IP address,
|
||||||
|
browsing habits and other browser fingerprint data to
|
||||||
|
StackOverflow.
|
||||||
|
</p>
|
||||||
|
{{ if .successMessage }}
|
||||||
|
<div class="success">
|
||||||
|
<p><b>Success</b>: {{ .successMessage }}</p>
|
||||||
|
</div>
|
||||||
|
{{ else}} {{ if .errorMessage }}
|
||||||
|
<div class="error">
|
||||||
|
<p><b>Error</b>: {{ .errorMessage }}</p>
|
||||||
|
</div>
|
||||||
|
{{end}} {{ end }}
|
||||||
|
<form method="POST" action="/">
|
||||||
|
<div class="view-form">
|
||||||
|
<input class="view-input" type="text" name="url"
|
||||||
|
placeholder="https://stackoverflow.com/questions/123456/example-url" />
|
||||||
|
<button class="view-button" type="submit">View</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<div class="options">
|
||||||
|
<div class="icon">
|
||||||
|
<a href="/options/images">
|
||||||
|
<img src="/static/icons/image.svg" alt="Toggle theme" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{{ template "themeSwitcher.html" .}}
|
||||||
|
</div>
|
||||||
|
<p class="footer">
|
||||||
|
Brought to you by
|
||||||
|
<a href="https://github.com/WhateverLabs" target="_blank" rel="noopener noreferrer">Whatever Labs</a>
|
||||||
|
•
|
||||||
|
<a href="https://github.com/httpjamesm/AnonymousOverflow" target="_blank"
|
||||||
|
rel="noopener noreferrer">Source</a>
|
||||||
|
• Version {{ .version }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -1,84 +1,73 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html data-theme="{{ .theme }}">
|
<html data-theme="{{ .theme }}">
|
||||||
<head>
|
|
||||||
<title>{{ .question.Title }} | AnonymousOverflow</title>
|
|
||||||
<link rel="stylesheet" href="/static/question.css" />
|
|
||||||
<link rel="stylesheet" href="/static/syntax.css" />
|
|
||||||
<link rel="stylesheet" href="/static/comments.css" />
|
|
||||||
<meta
|
|
||||||
http-equiv="Content-Security-Policy"
|
|
||||||
content="default-src 'none'; style-src 'self'; script-src 'self'; img-src {{ .imagePolicy }}; font-src 'self';"
|
|
||||||
/>
|
|
||||||
<meta name="description" content="{{ .question.ShortenedBody }}..." />
|
|
||||||
{{ template "sharedHead.html" }}
|
|
||||||
<link rel="stylesheet" href="/static/katex/katex.min.css">
|
|
||||||
|
|
||||||
<!-- The loading of KaTeX is deferred to speed up page rendering -->
|
<head>
|
||||||
<script defer src="/static/katex/katex.min.js"></script>
|
<title>{{ .question.Title }} | AnonymousOverflow</title>
|
||||||
|
<link rel="stylesheet" href="/static/question.css" />
|
||||||
|
<link rel="stylesheet" href="/static/syntax.css" />
|
||||||
|
<link rel="stylesheet" href="/static/comments.css" />
|
||||||
|
<meta http-equiv="Content-Security-Policy"
|
||||||
|
content="default-src 'none'; style-src 'self'; script-src 'self'; img-src {{ .imagePolicy }}; font-src 'self';" />
|
||||||
|
<meta name="description" content="{{ .question.ShortenedBody }}..." />
|
||||||
|
{{ template "sharedHead.html" }}
|
||||||
|
<link rel="stylesheet" href="/static/katex/katex.min.css">
|
||||||
|
|
||||||
<!-- To automatically render math in text elements, include the auto-render extension: -->
|
<!-- The loading of KaTeX is deferred to speed up page rendering -->
|
||||||
<script defer src="/static/katex/contrib/auto-render.min.js"></script>
|
<script defer src="/static/katex/katex.min.js"></script>
|
||||||
<script defer src="/static/question.js" type="text/javascript"></script>
|
|
||||||
|
<!-- To automatically render math in text elements, include the auto-render extension: -->
|
||||||
|
<script defer src="/static/katex/contrib/auto-render.min.js"></script>
|
||||||
|
<script defer src="/static/question.js" type="text/javascript"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
<div class="header">
|
<body>
|
||||||
<a href="/" class="logo-link">
|
<div class="header">
|
||||||
<img
|
<a href="/" class="logo-link">
|
||||||
class="logo"
|
<img class="logo" src="/static/codecircles.webp" alt="AnonymousOverflow home" />
|
||||||
src="/static/codecircles.webp"
|
</a>
|
||||||
alt="4 circles with alternating colors between green and white"
|
{{ template "themeSwitcher.html" . }}
|
||||||
/>
|
</div>
|
||||||
</a>
|
<div class="card">
|
||||||
{{ template "themeSwitcher.html" . }}
|
<div class="card-header">
|
||||||
|
<h1>{{ .question.Title }}</h1>
|
||||||
|
<p class="timestamp">
|
||||||
|
Asked {{ .question.Timestamp }} by
|
||||||
|
<a href="{{ .question.AuthorURL }}" target="_blank" rel="noopener noreferrer">{{ .question.AuthorName
|
||||||
|
}}</a>.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="card">
|
<div class="card-body">{{ .question.Body }}</div>
|
||||||
<div class="card-header">
|
<div class="card-tags">
|
||||||
<h1>{{ .question.Title }}</h1>
|
{{ range .question.Tags }}
|
||||||
<p class="timestamp">
|
<div class="tag">{{ . }}</div>
|
||||||
Asked {{ .question.Timestamp }} by
|
{{ end }}
|
||||||
<a
|
|
||||||
href="{{ .question.AuthorURL }}"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
>{{ .question.AuthorName }}</a
|
|
||||||
>.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">{{ .question.Body }}</div>
|
|
||||||
<div class="card-tags">
|
|
||||||
{{ range .question.Tags }}
|
|
||||||
<div class="tag">{{ . }}</div>
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
{{ if .question.Comments }} {{ template "comments.html"
|
|
||||||
.question }} {{end}}
|
|
||||||
</div>
|
</div>
|
||||||
<hr class="post-divider" />
|
{{ if .question.Comments }} {{ template "comments.html"
|
||||||
<div class="answers-header">
|
.question }} {{end}}
|
||||||
<h2>Answers</h2>
|
</div>
|
||||||
<div class="sorting">
|
<hr class="post-divider" />
|
||||||
<form>
|
<div class="answers-header">
|
||||||
<select name="sort_by">
|
<h2>Answers</h2>
|
||||||
<option disabled value="">Sort answers by...</option>
|
<div class="sorting">
|
||||||
<option value="votes"{{ if eq .sortValue "votes" }} selected{{ end }}>Votes</option>
|
<form>
|
||||||
<option value="trending"{{ if eq .sortValue "trending" }} selected{{ end }}>Trending</option>
|
<select name="sort_by">
|
||||||
<option value="newest"{{ if eq .sortValue "newest" }} selected{{ end }}>Date modified (newest first)</option>
|
<option disabled value="">Sort answers by...</option>
|
||||||
<option value="oldest"{{ if eq .sortValue "oldest" }} selected{{ end }}>Date created (oldest first)</option>
|
<option value="votes" {{ if eq .sortValue "votes" }} selected{{ end }}>Votes</option>
|
||||||
</select>
|
<option value="trending" {{ if eq .sortValue "trending" }} selected{{ end }}>Trending</option>
|
||||||
<button type="submit">
|
<option value="newest" {{ if eq .sortValue "newest" }} selected{{ end }}>Date modified (newest
|
||||||
<img
|
first)</option>
|
||||||
src="/static/icons/sort.svg"
|
<option value="oldest" {{ if eq .sortValue "oldest" }} selected{{ end }}>Date created (oldest first)
|
||||||
alt="Sieve icon"
|
</option>
|
||||||
/>
|
</select>
|
||||||
</button>
|
<button type="submit">
|
||||||
</form>
|
<img src="/static/icons/sort.svg" alt="Sieve icon" />
|
||||||
</div>
|
</button>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
{{ range $answer := .answers }}
|
</div>
|
||||||
<div class="answer" id="{{ $answer.ID }}">
|
{{ range $answer := .answers }}
|
||||||
<div
|
<div class="answer" id="{{ $answer.ID }}">
|
||||||
class="answer-meta{{ if $answer.IsAccepted }} accepted{{end}}"
|
<div class="answer-meta{{ if $answer.IsAccepted }} accepted{{end}}">
|
||||||
>
|
|
||||||
<p>
|
<p>
|
||||||
{{ if $answer.IsAccepted }} Accepted - {{ end }}
|
{{ if $answer.IsAccepted }} Accepted - {{ end }}
|
||||||
{{$answer.Upvotes}} Votes
|
{{$answer.Upvotes}} Votes
|
||||||
@ -89,21 +78,17 @@
|
|||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{{ $answer.Body }}
|
{{ $answer.Body }}
|
||||||
<div class="answer-author-parent">
|
<div class="answer-author-parent">
|
||||||
<div class="answer-author">
|
<div class="answer-author">
|
||||||
Answered {{ $answer.Timestamp }} by
|
Answered {{ $answer.Timestamp }} by
|
||||||
<a
|
<a href="{{ $answer.AuthorURL }}" target="_blank" rel="noopener noreferrer">{{ $answer.AuthorName }}</a>
|
||||||
href="{{ $answer.AuthorURL }}"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
>{{ $answer.AuthorName }}</a
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
{{ if $answer.Comments }} {{ template "comments.html" $answer }}
|
|
||||||
{{end}}
|
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ if $answer.Comments }} {{ template "comments.html" $answer }}
|
||||||
</body>
|
{{end}}
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user