kevin/Unkn0wnCat.net
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/Unkn0wnCat.net.git synced 2025-06-16 09:32:04 +02:00
Code Issues Projects Releases Wiki Activity

Add artist credit

Browse source
This commit is contained in:
Kevin Kandlbinder 2022-01-25 20:43:13 +01:00
parent 2db66a46f6
commit 08a660cff8
3 changed files with 19 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/pages/index.js
View file

@ -35,6 +35,8 @@ const IndexPage = ({ data }) => <Layout topBarHome={true}>
<a href="https://twitter.com/Unkn0wnKevin" target="_blank" rel="noreferrer"><Twitter/> @Unkn0wnKevin</a> <a href="https://twitter.com/Unkn0wnKevin" target="_blank" rel="noreferrer"><Twitter/> @Unkn0wnKevin</a>
</div> </div>
</div> </div>
<a className={styles.artCredit} href="https://twitter.com/Pericote9" target="_blank" rel="noopener">Chibi drawn by @Pericote9</a>
</div> </div>
</Layout>; </Layout>;

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

@ -11,6 +11,7 @@ $layoutTwoColBreakpoint: 800px;
position: relative; position: relative;
overflow: hidden;
.heroHalo { .heroHalo {
position: absolute; position: absolute;
@ -114,5 +115,20 @@ $layoutTwoColBreakpoint: 800px;
clip-path: polygon(14% 4%,95% 1%,88% 96%,2% 89%); clip-path: polygon(14% 4%,95% 1%,88% 96%,2% 89%);
background-color: var(--color-secondary-lighter); background-color: var(--color-secondary-lighter);
} }
.artCredit {
position: absolute;
bottom: $layoutPadding;
left: 50%;
padding: 0 $layoutPadding;
color: white;
opacity: .25;
transition: opacity .25s;
transform: translate(-150%, 0);
@media (max-width: $layoutTwoColBreakpoint) {
opacity: 0;
}
}
} }

1
src/pages/index.module.scss.d.ts vendored
View file

@ -1,3 +1,4 @@
export const artCredit: string;
export const description: string; export const description: string;
export const hero: string; export const hero: string;
export const heroBox: string; export const heroBox: string;