renew

package.json

@@ -9,13 +9,12 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^1.0.2",
-    "svelte": "^3.49.0",
-    "vite": "^3.1.0"
+    "@sveltejs/vite-plugin-svelte": "^2.4.2",
+    "svelte": "^4.1.0",
+    "vite": "^4.4.4"
   },
   "dependencies": {
     "svelte-navigator": "^3.2.2",
-    "svelte-typewriter": "^3.0.4",
-    "unocss": "^0.46.1"
+    "unocss": "^0.53.5"
   }
 }

src/App.svelte

@@ -1,57 +1,29 @@
 <script>
-  import Avatar from "./assets/avatar.svg";
-  import { Router, Route, Link } from "svelte-navigator";
-  import Banner from "./lib/Banner.svelte";
-  import About from "./lib/About.svelte";
-  import Projects from "./lib/Projects.svelte";
-  import Works from "./lib/works.svelte";
 
-  function handleMousemove(event) {}
 </script>
 
-<Router>
-  <header>
-    <div />
-  </header>
-  <main>
-    <Route path="/">
-      <Banner />
-    </Route>
 
-    <Route path="/about">
-      <About />
-    </Route>
+<header>
+</header>
+<main>
+  <h1>under maintenance</h1>
+  <h2>Please come back soon!</h2>
+</main>
 
-    <Route path="/projects">
-      <Projects />
-    </Route>
 
-    <Route path="/works">
-      <Works />
-    </Route>
-
-    <nav>
-      <Link to="/" class="px-4 text-blue font-500 decoration-none">Home</Link>
-      <Link to="about" class="px-4 text-blue font-500 decoration-none"
-        >About</Link
-      >
-      <Link to="projects" class="px-4 text-blue font-500 decoration-none"
-        >Projects</Link
-      >
-      <Link to="works" class="px-4 text-blue font-500 decoration-none"
-        >Works</Link
-      >
-    </nav>
-  </main>
-</Router>
-<img
-  src={Avatar}
-  alt="Avatar"
-  class="absolute right-0 bottom-0 h-8 w-8 object-cover hover:h-12 hover:w-12 op90"
-  on:click={() => {
-    window.open("https://www.github.com/aizcutei");
-  }}
-/>
 
 <style>
+  main {
+    font-family: 'GB';
+    color: cornsilk;
+    animation: shine 2s infinite alternate;
+	}
+  @keyframes shine{
+    0%{
+      text-shadow: white 0px 0px 10px;
+    }
+    100%{
+      text-shadow: white 0px 0px 0px;
+    }
+  }
 </style>

src/app.css

@@ -5,7 +5,7 @@
 
   color-scheme: light;
   color: rgba(0, 0, 0, 0.87);
-  background-image: url("./assets/grid.svg");
+  background-color: #111;
 
   font-synthesis: none;
   text-rendering: optimizeLegibility;
@@ -29,3 +29,9 @@ body {
   margin: 0 auto;
   text-align: center;
 }
+
+@font-face {
+  font-family: 'GB';
+  src: url('./assets/EarlyGameBoy.woff2') format('woff2');
+  font-style: normal;
+}