├── animations ├── contentAnimation.js └── firstScreenAnimation.js ├── assets ├── fonts │ ├── Grotesk-Bold.woff2 │ ├── Grotesk-Light.woff2 │ ├── Grotesk-Medium.woff2 │ └── Grotesk-Regular.woff2 └── scss │ ├── _fonts.scss │ ├── _general.scss │ ├── _hovers.scss │ ├── _mixins.scss │ ├── _reset.scss │ ├── _text.scss │ ├── _variables.scss │ ├── default.scss │ └── utils.scss ├── components ├── PageMask.vue ├── TheHeader.vue ├── ThePreloader.vue └── TheTitle.vue ├── composables ├── useAnimateImage.js ├── useAnimateText.js ├── useChangePageBg.js └── useSmoothScroll.js ├── layouts ├── custom.vue └── default.vue ├── middleware └── page.global.js ├── nuxt.config.ts ├── package.json ├── pages ├── about.vue ├── gallery │ ├── [id].vue │ └── index.vue └── index.vue ├── plugins └── gsap.client.js ├── public ├── favicon.ico └── photo.jpeg ├── store └── index.js └── utils ├── index.js └── transitionTemplate.js /animations/contentAnimation.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/animations/contentAnimation.js -------------------------------------------------------------------------------- /animations/firstScreenAnimation.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/animations/firstScreenAnimation.js -------------------------------------------------------------------------------- /assets/fonts/Grotesk-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/assets/fonts/Grotesk-Bold.woff2 -------------------------------------------------------------------------------- /assets/fonts/Grotesk-Light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/assets/fonts/Grotesk-Light.woff2 -------------------------------------------------------------------------------- /assets/fonts/Grotesk-Medium.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/assets/fonts/Grotesk-Medium.woff2 -------------------------------------------------------------------------------- /assets/fonts/Grotesk-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/assets/fonts/Grotesk-Regular.woff2 -------------------------------------------------------------------------------- /assets/scss/_fonts.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/assets/scss/_fonts.scss -------------------------------------------------------------------------------- /assets/scss/_general.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/assets/scss/_general.scss -------------------------------------------------------------------------------- /assets/scss/_hovers.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/assets/scss/_hovers.scss -------------------------------------------------------------------------------- /assets/scss/_mixins.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/assets/scss/_mixins.scss -------------------------------------------------------------------------------- /assets/scss/_reset.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/assets/scss/_reset.scss -------------------------------------------------------------------------------- /assets/scss/_text.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/assets/scss/_text.scss -------------------------------------------------------------------------------- /assets/scss/_variables.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/assets/scss/_variables.scss -------------------------------------------------------------------------------- /assets/scss/default.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/assets/scss/default.scss -------------------------------------------------------------------------------- /assets/scss/utils.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/assets/scss/utils.scss -------------------------------------------------------------------------------- /components/PageMask.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/components/PageMask.vue -------------------------------------------------------------------------------- /components/TheHeader.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/components/TheHeader.vue -------------------------------------------------------------------------------- /components/ThePreloader.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/components/ThePreloader.vue -------------------------------------------------------------------------------- /components/TheTitle.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/components/TheTitle.vue -------------------------------------------------------------------------------- /composables/useAnimateImage.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/composables/useAnimateImage.js -------------------------------------------------------------------------------- /composables/useAnimateText.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/composables/useAnimateText.js -------------------------------------------------------------------------------- /composables/useChangePageBg.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/composables/useChangePageBg.js -------------------------------------------------------------------------------- /composables/useSmoothScroll.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/composables/useSmoothScroll.js -------------------------------------------------------------------------------- /layouts/custom.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/layouts/custom.vue -------------------------------------------------------------------------------- /layouts/default.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/layouts/default.vue -------------------------------------------------------------------------------- /middleware/page.global.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/middleware/page.global.js -------------------------------------------------------------------------------- /nuxt.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/nuxt.config.ts -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/package.json -------------------------------------------------------------------------------- /pages/about.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/pages/about.vue -------------------------------------------------------------------------------- /pages/gallery/[id].vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/pages/gallery/[id].vue -------------------------------------------------------------------------------- /pages/gallery/index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/pages/gallery/index.vue -------------------------------------------------------------------------------- /pages/index.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/pages/index.vue -------------------------------------------------------------------------------- /plugins/gsap.client.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/plugins/gsap.client.js -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/photo.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/public/photo.jpeg -------------------------------------------------------------------------------- /store/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/store/index.js -------------------------------------------------------------------------------- /utils/index.js: -------------------------------------------------------------------------------- 1 | export { gsap, ScrollTrigger } from 'gsap/all' 2 | -------------------------------------------------------------------------------- /utils/transitionTemplate.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/web-guy-v/transition/HEAD/utils/transitionTemplate.js --------------------------------------------------------------------------------