first commit
This commit is contained in:
crazychaoz
commit
d7ff8b0d09
5 changed files with 1159 additions and 0 deletions
85
public_html/page/hardware.html
Normal file
85
public_html/page/hardware.html
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Primary Research Station - kempinger.at</title>
|
||||
<link rel="stylesheet" href="../style.css">
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 100%);
|
||||
color: #ffffff;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 4rem 20px 2rem 20px;
|
||||
}
|
||||
|
||||
.boxed-content {
|
||||
background: rgba(255, 255, 255, 0.02);
|
||||
border-radius: 20px;
|
||||
padding: 3rem;
|
||||
backdrop-filter: blur(10px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
margin: 0 auto;
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
font-weight: 700;
|
||||
color: #00d4ff;
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.back-link {
|
||||
display: inline-block;
|
||||
margin-bottom: 2rem;
|
||||
color: #00d4ff;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.back-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.construction-message {
|
||||
text-align: center;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.construction-message img {
|
||||
width: 80px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<a href="../index.html#lab" class="back-link">← Back to Laboratory</a>
|
||||
<div class="boxed-content">
|
||||
<h1>Primary Research Station</h1>
|
||||
<!-- Blog content goes here -->
|
||||
<div class="construction-message">
|
||||
<img style="width: 100%;"
|
||||
src="https://cdn.pixabay.com/photo/2017/08/11/08/22/under-construction-2629947_960_720.jpg"
|
||||
alt="Under Construction">
|
||||
<p><strong>Hardware page is under construction.</strong></p>
|
||||
<p>Because, obviously, hardware is never finished.</p>
|
||||
</div>
|
||||
<!-- ...existing code... -->
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
145
public_html/page/ide.html
Normal file
145
public_html/page/ide.html
Normal file
|
|
@ -0,0 +1,145 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>IDE of Choice - kempinger.at</title>
|
||||
<link rel="stylesheet" href="../style.css">
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 100%);
|
||||
color: #ffffff;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 4rem 20px 2rem 20px;
|
||||
}
|
||||
|
||||
.boxed-content {
|
||||
background: rgba(255, 255, 255, 0.02);
|
||||
border-radius: 20px;
|
||||
padding: 3rem;
|
||||
backdrop-filter: blur(10px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
margin: 0 auto;
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
font-weight: 700;
|
||||
color: #00d4ff;
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.back-link {
|
||||
display: inline-block;
|
||||
margin-bottom: 2rem;
|
||||
color: #00d4ff;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.back-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 3rem 0;
|
||||
border: none;
|
||||
border-top: 1px solid #222;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #00d4ff;
|
||||
text-align: center;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
font-size: 1.1rem;
|
||||
line-height: 2;
|
||||
max-width: 500px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
padding-left: 1.5rem;
|
||||
}
|
||||
|
||||
li:before {
|
||||
content: '✓';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: #00d4ff;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #00d4ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<a href="../index.html#lab" class="back-link">← Back to Laboratory</a>
|
||||
<div class="boxed-content">
|
||||
<h1>IDE of Choice</h1>
|
||||
<p>
|
||||
After years of hopping between IDEs, I've finally settled into VSCode—and honestly, it feels like coming
|
||||
home.<br><br>
|
||||
I started out with Eclipse back in school, writing Java and wondering if programming would ever feel
|
||||
smooth. Then came IntelliJ, and suddenly, everything clicked: smart code completion, refactoring,
|
||||
version control, even writing my master thesis in LaTeX—all in one place. JetBrains' lineup was
|
||||
impressive, but switching between IntelliJ for Java, PyCharm for Python, WebStorm for web, RustRover for
|
||||
Rust, CLion for C, and DataGrip for databases got exhausting.<br><br>
|
||||
I always wanted an IDE that felt as flexible as Emacs, but with modern features and polish. IntelliJ
|
||||
came close, but the constant context switching wore me down. I tried NetBeans (too clunky), BlueJ (fun,
|
||||
but just for learning), and Atom (great as a text editor, but not a full IDE).<br><br>
|
||||
Now, in 2025, VSCode has become my daily driver. It's come a long way since I last used it. With Rust
|
||||
and Python as my main languages, I realized RustRover and VSCode both rely on Cargo and rust-analyzer—so
|
||||
why not use the lighter, more customizable option? The extension ecosystem is massive, and with LLM
|
||||
integration, VSCode actually outpaces IntelliJ in AI-assisted coding.<br><br>
|
||||
I still feel a bit wary of VSCode's corporate vibe, but with the right extensions and tweaks, it (kind of) feels
|
||||
like my own tool. It's fast, flexible, and supports everything I need without forcing me to switch apps
|
||||
for every language. For a Gen Z developer who grew up on Eclipse and dreamed of something better, VSCode
|
||||
finally delivers the all-in-one experience I always wanted.
|
||||
<br><br>
|
||||
Update:
|
||||
Just a bit after posting this, I tried out Zed.
|
||||
VSCode, but fast, responive, not corpo and written in Rust.
|
||||
Not everything is supported as of now (October '25), such as the entirety ofmy Latex workflow, but a lot of relevant things already work, so i made the switch.
|
||||
|
||||
</p>
|
||||
<!--hr>
|
||||
<h2>My Setup</h2>
|
||||
<ul>
|
||||
<li><strong>Editor:</strong> VSCode Microsoft build, since the OSS builds have stuff deactivated</li>
|
||||
<li><strong>Theme:</strong> Atom One Dark (with custom tweaks)</li>
|
||||
<li><strong>Non Language Server Extensions:</strong>Copilot, GitLens, Remote SSH, Prettier,
|
||||
Error Lens, indent-rainbow, and more</li>
|
||||
<li><strong>Terminal:</strong> Integrated VSCode terminal (fish)</li>
|
||||
<li><strong>OS:</strong> Arch Linux (see <a href="os.html">details</a>)</li>
|
||||
<li><strong>Hardware:</strong> Thinkpad P14s G5 (see <a href="hardware.html">details</a>)</li>
|
||||
</ul-->
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
96
public_html/page/os.html
Normal file
96
public_html/page/os.html
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Primary Research Station - kempinger.at</title>
|
||||
<link rel="stylesheet" href="../style.css">
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 100%);
|
||||
color: #ffffff;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 4rem 20px 2rem 20px;
|
||||
}
|
||||
|
||||
.boxed-content {
|
||||
background: rgba(255, 255, 255, 0.02);
|
||||
border-radius: 20px;
|
||||
padding: 3rem;
|
||||
backdrop-filter: blur(10px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
margin: 0 auto;
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
font-weight: 700;
|
||||
color: #00d4ff;
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.back-link {
|
||||
display: inline-block;
|
||||
margin-bottom: 2rem;
|
||||
color: #00d4ff;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.back-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<a href="../index.html#lab" class="back-link">← Back to Laboratory</a>
|
||||
<div class="boxed-content">
|
||||
<h1>OS Setup</h1>
|
||||
<p>
|
||||
My journey with operating systems started in the glow of a CRT monitor, running Windows XP on a chunky
|
||||
desktop that took up half my childhood desk. Back then, the OS was just a background character—something
|
||||
you tolerated so you could play games or tinker with Paint.<br><br>
|
||||
As hardware evolved, so did my setup: Windows 7, then 10, each on increasingly sleeker desktops
|
||||
and eventually my first laptop. Windows was familiar, reliable, and—at least for a while—felt like the
|
||||
only real option. But as I got deeper into programming, I started to feel the limits. I wanted more
|
||||
control, more transparency, and less bloat.<br><br>
|
||||
High school was my first real foray into Linux. I fumbled my way through Ubuntu installs, breaking
|
||||
things, fixing them, and learning more in the process than any textbook could teach. The world of
|
||||
distros opened up: I tried Kubuntu, Mint, Fedora, and then the pentesting distro <a
|
||||
href="https://linux.backbox.org">Backbox</a> for a year.
|
||||
Each one taught me something new about how computers work under the hood.<br><br>
|
||||
For a few years, Pop!_OS became my daily driver. It was Ubuntu-based, but with a polish and hardware
|
||||
support that just worked—especially on my 13" HP Laptop screen. I loved the COSMIC desktop environment
|
||||
for its workflow and usable design, and especially for its auto-tiling feature, which I still haven't
|
||||
found as polished anywhere else—it's unmatched for my mouse-driven workflow. But eventually, the itch
|
||||
for something even more customizable led
|
||||
me to Arch Linux. I only switched to Arch this year: bleeding edge, rolling release, and a wiki that’s
|
||||
both a lifeline and a rite of passage. I now run Arch (btw), still with COSMIC as my DE, but with every
|
||||
package and config under my control.<br><br>
|
||||
Now, this very webserver is running NixOS as an experiment. NixOS is a whole new paradigm: the OS, its
|
||||
configuration, and the data are all strictly separated. I define my system in a single config file, and
|
||||
can reproduce it anywhere, anytime. It’s made me rethink how I manage not just my servers, but my
|
||||
personal machines too. Keeping the OS, its config, and my data separate means I can upgrade, migrate, or
|
||||
even break things without fear—everything is reproducible, and nothing is lost.<br><br>
|
||||
Looking back, every step—from Windows on a CRT to declarative NixOS—has taught me something about
|
||||
control, flexibility, and the value of understanding what’s happening beneath the surface. The journey
|
||||
isn’t over, but for now, I’m happy to be running a system that’s truly my own.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue