Merge pull request #4 from asakusarb/add_timetable_glimpse

add TimeTable Text page for glimpse
asakusarb · Sep 19, 2023 · dfe1469 · dfe1469
2 parents 43f9c32 + 637b69e
commit dfe1469
Show file tree

Hide file tree

Showing 3 changed files with 122 additions and 6 deletions.
diff --git a/source/index.html.haml b/source/index.html.haml
@@ -35,7 +35,8 @@ title: 大江戸Ruby会議10
 %section.p-time-table
   %h2.p-time-table__title
     %img(src="/images/timeTable.svg" alt="Time Table")
-  .p-time-table__block 近日公開予定
+  .p-time-table__block
+    =partial "timetable"
 
 %section.p-after-party
   %h2.p-after-party__title

diff --git a/source/stylesheets/site.css.scss b/source/stylesheets/site.css.scss
@@ -151,17 +151,64 @@ a {
   padding: 6rem 0 7rem;
   background-color: white;
   &__title {
+    position: relative;
     color: $primary-color;
     font-size: 2.5rem;
+    &:before {
+      content: "WIP";
+      position: absolute;
+      color: white;
+      background-color: black;
+      right: -1rem;
+      bottom: -1rem;
+      padding: 0.25rem 1rem;
+      font-size: 0.5rem;
+      transform: skewX(335deg);
+      letter-spacing: 3px;
+    }
   }
   &__block {
     width: 60%;
-    padding: 4rem;
+    padding: 2rem;
     text-align: center;
-    font-size: 2.5rem;
-    font-weight: bold;
     background-color: $primary-color;
   }
+  &__table {
+    width: 100%;
+  }
+  &__tr {
+    padding: 0.5rem;
+    background: rgba(0,0,0,0.1);
+  }
+  &__th {
+    padding: 0.5rem;
+    background-color: rgba(256, 256, 256, 0.2);
+    border: 1px solid white;
+  }
+  &__td {
+    padding: 0.5rem;
+    font-size: 0.85rem;
+    color: white;
+    &.is-text-left {
+      text-align: left;
+    }
+  }
+  &__text--guide {
+    position: relative;
+    margin: 3rem auto 0;
+    color: $primary-color;
+    font-size: 1.25rem;
+    font-weight: bold;
+    text-align: center;
+    &:before {
+      content: "👇🏻";
+      position: absolute;
+      top: -2.5rem;
+      left: 50%;
+      margin-left: -16px;
+      font-size: 2rem;
+    }
+  }
 }
 
 .p-after-party {
@@ -377,7 +424,7 @@ a {
       margin-bottom: 0.5rem;
     }
     &__block {
-      width: 90%;
+      width: 100%;
       font-size: 1.25rem;
       padding: 2rem 0;
       box-sizing: border-box;
@@ -402,4 +449,4 @@ a {
   .c-button--submit {
     font-size: 1.25rem;
   }
-}
+}
diff --git a/source/timetable.html.haml b/source/timetable.html.haml
@@ -0,0 +1,68 @@
+%table.p-time-table__table
+  %tr
+    %th.p-time-table__th 時間
+    %th.p-time-table__th 題目
+    %th.p-time-table__th 内容
+  %tr.p-time-table__tr
+    %td.p-time-table__td 09:30 - 10:00
+    %td.p-time-table__td 受付
+  %tr.p-time-table__tr
+    %td.p-time-table__td 10:00 - 10:10
+    %td.p-time-table__td ごあいさつ
+  %tr.p-time-table__tr
+    %td.p-time-table__td 10:10 - 11:10
+    %td.p-time-table__td Ninja Talk 1
+    %td.p-time-table__td.is-text-left
+      =link_to "@fugakkbn", "https://x.com/fugakkbn"
+      =link_to "@hyumanase", "https://x.com/hyumanase"
+      =link_to "@neko314_", "https://x.com/neko314_"
+  %tr.p-time-table__tr 
+    %td.p-time-table__td 11:10 - 11:15
+    %td.p-time-table__td 休憩
+  %tr.p-time-table__tr 
+    %td.p-time-table__td 11:15 - 11:55
+    %td.p-time-table__td 企画モノ
+    %td.p-time-table__td.is-text-left
+      TBD
+  %tr.p-time-table__tr 
+    %td.p-time-table__td 11:55 - 13:25
+    %td.p-time-table__td お昼ご飯
+  %tr.p-time-table__tr 
+    %td.p-time-table__td 13:25 - 14:25
+    %td.p-time-table__td Ninja Talk 2
+    %td.p-time-table__td.is-text-left
+      =link_to "@yancya", "https://x.com/yancya"
+      =link_to "@bash0C7", "https://x.com/bash0C7"
+      =link_to "@a_matsuda", "https://x.com/a_matsuda"
+  %tr.p-time-table__tr 
+    %td.p-time-table__td 14:25 - 14:30
+    %td.p-time-table__td 休憩
+  %tr.p-time-table__tr 
+    %td.p-time-table__td 14:30 - 15:00
+    %td.p-time-table__td 招待講演
+    %td.p-time-table__td.is-text-left
+      irbコミッター
+      =link_to "@hasumikin", "https://x.com/hasumikin"
+      =link_to "@tompng", "https://x.com/tompng"
+      =link_to "@ima1zumi", "https://x.com/ima1zumi"
+  %tr.p-time-table__tr 
+    %td.p-time-table__td 15:00- 15:15
+    %td.p-time-table__td 休憩
+  %tr.p-time-table__tr 
+    %td.p-time-table__td 15:15 - 16:15
+    %td.p-time-table__td Ninja Talk 3
+    %td.p-time-table__td.is-text-left
+      =link_to "@Inoue_0852", "https://x.com/Inoue_0852"
+      =link_to "@nay3", "https://x.com/nay3"
+      =link_to "@ogijun", "https://x.com/ogijun"
+  %tr.p-time-table__tr 
+    %td.p-time-table__td 16:15- 16:20
+    %td.p-time-table__td 休憩
+  %tr.p-time-table__tr 
+    %td.p-time-table__td 16:20 - 16:50
+    %td.p-time-table__td 招待講演
+    %td.p-time-table__td.is-text-left
+      =link_to "@inao", "https://x.com/inao"
+  %tr.p-time-table__tr 
+    %td.p-time-table__td 16:50 - 16:55
+    %td.p-time-table__td おしまい