diff options
Diffstat (limited to 'app/views')
| -rw-r--r-- | app/views/application/_chat.html.erb | 8 | ||||
| -rw-r--r-- | app/views/application/_game_info.html.erb | 3 | ||||
| -rw-r--r-- | app/views/application/_header.html.erb | 25 | ||||
| -rw-r--r-- | app/views/application/_navbar.html.erb | 16 | ||||
| -rw-r--r-- | app/views/layouts/application.html.erb | 35 |
5 files changed, 84 insertions, 3 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> diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index e7f5226..1f70197 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -1,8 +1,9 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> <title>Esoterra</title> <meta name="viewport" content="width=device-width,initial-scale=1"> + <meta name="turbolinks-cache-control" content="no-cache"> <%= csrf_meta_tags %> <%= csp_meta_tag %> @@ -10,7 +11,35 @@ <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %> </head> - <body> - <%= yield %> + <body class="text-base text-gray-400 bg-gray-800"> + <div> + <%= render "header" %> + <div class="main-wrapper bg-gray-900 rounded"> + <div class="game-container mx-auto p-2 grid gap-2 grid-cols-12 px-2"> + <% if user_signed_in? %> + <%= render "navbar" %> + <% end %> + <div id="world_box" class="game-container-box col-span-12 sm:col-span-8"> + <p><%= notice %></p> + <p><%= alert %></p> + <%= yield %> + </div> + <% if user_signed_in? %> + <div id="chat_box" class="game-container-box side-box col-span-12 sm:col-span-4" + data-turbolinks-permanent> + <%= render "chat" %> + </div> + <% else %> + <div id="game_info_box" class="game-container-box side-box col-span-12 sm:col-span-4" + data-turbolinks-permanent> + <%= render "game_info" %> + </div> + <% end %> + </div> + </div> + <div class="bg-gray-800 p-2 text-display text-center text-xs text-gray-400"> + Esoterra © 2020-2021 + </div> + </div> </body> </html> |