-
Notifications
You must be signed in to change notification settings - Fork 12
/
index.html
101 lines (86 loc) · 12.9 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Parimal Satyal - Neustadt.fr</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Parimal Satyal is a designer and occasional writer interested in aviation, cultural exchange, languages, science, computers, the open web and the European Union. Neustadt.fr is his personal website with his writing, music and links." />
<meta name="keywords" content="Parimal Satyal, Félix Satyal, Neustadt, personal website"/>
<meta name="author" content="Parimal Satyal">
<link rel="stylesheet" href="css/neustadt.css" type="text/css" media="all">
<link rel="shortcut icon" href="favicon.ico">
<link rel="canonical" href="https://neustadt.fr/">
<link rel="alternate" type="application/rss+xml" title="Neustadt.fr RSS Feed" href="rss.xml" />
</head>
<body>
<div id="wrapper">
<header>
<h1>Parimal Satyal <img src="img/reapermetal.gif" alt="" /> </h1>
<p class="lede">Salut. I'm Parimal, a designer and occasional writer living in Berlin.</p>
</header>
<p>I'm interested in communication, languages, cross-cultural exchange, aviation, computer history, information systems and the European Union.</p>
<p>Neustadt.fr is my personal website, a tribute to the <a href="essays/the-small-web/">creative web of the 90s</a>.</p>
<h2 id="currently">Currently <img src="img/currently.gif" alt="" /></h2>
<p>I work as a UX/UI Designer at <a href="https://www.openproject.org/">OpenProject</a>, a secure, open-source project management software that respects your data and your privacy.</p>
<p><img src="img/airplane-startup.gif" width="130" alt="Light airplane on the ground with propellers spinning" style="float: right; margin-top: 0.2rem;" />Elsewhere, I am also an aspiring private pilot and host of <a href="https://groundeffect.simplecast.com/">Ground Effect</a>, a podcast about the thrill of learning to fly.</p>
<h2 id="writing">Writing</h2>
<p>This is a selection of essays I've written over the years:</p>
<ul id="essays">
<li><img src="img/geocities.gif" height="20" alt="" style="margin-left: -1.8rem;" /> <a href="essays/the-small-web/">Rediscovering the Small Web</a>, <span class="meta"> about how, despite the dominance of the commercial web, a fun, creative and informative <em>small web</em> designed by regular people still exists and is worth exploring, 2020. This essay was featured on the front page of <a href="https://news.ycombinator.com/item?id=23326329">Hacker News</a> and has been cited <a href="https://duckduckgo.com/?q=rediscovering+small+web+parimal">elsewhere</a>.</span></li>
<li><img src="img/web.gif" height="14" alt="" /> <a href="essays/against-a-user-hostile-web/">Against an Increasingly User-Hostile Web</a>, <span class="meta"> about how not to replace an open web that connects and empowers with one that restricts and commoditises people, 2017. This essay was on the front page of Hacker News twice, <a href="https://news.ycombinator.com/item?id=15611122">in 2017</a> and <a href="https://news.ycombinator.com/item?id=23334463">in 2020</a>, quoted in a <a href="https://fores.se/plattformssamhallet-den-digitala-utvecklingens-politik-innovation-och-reglering/">Swedish book</a> by privacy experts (<a href="https://fores.se/wp-content/uploads/2018/12/Plattformssamhallet_WEB_FINAL.pdf#page=187">page 174</a>), recommended reading in a <a href="https://blockchain.berkeley.edu/courses/fall-2017-developers-decal/">Berkeley course</a> and cited <a href="https://callumoakley.net/posts/pi-hole">elsewhere</a>.</span></li>
<li><img src="img/hammer.gif" height="18" alt="" /> <a href="essays/crafting-a-simple-blog-with-metalsmith/">A Beginner's Guide to Crafting a Blog with Metalsmith</a>, <span class="meta">a hands-on tutorial on creating a blog using a node.js-based static site generator, 2016</span></li>
<li><img src="img/germany.gif" height="14" alt="" /> <a href="essays/teaching-myself-german/">Teaching Myself German</a>, <span class="meta">a guide to self-learning Deutsch, 2016</span></li>
<li><img src="img/ccc-rocket.png" height="20" alt="" /> <a href="essays/32c3/">32c3 - Chaos Communication Congress</a>, <span class="meta">highlights from the 32nd edition of the biggest community-run hacker meet-up, 2016</span></li>
<li><img src="img/particles.gif" height="25" alt="" /> <a href="essays/physics-in-metal/">Physics in Metal</a>, <span class="meta">a scientific lyrical analysis of metal songs that deal with concepts in theoretical physics and cosmology, 2015</span></li>
<li><img src="img/boat.gif" height="25" alt="" style="margin-left: -2rem;" /> <a href="essays/island-at-long-last/">Island (At Long Last)</a>, <span class="meta">a poem about murderous sea-dwelling nymphs, 2015</span></li>
<li><img src="img/xin.gif" height="20" alt="" /> <a href="essays/china-one-nation-how-many-languages/">China: One Nation, How Many Languages?</a>, <span class="meta">an academic paper about the development of the Chinese language, also somehow one of the primary sources for the Wikipedia article on the Beijing dialect, 2010</span></li>
</ul>
<h2 id="talks">Talks</h2>
<p>The plural in the title is admittedly a bit of an exaggeration; I've so far spoken at one conference of which there is a recording:</p>
<ul id="presentations">
<li><img src="img/mic.gif" height="25" alt="" /> <a href="https://www.paris-web.fr/2020/conferences/against-an-increasingly-user-hostile-web.php">Paris Web 2020: Against an Increasingly User-Hostile Web</a><span class="meta"> (video), based on <a href="essays/against-a-user-hostile-web/">my essay</a> of the same name. Paris Web is an annual conference around all things web, including accessibility and privacy.</span></li>
</ul>
<h2 id="music">Music</h2>
<p>I mostly listen to progressive metal, powermetal and old school heavy metal, but also enjoy synthwave and pop music. <img src="img/guitarred.gif" alt="Smiley playing guitar" /> <br />
<br />
I also write and play music, and go by <strong><a href="https://soundcloud.com/felixstyl">Félix Styl</a></strong> for electronic experiments:</p>
<ul id="songs">
<li><img src="img/new.gif" height="12" style="margin-top: 0.3em;" alt="" /> <a href="music/felix_styl_-_NordikNoir.mp3">Nordik Noir</a>, <span class="meta">for the opening sequence of a fictional crime series, 2020</span></li>
<li><img src="img/new.gif" height="12" style="margin-top: 0.3em;" alt="" /> <a href="music/felix_styl_-_Snowblind.mp3">Snowblind</a>, <span class="meta">electronic, about a sentient machine experiencing decay, 2020</span></li>
<li><img src="img/new.gif" height="12" style="margin-top: 0.3em;" alt="" /> <a href="music/felix_styl_-_Silicon_Navigator.mp3">Silicon Navigator</a>, <span class="meta">outrun/synthwave, made on an Arturia Microlab, 2020</span></li>
<li><img src="img/audiocassette.gif" height="20" alt="" /> <a href="music/DJ-Felix_-_Deconfinement.mp3">Déconfinement</a>, <span class="meta">retro synth track based on an old composition, 2020</span></li>
<li><img src="img/audiocassette.gif" height="20" alt="" /> <a href="music/Parimal_Satyal_-_Einstein-Rosen_Bridge.mp3">Einstein-Rosen Bridge</a>, <span class="meta">instrumental electro-metal, 2016</span></li>
<li><img src="img/audiocassette.gif" height="20" alt="" /> <a href="music/Parimal_Satyal_-_To_Hell_With_Heaven.mp3">To Hell with Heaven</a>, <span class="meta">instrumental old-school metal, 2015</span></li>
<li><img src="img/audiocassette.gif" height="20" alt="" /> <a href="music/Parimal_Satyal_-_Navigate_the_Seas_of_the_Sun.mp3">Navigate the Seas of the Sun</a>, <span class="meta">Bruce Dickinson cover, 2015</span></li>
<li><img src="img/audiocassette.gif" height="20" alt="" /> <a href="music/Parimal_Satyal_-_The_Machine_Stops.mp3">The Machine Stops</a>, <span class="meta">based on the <a href="http://www.visbox.com/prajlich/forster.html">short story</a> by E. M. Forster, 2012</span></li>
<li><img src="img/audiocassette.gif" height="20" alt="" /> <a href="music/Parimal_Satyal_-_Il_etait_une_fois.mp3">Il était une fois</a>, <span class="meta">inspired by Yann Tiersen, 2012</span></li>
<li><img src="img/audiocassette.gif" height="20" alt="" /> <a href="music/Parimal_Satyal_-_vita_morte_miracoli.mp3">Vita, morte, miracoli</a>, <span class="meta">meant to be a morning wake-up alarm, 2012</span></li>
<li><img src="img/audiocassette.gif" height="20" alt="" /> <a href="music/Parimal_Satyal_and_Parag_Satyal_-_In_My_Life.mp3">In My Life</a>, <span class="meta">Beatles cover with my brother Parag on the guitar, 2012</span></li>
<li><img src="img/audiocassette.gif" height="20" alt="" /> <a href="music/Parimal_Satyal_-_Return_of_the_Ghost.mp3">Return of the Ghost</a>, <span class="meta">with two guitar- and one keyboard solos, 2012</span></li>
<li><img src="img/audiocassette.gif" height="20" alt="" /> <a href="music/Parimal_Satyal_-_Dreams_to_Illusions.mp3">Dreams to Illusions</a>, <span class="meta">once described as "power game music", 2008</span></li>
<li><img src="img/audiocassette.gif" height="20" alt="" /> <a href="music/Parimal_Satyal_-_Threads_of_Time.mp3">Threads of Time</a>, <span class="meta">dark introspective rock, 2007</span></li>
<li><img src="img/audiocassette.gif" height="20" alt="" /> <a href="music/Parimal_Satyal_-_Age_of_Mist.mp3">Age of Mist</a>, <span class="meta">mid-tempo instrumental about not knowing, accepting, 2007</span></li>
<li><img src="img/audiocassette.gif" height="20" alt="" /> <a href="music/Parimal_Satyal_and_SushantRai_-_Fallen.mp3">Fallen</a>, <span class="meta"> 4-chord song about valiant (but incompetent) warriors, 2007</span></li>
</ul>
<h2 id="retro-stuff">Retro Stuff <img src="img/cooldude.gif" alt="Smiley of cool dude with sunglasses"/></h2>
<p>I grew up with the internet of the 90s and early 2000s. It was chaotic, irregular, flashy, gaudy, peppered with animated GIFs, but most websites were made by people like you and me who wanted to share their interests and hobbies.</p>
<p>Luckily, I'm not the only one nostalgic about the Geocities era. There's a lot of us! <img src="img/grin.gif" alt="Grinning smiley" /> Click the icon below to enter my <a href="retro-stuff">Retro Collection</a> page full of links to websites, tools, Winamp skins and other cool stuff from the past.</p>
<a href="retro-stuff/"><img src="img/enter-yellow.gif" alt="Enter my Retro Collection" /></a>
<h2>Guestbook</h2>
<p>Don't be a stranger. If you have a comment, suggestion or simply want to say hello, you can <a href="http://users2.smartgb.com/g/g.php?a=s&i=g26-37520-60">sign my guestbook</a>. Or read what others have written.</p>
<p><a href="https://users2.smartgb.com/g/g.php?a=s&i=g26-37520-60"><img src="img/guestbook.gif" alt="Sign my guestbook"></a></p>
<h2 id="contact">Contact <img src="img/email.gif" height="25" alt="" /> </h2>
<p>You can also get in touch with me via email (<a href="mailto:felix@neustadt.fr">felix@neustadt.fr</a>), <a href="https://twitter.com/parimalsatyal">Twitter</a> or <a rel="me" href="https://mamot.fr/@neustadt">Mastodon</a>. Yep, "Parimal" and "Félix" are both me; you can pick the name you like more. Postcards are appreciated if you know my address.</p>
—
<ul class="about-this-site info">
<li><img src="img/underconstruction.gif" width="22" alt="" />This website is under construction. Last updated: 2 August 2021.</li>
<li><img src="img/cc0.gif" width="20" alt="" />All original text and music on this website are free and in the public domain under the <a href="license.txt">CC0 1.0 Universal license</a>. Download, copy and remix any way you like.</li>
<li><img src="img/france.gif" width="20" alt="" /> Made in France. All pages hand-coded, like in the old days. <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fneustadt.fr%2F">Valid HTML</a> and <a href="https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fneustadt.fr%2Fcss%2Fneustadt.css&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en">CSS</a>.</li>
<li><img src="img/neocities.png" width="18" alt="" /> Hosted on <a href="https://neocities.org/site/neustadt">Neocities</a>. View website source code on <a href="https://github.com/parimalsatyal/neu">GitHub</a>. <a href="rss.xml">RSS feed</a> available. </li>
<li><img src="img/netscape.gif" width="18" alt="" />Best viewed in any browser, including <a href="http://sillydog.org/netscape/">Netscape Navigator</a>, <a href="https://www.mozilla.org/en-GB/firefox/new/">Firefox</a> and <a href="https://lynx.browser.org/">lynx</a>.</li>
<li><img src="img/hotline.gif" width="20" alt="" style="margin-top: 0; " />Part of the <a href="https://hotlinewebring.club/">Hotline Webring</a>. You can go to <a href="https://hotlinewebring.club/neustadt/previous">Previous</a> or to <a href="https://hotlinewebring.club/neustadt/next">Next</a>.</li>
<li><img src="img/fonts.gif" width="20" alt="" style="margin-top: 0; " /> The main font is <a href="https://tribby.com/fonts/barlow/">Barlow</a> by Jeremy Tribby.</li>
</ul>
</div>
</body>
</html>