From e82a083c86360cd10a0dce02ebb4970359ac9bdc Mon Sep 17 00:00:00 2001
From: Max <m.giller.dev@gmail.com>
Date: Fri, 11 Feb 2022 21:16:15 +0100
Subject: [PATCH] Added tool

---
 src/views/ToolsDocumentation.vue | 54 +++++++++++++++++++++++---------
 1 file changed, 40 insertions(+), 14 deletions(-)

diff --git a/src/views/ToolsDocumentation.vue b/src/views/ToolsDocumentation.vue
index f3f3102..a038d33 100644
--- a/src/views/ToolsDocumentation.vue
+++ b/src/views/ToolsDocumentation.vue
@@ -1,19 +1,44 @@
 <template>
   <LayoutMinimal title="Tools">
     <BaseTitle>
-      JSON to CSV
-      <br/>
+      Graph Day Distribution
+      <br />
       <small>by Linus Kämmerer</small>
     </BaseTitle>
-    <BaseTitle size="tiny">
-      <b-link href="https://gist.github.com/linuskmr/856459cdf6c7ea460503b92e00b2aa26">
-        <b-icon-github></b-icon-github>
-        GitHub
-      </b-link>
-    </BaseTitle>
-    <p class="monospace">
-      Python script to convert exported Juggl data from a JSON to a CSV file.
-    </p>
+    <BaseSection>
+      <BaseTitle size="tiny">
+        <b-link
+          href="https://gist.github.com/linuskmr/f89ac638da036e25d67e147ece67577c"
+        >
+          <b-icon-github></b-icon-github>
+          GitHub
+        </b-link>
+      </BaseTitle>
+      <p class="monospace">
+        Python script to generate a time distribution graph from the exported
+        Juggl data. It accumulates the tracked record and shows the total
+        working hours for different times for each weekday.
+      </p>
+    </BaseSection>
+
+    <BaseSection>
+      <BaseTitle>
+        JSON to CSV
+        <br />
+        <small>by Linus Kämmerer</small>
+      </BaseTitle>
+      <BaseTitle size="tiny">
+        <b-link
+          href="https://gist.github.com/linuskmr/856459cdf6c7ea460503b92e00b2aa26"
+        >
+          <b-icon-github></b-icon-github>
+          GitHub
+        </b-link>
+      </BaseTitle>
+      <p class="monospace">
+        Python script to convert exported Juggl data from a JSON to a CSV file.
+      </p>
+    </BaseSection>
   </LayoutMinimal>
 </template>
 
@@ -21,15 +46,16 @@
 // @ is an alias to /src
 import LayoutMinimal from "@/components/layout/LayoutMinimal";
 import BaseTitle from "@/components/base/BaseTitle";
+import BaseSection from "../components/base/BaseSection.vue";
 
 export default {
   name: "ToolsDocumentation",
   components: {
     LayoutMinimal,
-    BaseTitle
+    BaseTitle,
+    BaseSection
   }
 };
 </script>
 
-<style lang="sass" scoped>
-</style>
+<style lang="sass" scoped></style>