From 861f9909ad6502fa0208f8f06ed760cf0dab1fc1 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Wed, 18 Sep 2024 17:26:07 -0500
Subject: [PATCH] Start styling projects

---
 app/views/bubbles/index.html.erb  | 11 ++---------
 app/views/bubbles/show.html.erb   |  2 ++
 app/views/projects/index.html.erb | 16 ++++++++++++++--
 app/views/projects/new.html.erb   |  2 ++
 4 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/app/views/bubbles/index.html.erb b/app/views/bubbles/index.html.erb
index 7009f1681..397c42572 100644
--- a/app/views/bubbles/index.html.erb
+++ b/app/views/bubbles/index.html.erb
@@ -1,3 +1,5 @@
+<% @page_title = @project.name %>
+
 <% content_for :header do %>
   <nav>
     <%= link_to projects_path, class: "btn flex-item-justify-start" do %>
@@ -25,15 +27,6 @@
   </nav>
 <% end %>
 
-<% content_for :footer do %>
-  <nav>
-    <%= button_to session_path, method: :delete, class: "btn center", form_class: " center" do %>
-      <%= image_tag "logout.svg", aria: { hidden: true }, size: 24 %>
-      <span class="for-screen-reader">Sign out</span>
-    <% end %>
-  </nav>
-<% end %>
-
 <section class="windshield flex-inline flex-wrap gap-half justify-center align-end">
   <% cache([@most_active_bubbles, 'stable_shuffle']) do %>
     <%= render @most_active_bubbles.sort_by { |bubble| Digest::MD5.hexdigest("#{bubble.id}#{@most_active_bubbles.cache_key}") } %>
diff --git a/app/views/bubbles/show.html.erb b/app/views/bubbles/show.html.erb
index 59394269c..48d026bf0 100644
--- a/app/views/bubbles/show.html.erb
+++ b/app/views/bubbles/show.html.erb
@@ -1,3 +1,5 @@
+<% @page_title = @bubble.title %>
+
 <% content_for :header do %>
   <nav>
     <%= link_to project_bubbles_path(@bubble.project), class: "btn flex-item-justify-start" do %>
diff --git a/app/views/projects/index.html.erb b/app/views/projects/index.html.erb
index 635b2d31d..cbcbe04e1 100644
--- a/app/views/projects/index.html.erb
+++ b/app/views/projects/index.html.erb
@@ -1,6 +1,18 @@
-<h1>Projects</h1>
+<% @page_title = "Projects" %>
 
-<p><%= link_to "New", new_project_path %></p>
+<% content_for :header do %>
+  <nav>
+    <%= button_to session_path, method: :delete, class: "btn", form_class: "flex-item-justify-start" do %>
+      <%= image_tag "logout.svg", aria: { hidden: true }, size: 24 %>
+      <span class="for-screen-reader">Sign out</span>
+    <% end %>
+
+    <%= link_to new_project_path, class: "btn flex-item-justify-end" do %>
+      <%= image_tag "add.svg", aria: { hidden: true }, size: 24 %>
+      <span class="for-screen-reader">Add a new project</span>
+    <% end %>
+  </nav>
+<% end %>
 
 <ul>
   <% @projects.each do |project| %>
diff --git a/app/views/projects/new.html.erb b/app/views/projects/new.html.erb
index 96c3354cc..cc996312d 100644
--- a/app/views/projects/new.html.erb
+++ b/app/views/projects/new.html.erb
@@ -1,3 +1,5 @@
+<% @page_title = "Create a new project" %>
+
 <h1>New Project</h1>
 
 <%= form_with model: @project do |form| %>