Visually separate header.
authorPhil Hagelberg <phil@hagelb.org>
Fri, 1 Nov 2019 00:44:43 +0000 (17:44 -0700)
committerPhil Hagelberg <phil@hagelb.org>
Sun, 10 Nov 2019 02:08:08 +0000 (18:08 -0800)
lib/pleroma/web/static_fe/static_fe_controller.ex
lib/pleroma/web/static_fe/static_fe_view.ex
lib/pleroma/web/templates/static_fe/static_fe/conversation.html.eex
lib/pleroma/web/templates/static_fe/static_fe/profile.html.eex
priv/static/static/static-fe.css

index 9b565d07d5fcb1081ae1f5ba8f043de819f5cf96..c35657d8e97c94c0d428ceeeca87db1bb95f4023 100644 (file)
@@ -34,17 +34,17 @@ defmodule Pleroma.Web.StaticFE.StaticFEController do
     }
   end
 
-  def represent(%Activity{} = activity, selected) do
+  def represent(%Activity{object: %Object{data: data}} = activity, selected) do
     {:ok, user} = User.get_or_fetch(activity.object.data["actor"])
 
     %{
       user: user,
       title: get_title(activity.object),
-      content: activity.object.data["content"] || nil,
-      attachment: activity.object.data["attachment"],
+      content: data["content"] || nil,
+      attachment: data["attachment"],
       link: Helpers.o_status_url(Pleroma.Web.Endpoint, :notice, activity.id),
-      published: activity.object.data["published"],
-      sensitive: activity.object.data["sensitive"],
+      published: data["published"],
+      sensitive: data["sensitive"],
       selected: selected,
       counts: get_counts(activity)
     }
index 6128b24975cc9046e063cb649f5e617bd46d1ea0..160261af9e0b4f55cba7f1bd954aa8c95e9a2438 100644 (file)
@@ -8,6 +8,7 @@ defmodule Pleroma.Web.StaticFE.StaticFEView do
   alias Calendar.Strftime
   alias Pleroma.Emoji.Formatter
   alias Pleroma.User
+  alias Pleroma.Web.Endpoint
   alias Pleroma.Web.Gettext
   alias Pleroma.Web.MediaProxy
   alias Pleroma.Formatter
index 3a1249df2e01ddf717ff31f20bd9a208aea8c9c9..7ac4a9e5f72260a4c4c16815a576a291f3291868 100644 (file)
@@ -1,7 +1,11 @@
-<h1><%= link @instance_name, to: "/" %></h1>
+<header>
+  <h1><%= link @instance_name, to: "/" %></h1>
+</header>
 
-<div class="conversation">
-  <%= for activity <- @activities do %>
-    <%= render("_notice.html", activity) %>
-  <% end %>
-</div>
+<main>
+  <div class="conversation">
+    <%= for activity <- @activities do %>
+      <%= render("_notice.html", activity) %>
+    <% end %>
+  </div>
+</main>
index 8f2c7462712f6a65ad98f7d68368363865eb9288..9b3d0509e7b698f0c4d281530df6fa4ed56a74a8 100644 (file)
@@ -1,16 +1,22 @@
-<h1><%= link @instance_name, to: "/" %></h1>
+<header>
+  <h1><%= link @instance_name, to: "/" %></h1>
 
-<h3>
-  <form class="pull-right collapse" method="POST" action="<%= Helpers.util_path(@conn, :remote_subscribe) %>">
-    <input type="hidden" name="nickname" value="<%= @user.nickname %>">
-    <input type="hidden" name="profile" value="">
-    <button type="submit" class="collapse">Remote follow</button>
-  </form>
-  <%= raw (@user.name |> Formatter.emojify(emoji_for_user(@user))) %>
-</h3>
-<p><%= raw @user.bio %></p>
-<div class="activity-stream">
-  <%= for activity <- @timeline do %>
-    <%= render("_notice.html", Map.put(activity, :selected, false)) %>
-  <% end %>
-</div>
+  <h3>
+    <form class="pull-right collapse" method="POST" action="<%= Helpers.util_path(@conn, :remote_subscribe) %>">
+      <input type="hidden" name="nickname" value="<%= @user.nickname %>">
+      <input type="hidden" name="profile" value="">
+      <button type="submit" class="collapse">Remote follow</button>
+    </form>
+    <%= raw Formatter.emojify(@user.name, emoji_for_user(@user)) %> |
+    <%= link "@#{@user.nickname}@#{Endpoint.host()}", to: User.profile_url(@user) %>
+  </h3>
+  <p><%= raw @user.bio %></p>
+</header>
+
+<main>
+  <div class="activity-stream">
+    <%= for activity <- @timeline do %>
+      <%= render("_notice.html", Map.put(activity, :selected, false)) %>
+    <% end %>
+  </div>
+</main>
index d6bb58c33cd8d9432ce3aa26d64d7f6ad28db9dd..19c56387b1ea9aa19f3d0f8d596c949f0b0c6485 100644 (file)
@@ -4,7 +4,7 @@ body {
     color: white;
 }
 
-.container {
+main {
     margin: 50px auto;
     max-width: 960px;
     padding: 40px;
@@ -13,7 +13,11 @@ body {
 }
 
 header {
-    border-bottom: 2em solid #282c37;
+    margin: 50px auto;
+    max-width: 960px;
+    padding: 40px;
+    background-color: #313543;
+    border-radius: 4px;
 }
 
 .activity {
@@ -57,11 +61,11 @@ a {
     margin-bottom: 8px;
 }
 
-.h-card a {
+header a, .h-card a {
     text-decoration: none;
 }
 
-.h-card a:hover {
+header a:hover, .h-card a:hover {
     text-decoration: underline;
 }