diff --git a/hmml_to_html/hero.css b/hmml_to_html/hero.css
new file mode 100644
index 0000000..7a641f1
--- /dev/null
+++ b/hmml_to_html/hero.css
@@ -0,0 +1,80 @@
+.title {
+    background-color: #444;
+}
+
+.title > a {
+    color: rgba(38, 139, 210, 1);
+}
+
+.title > a:visited {
+    color: rgba(38, 139, 210, 1);
+}
+
+.title .refs_container {
+    transition: box-shadow 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
+    box-shadow: inset 0 0 0 #B57714;
+}
+
+.title .refs_container:hover {
+    background-color: #666;
+}
+
+.title .refs_container.current {
+    box-shadow: inset 0px 0px 30px #B57714;
+}
+
+.title .refs_container .refs {
+    background-color: black;
+    border: 3px solid #444;
+    border-top: none;
+}
+
+.title .refs_container > .refs .ref {
+    border-bottom: 1px solid rgb(51, 51, 51);
+    color: white;
+}
+
+.title .refs_container > .refs .ref.current {
+    background-color: #8B3D23;
+    color: black;
+}
+
+.title .refs_container > .refs .ref:hover {
+    background-color: #222;
+}
+
+.title .refs_container > .refs .ref.current:hover {
+    background-color: rgba(139, 61, 35, 0.7);
+}
+
+.title .refs_container > .refs .ref .source {
+    color: #888;
+}
+
+.markers_container > .marker {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+}
+
+.markers_container > .marker:hover > .content {
+    background-color: #222;
+}
+
+.markers_container > .marker:hover .faded .content {
+    background-color: rgba(139, 61, 35, 0.7);
+    color: black;
+}
+
+.markers_container > .marker > .content {
+    background-color: #161616;
+    color: #8A877D;
+}
+
+.markers_container > .marker.current > .content {
+    color: #B57714;
+}
+
+.markers_container > .marker .progress .content {
+    background-color: #8B3D23;
+    color: black;
+}
+
diff --git a/hmml_to_html/hmml_to_html.c b/hmml_to_html/hmml_to_html.c
index cbde0c8..5812416 100644
--- a/hmml_to_html/hmml_to_html.c
+++ b/hmml_to_html/hmml_to_html.c
@@ -343,8 +343,6 @@ BuildCategories(buffer *AnnotationClass, buffer *Category, int *MarkerIndex, boo
     return;
 }
 
-#define QUOTE_DIR "/home/matt/git/GitHub/insofaras/25fc16d58a297a486334"
-
 int
 StringToInt(char *String)
 {
@@ -360,8 +358,18 @@ StringToInt(char *String)
 int
 BuildQuote(quote_info *Info, char *Speaker, int ID)
 {
+    char *QuoteDir;
+    if(!StringsDiffer(Speaker, "handmade_hero"))
+    {
+        QuoteDir = "/home/matt/git/GitHub/Chronister/01e754a09fd84c839ad7";
+    }
+    else
+    {
+        QuoteDir = "/home/matt/git/GitHub/insofaras/25fc16d58a297a486334";
+    }
+
     char Path[255] = {0};
-    sprintf(Path, "%s/#%s", QUOTE_DIR, Speaker);
+    sprintf(Path, "%s/#%s", QuoteDir, Speaker);
     FILE *File;
     if(!(File = fopen(Path, "r")))
     {
diff --git a/hmmlconv/hmmlconv.c b/hmmlconv/hmmlconv.c
index 49e366c..6ca3941 100644
--- a/hmmlconv/hmmlconv.c
+++ b/hmmlconv/hmmlconv.c
@@ -380,7 +380,7 @@ int ProcessFile(char *InFileName, FILE *InFile, FILE *OutFile)
                 }
                 else if(strncmp(LinePtr, "markers:", 8) == 0)
                 {
-                    fprintf(OutFile, "[video member=cmuratori project=hero title=\"%s\" platform=youtube id=%s annotator=Miblo]\n", Title, VideoID);
+                    fprintf(OutFile, "[video member=cmuratori project=hero twitch_username=handmade_hero title=\"%s\" platform=youtube id=%s annotator=Miblo]\n", Title, VideoID);
                     State = STATE_MARKERS;
                 }
             } break;