1<!DOCTYPE html> 2 3<html> 4 <head> 5 <link rel="stylesheet" href="style.css"> 6 <title> about me </title> 7 </head> 8 <style> 9 .container { 10 display:flex; 11 align-items: center; 12 justify-content: center 13 } 14 .text { 15 padding-left:10px; 16 padding-right:10px; 17 /* width:30em */ 18 } 19 .box { 20 border: 1.5px solid black; 21 border-radius: 10px; 22 padding: 0 5px 0 5px; 23 margin-left: 10px; 24 margin-right: 10px; 25 margin-top: 0; 26 text-align: center; 27 float: right; 28 width:10em 29 } 30 .icon { 31 width: 1em; 32 height: 1em 33 } 34 </style> 35 36 <body onload="newFact()"> 37 <div class="big-pagewide" width="100%"> 38 39 <div class="header" style="position: sticky; top: 0; z-index: 999; background-color: white;"> 40 <div class="container" style="justify-content: space-between;"> 41 <div style="padding: 0em 2em; font-family: 'Playwrite FR Trad'; font-weight: 400; font-size: medium;"> 42 about me 43 </div> 44 <a href="index.html" class="header_nav_button" style="font-size: small;">back</a> 45 </div> 46 <hr class="rounded-line"> 47 </div> 48 49 <br> 50 51 <div class="container"> 52 <div class="image" style="float: left"> 53 <img src="img/prof_smaller.png" 54 style="width: 150px; height:150 px; object-fit: cover; clip-path: circle();"> 55 </div> 56 57 <div class="text" style="float: left; width:60%"> 58 <p> 59 3 facts about me: 60 <ul> 61 62 <li>I learned (basic) html, css & javascript for this</li> 63 <li>I have a cat, her name is <a href="bug.html" class="nav_link">Bug</a></li> 64 <li><div id="factDisplay"></div></li> 65 </ul> 66 </p> 67 </div> 68 <div class="box" style=" width: fit-content;margin-inline: auto; text-align: left"> 69 <h4>links</h4> 70 <p> 71 <img src="img/sketches/logos/logo_gt.png" class="icon"> <a class="nav_link" target=_blank title="this is an innocuous link you should click it" href="https://physics.gatech.edu/user/julie-malewicz">georgia tech</a> <br> 72 <img src="img/sketches/logos/logo_github.png" class="icon"> <a class="nav_link" target=_blank title="this is an innocuous link you should click it" href="https://github.com/jlmalewicz">github</a> <br> 73 <img src="img/sketches/logos/logo_linkedin.png" class="icon"> <a class="nav_link" target=_blank title="this is an innocuous link you should click it" href="https://www.linkedin.com/in/julie-malewicz-b31bbb133/">linkedin</a> <br> 74 <img src="img/sketches/logos/logo_orcid.png" class="icon"> <a class="nav_link" target=_blank title="this is an innocuous link you should click it" href="https://orcid.org/0009-0004-2625-5527">orcid</a> <br> 75 <img src="img/sketches/logos/logo_lastfm.png" class="icon"> <a class="nav_link" target=_blank title="this is an innocuous link you should click it" href="https://www.last.fm/user/harperficial">last.fm</a> <br> 76 <img src="img/sketches/logos/logo_ravelry.png" class="icon"> <a class="nav_link" target=_blank title="this is an innocuous link you should click it" href="https://www.ravelry.com/people/lisealine">ravelry.com</a> 77 </p> 78 </div> 79 80 </div> 81 <p> 82 I am currently wrapping up my doctorate in Physics at the Georgia Institute of Technology in Atlanta. 83 I am originally from Colmar, France but I did my undergraduate at Northwestern University, 84 north of Chicago. 85 Outside of astrophysics, I am passionate about public transit, reading books while on public transit, public parks, 86 reading books while in public parks, indie movie theatres, my local library, the Decatur CD & Vinyl record store,
87 my 2008 Prius, the 6 CDs currently on rotation playing 88 in my <a href="achilles.html" style="text-decoration: inherit; color: inherit">2008 Prius</a>, <a href="bug.html" class="nav_link">my cat</a>, and all of the green plants I keep in my home. 89 </p> 90 <div class="container"> 91 <img src="img/itllbelike.jpeg" height="250px"> 92 <img src="img/wereoutside.jpg" height="250px" class="shadow"> 93 </div> 94 <br> 95 <div class="container"> 96 <p> 97 left, credit <a href="https://theartofpants.com/" class="out_link">@pants</a> and 98 right, a fraction of all my plants 99 </p> 100 </div> 101 <br> 102 103 104 <details style="align-items: center;"> 105 <summary id="read" style="border-radius: 10px;">reading list</summary> 106 <br> 107 <div style="border-radius: 10px;"> 108 <p> 109 In reverse chronological order and since I started keeping track of it, my recently read list is: 110 <ul> 111 <li><i>(currently reading)</i> Umberto Eco, <i>The Name of the Rose</i><img src="img/sketches/logos/i_like_this_one.png" class="icon"></li> 112 <li><i>(currently reading)</i> Kurt Vonnegut, <i>Mother Night</i></li> 113 <li>Margaret Atwood, <i>The Handmaid's Tale</i><img src="img/sketches/logos/i_like_this_one.png" class="icon"></li> 114 <li>Isaac Asimov, <i> Foundation </i></li> 115 <li>H.G. Wells, <i>The Time Machine</i> and <i>the Invisible Man</i></li> 116 <!-- <li>Georgi Gospodinov, <i> Death and the Gardener </i></li> --> 117 <li>Alan Lightman, <i>The Accidental Universe (and other essays)</i></li> 118 <li>Fyodor Dostoyevski, <i>Notes from Underground</i><img src="img/sketches/logos/i_like_this_one.png" class="icon"></li> 119 <li>Charles Burns, <i>Black Hole</i><img src="img/sketches/logos/i_like_this_one.png" class="icon"></li> 120 <li>Daniel Clowes, <i>Ghost World</i></li> 121 <li>Eugène Ionesco, <i>Le Roi Se Meurt</i></li> 122 <li>Olga Tokarczuk, <i>Flights</i></li> 123 <li>Kaveh Akbar, <i>Martyr!</i></li> 124 <li>H.G. Wells, <i>War of the Worlds</i><img src="img/sketches/logos/i_like_this_one.png" class="icon"></li> 125 <li>Kurt Vonnegut, <i>Cat's Cradle</i><img src="img/sketches/logos/i_like_this_one.png" class="icon"></li> 126 </ul> 127 </p> 128 </div> 129 </details> 130 131<br> 132 133 <details style="align-items: center;"> 134 <summary id="read" style="border-radius: 10px;">better links</summary> 135 <br> 136 <div style="border-radius: 10px;"> 137 <ul> 138 <li><a class="nav_link" title="this is an innocuous link you should click it" href="https://raddle.quest/">raddle</a>, a game where you link words down a chain using a set of clues</li> 139 <li><a class="nav_link" title="this link is also super safe, click it" href="https://catfishing.net/game/today">catfishing</a>, a game where you guess a wikipedia article's title from a list of what articles link to it</li> 140 <li> behold, <a class="nav_link" title="can't promise anything for this one" href="https://www.timecube.net/">timecube.net</a>, </li> 141 <!-- <li><a class="nav_link" title="dude just click it" href="https://www.theatlantic.com/games/bracket-city/">bracket city</a>, a game where you guess words from nested clues to reveal a fun "on this day" article title</li> --> 142 <!-- <li> this is <a class="nav_link" title="safe link to click" href="https://itemlabel.com/products/peepy">peepy</a></li> --> 143 <li> all the <a class="nav_link" title="this one you really should click" href="https://science.nasa.gov/mission/voyager/golden-record-contents/sounds/">sounds of earth</a> on the golden record aboard the voyager 1 and 2 spacecrafts</li> 144 </ul> 145 </div> 146 </details> 147 <br> 148 149 <br> 150 151 </div> 152 153
153<script> 154 (function newFact() { 155 const facts = ["I made my own letterboxd.com ripoff (but much worse) where I can log movies I've seen and write little reviews but it's secret -- mostly so I would not have to see anyone else's opinion.", 156 "this is a test, congrats you found it!", 157 "I learned French, German, English, Spanish and Polish (in that order) but have forgotten most of it all", 158 // "i am learning to knit so if you want a square, hit me up! other shapes not yet mastered, check back in later.", 159 "I'm learning to knit. Shoot me an email if you want something knitted!", 160 // "I bought a Nintendo 3DS XL so i could replay all my professor layton games.", 161 // "I do not own a dishwasher. Or a microwave.", 162 "I have not tested this website to be viewed on mobile because I am lazy. if that's you, sorry!" 163 // "" 164 ]; 165 var randomFact = Math.floor(Math.random() * facts.length); 166 document.getElementById('factDisplay').innerHTML = facts[randomFact]; 167 })(); 168 </script>
168 169 </body> 170 171</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.