diff --git a/bg/crystal.png b/bg/crystal.png
new file mode 100644
index 0000000..dac671d
Binary files /dev/null and b/bg/crystal.png differ
diff --git a/bg.jpg b/bg/frogs.jpg
similarity index 100%
rename from bg.jpg
rename to bg/frogs.jpg
diff --git a/bg/konata.png b/bg/konata.png
new file mode 100644
index 0000000..5f486a1
Binary files /dev/null and b/bg/konata.png differ
diff --git a/bg/lain.png b/bg/lain.png
new file mode 100644
index 0000000..9e2bb4e
Binary files /dev/null and b/bg/lain.png differ
diff --git a/bg/mary_and_gabriel.png b/bg/mary_and_gabriel.png
new file mode 100644
index 0000000..c0a08fa
Binary files /dev/null and b/bg/mary_and_gabriel.png differ
diff --git a/bg/sakura.jpg b/bg/sakura.jpg
new file mode 100644
index 0000000..54b7f19
Binary files /dev/null and b/bg/sakura.jpg differ
diff --git a/bg/squirtle.gif b/bg/squirtle.gif
new file mode 100644
index 0000000..c0b87d2
Binary files /dev/null and b/bg/squirtle.gif differ
diff --git a/index.html b/index.html
index 3e1d50d..f029f3f 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,18 @@
 </head>
 
 <body>
+  <div class='settings'>
+     <select name="dropdown" id="dropdown">
+        <option value="">set bg</option>
+        <option value="frogs">frogs</option>
+        <option value="mary">mary</option>
+        <option value="crystal">crystal</option>
+        <option value="konata">konata</option>
+        <option value="lain">lain</option>
+        <option value="sakura">sakura</option>
+        <option value="squirtle">squirtle</option>
+     </select>
+  </div>
   <div class="container">
     <div class="link-container">
       <div id="main" style='display:block'>
@@ -44,6 +56,50 @@
 
 <script>
 
+function getCookie(cname) {
+  let name = cname + "=";
+  let decodedCookie = decodeURIComponent(document.cookie);
+  let ca = decodedCookie.split(';');
+  for(let i = 0; i <ca.length; i++) {
+    let c = ca[i];
+    while (c.charAt(0) == ' ') {
+      c = c.substring(1);
+    }
+    if (c.indexOf(name) == 0) {
+      return c.substring(name.length, c.length);
+    }
+  }
+  return "";
+}
+
+var bg = getCookie("bg")
+console.log(bg)
+if (bg != "" && bg != 'undefined') {
+  changeWallpaper(bg)
+}
+
+function changeWallpaper(bg) {
+  document.cookie = "bg=" + bg;
+
+  var bg_map = {
+    'frogs': 'frogs.jpg',
+    'mary': 'mary_and_gabriel.png',
+    'crystal': 'crystal.png',
+    'konata': 'konata.png',
+    'lain': 'lain.png',
+    'sakura': 'sakura.jpg',
+    'squirtle': 'squirtle.gif'
+  }
+
+  document.body.style.backgroundImage = "url('bg/"+ bg_map[bg] +"')";
+}
+
+document.getElementById("dropdown").addEventListener("change", function () {
+  if (this.value != "") {
+    changeWallpaper(this.value);
+  }
+});
+
 var key_map = {
   'a': 'https://wiki.archlinux.org/',
   'd': 'https://www.domdit.com',
diff --git a/style.css b/style.css
index bdc4760..f6b105a 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,5 @@
 body {
-  background-image: url("bg.jpg");
+  background-image: url("bg/frogs.jpg");
   background-size: cover;
   font-family: monospace, monospace;
   font-size: 25px;
@@ -10,6 +10,19 @@ table, th, td {
   border: 1px solid black;
 }
 
+.settings {
+  position: absolute;
+  top: 10px;
+  right: 20px;
+  font-size: 14px;
+}
+
+option, select {
+  width: 70px;
+  font-family: monospace, monospace;
+  background: grey;
+}
+
 .container {
   display: flex;
   align-items: center;
