Reworking images

public/images/NewLogo.svg

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1024"
+   height="1024"
+   viewBox="0 0 270.93333 270.93333"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="NewLogo.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="false"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showborder="false"
+     borderlayer="false"
+     shape-rendering="auto"
+     showguides="true"
+     inkscape:zoom="0.25"
+     inkscape:cx="258"
+     inkscape:cy="908"
+     inkscape:window-width="1904"
+     inkscape:window-height="999"
+     inkscape:window-x="26"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="text2827" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <circle
+       style="fill:#354b5f;fill-opacity:1;stroke:none;stroke-width:0;stroke-dasharray:none;stroke-opacity:1"
+       id="path342"
+       cx="135.46666"
+       cy="135.46666"
+       r="135.46666" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:96.3615px;line-height:0;font-family:'Noto Serif';-inkscape-font-specification:'Noto Serif, Heavy';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;text-align:end;text-anchor:end;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0;stroke-dasharray:none;stroke-opacity:1"
+       x="-305.64749"
+       y="194.14493"
+       id="text2819"><tspan
+         sodipodi:role="line"
+         id="tspan2817"
+         style="stroke-width:0"></tspan></text>
+    <g
+       aria-label="❯"
+       id="text2827"
+       style="font-size:132.452px;line-height:0;font-family:PowerlineSymbols;-inkscape-font-specification:'PowerlineSymbols, Normal';text-align:end;text-anchor:end;fill:#ffffff;stroke-width:0">
+      <path
+         d="M 95.096912,209.8167 143.88912,135.46666 95.096912,61.116629 h 32.818568 l 47.92093,74.350031 -47.92093,74.35004 z"
+         id="path2883"
+         style="stroke-width:0" />
+    </g>
+  </g>
+</svg>

public/images/movieThumb.svg

@@ -1,52 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="16"
-   height="16"
-   fill="currentColor"
-   class="bi bi-camera-reels-fill"
-   viewBox="0 0 16 16"
-   version="1.1"
-   id="svg8"
-   sodipodi:docname="movieThumb.svg"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   inkscape:export-filename="movieThumb.png"
-   inkscape:export-xdpi="96"
-   inkscape:export-ydpi="96"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs12" />
-  <sodipodi:namedview
-     id="namedview10"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     showgrid="false"
-     inkscape:zoom="12.21875"
-     inkscape:cx="29.012788"
-     inkscape:cy="23.652174"
-     inkscape:window-width="1904"
-     inkscape:window-height="975"
-     inkscape:window-x="26"
-     inkscape:window-y="23"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg8" />
-  <path
-     d="m 6.7529572,5.8934606 a 1.8705643,1.8705643 0 1 1 -3.7411286,0 1.8705643,1.8705643 0 0 1 3.7411286,0 z"
-     id="path2"
-     style="stroke-width:0.623521" />
-  <path
-     d="m 8.6235214,7.7640249 a 1.8705643,1.8705643 0 1 1 0,-3.7411286 1.8705643,1.8705643 0 0 1 0,3.7411286 z"
-     id="path4"
-     style="stroke-width:0.623521" />
-  <path
-     d="M 8.6235214,6.9874138 H 8.9352821 A 1.2470428,1.2470428 0 0 1 10.171725,8.071094 l 1.939152,-0.8617066 a 0.62352142,0.62352142 0 0 1 0.877294,0.5692751 V 12.431379 A 0.62352142,0.62352142 0 0 1 12.1115,13.000654 l -1.939775,-0.861706 a 1.2470428,1.2470428 0 0 1 -1.2364429,1.08368 H 4.2588715 A 1.2470428,1.2470428 0 0 1 3.0118286,11.975585 V 8.2344566 A 1.2470428,1.2470428 0 0 1 4.2588715,6.9874138 Z"
-     id="path6"
-     style="stroke-width:0.623521" />
-</svg>

public/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

src/components/Jumbo.astro

@@ -6,11 +6,13 @@ import Divider from "./Divider.astro"
 
 <header>
 	<section id={styles.jumbo}>
-		<h1>Henry Hiles</h1>
+		<div>
-		<Divider />
+			<h1>Henry Hiles</h1>
-		<span id={styles.shortAbout}>
+			<Divider />
-			Full Stack .NET Developer & Discord Bot Developer
+			<span id={styles.shortAbout}>
-		</span>
+				Full Stack .NET Developer & Discord Bot Developer
+			</span>
+		</div>
 		<RoundDivider />
 	</section>
 </header>

src/layouts/Layout.astro

@@ -14,7 +14,25 @@ const { page } = Astro.props
 	<head>
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width" />
-		<link rel="icon" href="/favicon.ico" />
+		<link rel="icon" href="/images/NewLogo.svg" />
+		<link
+			rel="apple-touch-icon"
+			sizes="180x180"
+			href="/images/apple-touch-icon.png"
+		/>
+		<link
+			rel="icon"
+			type="image/png"
+			sizes="32x32"
+			href="/images/favicon-32x32.png"
+		/>
+		<link
+			rel="icon"
+			type="image/png"
+			sizes="16x16"
+			href="/images/favicon-16x16.png"
+		/>
+		<link rel="manifest" href="/site.webmanifest" />
 		<meta name="generator" content={Astro.generator} />
 		<meta content="Henry Hiles" property="og:title" />
 		<meta
@@ -22,7 +40,7 @@ const { page } = Astro.props
 			property="og:description"
 		/>
 		<meta content="https://henryhiles.com" property="og:url" />
-		<meta content="/favicon.ico" property="og:image" />
+		<meta content="/images/favicon.ico" property="og:image" />
 		<meta content="#14bc9d" data-react-helmet="true" name="theme-color" />
 		<title>Henry Hiles - {page}</title>
 	</head>

src/styles/Jumbo.module.css

@@ -5,9 +5,9 @@
 	text-align: center;
 }
 
-#jumbo img {
+/* #jumbo > div {
-	width: 200px;
+	height: 100vh;
-}
+} */
 
 #jumbo i {
 	margin: 20px 0 30px;
@@ -17,3 +17,11 @@
 	display: block;
 	padding: 20px 10px;
 }
+
+#logo {
+	width: 25rem;
+}
+
+#logo {
+	color: aqua;
+}