From 3d225bf37b5583054887274531004da664fbdce9 Mon Sep 17 00:00:00 2001 From: ryan Date: Fri, 11 Aug 2023 14:50:24 -0400 Subject: [PATCH] Update events page, crypto exchanges guide, footer, and add event --- app.vue | 1 + assets/style/_config.scss | 4 +- assets/style/components/_footer.scss | 6 +- assets/style/components/_header.scss | 18 +- assets/style/main.scss | 4 +- assets/style/pages/_auth.scss | 12 +- assets/style/pages/_event.scss | 55 ++ assets/style/pages/_guide.scss | 16 +- components/Footer.vue | 2 +- components/Header.vue | 14 +- content/about.md | 3 +- content/event/monthly-meetup-7-26-2023.md | 2 +- content/event/monthly-meetup-8-23-2023.md | 19 + content/guide/crypto-exchanges.md | 72 +- nuxt.config.ts | 3 +- pages/event/[slug].vue | 8 +- pages/guide/[slug].vue | 3 +- pages/login.vue | 46 -- pages/register.vue | 43 - pages/reset.vue | 1 + public/img/guide/chart.svg | 925 +++++++++------------- public/img/logo.png | Bin 12016 -> 4199 bytes 22 files changed, 524 insertions(+), 733 deletions(-) create mode 100644 assets/style/pages/_event.scss create mode 100644 content/event/monthly-meetup-8-23-2023.md create mode 100644 pages/reset.vue diff --git a/app.vue b/app.vue index d988151..532f415 100644 --- a/app.vue +++ b/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' }, diff --git a/assets/style/_config.scss b/assets/style/_config.scss index 557ec6d..e040ff8 100644 --- a/assets/style/_config.scss +++ b/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 -$link: #3182ce; // link \ No newline at end of file +$btc: #f7931a; // btc \ No newline at end of file diff --git a/assets/style/components/_footer.scss b/assets/style/components/_footer.scss index cdd0074..dc9e7d8 100644 --- a/assets/style/components/_footer.scss +++ b/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; } } diff --git a/assets/style/components/_header.scss b/assets/style/components/_header.scss index 6cbb10d..b62ffe6 100644 --- a/assets/style/components/_header.scss +++ b/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; - 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 } } } diff --git a/assets/style/main.scss b/assets/style/main.scss index 7f73767..bd24253 100644 --- a/assets/style/main.scss +++ b/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'; \ No newline at end of file diff --git a/assets/style/pages/_auth.scss b/assets/style/pages/_auth.scss index ac9c68c..0274f29 100644 --- a/assets/style/pages/_auth.scss +++ b/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; diff --git a/assets/style/pages/_event.scss b/assets/style/pages/_event.scss new file mode 100644 index 0000000..f305548 --- /dev/null +++ b/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; + } + } +} \ No newline at end of file diff --git a/assets/style/pages/_guide.scss b/assets/style/pages/_guide.scss index 64ab7ca..a8d730f 100644 --- a/assets/style/pages/_guide.scss +++ b/assets/style/pages/_guide.scss @@ -17,11 +17,11 @@ .content { - p { - font-size: 1.05rem; - padding: .5rem 0; + h2 a { + color: $f-color; } + 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%; diff --git a/components/Footer.vue b/components/Footer.vue index decaede..5dcd1a8 100644 --- a/components/Footer.vue +++ b/components/Footer.vue @@ -1,7 +1,7 @@