updates

src2/views/BlueskyView.vue

@@ -0,0 +1,13 @@
+<script setup>
+import Bluesky from '../components/Bluesky.alt.vue';
+  </script>
+  
+  <template>
+    <div class="grid grid-cols-1">
+    <main>
+      <center>
+        <Bluesky />
+      </center>
+    </main>
+  </div>
+  </template>

src2/views/DigiSnaxxView.vue

@@ -0,0 +1,96 @@
+<script setup>
+    import Footer from '../components/Sections/Footer.vue';
+    import Header from '../components/Sections/Header.vue';
+    import SearchButton from '../components/blocks/SearchButton.vue';
+    import PrimaryButtonSet from '../components/blocks/PrimaryButtonSet.vue';
+    import SecondaryButtonSet from '../components/blocks/SecondaryButtonSet.vue';
+    import EventList from '../components/Sections/EventList.vue';
+    import Modal from '../components/blocks/Modal.vue';
+
+
+    import { useMenuStore } from '../stores/MenuStore';
+    import { useEventsStore } from '../stores/EventsStore';
+    import { mainStore } from '../stores/MainStore.vue';
+
+    const menuStore = useMenuStore();
+    const EventsStore = useEventsStore();
+    const MainStore = mainStore();
+
+</script>
+    
+<template>
+  <div class="text-center">
+    <Header/>
+    <SecondaryButtonSet />
+    <div class="text-center pt-0 pb-3" v-if="menuStore.showMenu === false">
+      <SearchButton />
+      <PrimaryButtonSet />
+      <a href="https://airtable.com/appzQxsifc8AnD1zA/shrvhmYsAXY216C51">
+        <b v-if="$route.name == 'mde'" >Dame tus eventos, por favor</b>
+        <b v-if="$route.name != 'mde'" >Add your event!</b>
+      </a>
+      <Modal />
+    </div>
+
+    <EventList :cal="$route.name"/>
+
+    <div class="p-10">
+      <Footer lead="DreamFreely"></Footer>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+button {
+  border-radius: 25px;
+  padding: .25rem .75rem;
+  margin: .25rem;
+  background-color: orange;
+  color: #000;
+  font-weight: bold;
+}
+
+img {
+  display: inline;
+
+}
+
+.lens {
+  width: 100%;
+}
+
+.search {
+  border-radius: 25px;
+  padding: .5rem 1rem;
+  margin: .5rem;
+  margin-top: 10px;
+  background-color: hsla(160, 100%, 37%, 1);
+  color: #000;
+  font-weight: bold;
+}
+
+.about {
+color: #000 !important;
+background-color: rgb(180, 180, 180);
+padding: .25em 1em .25em 1em;
+}
+
+.about a {
+color: #000 !important;
+font-weight: bold;
+padding: 1em;
+}
+
+.qr-code {
+background-color: #760870;;
+color: #fff !important;
+padding: .25em 1em .25em 1em;
+font-weight: bold;
+}
+
+.qr-code a {
+color: #fff !important;
+font-weight: bold;
+padding: 1em;
+}
+</style>

src2/views/HomeView.vue

@@ -0,0 +1,61 @@
+<script setup>
+    import Footer from '../components/Sections/Footer.vue';
+    import Header from '../components/Sections/Header.vue';
+
+    import { useMenuStore } from '../stores/MenuStore';
+    import { useEventsStore } from '../stores/EventsStore';
+    import { mainStore } from '../stores/MainStore.vue';
+
+    const menuStore = useMenuStore();
+    const EventsStore = useEventsStore();
+    const MainStore = mainStore();
+
+    </script>
+    
+<template>
+  <div class="text-center">
+    <Header></Header>
+    <!-- <ButtonSet /> -->
+
+    <div class="flex grid text-center p-4 grid-flow-row lg:grid-cols-3">
+        <div class="text-center p-2">
+          <a class=" text-center" href="/medellin" :click="EventsStore.shortcode = 'mde'">  
+            <img src="../assets/Medellin.png" style="width:15em;"/>
+            <p class="text-lg">Medellin</p>
+          </a>
+        </div>
+        <div class="text-center p-2">
+          <a class=" text-center" href="/mpls-stp">
+            <img src="../assets/Mpls.png" style="width:15em;"/>
+            <p class="text-lg">Mpls/StPaul</p>
+          </a>
+        </div>
+        <div class="text-center p-2">
+          <a class=" text-center" href="/beyond">
+            <img src="../assets/earth.png" style="width:15em;"/>
+            <p class="text-lg">Beyond</p>
+          </a>
+        </div>
+    </div>
+
+    <div class="p-8">
+      <Footer lead="DreamFreely"></Footer>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+img {
+  width: 50em;
+  border-radius: 8em;
+  padding: 1em;
+  margin: 2em;
+  margin: auto;
+}
+
+a {
+  padding: 2em;
+}
+
+</style>

src2/views/zarchive/DreamFreelyView.vue

@@ -0,0 +1,31 @@
+<script setup>
+  import BlogLead from '../components/blocks/BlogLead.vue';
+  import MediaBlock from '../components/blocks/MediaBlock.vue';
+  import IntroBlock from '../components/blocks/IntroBlock.vue'
+  import SubscribeBlock from '../components/blocks/SubscribeBlock.vue';
+  import ShopList from '../components/Shop.vue';
+</script>
+
+<template>
+  <main class="pt-4" style="margin:auto;width:85%;">
+    <div class="text-center">
+      <h1 class="text-2xl">Welcome to DigiSnaxx</h1>
+      <h2 class="text-xl">a <a href="//www.dreamfreely.org">DreamFreely</a> Playground</h2>
+      <img src="../assets/cover.png" width="95%" class="lg:hidden pt-4 m-auto" />
+      <BlogLead class="p-2" />
+      <span class="text-xl">
+        <a href="https://canin.dreamfreely.org">Blog</a> 🍃 
+        <a href="https://shop.dreamfreely.org">Shop</a>
+      </span>
+      <IntroBlock class="py-4" />
+    </div>
+
+    <MediaBlock />
+    <ShopList />
+    <div class="text-center p-4">
+      DreamFreely &#169; 2025
+    </div>
+
+  </main>
+  
+</template>

src2/views/zarchive/LiveView.vue

@@ -0,0 +1,21 @@
+<script setup>
+</script>
+  
+<template>
+    <div class="grid grid-cols-1">
+        <main class="text-center pt-24">
+                <h1 class="text-2xl">
+                    DigiSnaxx LIVE!
+                </h1>
+                <p>
+                    Welcome to the Garden
+                </p>
+                <p>
+                    Every Monday @ the Acadia
+                </p>
+                <p>
+                    5PM
+                </p>
+        </main>
+    </div>
+</template>