create flowers stand page

true-runes · Aug 26, 2018 · 50c495e · 50c495e
1 parent b40e726
commit 50c495e
Show file tree

Hide file tree

Showing 4 changed files with 86 additions and 2 deletions.
diff --git a/app/assets/javascripts/materialize/materialize_initialize.js b/app/assets/javascripts/materialize/materialize_initialize.js
@@ -20,3 +20,8 @@ document.addEventListener('DOMContentLoaded', function() {
   var sidenavElems = document.querySelectorAll('.sidenav');
   var sidenavInstances = M.Sidenav.init(sidenavElems, {});
 });
+
+document.addEventListener('DOMContentLoaded', function() {
+  var materialBoxElems = document.querySelectorAll('.materialboxed');
+  var materialBoxInstances = M.Materialbox.init(materialBoxElems, {});
+});
diff --git a/app/views/pages/flowers_stand.html.slim b/app/views/pages/flowers_stand.html.slim
@@ -0,0 +1,60 @@
+- @this_page_title = '幻水フラスタ'
+
+.container
+  .row
+    .col.s12
+      h5
+        = 'フラワースタンド'
+      h6
+        = '（於 '
+        = link_to '『幻想水滸伝 × JAGMO Orchestra Concert』', 'https://jagmo.jp/lp/gensosuikoden/', target: '_blank'
+        = '）'
+  // TODO: NOT DRY
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_01.jpg', class: 'materialboxed', height: 350
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_02.jpg', class: 'materialboxed', height: 350
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_03.jpg', class: 'materialboxed', height: 350
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_04.jpg', class: 'materialboxed', height: 350
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_05.jpg', class: 'materialboxed', height: 350
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_06.jpg', class: 'materialboxed', height: 350
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_07.jpg', class: 'materialboxed', height: 350
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_08.jpg', class: 'materialboxed', height: 350
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_09.jpg', class: 'materialboxed', height: 350
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_10.jpg', class: 'materialboxed', height: 350
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_11.jpg', class: 'materialboxed', height: 350
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_12.jpg', class: 'materialboxed', height: 350
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_13.jpg', class: 'materialboxed', height: 350
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_14.jpg', class: 'materialboxed', height: 350
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_15.jpg', class: 'materialboxed', height: 350
+  .row
+    .col.s12
+      = image_tag '/flowers_stand_2018_summer/flowers_stand_2018_summer_16.jpg', class: 'materialboxed', height: 350
diff --git a/app/views/shared/_navbar.html.slim b/app/views/shared/_navbar.html.slim
@@ -18,7 +18,10 @@ nav.blue.lighten-4
                 i.material-icons.right
                   = 'arrow_drop_down'
             li
-              = link_to 'Thanks', thanks_pages_path, class: 'black-text'
+              = link_to '#!', class: ['dropdown-trigger', 'black-text'], data: { target: 'dropdown-thanks-desktop' } do
+                | Thanks
+                i.material-icons.right
+                  = 'arrow_drop_down'
 ul#nav-mobile.sidenav
   li
     .user-view.blue.lighten-4
@@ -34,7 +37,10 @@ ul#nav-mobile.sidenav
       i.material-icons.right
         = 'arrow_drop_down'
   li
-    = link_to 'Thanks', thanks_pages_path
+    = link_to '#!', class: ['dropdown-trigger', 'black-text'], data: { target: 'dropdown-thanks-mobile' } do
+      | thanks
+      i.material-icons.right
+        = 'arrow_drop_down'
 
 #dropdown-vote-desktop.dropdown-content
   li
@@ -63,3 +69,15 @@ ul#nav-mobile.sidenav
     = link_to '結果概要', summary_pages_path, class: 'black-text'
   li
     = link_to '開票ツイート', now_counting_pages_path, class: 'black-text'
+
+#dropdown-thanks-desktop.dropdown-content
+  li
+    = link_to 'Staffs', thanks_pages_path, class: 'black-text'
+  li
+    = link_to 'フラスタ', flowers_stand_pages_path, class: 'black-text'
+
+#dropdown-thanks-mobile.dropdown-content
+  li
+    = link_to 'Staffs', thanks_pages_path, class: 'black-text'
+  li
+    = link_to 'フラスタ', flowers_stand_pages_path, class: 'black-text'
diff --git a/config/routes.rb b/config/routes.rb
@@ -5,6 +5,7 @@
     collection do
       get :how_to_vote
       get :thanks
+      get :flowers_stand
       get :duplicate_check # 不要
       get :summary
       get :ranking