update team launch design

osu-cascades · Feb 17, 2022 · 598119a · 598119a
1 parent 02be2e3
commit 598119a
Showing 1 changed file with 12 additions and 13 deletions.
diff --git a/lib/dream_up_web/live/team_launch_live.html.leex b/lib/dream_up_web/live/team_launch_live.html.leex
@@ -1,21 +1,20 @@
-<h1 phx-hook="header">Launch your team!</h1>
-
+<h1 phx-hook="header" class="text-blue-900 text-5xl font-bold p-4">Team Launch</h1>
+<h2 class="text-blue-900 text-3xl font-bold mb-4 p-4">
+  Launch your new team by completing the activity below. Let the team leader know when you are ready!
+</h2>
 <center>
-  <img src="/images/team_launch_graphic.png" alt="Teammates" class="team-launch-graphic">
+  <img style="max-width: 400px;" src="/images/team_launch_graphic.png" alt="Teammates" class="team-launch-graphic">
 </center>
-
-<p>Once Design Teams are picked, draw a Team Launch card and complete the activity.</p>
-
-<div class="card team-launch flip-card">
-  <h2 class="text-sm card-type flipped-card-text non-padded-card-type"><%= @team_launch_card.type %></h2>
-  <h2 class="text-xl2 card-type flipped-card-text non-padded-card-type"><%= @team_launch_card.title %></h2>
-  <h2 class="text-lg card-type flipped-card-text non-padded-card-type"><%= @team_launch_card.sub_title %></h2>
-  <p class="text-sm flipped-card-text">
+<br>
+<br>
+<div class="card team-launch">
+  <h2 class="card-type"><%= @team_launch_card.type %></h2>
+  <h2 class="font-medium">
     <%= if @team_launch_card do %>
       <%= @team_launch_card.prompt %>
-      <div class="card-tip"><p class="flipped-card-text text-sm"><%= @team_launch_card.tip %></p></div>
+      <div class="card-tip"><p class="text-sm"><%= @team_launch_card.tip %></p></div>
     <% end %>
-  </p>
+  </h2>
 </div>
 
 <div class="text-center">