diff --git a/package.json b/package.json index 3cbf3e7..6ed2478 100644 --- a/package.json +++ b/package.json @@ -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" diff --git a/src/layout/Layout.module.scss b/src/layout/Layout.module.scss index 84f1bca..df4c387 100644 --- a/src/layout/Layout.module.scss +++ b/src/layout/Layout.module.scss @@ -15,7 +15,7 @@ > .navigationBorder { max-width: var(--layout-width); - width: 100%; + width: calc(100% - 20px); margin: 0 auto; margin-top: -10px; height: 15px; diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss index 8620764..004f59f 100644 --- a/src/pages/index.module.scss +++ b/src/pages/index.module.scss @@ -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); + } + } } } } diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 3abb558..199c10b 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -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 = () => { target="_blank" rel="noreferrer" > - Unkn0wnCat + Unkn0wnCat - ThatUnkn0wnCat + ThatUnkn0wnCat - Unkn0wnCat + Unkn0wnCat - My Clan (KREIG) + My Clan (KREIG)
diff --git a/yarn.lock b/yarn.lock index b4b19c4..a8a0ee7 100644 --- a/yarn.lock +++ b/yarn.lock @@ -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"