4c971f3121
* Add theme support using environment variable
* Propagate theme variable to template in options.go
Propagate the `theme` variable from the environment to the template in `src/routes/options.go`
* Retrieve the `theme` variable from the environment using `os.Getenv("THEME")`
* Set the `theme` variable in the `gin.H` map when rendering the `home.html` template
---
For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/httpjamesm/AnonymousOverflow/pull/145?shareId=6397c9b4-9450-425c-bbbe-019425965d2b).
* Move all theme environment variable logic to a utils function
Move theme environment variable logic to a utils function and update routes to use it.
* Add `GetThemeFromEnv` function in `src/utils/theme.go` to derive the theme from environment variables and default to "auto" if not set.
* Update `src/routes/home.go` to import and use `GetThemeFromEnv` in the `GetHome` function.
* Update `src/routes/options.go` to import and use `GetThemeFromEnv` in the `ChangeOptions` function.
* Update `src/routes/question.go` to import and use `GetThemeFromEnv` in the `ViewQuestion` function.
---
For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/httpjamesm/AnonymousOverflow/pull/145?shareId=a0dab6f3-027c-4f6e-85fe-60e7675d0e70).
* fix: imports removed by copilot
* fix: override theme in posthome
* style: reduced repetition in themes with common vars
96 lines
3.8 KiB
HTML
96 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<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 -->
|
|
<script defer src="/static/katex/katex.min.js"></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>
|
|
|
|
<body>
|
|
<div class="header">
|
|
<a href="/" class="logo-link">
|
|
<img class="logo" src="/static/codecircles.webp" alt="AnonymousOverflow home" />
|
|
</a>
|
|
</div>
|
|
<div class="card">
|
|
<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 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>
|
|
{{ if .answers }}
|
|
<hr class="post-divider" />
|
|
<div class="answers-header">
|
|
<h2>Answers</h2>
|
|
<div class="sorting">
|
|
<form>
|
|
<select name="sort_by">
|
|
<option disabled value="">Sort answers by...</option>
|
|
<option value="votes" {{ if eq .sortValue "votes" }} selected{{ end }}>Votes</option>
|
|
<option value="trending" {{ if eq .sortValue "trending" }} selected{{ end }}>Trending</option>
|
|
<option value="newest" {{ if eq .sortValue "newest" }} selected{{ end }}>Date modified (newest
|
|
first)</option>
|
|
<option value="oldest" {{ if eq .sortValue "oldest" }} selected{{ end }}>Date created (oldest first)
|
|
</option>
|
|
</select>
|
|
<button type="submit">
|
|
<img src="/static/icons/sort.svg" alt="Sieve icon" />
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{{ range $answer := .answers }}
|
|
<div class="answer" id="{{ $answer.ID }}">
|
|
<div class="answer-meta{{ if $answer.IsAccepted }} accepted{{end}}">
|
|
<p>
|
|
{{ if $answer.IsAccepted }} Accepted - {{ end }}
|
|
{{$answer.Upvotes}} Votes
|
|
</p>
|
|
<a href="#{{ $answer.ID }}" class="answer-link">
|
|
<div class="icon">
|
|
<img src="/static/icons/link.svg" alt="Paperclip icon" />
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{{ $answer.Body }}
|
|
<div class="answer-author-parent">
|
|
<div class="answer-author">
|
|
Answered {{ $answer.Timestamp }} by
|
|
<a href="{{ $answer.AuthorURL }}" target="_blank" rel="noopener noreferrer">{{ $answer.AuthorName }}</a>
|
|
</div>
|
|
</div>
|
|
{{ if $answer.Comments }} {{ template "comments.html" $answer }}
|
|
{{end}}
|
|
</div>
|
|
{{ end }}
|
|
{{ end }}
|
|
</body>
|
|
|
|
</html>
|