New background, add text shadows and tweak ThatStella7922 text opacity

ThatStella7922 · ThatStella7922 · commit 3fe02191ad1c · 2025-07-26T17:29:41.000-06:00
diff --git a/README.md b/README.md
@@ -1,7 +1,7 @@
 # [Stella's Landing Site](https://thatstel.la)
-- Index HTML v2025.0510.0
+- Index HTML v2025.0726.0
   - Main page structure
-- Stylesheet v2025.0510.0
+- Stylesheet v2025.0726.0
   - Styling, dark mode, layouts
 - Quotes JavaScript v2025.0502.0
   - Handles quotes text under the nav buttons, sometimes does other messages
@@ -13,8 +13,6 @@
   - Allows the user to switch between the different views on the site
 - NTAS JavaScript v2024.0829.0
   - Shows NTAS widget when query string is present (see source)
-- BloomRainbow.jpg
-  - Background image, processed by me & sourced from Windows 11 24H2. Bloom into a new, more colorful tomorrow.
 
 As always, file history in the commits.
 
diff --git a/index.html b/index.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <!-- Stella's Landing Site 
-v2025.0510.0
+v2025.0726.0
 
 https://github.com/ThatStella7922/landing
 
@@ -16,7 +16,7 @@
 	 You can do this by uncommenting the line linking to the local landing-styleshit.css
 	and then commenting out the link to the remote one!
 	 -->
-    <link rel="stylesheet" href="//files.thatstel.la/hidden/css/landing-styleshit.css?version=202505100"/>
+    <link rel="stylesheet" href="//files.thatstel.la/hidden/css/landing-styleshit.css?version=202507260"/>
     <!--<link rel="stylesheet" href="landing-styleshit.css">-->
 
  	<link rel="shortcut icon" href="landing-assets/favicon.ico" type="image/x-icon"/>
@@ -140,7 +140,7 @@
   	
   	<footer>
   		<div id="footer-sidebyside">
-  			<p onclick="manualSetQuotesText()">ThatStella7922 - v2025.0510.0</p>
+  			<p onclick="manualSetQuotesText()">ThatStella7922 - v2025.0726.0</p>
   		</div>
   	</footer>
   	
diff --git a/landing-assets/MS-Sapphic.jpg b/landing-assets/MS-Sapphic.jpg
diff --git a/landing-styleshit.css b/landing-styleshit.css
@@ -3,7 +3,7 @@ ThatStella7922 Landing Website Stylesheet
 
 mreowww :3
 
-v2025.0504.0
+v2025.0726.0
 */
 
 /* small css reset because something was causing issues and im too dumb to figure out what it was */
@@ -44,8 +44,8 @@ body:before {
     left: -2vw;
 	width: 104vw;
 	height: 104vh;
-    background-image: url('http://thatstel.la/landing-assets/tree.jpg');
-    background-image: url('//thatstel.la/landing-assets/tree.jpg');
+    background-image: url('http://thatstel.la/landing-assets/MS-Sapphic.jpg');
+    background-image: url('//thatstel.la/landing-assets/MS-Sapphic.jpg');
     background-size: 100% 100%; /* for older browsers to scale the bg to the viewport */
     -webkit-background-size: cover;
     -moz-background-size: cover;
@@ -77,11 +77,12 @@ body:before {
     padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
 }
 
-/* Move the ThatStella7922 text down */
+/* Style the entire thatstella7922 text and profile picture container */
 #master #verticalcontainer #abovelinks {
     display: block;
-    margin-top: 15vh;
+    margin-top: 15vh; /* Move the ThatStella7922 text down */
     font-size: 49px;
+    text-shadow: 0.03em 0.03em 0.1em rgb(79, 64, 77);
 }
 
 /* Styling for the main ThatStella7922 text */
@@ -113,6 +114,7 @@ Links Styling
 #master #horizontalcontainer .social-links {
     max-width: 600px;
     display: inline-block;
+    text-shadow: 0.1em 0.1em 0.4em #000000; /* Shadow for all social link div text */
 }
 /* Arrangement for the social links */
 #master #horizontalcontainer .social-links .social-link-buttons p {
@@ -170,6 +172,7 @@ Contentview Styling
 */
 #master #verticalcontainer #contentview-container {
     display: grid;
+    text-shadow: 0.1em 0.1em 0.4em #000000; /* Shadow for all contentview div text */
 }
 /* Maximum width for the contentview div */
 /* This is done so that the contentview section doesn't span across the entire width of the viewport in the case of a wide viewport */
@@ -293,7 +296,7 @@ img.emoji {
 @supports (mix-blend-mode: color-dodge) {
     #master #verticalcontainer #abovelinks #displayname {
         mix-blend-mode: color-dodge;
-        color: #d9d9d9;
+        color: #b3b3b3;
     }
 
     #backdrop-warning {
@@ -425,12 +428,17 @@ img.emoji {
         filter: brightness(0.3);
     }
 
+    /* Style the entire thatstella7922 text and profile picture container */
+    #master #verticalcontainer #abovelinks {
+        text-shadow: 0.03em 0.03em 0.13em rgba(255, 210, 247, 0.407);
+    }
+
     /* Media query for checking if blending modes are supported
     This sets a different color in dark mode if blending is supported*/
     @supports (mix-blend-mode: color-dodge) {
         #master #verticalcontainer #abovelinks #displayname {
             mix-blend-mode: color-dodge;
-            color: #ededed;
+            color: #d8d8d8;
         }
     }
 }
