Enhance index page layout and styling; add registration and call for …

…speakers buttons
rubykansai · Feb 5, 2025 · 26ebd5c · 26ebd5c
1 parent a3e1ee7
commit 26ebd5c
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 5 deletions.
diff --git a/components/AppHeader.vue b/components/AppHeader.vue
@@ -42,7 +42,6 @@ export default {
 
 .v-list-item, a {
   font-family: 'Kumbh Sans', serif;
-  text-decoration: none;
   color: #fff;
 }
 

diff --git a/pages/index.vue b/pages/index.vue
@@ -9,17 +9,40 @@
       <v-col align="center" class="d-flex justify-center align-center">
         <v-card
           min-width="100vw"
-          class="py-16"
           :elevation="0"
         >
           <v-card-item class="justify-center">
-            <v-img src="/logo.svg" width="50vh" class="mb-16"/>
-            <div class="text-h4 title">
+            <v-img src="/logo.svg" width="50vh" class="mb-8"/>
+            <div class="text-h4 title mb-16">
               2025.6.28 <span class="text-h5 title mr-7">(Sat)</span>
               <a class="text-h5 title" href="https://www.kamogawa-odori.com/kaburenjou/">
                 @先斗町歌舞練場
               </a>
             </div>
+            <a
+              href="https://ti.to/kansairubykaigi/08"
+              target="_blank"
+              class="mr-3"
+            >
+              <v-btn
+                size="x-large"
+                color="white"
+                rounded
+                class="v-btn-register mr-3"
+              >REGISTER NOW</v-btn>
+            </a>
+            <a
+              href="https://forms.gle/yxRKq3Bg1RUC8bocA"
+              target="_blank"
+            >
+              <v-btn
+                size="x-large"
+                color="white"
+                variant="outlined"
+                rounded
+                class="v-btn-cfs"
+              >CALL FOR SPEAKERS</v-btn>
+            </a>
           </v-card-item>
         </v-card>
       </v-col>
@@ -48,7 +71,16 @@
 }
 
 .title a {
-  text-decoration: none;
+  text-decoration: underline 1px;
+}
+
+.v-btn-register {
+  color: #700002 !important;
+}
+
+.v-btn-register, .v-btn-cfs {
+  min-width: 260px;
+  font-family: 'Kumbh Sans', serif;
 }
 
 .corner {