feat: added logo to README.md and web client

This commit is contained in:
Elijah Potter 2024-02-15 09:15:48 -07:00
parent aea25e4328
commit adc66867cc
17 changed files with 235 additions and 5 deletions

View file

@ -1,4 +1,5 @@
<div id="header" align="center">
<img src="logo.svg" width="400px" />
<h1>Harper</h1>
</div>

View file

@ -12894,6 +12894,7 @@ attendant/SM
attended/U
attendee/SM
attention/IM
attentional
attentions
attentive/IPY
attentiveness/IM

View file

@ -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",

34
logo.svg Normal file
View file

@ -0,0 +1,34 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" 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" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;" fill="#ffffff">
<rect x="0" y="0" fill="#FFFFFF" width="695" height="411" rx="15"/>
<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" style="fill:none;stroke:black;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" style="fill:none;stroke:black;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" style="fill:none;stroke:black;stroke-width:20.82px;"/>
</g>
<rect x="2083.34" y="1231.11" width="66.702" height="15.521" style="fill:none;stroke:black;stroke-width:20.82px;"/>
<rect x="1892.23" y="1208.69" width="16.306" height="30.182" style="fill:none;stroke:black;stroke-width:20.82px;"/>
<g transform="matrix(-1,0,0,1,4281.79,-0.853887)">
<ellipse cx="1981.62" cy="1247.49" rx="87.401" ry="87.881" style="fill:none;stroke:black;stroke-width:20.82px;"/>
</g>
<g transform="matrix(-1,0,0,1,4296.11,0)">
<rect x="2083.34" y="1231.11" width="66.702" height="15.521" style="fill:none;stroke:black;stroke-width:20.82px;"/>
</g>
<g transform="matrix(-1,0,0,1,4296.11,0)">
<rect x="1892.23" y="1208.69" width="16.306" height="30.182" style="fill:none;stroke:black;stroke-width:20.82px;"/>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View file

@ -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%

105
web/src/lib/Logo.svelte Normal file
View file

@ -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>

View file

@ -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,6 +14,9 @@
<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. Im 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">
@ -20,23 +24,25 @@
</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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3 KiB

View file

@ -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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 624 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

BIN
web/static/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

View file

@ -0,0 +1,47 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="1390.000000pt" height="1390.000000pt" viewBox="0 0 1390.000000 1390.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.14, written by Peter Selinger 2001-2017
</metadata>
<g transform="translate(0.000000,1390.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M9715 10125 c-560 -60 -1067 -292 -1449 -664 -190 -186 -322 -364
-430 -577 -124 -245 -144 -356 -80 -446 48 -69 103 -101 178 -106 36 -2 81 1
102 8 57 19 116 85 144 160 149 408 473 756 895 960 304 148 543 199 950 207
210 4 278 1 427 -16 279 -33 553 -91 788 -166 172 -56 253 -46 330 42 80 91
81 211 4 301 -56 66 -120 92 -409 167 -268 70 -521 114 -770 135 -161 13 -532
11 -680 -5z"/>
<path d="M3600 9334 c-236 -20 -435 -51 -580 -91 -329 -89 -634 -229 -900
-411 -237 -163 -297 -235 -288 -351 8 -119 100 -210 217 -219 73 -5 120 15
216 92 239 193 577 358 902 440 362 92 791 93 1153 2 411 -104 891 -407 1305
-825 152 -154 193 -181 272 -181 95 0 164 38 210 118 37 63 39 155 4 222 -29
55 -283 310 -441 441 -623 519 -1177 745 -1865 763 -88 2 -180 2 -205 0z"/>
<path d="M3495 8114 c-361 -33 -572 -88 -840 -218 -362 -177 -684 -468 -894
-811 l-43 -70 -232 0 c-218 0 -233 -1 -272 -22 -55 -29 -111 -93 -124 -143 -7
-27 -10 -168 -8 -424 l3 -383 30 -49 c19 -29 49 -60 78 -78 42 -26 59 -30 147
-34 l100 -5 0 -36 c0 -20 7 -93 15 -161 78 -630 424 -1190 955 -1545 169 -113
385 -214 575 -270 205 -60 315 -76 555 -82 246 -6 356 5 560 52 444 105 879
379 1168 737 150 186 291 439 367 658 41 117 90 323 100 418 l7 62 1203 0
1203 0 12 -82 c69 -473 288 -900 636 -1240 233 -228 517 -401 825 -502 240
-79 411 -106 674 -106 263 0 434 27 675 106 666 219 1191 760 1393 1434 48
163 87 387 87 511 l0 46 100 5 c88 4 105 8 147 34 26 16 61 49 78 73 l30 43 3
401 3 400 -26 53 c-14 28 -40 63 -58 76 -66 50 -87 53 -329 53 -126 0 -228 3
-228 7 0 13 -139 216 -201 293 -291 361 -703 622 -1167 739 -306 78 -693 78
-1007 2 -733 -179 -1330 -733 -1555 -1446 l-27 -85 -1265 -3 -1266 -2 -42 122
c-158 464 -451 844 -855 1113 -274 182 -575 296 -896 339 -119 16 -326 26
-394 20z m440 -503 c348 -76 633 -235 881 -494 230 -238 386 -547 444 -880 19
-111 21 -150 17 -334 -5 -226 -18 -310 -77 -493 -122 -375 -396 -718 -737
-924 -249 -150 -501 -223 -799 -233 -263 -9 -439 19 -671 107 -219 82 -416
212 -593 390 -241 242 -396 540 -467 895 -28 140 -26 473 4 620 34 164 75 284
153 440 88 176 176 300 310 435 254 257 540 409 905 480 144 28 485 23 630 -9z
m6695 1 c514 -112 942 -440 1170 -897 423 -849 87 -1871 -755 -2290 -237 -118
-414 -163 -680 -172 -106 -4 -208 -1 -269 6 -564 66 -1055 415 -1311 929 -65
131 -104 241 -141 397 -26 113 -28 134 -28 355 -1 254 9 328 71 525 139 440
466 815 885 1015 155 74 285 113 508 154 14 2 122 3 240 2 174 -2 233 -7 310
-24z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

View file

@ -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"
}