sch/JabberCard
1
0
Fork 0
Code Issues 14 Pull requests Projects Releases Packages Wiki Activity Actions

General : Add dark mode.

Browse source 
CSS     : Add dark mode;
Python  : Custom QR code colors;
SVG     : Add graphics for dark mode;
SVG     : Optimize vector code;
XHTML   : Modify for dark mode.
This commit is contained in:
Schimon Jehudah, Adv. 2024-10-09 16:40:51 +03:00
parent 16338fabb2
commit 19e8910a4e
16 changed files with 205 additions and 502 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

203
css/stylesheet.css
View file

@ -11,9 +11,15 @@ html {
}
body {
background: url(/img/background.svg);
background:
linear-gradient(
to right,
rgba(140, 140, 140, 0.5),
rgba(130, 130, 130, 0.5)
),
url(/img/background.svg);
background-repeat: repeat;
/*height: 100vh;*/
/* height: 100vh; */
/*
background: linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgb(2, 115, 127)
*/
@ -49,6 +55,7 @@ div:has(#bar) {
}
#logo {
content: url(/img/logo-wordmark-horizontal.svg);
height: 3em;
}
@ -58,8 +65,21 @@ div:has(#bar) {
input,
input[type="submit" i],
input:not([type="email" i], [type="number" i], [type="password" i], [type="search" i], [type="tel" i], [type="text" i], [type="url" i]),
input:not([type="file" i], [type="image" i], [type="checkbox" i], [type="radio" i]) {
input:not(
[type="email" i],
[type="number" i],
[type="password" i],
[type="search" i],
[type="tel" i],
[type="text" i],
[type="url" i]
),
input:not(
[type="file" i],
[type="image" i],
[type="checkbox" i],
[type="radio" i]
) {
all: unset;
}
@ -142,6 +162,7 @@ label,
}
#logo-bottom {
content: url(/img/logo-wordmark-vertical.svg);
margin: auto;
margin-top: 4em;
/* padding-bottom: 2.5em; */
@ -160,9 +181,19 @@ h1 {
}
*/
#graphics {
background: #f2f2f2;
border: 1px solid #c0c0c0;
border-radius: 50px;
margin: auto;
max-width: 80%;
padding: 15px;
width: 40em;
}
#photo,
#qrcode {
border: 1px solid #c0c0c0;
/* border: 1px solid #c0c0c0; */
/* width: 40%; */
/* margin-bottom: 2.5em; */
/* NOTE Reason for dimensions 276x276: To be in accord with generated QR Code. */
@ -178,32 +209,7 @@ h1 {
}
#photo {
background: #fff;
border-right: none;
/* border-radius: 100px; 500px */
border-bottom-left-radius: 50px;
border-top-left-radius: 50px;
margin-right: -3px;
object-fit: scale-down;
}
/*
NOTE
Use border to equalize element #phoro with #qrcode.
Perhaps also contain it within a span, in order to fill the background.
border: 1em solid #fff;
height: 240px;
width: 240px;
*/
#qrcode {
border-left: none;
border-bottom-right-radius: 50px;
border-top-right-radius: 50px;
margin-left: -3px;
/* object-fit: scale-down; */
}
h3, h4, h5 {
@ -267,7 +273,7 @@ h3, h4, h5 {
}
#note {
color: #fff;
display: none;
font-weight: bold;
padding-bottom: 1em;
text-align: center;
@ -276,7 +282,6 @@ h3, h4, h5 {
#message {
background: #000;
color: white;
font-weight: bold;
opacity: 10%;
padding: 1em;
@ -287,10 +292,86 @@ h3, h4, h5 {
right: 0;
}
#message {
color: #fff;
}
#message:hover {
opacity: unset;
}
@media (prefers-color-scheme: dark) {
h1, h2 ,h3, h4, h5,
label[for="jid"],
#count > a,
#jid,
#xmpp-uri {
color: #fbfbfe;
}
#count > a {
color: #a7a7a7; /* a7a7bb */
}
body {
background:
linear-gradient(
to right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)
),
url(/img/background.svg);
}
#bar {
background: #2b2a33;
}
#logo {
content: url(/img/logo-wordmark-horizontal-dark.svg);
}
#graphics {
background: #232323;
border: 1px solid #434a53; /* #6f7b8c */
}
#qrcode {
filter: invert(0.9);
}
#profile {
background: #2b2a33;
filter: drop-shadow(2px 4px 6px grey); /* TODO Reverse color */
}
#message {
background: #fbfbfe;
}
#message,
#note {
color: #2b2a33;
}
#count > a:hover,
#preview:hover {
color: #fbfbfe;
}
#note {
background: #2b2a33;
color: #f5f5f5;
text-shadow: 1px 1px #fbfbfe;
}
#logo-bottom {
content: url(/img/logo-wordmark-vertical-dark.svg);
}
}
/* NOTE This rule useful, for larger images (800x800), to switch from
background-size: 100vw;
*/
@ -305,6 +386,32 @@ h3, h4, h5 {
}
*/
@media (max-width: 870px) {
h1 {
margin-bottom: 1em;
}
#graphics {
background: unset;
border: unset;
border-radius: unset;
margin: unset;
max-width: unset;
padding: unset;
width: unset;
}
#photo,
#qrcode {
display: block;
border-radius: 50px;
margin: auto;
margin-bottom: 2.5em;
}
}
@media (max-width: 725px) {
body {
@ -342,9 +449,7 @@ h3, h4, h5 {
}
#note {
background: #f5f5f5;
color: #000;
/* display: none; */
display: block;
font-weight: unset;
padding-bottom: 1em;
text-shadow: unset;
@ -352,11 +457,8 @@ h3, h4, h5 {
#photo,
#qrcode {
border: unset;
border-radius: 50px;
/* height: unset; */
height: 360px;
margin-bottom: 2.5em;
max-width: 70%;
min-width: 360px;
/* width: 360px; */
@ -364,21 +466,14 @@ h3, h4, h5 {
#photo {
background: unset;
/*
border-bottom-left-radius: unset;
border-top-left-radius: unset;
*/
margin-right: unset;
/* object-fit: unset; */
}
#qrcode {
/*
border-bottom-right-radius: unset;
border-top-right-radius: unset;
*/
margin-left: unset;
}
}
@media (max-width: 725px) and (prefers-color-scheme: dark) {
body {
background: #2b2a33;
}
}

5
fasi.py
View file

@ -669,7 +669,10 @@ class Graphics:
return selection
def generate_qr_code_graphics_from_string(text, jid_bare):
qrcode_graphics = qrcode.make(text)
#qrcode_graphics = qrcode.make(text)
qr = qrcode.QRCode(border=2, box_size=10)
qr.add_data(text)
qrcode_graphics = qr.make_image(fill_color='#000', back_color='#f2f2f2')
qrcode_graphics.save('qr/{}.png'.format(jid_bare))
class Syndication:

46
img/background.svg
View file

@ -1,45 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="80"
height="92"
viewBox="0 0 80 92"
sodipodi:docname="background_0004.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
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">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="5.9"
inkscape:cx="39.830508"
inkscape:cy="47.033898"
inkscape:window-width="1916"
inkscape:window-height="1032"
inkscape:window-x="0"
inkscape:window-y="22"
inkscape:window-maximized="1"
inkscape:current-layer="g1" />
<g
inkscape:groupmode="layer"
inkscape:label="Image"
id="g1">
<path
style="fill:none;stroke:#dadada"
d="M 7.9933697,3.8536538e-4 C 8.0070897,20.71715 22.520416,14.85765 32.522174,28.28434 c 3.71128,4.98214 2.20517,13.84718 2.13272,19.71605 C 34.426664,66.48723 19.361635,62.39385 10.131229,73.8543 6.4409207,78.43618 7.9933697,86.63903 7.9933697,92.0004 M 71.993374,3.8536538e-4 C 71.978074,19.85167 56.686694,14.9665 47.464564,28.1403 c -4.0466,5.78057 -2.40551,17.09222 -2.11214,23.86009 0.62031,14.31026 16.82256,13.46918 24.50308,22.18312 3.72915,4.23091 2.13787,12.56287 2.13787,17.81689"
id="path1" />
</g>
</svg>
<svg width="80" height="92" xmlns="http://www.w3.org/2000/svg"><path style="fill:none;stroke:#dadada" d="M8 0c0 20.72 14.52 14.86 24.52 28.28 3.71 4.99 2.2 13.85 2.13 19.72-.22 18.49-15.29 14.4-24.52 25.85C6.44 78.44 8 86.64 8 92M72 0c-.01 19.85-15.3 14.97-24.53 28.14-4.04 5.78-2.4 17.1-2.1 23.86.61 14.31 16.81 13.47 24.5 22.18C73.59 78.41 72 86.75 72 92"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 365 B

110
img/favicon.svg
View file

@ -1,109 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 13.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 14948) -->
<svg
version="1.1"
xml:space="preserve"
viewBox="0 0 180 180"
width="18"
height="18"
x="0px"
y="0px"
enable-background="new 0 0 200 200"
id="svg11"
sodipodi:docname="favicon.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
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"><defs
id="defs11" /><sodipodi:namedview
id="namedview11"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="32"
inkscape:cx="8.8125"
inkscape:cy="9.765625"
inkscape:window-width="1916"
inkscape:window-height="1032"
inkscape:window-x="0"
inkscape:window-y="22"
inkscape:window-maximized="1"
inkscape:current-layer="svg11" />
<linearGradient
id="SVGID_right_"
y2="1.279e-13"
gradientUnits="userSpaceOnUse"
x2="-1073.2"
gradientTransform="translate(1185.688,26.573995)"
y1="126.85"
x1="-1073.2">
<stop
stop-color="#1b3967"
offset=".011"
id="stop1" />
<stop
stop-color="#13b5ea"
offset=".467"
id="stop2" />
<stop
stop-color="#002b5c"
offset=".9945"
id="stop3" />
</linearGradient>
<linearGradient
id="SVGID_left_"
y2="1.279e-13"
gradientUnits="userSpaceOnUse"
x2="-1073.2"
gradientTransform="matrix(-1,0,0,1,-1005.704,26.573995)"
y1="126.85"
x1="-1073.2">
<stop
stop-color="#1b3967"
offset=".011"
id="stop4" />
<stop
stop-color="#13b5ea"
offset=".467"
id="stop5" />
<stop
stop-color="#002b5c"
offset=".9945"
id="stop6" />
</linearGradient>
<path
d="m 140.88912,40.762996 c 0.077,1.313 -1.787,0.968 -1.787,2.293 0,38.551002 -46.558,97.366014 -91.687985,108.730004 v 1.639 C 107.36713,147.90501 175.97412,85.624998 177.48412,26.574995 l -36.599,14.189001 z"
style="fill:url(#SVGID_right_)"
id="path6" />
<path
d="m 122.75712,40.671995 c 0.076,1.313 0.12,2.63 0.12,3.957 0,38.551002 -30.69898,90.497005 -75.826985,101.860005 v 1.639 C 106.09414,145.338 152.86013,85.103997 152.86013,38.927995 c 0,-2.375 -0.128,-4.729 -0.371,-7.056 l -29.73,8.798 z"
style="fill:#e96d1f"
id="path7" />
<path
d="m 152.77512,31.183995 -7.61699,2.722 c 0.041,0.962 0.066,2.254 0.066,3.225 0,41.219002 -37.271,98.204005 -87.271995,107.120005 -3.24501,1.088 -7.53801,2.077 -10.932,2.931 v 1.638 C 112.27413,143.26 158.12013,76.953997 152.78012,31.179995 Z"
style="fill:#d9541e"
id="path8" />
<path
d="m 39.095,40.762996 c -0.077,1.313 1.787,0.968 1.787,2.293 0,38.551002 46.558007,97.366014 91.68799,108.730004 v 1.639 C 72.617,147.90501 4.01,85.624998 2.5,26.574995 l 36.599,14.189001 z"
style="fill:url(#SVGID_left_)"
id="path9" />
<path
d="m 57.227,40.671995 c -0.076,1.313 -0.12,2.63 -0.12,3.957001 0,38.551001 30.698995,90.497004 75.82699,101.860004 v 1.639 C 73.89,145.338 27.124,85.103997 27.124,38.927995 c 0,-2.375 0.128,-4.729 0.371,-7.056 l 29.73,8.798 z"
style="fill:#a0ce67"
id="path10" />
<path
d="m 27.209,31.183996 7.617,2.722 c -0.041,0.962 -0.066,2.253999 -0.066,3.225 0,41.219001 37.271,98.204004 87.27199,107.120004 3.245,1.088 7.538,2.077 10.932,2.931 v 1.638 C 67.71,143.26 21.864,76.953998 27.204,31.179996 Z"
style="fill:#439639"
id="path11" />
</svg>
<svg xml:space="preserve" viewBox="0 0 180 180" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><linearGradient id="a" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1185.69 26.57)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><linearGradient id="b" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1 0 0 1 -1005.7 26.57)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><path d="M140.89 40.76c.08 1.32-1.79.97-1.79 2.3 0 38.55-46.56 97.36-91.69 108.73v1.64c59.96-5.52 128.56-67.8 130.07-126.86l-36.6 14.2z" style="fill:url(#a)"/><path d="M122.76 40.67c.07 1.31.12 2.63.12 3.96 0 38.55-30.7 90.5-75.83 101.86v1.64c59.04-2.8 105.81-63.03 105.81-109.2 0-2.38-.13-4.73-.37-7.06l-29.73 8.8z" style="fill:#e96d1f"/><path d="m152.78 31.18-7.62 2.73c.04.96.06 2.25.06 3.22 0 41.22-37.27 98.2-87.27 107.12-3.24 1.09-7.54 2.08-10.93 2.93v1.64c65.25-5.56 111.1-71.87 105.76-117.64Z" style="fill:#d9541e"/><path d="M39.1 40.76c-.08 1.32 1.78.97 1.78 2.3 0 38.55 46.56 97.36 91.69 108.73v1.64C72.62 147.9 4.01 85.63 2.5 26.57l36.6 14.2z" style="fill:url(#b)"/><path d="M57.23 40.67a68.4 68.4 0 0 0-.12 3.96c0 38.55 30.7 90.5 75.82 101.86v1.64c-59.04-2.8-105.8-63.03-105.8-109.2 0-2.38.12-4.73.36-7.06l29.73 8.8z" style="fill:#a0ce67"/><path d="m27.2 31.18 7.63 2.73a86 86 0 0 0-.07 3.22c0 41.22 37.27 98.2 87.27 107.12 3.25 1.09 7.54 2.08 10.93 2.93v1.64C67.71 143.26 21.86 76.95 27.2 31.18Z" style="fill:#439639"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

1
img/logo-wordmark-horizontal-dark.svg Normal file
View file

@ -0,0 +1 @@
<svg xml:space="preserve" viewBox="0 0 760 160" width="152" height="32" xmlns="http://www.w3.org/2000/svg"><linearGradient id="a" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1196.6 15.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><linearGradient id="b" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1 0 0 1 -994.79 15.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><path d="M151.8 29.56c.08 1.31-1.78.97-1.78 2.3 0 38.54-46.56 97.36-91.69 108.72v1.64c59.95-5.52 128.56-67.8 130.07-126.85l-36.6 14.19z" style="fill:url(#a)"/><path d="M133.67 34.3c.08 1.31.12 2.63.12 3.96 0 38.55-30.7 90.5-75.82 101.86v1.64c59.04-2.8 105.8-63.03 105.8-109.2 0-2.38-.12-4.73-.36-7.06l-29.73 8.8z" style="fill:#e96d1f"/><path d="m163.7 24.95-7.63 2.72c.05.97.07 2.26.07 3.23 0 41.22-37.27 98.2-87.27 107.12-3.25 1.09-7.54 2.08-10.93 2.93v1.64c65.25-5.56 111.1-71.87 105.76-117.64Z" style="fill:#d9541e"/><path d="M50.01 29.56c-.08 1.31 1.79.96 1.79 2.29 0 38.55 46.56 97.37 91.69 108.73v1.64C83.53 136.7 14.93 74.42 13.42 15.37l36.6 14.19z" style="fill:url(#b)"/><path d="M68.14 34.3a68.4 68.4 0 0 0-.12 3.96c0 38.55 30.7 90.5 75.83 101.86v1.64c-59.04-2.8-105.81-63.03-105.81-109.2 0-2.38.13-4.73.37-7.06l29.73 8.8z" style="fill:#a0ce67"/><path d="m38.13 24.95 7.61 2.72a86.6 86.6 0 0 0-.06 3.23c0 41.22 37.27 98.2 87.27 107.12 3.24 1.09 7.54 2.07 10.93 2.93v1.64C78.63 137.03 32.78 70.72 38.12 24.95Z" style="fill:#439639"/><path d="M251.13 79.89 210.11 35h35.68l27.96 31.46L301.72 35h35.68l-41.02 44.87L340.5 125h-37.04l-29.71-32.7-29.7 32.7H207l44.13-45.13z" class="letter" style="stroke-width:3.0645"/><path d="M352.8 35h42.4l31.2 57.92L457.6 35h42.38v90h-26.85V60.36h-.24L436.7 125h-20.63L379.9 60.36h-.26V125H352.8V35.01Z" class="letter" style="stroke-width:3.06394"/><path d="M515.5 35.02h75.19c26.21 0 32.55 13.18 32.55 30.82v7.71c0 13.42-5.84 28.83-25.35 28.83h-54.81V125h-27.59V35Zm27.56 45h42.88c6.46 0 8.96-4.22 8.96-9.57v-3.48c0-6.1-3-9.57-11.32-9.57h-40.52V80z" class="letter" style="stroke-width:3.06331"/><path d="M638.18 35.02h75.19c26.22 0 32.56 13.18 32.56 30.82v7.71c0 13.42-5.84 28.83-25.35 28.83h-54.8V125h-27.6V35Zm27.6 45h42.87c6.47 0 8.95-4.22 8.95-9.57v-3.48c0-6.1-2.98-9.57-11.31-9.57h-40.51V80z" class="letter" style="opacity:1;stroke-width:3.06331"/><path style="fill:#fff;fill-rule:evenodd;stroke:#000;stroke-width:.00367473;stroke-miterlimit:7.9;paint-order:markers stroke fill" d="M70.58 16V7.07h8.44l3.05 5.67 3.14 5.8c.07.1.8-1.19 3.21-5.67l3.12-5.8h8.38v17.86h-5.21v-6.46c0-4.6-.03-6.45-.1-6.43-.05.02-1.71 2.92-3.69 6.46l-3.6 6.42h-4.08l-3.61-6.45a240.12 240.12 0 0 0-3.68-6.45c-.04 0-.07 2.9-.07 6.45v6.46h-5.3z" transform="scale(5)"/><path style="fill:#fff;fill-rule:evenodd;stroke:#000;stroke-width:.00734946;stroke-miterlimit:7.9;paint-order:markers stroke fill" d="M45.44 21c2.14-2.17 4.12-4.2 4.4-4.5l.5-.57-3.52-3.83a323.2 323.2 0 0 1-4-4.43l-.5-.6 3.4.01 3.42.02 2.82 3.19c2.68 3.04 2.83 3.17 3.1 2.85.15-.19 1.42-1.63 2.82-3.2l2.54-2.87h6.87L64.6 10c-1.48 1.6-3.31 3.62-4.08 4.46L59.13 16l2.26 2.3 4.37 4.47 2.12 2.17h-7.12l-2.96-3.27a62.84 62.84 0 0 0-3.07-3.27c-.06 0-1.42 1.47-3.02 3.26l-2.92 3.26h-3.62l-3.62.02zm57.71-5.01V7.05l8.53.06c9.9.07 9.8.06 11.34 1.61a5.44 5.44 0 0 1 1.15 1.62c.12.39.27 1.73.32 2.98.14 3.56-.5 5.33-2.37 6.42l-.85.5-6.4.05-6.42.06v4.58h-5.3zm15.41-.4c.33-.32.42-.63.47-1.68.06-1.16.02-1.35-.36-1.79-.6-.69-1.37-.79-6.1-.8h-4.12v4.79l4.86-.06c4.77-.05 4.86-.06 5.25-.45zm9.16.4V7.05l8.53.06c9.53.07 9.63.08 11.1 1.33 1.38 1.19 1.86 2.9 1.72 6.15-.08 1.82-.15 2.15-.64 3.16a4.33 4.33 0 0 1-2.48 2.34c-.47.16-2.25.23-6.78.23h-6.15v4.6h-5.3zm15.02-.17c.65-.33.96-1.24.85-2.5-.1-1.17-.49-1.63-1.58-1.84-.42-.08-2.61-.15-4.88-.16h-4.1v4.77h4.6c3.72 0 4.7-.05 5.11-.27z" transform="scale(5)"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 4 KiB

1
img/logo-wordmark-horizontal.svg Normal file
View file

@ -0,0 +1 @@
<svg xml:space="preserve" viewBox="0 0 760 160" width="152" height="32" xmlns="http://www.w3.org/2000/svg"><linearGradient id="a" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1196.604 15.368977)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".011"/><stop stop-color="#13b5ea" offset=".467"/><stop stop-color="#002b5c" offset=".9945"/></linearGradient><linearGradient id="b" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1 0 0 1 -994.78801 15.367977)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".011"/><stop stop-color="#13b5ea" offset=".467"/><stop stop-color="#002b5c" offset=".9945"/></linearGradient><path d="M151.80512 29.557978c.077 1.313-1.787.968-1.787 2.293 0 38.551-46.558 97.366012-91.687985 108.730012v1.639c59.952995-5.52 128.559985-67.800012 130.069985-126.850013l-36.599 14.189001z" style="fill:url(#a)"/><path d="M133.67312 34.300978c.076 1.313.12 2.63.12 3.957 0 38.551-30.69898 90.497012-75.826985 101.860012v1.639c59.044005-2.79 105.809995-63.024012 105.809995-109.200012 0-2.375-.128-4.729-.371-7.056l-29.73 8.798z" style="fill:#e96d1f"/><path d="m163.69112 24.951978-7.61699 2.722c.041.962.066 2.254.066 3.225 0 41.219-37.271 98.204012-87.271995 107.120012-3.24501 1.088-7.53801 2.077-10.932 2.931v1.638c65.253995-5.56 111.099995-71.866012 105.759985-117.640012Z" style="fill:#d9541e"/><path d="M50.011 29.556978c-.077 1.313 1.787.968 1.787 2.293 0 38.551 46.558007 97.366012 91.68799 108.730012v1.639C83.533 136.69899 14.926 74.418978 13.416 15.368977l36.599 14.189001z" style="fill:url(#b)"/><path d="M68.143 34.299978c-.076 1.313-.12 2.63-.12 3.957 0 38.551 30.698995 90.497012 75.82699 101.860012v1.639C84.806 138.96599 38.04 78.731978 38.04 32.555978c0-2.375.128-4.729.371-7.056l29.73 8.798z" style="fill:#a0ce67"/><path d="m38.125 24.950978 7.617 2.722c-.041.962-.066 2.254-.066 3.225 0 41.219 37.271 98.204012 87.27199 107.120012 3.245 1.088 7.538 2.077 10.932 2.931v1.638C78.626 137.02699 32.78 70.720978 38.12 24.946978Z" style="fill:#439639"/><path d="M251.13317 79.886831 210.11296 35h35.67356l27.96454 31.4606L301.7216 35h35.67378l-41.01675 44.874529L340.5022 125h-37.04305l-29.71094-32.691963L244.04926 125H207l44.13317-45.131605z" class="letter" style="stroke-width:3.0645"/><path d="M352.80507 35h42.39259l31.20004 57.923669L457.59774 35h42.38031v90h-26.84613V60.363248h-.24512L436.7109 125h-20.62946l-36.17588-64.636752h-.25124V125H352.802V35.012256Z" class="letter" style="stroke-width:3.06394"/><path d="M515.494 35.01838h75.19197c26.21886 0 32.55685 13.178353 32.55685 30.826074v7.707284c0 13.420355-5.8448 28.825732-25.34888 28.825732h-54.81485V125H515.494V35Zm27.56978 45.000003h42.87713c6.46055 0 8.95714-4.218176 8.95714-9.566713v-3.476855c0-6.095984-2.98979-9.578966-11.31586-9.578966h-40.51838v22.607217z" class="letter" style="stroke-width:3.06331"/><path d="M638.17769 35.01838h75.19199c26.22499 0 32.56298 13.178357 32.56298 30.826083v7.707286c0 13.42036-5.84173 28.825711-25.34888 28.825711h-54.8118V125h-27.59429V35Zm27.60042 45.000019h42.87408c6.46358 0 8.95099-4.21818 8.95099-9.56672v-3.476855c0-6.095986-2.98367-9.578969-11.31281-9.578969h-40.51226v22.607224z" class="letter" style="opacity:1;stroke-width:3.06331"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 3.2 KiB

1
img/logo-wordmark-vertical-dark.svg Normal file
View file

@ -0,0 +1 @@
<svg xml:space="preserve" width="200" height="200" xmlns="http://www.w3.org/2000/svg"><linearGradient id="a" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1196.6 15.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><linearGradient id="b" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1 0 0 1 -994.79 15.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><path d="M151.8 29.56c.08 1.31-1.78.97-1.78 2.3 0 38.54-46.56 97.36-91.69 108.72v1.64c59.95-5.52 128.56-67.8 130.07-126.85l-36.6 14.19z" style="fill:url(#a)"/><path d="M133.67 34.3c.08 1.31.12 2.63.12 3.96 0 38.55-30.7 90.5-75.82 101.86v1.64c59.04-2.8 105.8-63.03 105.8-109.2 0-2.38-.12-4.73-.36-7.06l-29.73 8.8z" style="fill:#e96d1f"/><path d="m163.7 24.95-7.63 2.72c.05.97.07 2.26.07 3.23 0 41.22-37.27 98.2-87.27 107.12-3.25 1.09-7.54 2.08-10.93 2.93v1.64c65.25-5.56 111.1-71.87 105.76-117.64Z" style="fill:#d9541e"/><path d="M50.01 29.56c-.08 1.31 1.79.96 1.79 2.29 0 38.55 46.56 97.37 91.69 108.73v1.64C83.53 136.7 14.93 74.42 13.42 15.37l36.6 14.19z" style="fill:url(#b)"/><path d="M68.14 34.3a68.4 68.4 0 0 0-.12 3.96c0 38.55 30.7 90.5 75.83 101.86v1.64c-59.04-2.8-105.81-63.03-105.81-109.2 0-2.38.13-4.73.37-7.06l29.73 8.8z" style="fill:#a0ce67"/><path d="m38.13 24.95 7.61 2.72a86.6 86.6 0 0 0-.06 3.23c0 41.22 37.27 98.2 87.27 107.12 3.24 1.09 7.54 2.07 10.93 2.93v1.64C78.63 137.03 32.78 70.72 38.12 24.95Z" style="fill:#439639"/><path d="M25.99 172.08 12.6 157.43h11.64l9.13 10.27 9.13-10.27h11.64l-13.38 14.64 14.4 14.73h-12.1l-9.7-10.67-9.68 10.67h-12.1l14.4-14.73zm32.51-14.65h13.84l10.19 18.9 10.18-18.9h13.83v29.37h-8.76v-21.1h-.08l-11.8 21.1h-6.74l-11.8-21.1h-.09v21.1h-8.76v-29.37zm54.16 0h24.55c8.56 0 10.63 4.3 10.63 10.06v2.52c0 4.38-1.91 9.4-8.28 9.4h-17.9v7.4h-9v-29.39zm9 14.69h14c2.1 0 2.92-1.38 2.92-3.13v-1.13c0-1.99-.97-3.13-3.7-3.13h-13.22v7.38zm31.06-14.69h24.55c8.56 0 10.63 4.3 10.63 10.06v2.52c0 4.38-1.9 9.4-8.28 9.4h-17.89v7.4h-9v-29.39zm9.01 14.69h14c2.1 0 2.92-1.38 2.92-3.13v-1.13c0-1.99-.97-3.13-3.7-3.13h-13.22v7.38z"/><path style="fill:#fff;fill-rule:evenodd;stroke:#000;stroke-width:.00457872;stroke-miterlimit:7.9;paint-order:markers stroke fill" d="M13.44 185c1.97-2 11.39-11.64 12.14-12.44l.49-.5-6.48-7.1-6.64-7.28c-.14-.18.17-.2 5.57-.19h5.7l4.52 5.11c2.49 2.81 4.57 5.11 4.63 5.11.06 0 2.14-2.3 4.63-5.1l4.51-5.11h5.7c4.21 0 5.7.02 5.64.11-.05.07-3.03 3.35-6.63 7.29l-6.54 7.16.59.62c1.07 1.1 10.33 10.6 12.08 12.37l1.71 1.73H43.15l-4.84-5.33a166.66 166.66 0 0 0-4.94-5.33c-.06 0-2.28 2.4-4.94 5.33l-4.83 5.33H11.68z"/><path style="fill:#fff;fill-rule:evenodd;stroke:#000;stroke-width:.00647529;stroke-miterlimit:7.9;paint-order:markers stroke fill" d="M152.87 172.1v-14.64h12.54c7.92 0 13.1.07 14.05.17 4.41.5 6.9 2.37 7.93 6 .38 1.36.49 7.47.15 9.1-.5 2.42-2.04 4.69-3.82 5.66-1.6.87-1.73.88-12.35.88h-9.78v7.47h-8.72zm23.54 0c.97-.18 1.49-.52 1.92-1.26.27-.45.32-.8.32-2.4 0-1.67-.04-1.92-.36-2.44a2.8 2.8 0 0 0-1.1-.93c-.72-.36-.74-.36-8.16-.4l-7.44-.06v7.65h6.99c4.04 0 7.34-.07 7.82-.16zm-63.72 0v-14.64h12.65c7.23 0 13.22.07 13.98.16 4.6.53 7.01 2.4 8.06 6.23.22.84.27 1.66.27 4.75 0 3.48-.02 3.82-.36 4.9-.93 3-2.71 4.84-5.36 5.55-.66.17-2.73.22-10.6.22h-9.77v7.47h-8.86zm24.53-.24c.93-.5 1.34-1.34 1.44-3 .1-1.72-.13-2.57-.87-3.31-.89-.88-1.3-.92-9.23-.92h-7v7.65l7.52-.05c7.26-.05 7.53-.06 8.14-.37z"/><path style="fill:#fff;fill-rule:evenodd;stroke:#000;stroke-width:.0129506;stroke-miterlimit:7.9;paint-order:markers stroke fill" d="M58.72 172.1v-14.48h13.55l4.98 9.34c2.74 5.13 5.13 9.29 5.3 9.24.17-.05 2.55-4.25 5.3-9.34l4.98-9.24h13.55v28.97h-8.41v-10.65c0-6.58-.11-10.54-.3-10.36-.15.16-2.87 4.92-6.04 10.57l-5.75 10.28h-6.7l-5.8-10.33a429.87 429.87 0 0 0-6.02-10.56c-.13-.13-.23 4.55-.23 10.4v10.65h-8.41z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 3.9 KiB

1
img/logo-wordmark-vertical.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="200" height="200"><linearGradient id="a" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1196.6 15.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><linearGradient id="b" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1 0 0 1 -994.79 15.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><path d="M151.8 29.56c.08 1.31-1.78.97-1.78 2.3 0 38.54-46.56 97.36-91.69 108.72v1.64c59.95-5.52 128.56-67.8 130.07-126.85l-36.6 14.19z" style="fill:url(#a)"/><path d="M133.67 34.3c.08 1.31.12 2.63.12 3.96 0 38.55-30.7 90.5-75.82 101.86v1.64c59.04-2.8 105.8-63.03 105.8-109.2 0-2.38-.12-4.73-.36-7.06l-29.73 8.8z" style="fill:#e96d1f"/><path d="m163.7 24.95-7.63 2.72c.05.97.07 2.26.07 3.23 0 41.22-37.27 98.2-87.27 107.12-3.25 1.09-7.54 2.08-10.93 2.93v1.64c65.25-5.56 111.1-71.87 105.76-117.64Z" style="fill:#d9541e"/><path d="M50.01 29.56c-.08 1.31 1.79.96 1.79 2.29 0 38.55 46.56 97.37 91.69 108.73v1.64C83.53 136.7 14.93 74.42 13.42 15.37l36.6 14.19z" style="fill:url(#b)"/><path d="M68.14 34.3a68.4 68.4 0 0 0-.12 3.96c0 38.55 30.7 90.5 75.83 101.86v1.64c-59.04-2.8-105.81-63.03-105.81-109.2 0-2.38.13-4.73.37-7.06l29.73 8.8z" style="fill:#a0ce67"/><path d="m38.13 24.95 7.61 2.72a86.6 86.6 0 0 0-.06 3.23c0 41.22 37.27 98.2 87.27 107.12 3.24 1.09 7.54 2.07 10.93 2.93v1.64C78.63 137.03 32.78 70.72 38.12 24.95Z" style="fill:#439639"/><path d="M25.99 172.08 12.6 157.43h11.64l9.13 10.27 9.13-10.27h11.64l-13.38 14.64 14.4 14.73h-12.1l-9.7-10.67-9.68 10.67h-12.1l14.4-14.73zm32.51-14.65h13.84l10.19 18.9 10.18-18.9h13.83v29.37h-8.76v-21.1h-.08l-11.8 21.1h-6.74l-11.8-21.1h-.09v21.1h-8.76v-29.37zm54.16 0h24.55c8.56 0 10.63 4.3 10.63 10.06v2.52c0 4.38-1.91 9.4-8.28 9.4h-17.9v7.4h-9v-29.39zm9 14.69h14c2.1 0 2.92-1.38 2.92-3.13v-1.13c0-1.99-.97-3.13-3.7-3.13h-13.22v7.38zm31.06-14.69h24.55c8.56 0 10.63 4.3 10.63 10.06v2.52c0 4.38-1.9 9.4-8.28 9.4h-17.89v7.4h-9v-29.39zm9.01 14.69h14c2.1 0 2.92-1.38 2.92-3.13v-1.13c0-1.99-.97-3.13-3.7-3.13h-13.22v7.38z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 2.3 KiB

1
img/logo.svg Normal file
View file

@ -0,0 +1 @@
<svg xml:space="preserve" viewBox="13 35 175.63 131.72" width="160" height="120" xmlns="http://www.w3.org/2000/svg"><linearGradient id="a" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1196.6 37.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><linearGradient id="b" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1 0 0 1 -994.79 37.37)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><path d="M151.8 51.56c.08 1.31-1.78.97-1.78 2.3 0 38.54-46.56 97.36-91.69 108.72v1.64c59.95-5.52 128.56-67.8 130.07-126.85l-36.6 14.19z" style="fill:url(#a)"/><path d="M133.67 56.3c.08 1.31.12 2.63.12 3.96 0 38.55-30.7 90.5-75.82 101.86v1.64c59.04-2.8 105.8-63.03 105.8-109.2 0-2.38-.12-4.73-.36-7.06l-29.73 8.8z" style="fill:#e96d1f"/><path d="m163.7 46.95-7.63 2.72c.05.97.07 2.26.07 3.23 0 41.22-37.27 98.2-87.27 107.12-3.25 1.09-7.54 2.08-10.93 2.93v1.64c65.25-5.56 111.1-71.87 105.76-117.64Z" style="fill:#d9541e"/><path d="M50.01 51.56c-.08 1.31 1.79.96 1.79 2.29 0 38.55 46.56 97.37 91.69 108.73v1.64C83.53 158.7 14.93 96.42 13.42 37.37l36.6 14.19z" style="fill:url(#b)"/><path d="M68.14 56.3a68.4 68.4 0 0 0-.12 3.96c0 38.55 30.7 90.5 75.83 101.86v1.64c-59.04-2.8-105.81-63.03-105.81-109.2 0-2.38.13-4.73.37-7.06l29.73 8.8z" style="fill:#a0ce67"/><path d="m38.13 46.95 7.61 2.72a86.6 86.6 0 0 0-.06 3.23c0 41.22 37.27 98.2 87.27 107.12 3.24 1.09 7.54 2.07 10.93 2.93v1.64C78.63 159.03 32.78 92.72 38.12 46.95Z" style="fill:#439639"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

123
img/xmpp-logo-wordmark-horizontal.svg
View file

@ -1,123 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
xml:space="preserve"
viewBox="0 0 760 160"
width="152"
height="32"
x="0px"
y="0px"
enable-background="new 0 0 200 200"
id="svg15"
sodipodi:docname="XMPP.logo.horizontal.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
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"><defs
id="defs15" /><sodipodi:namedview
id="namedview15"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="2"
inkscape:cx="256.5"
inkscape:cy="-15.75"
inkscape:window-width="1916"
inkscape:window-height="1032"
inkscape:window-x="0"
inkscape:window-y="22"
inkscape:window-maximized="1"
inkscape:current-layer="svg15" />
<linearGradient
id="SVGID_right_"
y2="1.279e-13"
gradientUnits="userSpaceOnUse"
x2="-1073.2"
gradientTransform="translate(1196.604,15.368977)"
y1="126.85"
x1="-1073.2">
<stop
stop-color="#1b3967"
offset=".011"
id="stop1" />
<stop
stop-color="#13b5ea"
offset=".467"
id="stop2" />
<stop
stop-color="#002b5c"
offset=".9945"
id="stop3" />
</linearGradient>
<linearGradient
id="SVGID_left_"
y2="1.279e-13"
gradientUnits="userSpaceOnUse"
x2="-1073.2"
gradientTransform="matrix(-1,0,0,1,-994.78801,15.367977)"
y1="126.85"
x1="-1073.2">
<stop
stop-color="#1b3967"
offset=".011"
id="stop4" />
<stop
stop-color="#13b5ea"
offset=".467"
id="stop5" />
<stop
stop-color="#002b5c"
offset=".9945"
id="stop6" />
</linearGradient>
<path
d="m 151.80512,29.557978 c 0.077,1.313 -1.787,0.968 -1.787,2.293 0,38.551 -46.558,97.366012 -91.687985,108.730012 v 1.639 C 118.28313,136.69999 186.89012,74.419978 188.40012,15.369977 l -36.599,14.189001 z"
style="fill:url(#SVGID_right_)"
id="path6" />
<path
d="m 133.67312,34.300978 c 0.076,1.313 0.12,2.63 0.12,3.957 0,38.551 -30.69898,90.497012 -75.826985,101.860012 v 1.639 c 59.044005,-2.79 105.809995,-63.024012 105.809995,-109.200012 0,-2.375 -0.128,-4.729 -0.371,-7.056 l -29.73,8.798 z"
style="fill:#e96d1f"
id="path7" />
<path
d="m 163.69112,24.951978 -7.61699,2.722 c 0.041,0.962 0.066,2.254 0.066,3.225 0,41.219 -37.271,98.204012 -87.271995,107.120012 -3.24501,1.088 -7.53801,2.077 -10.932,2.931 v 1.638 C 123.19013,137.02799 169.03613,70.721978 163.69612,24.947978 Z"
style="fill:#d9541e"
id="path8" />
<path
d="m 50.011,29.556978 c -0.077,1.313 1.787,0.968 1.787,2.293 0,38.551 46.558007,97.366012 91.68799,108.730012 v 1.639 C 83.533,136.69899 14.926,74.418978 13.416,15.368977 l 36.599,14.189001 z"
style="fill:url(#SVGID_left_)"
id="path9" />
<path
d="m 68.143,34.299978 c -0.076,1.313 -0.12,2.63 -0.12,3.957 0,38.551 30.698995,90.497012 75.82699,101.860012 v 1.639 C 84.806,138.96599 38.04,78.731978 38.04,32.555978 c 0,-2.375 0.128,-4.729 0.371,-7.056 l 29.73,8.798 z"
style="fill:#a0ce67"
id="path10" />
<path
d="m 38.125,24.950978 7.617,2.722 c -0.041,0.962 -0.066,2.254 -0.066,3.225 0,41.219 37.271,98.204012 87.27199,107.120012 3.245,1.088 7.538,2.077 10.932,2.931 v 1.638 C 78.626,137.02699 32.78,70.720978 38.12,24.946978 Z"
style="fill:#439639"
id="path11" />
<path
d="M 251.13317,79.886831 210.11296,35 h 35.67356 L 273.75106,66.4606 301.7216,35 h 35.67378 L 296.37863,79.874529 340.5022,125 H 303.45915 L 273.74821,92.308037 244.04926,125 H 207 l 44.13317,-45.131605 z"
id="path12"
style="stroke-width:3.0645" />
<path
d="m 352.80507,35 h 42.39259 L 426.3977,92.923669 457.59774,35 h 42.38031 v 90 H 473.13192 V 60.363248 H 472.8868 L 436.7109,125 H 416.08144 L 379.90556,60.363248 h -0.25124 V 125 H 352.802 V 35.012256 Z"
id="path13"
style="stroke-width:3.06394" />
<path
d="m 515.494,35.01838 h 75.19197 c 26.21886,0 32.55685,13.178353 32.55685,30.826074 v 7.707284 c 0,13.420355 -5.8448,28.825732 -25.34888,28.825732 H 543.07909 V 125 H 515.494 V 35 Z m 27.56978,45.000003 h 42.87713 c 6.46055,0 8.95714,-4.218176 8.95714,-9.566713 v -3.476855 c 0,-6.095984 -2.98979,-9.578966 -11.31586,-9.578966 h -40.51838 v 22.607217 z"
id="path14"
style="stroke-width:3.06331" />
<path
d="m 638.17769,35.01838 h 75.19199 c 26.22499,0 32.56298,13.178357 32.56298,30.826083 v 7.707286 c 0,13.42036 -5.84173,28.825711 -25.34888,28.825711 h -54.8118 V 125 H 638.17769 V 35 Z m 27.60042,45.000019 h 42.87408 c 6.46358,0 8.95099,-4.21818 8.95099,-9.56672 v -3.476855 c 0,-6.095986 -2.98367,-9.578969 -11.31281,-9.578969 h -40.51226 v 22.607224 z"
id="path15"
style="opacity:1;stroke-width:3.06331" />
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 4.8 KiB

30
img/xmpp-logo-wordmark-vertical.svg
View file

@ -1,30 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 13.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 14948) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" viewBox="0 0 200 200" width="200px" height="200px" x="0px" y="0px" enable-background="new 0 0 200 200">
<linearGradient id="SVGID_right_" y2="1.279e-13" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1196.604,15.368977)" y1="126.85" x1="-1073.2">
<stop stop-color="#1b3967" offset=".011"/>
<stop stop-color="#13b5ea" offset=".467"/>
<stop stop-color="#002b5c" offset=".9945"/>
</linearGradient>
<linearGradient id="SVGID_left_" y2="1.279e-13" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1,0,0,1,-994.78801,15.367977)" y1="126.85" x1="-1073.2">
<stop stop-color="#1b3967" offset=".011"/>
<stop stop-color="#13b5ea" offset=".467"/>
<stop stop-color="#002b5c" offset=".9945"/>
</linearGradient>
<path d="m 151.80512,29.557978 c 0.077,1.313 -1.787,0.968 -1.787,2.293 0,38.551 -46.558,97.366012 -91.687985,108.730012 v 1.639 C 118.28313,136.69999 186.89012,74.419978 188.40012,15.369977 l -36.599,14.189001 z" style="fill:url(#SVGID_right_)"/>
<path d="m 133.67312,34.300978 c 0.076,1.313 0.12,2.63 0.12,3.957 0,38.551 -30.69898,90.497012 -75.826985,101.860012 v 1.639 c 59.044005,-2.79 105.809995,-63.024012 105.809995,-109.200012 0,-2.375 -0.128,-4.729 -0.371,-7.056 l -29.73,8.798 z" style="fill:#e96d1f"/>
<path d="m 163.69112,24.951978 -7.61699,2.722 c 0.041,0.962 0.066,2.254 0.066,3.225 0,41.219 -37.271,98.204012 -87.271995,107.120012 -3.24501,1.088 -7.53801,2.077 -10.932,2.931 v 1.638 C 123.19013,137.02799 169.03613,70.721978 163.69612,24.947978 Z" style="fill:#d9541e"/>
<path d="m 50.011,29.556978 c -0.077,1.313 1.787,0.968 1.787,2.293 0,38.551 46.558007,97.366012 91.68799,108.730012 v 1.639 C 83.533,136.69899 14.926,74.418978 13.416,15.368977 l 36.599,14.189001 z" style="fill:url(#SVGID_left_)"/>
<path d="m 68.143,34.299978 c -0.076,1.313 -0.12,2.63 -0.12,3.957 0,38.551 30.698995,90.497012 75.82699,101.860012 v 1.639 C 84.806,138.96599 38.04,78.731978 38.04,32.555978 c 0,-2.375 0.128,-4.729 0.371,-7.056 l 29.73,8.798 z" style="fill:#a0ce67"/>
<path d="m 38.125,24.950978 7.617,2.722 c -0.041,0.962 -0.066,2.254 -0.066,3.225 0,41.219 37.271,98.204012 87.27199,107.120012 3.245,1.088 7.538,2.077 10.932,2.931 v 1.638 C 78.626,137.02699 32.78,70.720978 38.12,24.946978 Z" style="fill:#439639"/>
<path d="m 25.988,172.07799 -13.388,-14.65 h 11.643 l 9.127,10.268 9.129,-10.268 h 11.643 l -13.387,14.646 14.401,14.728 h -12.09 l -9.697,-10.67 -9.693,10.67 H 11.584 l 14.404,-14.73 z"/>
<path d="m 58.508,157.42799 h 13.836 l 10.183,18.905 10.183,-18.905 h 13.83199 v 29.374 h -8.761983 v -21.096 h -0.08 L 85.893,186.80199 H 79.16 l -11.807,-21.096 h -0.082 v 21.096 h -8.764 v -29.37 z"/>
<path d="m 112.66199,157.42799 h 24.546 c 8.559,0 10.628,4.302 10.628,10.063 v 2.516 c 0,4.381 -1.908,9.41 -8.275,9.41 h -17.894 v 7.385 h -9.005 v -29.38 z m 9,14.69 h 13.997 c 2.10901,0 2.92401,-1.377 2.92401,-3.123 v -1.135 c 0,-1.99 -0.976,-3.127 -3.694,-3.127 h -13.227 v 7.38 z"/>
<path d="m 152.72199,157.42799 h 24.546 c 8.561,0 10.63,4.302 10.63,10.063 v 2.516 c 0,4.381 -1.907,9.41 -8.275,9.41 h -17.893 v 7.385 h -9.008 v -29.38 z m 9.01,14.69 h 13.996 c 2.11,0 2.922,-1.377 2.922,-3.123 v -1.135 c 0,-1.99 -0.974,-3.127 -3.693,-3.127 h -13.225 v 7.38 z"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 3.5 KiB

108
img/xmpp-logo.svg
View file

@ -1,108 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
xml:space="preserve"
viewBox="13 35 175.6322 131.72422"
width="160"
height="120"
x="0px"
y="0px"
enable-background="new 0 0 200 200"
id="svg11"
sodipodi:docname="xmpp-logo.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
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"><defs
id="defs11" /><sodipodi:namedview
id="namedview11"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="50.232866"
inkscape:cx="41.158313"
inkscape:cy="119.45367"
inkscape:window-width="1916"
inkscape:window-height="1032"
inkscape:window-x="0"
inkscape:window-y="22"
inkscape:window-maximized="1"
inkscape:current-layer="svg11" />
<linearGradient
id="SVGID_right_"
y2="1.279e-13"
gradientUnits="userSpaceOnUse"
x2="-1073.2"
gradientTransform="translate(1196.604,37.368977)"
y1="126.85"
x1="-1073.2">
<stop
stop-color="#1b3967"
offset=".011"
id="stop1" />
<stop
stop-color="#13b5ea"
offset=".467"
id="stop2" />
<stop
stop-color="#002b5c"
offset=".9945"
id="stop3" />
</linearGradient>
<linearGradient
id="SVGID_left_"
y2="1.279e-13"
gradientUnits="userSpaceOnUse"
x2="-1073.2"
gradientTransform="matrix(-1,0,0,1,-994.78801,37.367977)"
y1="126.85"
x1="-1073.2">
<stop
stop-color="#1b3967"
offset=".011"
id="stop4" />
<stop
stop-color="#13b5ea"
offset=".467"
id="stop5" />
<stop
stop-color="#002b5c"
offset=".9945"
id="stop6" />
</linearGradient>
<path
d="m 151.80512,51.557978 c 0.077,1.313 -1.787,0.968 -1.787,2.293 0,38.551002 -46.558,97.366012 -91.687985,108.730012 v 1.639 C 118.28313,158.69999 186.89012,96.41998 188.40012,37.369977 l -36.599,14.189001 z"
style="fill:url(#SVGID_right_)"
id="path6" />
<path
d="m 133.67312,56.300978 c 0.076,1.313 0.12,2.63 0.12,3.957 0,38.551002 -30.69898,90.497012 -75.826985,101.860012 v 1.639 c 59.044005,-2.79 105.809995,-63.02401 105.809995,-109.200012 0,-2.375 -0.128,-4.729 -0.371,-7.056 l -29.73,8.798 z"
style="fill:#e96d1f"
id="path7" />
<path
d="m 163.69112,46.951978 -7.61699,2.722 c 0.041,0.962 0.066,2.254 0.066,3.225 0,41.219002 -37.271,98.204012 -87.271995,107.120012 -3.24501,1.088 -7.53801,2.077 -10.932,2.931 v 1.638 C 123.19013,159.02799 169.03613,92.72198 163.69612,46.947978 Z"
style="fill:#d9541e"
id="path8" />
<path
d="m 50.011,51.556978 c -0.077,1.313 1.787,0.968 1.787,2.293 0,38.551002 46.558007,97.366012 91.68799,108.730012 v 1.639 C 83.533,158.69899 14.926,96.41898 13.416,37.368977 l 36.599,14.189001 z"
style="fill:url(#SVGID_left_)"
id="path9" />
<path
d="m 68.143,56.299978 c -0.076,1.313 -0.12,2.63 -0.12,3.957 0,38.551002 30.698995,90.497012 75.82699,101.860012 v 1.639 C 84.806,160.96599 38.04,100.73198 38.04,54.555978 c 0,-2.375 0.128,-4.729 0.371,-7.056 l 29.73,8.798 z"
style="fill:#a0ce67"
id="path10" />
<path
d="m 38.125,46.950978 7.617,2.722 c -0.041,0.962 -0.066,2.254 -0.066,3.225 0,41.219002 37.271,98.204012 87.27199,107.120012 3.245,1.088 7.538,2.077 10.932,2.931 v 1.638 C 78.626,159.02699 32.78,92.72098 38.12,46.946978 Z"
style="fill:#439639"
id="path11" />
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 3.5 KiB

10
xhtml/disco.xhtml
View file

@ -25,7 +25,7 @@
<div id="overlay">
<div id="bar">
<a href="https://xmpp.org">
<img id="logo" src="/img/xmpp-logo-wordmark-horizontal.svg" />
<img id="logo" src="/img/logo-wordmark-horizontal.svg" />
</a>
<a id="download" href="https://xmpp.org/software/">
Download
@ -38,7 +38,7 @@
<div id="profile">
<div>
<a id="download-narrow" href="https://xmpp.org/software/">
<img id="logo-narrow" src="/img/xmpp-logo.svg" />
<img id="logo-narrow" src="/img/logo.svg" />
Download
</a>
</div>
@ -124,14 +124,14 @@
</div -->
<!-- div>
<a href="https://xmpp.org">
<img id="logo-bottom" src="/img/xmpp-logo-wordmark-vertical.svg" />
<img id="logo-bottom" src="/img/logo-wordmark-vertical.svg" />
</a>
</div -->
</div>
</div>
<!-- div id="note">
The Universal Messaging Standard
</div -->
</div>
</div>
{% if message %}
<div id="message">{{message}}</div>
{% endif %}

33
xhtml/jid.xhtml
View file

@ -22,14 +22,27 @@
<link rel="stylesheet" href="/css/stylesheet.css" media="screen" type="text/css" />
{% if selection %}
<style>
html {
background-repeat: no-repeat;
background: linear-gradient(
body {
/* background-repeat: no-repeat; */
background:
url(/img/background.svg),
linear-gradient(
to right,
RGB({{selection[0][2]}}, {{selection[0][1]}}, {{selection[0][0]}}),
RGB({{selection[1][2]}}, {{selection[1][1]}}, {{selection[1][0]}})
rgba({{selection[0][2]}}, {{selection[0][1]}}, {{selection[0][0]}}, 0.7),
rgba({{selection[1][2]}}, {{selection[1][1]}}, {{selection[1][0]}}, 0.7)
);
}
@media (prefers-color-scheme: dark) {
body {
background:
url(/img/background.svg),
linear-gradient(
to right,
rgba({{selection[0][2]-50}}, {{selection[0][1]-50}}, {{selection[0][0]-50}}, 0.7),
rgba({{selection[1][2]-50}}, {{selection[1][1]-50}}, {{selection[1][0]-50}}, 0.7)
);
}
}
</style>
{% endif %}
</head>
@ -37,7 +50,7 @@
<div id="overlay">
<div id="bar">
<a href="https://xmpp.org">
<img id="logo" src="/img/xmpp-logo-wordmark-horizontal.svg" />
<img id="logo" src="/img/logo-wordmark-horizontal.svg" />
</a>
<a id="download" href="https://xmpp.org/software/">
Download
@ -47,7 +60,7 @@
<div id="profile">
<div>
<a id="download-narrow" href="https://xmpp.org/software/">
<img id="logo-narrow" src="/img/xmpp-logo.svg" />
<img id="logo-narrow" src="/img/logo.svg" />
Download
</a>
</div>
@ -93,14 +106,14 @@
{% endif %}
<!-- div>
<a href="https://xmpp.org">
<img id="logo-bottom" src="/img/xmpp-logo-wordmark-vertical.svg" />
<img id="logo-bottom" src="/img/logo-wordmark-vertical.svg" />
</a>
</div -->
</div>
</div>
<!-- div id="note">
The Universal Messaging Standard
</div -->
</div>
</div>
{% if message %}
<div id="message">{{message}}</div>
{% endif %}

12
xhtml/main.xhtml
View file

@ -12,7 +12,7 @@
<meta name="uri" content="{{xmpp_uri}}" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:description" content="FASI : Welcome" />
<meta property="og:image" content="/img/xmpp-logo-wordmark-vertical.svg" />
<meta property="og:image" content="/img/logo-wordmark-vertical.svg" />
<meta property="og:site_name" content="XMPP" />
<meta property="og:title" content="FASI : Welcome" />
<meta property="og:type" content="website" />
@ -25,7 +25,7 @@
<div id="overlay">
<div id="bar">
<a href="https://xmpp.org">
<img id="logo" src="/img/xmpp-logo-wordmark-horizontal.svg" />
<img id="logo" src="/img/logo-wordmark-horizontal.svg" />
</a>
<a id="download" href="https://xmpp.org/software/">
Download
@ -35,7 +35,7 @@
<div id="profile">
<div>
<a id="download-narrow" href="https://xmpp.org/software/">
<img id="logo-narrow" src="/img/xmpp-logo.svg" />
<img id="logo-narrow" src="/img/logo.svg" />
Download
</a>
</div>
@ -56,14 +56,14 @@
</div>
<div>
<a href="https://xmpp.org">
<img id="logo-bottom" src="/img/xmpp-logo-wordmark-vertical.svg" />
<img id="logo-bottom" src="/img/logo-wordmark-vertical.svg" />
</a>
</div>
</div>
</div>
<div id="note">
The Universal Messaging Standard
</div>
</div>
</div>
</div>
</body>
</html>

10
xhtml/node.xhtml
View file

@ -25,7 +25,7 @@
<div id="overlay">
<div id="bar">
<a href="https://xmpp.org">
<img id="logo" src="/img/xmpp-logo-wordmark-horizontal.svg" />
<img id="logo" src="/img/logo-wordmark-horizontal.svg" />
</a>
<a id="download" href="https://xmpp.org/software/">
Download
@ -38,7 +38,7 @@
<div id="profile">
<div>
<a id="download-narrow" href="https://xmpp.org/software/">
<img id="logo-narrow" src="/img/xmpp-logo.svg" />
<img id="logo-narrow" src="/img/logo.svg" />
Download
</a>
</div>
@ -93,14 +93,14 @@
</div -->
<!-- div>
<a href="https://xmpp.org">
<img id="logo-bottom" src="/img/xmpp-logo-wordmark-vertical.svg" />
<img id="logo-bottom" src="/img/logo-wordmark-vertical.svg" />
</a>
</div -->
</div>
</div>
<!-- div id="note">
The Universal Messaging Standard
</div -->
</div>
</div>
{% if message %}
<div id="message">{{message}}</div>
{% endif %}