1<!DOCTYPE html> 2<html lang="en-us" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> 3 <head> 4 <meta name="generator" content="Hugo 0.147.7"><head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 8 9 10 <section class="h-card" style="display: none;"> 11 <a class="u-url" rel="me" href=""></a> 12 <span class="p-name" rel="me"></span> 13 <span class="p-nickname"></span> 14 15 <span class="p-note" rel="me"></span></section> 16 <meta name="description" content="Claire's personal blog."> 17 <title>The Claire Scrolls</title> 18 19 20 <link href="/blog/index.xml" rel="alternate" type="application/rss+xml" title="map[email:[email protected] name:Claire nickname:chapien pronouns:[She Her]]'s blog"> 21 <link href="/art/index.xml" rel="alternate" type="application/rss+xml" title="map[email:[email protected] name:Claire nickname:chapien pronouns:[She Her]]'s art"> 22 23 24 25 26 27 28 29 30 <link href="/assets/css/stylesheet.min.14f7fc20cc92ab871edb1a57cf8b9b476183b82e5a392573c7d18971133b8de8.css" integrity="sha256-FPf8IMySq4ce2xpXz4ubR2GDuC5aOSVzx9GJcRM7jeg=" rel="stylesheet"> 31 32 <link rel="shortcut icon" href="/favicon.ico?v=4" type="image/x-icon"> 33 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=3"> 34 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=3"> 35 36 <meta name="robots" content="noai"> 37 <meta name="fediverse:creator" content="" /> 38 39 40 41 <meta name="author" content="map[email:[email protected] name:Claire nickname:chapien pronouns:[She Her]]"> 42 <meta name="creator" content="map[email:[email protected] name:Claire nickname:chapien pronouns:[She Her]]"> 43 44 <meta name="description" content="Claire's personal blog."> 45 46 47 <meta name="color-scheme" content="dark light"> 48 49 <meta property="og:title" content="Home"> 50<meta property="og:description" content="Claire's personal blog."> 51<meta property="og:type" content="website"> 52<meta property="og:url" content="https://chapien.net/"> 53 54</head> 55 56 </head> 57 <body><a href="https://chapien.net/cdn-cgi/content?id=2E_6cjBlTrYRGdyF1YVds1wefHnljQIiACFclnkDiOM-1791457263.6955376-1.2.1.1-Je9TfE0MxDNlPv8L9e41U0X3eR6Rk1fd_51H8fSBKoDa8gHr3BxkUr0HQ9246dmw" aria-hidden="true" rel="nofollow noopener" style="display: none !important; visibility: hidden !important"></a> 58 <header>
58<script> 59 if (localStorage.getItem("pref-theme") === "dark") { 60 document.body.classList.add('dark'); 61 } else if (localStorage.getItem("pref-theme") === "light") { 62 document.body.classList.remove('dark') 63 } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) { 64 document.body.classList.add('dark'); 65 } 66</script>
66<script> 67 if (localStorage.getItem("pref-font") === "serif") { 68 document.body.classList.add('serif-toggle') 69 } 70 else if (localStorage.getItem("pref-font") === "sans") { 71 document.body.classList.remove('serif-toggle') 72 } 73</script>
73 74 <picture> 75 76 77 <a href="/" rel=me><img class="profile-picture" alt="Profile Picture" src="/images/profile.png" width="512" height="512"></a> 78 </picture> 79 80<h1>The Claire Scrolls</h1> 81<div class="title-toggles"> 82 <button id="theme-toggle" accesskey="t" title="(Alt + T)"> 83 84 <img id="moon" alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/moon.svg"> 85 86 87 <img id="sun" alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/sun.svg"> 88 89 </button><button id="font-toggle"> 90 91 <img id="serif" alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/serif.svg"> 92 93 94 <img id="sans" alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/sans.svg"> 95 96 </button></div> 97</header> 98 <div id="content"> 99 <aside> 100<style> 101 .site-menu { 102 .external-link { 103 display: none; 104 } 105 } 106</style> 107 108 109<nav> 110 <details id="nav-menu" open> 111 <summary>Menu</summary> 112 113 <strong class="nav-title">Navigation</strong> 114 115 116 117 118 <div class="site-menu"> 119 120 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/home.svg"> 121 122 123 124 125 126 <a href="https://chapien.net/" class="nav-item">Home</a> 127 </div> 128 129 <div class="site-menu"> 130 131 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/blog.svg"> 132 133 134 135 136 137 <a href="https://chapien.net/blog" class="nav-item">Blog</a> 138 </div> 139 140 <div class="site-menu"> 141 142 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/book.svg"> 143 144 145 146 147 148 <a href="https://chapien.net/stories" class="nav-item">Stories</a> 149 </div> 150 151 <div class="site-menu"> 152 153 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/games.svg"> 154 155 156 157 158 159 <a href="https://chapien.net/game-dev" class="nav-item">Game Dev</a> 160 </div> 161 162 <div class="site-menu"> 163 164 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/git.svg"> 165 166 167 168 169 170 <a href="https://chapien.net/software" class="nav-item">Software</a> 171 </div> 172 173 <div class="site-menu"> 174 175 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/art.svg"> 176 177 178 179 180 181 <a href="https://chapien.net/art" class="nav-item">Art</a> 182 </div> 183 184 <div class="site-menu"> 185 186 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/archives.svg"> 187 188 189 190 191 192 <a href="https://chapien.net/archives" class="nav-item">Archives</a> 193 </div> 194 195 <div class="site-menu"> 196 197 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/globe.svg"> 198 199 200 201 202 203 <a href="https://chapien.net/links" class="nav-item">Links</a> 204 </div> 205 206 <div class="site-menu"> 207 208 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/guestbook.svg"> 209 210 211 212 213 214 <a href="https://chapien.net/guestbook" class="nav-item">Guestbook</a> 215 </div> 216 217 <div class="site-menu"> 218 219 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/computer.svg"> 220 221 222 223 224 225 <a href="https://chapien.net/my-computer" class="nav-item">My Computer</a> 226 </div> 227 228 <div class="site-menu"> 229 230 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/about.svg"> 231 232 233 234 235 236 <a href="https://chapien.net/about" class="nav-item">About</a> 237 </div> 238 239 <div class="site-menu"> 240 241 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/contact.svg"> 242 243 244 245 246 247 <a href="https://chapien.net/contact" class="nav-item">Contact</a> 248 </div> 249 250 <div class="site-menu"> 251 252 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/copyleft.svg"> 253 254 255 256 257 258 <a href="https://chapien.net/attributions" class="nav-item">Attributions</a> 259 </div> 260 261 <div class="site-menu"> 262 263 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/rss.svg"> 264 265 266 267 268
269 <a href="https://chapien.net//blog/feed.xml" class="nav-item">RSS</a> 270 </div> 271 272 273 <br/> 274 275 <strong class="nav-title">Links</strong> 276 277 278 <div class="site-menu"> 279 280 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/keyoxide.svg"> 281 282 <a rel="me" href="https://keyoxide.org/97810fc8f87bb5dc53012e81c5a81c724397b6b5" class="nav-item" target="_blank">Keyoxide (GPG Proofs)<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a> 283 </div> 284 285 <div class="site-menu"> 286 287 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/pronouns.svg"> 288 289 <a rel="me" href="https://en.pronouns.page/@chapien" class="nav-item" target="_blank">Pronouns<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a> 290 </div> 291 292 <div class="site-menu"> 293 294 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/itchio.svg"> 295 296 <a rel="me" href="https://chapien.itch.io/" class="nav-item" target="_blank">itch.io<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a> 297 </div> 298 299 <div class="site-menu"> 300 301 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/kofi.svg"> 302 303 <a rel="me" href="https://ko-fi.com/chapien" class="nav-item" target="_blank">ko-fi<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a> 304 </div> 305 306 <div class="site-menu"> 307 308 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/gitlab.svg"> 309 310 <a rel="me" href="https://gitlab.com/Chapien" class="nav-item" target="_blank">GitLab<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a> 311 </div> 312 313 <div class="site-menu"> 314 315 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/github.svg"> 316 317 <a rel="me" href="https://github.com/Chapien" class="nav-item" target="_blank">GitHub<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a> 318 </div> 319 320 <div class="site-menu"> 321 322 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/bluesky.svg"> 323 324 <a rel="me" href="https://bsky.app/profile/claire.chapien.net" class="nav-item" target="_blank">Bluesky<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a> 325 </div> 326 327 <div class="site-menu"> 328 329 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/tumblr.svg"> 330 331 <a rel="me" href="https://chappydev.tumblr.com/" class="nav-item" target="_blank">Tumblr<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a> 332 </div> 333 334 <div class="site-menu"> 335 336 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/mastodon.svg"> 337 338 <a rel="me" href="https://tech.lgbt/@chapien" class="nav-item" target="_blank">Mastodon<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a> 339 </div> 340 341 <div class="site-menu"> 342 343 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/bookwyrm.svg"> 344 345 <a rel="me" href="https://bookwyrm.social/user/chapien" class="nav-item" target="_blank">Bookwyrm<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a> 346 </div> 347 348 <div class="site-menu"> 349 350 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/letterboxd.svg"> 351 352 <a rel="me" href="https://letterboxd.com/chapien/" class="nav-item" target="_blank">Letterboxd<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a> 353 </div> 354 355 356 357 358 <hr> 359 360 361
361<script src="/scripts/nowplaying.js"></script>
361 362 363 <div class="nowplayingcard"> 364 <div class="nowplayingcontainer-inner"> 365 <strong class="nav-title">Now Playing</strong> 366 <div class="trackInfo"> 367 <img id="trackart" src="#"> 368 <div class="site-menu"> 369 370 371 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/music.svg"> 372 373 <a id="tracktitle" class="nav-item"></a> 374 </div> 375 <div class="site-menu"> 376 377 378 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/disc.svg"> 379 380 <span id="album" class="nav-item" href="#"></a> 381 </div> 382 <div class="site-menu"> 383 384 385 <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/mic.svg"> 386 387 <span id="artist" class="nav-item" href="#"></a> 388 </div> 389 </div> 390 </div> 391 </div> 392 393
393<script> 394 setInterval(getLastTrack("chapien","7d08c0a2824f4bd15ec6505cb5d06492"), 10 * 1000); 395 </script>
395 396 397 </details> 398</nav> 399 400 401</aside> 402 <article > 403 <div class="breadcrumbs"> 404 405 406 407 408 </div> 409 <h2>Home</h2> 410 <hr> 411 412 <p>Hello there! My name is Claire, also known as chapien online. I’m a game developer who has worked primarily on ports throughout my time in the industry, and an aspiring writer. I’m hoping to have this website serve as a central place for all of my work to be collected and tracked.</p> 413<p>Here, you’ll find 414 415<a class="ext-link" href="blog" >blog</a> posts about a myriad of topics ranging from software engineering, politics, LGBT issues, and mental health. I’m rather opinionated, and I will state outright that I am quite left-leaning politically. I do not ask that you agree with me, only that you approach my works with respect.</p> 416<p>In addition to blog posts, I’m hoping to post short stories as well as updates on games I’m developing. Watch this space!</p> 417<p>All content on this website is written by a human being, usually me. I do not make use of AI tools. If I ever do, it will likely be to experiment and demonstrate the flaws of relying on said tools rather than wholesale relying on them. Even in the usecases of AI I am okay with (such as upscaling), I will make extremely clear if there is any AI involved in anything I am posting, even if I am merely sharing it.</p> 418<p>Do not train your AI model on this website. If you do, 419 420<a class="ext-link" href="https://developers.cloudflare.com/bots/additional-configurations/ai-labyrinth/" 421target="_blank">Cloudflare will banish you to the shadow realm<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a>.</p> 422<p> 423 424<a class="ext-link" href="about" >Read more about me</a></p> 425<h3 id="recent-blog-posts">Recent Blog Posts <a class="header-link" aria-hidden="true" href="#recent-blog-posts">#</a></h3> 426<div class="generic-con"> 427 <ul style="padding: 0"> 428 429 <li style="margin-left: 10px; list-style-type: square;"> 430 <a href="/blog/2025/on-dignity/">On Dignity</a> 431 <p><i>In the wake of Charlie Kirk’s murder, the media class of America has called on us to honor his legacy. But why should those of us who were harmed by Kirk honor him?</i></p> 432 </li> 433 434 <li style="margin-left: 10px; list-style-type: square;"> 435 <a href="/blog/2025/my-time-with-macos-as-a-linux-user/">My Time with MacOS as a Linux User</a> 436 <p><i>A curse upon the name of Tim Cook! Well, okay, it wasn’t THAT bad.</i></p> 437 </li> 438 439 <li style="margin-left: 10px; list-style-type: square;"> 440 <a href="/blog/2025/institutionalization-is-evil/">Institutionalization is Evil</a> 441 <p><i>Institutionalization is similar to prison, and in many ways worse.</i></p> 442 </li> 443 444 </ul> 445 446 <a href="/blog">View all blog posts</a> 447</div> 448 449<h3 id="programming">Programming <a class="header-link" aria-hidden="true" href="#programming">#</a></h3> 450<p>While I am trying to break more into the world of writing, I am still primarily a programmer. Here are some of the programming languages and APIs that I know.</p> 451<h4 id="languages">Languages <a class="header-link" aria-hidden="true" href="#languages">#</a></h4> 452<p>Languages I know with my experience level. Sorted by type: Programming language, scripting language, web development.</p> 453<table> 454 <thead> 455 <tr> 456 <th>Language</th> 457 <th>Skill Level</th> 458 </tr> 459 </thead> 460 <tbody> 461 <tr> 462 <td>C/C++</td> 463 <td> 464 465<span style="color: #a3be8c;">Experienced</span></td> 466 </tr> 467 <tr> 468 <td>C#</td> 469 <td> 470 471<span style="color: #ebcb8b;">Intermediate</span></td> 472 </tr> 473 <tr> 474 <td>Java</td> 475 <td> 476 477<span style="color: #ebcb8b;">Intermediate</span></td> 478 </tr> 479 <tr> 480 <td>Rust</td> 481 <td> 482 483<span style="color: #bf616a;">Beginner</span></td> 484 </tr> 485 <tr> 486 <td>GDScript</td> 487 <td> 488 489<span style="color: #a3be8c;">Experienced</span></td> 490 </tr> 491 <tr> 492 <td>Bash/Zsh</td> 493 <td> 494 495<span style="color: #ebcb8b;">Intermediate</span></td> 496 </tr> 497 <tr> 498 <td>Python</td> 499 <td> 500 501<span style="color: #ebcb8b;">Intermediate</span></td> 502 </tr> 503 <tr> 504 <td>HTML</td> 505 <td> 506 507<span style="color: #a3be8c;">Experienced</span></td> 508 </tr> 509 <tr> 510 <td>CSS</td> 511 <td> 512 513<span style="color: #ebcb8b;">Intermediate</span></td> 514 </tr> 515 <tr> 516 <td>JavaScript</td> 517 <td> 518 519<span style="color: #ebcb8b;">Intermediate</span></td> 520 </tr> 521 </tbody> 522</table> 523<h4 id="frameworks">Frameworks <a class="header-link" aria-hidden="true" href="#frameworks">#</a></h4> 524<p>APIs and frameworks that I am familiar with and my skill level. Sorted by: Game development, UI frameworks, web development.</p> 525<table> 526 <thead> 527 <tr> 528 <th>Framework</th> 529 <th>Skill Level</th> 530 </tr> 531 </thead> 532 <tbody> 533 <tr> 534 <td>Godot Engine</td> 535 <td> 536 537<span style="color: #a3be8c;">Experienced</span></td> 538 </tr> 539 <tr> 540 <td>RPG Maker</td> 541 <td> 542 543<span style="color: #ebcb8b;">Intermediate</span></td> 544 </tr> 545 <tr> 546 <td>Unity Engine</td> 547 <td> 548 549<span style="color: #ebcb8b;">Intermediate</span></td> 550 </tr> 551 <tr> 552 <td>Game Maker</td> 553 <td> 554 555<span style="color: #d08770;">Rusty</span></td> 556 </tr> 557 <tr> 558 <td>Unreal Engine</td> 559 <td> 560 561<span style="color: #d08770;">Rusty</span></td> 562 </tr> 563 <tr> 564 <td>Qt</td> 565 <td> 566 567<span style="color: #bf616a;">Beginner</span></td> 568 </tr> 569 <tr> 570 <td>Hugo</td> 571 <td> 572 573<span style="color: #ebcb8b;">Intermediate</span></td> 574 </tr> 575 </tbody> 576</table> 577 578 579 </article> 580 581 </div> 582 <footer><div id="f-badges"> 583 584 585 586 587 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en"><img style="image-rendering: pixelated;" width="80" height="15" src="/by-nc-sa.png" alt="CC BY NC SA"></a> 588 589 590 591 592 593 <a href="https://chapien.net/blog/feed.xml"><img style="image-rendering: pixelated;" width="80" height="15" src="/rssbanner.webp" alt="RSS"></a> 594 595 596 597 <br/> 598 599 600 601 602</div> 603 604 605 606<div class="f-list"> 607 <ul class="nice-list"> 608 609 <li> 610 611 612 613 614 <a href="https://chapien.net/about">About</a> 615 </li> 616 617 <li> 618 619 620 <a href="https://gitlab.com/Chapien/chapien.net">Source Code</a> 621 </li> 622 623 </ul> 624</div> 625 626<div class = "copyright"> 627 Copyright © 2025 by Claire. Licensed under 628 629<a class="ext-link" href="https://creativecommons.org/licenses/by-nc-sa/4.0/#?" 630target="_blank">CC BY-NC-SA 4.0<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a> 631</div> 632
633<script> 634 document.getElementById("theme-toggle").addEventListener("click", () => { 635 if (document.body.className.includes("dark")) { 636 document.body.classList.remove('dark'); 637 localStorage.setItem("pref-theme", 'light'); 638 } else { 639 document.body.classList.add('dark'); 640 localStorage.setItem("pref-theme", 'dark'); 641 } 642 }) 643</script>
vendor: 1 bytes, line 643
643
644<script> 645 const btn = document.getElementById("font-toggle").addEventListener("click", () => { 646 if (document.body.className.includes("serif-toggle")) { 647 document.body.classList.remove('serif-toggle'); 648 localStorage.setItem("pref-font", 'sans'); 649 } else { 650 document.body.classList.add('serif-toggle'); 651 localStorage.setItem("pref-font", 'serif'); 652 } 653 }) 654</script>
654 655 656 657</footer> 658 659 660 661 662 663
663<script src="/js/site.min.3f3787ec8d35a1d44a305ae532dd01f7137977e754acd65edbef92fe1f76b57e.js" integrity="sha256-PzeH7I01odRKMFrlMt0B9xN5d+dUrNZe2++S/h92tX4="></script>
663 664
664<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"bf8e63926261444f8dad47ffb7940efe","r":1,"spa":2}' crossorigin="anonymous"></script>
664 665</body> 666</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.