diff options
| author | Anna Knoerr <an.kn@protonmail.ch> | 2022-01-30 00:36:08 +0100 |
|---|---|---|
| committer | Anna Knoerr <an.kn@protonmail.ch> | 2022-01-30 00:36:08 +0100 |
| commit | 283833341976bda6640f389e3e26cf1bc817a2f3 (patch) | |
| tree | cdbf04a795e4a4f56c52ad926289660a4f290637 /index.html | |
| parent | 78a29491b735f712e3b7d290fc86c7d4d1d292fb (diff) | |
new index page
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 257 |
1 files changed, 111 insertions, 146 deletions
@@ -1,158 +1,123 @@ -<!doctype html> -<html lang="en"> - <head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> - <meta name="description" content=""> - <meta name="author" content=""> - <link rel="icon" href="favicon.ico"> - - <title>Anna Knörr's Homepage</title> - - <!-- Bootstrap core CSS --> - <link href="dist/css/bootstrap.min.css" rel="stylesheet"> - - <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> - <link href="assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet"> - - <!-- Custom styles for this template --> - <link href="navbar.css" rel="stylesheet"> - - <!-- Just for debugging purposes. Don't actually copy these 2 lines! --> - <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> - <script src="assets/js/ie-emulation-modes-warning.js"></script> - - <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> - <!--[if lt IE 9]> - <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> - <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> - <![endif]--> - </head> - - <body> - - <div class="container"> - - <!-- Static navbar --> - <nav class="navbar navbar-default"> - <div class="container-fluid"> - <div class="navbar-header"> - <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> - <span class="sr-only">Toggle navigation</span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </button> - <!--/<a class="navbar-brand" href="#">Project name</a> --> - </div> - <div id="navbar" class="navbar-collapse collapse"> - <ul class="nav navbar-nav"> - <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> - - <!-- Main component for a primary marketing message or call to action - <div class="jumbotron"> - <h1>Navbar example</h1> - <p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p> - <p> - <a class="btn btn-lg btn-primary" href="components/#navbar" role="button">View navbar docs »</a> - </p> - </div> --> - - </div> <!-- /container --> - </body> - <body> - - <!-- Bootstrap core JavaScript - ================================================== --> - <!-- Placed at the end of the document so the pages load faster --> - <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script> - <script>window.jQuery || document.write('<script src="assets/js/vendor/jquery.min.js"><\/script>')</script> - <script src="dist/js/bootstrap.min.js"></script> - <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> - <script src="assets/js/ie10-viewport-bug-workaround.js"></script> - </body> - -<style> -.columns { - column-count: 2; -} -</style> - -<body > - <h2> Anna Knörr </h2> - <div class="columns"> - <p>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> +<!DOCTYPE html> +<html> +<title>Anna Knörr</title> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> +<link rel="icon" href="favicon.ico"> +<body> + + <div class="w3-display-container w3-text-white"> + <img src="./img/stretch.jpg" alt="Anna" style="width:100%"> + <div class="w3-display-bottomleft w3-container"><p>Anna Knörr</p></div> + </div> + +<div class="w3-white w3-section"> + <div class="w3-light-gray w3-container w3-cell"> + <p class=w3-left-align> + 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. + <br> + <br> + 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. + <br> + <br> +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 longest castle in the world. 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. +<br> +<br> +<p class=w3-center> <i> I've made this page to share those attempts with you. Hope you find something to your taste in the 3 dropdowns below!</i></p> +<br> +</div> + +<!-- +<div class="w3-light-grey w3-section"> + <button onclick="Dropdown('Purpose')" class="w3-button w3-block"> + Purpose</button> + <div id="Purpose" class="w3-hide w3-container w3-center"> + + <div class="w3-cell-row"> + + <div class="w3-container w3-cell"> + <p>Message</p> </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> + </div> +</div> +--> + +<div class="w3-container w3-center"> + <div class="w3-row"> + <a href="javascript:void(0)" onclick="openConcept(event, 'Understanding through Explaining');"> + <div class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding">Understanding through Explaining</div> + </a> + <a href="javascript:void(0)" onclick="openConcept(event, 'Shaping Communities');"> + <div class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding">Shaping Communities</div> + </a> + <a href="javascript:void(0)" onclick="openConcept(event, 'Journaling Thoughts');"> + <div class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding">Journaling Thoughts</div> + </a> + </div> + +<div id="Understanding through Explaining" class="w3-container concept" style="display:none"> + <h2></h2> + <p class=w3-left-align> The best way to know whether you've understood something is when you can explain it. + <br> + I've had a lot of fun explaining science, math and computing to both technical and broader audiences... + <br> + <br> + ... with a <a href="https://golem.ph.utexas.edu/category/2021/08/cospans_and_computation_part_1.html#more">goofy blog post</a> on Category Theory, during the ACT Adjoint School 2021, + <br> + ... interviewing Prof. Lavinia Heisenberg on gravity and the astronaut-dream for the magazine <a href="https://www.spektrum.de/magazin/zwischen-schwerkraft-und-schwerelosigkeit/1954777">Sterne & Weltraum</a>, + <br> + ... <a href="https://github.com/Atomyka/UWaterloo_eduroam">documenting</a> my success in connecting to eduroam on archlinux :p + <br> + <br> + Stay tuned for more... and check out the scrumptious science outreach of people like <a href="https://michaelnielsen.org/">Michael Nielsen</a> in the meantime! + </p> + </div> + + <div id="Shaping Communities" class="w3-container concept" style="display:none"> + <h2></h2> + <p class=w3-left-align> I am a strong believer in achieving goals together. More broadly, I see life as a communal process of creating. That perspective makes me happy, at the very least. Hence, my main goal in life is to bring people together around shared values that emerge from and change through conversation. + So far, my efforts in this respect have been centered mostly around the theme of climate change. + <br> + <br> + Here is a summary of previous projects during my undergrad at ETH, Zurich: + <ul class=w3-left-align> + <li>During my first semesters, I became increasingly involved in the <a href="https://ssc.ethz.ch/"> Student Sustainability Commission</a>. There, my work focused on creating a community to bundle the motivation of individual students from all disciplines.</li> + <li> Similarly, I asked the more specific question of <i>"How can physicists contribute to solving the climate crisis?"</i>. To generate discussion in our own physics department, I organized the <a href="https://www.phys.ethz.ch/the-department/sustainability/nhw2021.html"> Sustainability Week @DPHYS 2021</a> and launched an <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">interview series</a>.</li> + <li>I also discussed in depth how to achieve a net-zero university with staff from all corners of ETH - the finance and infrastructure department, ETH Foresight and the ETH Air Travel Project, professors working on carbon capture... These discussions converged in my final semester in spring 2021, when we wrote the internal white paper <i>ETH NettoNull</i> for the Executive Board. <a href="https://ethz.ch/services/en/news-and-events/internal-news/archive/2021/12/eth-sustainability-to-be-realigned.html">First steps</a> towards its implementation are being made. (Personally, I hope the board will be more bold in coming months)</li> + <li>Before graduating from ETH, I wanted to pass this conviction on to future students. Hence, I pulled together <a href="https://ssc.ethz.ch/assets/earth_magazine.pdf">The EarTH Magazine - Edition Cooperation</a>. Stories of teamwork, compiled from all levels of ETH. + + <br> + <br> + A lesson I learnt overall: <i>Culture eats strategy for breakfast. (Peter Drucker)</i> </ul> -</body> + <p class=w3-left-align> Now, I am building on these experiences at my current home at Perimeter Institute, Canada. Together with researchers and admin, I am initiating a climate action working group. Our aim is to generate an internal culture of "every job is a climate job", even when you´re working at a theoretical physics institute.</p> + </p> + </div> - <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> + <div id="Journaling Thoughts" class="w3-container concept" style="display:none"> + <h2></h2> -<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> + <p class=w3-left-align>A provoking book, a stirring conversation. Thoughts to rework and forge into a new bundle, to be passed on to the next curious mind! + <br> + So far, I have enjoyed this exchange mostly by curating a couple of editions of VAMP - the magazine of physics and math students at ETH in Zurich. Here's a collection: </p> + <ul class=w3-left-align> + <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 class=w3-left-align>Let's see what I come up with next! :D</p> + </div> - <body> + </div> - <!-- Bootstrap core JavaScript - ================================================== --> - <!-- Placed at the end of the document so the pages load faster --> - <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script> - <script>window.jQuery || document.write('<script src="assets/js/vendor/jquery.min.js"><\/script>')</script> - <script src="dist/js/bootstrap.min.js"></script> - <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> - <script src="assets/js/ie10-viewport-bug-workaround.js"></script> - </body> +<div class="w3-white w3-section"> + <p class=w3-center> You can contact me here: <u>aknorr@perimeterinstitute.ca</u></p> +</div> +<script src="./scripts/main.js"></script> +</body> </html> |