fixes

7 files changed, 34 insertions, 120 deletions

diff --git a/web/src/pkg.tsx b/web/src/pkg.tsx
index 6705982..c3a6985 100644
--- a/web/src/pkg.tsx
+++ b/web/src/pkg.tsx
@@ -150,7 +150,7 @@ export default function Pkgs() {
   } );
 
   return <Page>
-    <div style="display: flex; justify-content: center">
+    <div class="page-title">
       <h3 style="font-family: JPN24; font-size: 25px; width: min-content" class="gradient">PACKAGE&nbsp;REPOSITORY</h3>
     </div>
     <hr />
diff --git a/web/src/sidebar.tsx b/web/src/sidebar.tsx
index ee93706..de7b2fd 100644
--- a/web/src/sidebar.tsx
+++ b/web/src/sidebar.tsx
@@ -55,18 +55,18 @@ function Weather() {
     const wind = weather.current.wind_speed_10m;
     const humi = weather.current.relative_humidity_2m;
     return <div id="weather">
-      <div class="sidebar-row"><h4>weather in </h4> <h4>愛知県、日本:</h4></div>
-      <div class="sidebar-row"><h4>temperature:</h4><h4><span id="temp">{temp.toString()}</span>°C</h4></div>
-      <div class="sidebar-row"><h4>wind speed:</h4><h4><span id="wind">{wind.toString()}</span>km/h</h4></div>
-      <div class="sidebar-row"><h4>humidity:</h4><h4><span id="humi">{humi.toString()}</span>%</h4></div>
+      <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>weather in </h4> <h4>愛知県、日本:</h4></div>
+      <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>temperature:</h4><h4><span id="temp">{temp.toString()}</span>°C</h4></div>
+      <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>wind speed:</h4><h4><span id="wind">{wind.toString()}</span>km/h</h4></div>
+      <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>humidity:</h4><h4><span id="humi">{humi.toString()}</span>%</h4></div>
     </div>
   }
 
   return <div id="weather">
-    <div class="sidebar-row"><h4>weather in </h4> <h4>愛知県、日本:</h4></div>
-    <div class="sidebar-row"><h4>temperature:</h4><h4><span id="temp">--</span>°C</h4></div>
-    <div class="sidebar-row"><h4>wind speed:</h4><h4><span id="wind">--</span>km/h</h4></div>
-    <div class="sidebar-row"><h4>humidity:</h4><h4><span id="humi">--</span>%</h4></div>
+    <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>weather in </h4> <h4>愛知県、日本:</h4></div>
+    <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>temperature:</h4><h4><span id="temp">--</span>°C</h4></div>
+    <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>wind speed:</h4><h4><span id="wind">--</span>km/h</h4></div>
+    <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>humidity:</h4><h4><span id="humi">--</span>%</h4></div>
   </div>
 }
 
@@ -81,8 +81,8 @@ export function Sidebar() {
   return <div id="sidebar">
     <div><h3>information</h3></div>
     <hr/>
-    <div class="sidebar-row"><h4>current time: </h4><h4><span id="time">{new Date().toLocaleTimeString()}</span></h4></div>
-    <div class="sidebar-row"><h4>today: </h4><h4><span id="date">{new Date().toLocaleDateString()}</span></h4></div>
+    <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>current time: </h4><h4><span id="time">{new Date().toLocaleTimeString()}</span></h4></div>
+    <div class="sidebar-row" style="margin-top: 0px; margin-bottom: 0px;"><h4>today: </h4><h4><span id="date">{new Date().toLocaleDateString()}</span></h4></div>
     <Weather />
     <div style="margin-top: 15px"><h3>links</h3></div>
     <hr/>
diff --git a/web/static/main.css b/web/static/main.css
index cf1821f..f0bd46c 100644
--- a/web/static/main.css
+++ b/web/static/main.css
@@ -198,7 +198,7 @@ a.nogradient:hover::after {
 
 body {
   background-color: var( --back );
-  background-image: url( "/static/networkheaven.png" );
+  background-image: url( "/static/networkheaven.jpg" );
   font-family: var( --site-font );
   font-smooth: never !important;
   background-position: center;
@@ -284,6 +284,7 @@ body {
   align-items: center;
   justify-content: space-between;
   padding-right: 4px;
+  margin-bottom: 0px;
 }
 
 .page-title {
@@ -331,13 +332,19 @@ body {
     margin-left: 4px;
   }
 
+  .sidebar-row {
+    margin-bottom: 8px;
+  }
+
   #sidebar h4 {
     font-family: JPN12 !important;
     font-size: 13px !important;
   }
 
-  .sidebar-row {
-    margin-bottom: 6px;
+  #package-entries table {
+    font-family: JPN12 !important;
+    font-size: 11px !important;
+    text-align: right;
   }
 
   #ascii-art {
@@ -352,6 +359,8 @@ body {
 
   #sidebar h4 {
     font-size: 10px !important;
+    margin-bottom: 0px;
+    margin-top: 0px;
   }
 
   #sidebar h3 {
@@ -359,7 +368,14 @@ body {
   }
 
   .sidebar-row {
-    margin-bottom: 10px !important;
+    margin-bottom: 10px;
+  }
+
+  #package-entries table {
+    font-family: JPN12 !important;
+    font-size: 8px !important;
+    text-align: right;
+    width: 99% !important;
   }
 
   #ascii-art {
diff --git a/web/static/networkheaven.jpg b/web/static/networkheaven.jpg
new file mode 100644
index 0000000..e6f93db
--- /dev/null
+++ b/web/static/networkheaven.jpg
diff --git a/web/static/prompts.json b/web/static/prompts.json
deleted file mode 100644
index b121306..0000000
--- a/web/static/prompts.json
+++ /dev/null
@@ -1,104 +0,0 @@
-{
-  "prompts": [
-    "how do i fix a slow pc?",
-    "explain quantum computing in simple terms.",
-    "what is the best pizza topping?",
-    "recommend me a sci-fi movie.",
-    "how do i make a website?",
-    "tell me a fun fact.",
-    "what is the meaning of life?",
-    "how can i learn programming fast?",
-    "suggest a book to read.",
-    "who is elon musk?",
-    "explain blockchain.",
-    "what is the capital of japan?",
-    "give me a random joke.",
-    "what is 42 in binary?",
-    "what is the best coding language to learn?",
-    "how do you make coffee?",
-    "explain the concept of ai.",
-    "what is the weather today?",
-    "who won the last world cup?",
-    "tell me about black holes.",
-    "how do i become a millionaire?",
-    "best way to learn guitar?",
-    "what is love?",
-    "tell me about spacex.",
-    "give me a motivational quote.",
-    "explain recursion.",
-    "who is the president of the usa?",
-    "define cryptocurrency.",
-    "how to start a startup?",
-    "tell me a cool fact about space.",
-    "what are the benefits of meditation?",
-    "explain 5g technology.",
-    "suggest a new hobby.",
-    "how do i improve my memory?",
-    "what is 2+2?",
-    "what is a deep learning model?",
-    "who is albert einstein?",
-    "how can i become more productive?",
-    "what is the best anime series?",
-    "explain the stock market.",
-    "who invented the internet?",
-    "what are some good productivity hacks?",
-    "tell me a mystery fact.",
-    "what is dark matter?",
-    "how do i invest in stocks?",
-    "what is a good workout routine?",
-    "explain how electricity works.",
-    "give me a funny meme idea.",
-    "what is the history of bitcoin?",
-    "how do i write a resume?",
-    "recommend a good tv series.",
-    "explain the theory of relativity.",
-    "how do i quit a bad habit?",
-    "tell me something weird.",
-    "how can i become rich?",
-    "explain how nuclear energy works.",
-    "what is the healthiest diet?",
-    "how to deal with stress?",
-    "tell me about mars.",
-    "what is machine learning?",
-    "give me a random trivia.",
-    "how does ai work?",
-    "what is the best way to relax?",
-    "tell me something inspirational.",
-    "who invented computers?",
-    "explain string theory.",
-    "what is the biggest animal in the ocean?",
-    "how do i make friends?",
-    "tell me a conspiracy theory.",
-    "what is the fastest car in the world?",
-    "explain schrodinger's cat.",
-    "what is the best way to sleep better?",
-    "who wrote the bible?",
-    "how do i code in python?",
-    "what is the longest river in the world?",
-    "how does the brain work?",
-    "tell me about the moon landing.",
-    "what is quantum physics?",
-    "how to create a business plan?",
-    "what is an nft?",
-    "explain evolution.",
-    "how do i save money?",
-    "who is stephen hawking?",
-    "what is the best smartphone?",
-    "what are black holes?",
-    "how does the universe end?",
-    "tell me about tesla.",
-    "how do vaccines work?",
-    "what is consciousness?",
-    "explain time travel theories.",
-    "what is the best way to learn math?",
-    "how does google work?",
-    "what is augmented reality?",
-    "how do i boost my immune system?",
-    "what is the best travel destination?",
-    "tell me about dinosaurs.",
-    "explain the big bang.",
-    "how do satellites stay in orbit?",
-    "what is the difference between ai and ml?",
-    "how do i write a novel?"
-  ]
-}
\ No newline at end of file
diff --git a/web/webpack-dev.config.cjs b/web/webpack-dev.config.cjs
index 4fa4b07..6cffec7 100644
--- a/web/webpack-dev.config.cjs
+++ b/web/webpack-dev.config.cjs
@@ -26,7 +26,8 @@ module.exports = {
   },
   output: {
     filename: 'bundle.js',
-    path: path.resolve(__dirname, 'dist')
+    path: path.resolve(__dirname, 'dist'),
+    publicPath: '/'
   },
   plugins: [
     new HtmlWebpackPlugin({
diff --git a/web/webpack-prod.config.cjs b/web/webpack-prod.config.cjs
index e850468..1a67053 100644
--- a/web/webpack-prod.config.cjs
+++ b/web/webpack-prod.config.cjs
@@ -30,6 +30,7 @@ module.exports = {
   output: {
     filename: 'bundle.js',
     path: path.resolve(__dirname, 'dist'),
+    publicPath: '/'
   },
   plugins: [
     new HtmlWebpackPlugin({