mirror of
https://github.com/KevinMidboe/brewPi.git
synced 2025-10-29 08:40:13 +00:00
Feat: Logo (#3)
* Added new logo design * Favicon icons & header links * Logo max width on mobile * Logo as svg component. Replaces PageHeader component * Change favicon background to match website grey * Mobile center align logo & reduce max width
This commit is contained in:
GitHub
27
src/app.html
27
src/app.html
@@ -3,7 +3,32 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="description" content="" />
|
<meta name="description" content="" />
|
||||||
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
<link
|
||||||
|
rel="apple-touch-icon"
|
||||||
|
sizes="180x180"
|
||||||
|
href="%sveltekit.assets%/branding/favicon/apple-touch-icon.png"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
type="image/png"
|
||||||
|
sizes="32x32"
|
||||||
|
href="%sveltekit.assets%/branding/favicon/favicon-32x32.png"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
type="image/png"
|
||||||
|
sizes="16x16"
|
||||||
|
href="%sveltekit.assets%/branding/favicon/favicon-16x16.png"
|
||||||
|
/>
|
||||||
|
<link rel="manifest" href="%sveltekit.assets%/branding/favicon/site.webmanifest" />
|
||||||
|
<link
|
||||||
|
rel="mask-icon"
|
||||||
|
href="%sveltekit.assets%/branding/favicon/safari-pinned-tab.svg"
|
||||||
|
color="#f4400d"
|
||||||
|
/>
|
||||||
|
<meta name="msapplication-TileColor" content="#da532c" />
|
||||||
|
<meta name="theme-color" content="#f5f5f7" />
|
||||||
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
|
||||||
%sveltekit.head%
|
%sveltekit.head%
|
||||||
|
|||||||
188
src/lib/components/Logo.svelte
Normal file
188
src/lib/components/Logo.svelte
Normal file
@@ -0,0 +1,188 @@
|
|||||||
|
<div class="desktop-only">
|
||||||
|
<svg viewBox="137.787 793.176 2124.427 213.649" width="100%" height="100%">
|
||||||
|
<svg
|
||||||
|
version="1.0"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
x="0"
|
||||||
|
y="0"
|
||||||
|
width="2400"
|
||||||
|
height="1800"
|
||||||
|
viewBox="0 0 340.000000 250.000000"
|
||||||
|
preserveAspectRatio="xMidYMid meet"
|
||||||
|
color-interpolation-filters="sRGB"
|
||||||
|
transform="matrix(7.058824, 0, 0, 7.058824, 0, 17.647059)"
|
||||||
|
>
|
||||||
|
<g
|
||||||
|
fill="#f4400d"
|
||||||
|
class="iconblsvg-g iconsvg"
|
||||||
|
transform="translate(19.519760209321973,109.86655139923096)"
|
||||||
|
>
|
||||||
|
<g class="tp-name">
|
||||||
|
<g transform="translate(0, 0.19407204166975411)">
|
||||||
|
<g transform="scale(1.3000000000000003)">
|
||||||
|
<path
|
||||||
|
d="M4.74 1.74C8.09-1.09 9.99-4.01 9.99-6.06 9.99-9.29 5.36-11.37 5.36-13.06 5.36-14.44 7.78-17.31 9.99-19.44L7.05-21.24C3.04-17.91 0.94-14.76 0.94-12.8 0.94-9.71 5.62-7.65 5.62-5.73 5.62-3.9 3.57-1.87 1.69 0ZM12.99-9.71C12.99-3.9 17.1 0.31 22.77 0.31 23.79 0.31 24.78 0.16 25.71-0.13L25.71-3.85C24.85-3.41 23.84-3.25 22.77-3.25 18.82-3.25 16.73-6.61 16.73-9.71 16.73-12.88 18.71-16.16 22.77-16.16 23.84-16.16 24.85-15.95 25.71-15.56L25.71-19.26C24.78-19.57 23.79-19.73 22.77-19.73 17.07-19.73 12.99-15.54 12.99-9.71ZM29.36-19.52L29.36 0 32.92 0 32.92-11.09 40.49-11.09 40.49 0 44.06 0 44.06-19.52 40.49-19.52 40.49-14.68 32.92-14.68 32.92-19.52ZM51.01-3.57L51.01-19.52 47.44-19.52 47.44 0 58.53 0 58.53-3.57ZM67.51-3.49C65.4-3.49 62.46-5.05 62.09-8.95L76.28-8.95C76.28-15.17 72.82-19.52 67.35-19.54 62.38-19.57 58.4-15.17 58.4-9.73 58.4-4.29 62.38 0.08 67.61 0.08 70.97 0.08 74.04-1.98 75.6-4.63L73.08-6.9C71.57-4.4 69.85-3.49 67.51-3.49ZM67.35-15.98C69.38-15.95 71.26-15.15 72.09-12.44L62.51-12.44C63.45-14.94 65.63-16.01 67.35-15.98ZM85.36-19.57L78.62-19.57 78.62 0 82.19 0 82.19-3.93 84.81-3.93C89.03-3.93 93.92-6.45 93.92-11.61 93.92-16.76 89.26-19.57 85.36-19.57ZM85.1-7.5L82.19-7.5 82.19-16.01 85.1-16.01C88.46-16.01 90.36-14.24 90.36-11.61 90.36-9.24 88.46-7.5 85.1-7.5ZM103.14-19.57L96.4-19.57 96.4 0 99.96 0 99.96-3.93 102.59-3.93C106.81-3.93 111.7-6.45 111.7-11.61 111.7-16.76 107.04-19.57 103.14-19.57ZM102.88-7.5L99.96-7.5 99.96-16.01 102.88-16.01C106.23-16.01 108.13-14.24 108.13-11.61 108.13-9.24 106.23-7.5 102.88-7.5ZM122.11-3.49C120-3.49 117.06-5.05 116.69-8.95L130.88-8.95C130.88-15.17 127.42-19.52 121.95-19.54 116.98-19.57 113-15.17 113-9.73 113-4.29 116.98 0.08 122.21 0.08 125.57 0.08 128.64-1.98 130.2-4.63L127.68-6.9C126.17-4.4 124.45-3.49 122.11-3.49ZM121.95-15.98C123.98-15.95 125.86-15.15 126.69-12.44L117.11-12.44C118.05-14.94 120.23-16.01 121.95-15.98Z"
|
||||||
|
transform="translate(-0.940000057220459, 21.239999771118164)"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g transform="translate(171.9219970703125, 0)">
|
||||||
|
<g>
|
||||||
|
<g class="imagesvg">
|
||||||
|
<g>
|
||||||
|
<rect
|
||||||
|
fill="#f4400d"
|
||||||
|
fill-opacity="0"
|
||||||
|
stroke-width="2"
|
||||||
|
x="0"
|
||||||
|
y="0"
|
||||||
|
width="30.254487867794403"
|
||||||
|
height="30.26689729568563"
|
||||||
|
class="image-rect"></rect>
|
||||||
|
<svg
|
||||||
|
filter="url(#colors8373783178)"
|
||||||
|
x="0"
|
||||||
|
y="0"
|
||||||
|
width="30.254487867794403"
|
||||||
|
height="30.26689729568563"
|
||||||
|
filtersec="colorsf7497355054"
|
||||||
|
class="image-svg-svg primary"
|
||||||
|
style="overflow: visible;"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="4.992629051208496 5 54.01459503173828 54.03697204589844"
|
||||||
|
x="0px"
|
||||||
|
y="0px"
|
||||||
|
>
|
||||||
|
<g>
|
||||||
|
<path
|
||||||
|
d="M59,26.76l-.14-.56A27.53,27.53,0,0,0,32.69,5c-.46,0-.93,0-1.36,0A27.54,27.54,0,0,0,5.17,26.19L5,26.76a1.53,1.53,0,0,0,0,.3,1,1,0,0,0,.3.71,1,1,0,0,0,.7.29H6a23,23,0,0,0,2.78-.22,39.49,39.49,0,0,0,3.4,14.54l.9,2a1,1,0,0,0,.7.57L14,45a1,1,0,0,0,.67-.25l1-.91A24.24,24.24,0,0,0,16.93,48a22.7,22.7,0,0,0,3.29,5.59,1,1,0,0,0,.72.38H21a1,1,0,0,0,.71-.29l1.65-1.65.21-.23A18.81,18.81,0,0,0,26,55a19.18,19.18,0,0,0,5.09,3.72l.42.21a1,1,0,0,0,.9,0l.42-.21a18.86,18.86,0,0,0,7.56-6.85l.21.23,1.65,1.65A1,1,0,0,0,43,54h.06a1,1,0,0,0,.72-.38A22.7,22.7,0,0,0,47.07,48a24.24,24.24,0,0,0,1.25-4.19l1,.91A1,1,0,0,0,50,45l.21,0a1,1,0,0,0,.7-.57l.9-2a39.49,39.49,0,0,0,3.4-14.54,23.16,23.16,0,0,0,2.78.22.94.94,0,0,0,.71-.29,1,1,0,0,0,.3-.71V27A1,1,0,0,0,59,26.76ZM39.72,33.23l.15.29-.36,1.81a13.53,13.53,0,0,1-2.74,5.86,12.19,12.19,0,0,1-1,1l-.28.29A13.79,13.79,0,0,1,32,44.9a13.79,13.79,0,0,1-3.54-2.39l-.28-.29a13.37,13.37,0,0,1-3.69-6.88l-.36-1.82c.05-.1.1-.2.16-.3.26-.48.52-1,.77-1.45l.27-.53q.45-.93.87-1.89h0l.05,0,.23.21a12.72,12.72,0,0,0,1,.91,4.63,4.63,0,0,0,.42.32c.32.25.65.47,1,.69l.42.27a16.21,16.21,0,0,0,1.49.78l.78.34a1,1,0,0,0,.8,0l.79-.35a13.84,13.84,0,0,0,1.48-.77l.43-.28a11.11,11.11,0,0,0,1-.67c.15-.11.3-.22.44-.34.34-.27.66-.56,1-.86l.27-.25,0,0h0c.28.64.57,1.28.88,1.9.08.17.16.33.25.5C39.18,32.25,39.44,32.74,39.72,33.23ZM37.85,26.1c-.17.25-.33.5-.52.74a12.77,12.77,0,0,1-4.95,3.9l-.38.17-.37-.16a12.89,12.89,0,0,1-5-3.92c-.18-.23-.34-.48-.52-.75L26.08,26A12.69,12.69,0,0,1,24,19.39c4.3-4.36,6.75-8,8-12.06,1.24,4,3.69,7.7,8,12.06A12.84,12.84,0,0,1,37.85,26.1ZM25.72,7.78A26.06,26.06,0,0,1,30,7.08c-1.21,3.65-3.57,7.08-7.68,11.2l-3,2.65a20.25,20.25,0,0,1-6.19,3.78,20.87,20.87,0,0,1-3.56,1,21.19,21.19,0,0,1-2.28.3A25.46,25.46,0,0,1,25.72,7.78ZM14.36,42.34,14,41.56A37.65,37.65,0,0,1,10.77,27.5c.25-.05.5-.13.74-.19l.54-.15c.6-.17,1.19-.36,1.79-.59a22,22,0,0,0,6.8-4.14l1.51-1.34a14.74,14.74,0,0,0,2.28,6l.06.09.26.38-.09.21c-.32.8-.67,1.6-1.05,2.39l-.12.24c-.4.82-.83,1.63-1.3,2.43-.11.2-.23.4-.35.6a37.54,37.54,0,0,1-6.18,7.66c-.25.26-.52.51-.8.75Zm6.75,9.14a20.35,20.35,0,0,1-2.32-4.21,20.62,20.62,0,0,1-1.36-5.06c.48-.47,1-1,1.42-1.47l.11-.12c.49-.54,1-1.09,1.42-1.66.16-.19.31-.38.46-.58.34-.43.68-.88,1-1.33l.45-.64c.09-.14.19-.27.29-.41,0,.17.08.32.12.48s.07.31.12.46.13.43.2.64.09.28.14.42.17.44.26.66l.15.37c.12.26.25.51.38.77l.11.22c.17.32.36.64.55.95l.14.21c.16.23.32.47.49.7l.26.33.42.53.33.36c.11.12.22.25.34.37-.11.29-.23.56-.35.84s-.2.47-.31.69-.32.62-.48.92-.24.45-.37.67-.37.58-.57.87-.27.43-.42.64c-.27.37-.57.74-.87,1.1-.09.1-.16.21-.25.31a13.22,13.22,0,0,1-1,1.13ZM32,56.88a17.14,17.14,0,0,1-4.53-3.32A16.62,16.62,0,0,1,25,50.26c.2-.24.38-.5.57-.75s.19-.25.29-.38c.35-.49.68-1,1-1.52a3.9,3.9,0,0,0,.19-.35c.24-.41.47-.83.68-1.26l.26-.56c.08-.18.17-.35.25-.54l.11.08a14.93,14.93,0,0,0,1.34.9l.39.24c.51.29,1,.56,1.57.8a1,1,0,0,0,.8,0,15.44,15.44,0,0,0,1.57-.8l.4-.24c.44-.27.87-.56,1.28-.87l.16-.11c.08.19.17.36.25.54s.17.38.26.56c.21.42.43.83.66,1.24l.21.38c.31.51.64,1,1,1.5.1.14.21.27.31.4s.36.5.56.75A16.94,16.94,0,0,1,32,56.88Zm13.21-9.61a20.61,20.61,0,0,1-2.32,4.21l-.83-.84A13.61,13.61,0,0,1,41,49.5c-.4-.46-.77-.93-1.12-1.42-.12-.16-.22-.33-.33-.5s-.45-.65-.65-1-.23-.42-.35-.63-.35-.63-.5-1-.21-.46-.31-.69-.24-.55-.35-.83l.24-.26c0-.06.11-.11.16-.18s.34-.38.52-.59A14.33,14.33,0,0,0,39.38,41c.11-.17.19-.35.29-.53a11.3,11.3,0,0,0,.59-1.08c.11-.22.18-.45.28-.67s.29-.69.41-1,.14-.49.21-.73.19-.6.25-.91c.09.14.19.27.29.4s.3.44.46.66c.32.44.65.88,1,1.3l.48.61q.66.81,1.35,1.56l.18.22c.46.5.94,1,1.42,1.46A20.62,20.62,0,0,1,45.21,47.27ZM50,41.56l-.35.78-.5-.46c-.28-.24-.55-.49-.82-.76a37.58,37.58,0,0,1-6.16-7.66l-.37-.61c-.45-.79-.88-1.59-1.28-2.41l-.13-.25c-.37-.78-.72-1.58-1-2.38a1.8,1.8,0,0,1-.08-.21l.25-.39a14.69,14.69,0,0,0,2.34-6.12l1.5,1.34c.37.32.75.63,1.13.93.13.11.27.2.4.3l.78.56.5.32.73.45.56.31.72.39.6.28c.24.11.47.22.72.32l.62.25.73.27c.22.08.43.15.65.21l.75.23.65.16.34.09A37.65,37.65,0,0,1,50,41.56Zm4.44-15.85a20.16,20.16,0,0,1-9.75-4.78l-3-2.65c-4.11-4.12-6.47-7.55-7.68-11.2a26.72,26.72,0,0,1,4.28.7A25.47,25.47,0,0,1,56.72,26,21.38,21.38,0,0,1,54.43,25.71Z"
|
||||||
|
></path>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</svg>
|
||||||
|
<defs>
|
||||||
|
<filter id="colors8373783178">
|
||||||
|
<feColorMatrix
|
||||||
|
type="matrix"
|
||||||
|
values="0 0 0 0 0.953125 0 0 0 0 0.25 0 0 0 0 0.05078125 0 0 0 1 0"
|
||||||
|
class="icon-feColorMatrix "></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g fill="#2f2a76" transform="translate(205.1764850616455, 0.19407204166975411)">
|
||||||
|
<g transform="scale(1.3000000000000003)">
|
||||||
|
<path
|
||||||
|
d="M12-9.79C13.25-10.62 13.95-12.02 13.95-13.74 13.95-19.23 9.5-19.52 7.23-19.52L1.17-19.52 1.17 0 7.23 0C9.5 0 14.21-0.65 14.21-5.86 14.21-7.91 13.25-9.13 12-9.79ZM4.71-11.53L4.71-15.98 6.9-15.98C8.38-15.98 10.41-15.77 10.41-13.74 10.41-11.95 8.93-11.53 7.16-11.53ZM6.9-3.54L4.71-3.54 4.71-7.96 7.16-7.96C9.19-7.96 10.67-7.52 10.67-5.86 10.67-3.96 8.64-3.54 6.9-3.54ZM32.19-11.61C32.19-16.76 27.53-19.57 23.63-19.57L16.89-19.57 16.89 0 20.46 0 20.46-3.93 23.6-3.93C23.84-3.93 24.07-3.93 24.31-3.96L27.07 0 31.13 0 27.66-4.92C30.08-6.09 32.19-8.3 32.19-11.61ZM20.46-7.5L20.46-16.01 23.11-16.01C24.91-16.01 28.63-15.28 28.63-11.61 28.63-7.94 24.91-7.5 23.11-7.5ZM42.86-3.49C40.75-3.49 37.81-5.05 37.45-8.95L51.63-8.95C51.63-15.17 48.17-19.52 42.71-19.54 37.74-19.57 33.75-15.17 33.75-9.73 33.75-4.29 37.74 0.08 42.97 0.08 46.32 0.08 49.39-1.98 50.96-4.63L48.43-6.9C46.92-4.4 45.2-3.49 42.86-3.49ZM42.71-15.98C44.74-15.95 46.61-15.15 47.44-12.44L37.87-12.44C38.8-14.94 40.99-16.01 42.71-15.98ZM52.41-19.54L58.63 0.36 63.63-11.22 68.63 0.36 74.85-19.54 70.68-19.54 67.79-10.46 63.63-19.91 59.47-10.41 56.58-19.54Z"
|
||||||
|
transform="translate(-1.1700000762939453, 21.239999771118164)"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mobile-only">
|
||||||
|
<svg
|
||||||
|
viewBox="545.506 652.94 1308.988 494.119"
|
||||||
|
width="100%"
|
||||||
|
height="100%"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
version="1.0"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
x="0"
|
||||||
|
y="0"
|
||||||
|
width="2400"
|
||||||
|
height="1800"
|
||||||
|
viewBox="0 0 340.000000 250.000000"
|
||||||
|
preserveAspectRatio="xMidYMid meet"
|
||||||
|
color-interpolation-filters="sRGB"
|
||||||
|
transform="matrix(7.058824, 0, 0, 7.058824, 0, 17.647059)"
|
||||||
|
style=""
|
||||||
|
>
|
||||||
|
<g
|
||||||
|
fill="#f4400d"
|
||||||
|
class="icon-text-wrapper icon-svg-group iconsvg"
|
||||||
|
transform="translate(77.27999877929688,89.99988174438477)"
|
||||||
|
>
|
||||||
|
<g class="iconsvg-imagesvg" transform="translate(0,0)">
|
||||||
|
<g>
|
||||||
|
<svg
|
||||||
|
filter="url(#colors7759109557)"
|
||||||
|
x="0"
|
||||||
|
y="0"
|
||||||
|
width="60"
|
||||||
|
height="70.00023333411112"
|
||||||
|
filtersec="colorsf9850467616"
|
||||||
|
class="image-svg-svg primary"
|
||||||
|
style="overflow: visible;"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
version="1.1"
|
||||||
|
x="0px"
|
||||||
|
y="0px"
|
||||||
|
viewBox="14.000142097473145 8 71.99971008300781 84"
|
||||||
|
enable-background="new 0 0 100 100"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M16.723,52.83c1.909,0.178,2.384,0.161,3.399,0.153c0.682,9.052,4.603,16.156,4.789,16.487 c0.578,1.03,1.697,1.611,2.836,1.522c0.157-0.012,2.061-0.167,4.803-0.859c2.747,13.368,15.326,21.092,15.906,21.44 C48.932,91.858,49.465,92,50,92s1.068-0.142,1.544-0.428c0.58-0.348,13.159-8.072,15.906-21.44c2.741,0.693,4.646,0.848,4.803,0.859 c1.148,0.09,2.263-0.5,2.836-1.522c0.186-0.331,4.107-7.435,4.789-16.487c1.015,0.009,1.49,0.025,3.399-0.153 c1.636-0.151,2.845-1.589,2.713-3.227C84.451,30.394,70.504,15.676,53,14.152V11c0-1.657-1.343-3-3-3s-3,1.343-3,3v3.152 c-17.504,1.524-31.451,16.242-32.99,35.451C13.878,51.241,15.087,52.679,16.723,52.83z M29.265,64.716 c-1.077-2.426-2.801-7.033-3.179-12.309c1.473-0.276,4.102-0.964,6.17-1.783c0.508,3.546,2.048,7.807,4.579,11.62 C33.873,63.666,31.057,64.375,29.265,64.716z M49.994,85.366c-3.182-2.343-10.273-8.453-11.725-17.187 c0.78-0.34,1.572-0.72,2.372-1.146c3.806,4.069,7.498,6.35,7.815,6.54C48.932,73.858,49.465,74,50,74s1.068-0.142,1.544-0.428 c0.317-0.19,4.009-2.471,7.815-6.54c0.799,0.425,1.591,0.806,2.37,1.146C60.274,76.875,53.171,83.014,49.994,85.366z M49.994,67.366 c-6.35-4.679-11.666-11.733-11.96-19.655C42.277,45.046,46.895,40.6,50,35.549c3.106,5.053,7.736,9.505,11.966,12.161 C61.676,55.611,56.319,62.68,49.994,67.366z M70.735,64.716c-1.793-0.341-4.609-1.051-7.57-2.472 c2.503-3.772,4.058-7.986,4.579-11.62c2.068,0.819,4.696,1.507,6.17,1.783C73.537,57.683,71.812,62.289,70.735,64.716z M50,20 c14.518,0,27.018,11.629,29.625,26.996c-11.352-0.211-22.033-7.692-26.859-19.16C52.297,26.724,51.207,26,50,26 s-2.297,0.724-2.766,1.835C42.518,39.041,31.94,46.78,20.375,46.996C22.982,31.629,35.482,20,50,20z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</svg>
|
||||||
|
<defs>
|
||||||
|
<filter id="colors7759109557">
|
||||||
|
<feColorMatrix
|
||||||
|
type="matrix"
|
||||||
|
values="0 0 0 0 0.953125 0 0 0 0 0.25 0 0 0 0 0.05078125 0 0 0 1 0"
|
||||||
|
class="icon-feColorMatrix "></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g transform="translate(67,5.938072204589844)">
|
||||||
|
<g fill-rule="" class="tp-name iconsvg-namesvg">
|
||||||
|
<g transform="scale(1)">
|
||||||
|
<g>
|
||||||
|
<path
|
||||||
|
d="M7.5 0.31C11.37 0.31 14.73-1.93 14.73-5.44 14.73-11.69 4.55-11.53 4.55-14.44 4.55-15.67 6.09-16.42 7.5-16.42 9.16-16.42 10.57-15.43 10.57-14.24L14.39-14.24C14.39-18.09 10.85-19.73 7.5-19.73 3.57-19.73 0.75-17.57 0.75-14.55 0.75-8.15 10.93-8.9 10.93-5.44 10.93-4.11 9.73-3.25 7.76-3.25 5.47-3.25 4.37-4.84 4.37-6.3L0.52-6.3C0.52-2.42 3.57 0.31 7.5 0.31ZM16.27-9.76C16.27-4.35 20.48 0.29 25.71 0.29 28 0.29 30.11-0.57 31.75-1.98L29.56-4.87C28.5-4.03 27.25-3.46 25.63-3.46 22.2-3.46 20.14-6.61 20.14-9.76 20.14-12.91 22.2-16.06 25.63-16.06 27.25-16.06 28.52-15.51 29.56-14.65L31.75-17.54C30.11-18.95 28-19.8 25.71-19.8 20.48-19.8 16.27-15.17 16.27-9.76ZM33.88-19.52L33.88 0 37.45 0 37.45-5.75 45.02-5.75 45.02 0 48.59 0 48.59-19.52 45.02-19.52 45.02-9.34 37.45-9.34 37.45-19.52ZM59.21-5.83L68.34-5.83 68.34-9.11 62.46-9.11 62.46-10.93 66.52-10.93 67.07-14.16 62.46-14.16 62.46-16.29 68.34-16.29 68.34-19.57 59.21-19.57ZM51.97 0C57.51-1.54 60.59 0 63.66 0 66.02 0 68.34-0.31 70.08-1.33L68.91-4.48C67.77-3.83 66.31-3.28 63.66-3.28 60.66-3.28 59.96-4.22 55.54-3.7L55.54-19.52 51.97-19.52ZM80.21-19.57L71.65-19.57 71.65 0 75.21 0 75.21-6.53 79.66-6.53C83.88-6.53 86.95-9.19 86.95-13.04 86.95-16.89 84.11-19.57 80.21-19.57ZM83.25-13.04C83.25-10.67 80.96-10.1 79.17-10.1L75.21-10.1 75.21-16.01 79.17-16.01C80.96-16.01 83.25-15.41 83.25-13.04ZM97.98-19.57L89.42-19.57 89.42 0 92.99 0 92.99-6.53 97.44-6.53C101.65-6.53 104.72-9.19 104.72-13.04 104.72-16.89 101.89-19.57 97.98-19.57ZM101.03-13.04C101.03-10.67 98.74-10.1 96.94-10.1L92.99-10.1 92.99-16.01 96.94-16.01C98.74-16.01 101.03-15.41 101.03-13.04ZM118.96-15.95L118.96-19.52 107.07-19.52 107.07 0 118.96 0 118.96-3.57 110.63-3.57 110.63-7.34 116.38-7.34 116.9-10.88 110.63-10.88 110.63-15.95Z"
|
||||||
|
transform="translate(-0.5199999809265137, 19.799999237060547)"></path>
|
||||||
|
</g>
|
||||||
|
<g fill="#2f2a76" transform="translate(0,23.10999870300293)">
|
||||||
|
<g transform="scale(1.00731)">
|
||||||
|
<path
|
||||||
|
d="M20.41-19.56C23.46-20.99 24.22-23.42 24.22-25.93 24.22-32.7 16.1-33.64 12.2-33.64L2.42-33.64 2.42 0 12.65 0C16.55 0 26.47-1.12 26.47-11.04 26.47-15.12 24.09-18.26 20.41-19.56ZM8.52-22.34L8.52-27.86 13.55-27.86C16.15-27.86 18.35-27.5 18.35-25.21 18.35-22.7 16.55-22.34 13.32-22.34ZM13.1-5.88L8.52-5.88 8.52-16.42 13.32-16.42C16.55-16.42 19.96-15.48 19.96-10.86 19.96-6.46 15.93-5.88 13.1-5.88ZM76.22-7.36C73.53-5.56 70.3-4.89 65.67-4.89 58.72-4.89 53.79-7.27 49.21-12.16 53.61-13.77 56.43-17.41 56.43-22.25 56.43-28.89 51.54-33.73 44.81-33.73L30.06-33.73 30.06 0 36.2 0 36.2-11.26 41.41-11.26C48.13-2.96 56.57 0.76 65.67 0.76 71.1 0.76 76.26-0.09 79.45-2.47ZM77.07-15.7L66.93-15.7 66.93-18.84 73.93-18.84 74.87-24.4 66.93-24.4 66.93-28.08 77.07-28.08 77.07-33.73 61.32-33.73 61.32-10.05 77.07-10.05ZM36.2-27.59L43.02-27.59C46.12-27.59 50.02-26.51 50.02-22.43 50.02-18.35 46.12-17.41 43.02-17.41L36.2-17.41ZM120-33.69L113.72-33.69 106.05-14.13 102.86-21.76 107.89-33.69 101.61-33.69 99.72-29.16 97.84-33.69 91.56-33.69 96.63-21.67 93.53-14.13 85.73-33.69 79.45-33.69 93.22 1.03 99.72-14.36 106.23 1.03Z"
|
||||||
|
transform="translate(-2.4200000762939453, 33.72999954223633)"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@import '../../styles/media-queries.scss';
|
||||||
|
|
||||||
|
.mobile-only {
|
||||||
|
display: flex;
|
||||||
|
place-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.mobile-only > svg) {
|
||||||
|
max-width: 340px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.desktop-only {
|
||||||
|
display: grid;
|
||||||
|
max-height: 80px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -1,27 +0,0 @@
|
|||||||
<div class="page-header">
|
|
||||||
<h1>Schleppe Brew</h1>
|
|
||||||
<span class="subtitle">Monitor beer brewing refridgerator</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style lang="scss" module="scoped">
|
|
||||||
@import '../../styles/media-queries.scss';
|
|
||||||
|
|
||||||
.page-header {
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
font-family: 'Overpass';
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 3rem;
|
|
||||||
margin-bottom: 0.2rem;
|
|
||||||
|
|
||||||
@include tablet {
|
|
||||||
font-size: 5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.subtitle {
|
|
||||||
font-size: 2rem;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import PageHeader from '../lib/components/PageHeader.svelte';
|
import Logo from '../lib/components/Logo.svelte';
|
||||||
import VerticalSensorDisplay from '../lib/components/VerticalSensorDisplay.svelte';
|
import VerticalSensorDisplay from '../lib/components/VerticalSensorDisplay.svelte';
|
||||||
// import Livestream from '$lib/components/Livestream.svelte'
|
// import Livestream from '$lib/components/Livestream.svelte'
|
||||||
import BrewProgress from '../lib/components/BrewProgress.svelte';
|
import BrewProgress from '../lib/components/BrewProgress.svelte';
|
||||||
@@ -10,7 +10,7 @@
|
|||||||
const { inside, outside, relays } = data;
|
const { inside, outside, relays } = data;
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<PageHeader />
|
<Logo />
|
||||||
|
|
||||||
<div class="vertical-grid">
|
<div class="vertical-grid">
|
||||||
<BrewProgress />
|
<BrewProgress />
|
||||||
|
|||||||
BIN
static/branding/favicon/android-chrome-192x192.png
Normal file
BIN
static/branding/favicon/android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
static/branding/favicon/apple-touch-icon.png
Normal file
BIN
static/branding/favicon/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
9
static/branding/favicon/browserconfig.xml
Normal file
9
static/branding/favicon/browserconfig.xml
Normal 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>
|
||||||
BIN
static/branding/favicon/favicon-16x16.png
Normal file
BIN
static/branding/favicon/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 471 B |
BIN
static/branding/favicon/favicon-32x32.png
Normal file
BIN
static/branding/favicon/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 875 B |
BIN
static/branding/favicon/favicon.ico
Normal file
BIN
static/branding/favicon/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
static/branding/favicon/mstile-150x150.png
Normal file
BIN
static/branding/favicon/mstile-150x150.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
37
static/branding/favicon/safari-pinned-tab.svg
Normal file
37
static/branding/favicon/safari-pinned-tab.svg
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
<?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="200.000000pt" height="200.000000pt" viewBox="0 0 200.000000 200.000000"
|
||||||
|
preserveAspectRatio="xMidYMid meet">
|
||||||
|
<metadata>
|
||||||
|
Created by potrace 1.14, written by Peter Selinger 2001-2017
|
||||||
|
</metadata>
|
||||||
|
<g transform="translate(0.000000,200.000000) scale(0.100000,-0.100000)"
|
||||||
|
fill="#000000" stroke="none">
|
||||||
|
<path d="M956 1798 c-9 -12 -16 -39 -16 -60 0 -23 -5 -38 -12 -39 -166 -9
|
||||||
|
-356 -117 -473 -269 -50 -65 -121 -206 -130 -257 -3 -18 -9 -42 -13 -55 -5
|
||||||
|
-13 -10 -45 -11 -73 -2 -27 -5 -53 -7 -56 -5 -9 31 -40 53 -44 10 -2 30 -4 44
|
||||||
|
-4 14 -1 26 -7 26 -13 1 -92 68 -295 107 -327 15 -12 69 -12 115 0 8 3 20 -14
|
||||||
|
31 -47 40 -115 127 -235 230 -317 83 -66 109 -70 166 -28 123 90 227 227 264
|
||||||
|
349 l13 43 59 -7 c42 -5 62 -3 74 7 28 23 86 173 98 255 12 78 17 93 31 88 7
|
||||||
|
-3 31 0 53 5 35 10 40 15 44 46 2 19 -2 63 -10 97 -7 35 -15 74 -18 88 -3 14
|
||||||
|
-27 70 -54 125 -100 205 -282 347 -492 386 l-68 12 0 42 c0 28 -6 47 -18 58
|
||||||
|
-26 24 -68 21 -86 -5z m159 -223 c59 -10 173 -66 233 -114 109 -87 194 -227
|
||||||
|
227 -375 l6 -29 -50 6 c-106 13 -244 77 -322 151 -48 45 -102 117 -135 179
|
||||||
|
-32 62 -64 87 -96 74 -9 -3 -35 -40 -58 -83 -41 -75 -173 -224 -198 -224 -6 0
|
||||||
|
-12 -4 -14 -8 -3 -10 -109 -61 -142 -69 -61 -15 -136 -26 -142 -20 -12 11 44
|
||||||
|
166 82 228 88 145 239 258 380 283 15 3 28 7 31 9 6 6 152 1 198 -8z m-56
|
||||||
|
-371 c29 -36 79 -86 112 -111 50 -39 59 -51 59 -77 0 -43 -28 -120 -66 -182
|
||||||
|
-30 -47 -149 -174 -165 -174 -4 0 -38 31 -76 69 -80 80 -140 187 -149 266 l-6
|
||||||
|
50 60 47 c33 26 84 76 113 112 29 36 55 66 59 66 4 0 30 -30 59 -66z m405
|
||||||
|
-292 c-15 -101 -52 -205 -70 -198 -7 3 -32 10 -56 16 -81 22 -81 23 -49 88 16
|
||||||
|
31 37 82 45 113 l17 56 59 -19 60 -20 -6 -36z m-801 41 c10 -55 16 -72 46
|
||||||
|
-132 27 -55 28 -62 13 -70 -14 -7 -119 -41 -128 -41 -4 0 -24 64 -22 70 1 3
|
||||||
|
-4 14 -10 26 -6 11 -14 34 -17 50 -19 101 -20 99 29 108 16 3 31 8 34 11 3 3
|
||||||
|
15 5 28 5 16 0 23 -7 27 -27z m198 -330 c50 -48 117 -93 138 -93 23 0 68 30
|
||||||
|
128 84 43 39 56 46 78 40 23 -6 26 -10 20 -33 -8 -32 -59 -144 -77 -168 -28
|
||||||
|
-36 -140 -143 -150 -143 -6 0 -43 33 -82 73 -100 102 -171 251 -127 269 27 11
|
||||||
|
31 9 72 -29z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.2 KiB |
14
static/branding/favicon/site.webmanifest
Normal file
14
static/branding/favicon/site.webmanifest
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
{
|
||||||
|
"name": "",
|
||||||
|
"short_name": "",
|
||||||
|
"icons": [
|
||||||
|
{
|
||||||
|
"src": "/android-chrome-192x192.png",
|
||||||
|
"sizes": "192x192",
|
||||||
|
"type": "image/png"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"theme_color": "#f5f5f7;",
|
||||||
|
"background_color": "#f5f5f7;",
|
||||||
|
"display": "standalone"
|
||||||
|
}
|
||||||
BIN
static/branding/logo-2.png
Normal file
BIN
static/branding/logo-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
static/branding/logo.png
Normal file
BIN
static/branding/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
static/branding/logo_landscape-2.png
Normal file
BIN
static/branding/logo_landscape-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
static/branding/logo_landscape.png
Normal file
BIN
static/branding/logo_landscape.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Reference in New Issue
Block a user