diff --git a/package.json b/package.json index 7580baa..a2112a9 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "bugs": { "url": "https://github.com/20kaushik02/spotify-manager-web/issues" }, + "homepage": "https://spotify-manager.knravish.me", "dependencies": { "@dagrejs/dagre": "^1.1.4", "@testing-library/jest-dom": "^6.6.3", diff --git a/src/assets/fonts/Aileron-Black.otf b/src/assets/fonts/Aileron-Black.otf deleted file mode 100644 index 875746b..0000000 Binary files a/src/assets/fonts/Aileron-Black.otf and /dev/null differ diff --git a/src/assets/fonts/Aileron-Light.otf b/src/assets/fonts/Aileron-Light.otf deleted file mode 100644 index 96f747d..0000000 Binary files a/src/assets/fonts/Aileron-Light.otf and /dev/null differ diff --git a/src/index.css b/src/index.css index e103842..94ed632 100644 --- a/src/index.css +++ b/src/index.css @@ -1,11 +1,10 @@ /*===== CSS GLOBAL VARIABLES =====*/ /* Font Size */ +/* Colors */ :root { --normalFontSize: 16px; --headingFontSize: 48px; - --headingFont: AileronFont; - --primaryFont: AileronFont; --text: whitesmoke; --bg: #443c9c; --bgNav: #6360b1; @@ -13,19 +12,7 @@ --bgLinkInactive: #242c44; } -/* Colors */ - /* Fonts */ -@font-face { - font-family: AileronFont; - src: url(/src/assets/fonts/Aileron-Black.otf); - font-weight: bold; -} -@font-face { - font-family: AileronFont; - src: url(/src/assets/fonts/Aileron-Light.otf); - font-weight: light; -} /* rem-based (root element) sizes */ :root { @@ -103,16 +90,20 @@ img { } body { - font-family: var(--primaryFont), -apple-system, BlinkMacSystemFont, "Segoe UI", - "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", - "Helvetica Neue", sans-serif; + font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size: var(--normalFontSize); color: var(--text); background-color: var(--bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; - letter-spacing: 1.5px; +} + +input, +select, +textarea, +button { + font-family: inherit; } code { diff --git a/src/pages/HowToUse/index.tsx b/src/pages/HowToUse/index.tsx index b45d231..2ea69bc 100644 --- a/src/pages/HowToUse/index.tsx +++ b/src/pages/HowToUse/index.tsx @@ -1,4 +1,5 @@ import React from "react"; +import { Link } from "react-router-dom"; import styles from "./HowToUse.module.css"; const HowToUse = (): React.ReactNode => { return ( @@ -11,9 +12,9 @@ const HowToUse = (): React.ReactNode => {