diff --git a/_includes/default.liquid b/_includes/default.liquid
index 1ddd390..c784727 100644
--- a/_includes/default.liquid
+++ b/_includes/default.liquid
@@ -13,7 +13,7 @@
       <h1 class="title">{{ title }}</h1>
       <hr>
       {{ content }}
-      <div class="finish"><svg class="halfsharp" viewBox="0 0 100 200"><use href="/assets/images/halfsharp.svg#icon"/></svg></div>
+      <div class="finish"><svg class="halfsharp" viewBox="0 0 100 200"><use href={{"/assets/images/halfsharp.svg#icon" | htmlBaseUrl}}></use></svg></div>
     </main>
     <div class="footer-wrap">
       <footer class="footer">
diff --git a/assets/css/_fonts.scss b/assets/css/_fonts.scss
index 0a59d47..fd2934f 100644
--- a/assets/css/_fonts.scss
+++ b/assets/css/_fonts.scss
@@ -1,41 +1,41 @@
 @font-face {
     font-family: 'Gauge';
-    src: url('/assets/fonts/gauge/Gauge-Regular.woff');
+    src: url('../fonts/gauge/Gauge-Regular.woff');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Gauge';
-    src: url('/assets/fonts/gauge/Gauge-Heavy.woff');
+    src: url('../fonts/gauge/Gauge-Heavy.woff');
     font-weight: bold;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Gauge';
-    src: url('/assets/fonts/gauge/Gauge-Oblique.woff');
+    src: url('../fonts/gauge/Gauge-Oblique.woff');
     font-weight: normal;
     font-style: italic;
 }
 
 @font-face {
     font-family: 'HK Grotesk';
-    src: url('/assets/fonts/hkgrotesk/HKGrotesk-Regular.woff2');
+    src: url('../fonts/hkgrotesk/HKGrotesk-Regular.woff2');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'HK Grotesk';
-    src: url('/assets/fonts/hkgrotesk/HKGrotesk-Bold.woff2');
+    src: url('../fonts/hkgrotesk/HKGrotesk-Bold.woff2');
     font-weight: bold;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'HK Grotesk';
-    src: url('/assets/fonts/hkgrotesk/HKGrotesk-Italic.woff2');
+    src: url('../fonts/hkgrotesk/HKGrotesk-Italic.woff2');
     font-weight: normal;
     font-style: italic;
 }
\ No newline at end of file
diff --git a/assets/images/halfsharp.svg b/assets/images/halfsharp.svg
new file mode 100644
index 0000000..d2cdba2
--- /dev/null
+++ b/assets/images/halfsharp.svg
@@ -0,0 +1,77 @@
+<?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"
+   id="svg4604"
+   version="1.1"
+   inkscape:version="0.48.2 r9819"
+   sodipodi:docname="I Arabic_music_notation_half_sharp.svg">
+  <defs
+     id="defs4606" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.979899"
+     inkscape:cx="26.376402"
+     inkscape:cy="177.30242"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="6"
+     fit-margin-left="6"
+     fit-margin-right="6"
+     fit-margin-bottom="6"
+     inkscape:window-width="1024"
+     inkscape:window-height="719"
+     inkscape:window-x="-4"
+     inkscape:window-y="-4"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4609">
+    <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="icon"
+     transform="translate(-298.62359,-509.66459)">
+    <g
+       id="g2985"
+       transform="matrix(12.481328,0,0,12.481328,345.18791,-12431.763)">
+      <path
+         inkscape:connector-curvature="0"
+         style="fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+         d="m 0.5,1037.831 0,14.0625"
+         id="use3263" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path8126"
+         d="m -2.1200719,1048.4823 5.2401438,-2.0686"
+         style="fill:none;stroke:currentColor;stroke-width:1.7598561;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path8128"
+         d="m 3.1200719,1041.2421 -5.2401438,2.0686"
+         style="fill:none;stroke:currentColor;stroke-width:1.7598561;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+    </g>
+  </g>
+</svg>