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