Compare commits

...

3 Commits

Author SHA1 Message Date
Ryan Moon b396f6097a update footer & events, remove signup, analytics url 2023-11-25 03:06:43 -05:00
Ryan Moon 82f403a1a5 update links 2023-10-18 21:03:00 -04:00
Ryan Moon 7bd3ec0b74 updated footer & banner bg 2023-09-02 02:22:13 -04:00
29 changed files with 339 additions and 171 deletions

View File

@ -15,9 +15,16 @@
{ name: 'theme-color', content: '#ffffff' }
],
script: [
{ defer: 'true', 'data-domain': 'crbtc.org', src: 'https://pa.inspin.co/js/latest.js' }
{ defer: 'true', 'data-domain': 'crbtc.org', src: 'https://pa.inspin.io/js/latest.js' }
]
})
const nuxtApp = useNuxtApp()
nuxtApp.hook("page:finish", () => {
window.scrollTo(0, 0)
})
</script>
<template>

View File

@ -5,14 +5,14 @@ $p-font: 'Titillium Web', sans-serif;
// Primary Colors
$b-color: #000000; // background
$s-color: #f7931a; // secondary
$t-color: #242424; // ternary
$w-color: #ffffff; // white
$bl-color: #000000; // black
$error: #d30012; // error
$hr: #d30012; // hr
$e-color: #d30012; // error
$p-color: #666666; // past
$btn-color: #faf1e5; // button
$btnh-color: #f5ece0; // button hover
$sh-color: #0D0801; // secondary hover
$link: #308fe7; // link
$i-color: #494949; // input

View File

@ -1,8 +1,74 @@
.footer {
padding: 2rem 0 0 0;
.top {
display: grid;
grid-template-columns: repeat(3, 1.25fr) 2fr ;
max-width: 60rem;
height: 2rem;
margin: .5rem auto;
padding: 0 4rem;
padding: 2rem 4rem;
margin: 0 auto;
ul {
list-style-type: none;
white-space:nowrap;
padding: 0;
margin: 0;
li {
font-size: .895rem;
margin: .25rem 0;
}
li h5 { font-size: 1rem }
li h6 {
font-size: .895rem;
font-weight: 400;
}
a {
color: $link;
&:hover { text-decoration: underline }
}
.btn a {
display: inline-block;
color: $s-color;
background: $b-color;
font-weight: 600;
border: .1rem solid $s-color;
padding: .15rem 2rem .25rem 1.55rem;
margin: .25rem 0;
.icon-btc-b {
position: relative;
top: .15rem;
font-size: 1.15rem;
}
&:hover {
text-decoration: none;
background: $sh-color;
}
}
}
}
hr {
height: 1px;
border: none;
color: $t-color;
background-color: $t-color;
margin: 0;
}
.bottom {
background: $b-color;
.center {
height: 5.5rem;
max-width: 60rem;
padding: 2rem 4rem;
margin: 0 auto;
.who {
float: left;
@ -23,7 +89,7 @@
}
}
.links {
ul {
float: right;
list-style-type: none;
white-space:nowrap;
@ -52,24 +118,38 @@
opacity: .9;
}
}
}
}
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 768px) {
.footer {
height: unset;
padding: 0 2rem;
margin: 1rem 0;
padding: 0;
.who,
.links {
float: none;
.top {
grid-template-columns: 1fr 1fr;
padding: 2rem 2rem 0 2rem;
ul {
margin: 2rem 1rem;
}
}
.links {
padding: .5rem 0;
.bottom {
.center {
height: 5.5rem;
padding: .5rem 2.5rem;
margin: 0;
a:first-of-type {
margin: 0 1rem 0 0;
.who {
float: none;
padding: .5rem;
}
ul {
float: none;
}
}
}
}

View File

@ -25,6 +25,7 @@ header {
img {
max-width: 6.5rem;
background: $b-color;
}
}
}
@ -62,14 +63,21 @@ header {
}
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 768px) {
header {
grid-template-columns: 5.5rem calc(100% - 5.5rem);
padding: 2.5rem 2rem 1rem 2rem;
.logo h1 {
font-size: 1rem;
line-height: 1rem;
.logo {
height: 5.25rem;
a {
height: 5.25rem;
img {
max-width: 5.5rem;
}
}
}
.nav {

View File

@ -3,17 +3,19 @@
body {
background: $b-color;
background-image: linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, .075) 25%, rgba(255, 255, 255, .075) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .075) 75%, rgba(255, 255, 255, .075) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, .075) 25%, rgba(255, 255, 255, .075) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .075) 75%, rgba(255, 255, 255, .075) 76%, transparent 77%, transparent);
background-size: 4.5rem 4.5rem;
margin: 0;
}
main {
max-width: 60rem;
min-height: calc(100vh - 224px);
min-height: calc(100vh - 464px);
margin: 0 auto;
padding: 0 4rem;
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 768px) {
main { padding: 2rem 1.5rem }
}

View File

@ -1,5 +1,13 @@
.login,
.register {
padding: 4rem 0 0 0;
text-align: center;
p {
margin: 1rem 0;
}
}
.login {
max-width: 24rem;
padding: 2rem;
margin: 0 auto;
@ -53,7 +61,7 @@
}
span {
color: $error;
color: $e-color;
font-family: $p-font;
font-size: .75rem;
}
@ -67,7 +75,7 @@
&:hover {
cursor: pointer;
background: rgba($s-color, .05);
background: $sh-color;
}
}
}

View File

@ -5,6 +5,11 @@
h3 { font-size: 2.5rem }
h4 {
font-size: 1.05rem;
padding: .5rem 0;
}
p {
font-size: .9rem;
font-weight: 500;
}

View File

@ -52,7 +52,7 @@
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 768px) {
.about,
.workshop,
.privacy,

View File

@ -1,29 +1,46 @@
.banner {
display: grid;
grid-template-columns: 2.5fr 1fr 1fr;
grid-template-columns: 1fr 2fr;
max-width: 60rem;
margin: 0 auto;
padding: 2rem 0 8rem 0;
background: $t-color;
padding: 2rem 2rem 2.25rem 2rem;
margin: 2rem auto 4rem auto;
h4 {
margin: 1.5rem 0;
margin: 0 0 1.5rem 0;
}
h6 {
color: $f-color;
font-size: 1rem;
font-weight: 500;
line-height: 1.4rem;
font-size: 1.1rem;
font-weight: 400;
line-height: 1.65rem;
padding: .5rem 4rem 0 0;
}
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 768px) {
.banner {
display: block;
padding: 3rem 1rem 8rem 1rem;
padding: 1.5rem 1.5rem 2rem 1.5rem;
margin: 4rem .5rem 2rem .5rem;
h4 {
margin: 0 0 .5rem 0;
}
h6 {
padding: .5rem 4rem .5rem 0;
}
.msg .donate {
overflow-wrap: break-word;
}
}
}
@media only screen and (max-width: 600px) {
.banner h6 {
padding: .5rem 0;
}
}

View File

@ -12,6 +12,7 @@
grid-template-columns: 3fr 2fr;
grid-template-rows: 1fr .7fr .6fr;
grid-column: 2;
background: $b-color;
padding: 1rem 2rem;
margin: 1rem 0 0 0;
border: .15rem solid $w-color;
@ -69,11 +70,15 @@
}
.past {
border-color: #666666;
div {
opacity: .4;
}
}
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 768px) {
.events {
grid-template-columns: 1fr;
padding: 4rem 1rem;

View File

@ -11,6 +11,7 @@
.guide {
display: inline-block;
background: $b-color;
border: .15rem solid $w-color;
padding: 0;
@ -31,7 +32,7 @@
}
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 768px) {
.guides {
grid-template-columns: 1fr 1fr;
grid-gap: 1rem;

View File

@ -1,5 +1,5 @@
.hero {
padding: calc(50vh - 260px) 0 12vh 0;
padding: calc(50vh - 240px) 0 10vh 0;
h3 {
color: $f-color;
@ -24,7 +24,7 @@
}
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 768px) {
.hero {
padding: 18vh 0;

View File

@ -15,7 +15,7 @@
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 768px) {
.sponsors {
grid-template-columns: 1fr 1fr;
padding: 4rem 0 2rem 0;

View File

@ -1,12 +1,45 @@
<script setup>
const route = useRoute()
</script>
<template>
<div class="footer">
<div class="footer" v-if="route.path === '/login' || route.path === '/register' ? false : true">
<div class="top">
<ul class="info">
<li><h5>Resources</h5></li>
<li><NuxtLink to="/about">About Us</NuxtLink></li>
<li><NuxtLink to="/guide/what-is-bitcoin">What is Bitcoin</NuxtLink></li>
<li><NuxtLink to="/guide/how-to-get-started">Getting Started</NuxtLink></li>
</ul>
<ul class="community">
<li><h5>Community</h5></li>
<li><NuxtLink to="/#events">Events</NuxtLink></li>
<li><NuxtLink to="/workshop">Workshops</NuxtLink></li>
<li><NuxtLink to="/forms">Suggestions</NuxtLink></li>
</ul>
<ul class="social">
<li><h5>Follow us</h5></li>
<li><NuxtLink to="https://twitter.com/UpstateNYBTC" target="_BLANK">Twitter</NuxtLink></li>
<li><NuxtLink to="https://www.meetup.com/capitalregionbitcoinnetwork" target="_BLANK">Meetup</NuxtLink></li>
<li><NuxtLink to="https://discord.gg/jnrh6rPQ4b" target="_BLANK">Discord</NuxtLink></li>
</ul>
<ul class="donate">
<li><h5>Support us</h5></li>
<li class="btn" ><NuxtLink to="https://btcpay0.voltageapp.io/apps/2hjkatjQgn5LUU2bkHZxQmq8uR1y/crowdfund" target="_BLANK"><span class="icon-btc-b"></span> Donate</NuxtLink></li>
</ul>
</div>
<hr/>
<div class="bottom">
<div class="center">
<div class="who">
<p>Made with <span class="icon-btc-b"></span> by <NuxtLink to="https://ryanmoon.com" target="_blank">Ryan Moon</NuxtLink></p>
</div>
<ul class="links">
<ul>
<li><NuxtLink to="/privacy">Privacy Policy</NuxtLink></li>
<li><NuxtLink to="/terms">Terms of Service</NuxtLink></li>
<li><NuxtLink to="https://git.inspin.co/ryan/crbtc.org" target="_blank">Source Code</NuxtLink></li>
<li><NuxtLink to="https://git.inspin.io/ryan/crbtc.org" target="_blank">Source Code</NuxtLink></li>
</ul>
</div>
</div>
</div>
</template>

View File

@ -1,13 +1,8 @@
<template>
<div class="banner">
<div class="msg">
<h4>Get Involved</h4>
<h6>Come learn and talk about Bitcoin. Meet new people, ask questions, suggest topics, or just come and hang out.</h6>
<br/>
<h6 class="donate">Bitcoin (<a href="/img/btc.png" target="_BLANK">QR</a>): bc1qtw78x248kzq547w0zkm790u0yhgjkerxahpm9e</h6>
</div>
<div class="social">
<div class="msg">
<h6>Come learn and talk about Bitcoin. Meet new people, ask questions, suggest topics, or just hang out.</h6>
</div>
</div>
</template>

View File

@ -4,7 +4,7 @@
<NuxtLink to="https://bitcoinmagazine.com/" target="_BLANK">
<img src="/img/sponsors/b.tc.svg" alt="Bitcoin Magazine" />
</NuxtLink>
<NuxtLink to="https://inspin.co/" target="_BLANK">
<NuxtLink to="https://inspin.io/" target="_BLANK">
<img src="/img/sponsors/inspin.svg" alt="Inspin Digital" />
</NuxtLink>
<!--

View File

@ -14,3 +14,6 @@ about Bitcoin news and common questions surrounding the currency.
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.
You can also visit <a href="https://crbtc/" target="_BLANK">crbtc/</a> to use this website with
<a href="https://handshake.org" target="_BLANK">Handshake</a>.

View File

@ -3,8 +3,8 @@ title: Monthly Meetup W/ Jason Maier
slug: monthly-meetup-10-18-2023
date: 2023-10-18
published: 2023-08-28
location: Druther's Brewing Company
address: 7 Southside Drive, Clifton Park
location: Mocha Lisa's Caffe
address: 22 Clifton Country Road, Clifton Park
time: 6:00 PM
meetup: 295742661
priority: 3
@ -14,7 +14,7 @@ priority: 3
For our October meetup we are excited to welcome Jason Maier! Jason is the author of “A Progressives Case for Bitcoin”, a wonderful speaker, wealth of knowledge, and overall amazing person. Jason will speak about his book, we will do a Q&A, and then our usual social meetup!
Looking forward to seeing everyone at the September meetup! Please keep an eye out for announcements as the venue for this event may change due to attendance, but will still be held in Clifton Park.
Looking forward to seeing everyone at the meetup! We will be holding this event at Mocha Lisas in Clifton Park. They have graciously agreed to have us after hours so we will have the venue entirely to our group!
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.

View File

@ -0,0 +1,21 @@
---
title: Monthly Meetup
slug: monthly-meetup-11-29-2023
date: 2023-11-29
published: 2023-11-24
location: Frog Alley Brewing Co
address: 108 State St, Schenectady
time: 6:00 PM
meetup: 297525682
priority: 1
---
## Details
Okay guys finally getting our November event on the books! The holiday threw things off a little bit.
Looking forward to seeing everyone at the November meetup! We willl be at Frog Alley in Schenectady this month.
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.
This has grown into a great event about meeting new plebs, socializing, and talking all things bitcoin. Hope you all can make it! Feel free to bring a friend or two to orange pill :-). Appetizers and first hour of drinks will be provided.

View File

@ -7,7 +7,7 @@ location: Druther's Brewing Company
address: 221 Harborside Drive, Schenectady
time: 6:00 PM
meetup: 294822271
index: 9999
priority: 9999
---
## Details

View File

@ -7,7 +7,7 @@ location: Druther's Brewing Company
address: 7 Southside Drive, Clifton Park
time: 6:00 PM
meetup: 295741531
priority: 2
priority: 9999
---
## Details

View File

@ -7,7 +7,7 @@ location: Ballston Lake, NY
address: Ballston Lake, NY
time: 6:00 PM
meetup: 295741625
priority: 1
priority: 9999
---
## Details

View File

@ -0,0 +1,33 @@
---
title: New England Bitcoin Meetup
slug: regional-meetup-10-29-2023
date: 2023-10-29
published: 2023-10-21
location: Sports World
address: 226 Main Street · East Windsor, CT
time: 12:00 PM
meetup: 296853356
priority: 2
---
## Details
The Capital Region Bitcoin Network is excited to share the details of New Englands 1st Regional Bitcoin Meetup!
In our mission to accelerate bitcoin mass adoption, we are trying a novel idea and bringing together bitcoin meetup groups throughout New England under 1 roof!
Meetup will have 4 stages.
1. We are preparing a “home cooked/healthy meal prepared on premises for all attendees to enjoy.
2. Jason Maier (author of “A Progressives Case for Bitcoin”) will be talking to the group (as well as bringing some books with him to sign)
3. The leaders of the N.E. Groups will talk to meetup about what each Individual group is working on.
4. A brainstorming session to help formulate and crystallize the freedom festival 2024.
Be part of the 1st N.E. Bitcoin meetup and help spread the mass adoption of bitcoin. This meet up is bringing together some of the brightest bitcoin minds in New England including groups from MA, NH, RI, CT, NY.
*This is a great opportunity for ingenious collaboration between the New England bitcoin thought leaders and hugely valuable bitcoin plebs. Come and participate in this amazing and energizing meet up.
All members of the Capital Region Bitcoin Network have been formally invited to attend this event in East Windsor, CT. Feel free to RSVP to this event, or to the original Mass Adoption event (https://meetu.ps/e/MxmMM/SgvfD/i) If anyone wants to carpool please let me know in the comments. I am happy to set something up!

View File

@ -19,5 +19,4 @@
<NuxtLink to="/">Go back</NuxtLink>
</div>
</main>
<Footer></Footer>
</template>

View File

@ -1,6 +1,9 @@
{
"name": "nuxt-app",
"private": true,
"name": "crbtc",
"version": "1.1.0",
"description": "Capital Region Bitcoin Network",
"license": "GPL-3.0-only",
"homepage": "https://crbtc.org",
"scripts": {
"build": "nuxt build",
"dev": "nuxt dev",

View File

@ -19,10 +19,9 @@
<div class="guide" :id="data.slug">
<div class="hero">
<h3>{{ data.title }}</h3>
<h4>Written by: {{ data.author }}</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'" />
<p>Written by: {{ data.author }}</p>
<p v-if="data.updated < data.published">Updated: {{ data.updated }}</p>
<p v-if="data.published <= data.updated">Published: {{ data.published }}</p>
</div>
<ContentDoc class="content" />
</div>

View File

@ -9,15 +9,13 @@
},
],
})
const { isDesktopOrTablet } = useDevice();
</script>
<template>
<div class="index">
<div class="hero">
<h3>Welcome to our <br v-if="isDesktopOrTablet" /><span>Bitcoin</span> community.</h3>
<h3>Welcome to our <br/><span>Bitcoin</span> community.</h3>
</div>
<IndexSponsors />

View File

@ -45,8 +45,8 @@
<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>
<h4 class="policy">By continuing, you agree to our <NuxtLink to="/terms">Terms of
use</NuxtLink> and <NuxtLink to="/privacy">Privacy policy</NuxtLink>.</h4>
<Form v-slot="{ errors }" @submit="onSubmit" >
<div class="input">
@ -64,8 +64,8 @@
<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>
<p class="newbie">Don't have an account? <NuxtLink to="/register">Create account</NuxtLink></p>
<p class="reset">Forgot password? <NuxtLink to="/reset">Reset password</NuxtLink></p>
</div>
</template>

View File

@ -8,60 +8,11 @@
},
],
})
import { Form, Field, ErrorMessage } from 'vee-validate';
function required(value) {
return value ? true : 'This field is required'
}
const { createUser } = useDirectusAuth();
const onSubmit = async (values) => {
let slug = values.username.toLowerCase().replace(/\s/g, '')
try {
const newUser = await createUser({
first_name: values.username,
email: values.email,
password: values.password,
external_identifier: slug,
role: process.env.DIRECTUS_ROLE,
})
} 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" />
<ErrorMessage name="username" />
</div>
<div class="input">
<label>Email</label>
<Field name="email" placeholder="Enter your email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" />
<ErrorMessage name="email" />
</div>
<div class="input">
<label>Password</label>
<Field name="password" placeholder="********" type="password" />
<ErrorMessage name="password" />
</div>
<button>Create account</button>
</form>
<p class="newbie">Already have an account? <NuxtLink href="/login">Sign in</NuxtLink></p>
<p>Already have an account? <NuxtLink to="/login">Sign in</NuxtLink></p>
<p>Don't have an account yet? Get in touch to <br/>have an account created for you.</p>
</div>
</template>