diff --git a/nuxt.config.js b/nuxt.config.js index 36b538a..4787897 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -1,10 +1,13 @@ export default { // Target: https://go.nuxtjs.dev/config-target - target: 'static', + rootDir: "./", + srcDir: "src", + target: "static", + ssr: true, // Global page headers: https://go.nuxtjs.dev/config-head head: { - title: process.env.GITHUB_USERNAME, + titleTemplate: `%s - Michael Thomas`, htmlAttrs: { lang: 'en' }, @@ -31,7 +34,9 @@ export default { ] }, - css: [], + css: [ + "@/assets/styles/root" + ], plugins: [ "@/plugins/util", diff --git a/package.json b/package.json index 49fcfa7..fbdf48d 100644 --- a/package.json +++ b/package.json @@ -31,9 +31,11 @@ "eslint-plugin-nuxt": "^3.1.0", "eslint-plugin-vue": "^8.2.0", "module-exists": "^0.4.0", + "node-sass": "^6.0.0", "postcss": "^8.4.4", "prettier": "^2.5.1", "raw-loader": "^4.0.2", + "sass-loader": "^10.1.1", "vue-notion": "^1.3.0" } } diff --git a/assets/icons/academic-hat.svg b/src/assets/icons/academic-hat.svg similarity index 100% rename from assets/icons/academic-hat.svg rename to src/assets/icons/academic-hat.svg diff --git a/assets/icons/adult-swim.svg b/src/assets/icons/adult-swim.svg similarity index 100% rename from assets/icons/adult-swim.svg rename to src/assets/icons/adult-swim.svg diff --git a/assets/icons/amazon-prime.svg b/src/assets/icons/amazon-prime.svg similarity index 100% rename from assets/icons/amazon-prime.svg rename to src/assets/icons/amazon-prime.svg diff --git a/assets/icons/apple.svg b/src/assets/icons/apple.svg similarity index 100% rename from assets/icons/apple.svg rename to src/assets/icons/apple.svg diff --git a/assets/icons/arrow-left.svg b/src/assets/icons/arrow-left.svg similarity index 100% rename from assets/icons/arrow-left.svg rename to src/assets/icons/arrow-left.svg diff --git a/assets/icons/arrow-right.svg b/src/assets/icons/arrow-right.svg similarity index 100% rename from assets/icons/arrow-right.svg rename to src/assets/icons/arrow-right.svg diff --git a/assets/icons/ban.svg b/src/assets/icons/ban.svg similarity index 100% rename from assets/icons/ban.svg rename to src/assets/icons/ban.svg diff --git a/assets/icons/bbc.svg b/src/assets/icons/bbc.svg similarity index 100% rename from assets/icons/bbc.svg rename to src/assets/icons/bbc.svg diff --git a/assets/icons/book-open.svg b/src/assets/icons/book-open.svg similarity index 100% rename from assets/icons/book-open.svg rename to src/assets/icons/book-open.svg diff --git a/assets/icons/calendar.svg b/src/assets/icons/calendar.svg similarity index 100% rename from assets/icons/calendar.svg rename to src/assets/icons/calendar.svg diff --git a/assets/icons/camera.svg b/src/assets/icons/camera.svg similarity index 100% rename from assets/icons/camera.svg rename to src/assets/icons/camera.svg diff --git a/assets/icons/chat.svg b/src/assets/icons/chat.svg similarity index 100% rename from assets/icons/chat.svg rename to src/assets/icons/chat.svg diff --git a/assets/icons/check.svg b/src/assets/icons/check.svg similarity index 100% rename from assets/icons/check.svg rename to src/assets/icons/check.svg diff --git a/assets/icons/chevron-double-left.svg b/src/assets/icons/chevron-double-left.svg similarity index 100% rename from assets/icons/chevron-double-left.svg rename to src/assets/icons/chevron-double-left.svg diff --git a/assets/icons/chevron-down.svg b/src/assets/icons/chevron-down.svg similarity index 100% rename from assets/icons/chevron-down.svg rename to src/assets/icons/chevron-down.svg diff --git a/assets/icons/chevron-left.svg b/src/assets/icons/chevron-left.svg similarity index 100% rename from assets/icons/chevron-left.svg rename to src/assets/icons/chevron-left.svg diff --git a/assets/icons/chevron-right.svg b/src/assets/icons/chevron-right.svg similarity index 100% rename from assets/icons/chevron-right.svg rename to src/assets/icons/chevron-right.svg diff --git a/assets/icons/chevron-up.svg b/src/assets/icons/chevron-up.svg similarity index 100% rename from assets/icons/chevron-up.svg rename to src/assets/icons/chevron-up.svg diff --git a/assets/icons/clipboard-list.svg b/src/assets/icons/clipboard-list.svg similarity index 100% rename from assets/icons/clipboard-list.svg rename to src/assets/icons/clipboard-list.svg diff --git a/assets/icons/clock.svg b/src/assets/icons/clock.svg similarity index 100% rename from assets/icons/clock.svg rename to src/assets/icons/clock.svg diff --git a/assets/icons/cog.svg b/src/assets/icons/cog.svg similarity index 100% rename from assets/icons/cog.svg rename to src/assets/icons/cog.svg diff --git a/assets/icons/computer.svg b/src/assets/icons/computer.svg similarity index 100% rename from assets/icons/computer.svg rename to src/assets/icons/computer.svg diff --git a/assets/icons/controller.svg b/src/assets/icons/controller.svg similarity index 100% rename from assets/icons/controller.svg rename to src/assets/icons/controller.svg diff --git a/assets/icons/cursor-click.svg b/src/assets/icons/cursor-click.svg similarity index 100% rename from assets/icons/cursor-click.svg rename to src/assets/icons/cursor-click.svg diff --git a/assets/icons/discord.svg b/src/assets/icons/discord.svg similarity index 100% rename from assets/icons/discord.svg rename to src/assets/icons/discord.svg diff --git a/assets/icons/disney+.svg b/src/assets/icons/disney+.svg similarity index 100% rename from assets/icons/disney+.svg rename to src/assets/icons/disney+.svg diff --git a/assets/icons/document.svg b/src/assets/icons/document.svg similarity index 100% rename from assets/icons/document.svg rename to src/assets/icons/document.svg diff --git a/assets/icons/exclamation-circle.svg b/src/assets/icons/exclamation-circle.svg similarity index 100% rename from assets/icons/exclamation-circle.svg rename to src/assets/icons/exclamation-circle.svg diff --git a/assets/icons/external-link.svg b/src/assets/icons/external-link.svg similarity index 100% rename from assets/icons/external-link.svg rename to src/assets/icons/external-link.svg diff --git a/assets/icons/figma.svg b/src/assets/icons/figma.svg similarity index 100% rename from assets/icons/figma.svg rename to src/assets/icons/figma.svg diff --git a/assets/icons/fingerprint.svg b/src/assets/icons/fingerprint.svg similarity index 100% rename from assets/icons/fingerprint.svg rename to src/assets/icons/fingerprint.svg diff --git a/assets/icons/fire-solid.svg b/src/assets/icons/fire-solid.svg similarity index 100% rename from assets/icons/fire-solid.svg rename to src/assets/icons/fire-solid.svg diff --git a/assets/icons/firebase.svg b/src/assets/icons/firebase.svg similarity index 100% rename from assets/icons/firebase.svg rename to src/assets/icons/firebase.svg diff --git a/assets/icons/fox.svg b/src/assets/icons/fox.svg similarity index 100% rename from assets/icons/fox.svg rename to src/assets/icons/fox.svg diff --git a/assets/icons/github.svg b/src/assets/icons/github.svg similarity index 100% rename from assets/icons/github.svg rename to src/assets/icons/github.svg diff --git a/assets/icons/hashtag.svg b/src/assets/icons/hashtag.svg similarity index 100% rename from assets/icons/hashtag.svg rename to src/assets/icons/hashtag.svg diff --git a/assets/icons/home.svg b/src/assets/icons/home.svg similarity index 100% rename from assets/icons/home.svg rename to src/assets/icons/home.svg diff --git a/assets/icons/html.svg b/src/assets/icons/html.svg similarity index 100% rename from assets/icons/html.svg rename to src/assets/icons/html.svg diff --git a/assets/icons/inbox-in.svg b/src/assets/icons/inbox-in.svg similarity index 100% rename from assets/icons/inbox-in.svg rename to src/assets/icons/inbox-in.svg diff --git a/assets/icons/instagram.svg b/src/assets/icons/instagram.svg similarity index 100% rename from assets/icons/instagram.svg rename to src/assets/icons/instagram.svg diff --git a/assets/icons/javascript.svg b/src/assets/icons/javascript.svg similarity index 100% rename from assets/icons/javascript.svg rename to src/assets/icons/javascript.svg diff --git a/assets/icons/lightning-bolt.svg b/src/assets/icons/lightning-bolt.svg similarity index 100% rename from assets/icons/lightning-bolt.svg rename to src/assets/icons/lightning-bolt.svg diff --git a/assets/icons/link.svg b/src/assets/icons/link.svg similarity index 100% rename from assets/icons/link.svg rename to src/assets/icons/link.svg diff --git a/assets/icons/linux.svg b/src/assets/icons/linux.svg similarity index 100% rename from assets/icons/linux.svg rename to src/assets/icons/linux.svg diff --git a/assets/icons/location-marker.svg b/src/assets/icons/location-marker.svg similarity index 100% rename from assets/icons/location-marker.svg rename to src/assets/icons/location-marker.svg diff --git a/assets/icons/lock-open.svg b/src/assets/icons/lock-open.svg similarity index 100% rename from assets/icons/lock-open.svg rename to src/assets/icons/lock-open.svg diff --git a/assets/icons/map.svg b/src/assets/icons/map.svg similarity index 100% rename from assets/icons/map.svg rename to src/assets/icons/map.svg diff --git a/assets/icons/menu.svg b/src/assets/icons/menu.svg similarity index 100% rename from assets/icons/menu.svg rename to src/assets/icons/menu.svg diff --git a/assets/icons/moon.svg b/src/assets/icons/moon.svg similarity index 100% rename from assets/icons/moon.svg rename to src/assets/icons/moon.svg diff --git a/assets/icons/movie.svg b/src/assets/icons/movie.svg similarity index 100% rename from assets/icons/movie.svg rename to src/assets/icons/movie.svg diff --git a/assets/icons/music-note.svg b/src/assets/icons/music-note.svg similarity index 100% rename from assets/icons/music-note.svg rename to src/assets/icons/music-note.svg diff --git a/assets/icons/music.svg b/src/assets/icons/music.svg similarity index 100% rename from assets/icons/music.svg rename to src/assets/icons/music.svg diff --git a/assets/icons/netflix.svg b/src/assets/icons/netflix.svg similarity index 100% rename from assets/icons/netflix.svg rename to src/assets/icons/netflix.svg diff --git a/assets/icons/nodejs.svg b/src/assets/icons/nodejs.svg similarity index 100% rename from assets/icons/nodejs.svg rename to src/assets/icons/nodejs.svg diff --git a/assets/icons/nuxtjs.svg b/src/assets/icons/nuxtjs.svg similarity index 100% rename from assets/icons/nuxtjs.svg rename to src/assets/icons/nuxtjs.svg diff --git a/assets/icons/party.svg b/src/assets/icons/party.svg similarity index 100% rename from assets/icons/party.svg rename to src/assets/icons/party.svg diff --git a/assets/icons/php.svg b/src/assets/icons/php.svg similarity index 100% rename from assets/icons/php.svg rename to src/assets/icons/php.svg diff --git a/assets/icons/play-solid.svg b/src/assets/icons/play-solid.svg similarity index 100% rename from assets/icons/play-solid.svg rename to src/assets/icons/play-solid.svg diff --git a/assets/icons/play.svg b/src/assets/icons/play.svg similarity index 100% rename from assets/icons/play.svg rename to src/assets/icons/play.svg diff --git a/assets/icons/premid.svg b/src/assets/icons/premid.svg similarity index 100% rename from assets/icons/premid.svg rename to src/assets/icons/premid.svg diff --git a/assets/icons/question-circle.svg b/src/assets/icons/question-circle.svg similarity index 100% rename from assets/icons/question-circle.svg rename to src/assets/icons/question-circle.svg diff --git a/assets/icons/reactjs.svg b/src/assets/icons/reactjs.svg similarity index 100% rename from assets/icons/reactjs.svg rename to src/assets/icons/reactjs.svg diff --git a/assets/icons/sass.svg b/src/assets/icons/sass.svg similarity index 100% rename from assets/icons/sass.svg rename to src/assets/icons/sass.svg diff --git a/assets/icons/scissors.svg b/src/assets/icons/scissors.svg similarity index 100% rename from assets/icons/scissors.svg rename to src/assets/icons/scissors.svg diff --git a/assets/icons/search.svg b/src/assets/icons/search.svg similarity index 100% rename from assets/icons/search.svg rename to src/assets/icons/search.svg diff --git a/assets/icons/shopping-bag.svg b/src/assets/icons/shopping-bag.svg similarity index 100% rename from assets/icons/shopping-bag.svg rename to src/assets/icons/shopping-bag.svg diff --git a/assets/icons/spotify.svg b/src/assets/icons/spotify.svg similarity index 100% rename from assets/icons/spotify.svg rename to src/assets/icons/spotify.svg diff --git a/assets/icons/star-filled.svg b/src/assets/icons/star-filled.svg similarity index 100% rename from assets/icons/star-filled.svg rename to src/assets/icons/star-filled.svg diff --git a/assets/icons/star.svg b/src/assets/icons/star.svg similarity index 100% rename from assets/icons/star.svg rename to src/assets/icons/star.svg diff --git a/assets/icons/stop.svg b/src/assets/icons/stop.svg similarity index 100% rename from assets/icons/stop.svg rename to src/assets/icons/stop.svg diff --git a/assets/icons/sun.svg b/src/assets/icons/sun.svg similarity index 100% rename from assets/icons/sun.svg rename to src/assets/icons/sun.svg diff --git a/assets/icons/support.svg b/src/assets/icons/support.svg similarity index 100% rename from assets/icons/support.svg rename to src/assets/icons/support.svg diff --git a/assets/icons/sync.svg b/src/assets/icons/sync.svg similarity index 100% rename from assets/icons/sync.svg rename to src/assets/icons/sync.svg diff --git a/assets/icons/tailwindcss.svg b/src/assets/icons/tailwindcss.svg similarity index 100% rename from assets/icons/tailwindcss.svg rename to src/assets/icons/tailwindcss.svg diff --git a/assets/icons/telegram.svg b/src/assets/icons/telegram.svg similarity index 100% rename from assets/icons/telegram.svg rename to src/assets/icons/telegram.svg diff --git a/assets/icons/terminal.svg b/src/assets/icons/terminal.svg similarity index 100% rename from assets/icons/terminal.svg rename to src/assets/icons/terminal.svg diff --git a/assets/icons/times.svg b/src/assets/icons/times.svg similarity index 100% rename from assets/icons/times.svg rename to src/assets/icons/times.svg diff --git a/assets/icons/tnt.svg b/src/assets/icons/tnt.svg similarity index 100% rename from assets/icons/tnt.svg rename to src/assets/icons/tnt.svg diff --git a/assets/icons/trello.svg b/src/assets/icons/trello.svg similarity index 100% rename from assets/icons/trello.svg rename to src/assets/icons/trello.svg diff --git a/assets/icons/trending-up.svg b/src/assets/icons/trending-up.svg similarity index 100% rename from assets/icons/trending-up.svg rename to src/assets/icons/trending-up.svg diff --git a/assets/icons/twitter.svg b/src/assets/icons/twitter.svg similarity index 100% rename from assets/icons/twitter.svg rename to src/assets/icons/twitter.svg diff --git a/assets/icons/typescript.svg b/src/assets/icons/typescript.svg similarity index 100% rename from assets/icons/typescript.svg rename to src/assets/icons/typescript.svg diff --git a/assets/icons/vuejs.svg b/src/assets/icons/vuejs.svg similarity index 100% rename from assets/icons/vuejs.svg rename to src/assets/icons/vuejs.svg diff --git a/assets/icons/whatsapp.svg b/src/assets/icons/whatsapp.svg similarity index 100% rename from assets/icons/whatsapp.svg rename to src/assets/icons/whatsapp.svg diff --git a/assets/icons/wordpress.svg b/src/assets/icons/wordpress.svg similarity index 100% rename from assets/icons/wordpress.svg rename to src/assets/icons/wordpress.svg diff --git a/assets/icons/x.svg b/src/assets/icons/x.svg similarity index 100% rename from assets/icons/x.svg rename to src/assets/icons/x.svg diff --git a/assets/icons/youtube.svg b/src/assets/icons/youtube.svg similarity index 100% rename from assets/icons/youtube.svg rename to src/assets/icons/youtube.svg diff --git a/src/assets/images/avatar.png b/src/assets/images/avatar.png new file mode 100644 index 0000000..8df5de1 Binary files /dev/null and b/src/assets/images/avatar.png differ diff --git a/src/assets/styles/root.scss b/src/assets/styles/root.scss new file mode 100644 index 0000000..54e4fdb --- /dev/null +++ b/src/assets/styles/root.scss @@ -0,0 +1 @@ +@import "transitions.scss"; diff --git a/src/assets/styles/transitions.scss b/src/assets/styles/transitions.scss new file mode 100644 index 0000000..8704656 --- /dev/null +++ b/src/assets/styles/transitions.scss @@ -0,0 +1,43 @@ +/* Page and layout enter/leave transition */ +.page-enter-active, +.page-leave-active { + transition: opacity 0.25s; +} + +.page-enter, +.page-leave-to { + opacity: 0; +} + +/* Fade transition */ +.fade-enter-active, +.fade-leave-active { + transition: opacity 0.2s; +} + +.fade-enter, +.fade-leave-to { + opacity: 0; +} + +/* Slide transition */ +.slide-enter-active, +.slide-leave-enter { + transform: translateY(0); + transition: all 0.3s linear; +} +.slide-enter, +.slide-leave-to { + transform: translateY(100%); +} + +.slide-left-enter-active, +.slide-left-leave-enter { + transform: translateX(0); + transition: transform 0.2s; +} +.slide-left-enter, +.slide-left-leave-to { + transform: translateX(100%); + transition: transform 0.2s; +} diff --git a/components/Author/Profile.vue b/src/components/Author/Profile.vue similarity index 86% rename from components/Author/Profile.vue rename to src/components/Author/Profile.vue index e2f9f7a..afdb604 100644 --- a/components/Author/Profile.vue +++ b/src/components/Author/Profile.vue @@ -15,6 +15,8 @@ - +
+ +
diff --git a/components/Blog/PostCard.vue b/src/components/Blog/PostCard.vue similarity index 100% rename from components/Blog/PostCard.vue rename to src/components/Blog/PostCard.vue diff --git a/components/Blog/Tags.vue b/src/components/Blog/Tags.vue similarity index 100% rename from components/Blog/Tags.vue rename to src/components/Blog/Tags.vue diff --git a/components/Blogs.vue b/src/components/Blogs.vue similarity index 100% rename from components/Blogs.vue rename to src/components/Blogs.vue diff --git a/components/ColorSwitcher.vue b/src/components/ColorSwitcher.vue similarity index 100% rename from components/ColorSwitcher.vue rename to src/components/ColorSwitcher.vue diff --git a/components/Footer.vue b/src/components/Footer.vue similarity index 100% rename from components/Footer.vue rename to src/components/Footer.vue diff --git a/components/Header.vue b/src/components/Header.vue similarity index 98% rename from components/Header.vue rename to src/components/Header.vue index b3b1761..c564077 100644 --- a/components/Header.vue +++ b/src/components/Header.vue @@ -35,7 +35,7 @@ export default { } -