Update events page, crypto exchanges guide, footer, and add event

app.vue

@@ -9,6 +9,7 @@
       { rel: 'icon', sizes: '16x16', href: '/favicon-16x16.png' },
       { rel: 'manifest', href: '/site.webmanifest' },
       { rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#5bbad5' },
+      { rel: 'stylesheet', href: 'https://i.icomoon.io/public/870f1d17ba/crbtcorg/style.css' },
     ],
     meta: [
       { name: 'msapplication-TileColor', content: '#f59428' },

assets/style/_config.scss

@@ -13,11 +13,11 @@ $hr: #d30012; // hr
 
 $btn-color: #faf1e5; // button
 $btnh-color: #f5ece0; // button hover
+$link: #308fe7; // link
 $i-color: #494949; // input
 
 // Font Colors
 $f-color: #ffffff; // primary
 $fs-color: #ffffff; // secondary
 $fh-color: #f7931a; // hover
-$btc: #f7931a; // btc
+$btc: #f7931a; // btc
-$link: #3182ce; // link

assets/style/components/_footer.scss

@@ -16,9 +16,11 @@
       &:hover { text-decoration: underline }
     }
 
-    .heart {
+    .icon-btc {
       position: relative;
-      margin: 0 1px;
+      top: .2rem;
+      font-size: 1.1rem;
+      margin: 0 .1rem;
     }
   }
   

assets/style/components/_header.scss

@@ -1,6 +1,6 @@
 header {
   display: grid;
-  grid-template-columns: 6.5rem calc(100% - 15.5rem) 9rem;
+  grid-template-columns: 2fr 4fr 2fr;
   grid-template-rows: 2fr 1fr;
   max-width: 60rem;
   padding: 2rem 4rem;
@@ -9,14 +9,24 @@ header {
   .logo {
     grid-row: 1/3;
     display: inline-block;
-    border: .2rem solid $w-color;
+    height: 6.25rem;
-    padding: .5rem 1rem .5rem .5rem;
+    //border: .2rem solid $w-color;
+    //padding: .5rem 1rem .5rem .5rem;
 
     h1 {
       color: $w-color;
       font-size: 1.2rem;
       line-height: 1.2rem;
     }
+
+    a {
+      display: inline-block;
+      height: 6.25rem;
+      
+      img {
+        max-width: 6.5rem;
+      }
+    }
   }
   
   .nav,
@@ -37,6 +47,8 @@ header {
           text-decoration: underline;
         }
       }
+
+      &:hover { cursor: pointer }
     }
   }
 

assets/style/main.scss

@@ -8,7 +8,7 @@ body {
 
 main {
   max-width: 60rem;
-  min-height: calc(100vh - 220px);
+  min-height: calc(100vh - 224px);
   margin: 0 auto;
   padding: 0 4rem;
 }
@@ -19,6 +19,7 @@ main {
 
 html {
   scroll-behavior: smooth;
+  color-scheme: dark;
 }
 
 *, *:after, *:before { 
@@ -54,6 +55,7 @@ a {
 @import 'components/footer';
 @import 'pages/index';
 @import 'pages/pages';
+@import 'pages/event';
 @import 'pages/guide';
 @import 'pages/auth';
 @import 'pages/404';

assets/style/pages/_auth.scss

@@ -1,7 +1,7 @@
 .login,
 .register {
   max-width: 24rem;
-  padding: 2rem 2rem;
+  padding: 2rem;
   margin: 0 auto;
 
   h3 {
@@ -35,6 +35,8 @@
     }
 
     .input {
+      margin: 0 0 .5rem 0;
+
       label {
         display: block;
         font-size: .9rem;
@@ -45,11 +47,17 @@
         font-size: 1rem;
         font-weight: 400;
         padding: .5rem 1rem;
-        margin: .25rem 0 .75rem 0;
+        margin: .25rem 0;
         border: 1px solid $i-color;
       }
     }
 
+    span {
+      color: $error;
+      font-family: $p-font;
+      font-size: .75rem;
+    }
+
     button {
       font-size: .9rem;
       font-weight: 500;

assets/style/pages/_event.scss

@@ -0,0 +1,55 @@
+.event {
+  padding: 4rem 8rem;
+
+  .hero {
+    h3 { 
+      font-size: 2.5rem;
+      padding: 0 0 .5rem 0
+    }
+  
+    h4 {
+      font-size: 1rem;
+      font-weight: 500;
+    }
+
+    img {
+      width: 100%;
+      padding: 4rem 0;
+    }
+  }
+
+  .details {
+    padding: 1rem 0;
+
+    h2 a {
+      color: $f-color;
+    }
+
+    
+    h4 {
+      padding: 1rem 0;
+
+      a {
+        color: $f-color;
+        font-size: 1.25rem;
+        font-weight: 600;
+        &:hover { cursor: text }
+      }
+    }
+    
+    p {
+      font-size: 1.05rem;
+      padding: .5rem 0;
+
+      a:hover {
+        cursor: pointer;
+        text-decoration: underline;
+      }
+    }
+
+    img {
+      width: 100%;
+      padding: 1rem 0;
+    }
+  }
+}

assets/style/pages/_guide.scss

@@ -17,11 +17,11 @@
 
   .content {
 
-    p {
+    h2 a {
-      font-size: 1.05rem;
+      color: $f-color;
-      padding: .5rem 0;
     }
 
+    
     h4 {
       padding: 1rem 0;
 
@@ -32,6 +32,16 @@
         &:hover { cursor: text }
       }
     }
+    
+    p {
+      font-size: 1.05rem;
+      padding: .5rem 0;
+
+      a:hover {
+        cursor: pointer;
+        text-decoration: underline;
+      }
+    }
 
     img {
       width: 100%;

components/Footer.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="footer">
     <div class="who">
-      <p>Made with <span class="heart">❤️</span> by <NuxtLink to="https://ryanmoon.com" target="_blank">Ryan Moon</NuxtLink></p>
+      <p>Made with <span class="icon-btc"><span class="path1"></span><span class="path2"></span></span> by <NuxtLink to="https://ryanmoon.com" target="_blank">Ryan Moon</NuxtLink></p>
     </div>
     <ul class="links">
       <li><NuxtLink to="/privacy">Privacy Policy</NuxtLink></li>

components/Header.vue

@@ -4,17 +4,22 @@
   const user = useDirectusUser();
   const { logout } = useDirectusAuth()
 
-  console.log(user)
+  /* <NuxtLink to="/" class="logo"><h1>Capital <br/>Region <br/>Bitcoin <br/>Network</h1></NuxtLink> */
+  /* <a @click="logout" ><h2>Logout</h2></a> */
 </script>
 
 <template>
   <header>
-    <NuxtLink to="/" class="logo"><h1>Capital <br/>Region <br/>Bitcoin <br/>Network</h1></NuxtLink>
+    <div class="logo">
+      <NuxtLink to="/">
+        <img src="/img/logo.png" alt="Capital Region Bitcoin Network">
+      </NuxtLink>
+    </div>
     <div class="nav" >
       <NuxtLink to="/about"><h2>About</h2></NuxtLink>
       <NuxtLink to="/#guides"><h2>Guides</h2></NuxtLink>
       <NuxtLink to="/#events" ><h2>Events</h2></NuxtLink>
-      <NuxtLink to="/members" v-if="isDesktopOrTablet" ><h2>Members</h2></NuxtLink>
+      <NuxtLink to="/" v-if="isDesktopOrTablet" ><h2>Members</h2></NuxtLink>
     </div>
     <div class="auth" v-if="isDesktopOrTablet">
       <div class="links" v-if="!user">
@@ -22,8 +27,7 @@
         <NuxtLink to="/login"><h2>Sign in</h2></NuxtLink>
       </div>
       <div class="user" v-if="user">
-        <p >{{user.first_name}}</p>
+        <NuxtLink :to="'/u/' + user.external_identifier"><h2>{{user.first_name}}</h2></NuxtLink>
-        <p @click="logout" >Logout</p>
       </div>
     </div>
   </header>

content/about.md

@@ -12,4 +12,5 @@ and wanting to create a local community around Bitcoin.
 The first meetup was held on Thursday, May 11th 2023. Meetups allow for open discussion 
 about Bitcoin news and common questions surrounding the currency.
 
-View the schedule of <a href="/#events">upcoming events</a> and see if you can make it to the next one.
+Follow us on <a href="https://twitter.com/UpstateNYBTC" target="_BLANK">Twitter</a> and view 
+the schedule of <a href="/#events">upcoming events</a> to see if you can make it to the next one.

content/event/monthly-meetup-7-26-2023.md

@@ -3,7 +3,7 @@ title: Monthly Meetup
 slug: monthly-meetup-7-26-2023
 date: 2023-07-26
 published: 2023-07-16
-location: Druthers Brewing Company
+location: Druther's Brewing Company 
 address: 221 Harborside Drive, Schenectady
 time: 6:00 PM
 meetup: 294822271

content/event/monthly-meetup-8-23-2023.md

@@ -0,0 +1,19 @@
+---
+title: Monthly Meetup
+slug: monthly-meetup-8-23-2023
+date: 2023-08-23
+published: 2023-08-11
+location: Druther's Brewing Company 
+address: 221 Harborside Drive, Schenectady
+time: 6:00 PM
+meetup: 295386867
+---
+
+## Details
+
+Looking forward to seeing everyone at the August meetup!
+
+Our monthly Bitcoin meetup! This is a Bitcoin only event. Whether you are interested in learning about Bitcoin, or are a seasoned pleb, come and hang out! We will have learning materials for those who are just starting out.
+
+We would like to finalize some upcoming workshop ideas and dates at this event.
+Hope you all can make it! Feel free to bring a friend or two to orange pill :-). Appetizers and first round of drinks will be provided.

content/guide/crypto-exchanges.md

@@ -5,7 +5,7 @@ slug: crypto-exchanges
 thumbnail: crypto-exchanges.svg
 date: 07-29-2023
 published: July 29th, 2023
-updated: July 29th, 2023
+updated: August 11th, 2023
 length: 2
 tags: Exchanges give you the opportunity to purchase crypto and store your purchase in a hot wallet.
 excerpt: Exchancges
@@ -15,72 +15,24 @@ priority: 3
 
 ## Crypto Exchanges
 
+<a href="https://www.etoro.com/en-us/" target="_BLANK">eToro</a> - eToro NY
 
+<a href="https://www.gemini.com/" target="_BLANK">Gemini</a> - Gemini Trust Company
 
-Apex Crypto LLC
+<a href="https://www.bitstamp.net/" target="_BLANK">Bitstamp</a> - Bitstamp USA
 
-Bakkt Marketplace, LLC
+<a href="https://coincafe.com/" target="_BLANK">Coincafe</a> - Coin Cafe
 
-Bakkt Trust Company LLC
+<a href="https://www.sofi.com/invest/buy-cryptocurrency/" target="_BLANK">Sofi</a> - SoFi Digital Assets
 
-bitFlyer USA, Inc. 
+<a href="https://www.coinbase.com/" target="_BLANK">Coinbase</a> - Coinbase
 
-BitGo New York Trust Company LLC
+<br/>
 
-BitOoda Digital, LLC
+## Bitcoin ATM's
 
-Bitpay, Inc.
+<a href="https://coinsource.net/" target="_BLANK">Coinsource</a> - coinsource
 
-Bitstamp USA, Inc.
+<br/>
 
-Block, Inc., f/k/a Square, Inc.
+View the full list of registered <a href="https://www.dfs.ny.gov/virtual_currency_businesses" target="_BLANK">crypto businesses in New York</a>
-
-Cboe Clear Digital, LLC
-
-Circle Internet Financial, LLC
-
-Coin Cafe
-
-Coinbase Custody Trust
-
-Coinbase, Inc.
-
-Coinsource
-
-Cottonwood Vending
-
-eToro NY LLC
-
-Fidelity Digital Asset Services, LLC
-
-Gemini Trust Company, LLC
-
-Genesis Global Trading, Inc.
-
-GMO-Z.com Trust Company, Inc.
-
-LibertyX/Moon Inc.
-
-NYDIG Execution LLC
-
-NYDIG Trust Company LLC
-
-Paxos Trust Company, LLC (f/k/a itBit Trust Company, LLC)
-
-PayPal, Inc.
-
-Provenance Technologies, Inc.
-
-Ripple Markets DE LLC (f/k/a XRP II LLC)
-
-Robinhood Crypto
-	
-SoFi Digital Assets
-
-Standard Custody & Trust Company, LLC
-
-
-Zero Hash Liquidity Services, LLC
-
-
-Zero Hash LLC

nuxt.config.ts

@@ -10,7 +10,8 @@ export default defineNuxtConfig({
   ],
 
   directus: {
-    url: 'https://cms.crbtc.org',
+    url: process.env.DIRECTUS_URL,
+    token: process.env.DIRECTUS_TOKEN,
     autoFetch: true,
   },
   

pages/event/[slug].vue

@@ -35,10 +35,10 @@
   <div class="event" :id="data.slug">
     <div class="hero">
       <h3>{{ data.title }}</h3>
-      <h4>Location: {{ data.location}}</h4>
+      <h4><b>Location</b>: {{ data.location}}</h4>
-      <h4>Address: {{ data.address }}</h4>
+      <h4><b>Address</b>: {{ data.address }}</h4>
-      <h4>Date: {{ data.date }} · {{ data.time }}</h4>
+      <h4><b>Date</b>: {{ data.date }} · {{ data.time }}</h4>
-      <!-- <EventDate :date="data.date" :time="data.time" /> -->
     </div>
+    <ContentDoc class="details" />
   </div>
 </template>

pages/guide/[slug].vue

@@ -20,7 +20,8 @@
     <div class="hero">
       <h3>{{ data.title }}</h3>
       <h4>Written by: {{ data.author }}</h4>
-      <h4>Published: {{ data.published }}</h4>
+      <h4 v-if="data.updated < data.published">Updated: {{ data.updated }}</h4>
+      <h4 v-if="data.published <= data.updated">Published: {{ data.published }}</h4>
       <img :src="'/img/guide/' + data.thumbnail" :alt="data.title + ' Thumbnail'" />
     </div>
     <ContentDoc class="content" />

pages/login.vue

@@ -9,54 +9,8 @@
     ],
   })
 
-  import { Field, Form } from 'vee-validate';
-
-  function required(value) {
-    return value ? true : 'This field is required';
-  }
-
-
-  const { login } = useDirectusAuth();
-  const router = useRouter();
-
-  const onSubmit = async (values) => {
-
-    console.log(values.email);
-    try {
-      await login({ 
-        email: values.email,
-        password: values.password
-      });
-    } catch (e) {}
-  };
-
 </script>
 
 <template>
-  <div class="login">
-    <h3>Sign in to your account</h3>
-    <h4 class="policy">By continuing, you agree to our <NuxtLink href="terms">Terms of 
-      use</NuxtLink> and <NuxtLink href="privacy">Privacy policy</NuxtLink>.</h4>
 
-    <Form v-slot="{ errors }" @submit="onSubmit" >
-      <div class="input">
-        <label>Email</label>
-        <Field name="email" :rules="required" placeholder="Enter your email" />
-
-        <span>{{ errors.field }}</span>
-
-      </div>
-
-      <div class="input">
-        <label>Password</label>
-        <Field name="password" :rules="required" placeholder="********" type="password" />
-      </div>
-
-      <button>Sign in</button>
-    </Form>
-
-    <p class="newbie">Don't have an account? <NuxtLink href="/register">Create account</NuxtLink></p>
-    <p class="reset">Forgot password? <NuxtLink href="/reset">Reset password</NuxtLink></p>
-
-  </div>
 </template>

pages/register.vue

@@ -9,51 +9,8 @@
     ],
   })
 
-  import { Field, Form } from 'vee-validate';
-
-  function required(value) {
-    return value ? true : 'This field is required';
-  }
-
-  const { createUser } = useDirectusAuth();
-
-  const onSubmit = async (values) => {
-    try {
-      const newUser = await createUser({
-        email: values.email,
-        password: values.password
-      });
-    } catch (e) {}
-  };
-
 </script>
 
 <template>
-  <div class="register">
-    <h3>Create your account</h3>
-    <h4 class="policy">By continuing, you agree to our <NuxtLink href="terms">Terms of 
-      use</NuxtLink> and <NuxtLink href="privacy">Privacy policy</NuxtLink>.</h4>
 
-    <Form v-slot="{ errors }" @submit="onSubmit" >
-      <div class="input">
-        <label>Username</label>
-        <Field name="username" placeholder="Choose a username" />
-      </div>
-
-      <div class="input">
-        <label>Email</label>
-        <Field name="email" placeholder="Enter your email" />
-      </div>
-
-      <div class="input">
-        <label>Password</label>
-        <Field name="password" placeholder="********" type="password" />
-      </div>
-
-      <button>Create account</button>
-    </form>
-
-    <p class="newbie">Already have an account? <NuxtLink href="/login">Sign in</NuxtLink></p>
-
-  </div>
 </template>

pages/reset.vue

@@ -0,0 +1 @@
+<template></template>