summaryrefslogtreecommitdiff
path: root/index.html
blob: 8567473a72692ae620032c5a67efdb3161a56931 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!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 &raquo;</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> 
    </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>

   <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>


</html>