first push

src/components/Sections/EventList.vue

@@ -0,0 +1,49 @@
+<script setup>
+  import { ref, onMounted, computed } from "vue";
+
+  import { useMenuStore } from '../../stores/MenuStore';
+  const MenuStore = useMenuStore();
+  MenuStore.get_today();
+
+
+  import EventListingComplete from '../listings/EventListing.vue';
+  import Promo from '../listings/BlueskyLinks.vue';
+  // import Promo from '../listings/Promo.vue';
+
+  import { useEventsStore } from '../../stores/EventsStore';
+
+  const props = defineProps({
+        limit: {
+            type: Number,
+            require: false
+        },
+        
+        cal: {
+          type: String,
+          require: true
+        }
+    })
+
+  const store = useEventsStore();
+  store.fetchEvents(props.cal);
+  store.fetchPromo();
+  const events = computed(() => {
+    return store.events;
+  });
+  const promo = computed(() => {
+    return store.promo;
+  });
+
+  
+
+</script>
+        
+<template>
+  <div class="md:flex md:flex-wrap lg:flex lg:flex-wrap md:flex md:justify-center lg:flex lg:justify-center z-0">
+    <span class="self-stretch" v-for="(item, index) in events">
+      <Promo  v-if="(index % 6 == 0) && index != 0 && events.length > 12" :item = promo[(index/6)-1] :index = "(index/6)-1"/>
+      <EventListingComplete v-else-if="(index % 6 != 0)" :item = "item" :index = "index" />
+      <!-- <EventListingComplete :item = "item" :index = "index" /> -->
+    </span>
+  </div>
+</template>

src/components/Sections/Footer.vue

@@ -0,0 +1,22 @@
+<script setup>
+    defineProps({
+        lead: {
+        type: String,
+        required: true
+      }
+    })
+    </script>
+        
+<template>
+    <div class="">
+        <a class="green text-2xl flex justify-center" href="https://www.dreamfreely.org" target="_blank">
+            {{ lead }}
+        </a>
+        <br/>
+        Privacy Policy: This website uses <a href="https://umami.is/" target="_blank">Umami</a> for analytics.
+    </div>
+    
+    
+    
+</template>
+        

src/components/Sections/Header.vue

@@ -0,0 +1,68 @@
+<script setup>
+    import { ref, onMounted, computed } from "vue";
+    import moment from 'moment-timezone';
+
+</script>
+
+<template>
+  <div>
+    <header class="grid justify-center z-10">
+      <div class="greetings justify-center pt-2 pb-3">
+        <h1 class="green">
+          <RouterLink to="/">DigiSnaxx.com</RouterLink>
+        </h1>
+        <!-- <span class="subtitle z-40">
+          another <a href="https://www.dreamfreely.org" targe="_blank">DreamFreely</a> project
+        </span> -->
+        <span class="subtitle z-40">
+          Events done simply
+        </span>
+      </div>
+    </header>
+  </div>
+</template>
+
+<style scoped>
+    header {
+      line-height: 1.5;
+      max-height: 50vh;
+    }
+
+    h1 {
+      font-size: 2.5rem;
+      margin-bottom: -15px;
+    }
+
+    .subtitle {
+      margin-left: 65px;
+      letter-spacing: .15em;
+    }
+    
+    .logo {
+      display: block;
+      margin: 0 auto 2rem;
+    }
+
+    .nav {
+      background-color: var(--color-background) !important;
+      opacity: 1;
+      z-index: 9;
+    }
+    
+    @media (min-width: 1024px) {
+      header {
+        display: flex;
+        place-items: center;
+      }
+    
+      .logo {
+        margin: 0 2rem 0 0;
+      }
+    
+      header .wrapper {
+        display: flex;
+        place-items: flex-start;
+        flex-wrap: wrap;
+      }
+    }
+    </style>