Contact page

customize.dist/images/email.svg

@@ -1,25 +1,66 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg
-<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"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
-	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+   xmlns:cc="http://creativecommons.org/ns#"
-<style type="text/css">
+   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.0.1 (1.0.1+r73)"
+   sodipodi:docname="email.svg"
+   xml:space="preserve"
+   style="enable-background:new 0 0 24 24;"
+   viewBox="0 0 24 24"
+   y="0px"
+   x="0px"
+   id="Layer_1"
+   version="1.1"><metadata
+   id="metadata2113"><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></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs2111" /><sodipodi:namedview
+   inkscape:current-layer="Layer_1"
+   inkscape:window-maximized="0"
+   inkscape:window-y="10"
+   inkscape:window-x="10"
+   inkscape:cy="8.0500806"
+   inkscape:cx="5.6271235"
+   inkscape:zoom="13.12567"
+   showgrid="false"
+   id="namedview2109"
+   inkscape:window-height="1036"
+   inkscape:window-width="1900"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0"
+   guidetolerance="10"
+   gridtolerance="10"
+   objecttolerance="10"
+   borderopacity="1"
+   bordercolor="#666666"
+   pagecolor="#ffffff"
+   inkscape:document-rotation="0" />
+<style
+   id="style2090"
+   type="text/css">
 	.st0{fill:url(#SVGID_1_);}
 	.st1{fill:url(#SVGID_2_);}
 </style>
-<g>
+
-	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.9122" y1="8.1983" x2="23.1969" y2="8.1983">
+<g
-		<stop  offset="0" style="stop-color:#4592C4"/>
+   aria-label=""
-		<stop  offset="1" style="stop-color:#545ACD"/>
+   id="text2705"
-	</linearGradient>
+   style="font-size:40px;line-height:1.25;font-family:sans-serif;word-spacing:0px;fill:#0087ff;fill-opacity:1"
-	<path class="st0" d="M1.6,6.1c0.6,0.3,9,4.9,9.3,5c0.3,0.2,0.6,0.2,1.1,0.2c0.5,0,0.8-0.1,1.1-0.2c0.3-0.2,8.7-4.7,9.3-5
+   transform="matrix(0.56948741,0,0,0.56948741,6.2252227,21.677055)"><path
-		c0.2-0.1,0.6-0.3,0.7-0.6c0.1-0.4,0-0.6-0.6-0.6H12.1H1.6C1,5,0.8,5.2,1,5.6C1,5.8,1.4,6,1.6,6.1z"/>
+     d="m 27.283165,-4.8497141 c 0,0.3794642 -0.334822,0.7142857 -0.714286,0.7142857 H -6.288264 c -0.3794643,0 -0.7142857,-0.3348215 -0.7142857,-0.7142857 V -21.992571 c 0.46875,0.535714 0.9821428,1.026785 1.5401786,1.473214 3.1919642,2.455357 6.40624996,4.955357 9.5089285,7.544643 1.6741072,1.40625 3.75,3.1249999 6.0714286,3.1249999 h 0.02232 0.02232 c 2.321428,0 4.397321,-1.7187499 6.071428,-3.1249999 3.102679,-2.589286 6.316965,-5.089286 9.508929,-7.544643 0.558036,-0.446429 1.071429,-0.9375 1.540179,-1.473214 z m 0,-23.4598219 c 0,1.897322 -1.830358,4.375 -3.28125,5.513393 -2.991072,2.34375 -5.982143,4.709822 -8.950893,7.075893 -1.183036,0.959822 -3.325893,3.013393 -4.888393,3.013393 h -0.02232 -0.02232 c -1.5625,0 -3.7053571,-2.053571 -4.8883929,-3.013393 -2.96875,-2.366071 -5.95982139,-4.732143 -8.9508928,-7.075893 -2.0089286,-1.584821 -3.28125,-3.794643 -3.28125,-6.339285 0,-0.379465 0.3348214,-0.714286 0.7142857,-0.714286 h 32.857143 c 0.848214,0 0.714286,0.982143 0.714286,1.540178 z m 2.857142,-0.825892 c 0,-1.964286 -1.607142,-3.571429 -3.571428,-3.571429 H -6.288264 c -1.9642857,0 -3.5714286,1.607143 -3.5714286,3.571429 v 24.2857139 c 0,1.9642857 1.6071429,3.5714285 3.5714286,3.5714285 h 32.857143 c 1.964286,0 3.571428,-1.6071428 3.571428,-3.5714285 z"
-	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="0.6056" y1="12.6427" x2="23.3944" y2="12.6427">
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:FontAwesome;-inkscape-font-specification:'FontAwesome, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#0087ff;fill-opacity:1"
-		<stop  offset="0" style="stop-color:#4592C4"/>
+     id="path2707" /></g><text
-		<stop  offset="1" style="stop-color:#545ACD"/>
+   xml:space="preserve"
-	</linearGradient>
+   style="font-size:40px;line-height:1.25;font-family:sans-serif;word-spacing:0px"
-	<path class="st1" d="M22.9,6.4c-0.4,0.2-4.5,3.1-7.1,4.8l4.5,5.1c0.1,0.1,0.2,0.2,0.1,0.3c-0.1,0.1-0.2,0-0.3-0.1l-5.4-4.6
+   x="-87.418335"
-		c-0.8,0.5-1.4,0.9-1.5,0.9c-0.4,0.2-0.7,0.2-1.1,0.2c-0.4,0-0.7,0-1.1-0.2c-0.1-0.1-0.7-0.4-1.5-0.9L4,16.5
+   y="-71.769234"
-		c-0.1,0.1-0.3,0.1-0.3,0.1c-0.1-0.1,0-0.2,0.1-0.3l4.5-5.1C5.6,9.5,1.6,6.6,1.1,6.4c-0.5-0.2-0.5,0-0.5,0.3c0,0.2,0,11.2,0,11.2
+   id="text2712"><tspan
-		c0,0.5,0.8,1.1,1.3,1.1h10.2h10.2c0.5,0,1.2-0.6,1.2-1.1c0,0,0-11,0-11.2C23.4,6.4,23.4,6.1,22.9,6.4z"/>
+     sodipodi:role="line"
-</g>
+     id="tspan2710"
-</svg>
+     x="-87.418335"
+     y="-71.769234" /></text></svg>

customize.dist/images/github.svg

@@ -1,22 +1,77 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg
-<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"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
-	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+   xmlns:cc="http://creativecommons.org/ns#"
-<style type="text/css">
+   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.0.1 (1.0.1+r73)"
+   sodipodi:docname="github.svg"
+   xml:space="preserve"
+   style="enable-background:new 0 0 24 24;"
+   viewBox="0 0 24 24"
+   y="0px"
+   x="0px"
+   id="Layer_1"
+   version="1.1"><metadata
+   id="metadata2740"><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></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs2738" /><sodipodi:namedview
+   inkscape:current-layer="Layer_1"
+   inkscape:window-maximized="0"
+   inkscape:window-y="10"
+   inkscape:window-x="10"
+   inkscape:cy="13.410098"
+   inkscape:cx="6.7851327"
+   inkscape:zoom="27.125"
+   showgrid="false"
+   id="namedview2736"
+   inkscape:window-height="1036"
+   inkscape:window-width="1900"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0"
+   guidetolerance="10"
+   gridtolerance="10"
+   objecttolerance="10"
+   borderopacity="1"
+   bordercolor="#666666"
+   pagecolor="#ffffff"
+   inkscape:document-rotation="0" />
+<style
+   id="style2725"
+   type="text/css">
 	.st0{fill:url(#Shape_1_);}
 </style>
-<g id="Octicons">
+<g
-	<g id="mark-github">
+   style="fill:#0087ff;fill-opacity:1"
-		<linearGradient id="Shape_1_" gradientUnits="userSpaceOnUse" x1="1.0181" y1="12" x2="22.9819" y2="12">
+   id="Octicons">
-			<stop  offset="0" style="stop-color:#4592C4"/>
+	<g
-			<stop  offset="1" style="stop-color:#545ACD"/>
+   style="fill:#0087ff;fill-opacity:1"
+   id="mark-github">
+		<linearGradient
+   y2="12"
+   x2="22.9819"
+   y1="12"
+   x1="1.0181"
+   gradientUnits="userSpaceOnUse"
+   id="Shape_1_">
+			<stop
+   id="stop2727"
+   style="stop-color:#4592C4"
+   offset="0" />
+			<stop
+   id="stop2729"
+   style="stop-color:#545ACD"
+   offset="1" />
 		</linearGradient>
-		<path id="Shape" class="st0" d="M12,1.3c-6.1,0-11,4.9-11,11c0,4.9,3.1,9,7.5,10.4c0.5,0.1,0.8-0.2,0.8-0.5c0-0.3,0-1.1,0-2
+		<path
-			c-2.8,0.5-3.5-0.7-3.7-1.3c-0.1-0.3-0.7-1.3-1.1-1.6c-0.4-0.2-0.9-0.7,0-0.7c0.9,0,1.5,0.8,1.7,1.1c1,1.7,2.6,1.2,3.2,0.9
+   style="fill:#0087ff;fill-opacity:1"
-			c0.1-0.7,0.4-1.2,0.7-1.5c-2.4-0.3-5-1.2-5-5.4c0-1.2,0.4-2.2,1.1-3C6,8.5,5.7,7.3,6.3,5.8c0,0,0.9-0.3,3,1.1
+   d="M12,1.3c-6.1,0-11,4.9-11,11c0,4.9,3.1,9,7.5,10.4c0.5,0.1,0.8-0.2,0.8-0.5c0-0.3,0-1.1,0-2    c-2.8,0.5-3.5-0.7-3.7-1.3c-0.1-0.3-0.7-1.3-1.1-1.6c-0.4-0.2-0.9-0.7,0-0.7c0.9,0,1.5,0.8,1.7,1.1c1,1.7,2.6,1.2,3.2,0.9    c0.1-0.7,0.4-1.2,0.7-1.5c-2.4-0.3-5-1.2-5-5.4c0-1.2,0.4-2.2,1.1-3C6,8.5,5.7,7.3,6.3,5.8c0,0,0.9-0.3,3,1.1    c0.9-0.2,1.8-0.4,2.7-0.4c0.9,0,1.9,0.1,2.7,0.4c2.1-1.4,3-1.1,3-1.1c0.6,1.5,0.2,2.6,0.1,2.9c0.7,0.8,1.1,1.7,1.1,3    c0,4.2-2.6,5.1-5,5.4c0.4,0.3,0.7,1,0.7,2c0,1.5,0,2.6,0,3c0,0.3,0.2,0.6,0.8,0.5c4.3-1.5,7.5-5.6,7.5-10.4    C23,6.2,18.1,1.3,12,1.3L12,1.3z"
-			c0.9-0.2,1.8-0.4,2.7-0.4c0.9,0,1.9,0.1,2.7,0.4c2.1-1.4,3-1.1,3-1.1c0.6,1.5,0.2,2.6,0.1,2.9c0.7,0.8,1.1,1.7,1.1,3
+   class="st0"
-			c0,4.2-2.6,5.1-5,5.4c0.4,0.3,0.7,1,0.7,2c0,1.5,0,2.6,0,3c0,0.3,0.2,0.6,0.8,0.5c4.3-1.5,7.5-5.6,7.5-10.4
+   id="Shape" />
-			C23,6.2,18.1,1.3,12,1.3L12,1.3z"/>
 	</g>
 </g>
 </svg>

customize.dist/images/mastodon.svg

@@ -1,4 +1,57 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="61.076954mm" height="65.47831mm" viewBox="0 0 216.4144 232.00976">
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-  <path fill="#2b90d9" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"/>
+<svg
-  <path fill="#fff" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/>
+   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.0.1 (1.0.1+r73)"
+   sodipodi:docname="mastodon.svg"
+   id="svg3348"
+   version="1.1"
+   viewBox="0 0 23.437501 23.4375"
+   height="25"
+   width="25">
+  <metadata
+     id="metadata3354">
+    <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></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs3352" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg3348"
+     inkscape:window-maximized="0"
+     inkscape:window-y="10"
+     inkscape:window-x="10"
+     inkscape:cy="19.810318"
+     inkscape:cx="7.6368994"
+     inkscape:zoom="10.522187"
+     units="px"
+     showgrid="false"
+     id="namedview3350"
+     inkscape:window-height="1036"
+     inkscape:window-width="1900"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     inkscape:document-rotation="0" />
+  <path
+     d="M 11.684801,0.19735904 C 8.738903,0.22144367 5.9051791,0.54044817 4.2537681,1.2988657 c 0,0 -3.27524114,1.4650584 -3.27524114,6.4637365 0,1.1446408 -0.022248,2.5132518 0.014003,3.9646608 0.11893344,4.888435 0.89616094,9.706211 5.41587764,10.902497 2.0839414,0.551587 3.8732394,0.667149 5.3142194,0.587944 2.613182,-0.144881 4.080139,-0.932563 4.080139,-0.932563 l -0.0862,-1.896039 c 0,0 -1.867435,0.588776 -3.96466,0.517019 C 9.674048,20.834861 7.48045,20.682094 7.1443821,18.130986 7.1133451,17.9069 7.0978271,17.667208 7.0978271,17.415562 c 0,0 2.0397989,0.498603 4.6247999,0.61704 1.580647,0.0725 3.062887,-0.0926 4.568425,-0.27224 2.887176,-0.344758 5.401077,-2.123695 5.717033,-3.749159 0.497832,-2.560544 0.456824,-6.2486008 0.456824,-6.2486008 0,-4.9986781 -3.275059,-6.4637365 -3.275059,-6.4637365 C 17.538563,0.54044817 14.703078,0.22144367 11.75718,0.19735904 Z M 8.35082,4.1030977 c 1.227075,0 2.156182,0.4716303 2.770589,1.4150278 l 0.597399,1.0013036 0.5974,-1.0013036 c 0.614282,-0.9433975 1.543389,-1.4150278 2.770588,-1.4150278 1.060469,0 1.914935,0.3727952 2.567455,1.1000519 0.632531,0.7272564 0.947474,1.7103467 0.947474,2.9473532 V 14.203061 H 16.20376 V 8.3283587 c 0,-1.2383721 -0.521022,-1.8669419 -1.56324,-1.8669419 -1.152338,0 -1.729822,0.7455493 -1.729822,2.2199264 v 3.2155918 h -2.38378 V 8.6813432 c 0,-1.4743771 -0.577665,-2.2199264 -1.730003,-2.2199264 -1.042219,0 -1.563241,0.6285698 -1.563241,1.8669419 V 14.203061 H 4.8357099 V 8.1505028 c 0,-1.2370065 0.3149998,-2.2200968 0.9476558,-2.9473532 C 6.4357613,4.4758929 7.290227,4.1030977 8.35082,4.1030977 Z"
+     style="fill:#0087ff;fill-opacity:1;stroke-width:0.0993183"
+     id="path3344" />
 </svg>

customize.dist/images/sayhi.svg

@@ -1,17 +1,69 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg
-<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"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
-	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+   xmlns:cc="http://creativecommons.org/ns#"
-<style type="text/css">
+   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.0.1 (1.0.1+r73)"
+   sodipodi:docname="sayhi.svg"
+   xml:space="preserve"
+   style="enable-background:new 0 0 24 24;"
+   viewBox="0 0 24 24"
+   y="0px"
+   x="0px"
+   id="Layer_1"
+   version="1.1"><metadata
+   id="metadata1475"><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></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs1473" /><sodipodi:namedview
+   inkscape:current-layer="Layer_1"
+   inkscape:window-maximized="0"
+   inkscape:window-y="10"
+   inkscape:window-x="10"
+   inkscape:cy="13.11237"
+   inkscape:cx="5.6378453"
+   inkscape:zoom="18.5625"
+   showgrid="false"
+   id="namedview1471"
+   inkscape:window-height="1036"
+   inkscape:window-width="1900"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0"
+   guidetolerance="10"
+   gridtolerance="10"
+   objecttolerance="10"
+   borderopacity="1"
+   bordercolor="#666666"
+   pagecolor="#ffffff"
+   inkscape:document-rotation="0" />
+<style
+   id="style1461"
+   type="text/css">
 	.st0{fill:url(#SVGID_1_);}
 </style>
-<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.4529" y1="12" x2="23.5471" y2="12">
+<linearGradient
-	<stop  offset="0" style="stop-color:#4592C4"/>
+   y2="12"
-	<stop  offset="1" style="stop-color:#545ACD"/>
+   x2="23.5471"
+   y1="12"
+   x1="0.4529"
+   gradientUnits="userSpaceOnUse"
+   id="SVGID_1_">
+	<stop
+   id="stop1463"
+   style="stop-color:#4592C4"
+   offset="0" />
+	<stop
+   id="stop1465"
+   style="stop-color:#545ACD"
+   offset="1" />
 </linearGradient>
-<path class="st0" d="M12,22.7c1.6,0,3.1-0.3,4.5-0.9c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0.2-0.1,0.4-0.1,0.6-0.1c0.2,0,0.5,0,0.7,0.1
+<path
-	l4.7,1.7l-1.2-4.9c0-0.3,0.1-0.6,0.2-0.8l0,0c0-0.1,0.1-0.1,0.1-0.2c1.2-1.7,1.8-3.8,1.8-6c0-6.2-5.2-11.2-11.5-11.2
+   style="fill:#0087ff;fill-opacity:1"
-	S0.5,5.4,0.5,11.6C0.5,17.8,5.6,22.7,12,22.7z M17.3,10.2c1,0,1.8,0.8,1.8,1.8s-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8
+   id="path1468"
-	S16.4,10.2,17.3,10.2z M12,10.2c1,0,1.8,0.8,1.8,1.8S13,13.8,12,13.8S10.2,13,10.2,12S11,10.2,12,10.2z M6.7,10.2
+   d="M12,22.7c1.6,0,3.1-0.3,4.5-0.9c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0.2-0.1,0.4-0.1,0.6-0.1c0.2,0,0.5,0,0.7,0.1  l4.7,1.7l-1.2-4.9c0-0.3,0.1-0.6,0.2-0.8l0,0c0-0.1,0.1-0.1,0.1-0.2c1.2-1.7,1.8-3.8,1.8-6c0-6.2-5.2-11.2-11.5-11.2  S0.5,5.4,0.5,11.6C0.5,17.8,5.6,22.7,12,22.7z M17.3,10.2c1,0,1.8,0.8,1.8,1.8s-0.8,1.8-1.8,1.8c-1,0-1.8-0.8-1.8-1.8  S16.4,10.2,17.3,10.2z M12,10.2c1,0,1.8,0.8,1.8,1.8S13,13.8,12,13.8S10.2,13,10.2,12S11,10.2,12,10.2z M6.7,10.2  c1,0,1.8,0.8,1.8,1.8s-0.8,1.8-1.8,1.8S4.9,13,4.9,12S5.7,10.2,6.7,10.2z"
-	c1,0,1.8,0.8,1.8,1.8s-0.8,1.8-1.8,1.8S4.9,13,4.9,12S5.7,10.2,6.7,10.2z"/>
+   class="st0" />
 </svg>

customize.dist/images/support.svg

@@ -0,0 +1,55 @@
+<?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.0.1 (1.0.1+r73)"
+   sodipodi:docname="support.svg"
+   xml:space="preserve"
+   style="enable-background:new 0 0 24 24;"
+   viewBox="0 0 24 24"
+   y="0px"
+   x="0px"
+   id="Layer_1"
+   version="1.1"><g
+   aria-label=""
+   id="text914"
+   style="font-size:40px;line-height:1.25;font-family:sans-serif;word-spacing:0px"><path
+     d="m 11.812297,1.0019891 c -6.1370709,0 -11.10871807,4.9716472 -11.10871807,11.1087179 0,6.137071 4.97164717,11.108718 11.10871807,11.108718 6.137071,0 11.108718,-4.971647 11.108718,-11.108718 0,-6.1370707 -4.971647,-11.1087179 -11.108718,-11.1087179 z m 0,1.5869597 c 1.611756,0 3.136725,0.4091381 4.475722,1.1158311 l -2.405236,2.4052358 c -0.6571,-0.2231662 -1.338997,-0.3471474 -2.070486,-0.3471474 -0.719091,0 -1.413386,0.1239812 -2.0704866,0.3471474 L 7.3365746,3.7047799 C 8.6755718,2.9980869 10.200541,2.5889488 11.812297,2.5889488 Z M 3.4063697,16.586429 c -0.706693,-1.338997 -1.1158311,-2.863966 -1.1158311,-4.475722 0,-1.611756 0.4091381,-3.136725 1.1158311,-4.4757222 l 2.4052358,2.4052362 c -0.2231662,0.6571 -0.3471474,1.338997 -0.3471474,2.070486 0,0.719091 0.1239812,1.413386 0.3471474,2.070487 z m 8.4059273,5.046036 c -1.611756,0 -3.1367252,-0.409138 -4.4757224,-1.115831 l 2.4052358,-2.405235 c 0.6571006,0.223166 1.3513956,0.347147 2.0704866,0.347147 0.731489,0 1.413386,-0.123981 2.070486,-0.347147 l 2.405236,2.405235 c -1.338997,0.706693 -2.863966,1.115831 -4.475722,1.115831 z m 0,-4.760879 c -2.6284021,0 -4.7608792,-2.132477 -4.7608792,-4.760879 0,-2.6284019 2.1324771,-4.760879 4.7608792,-4.760879 2.628402,0 4.760879,2.1324771 4.760879,4.760879 0,2.628402 -2.132477,4.760879 -4.760879,4.760879 z m 6.000691,-2.690392 c 0.223167,-0.657101 0.347148,-1.351396 0.347148,-2.070487 0,-0.719091 -0.123981,-1.413386 -0.347148,-2.070486 l 2.405236,-2.4052362 c 0.706693,1.3389972 1.115831,2.8639662 1.115831,4.4757222 0,1.611756 -0.409138,3.136725 -1.115831,4.475722 z"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;font-family:FontAwesome;-inkscape-font-specification:'FontAwesome, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#0087ff;fill-opacity:1;stroke-width:0.555436"
+     id="path916" /></g><metadata
+   id="metadata2740"><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></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs2738" /><sodipodi:namedview
+   inkscape:current-layer="text914"
+   inkscape:window-maximized="0"
+   inkscape:window-y="10"
+   inkscape:window-x="10"
+   inkscape:cy="4.489674"
+   inkscape:cx="4.3924606"
+   inkscape:zoom="6.78125"
+   showgrid="false"
+   id="namedview2736"
+   inkscape:window-height="1036"
+   inkscape:window-width="1900"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0"
+   guidetolerance="10"
+   gridtolerance="10"
+   objecttolerance="10"
+   borderopacity="1"
+   bordercolor="#666666"
+   pagecolor="#ffffff"
+   inkscape:document-rotation="0" />
+<style
+   id="style2725"
+   type="text/css">
+	.st0{fill:url(#Shape_1_);}
+</style>
+
+</svg>

customize.dist/images/twiitter.svg

@@ -1,17 +1,69 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg
-<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"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
-	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+   xmlns:cc="http://creativecommons.org/ns#"
-<style type="text/css">
+   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.0.1 (1.0.1+r73)"
+   sodipodi:docname="twiitter.svg"
+   xml:space="preserve"
+   style="enable-background:new 0 0 24 24;"
+   viewBox="0 0 24 24"
+   y="0px"
+   x="0px"
+   id="Layer_1"
+   version="1.1"><metadata
+   id="metadata1416"><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></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs1414" /><sodipodi:namedview
+   inkscape:current-layer="Layer_1"
+   inkscape:window-maximized="0"
+   inkscape:window-y="10"
+   inkscape:window-x="10"
+   inkscape:cy="14.107333"
+   inkscape:cx="-5.7258526"
+   inkscape:zoom="17.645834"
+   showgrid="false"
+   id="namedview1412"
+   inkscape:window-height="1036"
+   inkscape:window-width="1900"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0"
+   guidetolerance="10"
+   gridtolerance="10"
+   objecttolerance="10"
+   borderopacity="1"
+   bordercolor="#666666"
+   pagecolor="#ffffff"
+   inkscape:document-rotation="0" />
+<style
+   id="style1402"
+   type="text/css">
 	.st0{fill:url(#SVGID_1_);}
 </style>
-<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.3991" y1="12" x2="23.6009" y2="12">
+<linearGradient
-	<stop  offset="0" style="stop-color:#4592C4"/>
+   y2="12"
-	<stop  offset="1" style="stop-color:#545ACD"/>
+   x2="23.6009"
+   y1="12"
+   x1="0.3991"
+   gradientUnits="userSpaceOnUse"
+   id="SVGID_1_">
+	<stop
+   id="stop1404"
+   style="stop-color:#4592C4"
+   offset="0" />
+	<stop
+   id="stop1406"
+   style="stop-color:#545ACD"
+   offset="1" />
 </linearGradient>
-<path class="st0" d="M23.6,4.8c-0.9,0.4-1.8,0.6-2.7,0.8C21.9,5,22.6,4,23,2.9c-0.9,0.5-1.9,0.9-3,1.2c-0.9-0.9-2.1-1.5-3.5-1.5
+<path
-	c-2.6,0-4.8,2.1-4.8,4.8c0,0.4,0,0.7,0.1,1.1c-4-0.2-7.5-2.1-9.8-5C1.6,4.1,1.4,5,1.4,5.8c0,1.7,0.8,3.1,2.1,4
+   style="fill:#0087ff;fill-opacity:1"
-	C2.7,9.8,2,9.6,1.3,9.2c0,0,0,0,0,0.1c0,2.3,1.6,4.2,3.8,4.7c-0.4,0.1-0.8,0.2-1.3,0.2c-0.3,0-0.6,0-0.9-0.1
+   id="path1409"
-	c0.6,1.9,2.4,3.3,4.4,3.3c-1.6,1.3-3.7,2-5.9,2c-0.4,0-0.8,0-1.1-0.1c2.1,1.4,4.6,2.2,7.3,2.2c8.8,0,13.6-7.3,13.6-13.6
+   d="M23.6,4.8c-0.9,0.4-1.8,0.6-2.7,0.8C21.9,5,22.6,4,23,2.9c-0.9,0.5-1.9,0.9-3,1.2c-0.9-0.9-2.1-1.5-3.5-1.5  c-2.6,0-4.8,2.1-4.8,4.8c0,0.4,0,0.7,0.1,1.1c-4-0.2-7.5-2.1-9.8-5C1.6,4.1,1.4,5,1.4,5.8c0,1.7,0.8,3.1,2.1,4  C2.7,9.8,2,9.6,1.3,9.2c0,0,0,0,0,0.1c0,2.3,1.6,4.2,3.8,4.7c-0.4,0.1-0.8,0.2-1.3,0.2c-0.3,0-0.6,0-0.9-0.1  c0.6,1.9,2.4,3.3,4.4,3.3c-1.6,1.3-3.7,2-5.9,2c-0.4,0-0.8,0-1.1-0.1c2.1,1.4,4.6,2.2,7.3,2.2c8.8,0,13.6-7.3,13.6-13.6  c0-0.2,0-0.4,0-0.6C22.2,6.6,23,5.8,23.6,4.8z"
-	c0-0.2,0-0.4,0-0.6C22.2,6.6,23,5.8,23.6,4.8z"/>
+   class="st0" />
 </svg>

customize.dist/pages/contact.js

@@ -2,36 +2,60 @@ define([
     '/api/config',
     '/common/hyperscript.js',
     '/customize/messages.js',
-    '/customize/pages.js'
+    '/customize/pages.js',
-], function (Config, h, Msg, Pages) {
+    '/common/outer/local-store.js'
+], function (Config, h, Msg, Pages, LocalStore) {
+
+    // XXX
+    Msg.contact_adminHint = "For any issues related to your account, storage limit, or availability of the service." // existing key
+
+
     return function () {
+        var adminEmail = Config.adminEmail && Config.adminEmail !== 'i.did.not.read.my.config@cryptpad.fr';
+        var adminMailbox = Config.supportMailbox;
         return h('div#cp-main', [
             Pages.infopageTopbar(),
-            h('div.container-fluid.cp-contdet', [
-                h('row.col-12.col-sm-12',
-                    h('h1.text-center', Msg.contact )
-                )
-            ]),
             h('div.container.cp-container', [
-                Config.adminEmail && Config.adminEmail !== 'i.did.not.read.my.config@cryptpad.fr' ? h('div.row.cp-iconCont.align-items-center', [
+                h('div.row.cp-page-title',[
+                    h('div.col-12.text-center', h('h1', Msg.contact)),
+                ]),
+                (adminEmail || adminMailbox) ? h('div.row.cp-iconCont.align-items-center', [
                     h('div.col-12',
-                        Pages.setHTML(h('h4.text-center'), Msg.contact_admin),
+                        Pages.setHTML(h('h2.text-center'), Msg.contact_admin),
                         h('p', Msg.contact_adminHint)
                     ),
-                    h('div.col-12.col-sm-6.col-md-3.col-lg-3',
+                    adminEmail ? h('div.col-12.col-sm-6.col-md-3.col-lg-3',
                         h('a.card', {href : "mailto:"+Config.adminEmail},
                             h('div.card-body',
                                 h('p', [
-                                    h('img', {src: '/customize/images/email.svg'}),
+                                    h('img', {
+                                        src: '/customize/images/email.svg',
+                                        alt: '',
+                                        'aria-hidden': 'true'
+                                    }),
                                     Msg.contact_email || 'Email'
                                 ])
                             )
                         )
-                    ),
+                    ) : undefined,
+                    (adminMailbox && LocalStore.isLoggedIn()) ? h('div.col-12.col-sm-6.col-md-3.col-lg-3', // XXX show "disabled" support if not logged in
+                        h('a.card', {href : "/support/"},
+                            h('div.card-body',
+                                h('p', [
+                                    h('img', {
+                                        src: '/customize/images/support.svg',
+                                        alt: '',
+                                        'aria-hidden': 'true'
+                                    }),
+                                    Msg.supportPage || 'Support'
+                                ])
+                            )
+                        )
+                    ) : undefined,
                 ]) : undefined,
                 h('div.row.cp-iconCont.align-items-center', [
                     h('div.col-12',
-                        Pages.setHTML(h('h4.text-center'), Msg.contact_dev),
+                        Pages.setHTML(h('h2.text-center'), Msg.contact_dev),
                         h('p', Msg.contact_devHint)
                     ),
                     h('div.col-12.col-sm-6.col-md-3.col-lg-3',
@@ -39,7 +63,10 @@ define([
                             h('div.card-body',
                                 h('p', [
                                     // this is not a typo. adblock plus blocks images with src *twitter* apparently
-                                    h('img', {src: '/customize/images/twiitter.svg'}),
+                                    h('img', {
+                                        src: '/customize/images/twiitter.svg',
+                                        alt: '',
+                                        'aria-hidden': 'true'}),
                                     'Twitter'
                                 ])
                             )
@@ -49,7 +76,11 @@ define([
                         h('a.card', {href : "https://social.weho.st/@cryptpad"},
                             h('div.card-body',
                                 h('p', [
-                                    h('img', {src: '/customize/images/mastodon.svg'}),
+                                    h('img', {
+                                        src: '/customize/images/mastodon.svg',
+                                        alt: '',
+                                        'aria-hidden': 'true'
+                                    }),
                                     'Mastodon'
                                 ])
                             )
@@ -59,17 +90,24 @@ define([
                         h('a.card', {href : "https://github.com/xwiki-labs/cryptpad/issues/"},
                             h('div.card-body',
                                 h('p', [
-                                    h('img', {src: '/customize/images/issue.svg'}),
+                                    h('img', {
+                                        src: '/customize/images/github.svg',
+                                        alt: '',
+                                        'aria-hidden': 'true'}),
                                     Msg.contact_bug || 'Bug report'
                                 ])
                             )
                         )
                     ),
                     h('div.col-12.col-sm-6.col-md-3.col-lg-3',
-                        h('a.card', {href : "https://riot.im/app/#/room/#cryptpad:matrix.org"},
+                        h('a.card', {href : "https://app.element.io/#/room/#cryptpad:matrix.xwiki.com"},
                             h('div.card-body',
                                 h('p', [
-                                    h('img', {src: '/customize/images/sayhi.svg'}),
+                                    h('img', {
+                                        src: '/customize/images/sayhi.svg',
+                                        alt: '',
+                                        'aria-hidden': 'true'
+                                    }),
                                     Msg.contact_chat || 'Chat'
                                 ])
                             )
@@ -79,7 +117,11 @@ define([
                         h('a.card', {href : "mailto:contact@cryptpad.fr"},
                             h('div.card-body',
                                 h('p', [
-                                    h('img', {src: '/customize/images/email.svg'}),
+                                    h('img', {
+                                        src: '/customize/images/email.svg',
+                                        alt: '',
+                                        'aria-hidden': 'true'
+                                    }),
                                     Msg.contact_email || 'Email'
                                 ])
                             )

customize.dist/src/less2/include/colortheme.less

@@ -5,6 +5,7 @@
 
 @colortheme_logo-1: #326599;
 @colortheme_logo-2: #0087FF; // XXX Testing if this color works
+@colortheme_logo_2_light: lighten(@colortheme_logo-2, 40%);
 
 @colortheme_link-color: #0275D8;
 @colortheme_link-color-visited: #005999;

customize.dist/src/less2/pages/page-contact.less

@@ -7,11 +7,9 @@
     .fa {
         padding-right: 0.25em;
     }
-    #cp-main {
+
-        background-color: #fff;
-    }
     .cp-container {
-        background: #fff;
+
         .cp-iconCont {
             h4 {
                 margin-top: 1.5em;
@@ -19,12 +17,13 @@
             }
             div {
                 .card {
-                    box-shadow: 0 5px 15px rgba(69,145,196, 0.3);
+                    .cp-shadow();
-                    border-color: #fff;
+                    border-radius: 0;
                     margin-bottom: 1em;
+                    border: 0;
                     &:hover, &:focus {
                         text-decoration: none;
-                        transform: scale(1.05);
+                        background-color: @colortheme_logo_2_light;
                     }
                     @media (max-width: 1200px) and (min-width: 769px) {
                         min-height: 139px;
@@ -39,7 +38,7 @@
                         min-height: 162px;
                     }
                     img {
-                        max-width: 50px;
+                        width: 80px;
                         margin-bottom: 10px;
                     }
                     p {
@@ -49,22 +48,11 @@
                         align-items: center;
                         margin: 0;
                         height: 100%;
+                        font-size: 1.3em;
                     }
                 }
             }
         }
     }
-    .cp-contdet {
-        padding-top: 3em;
-        padding-bottom: 3em;
-        background-image: url(/customize/images/bkcontact.jpg);
-        background-size: cover;
-        background-repeat: no-repeat;
-        background-position: center;
-        h1 {
-            font-weight: 700;
-            color: #fff;
-        }
-    }
 }