From 7740412d3862f936b65cd1c1ce98374c59ece58c Mon Sep 17 00:00:00 2001 From: jiyuujin Date: Wed, 28 Sep 2022 21:44:55 +0900 Subject: [PATCH] nuxt to v3-rc --- app.vue | 16 + app/assets/README.md | 7 - app/assets/_buy-me-a-coffee.scss | 5 + app/assets/_calendar.scss | 158 ---- app/assets/_footer.scss | 20 +- app/assets/_markdown.scss | 169 ----- app/assets/_nav.scss | 7 +- app/assets/_notice.scss | 13 - app/assets/_single-theme.scss | 133 ++++ app/assets/_stripe.scss | 5 + app/assets/_switch.scss | 68 -- app/assets/_tag.scss | 42 -- .../bakeneko.svg => assets/bakeneko_logo.svg} | 0 app/assets/buy_me_a_coffee_logo.svg | 22 + .../hatena.svg => assets/hatena_logo.svg} | 0 app/assets/main.scss | 112 +-- .../nekohack.svg => assets/nekohack_logo.svg} | 0 .../icon/note.svg => assets/note_logo.svg} | 4 +- app/{static/icon => assets}/notion.svg | 0 app/assets/nuxt3.svg | 18 + app/assets/stripe_logo.svg | 1 + app/assets/twitter_logo.svg | 21 + app/components/BuyMeACoffee.vue | 6 +- app/components/CalendarView.vue | 93 --- app/components/CookieFooterWrapper.vue | 25 - app/components/FooterText.vue | 11 +- app/components/GoogleAdsense.vue | 10 +- app/components/HistoryTags.vue | 22 - app/components/LoadedMarkdown.vue | 18 +- app/components/ModeChange.vue | 19 - app/components/NavText.vue | 19 +- app/components/NoticeBar.vue | 8 - app/components/NotifyAlert.vue | 22 +- app/components/PostCard.vue | 34 +- app/components/README.md | 7 - app/components/SocialMenu.vue | 25 +- app/components/StripeLink.vue | 6 +- app/content/posts/.gitkeep | 0 app/hooks/useAppTheme.ts | 41 - app/hooks/useBlogData.ts | 66 ++ app/hooks/useCalendar.ts | 91 --- app/hooks/useESBuild.ts | 21 - app/hooks/useFixedNav.ts | 2 - app/hooks/useWebShare.ts | 2 +- app/layouts/README.md | 7 - app/layouts/default.vue | 59 +- app/layouts/error.vue | 8 +- app/pages/README.md | 6 - app/pages/archive/_ym.vue | 71 -- app/pages/archives/index.vue | 58 -- app/pages/index.vue | 66 +- app/pages/posts/[slug].vue | 120 +++ app/pages/posts/_slug.vue | 145 ---- app/pages/tag/_name.vue | 52 -- app/plugins/README.md | 7 - app/plugins/contentful.ts | 15 - app/plugins/markdown-it.ts | 120 +-- app/plugins/sanitize.ts | 15 - app/public/.gitkeep | 0 app/public/feeds.xml | 713 ++++++++++++++++++ .../icon/webneko-blog-white-128.png | Bin .../icon/webneko-blog-white-144.png | Bin .../icon/webneko-blog-white-152.png | Bin .../icon/webneko-blog-white-192.png | Bin .../icon/webneko-blog-white-384.png | Bin .../icon/webneko-blog-white-512.png | Bin .../icon/webneko-blog-white-72.png | Bin .../icon/webneko-blog-white-96.png | Bin app/public/manifest.json | 55 ++ app/public/sw.js | 48 ++ app/server/api/hello.ts | 1 + app/services/content.ts | 31 + app/services/contentful.ts | 12 + app/static/README.md | 10 - app/static/google27eafe71e7c80007.html | 1 - app/static/icon/archive.svg | 1 - app/static/icon/buy_me_a_coffee.svg | 1 - app/static/icon/nuxt2.svg | 1 - app/static/icon/share.svg | 46 -- app/static/icon/stripe.svg | 1 - app/static/icon/twitter.svg | 16 - app/static/icon/webneko-blog-white.png | Bin 26998 -> 0 bytes app/static/js/adsense.js | 21 - app/static/og/top.jpg | Bin 28544 -> 0 bytes app/static/site.webmanifest | 55 -- app/types/addon-contentful.d.ts | 84 --- app/types/addon-microlink.d.ts | 5 - app/types/addon-sanitize.d.ts | 5 - app/types/shims-svg.d.ts | 4 - app/types/shims-vue.d.ts | 4 - app/utils/adsense.constants.ts | 12 + app/utils/constants.ts | 3 +- app/utils/endpoints.constants.ts | 2 +- app/utils/feature.constants.ts | 4 + app/utils/feature.ts | 1 - app/utils/manifest.constants.ts | 59 -- app/utils/og.constants.ts | 2 +- app/utils/pwa.constants.ts | 11 + nuxt.config.ts | 217 +----- package.json | 141 +--- tsconfig.builder.json | 4 +- tsconfig.json | 50 +- 102 files changed, 1565 insertions(+), 2174 deletions(-) create mode 100644 app.vue delete mode 100644 app/assets/README.md delete mode 100644 app/assets/_calendar.scss delete mode 100644 app/assets/_markdown.scss delete mode 100644 app/assets/_notice.scss create mode 100644 app/assets/_single-theme.scss delete mode 100644 app/assets/_switch.scss delete mode 100644 app/assets/_tag.scss rename app/{static/icon/bakeneko.svg => assets/bakeneko_logo.svg} (100%) create mode 100644 app/assets/buy_me_a_coffee_logo.svg rename app/{static/icon/hatena.svg => assets/hatena_logo.svg} (100%) rename app/{static/icon/nekohack.svg => assets/nekohack_logo.svg} (100%) rename app/{static/icon/note.svg => assets/note_logo.svg} (94%) rename app/{static/icon => assets}/notion.svg (100%) create mode 100644 app/assets/nuxt3.svg create mode 100644 app/assets/stripe_logo.svg create mode 100644 app/assets/twitter_logo.svg delete mode 100644 app/components/CalendarView.vue delete mode 100644 app/components/CookieFooterWrapper.vue delete mode 100644 app/components/HistoryTags.vue delete mode 100644 app/components/ModeChange.vue delete mode 100644 app/components/NoticeBar.vue delete mode 100644 app/components/README.md create mode 100644 app/content/posts/.gitkeep delete mode 100644 app/hooks/useAppTheme.ts create mode 100644 app/hooks/useBlogData.ts delete mode 100644 app/hooks/useCalendar.ts delete mode 100644 app/hooks/useESBuild.ts delete mode 100644 app/layouts/README.md delete mode 100644 app/pages/README.md delete mode 100644 app/pages/archive/_ym.vue delete mode 100644 app/pages/archives/index.vue create mode 100644 app/pages/posts/[slug].vue delete mode 100644 app/pages/posts/_slug.vue delete mode 100644 app/pages/tag/_name.vue delete mode 100644 app/plugins/README.md delete mode 100644 app/plugins/contentful.ts delete mode 100644 app/plugins/sanitize.ts create mode 100644 app/public/.gitkeep create mode 100644 app/public/feeds.xml rename app/{static => public}/icon/webneko-blog-white-128.png (100%) rename app/{static => public}/icon/webneko-blog-white-144.png (100%) rename app/{static => public}/icon/webneko-blog-white-152.png (100%) rename app/{static => public}/icon/webneko-blog-white-192.png (100%) rename app/{static => public}/icon/webneko-blog-white-384.png (100%) rename app/{static => public}/icon/webneko-blog-white-512.png (100%) rename app/{static => public}/icon/webneko-blog-white-72.png (100%) rename app/{static => public}/icon/webneko-blog-white-96.png (100%) create mode 100644 app/public/manifest.json create mode 100644 app/public/sw.js create mode 100644 app/server/api/hello.ts create mode 100644 app/services/content.ts create mode 100644 app/services/contentful.ts delete mode 100644 app/static/README.md delete mode 100644 app/static/google27eafe71e7c80007.html delete mode 100644 app/static/icon/archive.svg delete mode 100644 app/static/icon/buy_me_a_coffee.svg delete mode 100644 app/static/icon/nuxt2.svg delete mode 100644 app/static/icon/share.svg delete mode 100644 app/static/icon/stripe.svg delete mode 100644 app/static/icon/twitter.svg delete mode 100644 app/static/icon/webneko-blog-white.png delete mode 100644 app/static/js/adsense.js delete mode 100644 app/static/og/top.jpg delete mode 100644 app/static/site.webmanifest delete mode 100644 app/types/addon-contentful.d.ts delete mode 100644 app/types/addon-microlink.d.ts delete mode 100644 app/types/addon-sanitize.d.ts delete mode 100644 app/types/shims-svg.d.ts delete mode 100644 app/types/shims-vue.d.ts create mode 100644 app/utils/adsense.constants.ts create mode 100644 app/utils/feature.constants.ts delete mode 100644 app/utils/feature.ts delete mode 100644 app/utils/manifest.constants.ts create mode 100644 app/utils/pwa.constants.ts diff --git a/app.vue b/app.vue new file mode 100644 index 00000000..de1c239e --- /dev/null +++ b/app.vue @@ -0,0 +1,16 @@ + + + diff --git a/app/assets/README.md b/app/assets/README.md deleted file mode 100644 index 34766f93..00000000 --- a/app/assets/README.md +++ /dev/null @@ -1,7 +0,0 @@ -# ASSETS - -**This directory is not required, you can delete it if you don't want to use it.** - -This directory contains your un-compiled assets such as LESS, SASS, or JavaScript. - -More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked). diff --git a/app/assets/_buy-me-a-coffee.scss b/app/assets/_buy-me-a-coffee.scss index 4975109e..d96497f6 100644 --- a/app/assets/_buy-me-a-coffee.scss +++ b/app/assets/_buy-me-a-coffee.scss @@ -25,5 +25,10 @@ &:focus { color: #42b883; } + + svg { + width: 8em; + height: 4em; + } } } diff --git a/app/assets/_calendar.scss b/app/assets/_calendar.scss deleted file mode 100644 index 3705d201..00000000 --- a/app/assets/_calendar.scss +++ /dev/null @@ -1,158 +0,0 @@ -.calendar-header { - position: relative; - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; - width: 100%; - height: 120px; - padding: 4px 12px; - vertical-align: middle; - - a { - padding: 12px 16px; - margin: 0 12px; - font-size: 16px; - color: #fff; - background: #c71582; - border-radius: 24px; - - &:hover { - transform: scale(1.1, 1.2); - transform: scale(1.15, 1.25); - transform: scale(1.15, 1.25); - transform: scale(1.15, 1.25); - transform: scale(1.15, 1.25); - } - } -} - -.calendar { - display: grid; - grid-template-rows: 50px; - grid-template-columns: repeat(7, minmax(20px, 1fr)); - grid-auto-rows: 120px; - width: 100%; - overflow: auto; - border-left: 1px solid rgb(166 168 179 / 12%); -} - -.weekday { - font-size: 12px; - font-weight: 500; - line-height: 50px; - color: #99a1a7; - text-align: center; - text-transform: uppercase; - border-right: 1px solid rgb(166 168 179 / 12%); - border-bottom: 1px solid rgb(166 168 179 / 12%); -} - -.day { - position: relative; - z-index: 1; - box-sizing: border-box; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: center; - padding: 14px 20px; - font-size: 14px; - color: #98a0a6; - text-align: center; - letter-spacing: 1px; - vertical-align: middle; - border-right: 1px solid rgb(166 168 179 / 12%); - border-bottom: 1px solid rgb(166 168 179 / 12%); - - .date { - width: 100%; - } - - img { - width: 40px; - border-radius: 40px; - } -} - -.day-existed { - opacity: 1; -} - -.day-not-existed { - opacity: 0.4; -} - -.day-disabled { - cursor: not-allowed; -} - -.tooltip { - position: absolute; - box-sizing: border-box; - display: inline-block; - min-width: 120px; - max-width: 100%; - padding: 7px 10px; - margin: 1.5em 0; - font-size: 16px; - color: #555; - background: #fefefe; - border: solid 3px #555; - opacity: 0; - - ::before { - position: absolute; - bottom: -24px; - left: 50%; - z-index: 1000; - margin-left: -15px; - content: ''; - border: 12px solid transparent; - border-top: 12px solid #fff; - } - - ::after { - position: absolute; - bottom: -30px; - left: 50%; - z-index: 1000; - margin-left: -17px; - content: ''; - border: 14px solid transparent; - border-top: 14px solid #555; - } -} - -.day:hover > .tooltip, -.day:focus > .tooltip { - visibility: visible; - opacity: 1; -} - -@media (max-width: 600px) { - .calendar { - display: flex; - flex-wrap: wrap; - width: 100%; - } - - .weekday { - display: none; - } - - .day { - width: 100%; - } - - .day-disabled { - display: none; - } -} - -@media (prefers-color-scheme: dark) { - .tooltip { - color: #fefefe; - background: #555; - } -} diff --git a/app/assets/_footer.scss b/app/assets/_footer.scss index c7c2408e..aa03a046 100644 --- a/app/assets/_footer.scss +++ b/app/assets/_footer.scss @@ -25,10 +25,9 @@ footer { text-decoration: none; } - img { - width: 36px; - height: 36px; - margin-left: 0.5rem; + svg { + width: 4em; + height: 4em; } } @@ -59,15 +58,12 @@ footer { color: #42b883; } } -} - -.notion-logo { - height: 2em; - margin-right: 0.2rem; -} -.nekohack-logo { - height: 4em; + svg { + width: 2em; + height: 2em; + margin-right: 0.2rem; + } } @media (prefers-color-scheme: dark) { diff --git a/app/assets/_markdown.scss b/app/assets/_markdown.scss deleted file mode 100644 index 8e9b70ff..00000000 --- a/app/assets/_markdown.scss +++ /dev/null @@ -1,169 +0,0 @@ -.message { - position: relative; - padding: 1.5rem; - padding-top: 0.75rem; - padding-right: 1rem; - padding-bottom: 0.75rem; - margin-top: 0.75rem; - margin-bottom: 0.75rem; - color: #000; - background-color: #f7fafc; - border-color: #718096; - border-style: solid; - border-width: 0; - border-left-width: 4px; - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - - ::before { - position: absolute; - top: 0; - left: 0; - width: 1.25rem; - height: 1.25rem; - margin-top: -0.75rem; - margin-left: -0.75rem; - font-family: Dosis, 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; - font-weight: 700; - line-height: 1.25; - color: #fff; - text-align: center; - content: '!'; - background-color: #718096; - border-radius: 9999px; - } - - .is-primary { - border: 4px solid #0078cc; - - ::before { - background-color: #0078cc; - } - } - - .is-info { - border: 4px solid #3fa1aa; - - ::before { - background-color: #3fa1aa; - } - } - - .is-success { - border: 4px solid #56c501; - - ::before { - background-color: #56c501; - } - } - - .is-warning { - border: 4px solid #c1c529; - - ::before { - background-color: #c1c529; - } - } - - .is-danger { - border: 4px solid #ff4500; - - ::before { - background-color: #ff4500; - } - } -} - -.custom-link { - line-height: 1.8; - color: #0d6ba3 !important; - text-decoration: none; - - &:hover { - color: #303030 !important; - } -} - -.link-preview { - display: table; - width: 100%; - border: 1px solid #e6e6e6; - border-radius: 4px; - - &__title { - margin-bottom: 8px; - overflow: hidden; - font-size: 16px; - font-weight: 700; - word-break: break-all; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; - } - - &__description { - max-height: 3em; - margin-bottom: 4px; - overflow: hidden; - font-size: 12px; - font-style: normal; - line-height: 1.5; - color: #787c7b; - word-break: break-all; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; - } - - &__url { - display: block; - margin-bottom: 0; - font-size: 12px; - font-style: normal; - line-height: 1.5; - color: #222; - } - - &__image { - flex: 0; - width: 225px; - min-width: 220px; - height: 150px; - padding: 0; - vertical-align: middle; - background-repeat: no-repeat; - background-position: 50%; - background-size: cover; - border-left: 1px solid #f2f2f2; - border-radius: 0 3px 3px 0; - -webkit-box-flex: 0; - } -} - -.link-preview > a { - display: table-cell; - flex: 1; - flex-direction: column; - padding: 16px; - color: inherit; - text-decoration: none; - vertical-align: middle; - cursor: pointer; - background-color: transparent; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-box-flex: 1; -} - -@media (prefers-color-scheme: dark) { - .message { - color: #f7fafc; - background-color: #0b0d2e; - } - - .custom-link { - color: #74bfea !important; - - &:hover { - color: #fefefe !important; - } - } -} diff --git a/app/assets/_nav.scss b/app/assets/_nav.scss index 9789af07..1e19ba11 100644 --- a/app/assets/_nav.scss +++ b/app/assets/_nav.scss @@ -30,18 +30,15 @@ } .nav-icon { - display: flex; - height: 1.5rem; font-size: 2rem; font-weight: 500; - line-height: 1.5; + display: flex; + align-items: center; vertical-align: middle; a { - display: inline-block; color: #000; text-decoration: none; - vertical-align: middle; } } diff --git a/app/assets/_notice.scss b/app/assets/_notice.scss deleted file mode 100644 index 6e0a4d6e..00000000 --- a/app/assets/_notice.scss +++ /dev/null @@ -1,13 +0,0 @@ -.notice-bar { - position: sticky; - top: 0; - left: 0; - z-index: 19; - box-sizing: border-box; - width: 100%; - min-height: 40px; - padding: 10px 60px; - color: #005bbb; - text-align: center; - background-color: #ffd500; -} diff --git a/app/assets/_single-theme.scss b/app/assets/_single-theme.scss new file mode 100644 index 00000000..ab3bbb5a --- /dev/null +++ b/app/assets/_single-theme.scss @@ -0,0 +1,133 @@ +body { + background-color: rgba(255, 187, 51, 10%); + color: #303030; +} + +a { + color: #303030; +} + +main { + background-color: transparent; +} + +.nav { + background-color: #fff; +} + +.nav-icon a { + color: #303030; +} + +.nav-link { + color: #303030 !important; + + &:hover { + color: #fff; + } +} + +.reaction-img { + background-color: #fff; +} + +.feed-card { + &__item-title { + color: #303030; + } + + &__item-date { + color: #303030; + } + + &__item-tags .tag { + background-color: #fff; + color: #303030; + } +} + +.cover-tags .tag { + background-color: #fff; + color: #303030; +} + +.article .post-detail p, +.article .post-detail li, +.article .post-detail td, +.article .post-detail tr { + color: #303030; +} + +.copyright a { + color: #303030; +} + +@media (prefers-color-scheme: dark) { + body { + background-color: rgba(255, 187, 51, 10%); + color: #303030; + } + + a { + color: #303030; + } + + main { + background-color: transparent; + } + + .nav { + background-color: #fff; + } + + .nav-icon a { + color: #303030; + } + + .nav-link { + color: #303030 !important; + + &:hover { + color: #fff; + } + } + + .reaction-img { + background-color: #fff; + } + + .feed-card { + &__item-title { + color: #303030; + } + + &__item-date { + color: #303030; + } + + &__item-tags .tag { + background-color: #fff; + color: #303030; + } + } + + .cover-tags .tag { + background-color: #fff; + color: #303030; + } + + .article .post-detail p, + .article .post-detail li, + .article .post-detail td, + .article .post-detail tr { + color: #303030; + } + + .article .post-detail pre { + background-color: #303030; + } + + .copyright a { + color: #303030; + } +} diff --git a/app/assets/_stripe.scss b/app/assets/_stripe.scss index 68210bfe..aeed6cb1 100644 --- a/app/assets/_stripe.scss +++ b/app/assets/_stripe.scss @@ -26,4 +26,9 @@ color: #42b883; } } + + svg { + width: 8em; + height: 4em; + } } diff --git a/app/assets/_switch.scss b/app/assets/_switch.scss deleted file mode 100644 index d4619826..00000000 --- a/app/assets/_switch.scss +++ /dev/null @@ -1,68 +0,0 @@ -input[type='checkbox'] { - display: none; -} - -.switch { - position: fixed; - top: 0.42rem; - right: 0.24rem; - font-size: 60px; -} - -.switch-label { - cursor: pointer; -} - -@media screen and (prefers-reduced-motion: reduce) { - .switch-mode { - position: absolute; - top: -120px; - right: -120px; - display: block; - width: 200px; - height: 200px; - transition: none; - transform: rotate(0); - - &::before { - position: absolute; - bottom: 0; - left: 0; - content: '⛅️'; - } - - &::after { - position: absolute; - top: 0; - right: 0; - content: '🌙'; - transform: scale(1, -1); - } - } -} - -.switch-mode { - position: absolute; - top: -120px; - right: -120px; - display: block; - width: 200px; - height: 200px; - transition: transform 1s; - transform: rotate(0); - - &::before { - position: absolute; - bottom: 0; - left: 0; - content: '⛅️'; - } - - &::after { - position: absolute; - top: 0; - right: 0; - content: '🌙'; - transform: scale(1, -1); - } -} diff --git a/app/assets/_tag.scss b/app/assets/_tag.scss deleted file mode 100644 index c0ff31a7..00000000 --- a/app/assets/_tag.scss +++ /dev/null @@ -1,42 +0,0 @@ -.tags { - max-width: 100%; - margin-top: 0.5rem; - font-size: 0.9em; - - .tag { - display: inline-block; - padding: 0 7px; - margin-right: 4px; - font-size: 12px; - font-weight: 500; - line-height: 18px; - color: #2c2e2f; - background-color: transparent; - border: 1px solid #30363d; - border-radius: 2em; - - a { - color: #2c2e2f; - text-decoration: none; - } - } -} - -.scrap-tag { - color: #fff !important; - background-color: #6e00ff !important; - border-color: #6e00ff !important; -} - -@media (prefers-color-scheme: dark) { - .tags { - .tag { - color: #fefefe; - border: 1px solid #dedede; - - a { - color: #fefefe; - } - } - } -} diff --git a/app/static/icon/bakeneko.svg b/app/assets/bakeneko_logo.svg similarity index 100% rename from app/static/icon/bakeneko.svg rename to app/assets/bakeneko_logo.svg diff --git a/app/assets/buy_me_a_coffee_logo.svg b/app/assets/buy_me_a_coffee_logo.svg new file mode 100644 index 00000000..0ec27b62 --- /dev/null +++ b/app/assets/buy_me_a_coffee_logo.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/static/icon/hatena.svg b/app/assets/hatena_logo.svg similarity index 100% rename from app/static/icon/hatena.svg rename to app/assets/hatena_logo.svg diff --git a/app/assets/main.scss b/app/assets/main.scss index 989132d8..ec11299c 100644 --- a/app/assets/main.scss +++ b/app/assets/main.scss @@ -1,55 +1,38 @@ -/* stylelint-disable no-descending-specificity */ - @use 'node_modules/@nekohack/normalize.css/dist/index.css'; @use 'node_modules/highlight.js/styles/hybrid.css'; -@import 'buy-me-a-coffee'; -@import 'calendar'; -@import 'footer'; -@import 'markdown'; -@import 'nav'; -@import 'notice'; -@import 'stripe'; +@use 'buy-me-a-coffee'; +@use 'footer'; +@use 'nav'; +@use 'stripe'; -/* @import 'switch'; */ -@import 'tag'; +/* ダークモードを使わない場合 */ +@use 'single-theme'; -svg { - width: 40px; - height: 40px; +body { + margin: 0; + padding: 0; +} - path { - fill: #303030; - } +.alert-block { + padding: 0.5rem 1.5rem; + margin: 1rem 0; + text-align: left; + background-color: #f3f5f7; + border-left-style: solid; + border-left-width: 0.5rem; } -.read-more { - a { - display: flex; - align-items: center; - justify-content: center; - width: 100%; - margin: 2% 0; - overflow: hidden; - text-align: left; - vertical-align: middle; - - &::before { - position: absolute; - top: 0; - left: -100%; - z-index: -1; - width: 100%; - height: 100%; - content: ''; - transition: all 0.3s ease-in-out; - } - - &:hover, - &:focus { - color: #42b883; - } - } +.normal { + border-color: #318a62; +} + +.warning { + border-color: #b29400; +} + +.error { + border-color: #c00; } .social-menu { @@ -60,11 +43,10 @@ svg { border: 0; } - img { + svg { width: 36px; height: 36px; margin: 8px; - cursor: pointer; } &-vertical { @@ -78,49 +60,11 @@ svg { } } -.ad-wrapper { - width: 52%; - height: 120px; - margin: 2% 24%; - overflow: hidden; - text-align: center; -} - -.alert-block { - padding: 0.5rem 1.5rem; - margin: 1rem 0; - text-align: left; - background-color: #f3f5f7; - border-left-style: solid; - border-left-width: 0.5rem; -} - -.normal { - border-color: #318a62; -} - -.warning { - border-color: #b29400; -} - -.error { - border-color: #c00; -} - .count { color: #303030; } @media (prefers-color-scheme: dark) { - svg { - width: 40px; - height: 40px; - - path { - fill: #fefefe; - } - } - .alert-block { background-color: #626262; } diff --git a/app/static/icon/nekohack.svg b/app/assets/nekohack_logo.svg similarity index 100% rename from app/static/icon/nekohack.svg rename to app/assets/nekohack_logo.svg diff --git a/app/static/icon/note.svg b/app/assets/note_logo.svg similarity index 94% rename from app/static/icon/note.svg rename to app/assets/note_logo.svg index 7407e2a2..de4d8b54 100644 --- a/app/static/icon/note.svg +++ b/app/assets/note_logo.svg @@ -1,5 +1,5 @@ - + WhiteOnGreen/logo_symbol Created with Sketch. @@ -7,4 +7,4 @@ - \ No newline at end of file + diff --git a/app/static/icon/notion.svg b/app/assets/notion.svg similarity index 100% rename from app/static/icon/notion.svg rename to app/assets/notion.svg diff --git a/app/assets/nuxt3.svg b/app/assets/nuxt3.svg new file mode 100644 index 00000000..760fcbd7 --- /dev/null +++ b/app/assets/nuxt3.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/app/assets/stripe_logo.svg b/app/assets/stripe_logo.svg new file mode 100644 index 00000000..d290cefc --- /dev/null +++ b/app/assets/stripe_logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/twitter_logo.svg b/app/assets/twitter_logo.svg new file mode 100644 index 00000000..c021197f --- /dev/null +++ b/app/assets/twitter_logo.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + diff --git a/app/components/BuyMeACoffee.vue b/app/components/BuyMeACoffee.vue index ca1bb01f..7054727b 100644 --- a/app/components/BuyMeACoffee.vue +++ b/app/components/BuyMeACoffee.vue @@ -8,18 +8,18 @@ target="_blank" rel="noopener noreferrer" > - + {{ `BuyMeACoffeeで支払う` }} diff --git a/app/components/CalendarView.vue b/app/components/CalendarView.vue deleted file mode 100644 index 73e02e14..00000000 --- a/app/components/CalendarView.vue +++ /dev/null @@ -1,93 +0,0 @@ - - - diff --git a/app/components/CookieFooterWrapper.vue b/app/components/CookieFooterWrapper.vue deleted file mode 100644 index 8e865a7f..00000000 --- a/app/components/CookieFooterWrapper.vue +++ /dev/null @@ -1,25 +0,0 @@ - - - diff --git a/app/components/FooterText.vue b/app/components/FooterText.vue index 26431fa4..2c2735b1 100644 --- a/app/components/FooterText.vue +++ b/app/components/FooterText.vue @@ -9,7 +9,7 @@ target="_blank" rel="noopener noreferrer" > -