kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-06-15 00:52:07 +02:00
Code Issues Projects Releases Wiki Activity

Merge branch 'main' of https://github.com/Unkn0wnCat/KevinK.dev.js

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-01-30 14:13:13 +01:00
commit 6221761cf1
4 changed files with 60 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

127
package-lock.json generated
View file

@ -4232,6 +4232,11 @@
"resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz", "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
"integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=" "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU="
}, },
"animejs": {
"version": "3.2.1",
"resolved": "https://registry.npmjs.org/animejs/-/animejs-3.2.1.tgz",
"integrity": "sha512-sWno3ugFryK5nhiDm/2BKeFCpZv7vzerWUcUPyAZLDhMek3+S/p418ldZJbJXo5ZUOpfm2kP2XRO4NJcULMy9A=="
},
"anser": { "anser": {
"version": "2.0.1", "version": "2.0.1",
"resolved": "https://registry.npmjs.org/anser/-/anser-2.0.1.tgz", "resolved": "https://registry.npmjs.org/anser/-/anser-2.0.1.tgz",
@ -10813,9 +10818,9 @@
} }
}, },
"gatsby-plugin-sharp": { "gatsby-plugin-sharp": {
"version": "2.13.1", "version": "2.13.2",
"resolved": "https://registry.npmjs.org/gatsby-plugin-sharp/-/gatsby-plugin-sharp-2.13.1.tgz", "resolved": "https://registry.npmjs.org/gatsby-plugin-sharp/-/gatsby-plugin-sharp-2.13.2.tgz",
"integrity": "sha512-giWDcw58OFy7SP4kzgCd2qXxdWJkKXE03EviOxIjD2wjOxym+eUfUximxgbWjLT6dL9Vog3e/Pre57iVDPbPLA==", "integrity": "sha512-e3awqhwAq6so5NxIsLV10uiI557tCWsQaopEFp5IzC5J+CqqY1R57rzvymtR+foWCDnkSk4int6ZdlRDevMiDA==",
"requires": { "requires": {
"@babel/runtime": "^7.12.5", "@babel/runtime": "^7.12.5",
"async": "^3.2.0", "async": "^3.2.0",
@ -10894,91 +10899,6 @@
"universalify": "^2.0.0" "universalify": "^2.0.0"
} }
}, },
"gatsby-core-utils": {
"version": "1.9.0",
"resolved": "https://registry.npmjs.org/gatsby-core-utils/-/gatsby-core-utils-1.9.0.tgz",
"integrity": "sha512-AWq9E+rBY+fWJrhdOx0rn/LlZ0eCjpqLYlDcUmLZ5NjwLARgkEXNf4JsvDETLtThcNlSOibEMQex8arsYatmkA==",
"requires": {
"ci-info": "2.0.0",
"configstore": "^5.0.1",
"fs-extra": "^8.1.0",
"node-object-hash": "^2.0.0",
"proper-lockfile": "^4.1.1",
"tmp": "^0.2.1",
"xdg-basedir": "^4.0.0"
},
"dependencies": {
"fs-extra": {
"version": "8.1.0",
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
"integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
"requires": {
"graceful-fs": "^4.2.0",
"jsonfile": "^4.0.0",
"universalify": "^0.1.0"
}
},
"jsonfile": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
"integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
"requires": {
"graceful-fs": "^4.1.6"
}
},
"universalify": {
"version": "0.1.2",
"resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
"integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg=="
}
}
},
"gatsby-telemetry": {
"version": "1.9.0",
"resolved": "https://registry.npmjs.org/gatsby-telemetry/-/gatsby-telemetry-1.9.0.tgz",
"integrity": "sha512-RWjA7/oG+Z2m/gNhv9/rvOjcKxSNm9n+PaVfTJGcQa5M3BTLwkf9tPSswpo8WAPu2kgnlql3bH12eKB61f5VAw==",
"requires": {
"@babel/code-frame": "^7.10.4",
"@babel/runtime": "^7.12.5",
"@turist/fetch": "^7.1.7",
"@turist/time": "^0.0.1",
"async-retry-ng": "^2.0.1",
"boxen": "^4.2.0",
"configstore": "^5.0.1",
"fs-extra": "^8.1.0",
"gatsby-core-utils": "^1.9.0",
"git-up": "^4.0.2",
"is-docker": "^2.1.1",
"lodash": "^4.17.20",
"node-fetch": "^2.6.1",
"uuid": "3.4.0"
},
"dependencies": {
"fs-extra": {
"version": "8.1.0",
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
"integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
"requires": {
"graceful-fs": "^4.2.0",
"jsonfile": "^4.0.0",
"universalify": "^0.1.0"
}
},
"jsonfile": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
"integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
"requires": {
"graceful-fs": "^4.1.6"
}
},
"universalify": {
"version": "0.1.2",
"resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
"integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg=="
}
}
},
"got": { "got": {
"version": "10.7.0", "version": "10.7.0",
"resolved": "https://registry.npmjs.org/got/-/got-10.7.0.tgz", "resolved": "https://registry.npmjs.org/got/-/got-10.7.0.tgz",
@ -11043,16 +10963,6 @@
"resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-2.0.0.tgz", "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-2.0.0.tgz",
"integrity": "sha512-wvPXDmbMmu2ksjkB4Z3nZWTSkJEb9lqVdMaCKpZUGJG9TMiNp9XcbG3fn9fPKjem04fJMJnXoyFPk2FmgiaiNg==" "integrity": "sha512-wvPXDmbMmu2ksjkB4Z3nZWTSkJEb9lqVdMaCKpZUGJG9TMiNp9XcbG3fn9fPKjem04fJMJnXoyFPk2FmgiaiNg=="
}, },
"probe-image-size": {
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/probe-image-size/-/probe-image-size-6.0.0.tgz",
"integrity": "sha512-99PZ5+RU4gqiTfK5ZDMDkZtn6eL4WlKfFyVJV7lFQvH3iGmQ85DqMTOdxorERO26LHkevR2qsxnHp0x/2UDJPA==",
"requires": {
"deepmerge": "^4.0.0",
"needle": "^2.5.2",
"stream-parser": "~0.3.1"
}
},
"responselike": { "responselike": {
"version": "2.0.0", "version": "2.0.0",
"resolved": "https://registry.npmjs.org/responselike/-/responselike-2.0.0.tgz", "resolved": "https://registry.npmjs.org/responselike/-/responselike-2.0.0.tgz",
@ -11342,6 +11252,27 @@
} }
} }
}, },
"gatsby-telemetry": {
"version": "1.9.0",
"resolved": "https://registry.npmjs.org/gatsby-telemetry/-/gatsby-telemetry-1.9.0.tgz",
"integrity": "sha512-RWjA7/oG+Z2m/gNhv9/rvOjcKxSNm9n+PaVfTJGcQa5M3BTLwkf9tPSswpo8WAPu2kgnlql3bH12eKB61f5VAw==",
"requires": {
"@babel/code-frame": "^7.10.4",
"@babel/runtime": "^7.12.5",
"@turist/fetch": "^7.1.7",
"@turist/time": "^0.0.1",
"async-retry-ng": "^2.0.1",
"boxen": "^4.2.0",
"configstore": "^5.0.1",
"fs-extra": "^8.1.0",
"gatsby-core-utils": "^1.9.0",
"git-up": "^4.0.2",
"is-docker": "^2.1.1",
"lodash": "^4.17.20",
"node-fetch": "^2.6.1",
"uuid": "3.4.0"
}
},
"gatsby-transformer-json": { "gatsby-transformer-json": {
"version": "2.10.0", "version": "2.10.0",
"resolved": "https://registry.npmjs.org/gatsby-transformer-json/-/gatsby-transformer-json-2.10.0.tgz", "resolved": "https://registry.npmjs.org/gatsby-transformer-json/-/gatsby-transformer-json-2.10.0.tgz",

3
package.json
View file

@ -21,6 +21,7 @@
"dependencies": { "dependencies": {
"@babel/cli": "^7.12.10", "@babel/cli": "^7.12.10",
"@babel/plugin-transform-typescript": "^7.12.1", "@babel/plugin-transform-typescript": "^7.12.1",
"animejs": "^3.2.1",
"babel-plugin-i18next-extract": "^0.8.2", "babel-plugin-i18next-extract": "^0.8.2",
"gatsby": "^2.31.1", "gatsby": "^2.31.1",
"gatsby-plugin-asset-path": "^3.0.2", "gatsby-plugin-asset-path": "^3.0.2",
@ -30,7 +31,7 @@
"gatsby-plugin-react-i18next": "0.0.27", "gatsby-plugin-react-i18next": "0.0.27",
"gatsby-plugin-robots-txt": "^1.5.5", "gatsby-plugin-robots-txt": "^1.5.5",
"gatsby-plugin-sass": "^2.8.0", "gatsby-plugin-sass": "^2.8.0",
"gatsby-plugin-sharp": "^2.13.1", "gatsby-plugin-sharp": "^2.13.2",
"gatsby-plugin-sitemap": "^2.11.0", "gatsby-plugin-sitemap": "^2.11.0",
"gatsby-source-filesystem": "^2.10.0", "gatsby-source-filesystem": "^2.10.0",
"gatsby-transformer-json": "^2.10.0", "gatsby-transformer-json": "^2.10.0",

27
src/pages/index.js
View file

@ -8,6 +8,8 @@ import projectStyles from "./projects.module.scss"
import { Trans, Link } from "gatsby-plugin-react-i18next" import { Trans, Link } from "gatsby-plugin-react-i18next"
import { graphql } from "gatsby"; import { graphql } from "gatsby";
import anime from "animejs";
export const query = graphql` export const query = graphql`
query GetMetaAndProjects($language: String) { query GetMetaAndProjects($language: String) {
@ -40,6 +42,31 @@ export const query = graphql`
`; `;
class IndexPage extends React.Component { class IndexPage extends React.Component {
componentDidMount() {
anime({
targets: ["."+styles.profileCard+" > span", "."+styles.profileCard+" a"],
opacity: [0, 1],
translateX: [100, 0],
duration: 250,
delay: anime.stagger(20),
easing: 'easeInOutCirc'
});
anime({
targets: ["."+styles.profileImageDummy],
translateX: [0, -3],
translateY: [0, 3],
duration: 250,
easing: 'easeInOutCirc'
});
anime({
targets: ["."+styles.profileImage],
translateX: [0, 4],
translateY: [0, -4],
duration: 250,
easing: 'easeInOutCirc'
});
}
render() { render() {
let meta = this.props.data.site.siteMetadata; let meta = this.props.data.site.siteMetadata;

4
src/pages/index.module.scss
View file

@ -100,14 +100,14 @@
z-index: 20; z-index: 20;
/*box-shadow: -5px 7px 10px -6px rgba(127,127,127,.4);*/ /*box-shadow: -5px 7px 10px -6px rgba(127,127,127,.4);*/
box-shadow: -1px 11px 33px -10px #e5502b4b; box-shadow: -1px 11px 33px -10px #e5502b4b;
transform: translate(4px, -4px); //transform: translate(4px, -4px);
} }
.profileImageDummy { .profileImageDummy {
z-index: 10; z-index: 10;
background: $accentColor; background: $accentColor;
opacity: .2; opacity: .2;
transform: translate(-3px, 3px); //transform: translate(-3px, 3px);
/*box-shadow: 0 0 10px -10px var(--accent-color); /*box-shadow: 0 0 10px -10px var(--accent-color);
background: transparent;*/ background: transparent;*/
} }