updated bookmarks

index.html

@@ -64,14 +64,18 @@
             <img src = "icons/twitter.png" class  = "bookmarkImg" id = "twitterImg" alt = "Gabe Kahen">
             &nbsp&nbspTwitter
         </button>
+        <button class = "bookmark" id = "chromakopia"  onclick = "openChromakopia()">
+            <img src = "icons/chromakopia.png" class  = "bookmarkImg" id = "chromakopiaImg" alt = "Gabe Kahen">
+            &nbsp&nbspChromakopiafont
+        </button>
+        <button class = "bookmark" id = "easyvga"  onclick = "openEasyVGA()">
+            <img src = "icons/easyvga.png" class  = "bookmarkImg" id = "easyvgaImg" alt = "Gabe Kahen">
+            &nbsp&nbspEasyVGA
+        </button>
         <button class = "bookmark" id = "monkeyarchive" onclick = "openMonkeyarchive()">
             <img src = "icons/monkeyarchive.png" class = "bookmarkImg" id = "monkeyarchiveImg" alt = "Gabriel Kahen">
             &nbsp&nbspmonkeyarchive
         </button>
-        <button class = "bookmark" id = "wikirace" onclick = "openWikirace()">
-            <img src = "icons/wiki.png" class  = "bookmarkImg" id = "wikiraceImg" alt = "Gabe Kahen">
-            &nbsp&nbspwikirace
-        </button>
     </div>
     <hr>
     <div id = "body">

script.js

@@ -89,8 +89,10 @@ document.querySelectorAll('.bookmark').forEach(element => {
     element.style.bottom = screenHeight * .005 + "px";
 
 twitter.style.left = imgWidth * .003 * (8/3) + "px";
-wikirace.style.left = imgWidth * .033 * (8/3) + "px";
-monkeyarchive.style.left = imgWidth * .067 * (8/3) + "px";
+chromakopia.style.left = imgWidth * .033 * (8/3) + "px";
+easyvga.style.left = imgWidth * .0875 * (8/3) + "px";
+monkeyarchive.style.left = imgWidth * .1245 * (8/3) + "px";
+
 
 });
 
@@ -209,14 +211,18 @@ function openTwitter(){
     window.open("https://twitter.com/gabekahen_");
 }
 
-function openWikirace(){
-    window.open("https://gabriel-kahen.github.io/wikirace-prompt-generator/");
-}
-
 function openMonkeyarchive(){
     window.open("http://monkeyarchive.com");
 }
 
+function openChromakopia(){
+    window.open("https://chromakopiafont.com");
+}
+
+function openEasyVGA(){
+    window.open("https://github.com/Gabriel-Kahen/EasyVGA");
+}
+
 /* tooltips */
 
 const tooltipButtons = document.querySelectorAll('.hasTooltip');

styles.css

@@ -179,12 +179,12 @@ input {
     width: 80px;
 }
 
-#monkeyarchive {
-    width: 131px;
+#chromakopia {
+    width: 140px;
 }
 
-#wikirace {
-    width: 87px;
+#monkeyarchive {
+    width: 131px;
 }
 
 hr {