1<!DOCTYPE html> 2<!-- Stella's Landing Site 3v2025.0729.0 4 5https://github.com/ThatStella7922/landing 6 7Uses Font Awesome icons, Google Fonts and Twitter Twemoji. 8--> 9 10<html> 11 <head> 12 <meta charset="utf-8"> 13 <title>Stella's Landing Site</title> 14 15 <!-- When developing locally, switch to using the local CSS. 16 You can do this by uncommenting the line linking to the local landing-styleshit.css 17 and then commenting out the link to the remote one! 18 --> 19 <link rel="stylesheet" href="//files.thatstel.la/hidden/css/landing-styleshit.css?version=202507290"/> 20 <!--<link rel="stylesheet" href="landing-styleshit.css">--> 21 22 <link rel="shortcut icon" href="landing-assets/favicon.ico" type="image/x-icon"/> 23 <meta name="viewport" content="width=device-width, height=device-height, viewport-fit=cover"/> 24 <meta name="HandheldFriendly" content="true" /> 25 26 <!-- Discord embed --> 27 <meta property="og:title" content="Stella's Landing Site"/> 28 <meta property="og:description" content="Another day, another dream?"/> 29 <meta property="og:image" content="//files.thatstel.la/hidden/avatars-banners-socials/banner.png"/> 30 <meta name="twitter:card" content="summary_large_image"/> 31 32 <!-- Font Awesome --> 33 <link href="//files.thatstel.la/hidden/fontawesome/css/brands.min.css" rel="stylesheet" /> 34 <link href="//files.thatstel.la/hidden/fontawesome/css/solid.min.css" rel="stylesheet" /> 35 <link href="//files.thatstel.la/hidden/fontawesome/css/fontawesome.min.css" rel="stylesheet" /> 36 37 <!-- Twemoji --> 38
38<script src="https://cdn.jsdelivr.net/npm/@twemoji/api@latest/dist/twemoji.min.js" crossorigin="anonymous"></script>
38 39 40 <!-- Quotes JavaScript --> 41
41<script src="landing-assets/common.js?version=202408190"></script>
41 42
42<script src="landing-assets/quotes.js?version=202505040"></script>
42 43
43<script src="landing-assets/cat.js?version=202408190"></script>
43 44
44<script src="landing-assets/contentview.js?version=202312280"></script>
44 45
45<script src="landing-assets/ntaswidget.js?version=202408190"></script>
45 46 47 <!-- Fonts --> 48 <link rel="preconnect" href="https://fonts.googleapis.com"> 49 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 50 <link href="//fonts.googleapis.com/css2?family=Hind:wght@300;400;500&display=swap" rel="stylesheet"> 51 </head> 52 <body> 53 54 <div id="master"> 55 <div id="verticalcontainer"> 56 <div id="abovelinks" onclick="promptShowCat()"> 57 <img alt="ThatStella7922's profile picture" id="profilepicture" width="92" height="92" src="//files.thatstel.la/hidden/avatars-banners-socials/pfp.png" /> 58 <p id="displayname">ThatStella7922</p> 59 </div> 60 61 <noscript> 62 <div id="noscript-warning"> 63 <p>JavaScript is disabled/missing on your browser. This page requires JavaScript for full functionality.</p> 64 </div> 65 </noscript> 66 <p id="backdrop-warning">Your browser doesn't support modern CSS, so some visual effects may be broken.</p> 67 68 <div id="horizontalcontainer"> 69 70 <div id="navigation"> 71 <div id="navigation-buttons" class="links"> 72 <a class="button" href="//blog.thatstel.la">Blog</a> 73 <a class="button" href="//files.thatstel.la">Files</a> 74 <a class="button" href="https://software.thatstel.la">Software</a> 75 </div> 76 77 <div class="social-links"> 78 <p id="quotep"></p> 79 <p class="social-links-label">More:</p> 80 <div id="social-link-buttons-id" class="social-link-buttons"> 81 <p><i class="fa-solid fa-envelope"></i><br><a href="mailto:[email protected]">Email</a></p> 82 <p><i class="fa-brands fa-github"></i><br><a href="https://github.com/ThatStella7922">GitHub</a></p> 83 <p><i class="fa-brands fa-discord"></i><br><a href="https://discord.thatstel.la">Fruitycord</a></p> 84 <p><i class="fa-brands fa-twitter"></i><br><a href="https://twitter.com/ThatStella7922">Twitter</a></p> 85 <p><i class="fa-brands fa-youtube"></i><br><a href="https://youtube.com/@ThatStella7922">YouTube</a></p> 86 <p><a href="https://en.pronouns.page/@ThatStella7922">ð³ï¸ââ§ï¸<br>pronouns.page</a></p> 87 <p><i class="fa-solid fa-heart"></i><br><a href="https://crystall1ne.dev">moo wife's site</a></p> 88 <p><i class="fa-solid fa-dollar-sign"></i><br><a href="https://cash.app/$ThatStella7922">CashApp</a></p> 89 <p><i class="fa-brands fa-patreon"></i><br><a href="https://www.patreon.com/ThatStella7922">Patreon</a></p> 90 </div> 91 </div> 92 </div> 93 94 <div id="contentview-container"> <!-- Also see setupIntialContentView in contentview.js --> 95 <div id="contentview-headings"> 96 <p id="contentview-about-heading" class="contentview-selected" onclick="selectItem('contentview-about')">About</p> 97 <p id="contentview-projects-heading" class="contentview-selected" onclick="selectItem('contentview-projects')">Projects</p> 98 </div> 99 100 <div id="contentview-items"> 101 <div id="contentview-about-content"> 102 <p>My name is Stella. I'm a passionate technology enthusiast, working with all sorts of tech. From PHP, Python, Swift and more languages to installing Windows on Android phones, to doing amateur audio mixing, I do a bit of everything. I also enjoy working with hardware and networking, having built several PCs, designing small electronics projects of my own and hosting my own services on a home server.</p> 103 <p>I love exploring whatever comes my way, and I enjoy creating new things and meeting new people. Consider joining my Discord server Fruitycord if you feel like chatting!</p> 104 <p>My wife Eva is also into many of the same things, and you should check out her site too (it's linked). I do a lot of what I do for her, and she returns in kind by being a great partner (with plenty of cute mooing to go along).</p> 105 </div> 106 107 <div id="contentview-projects-content"> 108 <p><a href="https://software.thatstel.la/software/crossplatform-apps/battery-webhook">Battery Webhook</a> was my flagship project, allowing you to send your battery info to popular services using webhooks. The app has source available on <a href="https://github.com/ThatStella7922/battery-webhook">GitHub</a>, it supports automations, is available on SideStore and the project's GitHub Releases! I do plan an Android port as well.</p> 109 <p><b>This landing page</b> is another big project of mine, having been written from the ground up with <b>pure</b> HTML, CSS and JavaScript. It's the most performant and lightweight webpage I've ever made, and retains its functionality on legacy devices. It has documentation and source available on <a href="https://github.com/ThatStella7922/landing">GitHub</a>.</p> 110 <p>
110I also often work on smaller projects, like the code-side of my <a href="https://github.com/ThatStella7922/blog">blog</a>, or my Minecraft modpack called <a href="https://modrinth.com/modpack/star">Star</a>.</p> 111 </div> 112 </div> 113 </div> 114 115 <div id="catvideo-container"> 116 <div id="catvideo"> 117 <video controls loop id="catvideo-element"> 118 <source src="" type="video/mp4"/> <!-- The src for this video is filled in JS by cat.js on the fly to not load it when not needed --> 119 Your browser does not support the cat video present here. 120 </video> 121 </div> 122 <div id="catbuttons-container" class=""> 123 <button id="catbutton-playpause" onclick="playPauseCat()"></button> 124 </div> 125 </div> 126 127 <div id="ntaswidget-container"> 128 <div id="ntaswidget"> 129 <!-- The src for this iframe is filled in JS by ntaswidget.js on the fly to not load it when not needed --> 130 <iframe id="ntaswidget-iframe" src="" name="National Terrorism Advisory System" title="National Terrorism Advisory System" scrolling="no" frameborder="0" seamless></iframe> 131 </div> 132 </div> 133 134 </div> 135 </div> 136 </div> 137 138 <main> 139 </main> 140 141 <footer> 142 <div id="footer-sidebyside"> 143 <p onclick="manualSetQuotesText()">ThatStella7922 - v2025.0729.0 - (c) Fruitycord LLC</p> 144 </div> 145 </footer> 146 147 </body> 148
148<script> 149 setupInitialContentView(); 150 setQuotesText(); 151 checkNtasPresentAndShow(); 152 twemoji.parse(document.body); 153 </script>
153 154</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.