From cb20d09904766f507d1b1bc66dd29cdf501cbf46 Mon Sep 17 00:00:00 2001
From: Leonardo Kewitz <leokewitz@gmail.com>
Date: Wed, 13 Dec 2017 10:44:07 -0200
Subject: [PATCH] feat: Upgrade logo

---
 README.md                 |   5 +-
 app/components/Footer.jsx |   5 +-
 app/components/Logo.jsx   |  44 ++++++++--
 app/style/style.css       |  10 ++-
 logo.svg                  | 167 ++++++++++++++++++++++++++++++++++++++
 5 files changed, 218 insertions(+), 13 deletions(-)
 create mode 100644 logo.svg

diff --git a/README.md b/README.md
index 7e51a83..f683c4a 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,6 @@
-# dat-medium
-Markdown blog system for Beaker inspired by Medium.
+<img src="logo.svg" height="100px">
+
+**Dat Medium** is markdown blog system for Beaker inspired by Medium.
 
 ## Installing
 
diff --git a/app/components/Footer.jsx b/app/components/Footer.jsx
index af2f2e4..007ef7e 100644
--- a/app/components/Footer.jsx
+++ b/app/components/Footer.jsx
@@ -1,9 +1,8 @@
 import { h } from 'hyperapp'
 import { version } from '../../package.json'
+import Logo from 'components/Logo'
 
 export default () =>
   <footer>
-    <div class='container wide'>
-      Powered by dat-medium v.{ version }
-    </div>
+    <Logo size='20px' /> v.{ version }
   </footer>
diff --git a/app/components/Logo.jsx b/app/components/Logo.jsx
index 089c393..ee8e57a 100644
--- a/app/components/Logo.jsx
+++ b/app/components/Logo.jsx
@@ -1,14 +1,48 @@
 import { h } from 'hyperapp'
 
-export default ({ size = '60px' } = {}) =>
+export default ({ size = '60px', className = '' } = {}) =>
   <svg
     x='0px'
     y='0px'
+    class={className}
     width={size}
     height={size}
-    viewBox='0 0 60 60'
+    viewBox='0 0 40 40'
   >
-    <path
-      d='M 30,0 3.875,15 3.875,45 30,60 56.125,45 l 0,-30 z m -16.44727,16.50635 9.09864,0 0,1.09033 7.35449,19.94238 7.35449,-19.82373 0,-1.20898 9.33692,0 0,1.74414 -1.2002,0.15869 c -0.29075,0.0264 -0.51524,0.13236 -0.67383,0.31738 -0.14537,0.18502 -0.21826,0.37647 -0.21826,0.57471 l 0,21.64746 c 0,0.19823 0.0729,0.38968 0.21826,0.5747 0.15859,0.18503 0.38308,0.29096 0.67383,0.31739 l 1.2002,0.15869 0,1.74414 -10.24854,0 0,-1.74414 2.16064,-0.15869 c 0.29075,-0.0265 0.50893,-0.13236 0.6543,-0.31739 0.15859,-0.18502 0.23779,-0.37647 0.23779,-0.5747 l 0,-22.38086 -9.33691,25.17578 -2.02197,0 -9.01953,-24.79931 0,22.00439 c 0,0.19824 0.0724,0.38968 0.21777,0.5747 0.15859,0.18503 0.38357,0.29096 0.67432,0.31739 l 2.31934,0.15869 0,1.74414 -8.78175,0 0,-1.74414 2.31934,-0.15869 c 0.29075,-0.0265 0.50212,-0.13236 0.63428,-0.31739 0.14537,-0.18502 0.21777,-0.37646 0.21777,-0.5747 l 0,-21.64746 c 0,-0.19824 -0.0724,-0.38969 -0.21777,-0.57471 -0.13216,-0.18502 -0.34353,-0.29095 -0.63428,-0.31738 l -2.31934,-0.15869 z '
-      fill='#2aca4b' />
+    <g
+      transform='translate(0,-1012.3621)'
+      style=''>
+      <path
+        fill='#2aca4b'
+        d='M 20 0 L 2.5839844 10 L 2.5839844 30 L 20 40 L 37.416016 30 L 37.416016 10 L 20 0 z M 11.291016 12.5 L 20 17.5 L 28.708984 12.5 L 28.708984 27.5 L 11.291016 27.5 L 11.291016 12.5 z '
+        transform='translate(0,1012.3621)'
+        id='polygon4191' />
+    </g>
+    <g
+      style='display:inline'>
+      <path
+        fill='#000000'
+        opacity='0.3'
+        d='M 37.416667,30 20,40 2.583333,30 Z'
+        id='polygon4191-7'
+      />
+      <path
+        fill='#000000'
+        opacity='0.3'
+        d='M 37.416667,30 20,40 37.416667,10 Z'
+        id='polygon4191-7-5'
+      />
+      <path
+        fill='#ffffff'
+        opacity='0.3'
+        d='M 2.583333,10 20,0 37.416667,10 Z'
+        id='polygon4191-7-3'
+      />
+      <path
+        fill='#ffffff'
+        opacity='0.3'
+        d='M 2.583333,10 20,0 2.583333,30 Z'
+        id='polygon4191-7-5-5'
+      />
+    </g>
   </svg>
diff --git a/app/style/style.css b/app/style/style.css
index 0412439..6bfc0e6 100644
--- a/app/style/style.css
+++ b/app/style/style.css
@@ -62,12 +62,16 @@ main > header svg {
 }
 
 main > footer {
-  font-size: 0.8em;
+  align-items: baseline;
   color: #AAA;
-  height: 3em;
   display: flex;
-  align-items: center;
+  font-family: monospace;
+  font-size: 0.9em;
+  justify-content: flex-end;
+  margin: 1em;
 }
+main > footer svg { margin-right: 5px; }
+main > footer svg path { fill: #AAA; }
 
 article { margin-bottom: 6em; }
 article a:hover { opacity: 0.7; }
diff --git a/logo.svg b/logo.svg
new file mode 100644
index 0000000..32689f8
--- /dev/null
+++ b/logo.svg
@@ -0,0 +1,167 @@
+<?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="40"
+   height="40"
+   viewBox="0 0 40 40"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   enable-background="new"
+   sodipodi:docname="logo.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="15.520476"
+     inkscape:cy="-6.0886907"
+     inkscape:document-units="px"
+     inkscape:current-layer="svg2"
+     showgrid="false"
+     units="px"
+     showguides="false"
+     inkscape:guide-bbox="true"
+     inkscape:snap-midpoints="true"
+     inkscape:object-nodes="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="705"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1">
+    <sodipodi:guide
+       position="20,40.000001"
+       orientation="10,17.416667"
+       id="guide4216" />
+    <sodipodi:guide
+       position="37.416667,30.000001"
+       orientation="20,0"
+       id="guide4218" />
+    <sodipodi:guide
+       position="37.416667,10"
+       orientation="10,-17.416667"
+       id="guide4220" />
+    <sodipodi:guide
+       position="20,0"
+       orientation="-10,-17.416667"
+       id="guide4222" />
+    <sodipodi:guide
+       position="2.583333,10"
+       orientation="-20,0"
+       id="guide4224" />
+    <sodipodi:guide
+       position="2.583333,30.000001"
+       orientation="-10,17.416667"
+       id="guide4226" />
+    <sodipodi:guide
+       position="11.291666,35.000034"
+       orientation="1,0"
+       id="guide4230" />
+    <sodipodi:guide
+       position="28.708334,35.000034"
+       orientation="1,0"
+       id="guide4232" />
+    <sodipodi:guide
+       position="2.583333,20.000033"
+       orientation="0,1"
+       id="guide4234" />
+    <sodipodi:guide
+       position="20,59.999992"
+       orientation="9.99999,17.416668"
+       id="guide4251" />
+    <sodipodi:guide
+       position="37.416669,50.000002"
+       orientation="20,0"
+       id="guide4253" />
+    <sodipodi:guide
+       position="37.416669,30.000001"
+       orientation="10,-17.416667"
+       id="guide4255" />
+    <sodipodi:guide
+       position="20.000001,20.000001"
+       orientation="-10,-17.416669"
+       id="guide4257" />
+    <sodipodi:guide
+       position="2.583333,30.000001"
+       orientation="-20,0"
+       id="guide4259" />
+    <sodipodi:guide
+       position="2.583333,50.000002"
+       orientation="-9.99999,17.416667"
+       id="guide4261" />
+    <sodipodi:guide
+       position="2.5833338,9.9999998"
+       orientation="0,1"
+       id="guide4263" />
+    <inkscape:grid
+       type="xygrid"
+       id="grid4267" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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="Logo"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1012.3621)"
+     style="">
+    <path
+       style="fill:#2aca4b"
+       d="M 20 0 L 2.5839844 10 L 2.5839844 30 L 20 40 L 37.416016 30 L 37.416016 10 L 20 0 z M 11.291016 12.5 L 20 17.5 L 28.708984 12.5 L 28.708984 27.5 L 11.291016 27.5 L 11.291016 12.5 z "
+       transform="translate(0,1012.3621)"
+       id="polygon4191" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Shadows"
+     style="display:inline">
+    <path
+       inkscape:connector-curvature="0"
+       style="opacity:1;fill:#000000;fill-opacity:0.35365852"
+       d="M 37.416667,30 20,40 2.583333,30 Z"
+       id="polygon4191-7"
+       sodipodi:nodetypes="cccc" />
+    <path
+       inkscape:connector-curvature="0"
+       style="opacity:1;fill:#000000;fill-opacity:0.35365852"
+       d="M 37.416667,30 20,40 37.416667,10 Z"
+       id="polygon4191-7-5"
+       sodipodi:nodetypes="cccc" />
+    <path
+       inkscape:connector-curvature="0"
+       style="opacity:1;fill:#ffffff;fill-opacity:0.35365852"
+       d="M 2.583333,10 20,0 37.416667,10 Z"
+       id="polygon4191-7-3"
+       sodipodi:nodetypes="cccc" />
+    <path
+       inkscape:connector-curvature="0"
+       style="opacity:1;fill:#ffffff;fill-opacity:0.35365852"
+       d="M 2.583333,10 20,0 2.583333,30 Z"
+       id="polygon4191-7-5-5"
+       sodipodi:nodetypes="cccc" />
+  </g>
+</svg>