From 3886a5325d029e552501cff32a22769ef1888a06 Mon Sep 17 00:00:00 2001
From: David Gay <david@davidgay.org>
Date: Sun, 25 Apr 2021 12:44:03 -0400
Subject: Layout and styles

---
 app/views/application/_chat.html.erb      |  8 ++++++++
 app/views/application/_game_info.html.erb |  3 +++
 app/views/application/_header.html.erb    | 25 +++++++++++++++++++++++++
 app/views/application/_navbar.html.erb    | 16 ++++++++++++++++
 4 files changed, 52 insertions(+)
 create mode 100644 app/views/application/_chat.html.erb
 create mode 100644 app/views/application/_game_info.html.erb
 create mode 100644 app/views/application/_header.html.erb
 create mode 100644 app/views/application/_navbar.html.erb

(limited to 'app/views/application')

diff --git a/app/views/application/_chat.html.erb b/app/views/application/_chat.html.erb
new file mode 100644
index 0000000..868986b
--- /dev/null
+++ b/app/views/application/_chat.html.erb
@@ -0,0 +1,8 @@
+<div class="flex flex-col h-full text-sm">
+  <div id="chat_output" class="overflow-auto flex-grow">
+    Chat output will go here.
+  </div>
+  <div class="flex-none">
+    Chat input will go here.
+  </div>
+</div>
diff --git a/app/views/application/_game_info.html.erb b/app/views/application/_game_info.html.erb
new file mode 100644
index 0000000..fdbdd1b
--- /dev/null
+++ b/app/views/application/_game_info.html.erb
@@ -0,0 +1,3 @@
+<div>
+  Game info will go here.
+</div>
diff --git a/app/views/application/_header.html.erb b/app/views/application/_header.html.erb
new file mode 100644
index 0000000..b2b2cf8
--- /dev/null
+++ b/app/views/application/_header.html.erb
@@ -0,0 +1,25 @@
+<header class="flex items-center justify-between px-4 py-1 bg-gray-800 text-display">
+  <div class="header-title text-2xl">
+    <%= link_to "Esoterra", home_index_path, class: "no-underline" %>
+  </div>
+  <div id="header_center" data-turbolinks-permanent>
+  </div>
+  <div>
+    <ul class="flex flex-row-reverse text-sm">
+      <% if user_signed_in? %>
+        <li class="mr-3">
+          <%= link_to "Logout", logout_path %>
+        </li>
+      <% else %>
+        <li class="mr-3">
+          <%= link_to "Login", login_path %>
+        </li>
+      <% end %>
+      <% if user_signed_in? %>
+        <li class="mr-3">
+          <%= link_to "Characters", "#" %>
+        </li>
+      <% end %>
+    </ul>
+  </div>
+</header>
diff --git a/app/views/application/_navbar.html.erb b/app/views/application/_navbar.html.erb
new file mode 100644
index 0000000..5d3a2cb
--- /dev/null
+++ b/app/views/application/_navbar.html.erb
@@ -0,0 +1,16 @@
+<ul class="py-2 px-2 col-span-12 text-display">
+  <% if user_signed_in? %> <%# Will replace this with `current_character` or equivalent, eventually %>
+    <li class="mr-6 inline">
+      LinkA
+    </li>
+    <li class="mr-6 inline">
+      LinkB
+    </li>
+    <li class="mr-6 inline">
+      LinkC
+    </li>
+    <li class="mr-6 inline">
+      LinkD
+    </li>
+  <% end %>
+</ul>
-- 
cgit v1.2.3