adding initial title

commands.md

@@ -7,3 +7,9 @@
 - Sort lines by natural
 - Add `"id": ""`
 - Generate GUID and remove the tails
+
+## Deploy to S3
+
+<https://github.com/bep/s3deploy>
+
+`s3deploy -source=./dist -region=eu-west-1 -bucket=prod-onmyojideckbuilder-origin -distribution-id=E8811LTEVQX71`

src/views/DeckBuilder.vue

@@ -62,6 +62,9 @@
       <!-- selected_shikigami_decks: {{ selected_shikigami_decks }} -->
       <v-textarea :value="construct_url()" color="teal"> </v-textarea>
     </v-row>
+    <v-row>
+      <v-textarea :value="title" class="user-title"></v-textarea>
+    </v-row>
     <v-row v-for="(_, index) in selected_shikigami_names" :key="index">
       <v-card elevation="2" width="100%" class="pa-3" flat tile color="#070042">
         <v-row>
@@ -145,6 +148,7 @@ export default {
     selected_shikigami_data: [],
     selected_shikigami_decks: [{ 0: [] }, { 1: [] }, { 2: [] }, { 3: [] }],
     shikigami: shikigami,
+    title: "some title",
   }),
   methods: {
     get_chosen_shikigami_data: function (shikigami_name) {
@@ -248,6 +252,7 @@ export default {
     } else {
       this.selected_shikigami_decks = [];
     }
+    console.log(JSON.stringify(this.selected_shikigami_decks));
   },
   watch: {
     selected_shikigami_names: function () {
@@ -285,4 +290,14 @@ export default {
     transform: scale(1.25);
   }
 }
+
+.user-title {
+  font-size: 50px !important;
+  // margin-top: 50px !important;
+  // margin-bottom: -50px !important;
+}
+
+::before .v-text-field__slot {
+  padding: 50px !important;
+}
 </style>