Theming (#624)

* Theming - Custom CSS for blogs - Custom themes for instance - New dark theme - UI to choose your instance theme - Option to disable blog themes if you prefer to only have the instance theme - UI to choose a blog theme
2019-08-21 00:42:04 +02:00
parent fb60236a54
commit a6c84daa1a
203 changed files with 667 additions and 334 deletions
@@ -0,0 +1,21 @@
+# plumeLogos
+Logos designed for Plume, a federated blogging platform similar to Medium. Licensed under CC0.
+
+# 1st place design - "Feather"
+Path | Filled | Silhouette
+--- | --- | ---
+![plumeFeather](https://raw.githubusercontent.com/trwnh/plumeLogos/master/plumeFeather/plumeFeather512.png) | ![plumeFeatherFilled](https://raw.githubusercontent.com/trwnh/plumeLogos/master/plumeFeatherFilled/plumeFeatherFilled512.png) | ![plumeFeatherBlack](https://raw.githubusercontent.com/trwnh/plumeLogos/master/plumeFeatherBlack/plumeFeatherBlack512.png)
+
+# 2nd place design - "Paragraphs"
+Filled | Silhouette
+--- | ---
+![plumeParagraphs](https://raw.githubusercontent.com/trwnh/plumeLogos/master/plumeParagraphs/plumeParagraphs512.png) | ![plumeParagraphsBlack](https://raw.githubusercontent.com/trwnh/plumeLogos/master/plumeParagraphsBlack/plumeParagraphsBlack512.png)
+
+# Links
+You may find me at the following locations:
+- Website: http://trwnh.com
+- ActivityPub: https://mastodon.social/@trwnh
+
+If you'd like to support me, you can do so:
+- One-time: https://paypal.me/trwnh
+- Recurring: https://liberapay.com/trwnh
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="512"
+   height="512"
+   viewBox="0 0 135.46666 135.46667"
+   version="1.1"
+   id="svg15"
+   inkscape:export-filename="D:\Graphics\PlumeLogo\bitmap2.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="avatar.svg">
+  <defs
+     id="defs9" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="279.74234"
+     inkscape:cy="218.7282"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:pagecheckerboard="true"
+     inkscape:window-width="2560"
+     inkscape:window-height="1537"
+     inkscape:window-x="1192"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata12">
+    <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>
+        <dc:date></dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Abdullah Tarawneh (trwnh.com)</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:description></dc:description>
+        <dc:contributor>
+          <cc:Agent>
+            <dc:title>trwnh</dc:title>
+          </cc:Agent>
+        </dc:contributor>
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-161.53331)">
+    <rect
+       style="fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:4.85634375;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+       id="rect841"
+       width="135.46666"
+       height="135.46666"
+       x="8.8817842e-016"
+       y="161.53331" />
+    <path
+       style="fill:#23f0c7;fill-opacity:1;stroke:#6457a6;stroke-width:2.91530514;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+       d="m 28.826096,270.43068 c -6.976501,7.08897 -7.436088,4.96174 -4.772319,-1.71088 l 8.05564,-13.88309 c 1.101374,0.27652 9.473163,-37.68433 37.333861,-55.89472 -6.28866,10.76816 -2.671731,12.82203 -2.671731,12.82203 5.003859,-14.9808 9.310078,-20.98157 45.239673,-26.39697 -10.33969,7.78434 -4.40034,28.13223 -34.187672,37.65383 8.649305,-1.86369 17.608827,-5.95826 21.60301,-10.68238 -2.21961,15.27854 -35.385456,41.08338 -57.858054,44.32106 z"
+       id="path872"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccc" />
+  </g>
+</svg>
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="512"
+   height="512"
+   viewBox="0 0 135.46666 135.46667"
+   version="1.1"
+   id="svg169"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="plumeFeatherBlack.svg"
+   inkscape:export-filename="D:\Graphics\PlumeLogo\plumeFeatherFilled16.png"
+   inkscape:export-xdpi="3.0000005"
+   inkscape:export-ydpi="3.0000005">
+  <title
+     id="title8">Plume Logo - Feather (Black)</title>
+  <defs
+     id="defs163" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="126.20524"
+     inkscape:cy="304.85245"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1200"
+     inkscape:window-height="1577"
+     inkscape:window-x="3752"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:pagecheckerboard="true" />
+  <metadata
+     id="metadata166">
+    <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>Plume Logo - Feather (Black)</dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:date>2018/10/07</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Abdullah Tarawneh (trwnh.com)</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:description>A Plume concept logo, with a soft stylized feather. Solid black fill, no path.</dc:description>
+        <dc:contributor>
+          <cc:Agent>
+            <dc:title>trwnh</dc:title>
+          </cc:Agent>
+        </dc:contributor>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-161.53332)">
+    <path
+       style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:4.2751441;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0;paint-order:normal"
+       d="M 11.343027,288.41445 C 1.112349,298.81005 0.43838995,295.69058 4.3446684,285.90553 L 16.157848,265.54671 c 1.615107,0.40548 13.891904,-55.26212 54.748175,-81.96673 -9.221995,15.79094 -3.917955,18.80285 -3.917955,18.80285 7.337901,-21.96856 13.652749,-30.76839 66.341642,-38.70978 -15.16261,11.41531 -6.45286,41.25445 -50.134453,55.21738 12.683753,-2.73301 25.822443,-8.73747 31.679703,-15.66516 -3.25494,22.40519 -51.89095,60.24666 -84.84585,64.99456 z"
+       id="path872"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccc" />
+  </g>
+</svg>
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="512"
+   height="512"
+   viewBox="0 0 135.46666 135.46667"
+   version="1.1"
+   id="svg169"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="plumeFeatherFilled.svg"
+   inkscape:export-filename="D:\Graphics\PlumeLogo\plumeFeather16.png"
+   inkscape:export-xdpi="3.0000005"
+   inkscape:export-ydpi="3.0000005">
+  <title
+     id="title8">Plume Logo - Feather (Filled)</title>
+  <defs
+     id="defs163" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="126.20524"
+     inkscape:cy="304.85245"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1200"
+     inkscape:window-height="1577"
+     inkscape:window-x="3752"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:pagecheckerboard="true" />
+  <metadata
+     id="metadata166">
+    <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>Plume Logo - Feather (Filled)</dc:title>
+        <dc:date>2018/10/07</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Abdullah Tarawneh (trwnh.com)</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:description>A Plume concept logo, with a soft stylized feather. Solid path, solid fill.</dc:description>
+        <dc:contributor>
+          <cc:Agent>
+            <dc:title>trwnh</dc:title>
+          </cc:Agent>
+        </dc:contributor>
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-161.53332)">
+    <path
+       style="fill:#7765e3;fill-opacity:1;stroke:#6457a6;stroke-width:4.2751441;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+       d="M 11.343027,288.41445 C 1.112349,298.81005 0.43838995,295.69058 4.3446684,285.90553 L 16.157848,265.54671 c 1.615107,0.40548 13.891904,-55.26212 54.748175,-81.96673 -9.221995,15.79094 -3.917955,18.80285 -3.917955,18.80285 7.337901,-21.96856 13.652749,-30.76839 66.341642,-38.70978 -15.16261,11.41531 -6.45286,41.25445 -50.134453,55.21738 12.683753,-2.73301 25.822443,-8.73747 31.679703,-15.66516 -3.25494,22.40519 -51.89095,60.24666 -84.84585,64.99456 z"
+       id="path872"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccc" />
+  </g>
+</svg>
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="512"
+   height="512"
+   viewBox="0 0 135.46666 135.46667"
+   version="1.1"
+   id="svg169"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="plumeFeather.svg">
+  <title
+     id="title8">Plume Logo - Feather</title>
+  <defs
+     id="defs163" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="126.20524"
+     inkscape:cy="304.85245"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1200"
+     inkscape:window-height="1577"
+     inkscape:window-x="3752"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:pagecheckerboard="true" />
+  <metadata
+     id="metadata166">
+    <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>Plume Logo - Feather</dc:title>
+        <dc:date>2018/10/07</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Abdullah Tarawneh (trwnh.com)</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:contributor>
+          <cc:Agent>
+            <dc:title>trwnh</dc:title>
+          </cc:Agent>
+        </dc:contributor>
+        <dc:description>A Plume concept logo, with a soft stylized feather. Solid path, no fill.</dc:description>
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-161.53332)">
+    <path
+       style="fill:none;fill-opacity:1;stroke:#7765e3;stroke-width:4.2751441;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+       d="M 11.343027,288.41445 C 1.112349,298.81005 0.43838995,295.69058 4.3446684,285.90553 L 16.157848,265.54671 c 1.615107,0.40548 13.891904,-55.26212 54.748175,-81.96673 -9.221995,15.79094 -3.917955,18.80285 -3.917955,18.80285 7.337901,-21.96856 13.652749,-30.76839 66.341642,-38.70978 -15.16261,11.41531 -6.45286,41.25445 -50.134453,55.21738 12.683753,-2.73301 25.822443,-8.73747 31.679703,-15.66516 -3.25494,22.40519 -51.89095,60.24666 -84.84585,64.99456 z"
+       id="path872"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccc" />
+  </g>
+</svg>
@@ -0,0 +1,937 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="960"
+   height="960"
+   viewBox="0 0 254.00001 254.00001"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="ideas.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.54564743"
+     inkscape:cx="221.3257"
+     inkscape:cy="919.03811"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="2560"
+     inkscape:window-height="1537"
+     inkscape:window-x="1192"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata5">
+    <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>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-42.999987)">
+    <path
+       style="fill:none;fill-opacity:1;stroke:#7765e3;stroke-width:0.5291667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 69.85882,92.20221 c -0.5487,0.512822 -0.64839,0.410692 -0.45707,-0.09006 l 0.57858,-1.041859 c -0.007,-7.6e-4 0.25105,-2.591729 2.14637,-4.196711 -0.55421,0.73823 -0.1856,0.970428 -0.1856,0.970428 0.16564,-1.162926 1.36891,-2.088642 3.9209,-1.929573 -0.24528,0.570492 -0.36321,1.821981 -2.72227,2.289111 0.62122,-0.139865 1.34716,-0.08596 1.63403,-0.440476 -0.51187,1.242423 -2.5,3.201047 -4.11405,3.444016 z"
+       id="path42"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccc" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="77.00631"
+       y="92.570526"
+       id="text851"><tspan
+         sodipodi:role="line"
+         id="tspan849"
+         x="77.00631"
+         y="92.570526"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.46666622px;font-family:'Playfair Display';-inkscape-font-specification:'Playfair Display';fill:#7765e3;fill-opacity:1;stroke-width:0.26458332">Plume</tspan></text>
+    <rect
+       style="fill:#23f0c7;fill-opacity:1;stroke-width:0.26458332"
+       id="rect815"
+       width="7.6729164"
+       height="7.6729164"
+       x="10.034603"
+       y="82.960335" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="20.617937"
+       y="89.574921"
+       id="text819"><tspan
+         sodipodi:role="line"
+         id="tspan817"
+         x="20.617937"
+         y="89.574921"
+         style="font-size:8.46666622px;stroke-width:0.26458332">#23F0C7</tspan></text>
+    <rect
+       y="93.940544"
+       x="9.9023113"
+       height="7.6729164"
+       width="7.6729164"
+       id="rect821"
+       style="fill:#ef767a;fill-opacity:1;stroke-width:0.26458332" />
+    <text
+       id="text825"
+       y="100.55513"
+       x="20.485645"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       xml:space="preserve"><tspan
+         style="font-size:8.46666622px;stroke-width:0.26458332"
+         y="100.55513"
+         x="20.485645"
+         id="tspan823"
+         sodipodi:role="line">#EF767A</tspan></text>
+    <rect
+       style="fill:#7765e3;fill-opacity:1;stroke-width:0.26458332"
+       id="rect827"
+       width="7.6729164"
+       height="7.6729164"
+       x="10.034603"
+       y="104.92075" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="20.617937"
+       y="111.53533"
+       id="text831"><tspan
+         sodipodi:role="line"
+         id="tspan829"
+         x="20.617937"
+         y="111.53533"
+         style="font-size:8.46666622px;stroke-width:0.26458332">#7765E3</tspan></text>
+    <rect
+       y="115.76867"
+       x="9.9023113"
+       height="7.6729164"
+       width="7.6729164"
+       id="rect833"
+       style="fill:#6457a6;fill-opacity:1;stroke-width:0.26458332" />
+    <text
+       id="text837"
+       y="122.38325"
+       x="20.485645"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       xml:space="preserve"><tspan
+         style="font-size:8.46666622px;stroke-width:0.26458332"
+         y="122.38325"
+         x="20.485645"
+         id="tspan835"
+         sodipodi:role="line">#6457A6</tspan></text>
+    <rect
+       style="fill:#ffe347;fill-opacity:1;stroke-width:0.26458332"
+       id="rect839"
+       width="7.6729164"
+       height="7.6729164"
+       x="9.7700195"
+       y="126.61658" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="20.353354"
+       y="133.23117"
+       id="text843"><tspan
+         sodipodi:role="line"
+         id="tspan841"
+         x="20.353354"
+         y="133.23117"
+         style="font-size:8.46666622px;stroke-width:0.26458332">#FFE347</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="10.960646"
+       y="74.758255"
+       id="text847"><tspan
+         sodipodi:role="line"
+         id="tspan845"
+         x="10.960646"
+         y="74.758255"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.46666622px;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';stroke-width:0.26458332">Color Palette</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.69999981px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="6.8596044"
+       y="58.486385"
+       id="text852"><tspan
+         sodipodi:role="line"
+         id="tspan850"
+         x="6.8596044"
+         y="58.486385"
+         style="font-size:12.69999981px;stroke-width:0.26458332">Title Typeface: Playfair Display</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Route 159';-inkscape-font-specification:'Route 159, ';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="68.904396"
+       y="74.758255"
+       id="text839"><tspan
+         sodipodi:role="line"
+         id="tspan837"
+         x="68.904396"
+         y="74.758255"
+         style="font-size:8.46666622px;stroke-width:0.26458332">UI Font: Route 159</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.46666622px;line-height:1.25;font-family:'Route 159';-inkscape-font-specification:'Route 159, ';letter-spacing:0px;word-spacing:0px;fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="76.8638"
+       y="104.0499"
+       id="text844"><tspan
+         sodipodi:role="line"
+         id="tspan842"
+         x="76.8638"
+         y="104.0499"
+         style="fill:#7765e3;fill-opacity:1;stroke-width:0.26458332">Plume</tspan></text>
+    <path
+       style="fill:none;fill-opacity:1;stroke:#7765e3;stroke-width:0.5291667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 71.74765,98.290683 c 1.37113,-1.920604 3.80809,0.628063 3.01505,1.725877 -1.34381,1.86029 -2.18368,0.78236 -2.47817,0.60069 -0.21724,-0.13401 -0.35139,-0.13769 -1.03242,1.36807 -0.43606,0.9641 -0.38316,-0.0251 -1.02782,0.51806 -0.94901,0.79954 -1.15413,1.2921 -1.28107,1.54951 z"
+       id="path848"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csssscc" />
+    <path
+       sodipodi:nodetypes="cccccccccc"
+       inkscape:connector-curvature="0"
+       id="path852"
+       d="m 143.19172,92.524382 c -0.40373,0.365809 -0.47709,0.292957 -0.33631,-0.06424 l 0.42572,-0.743185 c -0.005,-5.42e-4 0.18472,-1.848748 1.57931,-2.993623 -0.40779,0.526599 -0.13657,0.692232 -0.13657,0.692232 0.12188,-0.829546 1.00726,-1.489883 2.88502,-1.376415 -0.18048,0.406947 -0.26725,1.299666 -2.00306,1.632882 0.45709,-0.09977 0.99125,-0.06132 1.20232,-0.314203 -0.37663,0.886253 -1.83951,2.28339 -3.02713,2.456706 z"
+       style="fill:none;fill-opacity:1;stroke:#7765e3;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <text
+       id="text856"
+       y="92.533737"
+       x="148.31642"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       xml:space="preserve"><tspan
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;font-family:'Playfair Display';-inkscape-font-specification:'Playfair Display';fill:#7765e3;fill-opacity:1;stroke-width:0.26458332"
+         y="92.533737"
+         x="148.31642"
+         id="tspan854"
+         sodipodi:role="line">Plume</tspan></text>
+    <text
+       id="text860"
+       y="103.52074"
+       x="148.43326"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:'Route 159';-inkscape-font-specification:'Route 159, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       xml:space="preserve"><tspan
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;font-family:'Route 159';-inkscape-font-specification:'Route 159, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#7765e3;fill-opacity:1;stroke-width:0.26458332"
+         y="103.52074"
+         x="148.43326"
+         id="tspan858"
+         sodipodi:role="line">Plume</tspan></text>
+    <path
+       sodipodi:nodetypes="csssscc"
+       inkscape:connector-curvature="0"
+       id="path862"
+       d="m 144.16942,99.835614 c 0.9823,-1.284602 2.72818,0.420086 2.16003,1.154356 -0.96272,1.24426 -1.56442,0.52328 -1.7754,0.40178 -0.15564,-0.0896 -0.25174,-0.0921 -0.73965,0.91503 -0.3124,0.64484 -0.2745,-0.0168 -0.73634,0.34651 -0.67989,0.53477 -0.82684,0.86422 -0.91777,1.03639 z"
+       style="fill:none;fill-opacity:1;stroke:#7765e3;stroke-width:0.36630338;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="cccccccccc"
+       inkscape:connector-curvature="0"
+       id="path864"
+       d="m 104.78391,92.20221 c -0.5487,0.512822 -0.64839,0.410692 -0.45707,-0.09006 l 0.57858,-1.041859 c -0.007,-7.6e-4 0.25105,-2.591729 2.14638,-4.196711 -0.55421,0.73823 -0.1856,0.970428 -0.1856,0.970428 0.16564,-1.162926 1.36892,-2.088642 3.92092,-1.929573 -0.24528,0.570492 -0.36321,1.821981 -2.72228,2.289111 0.62122,-0.139865 1.34717,-0.08596 1.63404,-0.440476 -0.51188,1.242423 -2.50002,3.201047 -4.11408,3.444016 z"
+       style="fill:#7765e3;fill-opacity:1;stroke:#7765e3;stroke-width:0.5291667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <text
+       id="text868"
+       y="92.570526"
+       x="111.93127"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       xml:space="preserve"><tspan
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.46666622px;font-family:'Playfair Display';-inkscape-font-specification:'Playfair Display';fill:#7765e3;fill-opacity:1;stroke-width:0.26458332"
+         y="92.570526"
+         x="111.93127"
+         id="tspan866"
+         sodipodi:role="line">Plume</tspan></text>
+    <text
+       id="text872"
+       y="104.0499"
+       x="112.31797"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.46666622px;line-height:1.25;font-family:'Route 159';-inkscape-font-specification:'Route 159, ';letter-spacing:0px;word-spacing:0px;fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       xml:space="preserve"><tspan
+         style="fill:#7765e3;fill-opacity:1;stroke-width:0.26458332"
+         y="104.0499"
+         x="112.31797"
+         id="tspan870"
+         sodipodi:role="line">Plume</tspan></text>
+    <path
+       sodipodi:nodetypes="csssscc"
+       inkscape:connector-curvature="0"
+       id="path874"
+       d="m 107.20192,98.290683 c 1.37114,-1.920604 3.80811,0.628063 3.01507,1.725877 -1.34382,1.86029 -2.1837,0.78236 -2.47819,0.60069 -0.21724,-0.13401 -0.35139,-0.13769 -1.03243,1.36807 -0.43606,0.9641 -0.38316,-0.0251 -1.02782,0.51806 -0.94901,0.79954 -1.15414,1.2921 -1.28108,1.54951 z"
+       style="fill:#7765e3;fill-opacity:1;stroke:#7765e3;stroke-width:0.5291667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       style="fill:#7765e3;fill-opacity:1;stroke:#7765e3;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 168.06271,92.524382 c -0.40373,0.365809 -0.47709,0.292957 -0.33631,-0.06424 l 0.42572,-0.743185 c -0.005,-5.42e-4 0.18472,-1.848748 1.57931,-2.993623 -0.40779,0.526599 -0.13657,0.692232 -0.13657,0.692232 0.12188,-0.829546 1.00726,-1.489883 2.88502,-1.376415 -0.18048,0.406947 -0.26725,1.299666 -2.00306,1.632882 0.45709,-0.09977 0.99125,-0.06132 1.20232,-0.314203 -0.37663,0.886253 -1.83951,2.28339 -3.02713,2.456706 z"
+       id="path876"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccc" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="173.18692"
+       y="92.533737"
+       id="text880"><tspan
+         sodipodi:role="line"
+         id="tspan878"
+         x="173.18692"
+         y="92.533737"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;font-family:'Playfair Display';-inkscape-font-specification:'Playfair Display';fill:#7765e3;fill-opacity:1;stroke-width:0.26458332">Plume</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:'Route 159';-inkscape-font-specification:'Route 159, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="173.30376"
+       y="103.52074"
+       id="text884"><tspan
+         sodipodi:role="line"
+         id="tspan882"
+         x="173.30376"
+         y="103.52074"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;font-family:'Route 159';-inkscape-font-specification:'Route 159, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#7765e3;fill-opacity:1;stroke-width:0.26458332">Plume</tspan></text>
+    <path
+       style="fill:#7765e3;fill-opacity:1;stroke:#7765e3;stroke-width:0.36630338;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 169.04041,99.835614 c 0.9823,-1.284602 2.72818,0.420086 2.16003,1.154356 -0.96272,1.24426 -1.56442,0.52328 -1.7754,0.40178 -0.15564,-0.0896 -0.25174,-0.0921 -0.73965,0.91503 -0.3124,0.64484 -0.2745,-0.0168 -0.73634,0.34651 -0.67989,0.53477 -0.82684,0.86422 -0.91777,1.03639 z"
+       id="path886"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csssscc" />
+    <path
+       sodipodi:nodetypes="cccccccccc"
+       inkscape:connector-curvature="0"
+       id="path888"
+       d="m 68.396255,129.68564 c -1.28956,1.21053 -1.52385,0.96945 -1.07421,-0.21258 l 1.35978,-2.45933 c -0.0164,-0.002 0.59002,-6.11784 5.0444,-9.90643 -1.3025,1.74261 -0.4362,2.29071 -0.4362,2.29071 0.38929,-2.74511 3.21722,-4.93028 9.214914,-4.5548 -0.57646,1.34666 -0.85362,4.30083 -6.397884,5.4035 1.45999,-0.33015 3.166094,-0.20292 3.840304,-1.03975 -1.203004,2.93276 -5.875514,7.55614 -9.668854,8.12968 z"
+       style="fill:none;fill-opacity:1;stroke:#7765e3;stroke-width:0.5291667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="csssscc"
+       inkscape:connector-curvature="0"
+       id="path890"
+       d="m 88.438708,116.38099 c 3.60519,-4.67252 10.01282,1.52798 7.92763,4.19879 -3.53335,4.52578 -5.74166,1.90335 -6.51598,1.46139 -0.5712,-0.32605 -0.92393,-0.33498 -2.7146,3.32828 -1.14656,2.34549 -1.00746,-0.061 -2.7025,1.26036 -2.49529,1.94515 -3.03462,3.14347 -3.36839,3.7697 z"
+       style="fill:none;fill-opacity:1;stroke:#7765e3;stroke-width:0.5291667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       style="fill:none;stroke:#7765e3;stroke-width:0.5291667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 90.893098,122.75013 c -2.28627,-2.07603 0.78836,-3.99439 0.78836,-3.99439"
+       id="path896"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       sodipodi:nodetypes="cccccccccc"
+       inkscape:connector-curvature="0"
+       id="path904"
+       d="m 160.81806,130.52754 c -1.28956,1.21052 -1.52385,0.96944 -1.07421,-0.21258 l 1.35978,-2.45933 c -0.0164,-0.002 0.59002,-6.11784 5.0444,-9.90644 -1.3025,1.74261 -0.4362,2.29072 -0.4362,2.29072 0.38929,-2.74511 3.21722,-4.93028 9.21491,-4.5548 -0.57646,1.34666 -0.85362,4.30083 -6.39788,5.4035 1.45999,-0.33016 3.16609,-0.20292 3.8403,-1.03975 -1.203,2.93276 -5.87551,7.55614 -9.66885,8.12967 z"
+       style="fill:#7765e3;fill-opacity:1;stroke:#7765e3;stroke-width:0.5291667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="csssscc"
+       inkscape:connector-curvature="0"
+       id="path906"
+       d="m 182.82494,117.50352 c 3.60519,-4.67252 10.01282,1.52798 7.92763,4.19879 -3.53335,4.52579 -5.74166,1.90335 -6.51598,1.46139 -0.5712,-0.32605 -0.92393,-0.33498 -2.7146,3.32828 -1.14656,2.3455 -1.00746,-0.061 -2.7025,1.26036 -2.49529,1.94515 -3.03462,3.14347 -3.36839,3.7697 z"
+       style="fill:#7765e3;fill-opacity:1;stroke:#7765e3;stroke-width:0.5291667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="fill:#7765e3;fill-opacity:1;stroke:#7765e3;stroke-width:0.43808097;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect910"
+       width="16.495253"
+       height="16.495253"
+       x="117.24186"
+       y="113.9016"
+       ry="8.2476263" />
+    <rect
+       y="113.99515"
+       x="137.16684"
+       height="16.495253"
+       width="16.495253"
+       id="rect912"
+       style="fill:#7765e3;fill-opacity:1;stroke:#7765e3;stroke-width:0.43808097;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       ry="8.2476263" />
+    <path
+       style="fill:#23f0c7;fill-opacity:1;stroke:#23f0c7;stroke-width:0.35679018;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+       d="m 121.07259,126.87298 c -0.86948,0.81618 -1.02745,0.65365 -0.72428,-0.14333 l 0.91683,-1.65821 c -0.0111,-8e-4 0.39782,-4.12494 3.40118,-6.6794 -0.87821,1.17495 -0.2941,1.54451 -0.2941,1.54451 0.26247,-1.85088 2.16919,-3.32424 6.21314,-3.07106 -0.38868,0.90798 -0.57555,2.89982 -4.31376,3.6433 0.98439,-0.2226 2.13472,-0.13682 2.58931,-0.70106 -0.81113,1.97741 -3.96155,5.09473 -6.51922,5.48143 z"
+       id="path898"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccc" />
+    <path
+       style="fill:#23f0c7;fill-opacity:1;stroke:#23f0c7;stroke-width:0.37328929;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+       d="m 145.10588,118.69356 c 2.54321,-3.29613 7.06334,1.07788 5.59238,2.96194 -2.49252,3.19262 -4.05033,1.34267 -4.59655,1.0309 -0.40294,-0.22998 -0.65177,-0.2363 -1.91496,2.34787 -0.80883,1.65458 -0.71069,-0.043 -1.90642,0.8891 -1.76025,1.37216 -2.14071,2.2175 -2.37616,2.65925 z"
+       id="path900"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csssscc" />
+    <path
+       style="fill:none;fill-opacity:1;stroke:#7765e3;stroke-width:0.5291667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 156.93423,76.416775 c -1.28956,1.21053 -1.52385,0.96945 -1.07421,-0.21258 l 1.35978,-2.45933 c -0.0164,-0.002 1.42506,-6.451843 5.87944,-10.240443 -1.3025,1.74261 -1.27124,2.62473 -1.27124,2.62473 0.38929,-2.74511 3.21722,-4.93028 9.21492,-4.5548 -0.57646,1.34666 -0.85362,4.30083 -6.39789,5.4035 1.45999,-0.33016 4.33515,-1.53898 5.00936,-2.37581 -1.20301,2.93277 -7.04457,8.892193 -10.83791,9.465733 z"
+       id="path866"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccc" />
+    <path
+       style="fill:none;fill-opacity:1;stroke:#7765e3;stroke-width:0.5291667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 101.89763,117.47489 c 0.99865,-5.81658 9.56336,-3.33672 8.9709,-5.1e-4 -1.00384,5.65329 -4.18284,4.36958 -5.07396,4.34148 -0.65737,-0.021 -0.97325,0.13651 -0.84088,4.21185 0.0847,2.60936 -0.91883,0.41768 -1.79818,2.37878 -1.29452,2.8869 -1.21019,4.1983 -1.212,4.90792 z"
+       id="path868"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csssscc" />
+    <path
+       sodipodi:nodetypes="cc"
+       inkscape:connector-curvature="0"
+       id="path870"
+       d="m 107.04788,121.95427 c -2.99211,-0.76436 -1.1731,-3.89878 -1.1731,-3.89878"
+       style="fill:none;stroke:#7765e3;stroke-width:0.5291667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       style="fill:none;fill-opacity:1;stroke:#7765e3;stroke-width:0.5291667;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 170.6147,76.682565 c -1.28956,1.21053 -1.52385,0.96945 -1.07421,-0.21258 l 1.35978,-2.45933 c -0.0164,-0.002 0.59002,-6.117833 5.0444,-9.906433 -1.3025,1.74261 -0.4362,2.29072 -0.4362,2.29072 0.38929,-2.74511 3.21722,-4.93029 9.21492,-4.5548 -0.57646,1.34666 -0.85362,4.30082 -6.39789,5.40349 1.45999,-0.33015 3.53351,0.0977 4.20772,-0.73914 -1.203,2.93277 -6.24293,7.255533 -10.03627,7.829073 z"
+       id="path872"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 231.53534,148.01977 v 18.78849 l -4.26838,6.44068 -4.45893,-6.40256 c 4.24692,-12.55587 3.52568,-16.69699 3.6205,-27.43957 22.12476,1.35032 14.28558,20.282 5.33547,19.39825"
+       id="path889"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 227.26696,173.24894 c 0,-9.45141 0.0381,-9.4133 0.0381,-9.4133"
+       id="path891"
+       inkscape:connector-curvature="0" />
+    <g
+       id="g1143"
+       transform="translate(-123.3885,194.67528)">
+      <rect
+         y="21.410418"
+         x="205.47905"
+         height="16.750105"
+         width="16.750105"
+         id="rect893"
+         style="fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.30126441;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="cccccc"
+         inkscape:connector-curvature="0"
+         id="path895"
+         d="m 207.62884,36.118119 -0.10687,-12.665288 h 2.693 c 4.81106,0.02235 4.77107,5.990014 -0.12812,5.990014 l 0.0712,6.675269 z"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.12323128px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <rect
+         y="29.177969"
+         x="215.0899"
+         height="2.7695272"
+         width="4.9009433"
+         id="rect897"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.38753989;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         transform="scale(-1)"
+         y="-36.001663"
+         x="-220.0703"
+         height="2.8409941"
+         width="8.1695461"
+         id="rect899"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.35613737;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         y="25.218256"
+         x="217.26648"
+         height="2.843389"
+         width="2.8433888"
+         id="rect901"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.35374269;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         id="text888"
+         y="38.109615"
+         x="224.95683"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.2628417px;line-height:1.25;font-family:'Inter UI';-inkscape-font-specification:'Inter UI';letter-spacing:0px;word-spacing:0px;fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.1332138"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:22.73515701px;font-family:'Inter UI';-inkscape-font-specification:'Inter UI Bold';fill:#7765e3;fill-opacity:1;stroke-width:0.1332138"
+           y="38.109615"
+           x="224.95683"
+           id="tspan886"
+           sodipodi:role="line">Plume</tspan></text>
+    </g>
+    <rect
+       y="187.21339"
+       x="9.3072567"
+       height="7.6729164"
+       width="7.6729164"
+       id="rect942"
+       style="fill:#23f0c7;fill-opacity:1;stroke-width:0.26458332" />
+    <text
+       id="text946"
+       y="193.82799"
+       x="19.890591"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       xml:space="preserve"><tspan
+         style="font-size:8.46666622px;stroke-width:0.26458332"
+         y="193.82799"
+         x="19.890591"
+         id="tspan944"
+         sodipodi:role="line">#23F0C7</tspan></text>
+    <rect
+       style="fill:#ef767a;fill-opacity:1;stroke-width:0.26458332"
+       id="rect948"
+       width="7.6729164"
+       height="7.6729164"
+       x="9.1749649"
+       y="198.1936" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="19.758299"
+       y="204.8082"
+       id="text952"><tspan
+         sodipodi:role="line"
+         id="tspan950"
+         x="19.758299"
+         y="204.8082"
+         style="font-size:8.46666622px;stroke-width:0.26458332">#EF767A</tspan></text>
+    <rect
+       y="209.17381"
+       x="9.3072567"
+       height="7.6729164"
+       width="7.6729164"
+       id="rect954"
+       style="fill:#7765e3;fill-opacity:1;stroke-width:0.26458332" />
+    <text
+       id="text958"
+       y="215.78839"
+       x="19.890591"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       xml:space="preserve"><tspan
+         style="font-size:8.46666622px;stroke-width:0.26458332"
+         y="215.78839"
+         x="19.890591"
+         id="tspan956"
+         sodipodi:role="line">#7765E3</tspan></text>
+    <rect
+       style="fill:#6457a6;fill-opacity:1;stroke-width:0.26458332"
+       id="rect960"
+       width="7.6729164"
+       height="7.6729164"
+       x="9.1749649"
+       y="220.02174" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="19.758299"
+       y="226.63631"
+       id="text964"><tspan
+         sodipodi:role="line"
+         id="tspan962"
+         x="19.758299"
+         y="226.63631"
+         style="font-size:8.46666622px;stroke-width:0.26458332">#6457A6</tspan></text>
+    <rect
+       y="230.86964"
+       x="9.0426731"
+       height="7.6729164"
+       width="7.6729164"
+       id="rect966"
+       style="fill:#ffe347;fill-opacity:1;stroke-width:0.26458332" />
+    <text
+       id="text970"
+       y="237.48422"
+       x="19.626007"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       xml:space="preserve"><tspan
+         style="font-size:8.46666622px;stroke-width:0.26458332"
+         y="237.48422"
+         x="19.626007"
+         id="tspan968"
+         sodipodi:role="line">#FFE347</tspan></text>
+    <text
+       id="text974"
+       y="179.01132"
+       x="10.233299"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.58333302px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       xml:space="preserve"><tspan
+         style="font-size:8.46666622px;stroke-width:0.26458332"
+         y="179.01132"
+         x="10.233299"
+         id="tspan972"
+         sodipodi:role="line">Color Palette</tspan></text>
+    <text
+       id="text978"
+       y="162.73944"
+       x="6.132256"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.69999981px;line-height:1.25;font-family:'Apple Garamond';-inkscape-font-specification:'Apple Garamond';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       xml:space="preserve"><tspan
+         style="font-size:12.69999981px;stroke-width:0.26458332"
+         y="162.73944"
+         x="6.132256"
+         id="tspan976"
+         sodipodi:role="line">Title Typeface: Playfair Display</tspan></text>
+    <text
+       id="text982"
+       y="178.213"
+       x="82.851562"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.65419292px;line-height:1.25;font-family:'Route 159';-inkscape-font-specification:'Route 159, ';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26635483"
+       xml:space="preserve"
+       transform="scale(0.99334904,1.0066955)"><tspan
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.52335453px;font-family:'Inter UI';-inkscape-font-specification:'Inter UI';stroke-width:0.26635483"
+         y="178.213"
+         x="82.851562"
+         id="tspan980"
+         sodipodi:role="line"><tspan
+   style="font-weight:bold"
+   id="tspan1181">UI Font:</tspan> Inter UI</tspan></text>
+    <g
+       id="g1152"
+       transform="translate(-123.73138,195.62581)">
+      <rect
+         style="fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.2259483;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1052"
+         width="12.562579"
+         height="12.562579"
+         x="205.82193"
+         y="42.616043" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.09242346px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 207.43426,53.646822 -0.0802,-9.498966 h 2.01975 c 3.60829,0.01676 3.5783,4.49251 -0.0961,4.49251 l 0.0535,5.006452 z"
+         id="path1054"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.29065493;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1056"
+         width="3.6757076"
+         height="2.0771453"
+         x="213.03009"
+         y="48.441708" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.26710302;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1058"
+         width="6.1271596"
+         height="2.1307456"
+         x="-216.76537"
+         y="-53.559479"
+         transform="scale(-1)" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.26530701;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1060"
+         width="2.1325417"
+         height="2.1325419"
+         x="214.66251"
+         y="45.47192" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.1971314px;line-height:1.25;font-family:'Inter UI';-inkscape-font-specification:'Inter UI';letter-spacing:0px;word-spacing:0px;fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.09991036"
+         x="220.43028"
+         y="55.140442"
+         id="text1064"><tspan
+           sodipodi:role="line"
+           id="tspan1062"
+           x="220.43028"
+           y="55.140442"
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:17.05136871px;font-family:'Inter UI';-inkscape-font-specification:'Inter UI Bold';fill:#7765e3;fill-opacity:1;stroke-width:0.09991036">Plume</tspan></text>
+    </g>
+    <g
+       id="g1161"
+       transform="translate(-123.90281,195.94319)">
+      <rect
+         y="60.221481"
+         x="205.99336"
+         height="8.3750534"
+         width="8.3750534"
+         id="rect1066"
+         style="fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.15063222;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="cccccc"
+         inkscape:connector-curvature="0"
+         id="path1068"
+         d="m 207.06825,67.575339 -0.0535,-6.332644 h 1.3465 c 2.40553,0.01117 2.38554,2.995007 -0.0641,2.995007 l 0.0357,3.337635 z"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.06161565px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <rect
+         y="64.105263"
+         x="210.7988"
+         height="1.3847637"
+         width="2.4504719"
+         id="rect1070"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.19376998;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         transform="scale(-1)"
+         y="-67.517105"
+         x="-213.28899"
+         height="1.4204972"
+         width="4.0847735"
+         id="rect1072"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.1780687;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         y="62.125404"
+         x="211.88708"
+         height="1.4216948"
+         width="1.4216945"
+         id="rect1074"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.17687136;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         id="text1078"
+         y="68.571083"
+         x="215.73227"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:2.13142109px;line-height:1.25;font-family:'Inter UI';-inkscape-font-specification:'Inter UI';letter-spacing:0px;word-spacing:0px;fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.06660692"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:11.36758041px;font-family:'Inter UI';-inkscape-font-specification:'Inter UI Bold';fill:#7765e3;fill-opacity:1;stroke-width:0.06660692"
+           y="68.571083"
+           x="215.73227"
+           id="tspan1076"
+           sodipodi:role="line">Plume</tspan></text>
+    </g>
+    <g
+       id="g1170"
+       transform="translate(-124.07425,195.5154)">
+      <rect
+         style="fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.11297414;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1080"
+         width="6.2812886"
+         height="6.2812886"
+         x="206.16479"
+         y="74.33876" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.04621173px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 206.97096,79.854154 -0.0401,-4.749482 h 1.00987 c 1.80415,0.0084 1.78916,2.246255 -0.0481,2.246255 l 0.0268,2.503225 z"
+         id="path1082"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.14532745;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1084"
+         width="1.8378536"
+         height="1.0385725"
+         x="209.76888"
+         y="77.251595" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.13355149;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1086"
+         width="3.0635796"
+         height="1.0653727"
+         x="-211.63651"
+         y="-79.810478"
+         transform="scale(-1)" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.13265349;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1088"
+         width="1.0662707"
+         height="1.0662708"
+         x="210.58508"
+         y="75.766701" />
+      <text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:1.59856546px;line-height:1.25;font-family:'Inter UI';-inkscape-font-specification:'Inter UI';letter-spacing:0px;word-spacing:0px;fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.04995518"
+         x="213.46898"
+         y="80.60096"
+         id="text1092"><tspan
+           sodipodi:role="line"
+           id="tspan1090"
+           x="213.46898"
+           y="80.60096"
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:8.5256834px;font-family:'Inter UI';-inkscape-font-specification:'Inter UI Bold';fill:#7765e3;fill-opacity:1;stroke-width:0.04995518">Plume</tspan></text>
+    </g>
+    <g
+       id="g1179"
+       transform="translate(-123.90281,194.17101)">
+      <rect
+         y="87.255981"
+         x="205.99336"
+         height="4.1875262"
+         width="4.1875262"
+         id="rect1094"
+         style="fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.0753161;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="cccccc"
+         inkscape:connector-curvature="0"
+         id="path1096"
+         d="m 206.5308,90.932902 -0.0267,-3.16632 h 0.67325 c 1.20277,0.005 1.19277,1.49751 -0.0321,1.49751 l 0.0179,1.66881 z"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.03080782px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <rect
+         y="89.197868"
+         x="208.39609"
+         height="0.69238174"
+         width="1.2252358"
+         id="rect1098"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.09688497;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         transform="scale(-1)"
+         y="-90.903793"
+         x="-209.64117"
+         height="0.71024853"
+         width="2.0423865"
+         id="rect1100"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.08903433;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         y="88.207939"
+         x="208.94022"
+         height="0.71084726"
+         width="0.7108472"
+         id="rect1102"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.08843566;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <text
+         id="text1106"
+         y="91.430779"
+         x="210.86282"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:1.06571043px;line-height:1.25;font-family:'Inter UI';-inkscape-font-specification:'Inter UI';letter-spacing:0px;word-spacing:0px;fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.03330346"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:5.68378925px;font-family:'Inter UI';-inkscape-font-specification:'Inter UI Bold';fill:#7765e3;fill-opacity:1;stroke-width:0.03330346"
+           y="91.430779"
+           x="210.86282"
+           id="tspan1104"
+           sodipodi:role="line">Plume</tspan></text>
+    </g>
+    <rect
+       y="185.46291"
+       x="82.090546"
+       height="25.12516"
+       width="25.12516"
+       id="rect1108"
+       style="fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.45189664;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="cccccc"
+       inkscape:connector-curvature="0"
+       id="path1110"
+       d="m 85.315226,207.52446 -0.16029,-18.99794 h 4.03949 c 7.216602,0.0335 7.156612,8.98502 -0.19217,8.98502 l 0.1068,10.01291 z"
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.18484694px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <rect
+       y="197.11423"
+       x="96.506821"
+       height="4.1542912"
+       width="7.3514161"
+       id="rect1112"
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.58130991;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       transform="scale(-1)"
+       y="-207.34978"
+       x="-103.97742"
+       height="4.2614913"
+       width="12.25432"
+       id="rect1114"
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.53420609;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="191.17467"
+       x="99.771698"
+       height="4.2650838"
+       width="4.2650838"
+       id="rect1116"
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.53061408;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <text
+       id="text1120"
+       y="210.5117"
+       x="111.30722"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.39426327px;line-height:1.25;font-family:'Inter UI';-inkscape-font-specification:'Inter UI';letter-spacing:0px;word-spacing:0px;fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.19982073"
+       xml:space="preserve"><tspan
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:34.10274124px;font-family:'Inter UI';-inkscape-font-specification:'Inter UI Bold';fill:#7765e3;fill-opacity:1;stroke-width:0.19982073"
+         y="210.5117"
+         x="111.30722"
+         id="tspan1118"
+         sodipodi:role="line">Plume</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:'Route 159';-inkscape-font-specification:'Route 159, ';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="67.041779"
+       y="285.10333"
+       id="text1185"><tspan
+         sodipodi:role="line"
+         id="tspan1183"
+         x="67.041779"
+         y="285.10333"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Inter UI';-inkscape-font-specification:'Inter UI';stroke-width:0.26458332">16px</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:'Route 159';-inkscape-font-specification:'Route 159, ';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="66.711052"
+       y="273.10269"
+       id="text1189"><tspan
+         sodipodi:role="line"
+         id="tspan1187"
+         x="66.711052"
+         y="273.10269"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Inter UI';-inkscape-font-specification:'Inter UI';stroke-width:0.26458332">24px</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:'Inter UI';-inkscape-font-specification:'Inter UI, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="66.606819"
+       y="262.00388"
+       id="text1193"><tspan
+         sodipodi:role="line"
+         id="tspan1191"
+         x="66.606819"
+         y="262.00388"
+         style="stroke-width:0.26458332">32px</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:'Inter UI';-inkscape-font-specification:'Inter UI, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="66.703033"
+       y="245.8739"
+       id="text1197"><tspan
+         sodipodi:role="line"
+         id="tspan1195"
+         x="66.703033"
+         y="245.8739"
+         style="stroke-width:0.26458332">48px</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:'Inter UI';-inkscape-font-specification:'Inter UI, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="66.642906"
+       y="226.62836"
+       id="text1201"><tspan
+         sodipodi:role="line"
+         id="tspan1199"
+         x="66.642906"
+         y="226.62836"
+         style="stroke-width:0.26458332">64px</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1.25;font-family:'Inter UI';-inkscape-font-specification:'Inter UI, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="66.622856"
+       y="201.95624"
+       id="text1205"><tspan
+         sodipodi:role="line"
+         id="tspan1203"
+         x="66.622856"
+         y="201.95624"
+         style="stroke-width:0.26458332">96px</tspan></text>
+    <g
+       id="g1229"
+       transform="matrix(1.3479184,0,0,1.3479184,-11.476932,146.40477)">
+      <rect
+         y="73.238937"
+         x="15.361921"
+         height="25.12516"
+         width="25.12516"
+         id="rect1214"
+         style="fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:0.45189664;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="cccccc"
+         inkscape:connector-curvature="0"
+         id="path1216"
+         d="m 18.586603,95.30049 -0.16029,-18.997935 h 4.03949 c 7.2166,0.03352 7.15661,8.985023 -0.19217,8.985023 l 0.1068,10.012904 z"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.18484694px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <rect
+         y="84.890266"
+         x="29.778198"
+         height="4.1542912"
+         width="7.3514161"
+         id="rect1218"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.58130991;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         transform="scale(-1)"
+         y="-95.125816"
+         x="-37.248791"
+         height="4.2614913"
+         width="12.25432"
+         id="rect1220"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.53420609;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         y="78.950691"
+         x="33.043072"
+         height="4.2650838"
+         width="4.2650838"
+         id="rect1222"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.53061408;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="512"
+   height="512"
+   viewBox="0 0 135.46666 135.46667"
+   version="1.1"
+   id="svg4705"
+   inkscape:export-filename="D:\Graphics\PlumeLogo\plumeParagraphs16.png"
+   inkscape:export-xdpi="3.0000002"
+   inkscape:export-ydpi="3.0000002"
+   sodipodi:docname="plumeParagraphsBlack.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)">
+  <title
+     id="title8">Plume Logo - Paragraphs (Black)</title>
+  <defs
+     id="defs4699" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="233.22289"
+     inkscape:cy="376.94728"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:pagecheckerboard="true"
+     inkscape:window-width="1200"
+     inkscape:window-height="1577"
+     inkscape:window-x="3752"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4702">
+    <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>Plume Logo - Paragraphs (Black)</dc:title>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Abdullah Tarawneh (trwnh.com)</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:date>2018/10/07</dc:date>
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:contributor>
+          <cc:Agent>
+            <dc:title>trwnh</dc:title>
+          </cc:Agent>
+        </dc:contributor>
+        <dc:description>A Plume concept logo, with a stylized paragraph symbol and paragraph blocks. Black silhouette.</dc:description>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-161.53332)">
+    <path
+       style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:9.20874119;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 0 0 L 0 512 L 512 512 L 512 0 L 0 0 z M 65.900391 59.884766 L 148.45117 59.884766 C 295.92866 60.566214 294.70214 242.55078 144.52344 242.55078 L 146.70508 446.11523 L 69.175781 446.11523 L 65.900391 59.884766 z M 361.31055 117.31055 L 446.68945 117.31055 L 446.68945 202.68945 L 361.31055 202.68945 L 361.31055 117.31055 z M 297.87695 237.87695 L 446.12305 237.87695 L 446.12305 322.12305 L 297.87695 322.12305 L 297.87695 237.87695 z M 197.38672 357.38672 L 446.61328 357.38672 L 446.61328 442.61328 L 197.38672 442.61328 L 197.38672 357.38672 z "
+       transform="matrix(0.26458333,0,0,0.26458333,0,161.53332)"
+       id="rect1214" />
+  </g>
+</svg>
@@ -0,0 +1,122 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="512"
+   height="512"
+   viewBox="0 0 135.46666 135.46667"
+   version="1.1"
+   id="svg4705"
+   inkscape:export-filename="D:\Graphics\PlumeLogo\bitmap.png"
+   inkscape:export-xdpi="3"
+   inkscape:export-ydpi="3"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="plumeParagraphs.svg">
+  <title
+     id="title12">Plume Logo - Paragraphs</title>
+  <defs
+     id="defs4699" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="233.22289"
+     inkscape:cy="376.94728"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:pagecheckerboard="true"
+     inkscape:window-width="1200"
+     inkscape:window-height="1577"
+     inkscape:window-x="3752"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4702">
+    <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>Plume Logo - Paragraphs</dc:title>
+        <dc:date>2018/10/07</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Abdullah Tarawneh (trwnh.com)</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:contributor>
+          <cc:Agent>
+            <dc:title>trwnh</dc:title>
+          </cc:Agent>
+        </dc:contributor>
+        <cc:license
+           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
+        <dc:description>A Plume concept logo, with a stylized paragraph symbol and paragraph blocks. Solid square.</dc:description>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-161.53332)">
+    <rect
+       style="fill:#7765e3;fill-opacity:1;stroke:none;stroke-width:2.43647933;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1214"
+       width="135.46666"
+       height="135.46666"
+       x="1.1088696e-007"
+       y="161.53333" />
+    <path
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.9968788px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 18.302706,279.56821 17.436018,177.37759 H 39.2775 c 39.020084,0.1803 38.695719,48.33078 -1.039062,48.33078 l 0.577468,53.85979 z"
+       id="path1216"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:3.11026239;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1218"
+       width="39.223072"
+       height="22.289736"
+       x="78.813477"
+       y="224.47179" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:2.85055542;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1220"
+       width="65.941116"
+       height="22.549444"
+       x="-118.1664"
+       y="-278.64139"
+       transform="scale(-1)" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:2.81035185;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1222"
+       width="22.589647"
+       height="22.589647"
+       x="95.596855"
+       y="192.57182" />
+  </g>
+</svg>
@@ -0,0 +1,65 @@
+<?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"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="none"
+   stroke="currentColor"
+   stroke-width="2"
+   stroke-linecap="round"
+   stroke-linejoin="round"
+   class="feather feather-headphones"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="audio-file.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)">
+  <metadata
+     id="metadata12">
+    <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="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="M3 18v-6a9 9 0 0 1 18 0v6"
+     id="path2"
+     style="stroke:#ffffff;stroke-opacity:1" />
+  <path
+     d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"
+     id="path4"
+     style="stroke:#ffffff;stroke-opacity:1" />
+</svg>
@@ -0,0 +1,65 @@
+<?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"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="none"
+   stroke="currentColor"
+   stroke-width="2"
+   stroke-linecap="round"
+   stroke-linejoin="round"
+   class="feather feather-file"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="unknown-file.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)">
+  <metadata
+     id="metadata12">
+    <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="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"
+     id="path2"
+     style="stroke:#ffffff;stroke-opacity:1" />
+  <polyline
+     points="13 2 13 9 20 9"
+     id="polyline4"
+     style="stroke:#ffffff;stroke-opacity:1" />
+</svg>
@@ -0,0 +1,115 @@
+<?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"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="none"
+   stroke="currentColor"
+   stroke-width="2"
+   stroke-linecap="round"
+   stroke-linejoin="round"
+   class="feather feather-film"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="video-file.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)">
+  <metadata
+     id="metadata24">
+    <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="defs22" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview20"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     x="2"
+     y="2"
+     width="20"
+     height="20"
+     rx="2.18"
+     ry="2.18"
+     id="rect2"
+     style="stroke:#ffffff;stroke-opacity:1" />
+  <line
+     x1="7"
+     y1="2"
+     x2="7"
+     y2="22"
+     id="line4"
+     style="stroke:#ffffff;stroke-opacity:1" />
+  <line
+     x1="17"
+     y1="2"
+     x2="17"
+     y2="22"
+     id="line6"
+     style="stroke:#ffffff;stroke-opacity:1" />
+  <line
+     x1="2"
+     y1="12"
+     x2="22"
+     y2="12"
+     id="line8"
+     style="stroke:#ffffff;stroke-opacity:1" />
+  <line
+     x1="2"
+     y1="7"
+     x2="7"
+     y2="7"
+     id="line10"
+     style="stroke:#ffffff;stroke-opacity:1" />
+  <line
+     x1="2"
+     y1="17"
+     x2="7"
+     y2="17"
+     id="line12"
+     style="stroke:#ffffff;stroke-opacity:1" />
+  <line
+     x1="17"
+     y1="17"
+     x2="22"
+     y2="17"
+     id="line14"
+     style="stroke:#ffffff;stroke-opacity:1" />
+  <line
+     x1="17"
+     y1="7"
+     x2="22"
+     y2="7"
+     id="line16"
+     style="stroke:#ffffff;stroke-opacity:1" />
+</svg>
@@ -0,0 +1,3 @@
+* {
+	font-family: monospace;
+}
@@ -0,0 +1,483 @@
+// Heading
+main header.article {
+  overflow: hidden;
+  background: $background;
+  color: $text-color;
+  display: grid;
+  background-size: cover;
+  background-position: center;
+
+  &.illustrated {
+    min-height: 75vh;
+    color: $white;
+
+    a, a:visited {
+      color: $white;
+      border-bottom: 1px solid transparent;
+      transition: border-bottom-color 0.1s ease-in;
+
+      &:hover {
+        border-bottom-color: $white;
+      }
+    }
+  }
+
+  & > * {
+    grid-row: 1;
+    grid-column: 1;
+  }
+
+  & > div:not(.shadow) {
+    z-index: 3;
+    font-family: $lora;
+    font-size: 1.2em;
+
+    bottom: 0;
+    left: 0;
+    right: 0;
+    max-width: $article-width;
+    margin: 2em auto;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: end;
+
+    h1, .article-info {
+      text-align: center;
+    }
+  }
+
+  & > div.shadow {
+    z-index: 2;
+
+    height: 100%;
+    width: 100%;
+    background: linear-gradient(180deg, transparent 20vh, $black 80vh);
+  }
+
+  & > img {
+    z-index: 1;
+    min-width: 100%;
+    min-height: 100%;
+    background: $primary;
+  }
+}
+
+main .article-info {
+ 	margin: 0 auto 3em;
+ 	font-size: 0.95em;
+ 	font-weight: 400;
+
+ 	.author, .author a {
+ 	  font-weight: 600;
+ 	}
+}
+
+// The article itself
+main article {
+  max-width: $article-width;
+ 	margin: 2.5em auto;
+ 	font-family: $lora;
+ 	font-size: 1.2em;
+ 	line-height: 1.7;
+
+ 	a:hover {
+ 	  text-decoration: underline;
+ 	}
+
+ 	img {
+   	display: block;
+   	margin: 3em auto;
+   	max-width: 100%;
+  }
+
+  pre {
+   	padding: 1em;
+   	background: $gray;
+   	overflow: auto;
+  }
+
+  blockquote {
+    border-left: 5px solid $gray;
+    margin: 1em auto;
+    padding: 0em 2em;
+  }
+}
+
+// Metadata under the article
+main .article-meta, main .article-meta button {
+  padding: 0;
+  font-size: 1.1em;
+  margin-top: 10%;
+}
+
+main .article-meta {
+
+  > * {
+    margin: $margin;
+  }
+
+  > .banner {
+    margin: 3em 0;
+    & > * {
+      margin: $margin;
+    }
+  }
+
+  > p {
+    margin: 2em $horizontal-margin;
+ 	  font-size: 0.9em;
+  }
+
+  // Article Tags
+  .tags {
+    list-style: none;
+    padding: 0px;
+    max-width: none;
+    flex: 20;
+
+    li {
+      display: inline-block;
+      padding: 0px;
+      margin: 0px 10px 10px 0px;
+      transition: all 0.2s ease-in;
+      border: 1px solid $primary;
+
+      a {
+        display: inline-block;
+        padding: 10px 20px;
+      }
+
+      &:hover {
+        background: transparentize($primary, 0.9);
+      }
+    }
+  }
+
+  // Likes & Boosts
+  .actions {
+    display: flex;
+   	flex-direction: row;
+   	justify-content: space-around;
+  }
+
+  .likes, .reshares {
+    display: flex;
+   	flex-direction: column;
+   	align-items: center;
+   	padding: 0.5em 0;
+
+    p {
+      font-size: 1.5em;
+      display: inline-block;
+      margin: 0;
+    }
+
+    .action {
+      display: flex;
+     	flex-direction: column;
+     	align-items: center;
+     	justify-content: center;
+     	margin: 0;
+     	padding: 0;
+     	background: none;
+     	color: $text-color;
+     	border: none;
+     	font-size: 1.1em;
+      cursor: pointer;
+
+     	svg.feather {
+       	transition: background 0.1s ease-in;
+       	display: flex;
+       	align-items: center;
+       	justify-content: center;
+
+       	margin: 0.5em 0;
+       	width: 2.5em;
+       	height: 2.5em;
+
+       	border-radius: 50%;
+      }
+
+      &.reshared, &.liked {
+        svg.feather {
+         	color: $background;
+         	font-weight: 900;
+        }
+      }
+    }
+  }
+
+  .likes {
+    p, .action:hover { color: $red; }
+
+    .action svg.feather {
+      padding: 0.7em;
+     	box-sizing: border-box;
+     	color: $red;
+     	fill: none;
+     	border: solid $red thin;
+    }
+
+    .action:hover svg.feather {
+     	background: transparentize($red, 0.85);
+    }
+
+    .action.liked svg.feather {
+      background: $red;
+      fill: currentColor;
+    }
+    .action.liked:hover svg.feather {
+      background: transparentize($red, 0.75)
+      color: $red;
+    }
+  }
+
+  .reshares {
+    p, .action:hover { color: $primary; }
+
+    .action svg.feather {
+      padding: 0.7em;
+     	box-sizing: border-box;
+     	color: $primary;
+     	border: solid $primary thin;
+     	font-weight: 600;
+    }
+
+    .action:hover svg.feather {
+     	background: transparentize($primary, 0.85);
+    }
+
+    .action.reshared svg.feather {
+      background: $primary;
+    }
+    .action.reshared:hover svg.feather {
+     	background: transparentize($primary, 0.75)
+     	color: $primary;
+    }
+  }
+
+  // Comments
+  .comments {
+    margin: 0 $horizontal-margin;
+
+    h2 {
+     	color: $primary;
+     	font-size: 1.5em;
+     	font-weight: 600;
+    }
+
+    summary {
+      cursor: pointer;
+    }
+
+    // New comment form
+    > form input[type="submit"] {
+      font-size: 1em;
+      -webkit-appearance: none;
+    }
+
+    // Respond & delete comment buttons
+    a.button, form.inline, form.inline input {
+     	padding: 0;
+     	background: none;
+     	color: $text-color;
+     	margin-right: 2em;
+     	font-family: $route159;
+      font-weight: normal;
+
+     	&::before {
+     	  color: $primary;
+     	  padding-right: 0.5em;
+      }
+
+      &:hover { color: $primary; }
+    }
+
+    .comment {
+      margin: 1em 0;
+     	font-size: 1em;
+     	border: none;
+
+      .content {
+        background: $gray;
+        margin-top: 2.5em;
+        padding: 1em;
+
+        &::before {
+          display: block;
+          content: ' ';
+          border: 1em solid $gray;
+          border-top-color: transparent;
+          border-right-color: transparent;
+          position: relative;
+          top: -2.4em;
+          left: -1em;
+          width: 0;
+          height: 0;
+        }
+      }
+
+      header {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+      }
+
+      .dt-published a {
+        color: transparentize($text-color, 0.6);
+      }
+
+     	.author {
+     	  display: flex;
+       	flex-direction: row;
+       	align-items: center;
+       	align-content: center;
+
+       	* {
+       	  transition: all 0.1s ease-in;
+       	}
+
+       	.display-name {
+         	color: $text-color;
+        }
+
+        &:hover {
+          .display-name { color: $primary; }
+          small { opacity: 1; }
+        }
+     	}
+
+      & > .comment {
+          padding-left: 2em;
+      }
+
+     	.text {
+       	padding: 1.25em 0;
+       	font-family: $lora;
+       	font-size: 1.1em;
+       	line-height: 1.4;
+       	text-align: left;
+      }
+    }
+  }
+}
+
+#plume-editor {
+  header {
+    display: flex;
+    flex-direction: row-reverse;
+    background: transparent;
+    align-items: center;
+    justify-content: space-between;
+    button {
+      flex: 0 0 10em;
+      font-size: 1.25em;
+      margin: .5em 0em .5em 1em;
+    }
+  }
+
+  & > * {
+    min-height: 1em;
+    outline: none;
+    margin-bottom: 0.5em;
+  }
+
+  .placeholder {
+    color: transparentize($text-color, 0.6);
+  }
+
+  article {
+    max-width: none;
+    min-height: 80vh;
+  }
+}
+
+.popup {
+  position: fixed;
+  top: 15vh;
+  bottom: 20vh;
+  left: 20vw;
+  right: 20vw;
+  background: $gray;
+  border: 1px solid $primary;
+  z-index: 2;
+  padding: 2em;
+  overflow-y: auto;
+}
+
+.popup:not(.show), .popup-bg:not(.show) {
+    display: none;
+    appearance: none;
+}
+
+.popup-bg {
+    background: rgba(0, 0, 0, 0.1);
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+}
+
+
+// content warning
+.cw-container {
+  position: relative;
+  display: inline-block;
+  cursor: pointer;
+
+  img {
+    margin: auto;
+  }
+}
+
+.cw-text {
+  display: none;
+  appearance: none;
+}
+
+input[type="checkbox"].cw-checkbox {
+  display: none;
+}
+
+input:checked ~ .cw-container:before {
+  content: " ";
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  background: rgba(0, 0, 0, 1);
+}
+
+input:checked ~ .cw-container > .cw-text {
+  display: inline;
+  position: absolute;
+  color: white;
+  width: 100%;
+  text-align: center;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+// Bottom action bar
+
+.bottom-bar {
+  z-index: 10;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: $gray;
+  margin: 0;
+  display: flex;
+
+  & > div {
+    margin: 1em;
+  }
+
+  & > div:nth-child(2) {
+    flex: 1;
+    display: flex;
+    margin: auto $horizontal-margin;
+  }
+}
@@ -0,0 +1,19 @@
+@import '_variables';
+
+// Color Scheme
+$gray: #1a3854;
+$black: #102e4a;
+$white: #F8F8F8;
+$purple: #7765E3;
+$lightpurple: #c2bbee;
+$red: #d16666;
+$yellow: #ff934f;
+$blue: #7f96ff;
+
+$background: $black;
+$form-input-background: $gray;
+$form-input-border: $white;
+$text-color: $white;
+$primary: $purple;
+$primary-text-color: $white; // text color on primary background (buttons for instance)
+$success-color: $blue;
@@ -0,0 +1,164 @@
+label {
+ 	display: block;
+ 	margin: 2em auto .5em;
+ 	font-size: 1.2em;
+}
+input, textarea, select {
+ 	transition: all 0.1s ease-in;
+ 	display: block;
+ 	width: 100%;
+ 	margin: auto;
+ 	padding: 1em;
+ 	box-sizing: border-box;
+  -webkit-appearance: textarea;
+
+ 	background: $form-input-background;
+ 	color: $text-color;
+ 	border: solid $form-input-border thin;
+
+ 	font-size: 1.2em;
+ 	font-weight: 400;
+
+ 	&:focus {
+ 	  border-color: $primary;
+ 	}
+}
+form input[type="submit"] {
+ margin: 2em auto;
+ -webkit-appearance: none;
+}
+
+textarea {
+ 	resize: vertical;
+  overflow-y: scroll;
+ 	font-family: $lora;
+ 	font-size: 1.1em;
+ 	line-height: 1.5;
+}
+
+input[type="checkbox"] {
+ 	display: inline;
+ 	margin: initial;
+ 	min-width: initial;
+ 	width: initial;
+  -webkit-appearance: checkbox;
+}
+
+/** Inline forms (containing only CSRF token and a <submit>, for protected links) **/
+
+form.inline {
+  display: inline;
+  margin: 0px;
+  padding: 0px;
+  width: auto;
+
+  input[type="submit"] {
+    display: inline-block;
+    cursor: pointer;
+    font-size: 1em;
+    width: auto;
+    -webkit-appearance: none;
+
+    &:not(.button) {
+      margin: 0;
+      padding: 0;
+      border: none;
+      background: transparent;
+      color: $primary;
+      font-weight: normal;
+    }
+  }
+}
+
+.button, .button:visited, input[type="submit"], input[type="submit"].button {
+ 	transition: all 0.1s ease-in;
+ 	display: inline-block;
+  -webkit-appearance: none;
+
+ 	margin: 0.5em auto;
+ 	padding: 0.75em 1em;
+
+ 	background: $primary;
+ 	color: $primary-text-color;
+  font-weight: bold;
+  border: none;
+
+ 	cursor: pointer;
+
+ 	&:hover {
+ 	  background: transparentize($primary, 0.1);
+ 	}
+
+ 	&.destructive {
+ 	  background: $red;
+
+    &:hover {
+      background: transparentize($red, 0.1);
+    }
+ 	}
+
+  &.secondary {
+    background: $gray;
+    color: $text-color;
+
+    &:hover {
+      background: transparentize($text-color, 0.9);
+    }
+  }
+}
+input[type="submit"] {
+ display: block;
+ -webkit-appearance: none;
+}
+
+//  Writing page
+form.new-post {
+  max-width: 60em;
+  .title {
+   	margin: 0 auto;
+   	padding: 0.75em 0;
+
+   	background: none;
+   	border: none;
+
+   	font-family: $playfair;
+   	font-size: 2em;
+   	text-align: left;
+  }
+  textarea {
+   	min-height: 20em;
+   	overflow-y: scroll;
+   	resize: none;
+   -webkit-appearance: textarea;
+  }
+}
+
+.button + .button {
+  margin-left: 1em;
+}
+
+.split {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+
+  & > * {
+    flex-grow: 1;
+    max-width: 40%;
+  }
+}
+
+header.center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: transparent;
+  opacity: 1;
+  font-weight: normal;
+  text-align: left;
+
+  > * {
+    margin-left: 0;
+    margin-right: 0;
+  }
+}
@@ -0,0 +1,621 @@
+html {
+  box-sizing: border-box;
+}
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+
+html, body {
+ 	margin: 0;
+ 	padding: 0;
+ 	background: $background;
+ 	color: $text-color;
+ 	font-family: $route159;
+
+  ::selection {
+    background: transparentize($primary, 0.7);
+  }
+	::-moz-selection {
+    background: transparentize($primary, 0.7);
+	}
+}
+
+a, a:visited {
+ 	color: $primary;
+ 	text-decoration: none;
+}
+a::selection {
+	color: $background;
+}
+a::-moz-selection {
+	color: $background;
+}
+small {
+ 	margin-left: 1em;
+ 	color: transparentize($text-color, 0.6);
+ 	font-size: 0.75em;
+ 	word-wrap: break-word;
+ 	word-break: break-all;
+}
+
+.center {
+ 	text-align: center;
+ 	font-weight: bold;
+ 	opacity: 0.6;
+ 	padding: 5em;
+}
+
+.right {
+  text-align: right;
+  display: flex;
+  justify-content: end;
+  align-items: center;
+}
+
+.spaced {
+ 	margin: 4rem 0;
+}
+
+.banner {
+ 	background: $gray;
+ 	padding-top: 2em;
+ 	padding-bottom: 1em;
+ 	margin: 3em 0px;
+}
+
+.hidden {
+	display: none;
+	appearance: none;
+}
+
+/// Main
+body > main > *, .h-feed > * {
+ 	margin: 1em $horizontal-margin;
+}
+
+body > main > .h-entry, .h-feed {
+	margin: 0;
+}
+
+body > main {
+  min-height: 70vh;
+}
+
+main {
+
+  h1, h2, h3, h4, h5, h6 {
+      font-family: $route159;
+      line-height: 1.15;
+      font-weight: 300;
+
+      &.article {
+          max-width: $article-width;
+      }
+  }
+  h1 {
+    font-size: 2.5em;
+    font-weight: 300;
+    margin-top: 1em;
+
+    &.article {
+     	margin: 1em auto 0.5em;
+     	font-family: $playfair;
+     	font-size: 2.5em;
+     	font-weight: normal;
+    }
+  }
+
+  h2 {
+   	font-size: 1.75em;
+   	font-weight: 300;
+
+   	&.article {
+      font-size: 1.25em;
+      margin-bottom: 0.5em;
+    }
+  }
+
+  h3, h4, h5, h6 {
+      font-size: 1.5em;
+      font-weight: 300;
+
+      &.article {
+          margin: auto;
+          font-size: 1.1em;
+          margin-bottom: 0.5em;
+      }
+  }
+
+  .cover {
+    padding: 0px;
+    margin: 0px;
+    width: auto;
+    min-height: 50vh;
+    background-position: center;
+    background-size: cover;
+    overflow: hidden;
+  }
+}
+
+/// Errors
+p.error {
+ 	color: $red;
+ 	font-weight: bold;
+}
+
+/// User page
+.user h1 {
+ 	display: flex;
+ 	flex-direction: row;
+ 	align-items: center;
+  margin: 0px;
+}
+
+.user .avatar.medium {
+  margin-left: 0px;
+}
+
+.badge {
+ 	margin-right: 1em;
+ 	padding: 0.35em 1em;
+
+ 	background: $background;
+ 	color: $primary;
+ 	border: 1px solid $primary;
+
+ 	font-size: 1rem;
+}
+
+.user-summary {
+   margin: 2em 0px;
+}
+
+/// Cards
+.cards {
+ 	display: flex;
+ 	flex-direction: row;
+ 	flex-wrap: wrap;
+ 	padding: 0 5%;
+  margin: 1rem 0 5rem;
+}
+.card {
+ 	flex: 1;
+ 	display: flex;
+ 	flex-direction: column;
+
+ 	min-width: 20em;
+ 	min-height: 20em;
+ 	margin: 1em;
+ 	box-sizing: border-box;
+
+ 	background: $gray;
+
+ 	text-overflow: ellipsis;
+
+ 	> * {
+ 	  margin: 20px;
+ 	}
+
+ 	.cover {
+    min-height: 10em;
+    background-position: center;
+    background-size: cover;
+    margin: 0px;
+  }
+
+  h3 {
+   	margin: 0.75em 20px;
+   	font-family: $playfair;
+   	font-size: 1.75em;
+   	font-weight: normal;
+   	a {
+   	  transition: color 0.1s ease-in;
+   	  color: $text-color;
+
+   	  &:hover { color: $primary; }
+   	}
+  }
+
+  main {
+   	flex: 1;
+
+   	font-family: $lora;
+   	font-size: 1em;
+   	line-height: 1.25;
+   	text-align: left;
+   	overflow: hidden;
+  }
+}
+
+.list > .card {
+  background: transparent;
+  margin: 2em 0;
+  min-height: 3em;
+
+  padding: 1em;
+  transition: background 0.1s ease-in;
+
+  &:hover {
+    background-color: $gray;
+  }
+
+  &.compact {
+    margin: 0;
+    padding: 0 1em;
+  }
+
+  h3 {
+    margin: 0;
+  }
+}
+
+/// Instance presentation
+.presentation {
+  max-width: none;
+
+  & > h2, & > a {
+    text-align: center;
+  }
+
+  & > a {
+    font-size: 1.2em;
+    margin: 1em;
+  }
+}
+
+// Stats
+.stats {
+ 	display: flex;
+ 	justify-content: space-around;
+ 	margin: 2em;
+
+ 	> div {
+   	display: flex;
+   	flex-direction: column;
+   	justify-content: center;
+   	align-items: center;
+  }
+
+  p {
+    text-align: center;
+  }
+
+  em {
+    font-weight: bold;
+    display: block;
+    margin: 1em 0;
+  }
+}
+
+/// Pagination
+.pagination {
+  display: flex;
+  justify-content: space-evenly;
+
+  > * {
+    padding: 2em;
+  }
+}
+
+/// Flex boxes
+.flex {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+
+  &.vertical {
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: flex-start;
+
+    small {
+      margin: initial;
+    }
+  }
+
+  .grow {
+    flex: 1;
+    margin: 0 1em;
+  }
+}
+
+.left-icon {
+    align-self: center;
+    padding: 1em;
+    background: $gray;
+    border-radius: 50px;
+    margin: 1em;
+    margin-right: 2em;
+}
+
+/// Footer
+body > footer {
+  display: flex;
+  align-content: center;
+  justify-content: space-around;
+  background: $primary;
+  color: $primary-text-color;
+  margin-top: 5em;
+
+  * {
+    margin: 0;
+  }
+
+  hr {
+    transform: skew(-15deg);
+    background: $primary-text-color;
+    border: none;
+    width: .2em;
+  }
+
+  a, a:visited {
+    color: $primary-text-color;
+  }
+
+  div {
+    display: flex;
+    flex-direction: column;
+    flex-basis: 20%;
+    margin: 2em 0;
+    transition: all 0.1s ease-in;
+
+    & > * {
+      display: block;
+      margin: 1em 0;
+    }
+  }
+}
+
+/// Media
+figure {
+  text-align: center;
+  margin: 2em;
+  max-width: 100%;
+  width: auto;
+  height: auto;
+
+  > * {
+    max-width: 100%;
+  }
+
+  figcaption {
+    padding: 1em;
+  }
+
+  audio, video {
+    width: 100%;
+  }
+}
+
+.preview {
+  display: block;
+  max-width: 100px;
+  max-height: 100px;
+  width: auto;
+  height: auto;
+  margin-right: 20px;
+}
+
+.media-preview {
+  min-height: 8em;
+
+  &:not(.image) {
+    background-color: #7765E3;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 4em;
+  }
+
+  &.unknown {
+    background-image: url('/static/images/unknown-file.svg');
+    display: block;
+  }
+
+  &.audio {
+    background-image: url('/static/images/audio-file.svg');
+  }
+
+  &.video {
+    background-image: url('/static/images/video-file.svg');
+  }
+}
+
+/// Avatars
+.avatar {
+  background-position: center;
+  background-size: cover;
+  border-radius: 100%;
+
+  &.small {
+    width: 50px;
+    height: 50px;
+  }
+
+  &.medium {
+    width: 100px;
+    height: 100px;
+    margin: 20px;
+  }
+
+  &.padded {
+    margin-right: 2rem;
+  }
+}
+
+/// Tabs
+.tabs {
+  border-bottom: 1px solid $gray;
+  padding: 0px;
+  margin: auto $horizontal-margin 2em;
+  overflow: auto;
+  display: flex;
+
+  a {
+    display: inline-block;
+    color: $text-color;
+    padding: 1em;
+
+    &.selected {
+      color: $primary;
+      border-bottom: 1px solid $primary;
+    }
+ }
+}
+
+
+/// Small screens
+@media screen and (max-width: 600px) {
+  @keyframes menuOpening {
+    from {
+      transform: scaleX(0);
+      transform-origin: left;
+      opacity: 0;
+    }
+    to {
+      transform: scaleX(1);
+      transform-origin: left;
+      opacity: 1;
+    }
+  }
+
+  body > header {
+    flex-direction: column;
+
+    nav#menu {
+      display: inline-flex;
+      z-index: 21;
+    }
+
+    #content {
+      display: none;
+      appearance: none;
+      text-align: center;
+      z-index: 20;
+    }
+  }
+
+  body > header:focus-within #content, #content.show {
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+
+    animation: 0.2s menuOpening;
+
+    &::before {
+      content: "";
+      position: absolute;
+      transform: skewX(-10deg);
+      top: 0;
+      left: -20%;
+      width: 100%;
+      height: 100%;
+
+      z-index: -10;
+
+      background: $primary;
+    }
+
+    > nav {
+      flex-direction: column;
+      align-items: flex-start;
+
+      a {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        margin: 0;
+        padding: 1rem 1.5rem;
+        color: $background;
+        font-size: 1.4em;
+        font-weight: 300;
+
+        &.title { font-size: 1.8em; }
+
+        > *:first-child { width: 3rem; }
+        > img:first-child { height: 3rem; }
+        > *:last-child { margin-left: 1rem; }
+        > nav hr {
+          display: block;
+          margin: 0;
+          width: 100%;
+          border: solid $background 0.1rem;
+        }
+        .mobile-label { display: initial; }
+      }
+    }
+  }
+
+  main .article-meta {
+    > *, .comments {
+      margin: 0 5%;
+    }
+    > p {
+      margin: 2em 5%;
+      font-size: 0.9em;
+    }
+    .comments > * { margin: auto 5%; }
+    .comments .comment { padding: 2em 0px; }
+  }
+  main .article-info, main article, main h1.article, main h2.article {
+    max-width: 90vw;
+  }
+
+  .card {
+    min-width: 80%;
+    min-height: 80%;
+  }
+
+  .tabs {
+    margin: auto 0px 2em;
+  }
+
+  .stats { flex-direction: column; }
+    body > footer {
+    flex-direction: column;
+    align-items: center;
+  }
+  body > footer * {
+    margin: 1em auto;
+    text-align: center;
+  }
+
+  .flex.wrap { flex-direction: column; }
+
+  .cards, .list {
+    margin: 1rem 0 5rem;
+  }
+
+  .split {
+    flex-direction: column;
+    margin: 0;
+
+    & > * {
+      max-width: 100%;
+    }
+  }
+
+  .bottom-bar {
+    flex-direction: column;
+    align-items: center;
+    & > div {
+      margin: 0;
+    }
+  }
+
+  main .article-meta .comments .comment {
+    header {
+      flex-direction: column;
+    }
+
+    .content {
+      margin-top: 0.5em;
+    }
+  }
+}
@@ -0,0 +1,133 @@
+body > header {
+  background: $gray;
+
+  #content {
+    display: flex;
+   	align-content: center;
+   	justify-content: space-between;
+  }
+
+  nav#menu {
+    position: relative;
+    display: none;
+    appearance: none;
+    transform: skewX(-15deg);
+    left: -1em;
+    padding: 1em 1em 1em 2em;
+    background: $primary;
+    align-self: flex-start;
+
+    a {
+      transform: skewX(15deg);
+     	display: flex;
+     	flex-direction: column;
+     	align-items: center;
+     	justify-content: center;
+     	width: 1.4em;
+     	height: 1.4em;
+     	margin: 0;
+     	padding: 0;
+     	color: $gray;
+     	font-size: 1.33em;
+   	}
+  }
+
+  nav {
+    display: flex;
+   	flex-direction: row;
+   	align-items: center;
+
+   	hr {
+     	height: 100%;
+     	width: 0.2em;
+     	background: $primary;
+     	border: none;
+     	transform: skewX(-15deg);
+    }
+    a {
+     	display: flex;
+     	align-items: center;
+     	position: relative;
+     	align-self: stretch;
+     	margin: 0;
+     	padding: 0 2em;
+     	font-size: 1em;
+
+     	i { font-size: 1.2em; }
+
+     	&.title {
+     	  margin: 0;
+        text-align: center;
+        padding: 0.5em 1em;
+        font-size: 1.75em;
+
+        img {
+          height: 1.75em;
+          width: 1.75em;
+        }
+
+        p {
+          margin: 0;
+          padding-left: 0.5em;
+        }
+     	}
+    }
+  }
+}
+
+.messages {
+  & > * {
+    padding: 1em 20%;
+    margin: 0;
+    max-width: initial;
+    font-weight: bold;
+  }
+
+  p.error {
+    color: darken($red, 20%);
+    background: lighten($red, 40%);
+    margin: 0;
+    max-width: initial;
+  }
+
+  p.warning {
+    color: darken($yellow, 20%);
+    background: lighten($yellow, 40%);
+  }
+
+  p.success {
+    color: darken($success-color, 20%);
+    background: lighten($success-color, 40%);
+  }
+}
+
+// Only enable label animations on normal screens
+@media screen and (min-width: 600px) {
+ 	header nav a {
+ 	  i {
+   		transition: all 0.2s ease;
+   		margin: 0;
+   	}
+
+   	.mobile-label {
+   		transition: all 0.2s ease;
+   		display: block;
+   		position: absolute;
+   		left: 50%;
+   		transform: translate(-50%, 0);
+   		opacity: 0;
+   		font-size: 0.9em;
+   		white-space: nowrap;
+   	}
+
+   	img + .mobile-label { display: none; }
+
+   	&:hover {
+   	  i { margin-bottom: 0.75em; }
+   	  .mobile-label {
+   	    opacity: 1;
+     		transform: translate(-50%, 80%);
+   		}
+    }
+ 	}
+}
--- a/Show More
+++ b/Show More