in dev, allow dev FE

[akkoma] / lib / pleroma / web / templates / layout / app.html.eex
diff --git a/lib/pleroma/web/templates/layout/app.html.eex b/lib/pleroma/web/templates/layout/app.html.eex

index 2e96c150901b1dcaf23d14de9dfe6ba219f1b18d..31e6ec52bd067f6d308d984739481626fc045e31 100644 (file)
--- a/lib/pleroma/web/templates/layout/app.html.eex
+++ b/lib/pleroma/web/templates/layout/app.html.eex
@@ -1,77 +1,36 @@
  <!DOCTYPE html>
-<html>
+<html lang="<%= Pleroma.Web.Gettext.language_tag() %>">
    <head>
-    <meta charset=utf-8 />
-    <title>
-    <%= Application.get_env(:pleroma, :instance)[:name] %>
-    </title>
-    <style>
-      body {
-        background-color: #282c37;
-        font-family: sans-serif;
-        color:white;
-        text-align: center;
-      }
-
-      .container {
-        margin: 50px auto;
-        max-width: 320px;
-        padding: 0;
-        padding: 40px 40px 40px 40px;
-        background-color: #313543;
-        border-radius: 4px;
-      }
-
-      h1 {
-        margin: 0;
-      }
-
-      h2 {
-        color: #9baec8;
-        font-weight: normal;
-        font-size: 20px;
-        margin-bottom: 40px;
-      }
-
-      form {
-        width: 100%;
-      }
-
-      input {
-        box-sizing: border-box;
-        width: 100%;
-        padding: 10px;
-        margin-top: 20px;
-        background-color: rgba(0,0,0,.1);
-        color: white;
-        border: 0;
-        border-bottom: 2px solid #9baec8;
-        font-size: 14px;
-      }
-
-      input:focus {
-        border-bottom: 2px solid #4b8ed8;
-      }
-
-      button {
-        box-sizing: border-box;
-        width: 100%;
-        color: white;
-        background-color: #419bdd;
-        border-radius: 4px;
-        border: none;
-        padding: 10px;
-        margin-top: 30px;
-        text-transform: uppercase;
-        font-weight: 500;
-        font-size: 16px;
-      }
-    </style>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1,minimal-ui">
+    <title><%= Pleroma.Config.get([:instance, :name]) %></title>
+    <link rel="stylesheet" href="/static-fe/static-fe.css">
+    <link rel="stylesheet" href="/static-fe/forms.css">
    </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">
-      <h1>Pleroma</h1>
-      <%= render @view_module, @view_template, assigns %>
+      <div class="underlay"></div>
+      <div class="column main flex">
+        <div class="panel oauth">
+          <%= @inner_content %>
+        </div>
+      </div>
      </div>
    </body>
+
+  <style>
+  :root {
+    --background-image: url("<%= Pleroma.Config.get([:instance, :background_image]) %>");
+  }
+  </style>
  </html>