asal

src/App/App.tsx

@@ -5,6 +5,7 @@ import "../contents/example.css"
 import "./App.scss";
 import 'beautiful-react-diagrams/styles.css';
 import "bootstrap/dist/css/bootstrap.min.css";
+import "./Graph.css"
 import { Routes, Route } from "react-router-dom";
 import { Footer } from "../components/Footer.tsx";
 import { NotFound } from "../components/NotFound.tsx";
@@ -14,7 +15,7 @@ import { stringToSlug } from "../utils/stringToSlug.ts";
 import { Villbuttonrow } from "../components/Buttons.tsx";
 import "../utils/highlight.js";
 import "./LoadingScreen.css";
-import { Description } from "../contents/description.tsx"; 
+//import { Description } from "../contents/description.tsx"; 
 
 const App = () => {
   const pathMapping = getPathMapping();
@@ -63,26 +64,26 @@ const App = () => {
             }
           />
         ))}
-        {/* Add a route for the Description component */}
-        <Route
-          path="/description"
-          element={
-            <>
-              {/* Page content */}
-              <div className="container-fluid">
-                <div className="row">
-                  <div className="col">
+        //{/* Add a route for the Description component */}
+        //<Route
+          //path="/description"
+          //element={
+            //<>
+              //{/* Page content */}
+              //<div className="container-fluid">
+                //<div className="row">
+                  //<div className="col">
 
-                    <Description />
-                    <Villbuttonrow />
-                  </div>
-                  <div className="col-1 d-none d-lg-block">
-                    {/* <!-- empty!--> */}
-                  </div>
-                </div>
-              </div>
-            </>
-          }
+                    //<Description />
+                    //<Villbuttonrow />
+                  //</div>
+                  //<div className="col-1 d-none d-lg-block">
+                    //{/* <!-- empty!--> */}
+                  //</div>
+                //</div>
+              //</div>
+            //</>
+          //}
         />
 
         <Route

src/contents/Graph.tsx

 import React from 'react';
 import { Pie } from 'react-chartjs-2';
 import { Chart as ChartJS, ArcElement, Tooltip, Legend } from 'chart.js';
-import '../App/Graph.css'; 
 
 ChartJS.register(ArcElement, Tooltip, Legend);
 
@@ -34,7 +33,7 @@ const PieChart: React.FC = () => {
           'rgba(153, 102, 255, 1)',
           'rgba(255, 159, 64, 1)',
         ],
-        borderWidth: 1,
+        borderWidth: 0.5,
       },
     ],
   };