diff --git a/README.md b/README.md
index d91d7a2..e9d0a9b 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,13 @@
 # My Website - [ngn13.fun](https://ngn13.fun)
 This repo contains the source code of my personal website.
-It's written NuxtJS and supports full SSR.
+It's written NuxtJS and supports full SSR. As database,
+it uses mongodb.
 
 ## Setup
 ```
 git clone https://github.com/ngn13/ngn13.fun.git
 cd ngn13.fun && npm i
-echo "password" > pass
+echo "password" > .env
 npm run build
 npm run start
 ```
diff --git a/pages/blog/_id/index.vue b/pages/blog/_id/index.vue
index 6e39879..8acd2b2 100644
--- a/pages/blog/_id/index.vue
+++ b/pages/blog/_id/index.vue
@@ -2,7 +2,7 @@
     <div class="all">
         <Navbar />
         <Header>
-            <glitch class="title">{{ post.title }}</glitch>
+            <label class="glitch title">{{ post.title }}</label>
             <p>{{ post.info }}</p>
         </Header>
         <div class="postcontain">
diff --git a/pages/blog/index.vue b/pages/blog/index.vue
index ccaf469..ed56b66 100644
--- a/pages/blog/index.vue
+++ b/pages/blog/index.vue
@@ -2,7 +2,7 @@
     <div>
         <Navbar />
         <Header>
-            <glitch>/dev/</glitch>blog
+          <label class="glitch">/dev/</label>blog
         </Header>
         <div class="blogs">
             <Input :keyup="keyup" placeholder="Search post" type="text"/>
diff --git a/pages/index.vue b/pages/index.vue
index 23f12be..660e950 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -2,7 +2,7 @@
     <div>
         <Navbar />
         <Header>
-            <glitch>echo</glitch> hello world!
+            <label class="glitch">echo</label> hello world!
         </Header>
         <div class="info">
             <Card>
diff --git a/pages/projects.vue b/pages/projects.vue
index 00bfd73..b5ff0b7 100644
--- a/pages/projects.vue
+++ b/pages/projects.vue
@@ -2,12 +2,12 @@
     <div>
         <Navbar />
 	    <Header>
-		    <glitch>ls -la</glitch> projects
+		    <label class="glitch">ls -la</label> projects
 	    </Header>
         <div class="projects">
-            <ProjectList v-for="project in projects" :key="project">
-                <Project v-if="logged" v-for="p in project" :key="p" :name="`${p.name} (${p.click})`" :desc="p.desc" :url="p.url"/>
-                <Project v-if="!logged" v-for="p in project" :key="p" :name="p.name" :desc="p.desc" :url="p.url"/>
+            <ProjectList v-for="project in projects" :key="project[0].name">
+                <Project v-if="logged" v-for="p in project" :key="p.name" :name="`${p.name} (${p.click})`" :desc="p.desc" :url="p.url"/>
+                <Project v-if="!logged" v-for="p in project" :key="p.desc" :name="p.name" :desc="p.desc" :url="p.url"/>
             </ProjectList>
 	    </div>
         <NewProject v-if="logged"/>
diff --git a/pages/resources.vue b/pages/resources.vue
index 6c1b893..a669bf3 100644
--- a/pages/resources.vue
+++ b/pages/resources.vue
@@ -2,7 +2,7 @@
     <main>
         <Navbar />
         <Header>
-            <glitch>cat</glitch> {{ header }}
+            <label class="glitch">cat</label> {{ header }}
         </Header>
         <div class="resources">
             <Input :keyup="keyup" placeholder="Search resource" type="text"/>
@@ -87,7 +87,6 @@ export default {
         // then we can load all the resources
         res = await axios.get("/api/resources/get")
         this.all_resources = res.data["resources"]
-        console.log(res.data["resources"])
 	}
 }
 </script>
diff --git a/static/global.css b/static/global.css
index bb86b9e..e84027b 100644
--- a/static/global.css
+++ b/static/global.css
@@ -290,7 +290,7 @@ body {
   }
 }
 
-glitch {
+.glitch {
   animation-name: colorAnimation;
   animation-iteration-count: infinite;
   animation-duration: 10s;