kevin/Unkn0wnCat.net
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/Unkn0wnCat.net.git synced 2025-04-28 17:56:47 +02:00
Code Issues Projects Releases Wiki Activity

Tweak design and add icons

Browse source
This commit is contained in:
Kevin Kandlbinder 2022-11-26 14:33:56 +01:00
parent 494e6fe22e
commit a96ba40ebd
5 changed files with 29 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -19,6 +19,7 @@
},
"dependencies": {
"@fontsource/roboto-flex": "^4.5.2",
"@icons-pack/react-simple-icons": "^6.1.0",
"@mdx-js/react": "^2.1.5",
"gatsby": "^5.0.0",
"gatsby-plugin-image": "^3.2.0",
@ -28,6 +29,7 @@
"gatsby-source-filesystem": "^5.2.0",
"gatsby-source-youtube-v3": "^3.0.2",
"gatsby-transformer-sharp": "^5.2.0",
"lucide-react": "^0.102.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"sass": "^1.56.1"

2
src/layout/Layout.module.scss
View file

@ -15,7 +15,7 @@
> .navigationBorder {
max-width: var(--layout-width);
width: 100%;
width: calc(100% - 20px);
margin: 0 auto;
margin-top: -10px;
height: 15px;

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

@ -9,6 +9,7 @@
min-height: 80vh;
align-items: center;
justify-content: center;
margin-top: var(--layout-padding);
> * {
width: 50%;
@ -84,6 +85,15 @@
flex-direction: column;
gap: var(--layout-padding);
padding: var(--layout-padding);
> a {
display: flex;
align-items: center;
> svg {
margin-right: var(--layout-padding);
}
}
}
}
}

10
src/pages/index.tsx
View file

@ -1,6 +1,8 @@
import * as React from "react";
import type { HeadFC, PageProps } from "gatsby";
import Layout from "../layout/Layout";
import { Youtube, Twitch, Steam } from "@icons-pack/react-simple-icons";
import { Gamepad2 } from "lucide-react";
import * as styles from "./index.module.scss";
import { StaticImage } from "gatsby-plugin-image";
@ -35,28 +37,28 @@ const IndexPage: React.FC<PageProps> = () => {
target="_blank"
rel="noreferrer"
>
Unkn0wnCat
<Youtube /> Unkn0wnCat
</a>
<a
href="https://www.twitch.tv/thatunkn0wncat"
target="_blank"
rel="noreferrer"
>
ThatUnkn0wnCat
<Twitch /> ThatUnkn0wnCat
</a>
<a
href="https://steamcommunity.com/id/unkn0wncat"
target="_blank"
rel="noreferrer"
>
Unkn0wnCat
<Steam /> Unkn0wnCat
</a>
<a
href="https://kreig.de/de/members/75eec884-c9fc-4626-82bd-f0fdaaa1a4c0"
target="_blank"
rel="noreferrer"
>
My Clan (KREIG)
<Gamepad2 /> My Clan (KREIG)
</a>
</div>
<div className={styles.impactBox} />

10
yarn.lock
View file

@ -1287,6 +1287,11 @@
resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
"@icons-pack/react-simple-icons@^6.1.0":
version "6.1.0"
resolved "https://registry.yarnpkg.com/@icons-pack/react-simple-icons/-/react-simple-icons-6.1.0.tgz#a6e3687b428bb169de5cb2c054315b032e022543"
integrity sha512-ibidZFMK6Iv2cbWy/B9cLx8gSdTB0bWsO2Drvi3LqIMELi09BFApUQ8T3sicByBP5xRpB7I9YPzabkJfHVdCZg==
"@jridgewell/gen-mapping@^0.1.0":
version "0.1.1"
resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz#e5d2e450306a9491e3bd77e323e38d7aff315996"
@ -7837,6 +7842,11 @@ lru-queue@^0.1.0:
dependencies:
es5-ext "~0.10.2"
lucide-react@^0.102.0:
version "0.102.0"
resolved "https://registry.yarnpkg.com/lucide-react/-/lucide-react-0.102.0.tgz#ace76984ac13a761122bfe5689a09a28c48a8bf2"
integrity sha512-h4BOwyZ0cxqKw1Ftk6aQ/Gp7vEFaaq+AbhZWRbqGJCnBKXnAsf0+M8JRoRJxMqhOAxvl5dRje+eWKCGvO0enTg==
make-dir@^3.0.0, make-dir@^3.0.2, make-dir@^3.1.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"