diff --git a/src/submodule.rs b/src/submodule.rs
index e52e468..a578b55 100644
--- a/src/submodule.rs
+++ b/src/submodule.rs
@@ -14,7 +14,7 @@
 //! ```toml
 //! [[submodule]]
 //! name = "nixos"
-//! url = "https://github.com/Nilstrieb/nixos.git"
+//! url = "https://github.com/Noratrieb/nixos.git"
 //! commit = "c5b2fc10b9266b105d792d958b8f13479866a7bd"
 //! ```
 //!
diff --git a/static/root/back-alley.html b/static/root/back-alley.html
index ea5d8ce..e8c9459 100644
--- a/static/root/back-alley.html
+++ b/static/root/back-alley.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>nilstrieb.dev</title>
+    <title>noratrieb.dev</title>
     <link rel="stylesheet" href="static/theme.css" />
   </head>
   <body>
@@ -71,7 +71,8 @@
         <div>
           <h2>cargo-bisect-rustc-service</h2>
           <p>
-            <a href="https://github.com/Nilstrieb/cargo-bisect-rustc-service">webscale bisection</a> at your fingertips
+            <a href="https://github.com/Noratrieb/cargo-bisect-rustc-service">webscale bisection</a>
+            at your fingertips
           </p>
           <a href="https://bisect-rustc.nilstrieb.dev/" class="call-to-action">
             <span>bisect-rustc.nilstrieb.dev</span>
diff --git a/static/root/index.html b/static/root/index.html
index b65733e..3230df7 100644
--- a/static/root/index.html
+++ b/static/root/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>nilstrieb.dev</title>
+    <title>noratrieb.dev</title>
     <link rel="stylesheet" href="static/theme.css" />
     <style>
       .hint {
@@ -53,30 +53,42 @@
   <body class="overflow-hidden">
     <div class="main-content">
       <div class="main-content-inner">
-        <h1>Nilstrieb's website</h1>
-        <div>
-          <p>
-            this is my website. you'll find lots of interesting and not very interesting stuff here,
-            depending on where you look.
-          </p>
-          <p>
-            there may be many
-            <span onclick="onSecretClick()" class="secret hint" role="button">secrets</span>
-            depending on where you look....
-          </p>
-        </div>
-        <div>
-          <h2>socials</h2>
-          <p>
-            these two are not everything, but you may find more there, like a choose your own
-            adventure story: choose your own nils
-          </p>
-          <a href="https://github.com/Nilstrieb"
-            ><img class="social-logo" alt="GitHub" src="static/github.svg"
-          /></a>
-          <a href="https://hachyderm.io/@nilstrieb"
-            ><img class="social-logo" alt="Mastodon" src="static/mastodon.png"
-          /></a>
+        <h1>Noratrieb's website</h1>
+        <div class="columns-2">
+          <div>
+            <div>
+              <p>
+                hi, i'm nora 🏳️‍⚧️. this is my website. you'll find lots of interesting and not very
+                interesting stuff here, depending on where you look.
+              </p>
+              <p>
+                there may be many
+                <span onclick="onSecretClick()" class="secret hint" role="button">secrets</span>
+                depending on where you look....
+              </p>
+            </div>
+            <div>
+              <h2>socials</h2>
+              <p>
+                these two are not everything, but you may find more there, like a choose your own
+                adventure story: choose your own nora
+              </p>
+              <a href="https://github.com/Noratrieb">
+                <img class="social-logo" alt="GitHub" src="static/github.svg" />
+              </a>
+              <a href="https://hachyderm.io/@nilstrieb">
+                <img class="social-logo" alt="Mastodon" src="static/mastodon.png" />
+              </a>
+            </div>
+          </div>
+          <div>
+            <img
+              height="200"
+              src="static/Noratrieb.png"
+              alt="Two grey cartoon-cats on a pink background. The left cat is small and sits on a floating rocket, the right cat is big and has a red bow tie on the right ear."
+              style="margin-left: 15px;"
+            />
+          </div>
         </div>
         <div>
           <h2>my blog</h2>
@@ -105,7 +117,9 @@
             in addition to all the other stuff mentioned above, i also have some random projects
             hosted on my server. they are pretty bad and i won't promote them this openly, but you
             will be able to find them if you really want to. some people have been saying that there
-            might be a secret <span role="button" class="hint" onclick="onBackalleyClick()">b</span>ack alley somewhere...
+            might be a secret
+            <span role="button" class="hint" onclick="onBackalleyClick()">b</span>ack alley
+            somewhere...
           </p>
         </div>
       </div>
diff --git a/static/root/static/Noratrieb.png b/static/root/static/Noratrieb.png
new file mode 100644
index 0000000..a94a5c6
Binary files /dev/null and b/static/root/static/Noratrieb.png differ
diff --git a/static/root/static/theme.css b/static/root/static/theme.css
index eacb6b0..e77b5b4 100644
--- a/static/root/static/theme.css
+++ b/static/root/static/theme.css
@@ -1,3 +1,7 @@
+html {
+  --accept-color: #e5a5c2;
+}
+
 body {
   font-family: Verdana, sans-serif;
   background-color: #e6dae9;
@@ -16,7 +20,7 @@ body {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1300px) {
   .main-content-inner {
     width: 50vw;
   }
@@ -25,7 +29,7 @@ body {
 .call-to-action {
   width: 250px;
   height: 50px;
-  background-color: #8c499d;
+  background-color: var(--accept-color);
   display: flex;
   justify-content: center;
   align-items: center;
@@ -44,9 +48,23 @@ body {
 }
 
 .call-to-action * {
-  color: white;
+  color: black;
 }
 
+.columns-2 {
+  display: flex;
+  flex-direction: row;
+}
+
+
+@media (max-width: 1000px) {
+  .columns-2 {
+    display: block;
+    margin-bottom: 10px;
+  }
+}
+
+
 @media (prefers-color-scheme: light) {
   body {
     background-color: #e6dae9;
@@ -64,6 +82,10 @@ body {
     color: #e6dae9;
   }
 
+  a {
+    color: var(--accept-color);
+  }
+
   .secret {
     color: #a081a9;
   }
diff --git a/submodules.toml b/submodules.toml
index 42a28c9..a5fb8fd 100644
--- a/submodules.toml
+++ b/submodules.toml
@@ -1,9 +1,9 @@
 [[submodule]]
 name = "blog"
-url = "https://github.com/Nilstrieb/nilstrieb.github.io.git"
+url = "https://github.com/Noratrieb/nilstrieb.github.io.git"
 commit = "a48053540e1bc85403c25526de304e82f5371a22"
 
 [[submodule]]
 name = "slides"
-url = "https://github.com/Nilstrieb/slides.git"
+url = "https://github.com/Noratrieb/slides.git"
 commit = "0401f35c22b124b69447655f0c537badae9e223c"
