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

Explore Design changes

Browse source
This commit is contained in:
Kevin Kandlbinder 2020-12-26 20:41:53 +01:00
parent 85d749d33d
commit df08385cc5
22 changed files with 146 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/templates/project.js
View file

@ -32,9 +32,9 @@ export default function ProjectTemplate({data}) {
let projectName = project.name;
return (
<Layout description={project.shortDescription} title={t("project")+": "+projectName}>
<Layout description={project.shortDescription} title={t("project")+": "+projectName} transparentTopbar={true}>
<section className={styles.projectHeader}>
<div>
<div style={{paddingTop: 0}}>
<div className={styles.headerBackground} style={{backgroundImage: "url("+project.image.publicURL+")"}}></div>
<header>
<div className={styles.headerInner}>

11
src/templates/project.module.scss
View file

@ -9,7 +9,7 @@
position: absolute;
left: 0;
width: 100%;
height: 200px;
height: 300px;
background-position: center;
background-size: cover;
}
@ -18,14 +18,15 @@
position: absolute;
left: 0;
width: 100%;
height: 200px;
background: rgba(0, 0, 0, .5);
height: 300px;
background:linear-gradient(to bottom, rgba($background, .95), rgba($background, .5) 20%);
.headerInner {
max-width: $layoutWidth;
width: 100%;
margin: 0 auto;
padding: 65px 20px 0;
padding: 225px 20px 0;
text-shadow: 0 0 20px black, 0 0 20px black;
* {
margin: 0;
@ -41,7 +42,7 @@
.headerPlaceholder {
width: 100%;
height: 200px;
height: 270px;
}
}