diff --git a/frontend/src/app/colophon/page.tsx b/frontend/src/app/colophon/page.tsx index fdfd56b89..749b09d7e 100644 --- a/frontend/src/app/colophon/page.tsx +++ b/frontend/src/app/colophon/page.tsx @@ -54,6 +54,7 @@ const ColophonPage = () => { Cool 3D Button 13 for the Index Hero. Taken from CSSPro.com and apparently inspired by Balder's Gate 3. +
  • Blood Drop SVG as list markers from SVGRepo.com
    • diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx index 0c48cb649..c86f891c7 100644 --- a/frontend/src/app/layout.tsx +++ b/frontend/src/app/layout.tsx @@ -4,14 +4,13 @@ import { Navbar } from './components/nav'; import { Footer } from './components/footer'; import { Analytics } from '@vercel/analytics/react'; import { SpeedInsights } from '@vercel/speed-insights/next'; -import { SandpackCSS } from './blog/[slug]/sandpack'; import { BackToTop } from '@components/_basics/BackToTop'; export const metadata: Metadata = { metadataBase: new URL('https://sabrinamedwinter.com'), title: { - default: 'Sabrina Medwinter', - template: '%s | Sabrina Medwinter', + default: 'Sab Medwinter', + template: '%s | Sab Medwinter', }, description: 'Unlocking the digital realm with a fusion of Jamaican web development prowess and captivating 3D artistry.', @@ -46,7 +45,7 @@ export const metadata: Metadata = { twitter: { title: 'Sabrina Medwinter', card: 'summary_large_image', - site: '@SabMedwinter', + site: '@Medwinters', }, // verification: { // google: '', @@ -54,14 +53,9 @@ export const metadata: Metadata = { // }, }; -const cx = (...classes) => classes.filter(Boolean).join(' '); - export default function RootLayout({ children }: { children: React.ReactNode }) { return ( - - -
    diff --git a/frontend/src/app/not-found.tsx b/frontend/src/app/not-found.tsx index cb076b926..531bad8fa 100644 --- a/frontend/src/app/not-found.tsx +++ b/frontend/src/app/not-found.tsx @@ -2,7 +2,7 @@ export default function NotFound() { return (

    Oh no! This page doesn't exist.

    -

    If you expected to see something here, let me know (sabrinamedwinter@gmail.com).

    +

    If you expected to see something here, let me know at sabrinamedwinter@gmail.com.

    ); } diff --git a/frontend/src/assets/images/Sitename.svg b/frontend/src/assets/images/Sitename.svg deleted file mode 100644 index fa2c32ef0..000000000 --- a/frontend/src/assets/images/Sitename.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/frontend/src/assets/images/blood-drop.svg b/frontend/src/assets/images/blood-drop.svg new file mode 100644 index 000000000..efb7f3653 --- /dev/null +++ b/frontend/src/assets/images/blood-drop.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + diff --git a/frontend/src/styles/global.scss b/frontend/src/styles/global.scss index 259ba65a1..29c4ae55a 100644 --- a/frontend/src/styles/global.scss +++ b/frontend/src/styles/global.scss @@ -544,8 +544,8 @@ li { text-indent: 1rem; &::marker { - content: '🩸'; - font-size: 1rem; + content: url(../assets/images/blood-drop.svg); + scale: 0.75; margin-bottom: 0.75rem; } } diff --git a/frontend/src/styles/modules/nav.module.scss b/frontend/src/styles/modules/nav.module.scss index a2afeb427..e490a7621 100644 --- a/frontend/src/styles/modules/nav.module.scss +++ b/frontend/src/styles/modules/nav.module.scss @@ -50,9 +50,7 @@ align-self: center; &:hover { - // opacity: 0.75; - // filter: invert(9%) sepia(22%) saturate(4893%) hue-rotate(6deg) brightness(95%) contrast(102%); - color: var(--secondary); + filter: invert(9%) sepia(22%) saturate(4893%) hue-rotate(6deg) brightness(95%) contrast(102%); } @include breakpoint-range($from: mobile) { @@ -61,22 +59,22 @@ &::before { content: 'Sabrina'; color: var(--textColor); - font-size: clamp(2.5rem, 10vw, 8rem); + font-size: clamp(4rem, 10vw, 8rem); font-family: "Cattedrale Rough"; text-transform: capitalize; margin: 0; letter-spacing: -2px; user-select: none; pointer-events: none; - text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), - 0px 8px 13px rgba(0, 0, 0, 0.1), - 0px 18px 23px rgba(0, 0, 0, 0.1); } } @include breakpoint-range($from: desktopSmall) { &::before { margin-left: 4rem; + text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), + 0px 8px 13px rgba(0, 0, 0, 0.1), + 0px 18px 23px rgba(0, 0, 0, 0.1); } } @@ -92,4 +90,4 @@ // background-repeat: no-repeat; // background-position: cover; // } -} \ No newline at end of file +}