Add logo and favicon with documentation

This commit is contained in:
this.ven 2024-01-28 00:09:50 +01:00
parent 913e135d27
commit 7bc00dcbad
14 changed files with 449 additions and 0 deletions

View file

@ -11,3 +11,11 @@ draft: true
{{< rawhtml >}}
<iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" src="https://libre.video/videos/embed/163971b8-dfff-4309-a579-185090ae88c5" frameborder="0" allowfullscreen></iframe>
{{< /rawhtml >}}
{{< details title="Details" >}}
This video features Influenca from the [Inconvenient EP](music/inconvenient-ep/), free to download and also available via:
[![Funkwhale Logo](img/funkwhale_logo.svg)](https://open.audio/library/albums/19811/)
{{< /details >}}

View file

@ -0,0 +1,121 @@
---
title: 'Logo Design'
date: 2024-01-27T20:13:10+01:00
draft: true
---
I'm not that much into graphics design and this is not supposed to be a full
tutorial on how to create a logo. However, I'd like to share my experiences with
[Inkscape](https://inkscape.org/) and [GIMP](https://www.gimp.org/) for creating
the logo and favicon of this site.
## Getting inspired
First of all I inspect other logo designs by searching for vector images using
the terms `music` and `logo` in the [Pixabay](https://pixabay.com/) community.
{{< icon "link" >}} URL: https://pixabay.com/vectors/search/music%20logo/
The idea of using notes appeals to me and as I also want to convey the spirit of
[FLOSS](https://fsfe.org/freesoftware/comparison.en.html) I need to extend it by
something that represents its characteristics. I remember that in the logo of
the Gitea fork [Forgejo](https://forgejo.org/) the letter `F` is shown as a
forking path and want to combine it with notes.
## Creating shapes
I run Inkscape and create a new document from template (`<Ctrl><Alt><N>`) and
choose *Icon 512x512* in the *Others* tab. Using the rectangle and ellipse tool
I create the note head, stem and flag by scaling and rotation. Learn more about
[shapes](https://inkscape.org/doc/tutorials/shapes/tutorial-shapes.html) in the
official tutorial.
![Inkscape rotate object](inkscape-rotate-object.png)
To indicate the fork at the top of second note's flag an ellipse without filling
is used. For the purpose of recognizing the note head and fork symbol as unit I decide to also leave out the filling of the note head making it a half note.
This decision is reflected in the colorization of the elements, too. The colors
are selected in the *fill and stroke* dialog of the object menu explained in the
[basic](https://inkscape.org/doc/tutorials/basic/tutorial-basic.html) tutorial.
Finally, adjusting the *z-order* of the objects creates the layering.
Before saving the document as [SVG](https://en.wikipedia.org/wiki/SVG), useful
meta data can be added by opening the document settings (`<Ctrl><Shift><D>`) and
selecting the *Meta data* tab. Additionally, the *License* tab allows to
integrate URLs and the license deed and granted rights. Besides saving this file
for further editing, I use the export dialog (`<Ctrl><Shift><E>`) to create a
*Plain SVG* file leaving out Inkscape specific meta data which supports to
decrease the file size.
## Serving diversity
The shapes of the logo are simple and recognizable. Thus, it can be perfectly
used as [favicon](https://en.wikipedia.org/wiki/Favicon) for the website. Though
recent browsers and devices can render SVG files for this resource, it's good
practice to serve other file types. Consequently, the last step is to convert
(and if necessary scale) the SVG file to support older browsers and devices.
I open the SVG file in GIMP and confirm the dialog to render the Scalable Vector
Graphics using default settings. Depending on the target file type and device I [scale](https://docs.gimp.org/en/gimp-image-scale.html) the image and convert it
via the [export dialog](https://docs.gimp.org/en/gimp-export-dialog.html) using
the dimensions (in pixels) and file types shown in the table.
| Dimensions | File type | Additional info |
|------------|-----------|-----------------|
| 512 x 512 | PNG | |
| 192 x 192 | PNG | |
| 180 x 180 | PNG | Apple devices |
| 48 x 48 | ICO | 32 bpp, 8-bit alpha, no palette settings |
| 32 x 32 | PNG | |
| 16 x 16 | PNG | |
You can also use Inkscape on the terminal to create these files:
```bash
inkscape --export-width=512 --export-filename="android-chrome-512x512.png" logo.svg
inkscape --export-width=192 --export-filename="android-chrome-192x192.png" logo.svg
inkscape --export-width=180 --export-filename="apple-touch-icon.png" logo.svg
inkscape --export-width=32 --export-filename="favicon-32x32.png" logo.svg
inkscape --export-width=16 --export-filename="favicon-16x16.png" logo.svg
```
The file `favicon.ico` is created via Inkscape and the `convert` command of the
[ImageMagick](https://imagemagick.org/) tool suite:
```bash
inkscape --export-width=48 --export-filename="favicon-tmp.png" logo.svg
convert favicon-tmp.png favicon.ico
rm favicon-tmp.png
```
## Adding a manifest
For a [Progressive Web App](https://en.wikipedia.org/wiki/Progressive_web_app)
(PWA) create a [manifest](https://developer.mozilla.org/en-US/docs/Web/Manifest)
file. At least provide the following values to serve different icon sizes and
change `<your-name>` to fit your needs:
```json {filename="site.webmanifest"}
{
"name": "<your-name>",
"start_url": "index.html",
"display": "standalone",
"icons": [
{
"src": "android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}
```
The [icons](https://developer.mozilla.org/en-US/docs/Web/Manifest/icons) array
contains the images to be used when integrated as an app in the target OS.
Learn more about the members in the manifest file and best practices for
[PWAs](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps) in the
MDN Web Docs.

BIN
content/docs/graphics/logo-design/inkscape-rotate-object.png (Stored with Git LFS) Normal file

Binary file not shown.

View file

@ -3,6 +3,16 @@ languageCode: en-us
title: this.ven
theme: hextra
params:
navbar:
displayTitle: true
displayLogo: true
logo:
path: img/logo.svg
link: /
width: 64
height: 64
menu:
main:
- name: About

BIN
static/android-chrome-192x192.png (Stored with Git LFS) Normal file

Binary file not shown.

BIN
static/android-chrome-512x512.png (Stored with Git LFS) Normal file

Binary file not shown.

BIN
static/apple-touch-icon.png (Stored with Git LFS) Normal file

Binary file not shown.

BIN
static/favicon-16x16.png (Stored with Git LFS) Normal file

Binary file not shown.

BIN
static/favicon-32x32.png (Stored with Git LFS) Normal file

Binary file not shown.

BIN
static/favicon.ico (Stored with Git LFS) Normal file

Binary file not shown.

104
static/favicon.svg Normal file
View file

@ -0,0 +1,104 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<title
id="title1">Forking notes</title>
<defs
id="defs1" />
<g
id="layer1">
<circle
style="fill:#2a649e;fill-opacity:1;stroke:#2a649e;stroke-width:32;stroke-opacity:1"
id="path1"
cx="132.59662"
cy="396.59662"
r="48.596622" />
<rect
style="fill:#2a649e;fill-opacity:1;stroke:#2a649e;stroke-width:1.43312;stroke-opacity:1"
id="rect2"
width="30.566868"
height="254.56688"
x="165.71655"
y="142.71655"
ry="5.5745006" />
<rect
style="fill:#2a649e;fill-opacity:1;stroke:#2a649e;stroke-width:2.07425;stroke-opacity:1"
id="rect5"
width="73.887077"
height="220.61816"
x="185.09262"
y="-339.45496"
ry="4.8310919"
transform="matrix(0.274006,0.96172798,-0.96079007,0.27727682,0,0)" />
<ellipse
style="fill:none;stroke:#357ec7;stroke-width:32.0973;stroke-opacity:1"
id="ellipse2"
cx="405.00003"
cy="116.00002"
rx="31.951382"
ry="31.951366" />
<rect
style="fill:#357ec7;fill-opacity:1;stroke:#357ec7;stroke-width:1.43313;stroke-opacity:1"
id="rect4"
width="30.566872"
height="254.56688"
x="421.71658"
y="112.71656"
ry="5.5745001" />
<ellipse
style="fill:none;fill-opacity:1;stroke:#357ec7;stroke-width:32;stroke-opacity:1"
id="ellipse3"
cx="387.95914"
cy="364.95914"
rx="48.959137"
ry="48.959148" />
</g>
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:date>2024-01-27</dc:date>
<dc:creator>
<cc:Agent>
<dc:title>this.ven</dc:title>
</cc:Agent>
</dc:creator>
<dc:rights>
<cc:Agent>
<dc:title>Creative Commons BY-SA 4.0 Intl.</dc:title>
</cc:Agent>
</dc:rights>
<cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
<dc:title>Forking notes</dc:title>
</cc:Work>
<cc:License
rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
<cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Notice" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Attribution" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#ShareAlike" />
</cc:License>
</rdf:RDF>
</metadata>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

View file

@ -0,0 +1,61 @@
<?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="312.30267mm" height="53.491325mm" viewBox="0 0 312.30267 53.491325" version="1.1" id="svg4600" inkscape:version="0.92.4 (5da689c313, 2019-01-14)" sodipodi:docname="with-text.svg" inkscape:export-filename="/home/eliotberriot/Seafile/Funkwhale/logo/Logo v2/with-text.svg.png" inkscape:export-xdpi="46.75" inkscape:export-ydpi="46.75">
<defs id="defs4594">
</defs>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.7" inkscape:cx="390.70772" inkscape:cy="-26.110853" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" inkscape:window-width="1920" inkscape:window-height="1043" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1"/>
<metadata id="metadata4597">
<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(34.652951,-108.92043)">
<g id="g5314">
<g id="g18" transform="matrix(0.31910664,0,0,0.31910664,-45.917415,92.910327)">
<g id="g16">
<g id="g12">
<path class="st1" d="m 128,157.1 c 17.7,0 32.1,-14.4 32.1,-32.1 0,-0.9 -0.8,-1.7 -1.7,-1.7 h -12.1 c -0.9,0 -1.7,0.8 -1.7,1.7 0,9.1 -7.4,16.6 -16.6,16.6 -9.1,0 -16.6,-7.4 -16.6,-16.6 0,-0.9 -0.8,-1.7 -1.7,-1.7 H 97.6 c -0.9,0 -1.7,0.8 -1.7,1.7 0,17.8 14.4,32.1 32.1,32.1 z" id="path6" inkscape:connector-curvature="0" style="fill:#009fe3"/>
<path class="st1" d="m 128,187.4 c 34.3,0 62.3,-28 62.3,-62.3 0,-0.9 -0.8,-1.7 -1.7,-1.7 h -12.1 c -0.9,0 -1.7,0.8 -1.7,1.7 0,25.9 -21,46.9 -46.9,46.9 C 102,172 81,151 81,125.1 c 0,-0.9 -0.8,-1.7 -1.7,-1.7 H 67.4 c -0.9,0 -1.7,0.8 -1.7,1.7 -0.2,34.3 27.8,62.3 62.3,62.3 z" id="path8" inkscape:connector-curvature="0" style="fill:#009fe3"/>
<path class="st1" d="m 219,123.4 h -12.1 c -0.9,0 -1.7,0.8 -1.7,1.7 0,42.6 -34.8,77.3 -77.3,77.3 -42.6,0 -77.3,-34.6 -77.3,-77.3 0,-0.9 -0.8,-1.7 -1.7,-1.7 H 37 c -0.9,0 -1.7,0.8 -1.7,1.7 0,51.1 41.6,92.7 92.7,92.7 51.1,0 92.7,-41.6 92.7,-92.7 0,-0.9 -0.8,-1.7 -1.7,-1.7 z" id="path10" inkscape:connector-curvature="0" style="fill:#009fe3"/>
</g>
<path class="st2" d="m 86.3,83.3 c 6.2,3.2 12.9,3.8 18.9,7.3 3.9,2.3 6.4,4.8 8.8,8.6 3.8,5.7 3.6,12.9 3.6,12.9 l 0.5,7.9 c 0,0 3,7.9 9.7,7.9 7.1,0 9.7,-7.9 9.7,-7.9 l 0.5,-7.9 c 0,0 -0.2,-7.1 3.6,-12.9 2.4,-3.8 4.8,-6.5 8.8,-8.6 6,-3.5 12.7,-4.1 18.9,-7.3 6.2,-3.2 12.2,-7.3 16.3,-13 4.1,-5.7 6,-13.3 3.8,-20 -11.8,-0.6 -25.4,0.8 -35.8,6.4 -14.5,7.7 -23.3,5 -25.9,16.5 h -0.2 c -2.6,-11.6 -11.3,-8.8 -25.9,-16.5 -10.4,-5.6 -24,-7 -35.8,-6.4 -2.3,6.7 -0.3,14.2 3.8,20 4.4,5.8 10.5,9.9 16.7,13 z" id="path14" inkscape:connector-curvature="0" style="fill:#3c3c3b"/>
</g>
</g>
<g transform="matrix(1.2010474,0,0,1.2010474,-7.9230362,-28.857658)" id="g5221">
<path style="fill:#3c3c3b;fill-opacity:1;stroke-width:0.74382526" inkscape:connector-curvature="0" d="m 32.845914,132.89252 c 0,-6.69443 2.603389,-9.29781 10.413554,-9.29781 1.636415,0 3.719126,0.14876 4.834864,0.37191 0.59506,0.14876 1.115738,0.59506 1.115738,1.11574 v 2.00832 c 0,0.59506 -0.446295,1.11574 -1.115738,1.11574 h -0.669443 c -0.818208,0 -1.48765,-0.29753 -2.529006,-0.29753 -4.834864,0 -5.801837,0.96698 -5.801837,4.98363 v 0.29753 h 6.620045 c 0.59506,0 1.115738,0.4463 1.115738,1.11574 v 2.15709 c 0,0.66945 -0.446295,1.11574 -1.115738,1.11574 h -6.620045 v 11.30614 c 0,0.59506 -0.446295,1.11574 -1.115737,1.11574 h -4.016657 c -0.59506,0 -1.115738,-0.52068 -1.115738,-1.11574 z" id="path5166"/>
<path style="fill:#3c3c3b;fill-opacity:1;stroke-width:0.74382526" inkscape:connector-curvature="0" d="m 57.020235,141.59528 c 0,3.04968 1.413268,4.31418 3.495978,4.31418 1.785181,0 3.495979,-1.2645 4.834864,-2.60339 v -12.12435 c 0,-0.59506 0.520678,-1.11573 1.115738,-1.11573 h 4.091039 c 0.59506,0 1.115738,0.52067 1.115738,1.11573 v 17.70304 c 0,0.59506 -0.446295,1.11574 -1.115738,1.11574 h -4.091039 c -0.59506,0 -1.115738,-0.52068 -1.115738,-1.11574 v -1.19012 c -1.710798,1.48765 -3.570361,2.67777 -6.322514,2.67777 -4.834864,0 -8.25646,-2.529 -8.25646,-8.70275 v -10.41355 c 0,-0.59506 0.446295,-1.11574 1.115738,-1.11574 h 4.091038 c 0.595061,0 1.115738,0.52068 1.115738,1.11574 v 10.33917 z" id="path5168"/>
<path style="fill:#3c3c3b;fill-opacity:1;stroke-width:0.74382526" inkscape:connector-curvature="0" d="m 90.715518,138.47121 c 0,-3.04968 -1.413268,-4.31419 -3.495979,-4.31419 -1.78518,0 -3.570361,1.26451 -4.909246,2.60339 v 12.19874 c 0,0.59506 -0.446295,1.11573 -1.115738,1.11573 h -4.091039 c -0.669442,0 -1.115738,-0.52067 -1.115738,-1.11573 v -17.77743 c 0,-0.59506 0.446296,-1.11573 1.115738,-1.11573 h 4.165422 c 0.59506,0 1.115737,0.52067 1.115737,1.11573 v 1.19012 c 1.710798,-1.48765 3.570362,-2.67777 6.396897,-2.67777 4.834865,0 8.256461,2.52901 8.256461,8.70276 v 10.41355 c 0,0.59506 -0.446295,1.11574 -1.115738,1.11574 h -4.091039 c -0.59506,0 -1.115738,-0.52068 -1.115738,-1.11574 z" id="path5170"/>
<path style="fill:#3c3c3b;fill-opacity:1;stroke-width:0.74382526" inkscape:connector-curvature="0" d="m 107.67473,137.95053 c 2.1571,0 3.57036,-0.89259 4.31419,-2.45462 l 1.78518,-3.71913 c 0.4463,-1.04135 1.56203,-1.71079 2.60339,-1.71079 h 3.42159 c 0.96698,0 1.11574,0.74382 0.59507,1.71079 l -2.38025,4.98363 c -0.74382,1.63642 -2.23147,2.90092 -3.86789,3.27283 1.48765,0.4463 2.75216,1.48765 3.86789,3.27283 l 3.12407,4.98363 c 0.59506,0.96698 0.29753,1.7108 -0.59506,1.7108 h -3.4216 c -1.19012,0 -2.15709,-0.74382 -2.75215,-1.7108 l -2.30586,-3.71912 c -0.96697,-1.63642 -2.67777,-2.38024 -4.31418,-2.38024 v 6.76881 c 0,0.59506 -0.4463,1.11573 -1.11574,1.11573 h -4.09104 c -0.59506,0 -1.11574,-0.52067 -1.11574,-1.11573 v -23.80241 c 0,-0.59506 0.4463,-1.11574 1.11574,-1.11574 h 4.09104 c 0.59506,0 1.11574,0.52068 1.11574,1.11574 v 12.79379 z" id="path5172"/>
<path style="fill:#3c3c3b;fill-opacity:1;stroke-width:0.74382526" inkscape:connector-curvature="0" d="m 140.1799,130.06599 c 1.04135,0 1.78518,0.59506 2.08271,1.56203 l 2.9753,9.81849 2.9753,-9.81849 c 0.29753,-1.04136 1.33888,-1.56203 2.45462,-1.56203 h 3.34722 c 0.89259,0 1.04135,0.66944 0.74382,1.56203 l -5.50431,16.73607 c -0.29753,0.96697 -1.33888,1.56203 -2.30585,1.56203 h -2.60339 c -0.89259,0 -2.00833,-0.59506 -2.30586,-1.56203 l -3.49598,-10.78547 -3.49598,10.85985 c -0.29753,0.96697 -1.41327,1.56203 -2.30586,1.56203 h -2.60338 c -0.96698,0 -1.93395,-0.59506 -2.30586,-1.56203 l -5.50431,-16.73607 c -0.29753,-0.89259 -0.0744,-1.56203 0.74383,-1.56203 h 3.34721 c 1.11574,0 2.08271,0.59506 2.45462,1.56203 l 2.9753,9.81849 2.9753,-9.81849 c 0.29753,-0.96697 1.04136,-1.56203 2.08272,-1.56203 h 3.27283 z" id="path5174"/>
<path style="fill:#3c3c3b;fill-opacity:1;stroke-width:0.74382526" inkscape:connector-curvature="0" d="m 172.09,138.47121 c 0,-3.04968 -1.41327,-4.31419 -3.4216,-4.31419 -1.78518,0 -3.57036,1.26451 -4.90924,2.60339 v 12.19874 c 0,0.59506 -0.4463,1.11573 -1.11574,1.11573 h -4.09104 c -0.59506,0 -1.11574,-0.52067 -1.11574,-1.11573 v -23.80241 c 0,-0.59506 0.52068,-1.11574 1.11574,-1.11574 h 4.09104 c 0.59506,0 1.11574,0.52068 1.11574,1.11574 v 7.2151 c 1.71079,-1.48765 3.57036,-2.67777 6.39689,-2.67777 4.83487,0 8.25646,2.52901 8.25646,8.70276 v 10.41355 c 0,0.59506 -0.52067,1.11574 -1.11573,1.11574 h -4.09104 c -0.59506,0 -1.11574,-0.52068 -1.11574,-1.11574 z" id="path5176"/>
<path style="fill:#3c3c3b;fill-opacity:1;stroke-width:0.74382526" inkscape:connector-curvature="0" d="m 189.04921,135.04961 c -0.44629,0.59506 -1.19012,0.96698 -2.08271,0.96698 h -2.67777 c -0.59506,0 -1.11573,-0.4463 -1.11573,-1.11574 0,-3.86789 3.86789,-5.20678 9.89287,-5.20678 5.35554,0 9.59535,2.23148 9.59535,7.88455 v 11.23176 c 0,0.59506 -0.52068,1.11574 -1.11574,1.11574 h -3.49598 c -0.59506,0 -1.11574,-0.52068 -1.11574,-1.11574 v -0.59506 c -1.7108,1.19012 -3.71912,2.08271 -6.62004,2.08271 -4.83487,0 -8.55399,-2.15709 -8.55399,-6.39689 0,-4.23981 3.71912,-6.32252 8.55399,-6.32252 h 6.02498 c 0,-2.90092 -1.19012,-3.79351 -3.71912,-3.79351 -1.56204,0.0744 -2.9753,0.52068 -3.57037,1.2645 z m 7.28949,9.52097 v -2.82654 h -5.57869 c -1.78518,0 -2.75215,0.96697 -2.75215,2.23148 0,1.2645 0.96697,2.23147 2.9753,2.23147 2.15709,0 4.01666,-0.8182 5.35554,-1.63641 z" id="path5178"/>
<path style="fill:#3c3c3b;fill-opacity:1;stroke-width:0.74382526" inkscape:connector-curvature="0" d="m 208.16552,150.0005 c -0.59506,0 -1.11573,-0.52068 -1.11573,-1.11574 v -23.8024 c 0,-0.59506 0.52067,-1.11574 1.11573,-1.11574 h 4.09104 c 0.59506,0 1.11574,0.52068 1.11574,1.11574 v 23.8024 c 0,0.59506 -0.44629,1.11574 -1.11574,1.11574 z" id="path5180"/>
<path style="fill:#3c3c3b;fill-opacity:1;stroke-width:0.74382526" inkscape:connector-curvature="0" d="m 223.04203,141.96719 c 0.22315,2.9753 1.56203,4.2398 4.61171,4.2398 1.56204,0 2.97531,-0.44629 3.57037,-1.19012 0.52067,-0.59506 1.19012,-0.96697 2.08271,-0.96697 h 2.67777 c 0.59506,0 1.11574,0.52068 1.11574,1.11574 0,3.86789 -3.94228,5.20677 -9.89288,5.20677 -6.62004,0 -10.6367,-3.57036 -10.6367,-10.26478 0,-6.69443 4.01666,-10.33917 10.6367,-10.33917 6.62004,0 10.56232,3.57036 10.56232,10.11602 v 1.04135 c 0,0.59506 -0.4463,1.11574 -1.11574,1.11574 h -13.612 z m 0,-3.86789 h 8.47961 c -0.14877,-2.75216 -1.48765,-4.23981 -4.23981,-4.23981 -2.67777,0 -4.09104,1.48765 -4.2398,4.23981 z" id="path5182"/>
</g>
</g>
</g>
<style id="style2" type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:#009FE3;}
.st2{fill:#3C3C3B;}
</style>
</svg>

After

Width:  |  Height:  |  Size: 10 KiB

104
static/img/logo.svg Normal file
View file

@ -0,0 +1,104 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<title
id="title1">Forking notes</title>
<defs
id="defs1" />
<g
id="layer1">
<circle
style="fill:#2a649e;fill-opacity:1;stroke:#2a649e;stroke-width:32;stroke-opacity:1"
id="path1"
cx="132.59662"
cy="396.59662"
r="48.596622" />
<rect
style="fill:#2a649e;fill-opacity:1;stroke:#2a649e;stroke-width:1.43312;stroke-opacity:1"
id="rect2"
width="30.566868"
height="254.56688"
x="165.71655"
y="142.71655"
ry="5.5745006" />
<rect
style="fill:#2a649e;fill-opacity:1;stroke:#2a649e;stroke-width:2.07425;stroke-opacity:1"
id="rect5"
width="73.887077"
height="220.61816"
x="185.09262"
y="-339.45496"
ry="4.8310919"
transform="matrix(0.274006,0.96172798,-0.96079007,0.27727682,0,0)" />
<ellipse
style="fill:none;stroke:#357ec7;stroke-width:32.0973;stroke-opacity:1"
id="ellipse2"
cx="405.00003"
cy="116.00002"
rx="31.951382"
ry="31.951366" />
<rect
style="fill:#357ec7;fill-opacity:1;stroke:#357ec7;stroke-width:1.43313;stroke-opacity:1"
id="rect4"
width="30.566872"
height="254.56688"
x="421.71658"
y="112.71656"
ry="5.5745001" />
<ellipse
style="fill:none;fill-opacity:1;stroke:#357ec7;stroke-width:32;stroke-opacity:1"
id="ellipse3"
cx="387.95914"
cy="364.95914"
rx="48.959137"
ry="48.959148" />
</g>
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:date>2024-01-27</dc:date>
<dc:creator>
<cc:Agent>
<dc:title>this.ven</dc:title>
</cc:Agent>
</dc:creator>
<dc:rights>
<cc:Agent>
<dc:title>Creative Commons BY-SA 4.0 Intl.</dc:title>
</cc:Agent>
</dc:rights>
<cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
<dc:title>Forking notes</dc:title>
</cc:Work>
<cc:License
rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
<cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Notice" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Attribution" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#ShareAlike" />
</cc:License>
</rdf:RDF>
</metadata>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

20
static/site.webmanifest Normal file
View file

@ -0,0 +1,20 @@
{
"name": "this.ven",
"short_name": "this.ven",
"start_url": "index.html",
"icons": [
{
"src": "android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#000000",
"background_color": "#000000",
"display": "standalone"
}