Add favicons and site title

This commit is contained in:
Tanner Collin 2020-01-16 02:49:09 +00:00
parent d171f19d4e
commit 1a8b12ceb4
10 changed files with 178 additions and 18 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 707 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

96
webclient/public/icon.svg Normal file
View File

@ -0,0 +1,96 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="31.064936mm"
height="30.891571mm"
viewBox="0 0 31.064936 30.891571"
version="1.1"
id="svg1157"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
sodipodi:docname="icon.svg">
<defs
id="defs1151" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="3.959798"
inkscape:cx="86.043565"
inkscape:cy="92.475267"
inkscape:document-units="mm"
inkscape:current-layer="g266"
showgrid="false"
inkscape:window-width="1566"
inkscape:window-height="1249"
inkscape:window-x="1566"
inkscape:window-y="489"
inkscape:window-maximized="0"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0" />
<metadata
id="metadata1154">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-69.950556,-107.69166)">
<g
id="g266"
transform="matrix(0.35277777,0,0,-0.35277777,92.750072,123.57009)"
style="fill:#000000">
<path
d="M -26.876795,29.479726 7.2646649,-4.6617341 8.1085636,-3.8178354 C 17.536604,5.6102053 17.814803,24.958515 10.902942,32.312363 3.1037216,40.610312 -16.604854,39.751665 -26.032897,30.323625 Z M 8.0153969,-17.231106 -32.786116,23.570406 -39.679759,16.676763 0.88681143,-23.889808 -17.591204,-42.367825 l -9.285591,9.285593 -7.175168,-7.175168 -5.768219,5.768219 7.034743,7.034743 -16.789544,16.789542 -7.034743,-7.034743 -5.675052,5.675054 7.034743,7.0347427 -9.097908,9.0979081 6.002485,6.0024862 40.800837,-40.800838 6.753219,6.75322 -40.800836,40.800837 18.970853,18.970852 c 12.937312,12.937312 43.995265,10.184108 50.44925,3.977476 6.783963,-6.523963 9.339317,-37.8914192 -3.597996,-50.828732 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.95476288"
id="path268"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccssscccccccccccccccccccsssc" />
<rect
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.71351814;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5440-5-3"
width="3.9774756"
height="20.455589"
x="-17.662691"
y="53.280285"
transform="matrix(0.70710678,-0.70710678,-0.70710678,-0.70710678,0,0)" />
<rect
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.71351814;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5440-5-3-5"
width="3.9774756"
height="20.455589"
x="-3.407634"
y="50.888866"
transform="matrix(0.42261826,-0.90630779,-0.90630779,-0.42261826,0,0)" />
<rect
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.71351814;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5440-5-3-6"
width="3.9774756"
height="20.455589"
x="-29.643902"
y="40.092987"
transform="matrix(0.90630779,-0.42261826,-0.42261826,-0.90630779,0,0)" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.9 KiB

View File

@ -2,29 +2,21 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<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="theme-color" content="#ffffff">
<meta <meta
name="description" name="description"
content="Web site created using create-react-app" content="Protospace Member Portal"
/> />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will <title>Protospace Member Portal</title>
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css" /> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css" />
</head> </head>

View File

@ -0,0 +1,53 @@
<?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="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.11, written by Peter Selinger 2001-2013
</metadata>
<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M4559 6996 c-2 -2 -49 -7 -104 -10 -55 -4 -118 -9 -140 -11 -68 -7
-139 -15 -165 -19 -14 -3 -59 -10 -100 -16 -41 -7 -84 -14 -95 -16 -11 -2 -36
-7 -55 -10 -60 -10 -312 -74 -390 -99 -271 -85 -613 -251 -755 -368 -11 -8
-51 -41 -90 -72 -74 -60 -1620 -1611 -1620 -1625 0 -5 563 -574 1250 -1265
688 -691 1415 -1423 1617 -1627 l367 -370 -266 -269 -267 -269 -25 23 c-14 12
-41 38 -60 58 -20 20 -596 600 -1281 1288 -685 689 -1388 1396 -1563 1572
l-318 320 -235 -237 c-129 -130 -234 -239 -234 -243 0 -3 160 -168 355 -365
195 -197 355 -361 355 -364 0 -3 -123 -128 -272 -279 -150 -150 -274 -277
-276 -281 -1 -4 99 -108 222 -231 l223 -223 280 281 279 282 668 -672 c367
-369 666 -673 664 -675 -2 -1 -128 -128 -280 -281 l-277 -278 229 -230 230
-230 286 286 286 286 369 -371 369 -371 730 735 c401 404 730 739 730 744 0 5
-270 279 -599 610 -330 330 -812 815 -1071 1076 -259 261 -712 716 -1006 1011
-294 295 -534 540 -534 545 0 11 533 545 542 542 14 -6 145 -137 2913 -2921
l330 -332 287 290 c158 159 295 301 305 315 9 14 20 27 23 30 22 17 130 176
188 277 132 232 259 575 316 858 24 120 26 128 31 160 3 17 7 41 10 55 14 76
17 99 30 220 4 36 9 76 11 90 19 114 26 644 11 864 -5 66 -10 122 -11 125 -2
3 -7 38 -10 76 -4 39 -9 86 -12 105 -12 83 -56 325 -59 330 -2 4 -6 17 -8 31
-33 178 -160 509 -231 604 -13 17 -25 35 -27 42 -8 22 -96 109 -149 147 -57
41 -221 126 -243 126 -7 0 -17 4 -23 9 -16 15 -222 78 -359 109 -154 35 -279
57 -435 77 -14 2 -61 7 -105 10 -44 4 -93 10 -110 12 -37 5 -641 13 -646 9z
m431 -569 c19 -3 58 -8 85 -12 157 -21 344 -72 485 -132 365 -156 584 -393
709 -770 32 -96 66 -231 76 -298 3 -23 8 -52 10 -65 3 -14 8 -54 11 -90 3 -36
9 -92 12 -125 12 -106 6 -348 -14 -515 -21 -189 -105 -533 -154 -635 -5 -11
-19 -45 -31 -75 -78 -204 -256 -476 -411 -628 l-54 -52 -1099 1106 c-605 608
-1216 1222 -1357 1364 l-257 259 77 74 c110 106 134 126 260 211 196 132 453
245 716 313 54 14 108 26 120 28 12 1 62 10 111 18 50 9 126 19 170 23 44 4
82 8 84 10 5 4 411 -4 451 -9z"/>
<path d="M1315 1911 c-22 -11 -74 -35 -115 -54 -41 -19 -120 -56 -175 -82
-103 -49 -346 -162 -470 -220 -38 -18 -131 -61 -205 -97 -74 -35 -183 -86
-242 -113 l-108 -50 0 -156 c0 -109 4 -160 13 -171 11 -14 25 -10 127 40 63
30 225 107 360 170 135 63 283 132 330 154 47 22 121 57 165 78 44 20 116 54
160 75 44 21 136 64 205 96 69 32 125 62 125 66 0 8 -37 90 -100 221 l-30 62
-40 -19z"/>
<path d="M1631 1450 c-12 -28 -39 -87 -60 -133 -35 -72 -179 -383 -264 -567
-88 -191 -233 -504 -264 -570 -68 -144 -75 -163 -61 -172 7 -4 84 -8 171 -8
l158 0 18 43 c10 23 37 80 58 127 52 111 94 201 128 275 87 189 93 202 186
400 109 234 239 519 236 521 -2 3 -161 77 -237 112 -19 8 -38 17 -41 19 -4 1
-16 -20 -28 -47z"/>
<path d="M578 814 c-315 -316 -573 -577 -573 -579 0 -3 49 -55 110 -116 l110
-111 573 577 574 577 -21 22 c-11 11 -60 62 -110 113 l-90 92 -573 -575z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -0,0 +1,19 @@
{
"name": "Spaceport",
"short_name": "Spaceport",
"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"
}