improved svg hitboxes

3 files changed, 11 insertions, 7 deletions

diff --git a/README.md b/README.md
index acd795a..fe35c47 100644
--- a/README.md
+++ b/README.md
@@ -3,10 +3,8 @@ Designed with passion and love.
 Shapez is a modern hugo theme using a lot of SVG graphics.
 SVG is super cool, but be aware - it can also be very nasty and exhausting.
 
-Demo: [](http://djuelg-student.github.io/)
-Source: [](https://github.com/djuelg-student/blogv2)
-
-[add picture]
+Demo: [http://djuelg-student.github.io/](http://djuelg-student.github.io/)
+Source: [https://github.com/djuelg-student/blogv2](https://github.com/djuelg-student/blogv2)
 
 # What it's meant to be
 Initially I designed this theme for my own blog, but I decided to make it an open source project, because I thought other people might like it, too.
@@ -23,8 +21,7 @@ If you want to use it feel free to do so, but be prepared to learn some SVG if y
 - a comment section would be nice to have
 - responsive webdesign
 
-Attention!
-This theme isn't build with full Internet Explorer Support, nor devices with a low resolution.
+Attention! This theme isn't build with full Internet Explorer Support, nor for devices with a low resolution.
 
 # Special Thanks
 Special thanks goes to Freepik, Daniel Bruce and Plainicon from [www.flaticon.com](http://www.flaticon.com) for their great icons!
@@ -32,4 +29,4 @@ Furthermore I would like to thank [CrimsonRay](https://github.com/CrimsonRay), t
 
 # TODO:
 - title-screen mit JS skalieren
-- Ordnerstruktur verschieben
\ No newline at end of file
+- Ordnerstruktur verschieben
diff --git a/themes/dj_blog/layouts/partials/sidebar.svg b/themes/dj_blog/layouts/partials/sidebar.svg
index d45fe79..652b52e 100755
--- a/themes/dj_blog/layouts/partials/sidebar.svg
+++ b/themes/dj_blog/layouts/partials/sidebar.svg
@@ -56,23 +56,28 @@
     <path d="M6535 3058c-303-383-334-418-467-529-258-217-387-375-469-576-67-163-83-245-82-418 0-181 25-290 98-435 59-119 94-169 174-254 88-91 160-146 267-201 171-88 330-122 518-112 374 21 694 238 856 580 83 174 85 200 75 1330l-7 867h-763l-200-252z" filter="url(#a)" transform="matrix(.125 0 0 -.125 -574.46 1102.5)"/>
 
     <a class="side-nav" xlink:title="Home" xlink:href="{{ .Site.Params.button_1 }}">
+      <circle cx="240" cy="-270" r="90" fill="transparent" />
       <path d="M540.76 254.8L294.5 38.2c-11.47-10.1-30.05-10.1-41.38 0L6.94 254.8c-11.47 10.1-8.4 18.27 6.9 18.27h75.95v221.77c0 12.1 9.94 22.1 22.1 22.1h92.95V371.07c0-12.08 9.94-22.1 22.1-22.1h93.87c12.24 0  22.1 9.8 22.1 22.1v145.9h92.96c12.24 0 22.1-9.95 22.1-22.12V273h75.97c15.07 0 18.13-8.1 6.8-18.2z" transform="matrix(.213 0 0 .247 183.656 -339.75)" filter="url(#e)"/>
     </a>
 
     <a class="side-nav" xlink:title="Playground" xlink:href="{{ .Site.Params.button_2 }}">
+      <circle cx="240" cy="0" r="90" fill="transparent" />
       <path d="M211.88 124.5V91c0-50.18-40.82-91-91-91s-91 40.82-91 91v33.5c-4 .14-8 3.78-8 8.25v.5c0 4.55 4.03 8.5 8.58 8.5H43.8l10.28 90.06c.62 5.48 5.63 9.95 11.13 9.95h112c5.5 0 10.5-4.48 11.08-9.94l9.67-90.05h14c4.57 0 7.93-3.95 7.93-8.5v-.5c0-4.48-3-8.1-8-8.24zm-91-107.5c40.8 0 74 33.2 74 74v1.75h-148V91c0-40.8 33.2-74 74-74z" transform="matrix(.492 0 0 .496 179.077 -67.192)" filter="url(#b)"/>
     </a>
 
     <a class="side-nav" xlink:title="About this page" xlink:href="{{ .Site.Params.button_3 }}">
+      <circle cx="240" cy="270" r="90" fill="transparent" />
       <path d="M62.16 0c6.7 0 10.05 4.57 10.05 9.8 0 6.5-5.8 12.54-13.4 12.54-6.33 0-10.03-3.75-9.85-9.94 0-5.22 4.4-12.4 13.2-12.4zM41.54 100c-5.28 0-9.16-3.26-5.46-17.6l6.07-25.47c1.06-4.08 1.23-5.7 0-5.7-1.6 0-8.45 2.8-12.5 5.58L27 52.4C39.86 41.5 54.66 35.08 61 35.08c5.3 0 6.17 6.36 3.53 16.15l-6.95 26.76c-1.23 4.73-.7 6.36.53 6.36 1.6 0 6.8-1.96 11.9-6.04l3 4.08C60.5 95.1 46.83 100 41.54 100z" transform="matrix(1.087 0 0 1.2 178.888 205.7)" filter="url(#f)"/>
     </a>
 
     <a class="side-nav" xlink:title="Previous Article" xlink:href="{{if .PrevInSection}}{{.PrevInSection.Permalink}}{{else}}javascript:void(0);{{end}}">
+      <circle cx="185" cy="550" r="40" fill="transparent" />
       <path d="M1149 1784c-233-240-425-440-427-444-1-4 55-62 125-130s269-261 442-429l314-306 137 143 137 143-191 187c-105 103-240 234-299 292l-108 105 291 300 290 299-137 138c-76 76-140 138-143 138s-197-196-431-436z" transform="matrix(.056 0 0 -.057 112.114 626.942)" filter="url(#c)"
       {{if or (not .PrevInSection) (in .Permalink .Site.Params.button_2) }} fill="#4CABAB" style="cursor: not-allowed;" {{end}}/>
     </a>
     
     <a class="side-nav" xlink:title="Next Article" xlink:href="{{if .NextInSection}}{{.NextInSection.Permalink}}{{else}}javascript:void(0);{{end}}">
+      <circle cx="280" cy="550" r="40" fill="transparent" />
       <path d="M1149 1784c-233-240-425-440-427-444-1-4 55-62 125-130s269-261 442-429l314-306 137 143 137 143-191 187c-105 103-240 234-299 292l-108 105 291 300 290 299-137 138c-76 76-140 138-143 138s-197-196-431-436z" transform="matrix(-.056 0 0 -.057 358.62 626.815)" filter="url(#d)"
       {{if or (not .NextInSection) (in .Permalink .Site.Params.button_2) }} fill="#4CABAB" style="cursor: not-allowed;" {{end}}/>
     </a>    
diff --git a/themes/dj_blog/layouts/partials/start-screen.svg b/themes/dj_blog/layouts/partials/start-screen.svg
index cb41e4e..d8f817f 100755
--- a/themes/dj_blog/layouts/partials/start-screen.svg
+++ b/themes/dj_blog/layouts/partials/start-screen.svg
@@ -74,7 +74,9 @@
 
   <a id="start-screen-orange" xlink:title="Scroll down" xlink:href="#scroll-down">
     <path d="M2068.803 2115.878c29.534 24.524 54.15 44.736 54.646 44.95.497.11 7.86-5.593 16.5-12.728l54.508-45.057 38.878-32.006-17.6-14.422-17.602-14.423-23.757 19.467c-13.085 10.7-29.73 24.462-37.098 30.476l-13.342 11.008-36.918-30.628-36.795-30.524-17.524 13.957c-9.65 7.743-17.53 14.267-17.535 14.578-.006.31 24.106 20.723 53.638 45.35z" id="path3599"/>
+    <circle cx="2125" cy="2080" r="120" fill="transparent" />
   </a>
+
   <g id="svg-title">
     {{ if not (eq .Site.Params.title_link "") }}<a xlink:title="Learn more about this page" xlink:href="{{ .Site.Params.title_link }}"> {{ end }}
       <text>