diff --git a/src/components/PoweredBy.astro b/src/components/PoweredBy.astro
index 3d0b294..11e8d61 100644
--- a/src/components/PoweredBy.astro
+++ b/src/components/PoweredBy.astro
@@ -1,4 +1,34 @@
 ---
 import Logo from '../assets/mercury.svg'
+import AstroLogo from '../assets/astro.svg'
+import {siteConfig} from "../config";
+
+const presets = [
+  'withastro',
+  'plain',
+  'plainwithastro',
+  'formula',
+  'iconsonly',
+  'none'
+]
+
+const preset = siteConfig.poweredByPreset
 ---
-<p>Powered by <a href="https://git.gb0.dev/gb/mercury" target="_blank"><Logo width={16} height={16} /> mercury</a></p>
\ No newline at end of file
+{preset === 'withastro' && <p>Powered by <a href="https://git.gb0.dev/gb/mercury" target="_blank"><Logo width={16} height={16} /> mercury</a> and <AstroLogo width={16} height={16}/> Astro </p>}
+
+{preset === 'plain' && <p>Powered by <a href="https://git.gb0.dev/gb/mercury" target="_blank">mercury</a></p>}
+
+{preset === 'plainwithastro' && <p>Powered by <a href="https://git.gb0.dev/gb/mercury" target="_blank"><Logo width={16} height={16} /> mercury</a> and <AstroLogo width={16} height={16}/> Astro </p>}
+
+{preset === 'formula' && <p><a href="https://astro.build">Astro</a> + <a href="https://git.gb0.dev/gb/mercury">mercury</a> + love -> this awesome website</p>}
+
+{preset === 'iconsonly' &&
+  <p>
+    <a href="https://git.gb0.dev/gb/mercury" target="_blank"><Logo width={16} height={16} /></a>
+    <a href="https://astro.build" target="_blank"><AstroLogo width={16} height={16}/></a>
+  </p>
+}
+
+{preset === 'none' && <p></p>}
+
+{(!presets.includes(preset) || preset === '') && <p>Powered by <a href="https://git.gb0.dev/gb/mercury" target="_blank"><Logo width={16} height={16} /> mercury</a></p>}
\ No newline at end of file
diff --git a/src/components/shortcodes/HeatMap.astro b/src/components/shortcodes/HeatMap.astro
index d62c70d..2d1340a 100644
--- a/src/components/shortcodes/HeatMap.astro
+++ b/src/components/shortcodes/HeatMap.astro
@@ -43,8 +43,30 @@ const allData = [
     </div>
 </div>
 <script>
-  import * as echarts from 'echarts';
-  console.log(JSON.parse(document.getElementById('heatmap-data')?.getAttribute('data-chartdata')))
+  // Import the echarts core module, which provides the necessary interfaces for using echarts.
+  import * as echarts from 'echarts/core';
+  import { HeatmapChart } from 'echarts/charts';
+  // Import the title, tooltip, calendar and visual map components
+  import {
+      TitleComponent,
+      TooltipComponent,
+      VisualMapComponent,
+      CalendarComponent,
+  } from 'echarts/components';
+
+  // Import the Canvas renderer
+  import { CanvasRenderer } from 'echarts/renderers';
+
+  // Register the required components
+  echarts.use([
+      HeatmapChart,
+      TitleComponent,
+      TooltipComponent,
+      VisualMapComponent,
+      CalendarComponent,
+      CanvasRenderer
+  ]);
+
   function setupHeatmap() {
       const chartElement = document.getElementById('heatmap-chart');
       if (!chartElement) {
diff --git a/src/config.ts b/src/config.ts
index 7184d62..86e6dc5 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -93,6 +93,10 @@ export const siteConfig = {
     // footer
     // yes you can write html safely here
     customFooter: '<i>I have no mouth, and I must SCREAM</i>',
+    // the preset of the powered by text
+    // defaults to 'Powered by Mercury', see PoweredBy.astro for more details
+    // choose from 'default', 'withastro', 'plain', 'plainwithastro', 'formula', 'iconsonly' and 'none', any other value will be treated as 'default'
+    poweredByPreset: '',
     // umami analytics
     // by enabling this, you can track the visitors of your site
     siteAnalytics: {