feat: added logo to README.md and web client

Automattic · Feb 16, 2024 · adc6686 · adc6686
1 parent aea25e4
commit adc6686
Show file tree

Hide file tree

Showing 17 changed files with 235 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,5 @@
 <div id="header" align="center">
+    <img src="logo.svg" width="400px" />
     <h1>Harper</h1>
 </div>
 

diff --git a/harper-core/dictionary.dict b/harper-core/dictionary.dict
@@ -12894,6 +12894,7 @@ attendant/SM
 attended/U
 attendee/SM
 attention/IM
+attentional
 attentions
 attentive/IPY
 attentiveness/IM

diff --git a/harper-core/src/linting/matcher.rs b/harper-core/src/linting/matcher.rs
@@ -101,6 +101,8 @@ impl Matcher {
         // This match list needs to be automatically expanded instead of explicitly defined
         // like it is now.
         let mut triggers = pt! {
+            "human","live" => "human life",
+            "eight","grade" => "eighth grade",
             "and","also" => "and",
             "todo" => "to-do",
             "To-Do" => "To-do",

diff --git a/logo.svg b/logo.svg
diff --git a/web/src/app.html b/web/src/app.html
@@ -3,7 +3,13 @@
 
 <head>
   <meta charset="utf-8" />
-  <link rel="icon" href="%sveltekit.assets%/favicon.png" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  <link rel="manifest" href="/site.webmanifest">
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+  <meta name="msapplication-TileColor" content="#da532c">
+  <meta name="theme-color" content="#ffffff">
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Write With Harper</title>
   %sveltekit.head%

diff --git a/web/src/lib/Logo.svelte b/web/src/lib/Logo.svelte
@@ -0,0 +1,105 @@
+<script lang="ts">
+	export let width = '100%';
+	export let height = '100%';
+</script>
+
+<svg
+	{width}
+	{height}
+	viewBox="0 0 695 411"
+	version="1.1"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	xml:space="preserve"
+	style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"
+	class="dark:text-white text-black"
+>
+	<g transform="matrix(1,0,0,1,-5,-1720)">
+		<g id="Artboard1" transform="matrix(0.824576,0,0,0.749254,0.365685,430.856)">
+			<rect x="5.62" y="1720.57" width="842.425" height="547.24" style="fill:none;" />
+			<g transform="matrix(1.21274,0,0,1.33466,-2183.71,393.157)">
+				<g transform="matrix(1,0,0,1,-22.3927,1.08043)">
+					<path
+						d="M1930.93,1121.75C1930.93,1121.75 1974.66,1080.73 2041.34,1094.1C2086.61,1103.18 2122.83,1145.4 2122.83,1145.4"
+						stroke="currentcolor"
+						fill="transparent"
+						stroke-width="22.92px"
+					/>
+				</g>
+				<g transform="matrix(1,0,0,1,-47.3485,12.3935)">
+					<path
+						d="M2250.3,1107.1C2250.3,1107.1 2261.8,1065.58 2311.59,1047.05C2361.62,1028.44 2422.42,1051.13 2422.42,1051.13"
+						stroke="currentcolor"
+						fill="transparent"
+						stroke-width="22.92px"
+					/>
+					/>
+				</g>
+				<g transform="matrix(1.10085,0,0,1.10085,-212.096,-122.054)">
+					<g transform="matrix(1,0,0,1,14.3186,-0.853887)">
+						<ellipse
+							cx="1981.62"
+							cy="1247.49"
+							rx="87.401"
+							ry="87.881"
+							stroke="currentcolor"
+							fill="transparent"
+							stroke-width="22.92px"
+						/>
+					</g>
+					<rect
+						x="2083.34"
+						y="1231.11"
+						width="66.702"
+						height="15.521"
+						stroke="currentcolor"
+						fill="transparent"
+						stroke-width="22.92px"
+					/>
+					<rect
+						x="1892.23"
+						y="1208.69"
+						width="16.306"
+						height="30.182"
+						stroke="currentcolor"
+						fill="transparent"
+						stroke-width="22.92px"
+					/>
+					<g transform="matrix(-1,0,0,1,4281.79,-0.853887)">
+						<ellipse
+							cx="1981.62"
+							cy="1247.49"
+							rx="87.401"
+							ry="87.881"
+							stroke="currentcolor"
+							fill="transparent"
+							stroke-width="22.92px"
+						/>
+					</g>
+					<g transform="matrix(-1,0,0,1,4296.11,0)">
+						<rect
+							x="2083.34"
+							y="1231.11"
+							width="66.702"
+							height="15.521"
+							stroke="currentcolor"
+							fill="transparent"
+							stroke-width="22.92px"
+						/>
+					</g>
+					<g transform="matrix(-1,0,0,1,4296.11,0)">
+						<rect
+							x="1892.23"
+							y="1208.69"
+							width="16.306"
+							height="30.182"
+							stroke="currentcolor"
+							fill="transparent"
+							stroke-width="22.92px"
+						/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</svg>
diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte
@@ -1,6 +1,7 @@
 <script>
 	import Editor from '$lib/Editor.svelte';
 	import GutterCenter from '$lib/GutterCenter.svelte';
+	import Logo from '$lib/Logo.svelte';
 	import { DarkMode } from 'flowbite-svelte';
 
 	let width = window.innerWidth;
@@ -13,30 +14,35 @@
 <div class="h-16" />
 
 <GutterCenter>
+	<div class="w-full flex flex-col items-center">
+		<Logo width="200px" />
+	</div>
 	<h1 class="text-5xl font-bold text-center dark:text-white">Hi. I’m Harper.</h1>
 	<h2 class="text-3xl text-center dark:text-white">The Grammar Checker for Developers</h2>
 	<h2 class="text-2xl font-light italic text-center dark:text-white">
 		Private. Free. Unobtrusive.
 	</h2>
 
 	<div class="flex flex-row justify-evenly mt-5">
-		<a href="https://github.com/chilipepperhott/harper"
+		<a
+			href="https://github.com/chilipepperhott/harper"
+			class="flex flex-row items-center [&>*]:m-2 dark:text-white"
 			><img
 				width="40"
 				height="40"
 				class="hover:scale-105 transition-all bg-white rounded-full"
 				src="/icons/github.svg"
 				alt="Project Repository"
-			/></a
+			/>GitHub</a
 		>
-		<a href="https://elijahpotter.dev"
+		<a href="https://elijahpotter.dev" class="flex flex-row items-center [&>*]:m-2 dark:text-white"
 			><img
 				width="40"
 				height="40"
 				class="hover:scale-105 transition-all"
 				src="/icons/profile.svg"
 				alt="Author"
-			/></a
+			/>Author</a
 		>
 	</div>
 

diff --git a/web/static/android-chrome-192x192.png b/web/static/android-chrome-192x192.png
diff --git a/web/static/android-chrome-512x512.png b/web/static/android-chrome-512x512.png
diff --git a/web/static/apple-touch-icon.png b/web/static/apple-touch-icon.png
diff --git a/web/static/browserconfig.xml b/web/static/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/web/static/favicon-16x16.png b/web/static/favicon-16x16.png
diff --git a/web/static/favicon-32x32.png b/web/static/favicon-32x32.png
diff --git a/web/static/favicon.ico b/web/static/favicon.ico
diff --git a/web/static/mstile-150x150.png b/web/static/mstile-150x150.png
diff --git a/web/static/safari-pinned-tab.svg b/web/static/safari-pinned-tab.svg
diff --git a/web/static/site.webmanifest b/web/static/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "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"
+}