Skip to content

Commit 6032c0a

Browse files
ThatStella7922ThatStella7922
committed
Improve font awesome load speed
This came from switching to webfonts mode which does give up some CSS styling in exchange for speed, compatibility and no more dependency on JavaScript
1 parent 9be6558 commit 6032c0a

2 files changed

Lines changed: 17 additions & 16 deletions

File tree

‎README.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# [Stella's Landing Site](https://thatstel.la)
2-
- Index HTML v2025.0726.0
2+
- Index HTML v2025.0729.0
33
- Main page structure
4-
- Stylesheet v2025.0726.0
4+
- Stylesheet v2025.0729.0
55
- Styling, dark mode, layouts
66
- Quotes JavaScript v2025.0502.0
77
- Handles quotes text under the nav buttons, sometimes does other messages

‎index.html‎

Lines changed: 15 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE html>
22
<!-- Stella's Landing Site
3-
v2025.0726.0
3+
v2025.0729.0
44
55
https://github.com/ThatStella7922/landing
66
@@ -16,8 +16,8 @@
1616
You can do this by uncommenting the line linking to the local landing-styleshit.css
1717
and then commenting out the link to the remote one!
1818
-->
19-
<link rel="stylesheet" href="//files.thatstel.la/hidden/css/landing-styleshit.css?version=202507260"/>
20-
<!--<link rel="stylesheet" href="landing-styleshit.css">-->
19+
<!--<link rel="stylesheet" href="//files.thatstel.la/hidden/css/landing-styleshit.css?version=202507260"/>-->
20+
<link rel="stylesheet" href="landing-styleshit.css">
2121

2222
<link rel="shortcut icon" href="landing-assets/favicon.ico" type="image/x-icon"/>
2323
<meta name="viewport" content="width=device-width, height=device-height, viewport-fit=cover"/>
@@ -30,9 +30,9 @@
3030
<meta name="twitter:card" content="summary_large_image"/>
3131

3232
<!-- Font Awesome -->
33-
<script defer src="//files.thatstel.la/hidden/fontawesome/js/brands.min.js"></script>
34-
<script defer src="//files.thatstel.la/hidden/fontawesome/js/solid.min.js"></script>
35-
<script defer src="//files.thatstel.la/hidden/fontawesome/js/fontawesome.min.js"></script>
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" />
3636

3737
<!-- Twemoji -->
3838
<script src="https://cdn.jsdelivr.net/npm/@twemoji/api@latest/dist/twemoji.min.js" crossorigin="anonymous"></script>
@@ -64,7 +64,8 @@
6464
</div>
6565
</noscript>
6666
<p id="backdrop-warning">Your browser doesn't support modern CSS, so some visual effects may be broken.</p>
67-
67+
68+
6869
<div id="horizontalcontainer">
6970

7071
<div id="navigation">
@@ -99,15 +100,15 @@
99100

100101
<div id="contentview-items">
101102
<div id="contentview-about-content">
102-
<p>Hey everyone, 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>My main goal is to help improve other people's lives, 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 (or as I like calling it, moo wife Eva) is also into many of the same things, and you should check out its site too (it's linked). I do a lot of what I do for it, and returns in kind by being a great partner (with plenty of cute mooing to go along).</p>
103+
<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>
104+
<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>
105+
<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>
105106
</div>
106107

107108
<div id="contentview-projects-content">
108-
<p><a href="https://software.thatstel.la/software/crossplatform-apps/battery-webhook">Battery Webhook</a> is my flagship project, allowing you to send your battery info to popular services using webhooks. It's a modern Swift+SwiftUI app built from the ground up with 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!</p>
109+
<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>
109110
<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>I also often work on smaller projects, like the code-side of my <a href="https://github.com/ThatStella7922/blog">blog</a>, my Discord bot called <a href="https://github.com/ThatStella7922/astral">astral</a>, and a few other miscellaneous command-line utilities.</p>
111+
<p>I 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>
111112
</div>
112113
</div>
113114
</div>
@@ -133,14 +134,14 @@
133134

134135
</div>
135136
</div>
136-
</div>
137+
</div>
137138

138139
<main>
139140
</main>
140141

141142
<footer>
142143
<div id="footer-sidebyside">
143-
<p onclick="manualSetQuotesText()">ThatStella7922 - v2025.0726.0</p>
144+
<p onclick="manualSetQuotesText()">ThatStella7922 - v2025.0729.0</p>
144145
</div>
145146
</footer>
146147

0 commit comments

Comments
 (0)