diff --git a/src/Body.tsx b/src/Body.tsx index 7243f78..450072e 100644 --- a/src/Body.tsx +++ b/src/Body.tsx @@ -8,34 +8,6 @@ import LinkedIn from "./assets/linkedin.svg?react"; import Mastodon from "./assets/mastodon.svg?react"; import DarkModeToggleIcon from "./assets/darkmodetoggle.svg?react"; -type ColouredBlockProps = { - colorNum: number; -}; - -const ColouredBlock = ({ colorNum }: ColouredBlockProps) => ( - ███ -); - -type ColouredLineProps = { - light: boolean; -}; - -const ColouredLine = ({ light }: ColouredLineProps) => { - const startIndex = light ? 8 : 0; - return ( -
- {Array.from({ length: 8 }).map(
- (
- _value,
- index, // Apparently this is the best way to map a range in JavaScript
- ) => (
-
+ ███ + ███ + ███ + ███ + ███ + ███ + ███ + ███ +
++ ███ + ███ + ███ + ███ + ███ + ███ + ███ + ███ +
diff --git a/src/assets/thumb.png b/src/assets/thumb.png index 41bbcbc..66578b5 100644 Binary files a/src/assets/thumb.png and b/src/assets/thumb.png differ diff --git a/src/style.css b/src/style.css index 3d04d1a..1df5df9 100644 --- a/src/style.css +++ b/src/style.css @@ -300,13 +300,6 @@ p { } } -/* Helper for capturing thumb.png*/ -@media print { - .invisible-div { - padding: 1rem; - } -} - #basic-info { display: flex; flex-direction: column;