More tweaks

content/data-lab/global-business-growth.md

@@ -9,7 +9,8 @@ summary: "Growth of bitcoin businesses based on OSM data"
 The following table shows bitcoin business growth around the world for the selected period in the dropdown. The chart displays yearly cumulative number of bitcoin businesses for the countries selected in the table.
 
 Data is obtained from Openstreetmaps and is updated roughly every 2 hours.
-
+<br/>
+<br/>
 Select growth period: {{< dropdown-filter id=cumulative_period_type select="365 day,28 day,7 day,1 day" >}}
 {{< chart src="/js/bitcoin-business-growth-chart.js" >}}
 {{< table src="/js/bitcoin-business-growth-table.js" >}}

hugo.toml

@@ -19,3 +19,5 @@ title = 'baseddata.io'
   ordered = false
   startLevel = 2
 
+[markup.goldmark.renderer]
+     unsafe = true

layouts/partials/chart.html

@@ -1,6 +1,8 @@
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.5.1/dist/echarts.min.js"></script>
+<section class="chart-container">
   <div id="chart">
     <canvas id="{{ .id }}"></canvas>
     <script src="{{ .src }}"></script>
   </div>
+</section>
 <script src="/js/chart-params.js"></script>

layouts/partials/header.html

@@ -5,18 +5,27 @@
     </div>
     <div class="navbar__right">
       <div class="navbar-links">{{ partial "navbarlinks.html" . }}</div>
-      <!-- <div class="navbar-dropdown">
+      <div class="navbar-dropdown">
         <button class="hamburger-dropbtn">
-          <img
-            class="hamburger"
-            src="/hamburger-menu.svg"
-            alt="description of image"
-          />
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="3"
+            stroke="#6c757d"
+            class="hamburger-svg"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M4 6h16M4 12h16M4 18h16"
+            ></path>
+          </svg>
         </button>
         <div class="navbar-dropdown-content">
           {{ partial "navbarlinks.html" . }}
         </div>
-      </div> -->
+      </div>
     </div>
   </nav>
 </header>