new navbar

author: Anna Knoerr <an.kn@protonmail.ch> 2022-01-04 05:25:20 +0100
committer: Anna Knoerr <an.kn@protonmail.ch> 2022-01-04 05:25:20 +0100
commit: 78af97a22f9ad82a2f68be6e5da2b5c4b844764b (patch)
tree: 3f18dbb7ca618a42ead66290cb5c2e77bcb9ed16
parent: 419ef7d76c1dbbfe5fc3f0f14bbd4e93db9cffe2 (diff)
5 files changed, 331 insertions, 3 deletions
diff --git a/copy.html b/copy.html
new file mode 100644
index 0000000..4953b06
--- /dev/null
+++ b/copy.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width">
+    <title>Anna Knörr</title>
+</head>
+
+<style> 
+.columns {
+  column-count: 2;
+}
+</style>
+
+<body >
+    <h2> Anna Knörr </h2>
+    <div class="columns">
+    <p>Is this working? Hi, my name is Anna. I'm currently a graduate student in theoretical physics at <a href="https://perimeterinstitute.ca/people/anna-knorr">Perimeter Institute</a> in Waterloo, Canada. When I'm dancing in a cypher, call me Atomyka.<p>    
+    <p> So far, I've moved around a bit: born in Austria, toddler years on Huntington Beach in sunny California, junior school near Munich, middle school in the little German city with the
+    <a href="https://www.visit-burghausen.com/en">longest castle in the world</a>. Sixth Form wearing a tie near London, couple of months learning 中文 in Shanghai. Bachelor's degree in physics from ETH
+    in Zurich... It's been a journey and it's all but over. I am thankful for this privilege and try to put the things I've learned along the road to good use. For a taste, check out the links below.</p>
+    <p> What makes a good day? A surprising conversation with a stranger, a smile from a person I care about, a round of yoga to feel my neurons tingle and a dose of 100% dark chocolate. I try to not take life too seriously,    which seems to make me focus with intense amusement on the projects that fill my life. Oh, and it's likely you'll find me in a handstand.</p>
+    <p>You can contact me here: <a href = "aknorr@perimeterinstitute.ca">aknorr@perimeterinstitute.ca</a></p>
+
+    <div align = "center">
+    <img width = "200" src = "img/AK_Profile.jpg">
+    <p>Photo credit: <a href="https://www.danielwinkler.ch/">Daniel Winkler</a> 
+    </div>
+    </div>
+
+    <h4> Sustainability projects:</h4>
+    <p>Topics around sustainability were sprinkled in throughout much of my childhood. That seems to have left a mark. During my time at ETH in Zurich I became increasingly involved in the Student Sustainability Commission and wow... I wouldn't be the same person without all the conversations I had there, projects we believed in, hours of event-organizing, website-coding or interview-filming that shaped my world view.</p>
+    <ul>
+        <li><a href="https://ssc.ethz.ch/">SSC (Student Sustainability Commission, ETH Zurich)</a></li>
+        <li><a href="https://www.phys.ethz.ch/the-department/sustainability/nhw2021.html">Sustainability Week @DPHYS 2021</a></li>
+        <li><a href="https://www.phys.ethz.ch/news-and-events/internal-news/d-phys-intern/2021/06/klima-ich-habe-keine-zeit-gilt-nicht.html">Physicists for Sustainability Interview</a></li>
+    </ul>
+    <h4> Fun with math: </h4>
+    <p> I hope to expand this section during the coming months of nerding around at Perimeter Institute, together with my fellow <a href="https://perimeterinstitute.ca/psi-masters-program">PSIons</a> :)
+    Here's a start from the Applied Category Theory School 2021.</p>
+    <ul>
+        <li><a href="https://golem.ph.utexas.edu/category/2021/08/cospans_and_computation_part_1.html#more">A Socratic Dialogue on Category Theory</a></li>
+    </ul>
+    <h4> Some magazines I have produced: </h4>
+        <p> A couple of editions of <a href="https://vmp.ethz.ch/en/vamp/">VAMP</a> - the magazine of physics and math students at ETH in Zurich. Creating these was one of my favorite pastimes during my second year at ETH. </p>
+    <ul>
+        <li><a href="https://vmp.ethz.ch/secure/documents/brave.pdf"> Brave New EarTH</a></li>
+        <li><a href="https://vmp.ethz.ch/secure/documents/hitchhiker.pdf">The Hitchhiker's Guide to the ETH</a></li>
+        <li><a href="https://vmp.ethz.ch/secure/documents/kunterbunt.pdf"> KUNTERBUNT</a></li>
+    </ul>    
+        <p>And here's a magazine I pulled together to finish off my final semester of sustainability at ETH. Of course, you need motivated individuals to push for change, but you need cooperation just as much. Hence, we connected students, professors and staff from all departments and compiled their stories in these pages.</p>
+    <ul>   
+        <li><a href="https://ssc.ethz.ch/assets/earth_magazine.pdf"> the EarTH Magazin - Edition "Cooperation"</a></li>
+    </ul>
+
+</body>
+
+    <h4>Online Whiteboard</h4>
+    <input type="text" id="whiteboard_name" placeholder="Whiteboard name">
+    <input type="text" id="user_name" placeholder="Username">
+    <button id="Whitebord_button" onclick="redirect_whiteboard()">Open whiteboard</button>
+
+<script>
+    function redirect_whiteboard() {
+        let user = document.getElementById("user_name").value;
+        let id = document.getElementById("whiteboard_name").value;
+        window.location = "https://kobert.dev/whiteboard/?whiteboardid=" + id + "&username=" + user;
+    }
+</script>
+
+</html>
diff --git a/index.html b/index.html
index 6ab1792..8567473 100644
--- a/index.html
+++ b/index.html
@@ -49,9 +49,10 @@
           </div>
           <div id="navbar" class="navbar-collapse collapse">
             <ul class="nav navbar-nav">
-              <li class="active"><a href="#">Home</a></li>
-              <li><a href="about.html">About</a></li>
-              <li><a href="blog.html">Playground</a></li>
+              <li class="active"><a href="#">Purpose</a></li>
+              <li><a href="about.html">Understanding through Explaining</a></li>
+              <li><a href="blog.html">Journaling Thoughts </a></li>
+              <li><a href="blog.html">Shaping Communities</a></li>
          </div><!--/.nav-collapse -->
         </div><!--/.container-fluid -->
       </nav>
diff --git a/shaping.html b/shaping.html
new file mode 100644
index 0000000..6e55773
--- /dev/null
+++ b/shaping.html
@@ -0,0 +1,85 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+
+     <link href="modal.css" rel="stylesheet"> 
+     <script src="modal.js"></script>
+    <title>Playground!</title>
+  </head>
+
+  <body>
+
+<h2>Modal Example</h2>
+
+<!-- Trigger/Open The Modal -->
+<button id="myBtn">Open Modal</button>
+
+<!-- The Modal -->
+<div id="myModal" class="modal">
+
+  <!-- Modal content -->
+  <div class="modal-content">
+    <span class="close">&times;</span>
+    <p>Some text in the Modal..</p>
+  </div>
+
+</div>
+  </body>
+
+<script>
+// Get the modal
+var modal = document.getElementById("myModal");
+
+// Get the button that opens the modal
+var btn = document.getElementById("myBtn");
+
+// Get the <span> element that closes the modal
+var span = document.getElementsByClassName("close")[0];
+
+// When the user clicks the button, open the modal 
+btn.onclick = function() {
+  modal.style.display = "block";
+}
+
+// When the user clicks on <span> (x), close the modal
+span.onclick = function() {
+  modal.style.display = "none";
+}
+
+// When the user clicks anywhere outside of the modal, close it
+window.onclick = function(event) {
+  if (event.target == modal) {
+    modal.style.display = "none";
+  }
+}
+</script>
+
+
+
+
+    <h1>Kurious Kolibri Blog</h1>
+
+    <!-- Button trigger modal -->
+<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
+  Launch demo modal
+</button>
+
+<!-- The Modal -->
+<div id="myModal" class="modal">
+
+  <!-- Modal content -->
+  <div class="modal-content">
+    <span class="close">&times;</span>
+    <p>Some text in the Modal..</p>
+  </div>
+
+</div>
+ </body>
+</html>
+
diff --git a/thoughts.html b/thoughts.html
new file mode 100644
index 0000000..6e55773
--- /dev/null
+++ b/thoughts.html
@@ -0,0 +1,85 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+
+     <link href="modal.css" rel="stylesheet"> 
+     <script src="modal.js"></script>
+    <title>Playground!</title>
+  </head>
+
+  <body>
+
+<h2>Modal Example</h2>
+
+<!-- Trigger/Open The Modal -->
+<button id="myBtn">Open Modal</button>
+
+<!-- The Modal -->
+<div id="myModal" class="modal">
+
+  <!-- Modal content -->
+  <div class="modal-content">
+    <span class="close">&times;</span>
+    <p>Some text in the Modal..</p>
+  </div>
+
+</div>
+  </body>
+
+<script>
+// Get the modal
+var modal = document.getElementById("myModal");
+
+// Get the button that opens the modal
+var btn = document.getElementById("myBtn");
+
+// Get the <span> element that closes the modal
+var span = document.getElementsByClassName("close")[0];
+
+// When the user clicks the button, open the modal 
+btn.onclick = function() {
+  modal.style.display = "block";
+}
+
+// When the user clicks on <span> (x), close the modal
+span.onclick = function() {
+  modal.style.display = "none";
+}
+
+// When the user clicks anywhere outside of the modal, close it
+window.onclick = function(event) {
+  if (event.target == modal) {
+    modal.style.display = "none";
+  }
+}
+</script>
+
+
+
+
+    <h1>Kurious Kolibri Blog</h1>
+
+    <!-- Button trigger modal -->
+<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
+  Launch demo modal
+</button>
+
+<!-- The Modal -->
+<div id="myModal" class="modal">
+
+  <!-- Modal content -->
+  <div class="modal-content">
+    <span class="close">&times;</span>
+    <p>Some text in the Modal..</p>
+  </div>
+
+</div>
+ </body>
+</html>
+
diff --git a/understanding.hmtl b/understanding.hmtl
new file mode 100644
index 0000000..6e55773
--- /dev/null
+++ b/understanding.hmtl
@@ -0,0 +1,85 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+
+     <link href="modal.css" rel="stylesheet"> 
+     <script src="modal.js"></script>
+    <title>Playground!</title>
+  </head>
+
+  <body>
+
+<h2>Modal Example</h2>
+
+<!-- Trigger/Open The Modal -->
+<button id="myBtn">Open Modal</button>
+
+<!-- The Modal -->
+<div id="myModal" class="modal">
+
+  <!-- Modal content -->
+  <div class="modal-content">
+    <span class="close">&times;</span>
+    <p>Some text in the Modal..</p>
+  </div>
+
+</div>
+  </body>
+
+<script>
+// Get the modal
+var modal = document.getElementById("myModal");
+
+// Get the button that opens the modal
+var btn = document.getElementById("myBtn");
+
+// Get the <span> element that closes the modal
+var span = document.getElementsByClassName("close")[0];
+
+// When the user clicks the button, open the modal 
+btn.onclick = function() {
+  modal.style.display = "block";
+}
+
+// When the user clicks on <span> (x), close the modal
+span.onclick = function() {
+  modal.style.display = "none";
+}
+
+// When the user clicks anywhere outside of the modal, close it
+window.onclick = function(event) {
+  if (event.target == modal) {
+    modal.style.display = "none";
+  }
+}
+</script>
+
+
+
+
+    <h1>Kurious Kolibri Blog</h1>
+
+    <!-- Button trigger modal -->
+<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
+  Launch demo modal
+</button>
+
+<!-- The Modal -->
+<div id="myModal" class="modal">
+
+  <!-- Modal content -->
+  <div class="modal-content">
+    <span class="close">&times;</span>
+    <p>Some text in the Modal..</p>
+  </div>
+
+</div>
+ </body>
+</html>
+
author	Anna Knoerr <an.kn@protonmail.ch>	2022-01-04 05:25:20 +0100
committer	Anna Knoerr <an.kn@protonmail.ch>	2022-01-04 05:25:20 +0100
commit	78af97a22f9ad82a2f68be6e5da2b5c4b844764b (patch)
tree	3f18dbb7ca618a42ead66290cb5c2e77bcb9ed16
parent	419ef7d76c1dbbfe5fc3f0f14bbd4e93db9cffe2 (diff)