4 files changed, 52 insertions, 0 deletions
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>