diff --git a/assets/style.css b/assets/style.css
index b28f89c..2569d5b 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -53,3 +53,10 @@
     flex: 1;
   }
 }
+
+#impermeable-logo-button {
+  height: 1.5em;
+  width: auto;
+  vertical-align: top;
+  margin-right: 0.4em;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 98f8db7..6d4f2d8 100644
--- a/index.html
+++ b/index.html
@@ -99,11 +99,18 @@ <h2 class="featurette-heading">Learn to prove mathematical statements. <span cla
       <div class="col-md-5 order-md-2">
         <h2 class="featurette-heading">Try it out!</h2>
         <p class="lead">Complete some exercises online:</p>
-        <p class="lead">
-          <a href="https://codespaces.new/impermeable/waterproof-exercise-sheets?quickstart=1">
-          <img src="https://github.com/codespaces/badge.svg" alt="Open in GitHub Codespaces">
-          </a>
-        </p>
+        <ul id="try-out-online">
+          <li>
+            <p class="lead"></p><a href="https://impermeable.github.io/aquarium"><img id="impermeable-logo-button" src="assets/druppel.png" alt="impermeable logo">Directly in the browser</a></p>
+          </li>
+          <li>
+            <p class="lead">
+              <a href="https://codespaces.new/impermeable/waterproof-exercise-sheets?quickstart=1">
+              <img src="https://github.com/codespaces/badge.svg" alt="Open in GitHub Codespaces">
+              </a>
+            </p>
+          </li>
+        </ul>
         <h2 class="featurette-heading">VSCode extension</h2>
         <p class="lead">Waterproof can be used in VSCode.
           </p>