optimize some assets and work on code page

This commit is contained in:
a 2022-01-05 18:18:11 -06:00
parent 2297d80c3f
commit c438873b28
13 changed files with 146 additions and 127 deletions

View file

@ -0,0 +1,23 @@
.terminal {
&:after {
content: '';
background: repeating-linear-gradient(
0deg,
rgba(black, 0.15),
rgba(black, 0.15) 1px,
transparent 2px,
transparent 4px
);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
position: relative;
background: radial-gradient(circle at bottom, #455a48, black, black);
text-shadow: 0 0 5px #C8C8C8;
color: rgb(143, 255, 143);
font-family: monospace;
}

View file

@ -12,16 +12,16 @@
font-weight: 700; font-weight: 700;
color: #ddd; color: #ddd;
position: absolute; position: absolute;
top: -1em; top: -1.25em;
left: 0em; left: 0em;
z-index: -1; z-index: -1;
} }
a { a {
position: absolute; position: absolute;
top: -1em; top: -1.25em;
width: 100%;
color: #ddd; color: #ddd;
display: block; display: block;
width: 100%;
} }
position: relative; position: relative;
margin-top: 2rem; margin-top: 2rem;
@ -47,6 +47,14 @@
font-size: 2em; font-size: 2em;
} }
} }
#intro {
.tagline {
font-size: clamp(1.5em,6vw,3em);
font-weight: 700;
margin-bottom: 0.5em;
}
.blurb {}
}
#gitea { #gitea {
margin-top: 4em; margin-top: 4em;
svg { svg {
@ -208,8 +216,8 @@
grid-template-areas: "icon title" "icon summary"; grid-template-areas: "icon title" "icon summary";
grid-template-columns: 3em 1fr; grid-template-columns: 3em 1fr;
&__link { &__link {
text-decoration: none; grid-area: title;
display: contents; max-width: max-content;
} }
&__icon { &__icon {
grid-area: icon; grid-area: icon;
@ -222,14 +230,6 @@
} }
&__title { &__title {
font-weight: 700; font-weight: 700;
grid-area: title;
text-decoration: underline;
text-decoration-thickness: 0.125em;
text-decoration-offset: 0.125em;
&:hover {
text-decoration-thickness: 0.25em;
text-decoration-offset: 0.25em;
}
font-size: 1.2em; font-size: 1.2em;
} }
&__summary { &__summary {
@ -248,7 +248,8 @@
} }
align-items: center; align-items: center;
&__link { &__link {
display: contents; grid-area: title;
max-width: max-content;
} }
&__icon { &__icon {
grid-area: icon; grid-area: icon;
@ -261,15 +262,7 @@
} }
&__title { &__title {
font-weight: 700; font-weight: 700;
grid-area: title;
text-decoration: underline;
font-size: 1.2em;
text-decoration-thickness: 0.125em;
text-decoration-offset: 0.125em;
&:hover {
text-decoration-thickness: 0.25em;
text-decoration-offset: 0.25em;
}
} }
&__summary { &__summary {
line-height: 1.4; line-height: 1.4;

View file

@ -15,6 +15,7 @@
@import "components/intro.scss"; @import "components/intro.scss";
@import "components/praise.scss"; @import "components/praise.scss";
@import "components/devices.scss"; @import "components/devices.scss";
@import "components/terminal.scss";
@import "content/index.scss"; @import "content/index.scss";
@import "content/work.scss"; @import "content/work.scss";

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 140 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 5 KiB

View file

@ -1,8 +1,8 @@
{{ define "main" }} {{ define "main" }}
<main id="code"> <main id="code">
<header class="section page-header"> <header class="section page-header" id="intro">
<div class="container"> <div class="container">
<h1 class="title">check out some of the code i've written.</h1> <h1 class="tagline">i like to participate in the world of free and libre open source software.</h1>
<div id="gitea" class="explainer"> <div id="gitea" class="explainer">
<div class="image"> <div class="image">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 2240 1792"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 2240 1792">
@ -31,15 +31,16 @@
{{ if not (in .Params.tags "pull request") }} {{ if not (in .Params.tags "pull request") }}
<a class="project {{ .Permalink | relURL | anchorize }}" href="{{ .Permalink }}"> <a class="project {{ .Permalink | relURL | anchorize }}" href="{{ .Permalink }}">
{{ with .Params.cover }}
<img width=280 class="project__image" src="{{.}}">
{{end}}
<h3 class="project__title">{{ .Title }}</h3> <h3 class="project__title">{{ .Title }}</h3>
<p class="project__summary">{{.Summary}}</p> <p class="project__summary">{{.Summary}}</p>
{{ with .Params.cover }}
<img width=280 class="project__image" src="{{.}}">
{{end}}
<!--datetime class="project__date">{{ .Date.Format "January 2, 2006" }}</datetime--> <!--datetime class="project__date">{{ .Date.Format "January 2, 2006" }}</datetime-->
<span class="project__hint">Read more</span> <span class="project__hint">Read more</span>
</a> </a>
{{ end }} {{ end }}
{{ end }} {{ end }}
@ -52,37 +53,37 @@
<section class="contribution-list"> <section class="contribution-list">
{{ range where .Pages ".Params.tags" "intersect" (slice "pull request") }} {{ range where .Pages ".Params.tags" "intersect" (slice "pull request") }}
<article class="pr {{ .Permalink | relURL | anchorize }}"> <article class="pr {{ .Permalink | relURL | anchorize }}">
{{ partial "pr-icon" . }}
<a class="pr__link" href="{{ .Permalink }}"> <a class="pr__link" href="{{ .Permalink }}">
{{ partial "pr-icon" . }}
<h3 class="pr__title">{{ .Title }}</h3> <h3 class="pr__title">{{ .Title }}</h3>
</a> </a>
<p class="pr__summary">{{.Summary}}</p> <p class="pr__summary">{{.Summary}}</p>
</article> </article>
{{ end }} {{ end }}
<article class="commit pixelfed-docs"> <article class="commit pixelfed-docs">
{{ partial "commit-icon" . }}
<a href="https://github.com/pixelfed/docs/commits?author=trwnh" class="commit__link"> <a href="https://github.com/pixelfed/docs/commits?author=trwnh" class="commit__link">
{{ partial "commit-icon" . }}
<h3 class="commit__title">pixelfed/docs</h3> <h3 class="commit__title">pixelfed/docs</h3>
</a> </a>
<p class="commit__summary">59 commits</p> <p class="commit__summary">59 commits</p>
</article> </article>
<article class="commit pixelfed"> <article class="commit pixelfed">
{{ partial "commit-icon" . }}
<a href="https://github.com/pixelfed/pixelfed/commits?author=trwnh" class="commit__link"> <a href="https://github.com/pixelfed/pixelfed/commits?author=trwnh" class="commit__link">
{{ partial "commit-icon" . }}
<h3 class="commit__title">pixelfed/pixelfed</h3> <h3 class="commit__title">pixelfed/pixelfed</h3>
</a> </a>
<p class="commit__summary">57 commits</p> <p class="commit__summary">57 commits</p>
</article> </article>
<article class="commit mastodon"> <article class="commit mastodon">
{{ partial "commit-icon" . }}
<a href="https://github.com/mastodon/mastodon/commits?author=trwnh" class="commit__link"> <a href="https://github.com/mastodon/mastodon/commits?author=trwnh" class="commit__link">
{{ partial "commit-icon" . }}
<h3 class="commit__title">mastodon/mastodon</h3> <h3 class="commit__title">mastodon/mastodon</h3>
</a> </a>
<p class="commit__summary">18 commits</p> <p class="commit__summary">18 commits</p>
</article> </article>
<article class="commit mastodocs"> <article class="commit mastodocs">
{{ partial "commit-icon" . }}
<a href="https://github.com/mastodon/documentation/commits?author=trwnh" class="commit__link"> <a href="https://github.com/mastodon/documentation/commits?author=trwnh" class="commit__link">
{{ partial "commit-icon" . }}
<h3 class="commit__title">mastodon/documentation</h3> <h3 class="commit__title">mastodon/documentation</h3>
</a> </a>
<p class="commit__summary">13 commits</p> <p class="commit__summary">13 commits</p>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 22 KiB

View file

@ -0,0 +1,93 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1920"
height="1080"
viewBox="0 0 507.99999 285.75001"
version="1.1"
id="svg5"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
sodipodi:docname="puzzlehead.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="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
units="px"
width="1920px"
inkscape:zoom="1.8101934"
inkscape:cx="1878.2524"
inkscape:cy="553.53203"
inkscape:window-width="2560"
inkscape:window-height="1568"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<inkscape:grid
type="xygrid"
id="grid22421" />
</sodipodi:namedview>
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<path
style="fill:#676767;fill-opacity:0.968926;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 379.99616,102.1188 c -5.41242,-0.74694 -10.77612,-0.094 -15.98515,5.00347 -2.37812,8.53184 -1.94546,19.14811 -15.99578,19.02399 l 2.51635,-9.51858 c 4.20769,-0.60685 8.65698,-2.28604 14.22072,-14.58622 l 9.04996,-2.406067 z"
id="path19623"
sodipodi:nodetypes="ccccccc" />
<path
id="path213"
style="fill:#000000;fill-opacity:0.500118;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 296.55817,111.90532 c -34.1174,-0.16076 -66.94938,19.19356 -67.045,63.3274 -5.33668,9.31504 -12.19347,26.27912 -12.49743,42.27804 0.53524,3.03565 5.13303,6.38216 17.62425,4.9103 1.70001,3.19888 1.48306,6.25934 0.78548,9.73584 -3.02556,1.22823 -3.25052,7.82492 1.99471,10.00094 -3.96301,-0.32736 -3.78566,11.54494 3.63544,11.31972 -2.28333,8.74627 -2.20049,19.46038 3.26388,20.91397 11.78843,4.90526 30.18059,-6.80746 35.90737,-1.95337 6.26115,4.53588 7.01381,26.19417 8.81393,34.62993 l 46.29847,0.34208 c -8.40009,-14.62751 -20.34011,-42.94044 -11.92485,-47.73764 94.55736,-89.25168 31.94184,-147.49016 -26.85625,-147.76721 z m 7.85543,24.71134 c 3.87221,0.0457 7.54991,2.80701 5.97948,9.41234 l 14.0348,-3.45095 3.48144,12.70672 c -15.85781,-3.07819 -9.15568,20.33767 2.543,9.87175 l 3.5171,12.82815 -14.45545,3.86075 c 3.2183,-15.56238 -20.19709,-8.65683 -9.57616,2.4536 l -14.46889,3.78064 -3.4463,-13.05036 c -12.25079,11.5034 -18.02236,-13.85555 -2.43602,-9.40408 l -3.36879,-13.00696 14.18518,-3.79511 c -6.96748,-7.23234 -1.29575,-12.26917 4.01061,-12.20649 z"
sodipodi:nodetypes="scccccccccccssccccccccccccs" />
<path
style="fill:#cdcdcd;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 391.61576,109.70565 c -5.16698,-4.01146 -11.70521,-7.80525 -20.78098,-11.196237 l -8.3293,-0.0693 c -12.70745,15.768317 -22.99863,11.120777 -26.82278,9.020467 1.40757,-6.75823 3.01306,-13.489353 10.39337,-17.266117 l 22.90318,-3.146792 22.13552,6.78253 z"
id="path14357"
sodipodi:nodetypes="cccccccc" />
<path
style="fill:#9a9a9a;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 373.80226,99.635393 -9.04996,2.406067 c -7.12457,17.94414 -15.55081,15.87567 -26.9806,12.37034 l 2.49172,-5.05274 c 11.29356,1.72078 17.24365,-6.33703 22.24206,-10.918967 l 8.3293,0.0693 z"
id="path17811"
sodipodi:nodetypes="ccccccc" />
<path
style="fill:#ffffff;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 326.24349,72.453136 c 2.43526,16.477242 11.44453,17.124177 20.47047,17.730996 12.40127,1.472657 25.71636,1.121248 36.32073,6.180731 3.62135,2.43499 5.80547,5.344547 7.11909,8.541537 1.32731,7.17571 0.1792,11.78854 -1.13602,16.22836 l -16.92724,4.84594 c -22.01697,-5.61291 -28.7433,5.53446 -29.15695,13.88186 l 29.19706,4.60131 36.84145,-4.77375 25.97515,-6.06557 -7.14195,-28.24037 -3.93676,-1.40584 C 413.76376,92.978304 406.4288,87.697546 399.20803,82.652569 l -31.78757,-9.469594 z"
id="path8018"
sodipodi:nodetypes="ccccccccccccccc" />
<path
style="fill:#ffff00;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 314.75279,135.75448 -3.44611,-13.05062 c -12.25079,11.5034 -18.02249,-13.85519 -2.43615,-9.40372 l -3.36849,-13.00709 14.18518,-3.794997 c -12.05186,-12.509992 13.71257,-18.451269 9.99006,-2.794188 l 14.03482,-3.451275 3.48136,12.7069 c -15.85781,-3.078187 -9.15571,20.3377 2.54297,9.87176 l 3.51716,12.82835 -14.4553,3.86031 c 3.2183,-15.56239 -20.19737,-8.65683 -9.57644,2.45361 z"
id="path4641"
sodipodi:nodetypes="ccccccccccccc" />
<path
style="fill:#163159;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 435.91023,137.36354 -8.85211,-34.61616 3.59422,-0.39886 c 3.56243,11.26533 5.95568,22.53073 8.95257,33.85754 z"
id="path8680"
sodipodi:nodetypes="ccccc" />
<path
style="fill:#15498b;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 440.2189,140.00482 39.23111,-11.43414 10.51093,-14.02583 -52.16817,15.12687 z"
id="path11041"
sodipodi:nodetypes="ccccc" />
<path
style="fill:#153e71;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 429.35405,98.496523 8.72274,32.465497 51.88415,-16.41717 -9.4186,-29.177767 z"
id="path11505"
sodipodi:nodetypes="ccccc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.1 KiB

View file

@ -1,93 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg viewBox="0 0 508 285.8" xmlns="http://www.w3.org/2000/svg"><path style="fill:#676767;fill-opacity:.968926" d="M380 102c-5-1-11 0-16 5-2 9-2 19-16 19l3-9c4-1 8-3 14-15l9-2z"/><path style="fill:#000;fill-opacity:.500118" d="M297 112c-35 0-67 19-67 63-6 10-13 27-13 43 1 3 5 6 18 4v10c-3 1-3 8 2 10-4 0-3 12 4 11-2 9-2 20 3 21 12 5 31-6 36-2 6 5 7 27 9 35h46c-8-14-20-43-12-47 95-90 32-148-26-148zm7 25c4 0 8 2 6 9l14-3 4 12c-16-3-9 21 2 10l4 13-14 4c3-16-21-9-10 2l-15 4-3-13c-12 12-18-14-2-9l-4-13 14-4c-7-7-1-12 4-12z"/><path style="fill:#ccc" d="M392 110c-6-4-12-8-21-11l-8-1c-13 16-23 12-27 9 1-6 3-13 10-17l23-3 22 7z"/><path style="fill:#999" d="m374 100-9 2c-7 18-16 16-27 12l2-5c12 2 18-6 23-11l8 1z"/><path style="fill:#fff" d="M326 72c3 17 12 18 21 18 12 2 25 1 36 6 4 3 6 6 7 9 1 7 0 12-1 16l-17 5c-22-6-29 6-29 14l29 4 37-4 26-6-7-29-4-1c-10-11-18-16-25-21l-32-10z"/><path style="fill:#ff0" d="m315 136-4-13c-12 11-18-14-2-10l-3-13 14-4c-12-12 13-18 10-2l14-4 3 13c-16-3-9 20 3 10l3 13-14 4c3-16-20-9-10 2z"/><path style="fill:#163159" d="m436 137-9-34 4-1 9 34z"/><path style="fill:#15498b" d="m440 140 39-11 11-14-52 15z"/><path style="fill:#153e71" d="m429 98 9 33 52-16-9-30z"/></svg>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1920"
height="1080"
viewBox="0 0 507.99999 285.75001"
version="1.1"
id="svg5"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
sodipodi:docname="puzzlehead.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="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
units="px"
width="1920px"
inkscape:zoom="1.8101934"
inkscape:cx="1878.2524"
inkscape:cy="553.53203"
inkscape:window-width="2560"
inkscape:window-height="1568"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<inkscape:grid
type="xygrid"
id="grid22421" />
</sodipodi:namedview>
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<path
style="fill:#676767;fill-opacity:0.968926;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 379.99616,102.1188 c -5.41242,-0.74694 -10.77612,-0.094 -15.98515,5.00347 -2.37812,8.53184 -1.94546,19.14811 -15.99578,19.02399 l 2.51635,-9.51858 c 4.20769,-0.60685 8.65698,-2.28604 14.22072,-14.58622 l 9.04996,-2.406067 z"
id="path19623"
sodipodi:nodetypes="ccccccc" />
<path
id="path213"
style="fill:#000000;fill-opacity:0.500118;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 296.55817,111.90532 c -34.1174,-0.16076 -66.94938,19.19356 -67.045,63.3274 -5.33668,9.31504 -12.19347,26.27912 -12.49743,42.27804 0.53524,3.03565 5.13303,6.38216 17.62425,4.9103 1.70001,3.19888 1.48306,6.25934 0.78548,9.73584 -3.02556,1.22823 -3.25052,7.82492 1.99471,10.00094 -3.96301,-0.32736 -3.78566,11.54494 3.63544,11.31972 -2.28333,8.74627 -2.20049,19.46038 3.26388,20.91397 11.78843,4.90526 30.18059,-6.80746 35.90737,-1.95337 6.26115,4.53588 7.01381,26.19417 8.81393,34.62993 l 46.29847,0.34208 c -8.40009,-14.62751 -20.34011,-42.94044 -11.92485,-47.73764 94.55736,-89.25168 31.94184,-147.49016 -26.85625,-147.76721 z m 7.85543,24.71134 c 3.87221,0.0457 7.54991,2.80701 5.97948,9.41234 l 14.0348,-3.45095 3.48144,12.70672 c -15.85781,-3.07819 -9.15568,20.33767 2.543,9.87175 l 3.5171,12.82815 -14.45545,3.86075 c 3.2183,-15.56238 -20.19709,-8.65683 -9.57616,2.4536 l -14.46889,3.78064 -3.4463,-13.05036 c -12.25079,11.5034 -18.02236,-13.85555 -2.43602,-9.40408 l -3.36879,-13.00696 14.18518,-3.79511 c -6.96748,-7.23234 -1.29575,-12.26917 4.01061,-12.20649 z"
sodipodi:nodetypes="scccccccccccssccccccccccccs" />
<path
style="fill:#cdcdcd;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 391.61576,109.70565 c -5.16698,-4.01146 -11.70521,-7.80525 -20.78098,-11.196237 l -8.3293,-0.0693 c -12.70745,15.768317 -22.99863,11.120777 -26.82278,9.020467 1.40757,-6.75823 3.01306,-13.489353 10.39337,-17.266117 l 22.90318,-3.146792 22.13552,6.78253 z"
id="path14357"
sodipodi:nodetypes="cccccccc" />
<path
style="fill:#9a9a9a;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 373.80226,99.635393 -9.04996,2.406067 c -7.12457,17.94414 -15.55081,15.87567 -26.9806,12.37034 l 2.49172,-5.05274 c 11.29356,1.72078 17.24365,-6.33703 22.24206,-10.918967 l 8.3293,0.0693 z"
id="path17811"
sodipodi:nodetypes="ccccccc" />
<path
style="fill:#ffffff;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 326.24349,72.453136 c 2.43526,16.477242 11.44453,17.124177 20.47047,17.730996 12.40127,1.472657 25.71636,1.121248 36.32073,6.180731 3.62135,2.43499 5.80547,5.344547 7.11909,8.541537 1.32731,7.17571 0.1792,11.78854 -1.13602,16.22836 l -16.92724,4.84594 c -22.01697,-5.61291 -28.7433,5.53446 -29.15695,13.88186 l 29.19706,4.60131 36.84145,-4.77375 25.97515,-6.06557 -7.14195,-28.24037 -3.93676,-1.40584 C 413.76376,92.978304 406.4288,87.697546 399.20803,82.652569 l -31.78757,-9.469594 z"
id="path8018"
sodipodi:nodetypes="ccccccccccccccc" />
<path
style="fill:#ffff00;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 314.75279,135.75448 -3.44611,-13.05062 c -12.25079,11.5034 -18.02249,-13.85519 -2.43615,-9.40372 l -3.36849,-13.00709 14.18518,-3.794997 c -12.05186,-12.509992 13.71257,-18.451269 9.99006,-2.794188 l 14.03482,-3.451275 3.48136,12.7069 c -15.85781,-3.078187 -9.15571,20.3377 2.54297,9.87176 l 3.51716,12.82835 -14.4553,3.86031 c 3.2183,-15.56239 -20.19737,-8.65683 -9.57644,2.45361 z"
id="path4641"
sodipodi:nodetypes="ccccccccccccc" />
<path
style="fill:#163159;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 435.91023,137.36354 -8.85211,-34.61616 3.59422,-0.39886 c 3.56243,11.26533 5.95568,22.53073 8.95257,33.85754 z"
id="path8680"
sodipodi:nodetypes="ccccc" />
<path
style="fill:#15498b;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 440.2189,140.00482 39.23111,-11.43414 10.51093,-14.02583 -52.16817,15.12687 z"
id="path11041"
sodipodi:nodetypes="ccccc" />
<path
style="fill:#153e71;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 429.35405,98.496523 8.72274,32.465497 51.88415,-16.41717 -9.4186,-29.177767 z"
id="path11505"
sodipodi:nodetypes="ccccc" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
static/images/sunset.avif Normal file

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 168 KiB

After

Width:  |  Height:  |  Size: 67 KiB

BIN
static/images/sunset.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB