b9f070fe24
makes static-fe look more like pleroma-fe, with the stylesheets matching pleroma-dark and pleroma-light based on `prefers-color-scheme`.
- [x] navbar
- [x] about sidebar
- [x] background image
- [x] statuses
- [x] "reply to" or "edited" tags
- [x] accounts
- [x] show more / show less
- [x] posts / with replies / media / followers / following
- [x] followers/following would require user card snippets
- [x] admin/bot indicators
- [x] attachments
- [x] nsfw attachments
- [x] fontawesome icons
- [x] clean up and sort css
- [x] add pleroma-light
- [x] replace hardcoded strings
also i forgot
- [x] repeated headers
how it looks + sneak peek at statuses:
Co-authored-by: Sol Fisher Romanoff <sol@solfisher.com>
Reviewed-on: https://akkoma.dev/AkkomaGang/akkoma/pulls/236
Co-authored-by: sfr <sol@solfisher.com>
Co-committed-by: sfr <sol@solfisher.com>
45 lines
1.3 KiB
Elixir
45 lines
1.3 KiB
Elixir
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimal-ui" />
|
|
<title><%= Pleroma.Config.get([:instance, :name]) %></title>
|
|
<%= Phoenix.HTML.raw(assigns[:meta] || "") %>
|
|
<link rel="stylesheet" href="/static-fe/static-fe.css">
|
|
<link rel="icon" type="image/png" href="/favicon.png">
|
|
</head>
|
|
<body>
|
|
<div class="background-image"></div>
|
|
<nav>
|
|
<div class="inner-nav">
|
|
<a class="site-brand" href="/">
|
|
<img class="favicon" src="/favicon.png" />
|
|
<span><%= Pleroma.Config.get([:instance, :name]) %></span>
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
<div class="container">
|
|
<div class="underlay"></div>
|
|
<div class="column main">
|
|
<%= @inner_content %>
|
|
</div>
|
|
<div class="column sidebar">
|
|
<div class="about panel">
|
|
<div class="panel-heading">
|
|
<%= gettext("About %{instance}", instance: Pleroma.Config.get([:instance, :name])) %>
|
|
</div>
|
|
<div class="about-content">
|
|
<%= raw render_html("/static/terms-of-service.html") %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|
|
<style>
|
|
:root {
|
|
--background-image: url("<%= Pleroma.Config.get([:instance, :background_image]) %>");
|
|
}
|
|
</style>
|