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

Remove unused code

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-04-12 13:00:05 +00:00 • committed by GitHub
parent 1e89cccdc9
commit d542206091
9 changed files with 151 additions and 185 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/navigation.module.scss
View file

@ -34,7 +34,6 @@
display: block; display: block;
padding: 10px $layoutPadding; padding: 10px $layoutPadding;
color: white; color: white;
/*text-decoration: underline dotted white;*/
text-decoration: none; text-decoration: none;
border-top: 2px solid transparent; border-top: 2px solid transparent;

1
src/layouts/default.scss
View file

@ -36,7 +36,6 @@ footer {
} }
#content { #content {
/*min-height: calc(100vh - 26px);*/
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

1
src/pages/404.js
View file

@ -2,7 +2,6 @@ import * as React from "react"
import { Link } from "gatsby-plugin-react-i18next" import { Link } from "gatsby-plugin-react-i18next"
import Layout from "../layouts/default" import Layout from "../layouts/default"
// markup
const NotFoundPage = () => { const NotFoundPage = () => {
return ( return (
<Layout title="Not found"> <Layout title="Not found">

3
src/pages/friends.js
View file

@ -59,7 +59,6 @@ const FriendsPage = ({ data }) => {
<span className={styles.friendTitle}>{friend.profession}</span> <span className={styles.friendTitle}>{friend.profession}</span>
</div> </div>
{/*<span class="friendBio"></span>*/}
<div className={styles.contactLinks}> <div className={styles.contactLinks}>
<a className={styles.contactLink} href={friend.url} target="_blank" rel="noreferrer"><i className="fas fa-globe-europe" aria-hidden="true"></i> {friend.url}</a> <a className={styles.contactLink} href={friend.url} target="_blank" rel="noreferrer"><i className="fas fa-globe-europe" aria-hidden="true"></i> {friend.url}</a>
</div> </div>
@ -68,8 +67,6 @@ const FriendsPage = ({ data }) => {
}) })
} }
</div> </div>
{/*<pre>{JSON.stringify(data, null, 2)}</pre>*/}
</article> </article>
</section> </section>
</Layout> </Layout>

5
src/pages/index.js
View file

@ -121,17 +121,12 @@ class IndexPage extends React.Component {
{this.props.data.allProjectsJson.nodes.map((project) => { {this.props.data.allProjectsJson.nodes.map((project) => {
return ( return (
<Link className={projectStyles.projectCard} key={project.lang + "/" + project.urlname} to={"/projects/" + project.urlname}> <Link className={projectStyles.projectCard} key={project.lang + "/" + project.urlname} to={"/projects/" + project.urlname}>
{/*<div className="projectCardActivityIndicator activityIndicatorBlue">Live</div>*/}
<div className={projectStyles.projectCardImage} style={{ backgroundImage: "url(" + project.image.childImageSharp.resize.src + ")" }}> <div className={projectStyles.projectCardImage} style={{ backgroundImage: "url(" + project.image.childImageSharp.resize.src + ")" }}>
<div className={projectStyles.projectCardMeta}> <div className={projectStyles.projectCardMeta}>
<span className={projectStyles.projectCardTitle}>{project.name}</span> <span className={projectStyles.projectCardTitle}>{project.name}</span>
<span>{project.shortDescription}</span> <span>{project.shortDescription}</span>
</div> </div>
</div> </div>
{/*<div className={projectStyles.projectCardCTAContainer}>
<div className={projectStyles.projectCardCTA}><Link to={"/projects/" + project.urlname}><Trans>projectView</Trans></Link></div>
</div>*/}
</Link> </Link>
); );
})} })}

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

@ -1,160 +1,152 @@
@import "../variables"; @import "../variables";
@import "../mixins"; @import "../mixins";
.heroSection { .heroSection {
width: 100%; width: 100%;
background: #000710; background: #000710;
min-height: 600px; min-height: 600px;
padding-top: 100px; padding-top: 100px;
overflow: hidden; overflow: hidden;
background: linear-gradient(to bottom, transparent 80%, $background), radial-gradient(ellipse at top left, #1f0ba659, transparent), radial-gradient(ellipse at bottom right, #4a086829, transparent); background: linear-gradient(to bottom, transparent 80%, $background), radial-gradient(ellipse at top left, #1f0ba659, transparent), radial-gradient(ellipse at bottom right, #4a086829, transparent);
@media(pointer: coarse), @media(pointer: coarse),
(pointer: none) { (pointer: none) {
min-height: 700px; min-height: 700px;
} }
.profile { .profile {
position: relative; position: relative;
left: 50%; left: 50%;
width: calc(90% - 40px); width: calc(90% - 40px);
max-width: 600px; max-width: 600px;
max-height: 400px; max-height: 400px;
transform: translate(-50%, 0%); transform: translate(-50%, 0%);
.hello { .hello {
font-weight: 100; font-weight: 100;
opacity: .75; opacity: .75;
display: block; display: block;
margin-bottom: -5px; margin-bottom: -5px;
} }
.name { .name {
font-weight: 100; font-weight: 100;
font-size: 2em; font-size: 2em;
display: block; display: block;
} }
.description { .description {
font-weight: 100; font-weight: 100;
display: block; display: block;
} }
.contactLinks { .contactLinks {
margin-top: 20px; margin-top: 20px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.contactLink { .contactLink {
transition: text-decoration .5s; transition: text-decoration .5s;
text-decoration: underline dotted rgba(0, 0, 0, 0); text-decoration: underline dotted rgba(0, 0, 0, 0);
padding: 6px 0 6px 25px; padding: 6px 0 6px 25px;
color: $textColor; color: $textColor;
@media(pointer: coarse), @media(pointer: coarse),
(pointer: none) { (pointer: none) {
padding-top: 15px; padding-top: 15px;
padding-bottom: 15px; padding-bottom: 15px;
} }
} }
.contactLink:hover, .contactLink:hover,
.contactLink:active { .contactLink:active {
text-decoration: underline dotted rgba(0, 0, 0, .5); text-decoration: underline dotted rgba(0, 0, 0, .5);
} }
.contactLink>i { .contactLink>i {
color: $accentColor; color: $accentColor;
margin-left: -25px; margin-left: -25px;
margin-right: 5px; margin-right: 5px;
} }
.profileCard { .profileCard {
width: calc(100% - 40px); width: calc(100% - 40px);
height: calc(100% - 20px); height: calc(100% - 20px);
//background: $background; transform: translate(40px, 20px);
transform: translate(40px, 20px); border-radius: 5px;
border-radius: 5px; padding: 20px 20px 20px 230px;
/*box-shadow: -1px 11px 33px -10px rgba(127,127,127,0.4);*/ color: $textColor;
//box-shadow: -1px 11px 33px -10px #e5502b4b; }
padding: 20px 20px 20px 230px;
color: $textColor; .profileImage,
} .profileImageDummy {
display: inline-block;
.profileImage, width: 250px;
.profileImageDummy { height: 350px;
display: inline-block; border-radius: 5px;
width: 250px; position: absolute;
height: 350px; z-index: 100;
border-radius: 5px; background-color: #1c1c1c;
position: absolute; background-size: cover;
z-index: 100; background-position: center;
background-color: #1c1c1c; transition: transform .25s;
background-size: cover; }
background-position: center;
transition: transform .25s; .profileImage {
} z-index: 20;
box-shadow: -1px 11px 33px -10px #e5502b4b;
.profileImage { }
z-index: 20;
/*box-shadow: -5px 7px 10px -6px rgba(127,127,127,.4);*/ .profileImageDummy {
box-shadow: -1px 11px 33px -10px #e5502b4b; z-index: 10;
//transform: translate(4px, -4px); background: $accentColor;
} opacity: .2;
}
.profileImageDummy {
z-index: 10; @media (max-width: 590px) {
background: $accentColor;
opacity: .2; .profileImage,
//transform: translate(-3px, 3px); .profileImageDummy {
/*box-shadow: 0 0 10px -10px var(--accent-color); display: none;
background: transparent;*/ }
}
.profileCard {
@media (max-width: 590px) { padding: 20px 20px 20px 20px;
transform: translate(20px, 20px);
.profileImage, }
.profileImageDummy {
display: none;
} }
}
.profileCard {
padding: 20px 20px 20px 20px; }
transform: translate(20px, 20px);
} .amazonAlexaSection,
.donationSection,
.hireMeSection {
} @include homeBanner;
} }
} .creditSection {
@include homeBanner;
.amazonAlexaSection,
.donationSection, >div {
.hireMeSection { padding: 15px !important;
@include homeBanner; line-height: 15px;
} font-size: 1.2em;
color: white;
.creditSection {
@include homeBanner; >span>i {
line-height: 15px !important;
>div { }
padding: 15px !important; }
line-height: 15px; }
font-size: 1.2em;
color: white; .seeMoreButton {
@include button;
>span>i { width: fit-content;
line-height: 15px !important; margin: 0 auto;
} margin-top: 40px;
} padding: 10px 20px;
}
.seeMoreButton {
@include button;
width: fit-content;
margin: 0 auto;
margin-top: 40px;
padding: 10px 20px;
} }

7
src/pages/projects.js
View file

@ -50,23 +50,16 @@ const ProjectsPage = ({ data }) => {
{data.allProjectsJson.nodes.map((project) => { {data.allProjectsJson.nodes.map((project) => {
return ( return (
<Link className={styles.projectCard} key={project.lang + project.urlname} to={"/projects/" + project.urlname}> <Link className={styles.projectCard} key={project.lang + project.urlname} to={"/projects/" + project.urlname}>
{/*<div className="projectCardActivityIndicator activityIndicatorBlue">Live</div>*/}
<div className={styles.projectCardImage} style={{ backgroundImage: "url(" + project.image.childImageSharp.resize.src + ")" }}> <div className={styles.projectCardImage} style={{ backgroundImage: "url(" + project.image.childImageSharp.resize.src + ")" }}>
<div className={styles.projectCardMeta}> <div className={styles.projectCardMeta}>
<span className={styles.projectCardTitle}>{project.name}</span> <span className={styles.projectCardTitle}>{project.name}</span>
<span>{project.shortDescription}</span> <span>{project.shortDescription}</span>
</div> </div>
</div> </div>
{/*<div className={styles.projectCardCTAContainer}>
<div className={styles.projectCardCTA}><Link to={"/projects/" + project.urlname}><Trans>projectView</Trans></Link></div>
</div>*/}
</Link> </Link>
); );
})} })}
</div> </div>
{/*<pre>{JSON.stringify(data, null, 2)}</pre>*/}
</article> </article>
</section> </section>
</Layout> </Layout>

2
src/pages/social.js
View file

@ -53,8 +53,6 @@ const SocialPage = ({ data }) => {
}) })
} }
</div> </div>
{/*<pre>{JSON.stringify(data, null, 2)}</pre>*/}
</article> </article>
</section> </section>
</Layout> </Layout>

6
src/templates/project.js
View file

@ -75,12 +75,6 @@ const ProjectTemplate = ({ data }) => {
</div> </div>
</section> </section>
: null} : null}
{/*<section>
<div>
<pre>{JSON.stringify(data, null, 2)}</pre>
</div>
</section>*/}
</Layout> </Layout>
); );
} }