AAAAAAAA
This commit is contained in:
parent
b45f307478
commit
9fdfe3abbb
1
404.html
1
404.html
|
|
@ -57,7 +57,6 @@
|
|||
<meta name="theme-color" content="#cba6f7" />
|
||||
|
||||
<link href="/css/index.css" rel="stylesheet" />
|
||||
<link href="/css/picker.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body class="message-page">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,140 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<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" inkscape:version="1.0beta1 (32d4812, 2019-09-19)" height="52" width="89.015999" sodipodi:docname="Amazon Music.svg" xml:space="preserve" viewBox="0 0 89.015999 52" y="0px" x="0px" id="Layer_1" version="1.1"><metadata id="metadata930">
|
||||
<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>
|
||||
<defs id="defs928"/>
|
||||
<sodipodi:namedview inkscape:current-layer="Layer_1" inkscape:window-maximized="0" inkscape:window-y="25" inkscape:window-x="0" inkscape:cy="19.580525" inkscape:cx="56.067074" inkscape:zoom="3.959798" showgrid="false" id="namedview926" inkscape:window-height="907" inkscape:window-width="1600" inkscape:pageshadow="2" inkscape:pageopacity="0" guidetolerance="10" gridtolerance="10" objecttolerance="10" borderopacity="1" inkscape:document-rotation="0" bordercolor="#666666" pagecolor="#ffffff"/>
|
||||
|
||||
<style id="style833" type="text/css">
|
||||
.st0{fill:url(#SVGID_1_);}
|
||||
.st1{fill:url(#SVGID_2_);}
|
||||
.st2{fill:url(#SVGID_3_);}
|
||||
.st3{fill:url(#SVGID_4_);}
|
||||
.st4{fill:url(#SVGID_5_);}
|
||||
.st5{fill:url(#SVGID_6_);}
|
||||
.st6{fill:url(#SVGID_7_);}
|
||||
.st7{fill:url(#SVGID_8_);}
|
||||
</style>
|
||||
|
||||
<g transform="translate(-0.53422889,-18)" id="g923">
|
||||
|
||||
<linearGradient gradientTransform="matrix(90.9945,-90.9945,-90.9945,-90.9945,64008.539,390.498)" y2="353.3577" x2="-349.23441" y1="353.3577" x1="-349.85849" gradientUnits="userSpaceOnUse" id="SVGID_1_">
|
||||
<stop id="stop835" style="stop-color:#0C6CB3" offset="0"/>
|
||||
|
||||
<stop id="stop837" style="stop-color:#1E84C4" offset="0.2911"/>
|
||||
|
||||
<stop id="stop839" style="stop-color:#4CC0EF" offset="0.8873"/>
|
||||
|
||||
<stop id="stop841" style="stop-color:#4CC0EF" offset="1"/>
|
||||
|
||||
</linearGradient>
|
||||
|
||||
<path inkscape:connector-curvature="0" style="fill:url(#SVGID_1_)" id="path844" d="m 59.7,40.5 c -0.6,0.4 -1.5,0.7 -2.6,0.7 -1.7,0 -3.3,-0.2 -4.9,-0.7 -0.4,-0.1 -0.7,-0.2 -0.9,-0.2 -0.3,0 -0.4,0.2 -0.4,0.6 v 1 c 0,0.3 0.1,0.5 0.2,0.7 0.1,0.1 0.3,0.3 0.6,0.4 1.6,0.7 3.4,1 5.4,1 2.1,0 3.7,-0.5 5,-1.5 1.3,-1 1.9,-2.3 1.9,-4 0,-1.2 -0.3,-2.1 -0.9,-2.9 -0.6,-0.7 -1.6,-1.4 -3,-1.9 l -2.8,-1.1 c -1.1,-0.4 -1.9,-0.8 -2.2,-1.2 -0.4,-0.4 -0.6,-0.8 -0.6,-1.5 0,-1.5 1.1,-2.3 3.4,-2.3 1.3,0 2.6,0.2 3.8,0.6 0.4,0.1 0.7,0.2 0.8,0.2 0.3,0 0.5,-0.2 0.5,-0.6 v -1 c 0,-0.3 -0.1,-0.5 -0.2,-0.7 -0.1,-0.2 -0.3,-0.3 -0.6,-0.4 -1.5,-0.5 -3,-0.8 -4.5,-0.8 -1.9,0 -3.5,0.5 -4.7,1.4 -1.2,0.9 -1.8,2.2 -1.8,3.7 0,2.3 1.3,4 3.9,5 l 3,1.1 c 1,0.4 1.6,0.7 2,1.1 0.4,0.4 0.5,0.8 0.5,1.4 0,0.8 -0.3,1.5 -0.9,1.9 z" class="st0"/>
|
||||
|
||||
|
||||
<linearGradient gradientTransform="matrix(90.9945,-90.9945,-90.9945,-90.9945,64008.539,390.498)" y2="353.4541" x2="-349.23441" y1="353.4541" x1="-349.85849" gradientUnits="userSpaceOnUse" id="SVGID_2_">
|
||||
<stop id="stop846" style="stop-color:#0C6CB3" offset="0"/>
|
||||
|
||||
<stop id="stop848" style="stop-color:#1E84C4" offset="0.2911"/>
|
||||
|
||||
<stop id="stop850" style="stop-color:#4CC0EF" offset="0.8873"/>
|
||||
|
||||
<stop id="stop852" style="stop-color:#4CC0EF" offset="1"/>
|
||||
|
||||
</linearGradient>
|
||||
|
||||
<path inkscape:connector-curvature="0" style="fill:url(#SVGID_2_)" id="path855" d="m 44,26.1 v 13.3 c -1.7,1.1 -3.4,1.7 -5.1,1.7 -1.1,0 -1.9,-0.3 -2.4,-0.9 C 36,39.6 35.8,38.7 35.8,37.4 V 26.1 c 0,-0.5 -0.2,-0.7 -0.7,-0.7 H 33 c -0.5,0 -0.7,0.2 -0.7,0.7 v 12.4 c 0,1.7 0.4,3.1 1.3,4 0.9,0.9 2.2,1.4 3.9,1.4 2.3,0 4.6,-0.8 6.8,-2.4 l 0.2,1.2 c 0,0.3 0.1,0.4 0.3,0.5 0.1,0.1 0.3,0.1 0.6,0.1 h 1.5 c 0.5,0 0.7,-0.2 0.7,-0.7 V 26.1 c 0,-0.5 -0.2,-0.7 -0.7,-0.7 h -2.1 c -0.6,0 -0.8,0.3 -0.8,0.7 z" class="st1"/>
|
||||
|
||||
|
||||
<linearGradient gradientTransform="matrix(90.9945,-90.9945,-90.9945,-90.9945,64008.539,390.498)" y2="353.59329" x2="-349.23441" y1="353.59329" x1="-349.85849" gradientUnits="userSpaceOnUse" id="SVGID_3_">
|
||||
<stop id="stop857" style="stop-color:#0C6CB3" offset="0"/>
|
||||
|
||||
<stop id="stop859" style="stop-color:#1E84C4" offset="0.2911"/>
|
||||
|
||||
<stop id="stop861" style="stop-color:#4CC0EF" offset="0.8873"/>
|
||||
|
||||
<stop id="stop863" style="stop-color:#4CC0EF" offset="1"/>
|
||||
|
||||
</linearGradient>
|
||||
|
||||
<path inkscape:connector-curvature="0" style="fill:url(#SVGID_3_)" id="path866" d="m 25,43.4 h 2.1 c 0.5,0 0.7,-0.2 0.7,-0.7 V 30.2 c 0,-1.7 -0.4,-3 -1.3,-3.9 -0.9,-0.9 -2.1,-1.4 -3.8,-1.4 -2.3,0 -4.7,0.8 -7,2.5 -0.8,-1.7 -2.3,-2.5 -4.5,-2.5 -2.2,0 -4.4,0.8 -6.6,2.3 L 4.4,26.1 C 4.4,25.8 4.3,25.7 4.1,25.6 4,25.5 3.8,25.5 3.6,25.5 H 2 c -0.5,0 -0.7,0.2 -0.7,0.7 v 16.6 c 0,0.5 0.2,0.7 0.7,0.7 h 2.1 c 0.5,0 0.7,-0.2 0.7,-0.7 V 29.3 c 1.7,-1 3.4,-1.6 5.2,-1.6 1,0 1.7,0.3 2.1,0.9 0.4,0.6 0.7,1.4 0.7,2.6 v 11.5 c 0,0.5 0.2,0.7 0.7,0.7 h 2.1 c 0.5,0 0.7,-0.2 0.7,-0.7 V 30.4 29.8 c 0,-0.2 0,-0.4 0,-0.5 1.8,-1.1 3.5,-1.6 5.2,-1.6 1,0 1.7,0.3 2.1,0.9 0.4,0.6 0.7,1.4 0.7,2.6 v 11.5 c 0,0.5 0.2,0.7 0.7,0.7 z" class="st2"/>
|
||||
|
||||
|
||||
<linearGradient gradientTransform="matrix(90.9945,-90.9945,-90.9945,-90.9945,64008.539,390.498)" y2="353.33289" x2="-349.23441" y1="353.33289" x1="-349.85849" gradientUnits="userSpaceOnUse" id="SVGID_4_">
|
||||
<stop id="stop868" style="stop-color:#0C6CB3" offset="0"/>
|
||||
|
||||
<stop id="stop870" style="stop-color:#1E84C4" offset="0.2911"/>
|
||||
|
||||
<stop id="stop872" style="stop-color:#4CC0EF" offset="0.8873"/>
|
||||
|
||||
<stop id="stop874" style="stop-color:#4CC0EF" offset="1"/>
|
||||
|
||||
</linearGradient>
|
||||
|
||||
<path inkscape:connector-curvature="0" style="fill:url(#SVGID_4_)" id="path877" d="m 79.5,56.7 c -10.9,4.6 -22.8,6.9 -33.6,6.9 -16,0 -31.5,-4.4 -44,-11.7 -0.2,-0.1 -0.4,-0.2 -0.6,-0.2 -0.7,0 -1.1,0.8 -0.4,1.5 11.6,10.5 27,16.8 44,16.8 12.2,0 26.3,-3.8 36,-11 1.7,-1.2 0.3,-3 -1.4,-2.3 z" class="st3"/>
|
||||
|
||||
|
||||
<linearGradient gradientTransform="matrix(90.9945,-90.9945,-90.9945,-90.9945,64008.539,390.498)" y2="353.21909" x2="-349.23441" y1="353.21909" x1="-349.85849" gradientUnits="userSpaceOnUse" id="SVGID_5_">
|
||||
<stop id="stop879" style="stop-color:#0C6CB3" offset="0"/>
|
||||
|
||||
<stop id="stop881" style="stop-color:#1E84C4" offset="0.2911"/>
|
||||
|
||||
<stop id="stop883" style="stop-color:#4CC0EF" offset="0.8873"/>
|
||||
|
||||
<stop id="stop885" style="stop-color:#4CC0EF" offset="1"/>
|
||||
|
||||
</linearGradient>
|
||||
|
||||
<path inkscape:connector-curvature="0" style="fill:url(#SVGID_5_)" id="path888" d="m 79.2,29.4 c 0.9,-1 2.3,-1.5 4.3,-1.5 1,0 2,0.1 2.9,0.4 0.3,0.1 0.4,0.1 0.6,0.1 0.3,0 0.5,-0.2 0.5,-0.7 v -1 C 87.5,26.4 87.4,26.1 87.3,26 87.2,25.9 87,25.7 86.8,25.6 85.5,25.3 84.2,25 83,25 c -2.8,0 -4.9,0.8 -6.5,2.5 -1.5,1.6 -2.3,4 -2.3,7 0,3 0.7,5.3 2.2,6.9 1.5,1.6 3.6,2.4 6.4,2.4 1.5,0 2.9,-0.2 4,-0.7 0.3,-0.1 0.5,-0.2 0.6,-0.4 0.1,-0.1 0.1,-0.4 0.1,-0.7 v -1 c 0,-0.5 -0.2,-0.7 -0.5,-0.7 -0.1,0 -0.3,0 -0.5,0.1 -1.1,0.3 -2.2,0.5 -3.2,0.5 -1.9,0 -3.3,-0.5 -4.2,-1.5 -0.9,-1 -1.3,-2.6 -1.3,-4.7 v -0.5 c 0.1,-2.2 0.5,-3.8 1.4,-4.8 z" class="st4"/>
|
||||
|
||||
|
||||
<linearGradient gradientTransform="matrix(90.9945,-90.9945,-90.9945,-90.9945,64008.539,390.498)" y2="353.10449" x2="-349.23441" y1="353.10449" x1="-349.85849" gradientUnits="userSpaceOnUse" id="SVGID_6_">
|
||||
<stop id="stop890" style="stop-color:#0C6CB3" offset="0"/>
|
||||
|
||||
<stop id="stop892" style="stop-color:#1E84C4" offset="0.2911"/>
|
||||
|
||||
<stop id="stop894" style="stop-color:#4CC0EF" offset="0.8873"/>
|
||||
|
||||
<stop id="stop896" style="stop-color:#4CC0EF" offset="1"/>
|
||||
|
||||
</linearGradient>
|
||||
|
||||
<path inkscape:connector-curvature="0" style="fill:url(#SVGID_6_)" id="path899" d="M 83.7,66.1 C 88.9,61.7 90.3,52.6 89.2,51.2 88.7,50.6 86.3,50 83.3,50 c -3.2,0 -7,0.7 -9.9,2.7 -0.9,0.6 -0.7,1.4 0.2,1.3 3.1,-0.4 10.1,-1.2 11.4,0.4 1.2,1.6 -1.4,8.2 -2.6,11.1 -0.3,0.9 0.4,1.2 1.3,0.6 z" class="st5"/>
|
||||
|
||||
|
||||
<linearGradient gradientTransform="matrix(90.9945,-90.9945,-90.9945,-90.9945,64008.539,390.498)" y2="353.2955" x2="-349.23441" y1="353.2955" x1="-349.85849" gradientUnits="userSpaceOnUse" id="SVGID_7_">
|
||||
<stop id="stop901" style="stop-color:#0C6CB3" offset="0"/>
|
||||
|
||||
<stop id="stop903" style="stop-color:#1E84C4" offset="0.2911"/>
|
||||
|
||||
<stop id="stop905" style="stop-color:#4CC0EF" offset="0.8873"/>
|
||||
|
||||
<stop id="stop907" style="stop-color:#4CC0EF" offset="1"/>
|
||||
|
||||
</linearGradient>
|
||||
|
||||
<path inkscape:connector-curvature="0" style="fill:url(#SVGID_7_)" id="path910" d="m 69.8,25.4 h -2.1 c -0.5,0 -0.7,0.2 -0.7,0.7 v 16.6 c 0,0.5 0.2,0.7 0.7,0.7 h 2.1 c 0.5,0 0.7,-0.2 0.7,-0.7 V 26.1 c 0,-0.4 -0.2,-0.7 -0.7,-0.7 z" class="st6"/>
|
||||
|
||||
|
||||
<linearGradient gradientTransform="matrix(90.9945,-90.9945,-90.9945,-90.9945,64008.539,390.498)" y2="353.37411" x2="-349.23441" y1="353.37411" x1="-349.85849" gradientUnits="userSpaceOnUse" id="SVGID_8_">
|
||||
<stop id="stop912" style="stop-color:#0C6CB3" offset="0"/>
|
||||
|
||||
<stop id="stop914" style="stop-color:#1E84C4" offset="0.2911"/>
|
||||
|
||||
<stop id="stop916" style="stop-color:#4CC0EF" offset="0.8873"/>
|
||||
|
||||
<stop id="stop918" style="stop-color:#4CC0EF" offset="1"/>
|
||||
|
||||
</linearGradient>
|
||||
|
||||
<path inkscape:connector-curvature="0" style="fill:url(#SVGID_8_)" id="path921" d="M 70.4,18.6 C 70,18.2 69.4,18 68.7,18 c -0.7,0 -1.2,0.2 -1.6,0.6 -0.4,0.4 -0.6,0.9 -0.6,1.5 0,0.6 0.2,1.2 0.6,1.5 0.4,0.4 0.9,0.6 1.6,0.6 0.7,0 1.2,-0.2 1.6,-0.6 0.4,-0.4 0.6,-0.9 0.6,-1.5 0,-0.6 -0.1,-1.2 -0.5,-1.5 z" class="st7"/>
|
||||
|
||||
</g>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.2 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 580.4">
|
||||
<path fill="#148eff" d="M473.5 197.6c-75.9-35.1-185.1-57.4-287.8-49.1 5.1-34 17.9-57.7 38.7-62.7 28.7-6.9 60 12 89.8 46.3 19.5 2.5 42.7 7 58.9 10.7C318.7 40.5 245.7-16.8 190.2 4.4 148 20.5 126.4 78.6 129 156.7c-55 11.7-97.9 32.5-125.4 62.4-1.4 1.6-4.5 5.7-3.4 7.6.9 1.5 3.6-.2 4.9-1 31.8-22.3 72.6-34.3 125.7-41.9 7.6 83.3 42.8 189 101.4 273.8-32 12.6-58.9 13.4-73.6-2.2-20.3-21.4-19.6-58-4.8-101-7.6-18.2-15.3-40.5-20.1-56.3-61.6 98.3-74.8 190.2-28.7 227.7 35.1 28.5 96.2 18.2 162.5-23.1 37.6 41.8 77.1 68.5 116.7 77.3 2.1.4 7.2 1.1 8.3-.8.9-1.5-2-3.1-3.3-3.7-35.2-16.4-66-45.7-99.1-87.9 68.4-48.2 142.3-131.6 186.4-224.7 26.9 21.5 41 44.3 34.9 64.9-8.4 28.3-40.4 46-85.1 54.6-12 15.7-27.4 33.5-38.7 45.6 115.8 4 202-30.5 211.4-89.1 7.2-44.6-32.4-92.4-101.3-129.2 17.4-53.5 20.8-101 8.6-139.7-.7-2-2.6-6.8-4.9-6.8-1.7 0-1.7 3.3-1.6 4.7 3.6 38.6-6.3 80-26.3 129.7zM260.2 444.3c-49-78.6-77.2-171.2-77.1-264.8 92.6-3.1 186.9 18.7 267.9 65.7-43.6 81.7-109.6 152.5-190.8 199.1z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#0085FF" class="bi bi-bluesky" viewBox="0 0 16 16">
|
||||
<path d="M3.468 1.948C5.303 3.325 7.276 6.118 8 7.616c.725-1.498 2.698-4.29 4.532-5.668C13.855.955 16 .186 16 2.632c0 .489-.28 4.105-.444 4.692-.572 2.04-2.653 2.561-4.504 2.246 3.236.551 4.06 2.375 2.281 4.2-3.376 3.464-4.852-.87-5.23-1.98-.07-.204-.103-.3-.103-.218 0-.081-.033.014-.102.218-.379 1.11-1.855 5.444-5.231 1.98-1.778-1.825-.955-3.65 2.28-4.2-1.85.315-3.932-.205-4.503-2.246C.28 6.737 0 3.12 0 2.632 0 .186 2.145.955 3.468 1.948"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 575 B |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 9.9 KiB |
|
|
@ -0,0 +1,8 @@
|
|||
<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" id="svg2" version="1.1" inkscape:version="0.91 r13725" viewBox="20.15 2 210.75 208.03">
|
||||
<g inkscape:label="Calque 1" inkscape:groupmode="layer" id="layer1" transform="translate(-289.50849,319.17136)">
|
||||
<g id="g4406" transform="matrix(0.4419355,0,0,0.4419355,-115.1012,-96.127872)">
|
||||
<path id="path4379" d="m 1176.6123,-29.967468 c -8.009,-0.7461 -29.0806,-4.396821 -36.897,-6.392511 -67.5741,-17.253211 -124.8006,-63.525585 -155.0844,-125.398661 -16.602,-33.91969 -23.521,-64.2537 -23.4937,-103.00001 0.027,-38.79338 7.0526,-69.73501 23.3858,-103 12.2333,-24.91498 26.3042,-44.43274 46.2801,-64.19516 37.3662,-36.9669 84.697,-59.85104 138.3092,-66.87154 17.5275,-2.29521 54.6301,-1.5484 71,1.42912 34.044,6.19227 64.6093,18.35433 92,36.60722 56.9065,37.92192 93.817,95.91793 103.4396,162.53036 2.0602,14.26155 3.2527,43.94053 1.8651,46.41995 -0.7568,1.35238 -1.1502,-0.0645 -1.6458,-5.9267 -2.4567,-29.06251 -15.0282,-64.20412 -32.3729,-90.49325 -52.7188,-79.90524 -151.0781,-113.80564 -242.1459,-83.45777 -70.2905,23.42393 -123.1187,82.8524 -137.618,154.81167 -7.1694,35.58155 -5.018,70.45861 6.4702,104.89047 20.26,60.72247 68.7499,109.233259 130.2437,130.299931 14.5024,4.96828 33.1269,9.108241 45.4086,10.093731 14.7058,1.18 10.9996,2.30228 -7.1446,2.16348 -9.9,-0.0757 -19.8,-0.30538 -22,-0.51033 z" style="fill:#f78b24;fill-opacity:1" inkscape:connector-curvature="0"/>
|
||||
<path id="path4375" d="m 1227.1123,-59.32484 c -76.0142,-5.536521 -138.9957,-62.21443 -152.1394,-136.9122 -2.3924,-13.59664 -2.8534,-39.01314 -0.9344,-51.5216 11.3957,-74.28153 68.5344,-130.63625 143.0738,-141.11091 15.1081,-2.12306 42.0304,-1.37887 56.5,1.56178 12.5864,2.55794 26.5391,7.09857 37.5,12.20362 l 8.5,3.9589 -8,3.778 c -28.8694,13.63355 -46.6877,45.52332 -42.505,76.07193 4.1886,30.59164 25.3438,54.60279 55.7135,63.23456 10.9335,3.10756 27.6526,3.10665 38.5907,-0.002 14.1429,-4.0196 25.2344,-10.59356 35.3287,-20.93938 3.4078,-3.49268 6.4155,-5.99171 6.6838,-5.55337 0.2683,0.43833 1.0472,5.2538 1.7309,10.70103 1.6868,13.43899 0.6963,39.00754 -2.0056,51.77306 -8.6054,40.65625 -30.2885,74.78176 -63.537,99.995987 -31.4692,23.864872 -73.0995,35.776123 -114.5,32.760703 z" style="fill:#f78b24;fill-opacity:1" inkscape:connector-curvature="0"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#5865F2" class="bi bi-discord" viewBox="0 0 16 16">
|
||||
<path d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg fill="none" height="2500" width="2072" xmlns="http://www.w3.org/2000/svg" viewBox="0.359 21.68880147788684 251.28199999999998 282.31119852211316"><path d="M152.338 157.13a70.327 70.327 0 1 0-53.8 1.662l6.788-17.937a51.149 51.149 0 1 1 39.128-1.209z" fill="#414141"/><path d="M.359 98.405h57.11V304h-39.11c-9.941 0-18-8.059-18-18z" fill="#ea323c"/><path d="M251.641 98.405h-57.109V304h39.109c9.941 0 18-8.059 18-18z" fill="#88b621"/><path d="M194.531 98.405H126V304h68.531z" fill="#f5ae03"/><path d="M126 98.405H57.468V304H126z" fill="#0064d1"/></svg>
|
||||
|
After Width: | Height: | Size: 555 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#aaaaaa" class="bi bi-envelope-fill" viewBox="0 0 16 16">
|
||||
<path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586zm3.436-.586L16 11.801V4.697z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 344 B |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 24 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#3b5998" class="bi bi-facebook" viewBox="0 0 16 16">
|
||||
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 430 B |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 120 120" width="32" height="32"><defs><clipPath id="a" clipPathUnits="userSpaceOnUse"><path stroke-width="1.306" d="m117.728 54.656-52.39-52.39a7.727 7.727 0 0 0-10.931 0l-10.875 10.88 13.797 13.8a9.18 9.18 0 0 1 11.622 11.702l13.3 13.3a9.18 9.18 0 0 1 9.505 2.183 9.194 9.194 0 0 1 0 13.003 9.205 9.205 0 0 1-13.013 0 9.2 9.2 0 0 1-1.995-10.003L64.343 44.728v32.645c5.642 2.788 6.879 10.294 2.428 14.744a9.19 9.19 0 0 1-13.002 0 9.194 9.194 0 0 1 0-13.005 9.2 9.2 0 0 1 3.009-2.01V44.158a9.206 9.206 0 0 1-4.988-12.06L38.186 18.493 2.26 54.41a7.74 7.74 0 0 0 0 10.931l52.392 52.399a7.736 7.736 0 0 0 10.93 0l52.157-52.152a7.74 7.74 0 0 0 0-10.932"/></clipPath></defs><g clip-path="url(#a)" paint-order="markers stroke fill"><rect width="120" height="22.5" fill="#fe9494" ry="0"/><rect width="120" height="22.5" y="20" fill="#ffc783" ry="0"/><rect width="120" height="22.5" y="40" fill="#fff683" ry="0"/><rect width="120" height="22.5" y="60.001" fill="#69cb86" ry="0"/><rect width="120" height="22.5" y="80.001" fill="#83a8ff" ry="0"/><rect width="120" height="19.999" y="100.002" fill="#c56ad4" ry="0"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
|
||||
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 708 B |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.7 KiB |
|
|
@ -0,0 +1,14 @@
|
|||
<svg id="FINAL" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #bf913b;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<g>
|
||||
<path class="cls-1" d="M438.14,168A235.31,235.31,0,0,1,580.08,552.7h79.45a299,299,0,0,0,41.4-152.25c0-153.18-114.63-279.58-262.79-298.11Z"/>
|
||||
<path class="cls-1" d="M208.88,631.86V537.33a235.17,235.17,0,0,1,0-273.77V169a300.44,300.44,0,0,0,0,462.83Z"/>
|
||||
</g>
|
||||
<polygon class="cls-1" points="393.14 75 220.98 75 253.88 142.3 253.88 658.33 221.32 724.89 611.49 724.89 647.14 597.7 393.14 597.7 393.14 75"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 591 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#0a66c2" class="bi bi-linkedin" viewBox="0 0 16 16">
|
||||
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 661 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#563ACC" class="bi bi-mastodon" viewBox="0 0 16 16">
|
||||
<path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a4 4 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522q0-1.288.66-2.046c.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764q.662.757.661 2.046z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 947 B |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="584.798" height="720" viewBox="0 0 154.728 190.5" xmlns:v="https://vecta.io/nano"><g transform="translate(898.192 276.071)"><path clip-path="none" d="M-837.663-237.968a5.49 5.49 0 0 0-5.423 4.633l-9.013 57.15-8.281 52.514-.005.044.01-.044 8.281-52.514c.421-2.669 2.719-4.633 5.42-4.633h26.404c26.573 0 49.127-19.387 53.246-45.658.314-1.996.482-3.973.52-5.924v-.003h-.003c-6.753-3.543-14.683-5.565-23.372-5.565z" fill="#001c64"/><path clip-path="none" d="M-766.506-232.402c-.037 1.951-.207 3.93-.52 5.926-4.119 26.271-26.673 45.658-53.246 45.658h-26.404c-2.701 0-4.999 1.964-5.42 4.633l-8.281 52.514-5.197 32.947a4.46 4.46 0 0 0 4.405 5.153h28.66a5.49 5.49 0 0 0 5.423-4.633l7.55-47.881c.423-2.669 2.722-4.636 5.423-4.636h16.876c26.573 0 49.124-19.386 53.243-45.655 2.924-18.649-6.46-35.614-22.511-44.026z" fill="#0070e0"/><path clip-path="none" d="M-870.225-276.071a5.49 5.49 0 0 0-5.423 4.636l-22.489 142.608a4.46 4.46 0 0 0 4.405 5.156h33.351l8.281-52.514 9.013-57.15a5.49 5.49 0 0 1 5.423-4.633h47.782c8.691 0 16.621 2.025 23.375 5.563.46-23.917-19.275-43.666-46.412-43.666z" fill="#003087"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FF5700" class="bi bi-reddit" viewBox="0 0 16 16">
|
||||
<path d="M6.167 8a.83.83 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.23.23 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83s.83-.381.83-.83a.831.831 0 0 0-1.66 0z"/>
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.2.2 0 0 0-.153.028.2.2 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224q-.03.17-.029.353c0 1.795 2.091 3.256 4.669 3.256s4.668-1.451 4.668-3.256c0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 979 B |
|
|
@ -0,0 +1,9 @@
|
|||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 57.3 53.2" style="enable-background:new 0 0 57.3 53.2;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<path d="M32.1,0L0,14.9l8,30.5l6.1-0.8l-1.7-19.2l2-0.9l3.5,19.6l10.4-1.3l-1.9-21.1l2-0.9l3.8,21.5l10.5-1.3l-2-23.2l2-0.9
|
||||
l4.2,23.6l10.4-1.3v-33L32.1,0z M32.9,46.2l0.5,3l23.9,4v-10L32.9,46.2L32.9,46.2z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 467 B |
|
|
@ -0,0 +1,10 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="svg10" inkscape:version="0.92.3 (2405546, 2018-03-11)" sodipodi:docname="Roblox_2017_O_Icon_final_-_Red.svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 302.7 302.7" style="enable-background:new 0 0 302.7 302.7;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<sodipodi:namedview bordercolor="#666666" borderopacity="1" gridtolerance="10" guidetolerance="10" id="namedview12" inkscape:current-layer="svg10" inkscape:cx="151.36" inkscape:cy="151.36" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-height="1017" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:zoom="2.6030655" objecttolerance="10" pagecolor="#ffffff" showgrid="false">
|
||||
</sodipodi:namedview>
|
||||
<path id="path20" inkscape:connector-curvature="0" class="st0" d="M120.5,271.7c-110.9-28.6-120-31-119.9-31.5 C0.7,239.6,62.1,0.5,62.2,0.4c0,0,54,13.8,119.9,30.8s120,30.8,120.1,30.8c0.2,0,0.2,0.4,0.1,0.9c-0.2,1.5-61.5,239.3-61.7,239.5 C240.6,302.5,186.5,288.7,120.5,271.7z M174.9,158c3.2-12.6,5.9-23.1,6-23.4c0.1-0.5-2.3-1.2-23.2-6.6c-12.8-3.3-23.5-5.9-23.6-5.8 c-0.3,0.3-12.1,46.6-12,46.7c0.2,0.2,46.7,12.2,46.8,12.1C168.9,180.9,171.6,170.6,174.9,158L174.9,158z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#aaaaaa" class="bi bi-globe2" viewBox="0 0 16 16">
|
||||
<path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855q-.215.403-.395.872c.705.157 1.472.257 2.282.287zM4.249 3.539q.214-.577.481-1.078a7 7 0 0 1 .597-.933A7 7 0 0 0 3.051 3.05q.544.277 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9 9 0 0 1-1.565-.667A6.96 6.96 0 0 0 1.018 7.5zm1.4-2.741a12.3 12.3 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332M8.5 5.09V7.5h2.99a12.3 12.3 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.6 13.6 0 0 1 7.5 10.91V8.5zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741zm-3.282 3.696q.18.469.395.872c.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a7 7 0 0 1-.598-.933 9 9 0 0 1-.481-1.079 8.4 8.4 0 0 0-1.198.49 7 7 0 0 0 2.276 1.522zm-1.383-2.964A13.4 13.4 0 0 1 3.508 8.5h-2.49a6.96 6.96 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667m6.728 2.964a7 7 0 0 0 2.275-1.521 8.4 8.4 0 0 0-1.197-.49 9 9 0 0 1-.481 1.078 7 7 0 0 1-.597.933M8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855q.216-.403.395-.872A12.6 12.6 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.96 6.96 0 0 0 14.982 8.5h-2.49a13.4 13.4 0 0 1-.437 3.008M14.982 7.5a6.96 6.96 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008zM11.27 2.461q.266.502.482 1.078a8.4 8.4 0 0 0 1.196-.49 7 7 0 0 0-2.275-1.52c.218.283.418.597.597.932m-.488 1.343a8 8 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#1ED760" class="bi bi-spotify" viewBox="0 0 16 16">
|
||||
<path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m3.669 11.538a.5.5 0 0 1-.686.165c-1.879-1.147-4.243-1.407-7.028-.77a.499.499 0 0 1-.222-.973c3.048-.696 5.662-.397 7.77.892a.5.5 0 0 1 .166.686m.979-2.178a.624.624 0 0 1-.858.205c-2.15-1.321-5.428-1.704-7.972-.932a.625.625 0 0 1-.362-1.194c2.905-.881 6.517-.454 8.986 1.063a.624.624 0 0 1 .206.858m.084-2.268C10.154 5.56 5.9 5.419 3.438 6.166a.748.748 0 1 1-.434-1.432c2.825-.857 7.523-.692 10.492 1.07a.747.747 0 1 1-.764 1.288"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 604 B |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 65 65" fill="#fff"><use xlink:href="#B" x=".5" y=".5"/><defs><linearGradient id="A" x2="50%" x1="50%" y2="100%" y1="0%"><stop stop-color="#111d2e" offset="0%"/><stop stop-color="#051839" offset="21.2%"/><stop stop-color="#0a1b48" offset="40.7%"/><stop stop-color="#132e62" offset="58.1%"/><stop stop-color="#144b7e" offset="73.8%"/><stop stop-color="#136497" offset="87.3%"/><stop stop-color="#1387b8" offset="100%"/></linearGradient></defs><symbol id="B"><g><path d="M1.305 41.202C5.259 54.386 17.488 64 31.959 64c17.673 0 32-14.327 32-32s-14.327-32-32-32C15.001 0 1.124 13.193.028 29.874c2.074 3.477 2.879 5.628 1.275 11.328z" fill="url(#A)"/><path d="M30.31 23.985l.003.158-7.83 11.375c-1.268-.058-2.54.165-3.748.662a8.14 8.14 0 0 0-1.498.8L.042 29.893s-.398 6.546 1.26 11.424l12.156 5.016c.6 2.728 2.48 5.12 5.242 6.27a8.88 8.88 0 0 0 11.603-4.782 8.89 8.89 0 0 0 .684-3.656L42.18 36.16l.275.005c6.705 0 12.155-5.466 12.155-12.18s-5.44-12.16-12.155-12.174c-6.702 0-12.155 5.46-12.155 12.174zm-1.88 23.05c-1.454 3.5-5.466 5.147-8.953 3.694a6.84 6.84 0 0 1-3.524-3.362l3.957 1.64a5.04 5.04 0 0 0 6.591-2.719 5.05 5.05 0 0 0-2.715-6.601l-4.1-1.695c1.578-.6 3.372-.62 5.05.077 1.7.703 3 2.027 3.696 3.72s.692 3.56-.01 5.246M42.466 32.1a8.12 8.12 0 0 1-8.098-8.113 8.12 8.12 0 0 1 8.098-8.111 8.12 8.12 0 0 1 8.1 8.111 8.12 8.12 0 0 1-8.1 8.113m-6.068-8.126a6.09 6.09 0 0 1 6.08-6.095c3.355 0 6.084 2.73 6.084 6.095a6.09 6.09 0 0 1-6.084 6.093 6.09 6.09 0 0 1-6.081-6.093z"/></g></symbol></svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg height="797.73mm" viewBox="-58.35000000000002 -186.70564362582354 2548.289756960746 2538.849821747569" width="705.56mm" xmlns="http://www.w3.org/2000/svg"><g fill="#25f4ee"><path d="M779.38 890.55v-88.12a650.81 650.81 0 0 0-92.45-7.94c-299.8-.64-565.22 193.64-655.25 479.6S47.92 1871.34 294 2042.56a684.7 684.7 0 0 1 485.36-1152z"/><path d="M796 1888.72c167.62-.23 305.4-132.28 312.74-299.74V94.62h273A512.17 512.17 0 0 1 1373.8 0h-373.41v1492.92c-6.21 168.31-144.32 301.63-312.74 301.9a317.76 317.76 0 0 1-144.45-36.11A313.48 313.48 0 0 0 796 1888.72zM1891.66 601.64v-83.06a509.85 509.85 0 0 1-282.4-85.22 517.79 517.79 0 0 0 282.4 168.28z"/></g><path d="M1609.26 433.36a514.19 514.19 0 0 1-127.84-339.47h-99.68a517.16 517.16 0 0 0 227.52 339.47zM686.93 1167.9a313.46 313.46 0 0 0-144.46 590.81A312.75 312.75 0 0 1 796 1262.51a329.69 329.69 0 0 1 92.44 14.49V897.05a654.77 654.77 0 0 0-92.44-7.22h-16.62v288.9a321.13 321.13 0 0 0-92.45-10.83z" fill="#fe2c55"/><path d="M1891.66 601.64v288.91a886.23 886.23 0 0 1-517.86-168.29v759.1c-.8 378.78-308.09 685.43-686.87 685.43A679.65 679.65 0 0 1 294 2042.56 685.43 685.43 0 0 0 1481.42 1576V819.05A887.71 887.71 0 0 0 2000 985.17v-372a529.59 529.59 0 0 1-108.34-11.53z" fill="#fe2c55"/><path d="M1373.8 1481.36v-759.1a886.11 886.11 0 0 0 518.58 166.12v-288.9a517.87 517.87 0 0 1-283.12-166.12 517.16 517.16 0 0 1-227.52-339.47h-273V1589a313.46 313.46 0 0 1-567 171.17 313.46 313.46 0 0 1 144.46-590.83 321.35 321.35 0 0 1 92.45 14.45V894.88A684.71 684.71 0 0 0 293.29 2050.5a679.65 679.65 0 0 0 393.64 116.29c378.78 0 686.07-306.65 686.87-685.43z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#9146FF" class="bi bi-twitch" viewBox="0 0 16 16">
|
||||
<path d="M3.857 0 1 2.857v10.286h3.429V16l2.857-2.857H9.57L14.714 8V0zm9.714 7.429-2.285 2.285H9l-2 2v-2H4.429V1.143h9.142z"/>
|
||||
<path d="M11.857 3.143h-1.143V6.57h1.143zm-3.143 0H7.571V6.57h1.143z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 329 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#1DA1F2" class="bi bi-twitter" viewBox="0 0 16 16">
|
||||
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334q.002-.211-.006-.422A6.7 6.7 0 0 0 16 3.542a6.7 6.7 0 0 1-1.889.518 3.3 3.3 0 0 0 1.447-1.817 6.5 6.5 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.32 9.32 0 0 1-6.767-3.429 3.29 3.29 0 0 0 1.018 4.382A3.3 3.3 0 0 1 .64 6.575v.045a3.29 3.29 0 0 0 2.632 3.218 3.2 3.2 0 0 1-.865.115 3 3 0 0 1-.614-.057 3.28 3.28 0 0 0 3.067 2.277A6.6 6.6 0 0 1 .78 13.58a6 6 0 0 1-.78-.045A9.34 9.34 0 0 0 5.026 15"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 581 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#107C10" class="bi bi-xbox" viewBox="0 0 16 16">
|
||||
<path d="M7.202 15.967a8 8 0 0 1-3.552-1.26c-.898-.585-1.101-.826-1.101-1.306 0-.965 1.062-2.656 2.879-4.583C6.459 7.723 7.897 6.44 8.052 6.475c.302.068 2.718 2.423 3.622 3.531 1.43 1.753 2.088 3.189 1.754 3.829-.254.486-1.83 1.437-2.987 1.802-.954.301-2.207.429-3.239.33m-5.866-3.57C.589 11.253.212 10.127.03 8.497c-.06-.539-.038-.846.137-1.95.218-1.377 1.002-2.97 1.945-3.95.401-.417.437-.427.926-.263.595.2 1.23.638 2.213 1.528l.574.519-.313.385C4.056 6.553 2.52 9.086 1.94 10.653c-.315.852-.442 1.707-.306 2.063.091.24.007.15-.3-.319Zm13.101.195c.074-.36-.019-1.02-.238-1.687-.473-1.443-2.055-4.128-3.508-5.953l-.457-.575.494-.454c.646-.593 1.095-.948 1.58-1.25.381-.237.927-.448 1.161-.448.145 0 .654.528 1.065 1.104a8.4 8.4 0 0 1 1.343 3.102c.153.728.166 2.286.024 3.012a9.5 9.5 0 0 1-.6 1.893c-.179.393-.624 1.156-.82 1.404-.1.128-.1.127-.043-.148ZM7.335 1.952c-.67-.34-1.704-.705-2.276-.803a4 4 0 0 0-.759-.043c-.471.024-.45 0 .306-.358A7.8 7.8 0 0 1 6.47.128c.8-.169 2.306-.17 3.094-.005.85.18 1.853.552 2.418.9l.168.103-.385-.02c-.766-.038-1.88.27-3.078.853-.361.176-.676.316-.699.312a12 12 0 0 1-.654-.319Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FF0000" class="bi bi-youtube" viewBox="0 0 16 16">
|
||||
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 888 B |
|
|
@ -74,7 +74,6 @@
|
|||
<meta name="theme-color" content="#cba6f7" />
|
||||
|
||||
<link href="/css/index.css" rel="stylesheet" />
|
||||
<link href="/css/picker.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body class="message-page">
|
||||
|
|
|
|||
461
css/discord.css
461
css/discord.css
|
|
@ -1,53 +1,7 @@
|
|||
/* =============================================================================
|
||||
presence-card.css — Discord presence card + friends grid
|
||||
Extracted from c.stupid.cat for use with discord.js and friends.js.
|
||||
|
||||
USAGE
|
||||
1. Load this file on any page that runs discord.js (a single card mounts on
|
||||
<div id="discord">) or friends.js (a grid of cards in <div id="friends-root">).
|
||||
2. Copy these font files into /assets/fonts/ (or delete the @font-face blocks
|
||||
to skip custom Discord display-name fonts):
|
||||
gg sans.woff2 Sakura.woff2 Jellybean.woff2 Modern.woff2
|
||||
Medieval.woff2 8Bit.woff2 Vampyre.woff2 Tempo.woff2
|
||||
3. The :root block below is a FALLBACK palette (Catppuccin Mocha). Delete it
|
||||
if your site already defines these variables, or edit to match your theme.
|
||||
|
||||
VARIABLES THE CARD READS (provide these, or keep the :root fallback):
|
||||
--text --subtext-0 --subtext-1 --surface-0 --surface-1 --surface-2
|
||||
--overlay-0 --overlay-1 --crust --mantle --mauve --blue --green --red
|
||||
--yellow --accent-rgb (the *-rgb ones are comma triplets, e.g. 245, 194, 231)
|
||||
|
||||
VARIABLES discord.js SETS AT RUNTIME (do NOT define — they come from live data):
|
||||
--dc-accent --pc-banner-color --pc-grad-1-rgb --pc-grad-2-rgb
|
||||
============================================================================= */
|
||||
|
||||
/* ---- Discord display-name fonts (look-alikes) — discord.js applies these per
|
||||
user from display_name_styles.font_id. Files live in /assets/fonts/. -------- */
|
||||
@font-face { font-family:'DDN gg sans'; src:url('/assets/fonts/gg%20sans.woff2') format('woff2'); font-display:swap; }
|
||||
@font-face { font-family:'DDN Sakura'; src:url('/assets/fonts/Sakura.woff2') format('woff2'); font-display:swap; }
|
||||
@font-face { font-family:'DDN Jellybean'; src:url('/assets/fonts/Jellybean.woff2') format('woff2'); font-display:swap; }
|
||||
@font-face { font-family:'DDN Modern'; src:url('/assets/fonts/Modern.woff2') format('woff2'); font-display:swap; }
|
||||
@font-face { font-family:'DDN Medieval'; src:url('/assets/fonts/Medieval.woff2') format('woff2'); font-display:swap; }
|
||||
@font-face { font-family:'DDN 8Bit'; src:url('/assets/fonts/8Bit.woff2') format('woff2'); font-display:swap; }
|
||||
@font-face { font-family:'DDN Vampyre'; src:url('/assets/fonts/Vampyre.woff2') format('woff2'); font-display:swap; }
|
||||
@font-face { font-family:'DDN Tempo'; src:url('/assets/fonts/Tempo.woff2') format('woff2'); font-display:swap; }
|
||||
|
||||
/* ---- Theme palette (FALLBACK — Catppuccin Mocha). Delete if your site already
|
||||
defines these custom properties. ------------------------------------------- */
|
||||
:root {
|
||||
--text: #cdd6f4; --subtext-0: #a6adc8; --subtext-1: #bac2de;
|
||||
--overlay-0: #6c7086; --overlay-1: #7f849c;
|
||||
--surface-0: #313244; --surface-1: #45475a; --surface-2: #585b70;
|
||||
--crust: #11111b; --mantle: #181825;
|
||||
--mauve: #cba6f7; --blue: #89b4fa; --green: #a6e3a1; --red: #f38ba8; --yellow: #f9e2af;
|
||||
--accent-rgb: 245, 194, 231;
|
||||
}
|
||||
|
||||
|
||||
/* ===========================================================================
|
||||
CARD COMPONENT (discord.js — also used by each friend card)
|
||||
=========================================================================== */
|
||||
|
||||
/* =====================================================================
|
||||
* 3. PRESENCE CARD (unified Discord-style profile pill)
|
||||
* Lifted verbatim from main.css §13 so the card is self-contained.
|
||||
* ===================================================================== */
|
||||
.presence-card {
|
||||
--dc-accent: 245, 194, 231;
|
||||
position: fixed;
|
||||
|
|
@ -73,6 +27,7 @@
|
|||
box-shadow: 0 8px 26px -12px rgba(var(--dc-accent), 0.6);
|
||||
}
|
||||
|
||||
/* ---- header (always visible) ---- */
|
||||
.pc-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -93,10 +48,12 @@
|
|||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
|
||||
/* solid fill behind the avatar — many PFPs (incl. Clove's) are partly
|
||||
transparent, and Discord shows a solid backdrop rather than the banner. */
|
||||
background: var(--crust);
|
||||
}
|
||||
|
||||
/* avatar decoration / frame overlay (Discord cosmetic) */
|
||||
.pc-av-deco {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
|
@ -165,6 +122,7 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
/* status word (Online / Idle / Do Not Disturb / Offline) */
|
||||
.pc-status-text {
|
||||
font-size: 0.7rem;
|
||||
font-weight: 600;
|
||||
|
|
@ -219,6 +177,7 @@
|
|||
background: var(--overlay-0);
|
||||
}
|
||||
|
||||
/* ---- expandable sections ---- */
|
||||
.pc-sections {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -282,7 +241,8 @@ a.pc-row:hover,
|
|||
max-width: 200px;
|
||||
}
|
||||
|
||||
.pc-row-title:empty, .pc-row-sub:empty {
|
||||
.pc-row-title:empty,
|
||||
.pc-row-sub:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
@ -296,6 +256,7 @@ a.pc-row:hover,
|
|||
display: none;
|
||||
}
|
||||
|
||||
/* artwork / icons */
|
||||
.pc-art,
|
||||
.pc-row-ic-img {
|
||||
width: 38px;
|
||||
|
|
@ -315,7 +276,8 @@ a.pc-row:hover,
|
|||
}
|
||||
|
||||
.pc-dev .pc-row-ic.pc-dot {
|
||||
background: var(--blue); border-radius: 2px;
|
||||
background: var(--blue);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.pc-game .pc-row-ic.pc-dot {
|
||||
|
|
@ -326,6 +288,7 @@ a.pc-row:hover,
|
|||
background: var(--mauve);
|
||||
}
|
||||
|
||||
/* custom status */
|
||||
.pc-custom {
|
||||
position: relative;
|
||||
align-self: flex-start;
|
||||
|
|
@ -339,6 +302,7 @@ a.pc-row:hover,
|
|||
margin-top: 0.3rem;
|
||||
}
|
||||
|
||||
/* Discord-style thought-bubble tail */
|
||||
.pc-custom::before,
|
||||
.pc-custom::after {
|
||||
content: "";
|
||||
|
|
@ -349,19 +313,29 @@ a.pc-row:hover,
|
|||
}
|
||||
|
||||
.pc-custom::before {
|
||||
width: 9px; height: 9px; top: -5px; left: 12px;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
top: -5px;
|
||||
left: 12px;
|
||||
}
|
||||
|
||||
.pc-custom::after {
|
||||
width: 5px; height: 5px; top: -11px; left: 9px;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
top: -11px;
|
||||
left: 9px;
|
||||
}
|
||||
|
||||
.pc-custom:hover {
|
||||
transform: none; border-color: transparent;
|
||||
transform: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.pc-emoji {
|
||||
width: 18px; height: 18px; flex-shrink: 0; margin-top: 0.05rem;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
flex-shrink: 0;
|
||||
margin-top: 0.05rem;
|
||||
}
|
||||
|
||||
.pc-custom-text {
|
||||
|
|
@ -373,6 +347,7 @@ a.pc-row:hover,
|
|||
line-height: 1.35;
|
||||
}
|
||||
|
||||
/* spotify progress */
|
||||
.pc-spotify .pc-row-title {
|
||||
color: var(--green);
|
||||
}
|
||||
|
|
@ -408,6 +383,17 @@ a.pc-row:hover,
|
|||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.presence-card {
|
||||
max-width: calc(100vw - 2rem);
|
||||
}
|
||||
|
||||
.api-stage .presence-card {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ---- extended Lanyard fields ---- */
|
||||
.pc-name-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -419,6 +405,7 @@ a.pc-row:hover,
|
|||
min-width: 0;
|
||||
}
|
||||
|
||||
/* gradient display name (display_name_styles) */
|
||||
.pc-name.is-gradient {
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
|
|
@ -426,6 +413,7 @@ a.pc-row:hover,
|
|||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
/* server tag chip (primary_guild) */
|
||||
.pc-tag {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
|
@ -445,9 +433,12 @@ a.pc-row:hover,
|
|||
}
|
||||
|
||||
.pc-tag-badge {
|
||||
width: 14px; height: 14px; display: block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* username + active-platform indicators */
|
||||
.pc-sub-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -462,13 +453,18 @@ a.pc-row:hover,
|
|||
}
|
||||
|
||||
.pc-plat {
|
||||
width: 12px; height: 12px; display: inline-flex;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.pc-plat svg {
|
||||
width: 12px; height: 12px; display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* KV meta line (location, etc.) */
|
||||
.pc-meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -483,9 +479,11 @@ a.pc-row:hover,
|
|||
}
|
||||
|
||||
.pc-pin {
|
||||
font-size: 0.7rem; line-height: 1;
|
||||
font-size: 0.7rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
/* stacked rows (activity rows that carry buttons) */
|
||||
.pc-row--stack {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
|
|
@ -501,6 +499,7 @@ a.pc-row:hover,
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* activity icon with small corner badge (assets.small_image) */
|
||||
.pc-ic-wrap {
|
||||
position: relative;
|
||||
flex-shrink: 0;
|
||||
|
|
@ -509,7 +508,8 @@ a.pc-row:hover,
|
|||
}
|
||||
|
||||
.pc-ic-wrap .pc-row-ic-img {
|
||||
width: 38px; height: 38px;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
.pc-ic-badge {
|
||||
|
|
@ -523,6 +523,7 @@ a.pc-row:hover,
|
|||
object-fit: cover;
|
||||
}
|
||||
|
||||
/* activity buttons (labels from presence) */
|
||||
.pc-buttons {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -545,6 +546,7 @@ a.pc-row:hover,
|
|||
background: var(--surface-2);
|
||||
}
|
||||
|
||||
/* profile badges */
|
||||
.pc-badges {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
|
@ -558,13 +560,17 @@ a.pc-row:hover,
|
|||
}
|
||||
|
||||
.pc-badge {
|
||||
width: 16px; height: 16px; display: block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pc-badge-link {
|
||||
display: inline-flex; line-height: 0;
|
||||
display: inline-flex;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
/* wishlist star + panel */
|
||||
.pc-star {
|
||||
margin-left: auto;
|
||||
align-self: flex-start;
|
||||
|
|
@ -579,7 +585,8 @@ a.pc-row:hover,
|
|||
}
|
||||
|
||||
.pc-star:hover {
|
||||
color: rgb(var(--accent-rgb)); transform: scale(1.12);
|
||||
color: rgb(var(--accent-rgb));
|
||||
transform: scale(1.12);
|
||||
}
|
||||
|
||||
.pc-star.on {
|
||||
|
|
@ -620,11 +627,17 @@ a.pc-wl-item:hover {
|
|||
}
|
||||
|
||||
.pc-wl-ic {
|
||||
width: 22px; height: 22px; border-radius: 5px; object-fit: cover;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border-radius: 5px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.pc-wl-text {
|
||||
display: flex; flex-direction: column; line-height: 1.2; min-width: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
line-height: 1.2;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.pc-wl-name {
|
||||
|
|
@ -651,9 +664,12 @@ a.pc-wl-item:hover {
|
|||
}
|
||||
|
||||
.pc-wl-empty {
|
||||
font-size: 0.78rem; color: var(--subtext-0); margin: 0;
|
||||
font-size: 0.78rem;
|
||||
color: var(--subtext-0);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Discord profile gradient (Catppuccin is the fallback) */
|
||||
.presence-card.has-profile-grad {
|
||||
background: linear-gradient(180deg, rgb(var(--pc-grad-1-rgb)) 0%, rgb(var(--pc-grad-2-rgb)) 100%);
|
||||
}
|
||||
|
|
@ -666,6 +682,10 @@ a.pc-wl-item:hover {
|
|||
background: rgba(17, 17, 27, 0.55);
|
||||
}
|
||||
|
||||
|
||||
/* =====================================================================
|
||||
* 4. EXTRAS (banner, bio, connected accounts — used on the /discord page)
|
||||
* ===================================================================== */
|
||||
.pc-banner {
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
|
@ -678,6 +698,7 @@ a.pc-wl-item:hover {
|
|||
display: none;
|
||||
}
|
||||
|
||||
/* solid/accent banner fallback when there's no Nitro banner image */
|
||||
.presence-card.has-banner-color::before {
|
||||
content: "";
|
||||
display: block;
|
||||
|
|
@ -685,6 +706,7 @@ a.pc-wl-item:hover {
|
|||
background: var(--pc-banner-color, var(--surface-1));
|
||||
}
|
||||
|
||||
/* when a banner is present, lift the avatar up over it */
|
||||
.presence-card.has-banner .pc-head,
|
||||
.presence-card.has-banner-color .pc-head {
|
||||
margin-top: -22px;
|
||||
|
|
@ -763,9 +785,52 @@ a.pc-conn:hover {
|
|||
}
|
||||
|
||||
.pc-conn-check {
|
||||
color: var(--green); font-weight: 700;
|
||||
color: var(--green);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
||||
/* =====================================================================
|
||||
* 5. /discord PAGE STAGE (centered, slightly wider card)
|
||||
* ===================================================================== */
|
||||
html:has(.presence-stage),
|
||||
body:has(.presence-stage) {
|
||||
height: auto;
|
||||
min-height: 100dvh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
body:has(.presence-stage) {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.presence-stage {
|
||||
min-height: 100dvh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
.presence-intro {
|
||||
text-align: center;
|
||||
margin: 0 0 1.25rem;
|
||||
}
|
||||
|
||||
.presence-intro h1 {
|
||||
margin: 0;
|
||||
font-size: 1.8rem;
|
||||
color: rgb(var(--accent-rgb));
|
||||
}
|
||||
|
||||
.presence-intro p {
|
||||
margin: 0.3rem 0 0;
|
||||
font-size: 0.9rem;
|
||||
color: var(--subtext-0);
|
||||
}
|
||||
|
||||
/* pronouns chip (shown on the card sub-row) */
|
||||
.pc-pronouns {
|
||||
padding: 0.05rem 0.4rem;
|
||||
border-radius: 6px;
|
||||
|
|
@ -780,6 +845,10 @@ a.pc-conn:hover {
|
|||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* =====================================================================
|
||||
* 6. /discord PAGE — big "fills the page" presence card
|
||||
* ===================================================================== */
|
||||
.presence-stage .presence-card {
|
||||
position: static;
|
||||
margin: 0;
|
||||
|
|
@ -788,6 +857,7 @@ a.pc-conn:hover {
|
|||
border-radius: 20px;
|
||||
}
|
||||
|
||||
/* tall Nitro banner */
|
||||
.presence-stage .pc-banner {
|
||||
height: 220px;
|
||||
}
|
||||
|
|
@ -796,16 +866,21 @@ a.pc-conn:hover {
|
|||
height: 150px;
|
||||
}
|
||||
|
||||
/* header — roomier, big overlapping avatar */
|
||||
.presence-stage .pc-head {
|
||||
gap: 1rem;
|
||||
padding: 0.9rem 1.4rem;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
/* keep the identity column bottom-aligned to the avatar's visible lower
|
||||
half, whether or not a custom-status bubble is present */
|
||||
.presence-stage .presence-card.has-custom .pc-head {
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
/* only the avatar pokes up into the banner; the name/identity block stays
|
||||
in the solid area below it */
|
||||
.presence-stage .presence-card.has-banner .pc-head,
|
||||
.presence-stage .presence-card.has-banner-color .pc-head {
|
||||
margin-top: 0;
|
||||
|
|
@ -828,7 +903,8 @@ a.pc-conn:hover {
|
|||
.presence-stage .presence-card.has-banner-color .pc-av-img {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
|
||||
/* solid dark plate + ring so the banner sits clearly BEHIND the avatar
|
||||
(the PFP itself is partly transparent) */
|
||||
background: var(--crust);
|
||||
border: 6px solid var(--crust);
|
||||
}
|
||||
|
|
@ -846,6 +922,7 @@ a.pc-conn:hover {
|
|||
border-width: 5px;
|
||||
}
|
||||
|
||||
/* identity block — bigger type */
|
||||
.presence-stage .pc-name {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
|
@ -859,9 +936,11 @@ a.pc-conn:hover {
|
|||
}
|
||||
|
||||
.presence-stage .pc-badge {
|
||||
width: 22px; height: 22px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
/* bio + connections — wider, padded to match */
|
||||
.presence-stage .pc-bio {
|
||||
margin: 0 1.4rem 0.8rem;
|
||||
padding: 0.7rem 0.9rem;
|
||||
|
|
@ -874,31 +953,37 @@ a.pc-conn:hover {
|
|||
}
|
||||
|
||||
.presence-stage .pc-conn {
|
||||
font-size: 0.74rem; padding: 0.3rem 0.65rem;
|
||||
font-size: 0.74rem;
|
||||
padding: 0.3rem 0.65rem;
|
||||
}
|
||||
|
||||
/* activity rows — larger artwork + text */
|
||||
.presence-stage .pc-sections {
|
||||
gap: 0.6rem;
|
||||
padding: 0 1.4rem 1.1rem;
|
||||
}
|
||||
|
||||
.presence-stage .pc-row {
|
||||
padding: 0.7rem 0.8rem; border-radius: 14px;
|
||||
padding: 0.7rem 0.8rem;
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
.presence-stage .pc-art,
|
||||
.presence-stage .pc-row-ic-img,
|
||||
.presence-stage .pc-ic-wrap,
|
||||
.presence-stage .pc-ic-wrap .pc-row-ic-img {
|
||||
width: 56px; height: 56px;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
}
|
||||
|
||||
.presence-stage .pc-row-title {
|
||||
font-size: 0.95rem; max-width: none;
|
||||
font-size: 0.95rem;
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.presence-stage .pc-row-sub {
|
||||
font-size: 0.82rem; max-width: none;
|
||||
font-size: 0.82rem;
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.presence-stage .pc-progress {
|
||||
|
|
@ -906,116 +991,22 @@ a.pc-conn:hover {
|
|||
}
|
||||
|
||||
.presence-stage .pc-custom-text {
|
||||
font-size: 0.86rem; max-width: none;
|
||||
font-size: 0.86rem;
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
/* wishlist + star scale up a touch */
|
||||
.presence-stage .pc-star {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.presence-card.is-mini {
|
||||
position: static;
|
||||
top: auto;
|
||||
left: auto;
|
||||
right: auto;
|
||||
bottom: auto;
|
||||
z-index: auto;
|
||||
margin: 0;
|
||||
width: 300px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.presence-card.is-mini .pc-banner {
|
||||
height: 84px;
|
||||
}
|
||||
|
||||
.presence-card.is-mini .pc-bio {
|
||||
max-height: 6.5em;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.presence-card.is-mini .pc-name--link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.presence-card.is-mini .pc-name--link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.presence-card.is-mini .pc-name::before {
|
||||
content: "🩵 ";
|
||||
}
|
||||
|
||||
.presence-card.is-mini.tier-known .pc-name::before {
|
||||
content: "💛 ";
|
||||
}
|
||||
|
||||
.presence-card.is-mini.tier-wife .pc-name::before {
|
||||
content: "🖤 ";
|
||||
}
|
||||
|
||||
.presence-card.is-mini.tier-close .pc-name::before {
|
||||
content: "🤍 ";
|
||||
}
|
||||
|
||||
.presence-card.is-mini.tier-active-alt .pc-name::before {
|
||||
content: "🎭 ";
|
||||
}
|
||||
|
||||
.presence-card.is-mini.tier-dead-alt .pc-name::before {
|
||||
content: "💀 ";
|
||||
}
|
||||
|
||||
.presence-card.is-mini .pc-name.is-gradient::before {
|
||||
-webkit-text-fill-color: initial;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.presence-card.is-mini.tier-dead-alt .pc-av-img {
|
||||
filter: grayscale(1) brightness(0.6);
|
||||
}
|
||||
|
||||
.presence-card.is-mini.tier-dead-alt .pc-name {
|
||||
color: var(--overlay-1);
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.presence-card.is-mini.tier-dead-alt .pc-status {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pc-conn-ic {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
display: block;
|
||||
flex: none;
|
||||
}
|
||||
|
||||
.presence-card.is-mini .pc-conn-ic {
|
||||
width: 13px; height: 13px;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 640px) {
|
||||
|
||||
.presence-card {
|
||||
max-width: calc(100vw - 2rem);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 720px) {
|
||||
|
||||
.presence-stage .presence-card {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 480px) {
|
||||
|
||||
.presence-stage .pc-banner {
|
||||
height: 150px;
|
||||
}
|
||||
|
|
@ -1023,13 +1014,15 @@ a.pc-conn:hover {
|
|||
.presence-stage .pc-avatar,
|
||||
.presence-stage .presence-card.has-banner .pc-avatar,
|
||||
.presence-stage .presence-card.has-banner-color .pc-avatar {
|
||||
width: 92px; height: 92px;
|
||||
width: 92px;
|
||||
height: 92px;
|
||||
}
|
||||
|
||||
.presence-stage .pc-av-img,
|
||||
.presence-stage .presence-card.has-banner .pc-av-img,
|
||||
.presence-stage .presence-card.has-banner-color .pc-av-img {
|
||||
width: 92px; height: 92px;
|
||||
width: 92px;
|
||||
height: 92px;
|
||||
}
|
||||
|
||||
.presence-stage .presence-card.has-banner .pc-head,
|
||||
|
|
@ -1045,115 +1038,23 @@ a.pc-conn:hover {
|
|||
.presence-stage .pc-name {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* ===========================================================================
|
||||
FRIENDS GRID / SECTIONS (friends.js)
|
||||
=========================================================================== */
|
||||
|
||||
html:has(.project-grid),
|
||||
html:has(.friend-grid) {
|
||||
height: auto;
|
||||
min-height: 100dvh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
body:has(.project-grid),
|
||||
body:has(.friend-grid) {
|
||||
height: auto;
|
||||
min-height: 100dvh;
|
||||
align-items: flex-start;
|
||||
overflow-x: hidden;
|
||||
overflow-y: visible;
|
||||
}
|
||||
|
||||
.section {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
/* =====================================================================
|
||||
* 7. INLINE EMBED (compact presence card sitting in normal page flow,
|
||||
* e.g. between the other links on the /socials page). Unlike
|
||||
* .presence-stage this does NOT take over the viewport — the card
|
||||
* flows in place, centered, so surrounding content stays put.
|
||||
* ===================================================================== */
|
||||
.presence-embed {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 1.5rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
margin: 0;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: uppercase;
|
||||
color: var(--mauve);
|
||||
}
|
||||
|
||||
.section-subtitle {
|
||||
margin: -1.1rem 0 0;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: lowercase;
|
||||
color: var(--surface-2);
|
||||
}
|
||||
|
||||
body:has(.friend-grid) .hub-header {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.friend-grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 1.5rem;
|
||||
gap: 1.1rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 640px) {
|
||||
|
||||
body,
|
||||
body:has(.dev-info),
|
||||
body:has(.project-grid),
|
||||
body:has(.friend-grid) {
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
height: auto;
|
||||
min-height: 100dvh;
|
||||
overflow-x: hidden;
|
||||
overflow-y: visible;
|
||||
padding: 1.25rem 1rem 2rem;
|
||||
|
||||
}
|
||||
|
||||
.hub,
|
||||
body:has(.dev-info) .hub,
|
||||
body:has(.project-grid) .hub,
|
||||
body:has(.friend-grid) .hub {
|
||||
order: 2;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.dev-info,
|
||||
.project-grid,
|
||||
.friend-grid {
|
||||
padding-bottom: 1rem;
|
||||
|
||||
}
|
||||
|
||||
.section+.section {
|
||||
margin-top: 1.5rem;
|
||||
|
||||
margin: 1.25rem 0 0.5rem;
|
||||
}
|
||||
|
||||
.presence-embed .presence-card {
|
||||
position: static;
|
||||
top: auto;
|
||||
left: auto;
|
||||
margin: 0;
|
||||
}
|
||||
|
|
@ -1,10 +1,8 @@
|
|||
@font-face {
|
||||
font-family: "Comic Code";
|
||||
src:
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff2")
|
||||
format("woff2"),
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff")
|
||||
format("woff");
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff2") format("woff2"),
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff") format("woff");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
@ -12,10 +10,8 @@
|
|||
@font-face {
|
||||
font-family: "Comic Code";
|
||||
src:
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff2")
|
||||
format("woff2"),
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff")
|
||||
format("woff");
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff2") format("woff2"),
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff") format("woff");
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
}
|
||||
|
|
@ -23,10 +19,8 @@
|
|||
@font-face {
|
||||
font-family: "Comic Code";
|
||||
src:
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff2")
|
||||
format("woff2"),
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff")
|
||||
format("woff");
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff2") format("woff2"),
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff") format("woff");
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
@ -34,10 +28,8 @@
|
|||
@font-face {
|
||||
font-family: "Comic Code";
|
||||
src:
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff2")
|
||||
format("woff2"),
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff")
|
||||
format("woff");
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff2") format("woff2"),
|
||||
url("https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff") format("woff");
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
/* ==========================================
|
||||
!! Stylesheet guide: !!
|
||||
|
||||
|
|
@ -50,20 +49,6 @@ body {
|
|||
padding: clamp(2.5rem, 9vh, 6rem) 1.25rem 5rem;
|
||||
}
|
||||
|
||||
/* Miku chibi tucked into the bottom-right corner */
|
||||
body::after {
|
||||
content: "";
|
||||
position: fixed;
|
||||
right: 0.5rem;
|
||||
bottom: 0.5rem;
|
||||
width: clamp(96px, 14vw, 168px);
|
||||
aspect-ratio: 564 / 547;
|
||||
background: url(/assets/theme/teto.png) center / contain no-repeat;
|
||||
opacity: 0.18;
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
/* main content column */
|
||||
main.intro,
|
||||
.hub {
|
||||
|
|
@ -127,14 +112,27 @@ body::before {
|
|||
position: fixed;
|
||||
inset: 0;
|
||||
background: url(/assets/theme/peakpx.jpg) center / cover no-repeat;
|
||||
filter: invert(86%) sepia(8%) saturate(900%) hue-rotate(190deg)
|
||||
brightness(105%);
|
||||
filter: invert(86%) sepia(8%) saturate(900%) hue-rotate(190deg) brightness(105%);
|
||||
opacity: 0.05;
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
|
||||
}
|
||||
|
||||
/* Teto chibi tucked into the bottom-right corner */
|
||||
body::after {
|
||||
content: "";
|
||||
position: fixed;
|
||||
right: 0.5rem;
|
||||
bottom: 0.5rem;
|
||||
width: clamp(96px, 14vw, 168px);
|
||||
aspect-ratio: 564 / 547;
|
||||
background: url(/assets/theme/teto.png) center / contain no-repeat;
|
||||
opacity: 0.18;
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.badges {
|
||||
position: fixed;
|
||||
right: 1rem;
|
||||
|
|
@ -171,8 +169,7 @@ body::before {
|
|||
.badge-icon {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
filter: invert(78%) sepia(36%) saturate(640%) hue-rotate(280deg)
|
||||
brightness(105%);
|
||||
filter: invert(78%) sepia(36%) saturate(640%) hue-rotate(280deg) brightness(105%);
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
|
|
@ -191,7 +188,8 @@ body::before {
|
|||
font-size: 1.7rem;
|
||||
}
|
||||
|
||||
html, body {
|
||||
html,
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
width: 100%;
|
||||
|
|
@ -346,8 +344,13 @@ body::before {
|
|||
}
|
||||
|
||||
@media screen and (max-height: 450px) {
|
||||
.sidenav {padding-top: 15px;}
|
||||
.sidenav a {font-size: 18px;}
|
||||
.sidenav {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.sidenav a {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.hamburger {
|
||||
|
|
@ -405,9 +408,11 @@ body.message-page {
|
|||
.message-card .ok {
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.message-card .err {
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.message-card .warn {
|
||||
color: var(--yellow);
|
||||
}
|
||||
|
|
@ -608,7 +613,8 @@ body:has(.dev-info) .hub {
|
|||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 14px; /* THIS is your “bigger gap between entries” */
|
||||
gap: 14px;
|
||||
/* THIS is your “bigger gap between entries” */
|
||||
}
|
||||
|
||||
.pcpp-row {
|
||||
|
|
@ -637,5 +643,6 @@ body:has(.dev-info) .hub {
|
|||
|
||||
.pcpp-item a:hover {
|
||||
text-decoration: underline;
|
||||
}]
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -340,4 +340,3 @@ kbd {
|
|||
color: var(--subtext-0);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -57,7 +57,6 @@
|
|||
<meta name="theme-color" content="#cba6f7" />
|
||||
|
||||
<link href="/css/index.css" rel="stylesheet" />
|
||||
<link href="/css/picker.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body class="message-page">
|
||||
|
|
|
|||
|
|
@ -93,9 +93,9 @@
|
|||
<div class="intro-text">
|
||||
A list of all of my socials
|
||||
</div>
|
||||
<br>
|
||||
<div class="presence-embed">
|
||||
<div id="discord"></div>
|
||||
<br>
|
||||
</div>
|
||||
<h2 class="pronouns">Socials</h2>
|
||||
|
||||
<div class="links-socials">
|
||||
|
|
|
|||
Loading…
Reference in New Issue