mirror of
https://github.com/Unkn0wnCat/Unkn0wnCat.net.git
synced 2025-04-28 09:46:48 +02:00
Add artist credit
This commit is contained in:
parent
2db66a46f6
commit
08a660cff8
3 changed files with 19 additions and 0 deletions
|
@ -35,6 +35,8 @@ const IndexPage = ({ data }) => <Layout topBarHome={true}>
|
|||
<a href="https://twitter.com/Unkn0wnKevin" target="_blank" rel="noreferrer"><Twitter/> @Unkn0wnKevin</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a className={styles.artCredit} href="https://twitter.com/Pericote9" target="_blank" rel="noopener">Chibi drawn by @Pericote9</a>
|
||||
</div>
|
||||
</Layout>;
|
||||
|
||||
|
|
|
@ -11,6 +11,7 @@ $layoutTwoColBreakpoint: 800px;
|
|||
|
||||
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
.heroHalo {
|
||||
position: absolute;
|
||||
|
@ -114,5 +115,20 @@ $layoutTwoColBreakpoint: 800px;
|
|||
clip-path: polygon(14% 4%,95% 1%,88% 96%,2% 89%);
|
||||
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
1
src/pages/index.module.scss.d.ts
vendored
|
@ -1,3 +1,4 @@
|
|||
export const artCredit: string;
|
||||
export const description: string;
|
||||
export const hero: string;
|
||||
export const heroBox: string;
|
||||
|
|
Loading…
Add table
Reference in a new issue