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

main
Ryan Moon 2023-08-11 14:50:24 -04:00
parent 0dea6bccdb
commit 3d225bf37b
22 changed files with 524 additions and 733 deletions

View File

@ -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' },

View File

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

View File

@ -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;
}
}

View File

@ -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;
padding: .5rem 1rem .5rem .5rem;
height: 6.25rem;
//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 }
}
}

View File

@ -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';

View File

@ -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;

View File

@ -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;
}
}
}

View File

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

View File

@ -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>

View File

@ -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>
<p @click="logout" >Logout</p>
<NuxtLink :to="'/u/' + user.external_identifier"><h2>{{user.first_name}}</h2></NuxtLink>
</div>
</div>
</header>

View File

@ -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.

View File

@ -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

View File

@ -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.

View File

@ -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.
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
View the full list of registered <a href="https://www.dfs.ny.gov/virtual_currency_businesses" target="_BLANK">crypto businesses in New York</a>

View File

@ -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,
},

View File

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

View File

@ -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" />

View File

@ -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>

View File

@ -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>

1
pages/reset.vue 100644
View File

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

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 67 KiB

After

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB