Skip to content

Commit ee39dbc

Browse files
CatWithCodeCatWithCode
committed
Re-added Blur effect.
With notes and alternative applier if it causes issues.
1 parent dfab0f4 commit ee39dbc

File tree

9 files changed

+73
-26
lines changed

9 files changed

+73
-26
lines changed

‎Assets/BaseFiles/Page/Footer.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<h5 id="Fooder_Border">###DATE_TEXT###&nbsp;&nbsp;|&nbsp;&nbsp;©️ CatWithCode&nbsp;&nbsp;|&nbsp;&nbsp;###LICENSE###<br>&nbsp;&nbsp;Latest Build:<b>2025.08.12 - 20:19</b></h5>
1+
<h5 id="Fooder_Border">###DATE_TEXT###&nbsp;&nbsp;|&nbsp;&nbsp;©️ CatWithCode&nbsp;&nbsp;|&nbsp;&nbsp;###LICENSE###<br>&nbsp;&nbsp;Latest Build:<b>2025.08.14 - 20:59</b></h5>

‎Assets/MainFunctions.js‎

Lines changed: 54 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -28,19 +28,8 @@ async function WriteHeader() {
2828
// Set's Header Bar:
2929
document.getElementById("Header").innerHTML = (await this.aSyncLoadFile('/Assets/BaseFiles/Page/Header.html'));
3030

31-
// Get Wallpaper at Random (Fit't header good. More custom call's not good):
32-
const randomImage = wallpaperOptions[Math.floor(Math.random() * wallpaperOptions.length)];
33-
34-
// Setting BackgroundColor again to ensure flicker prevention:
35-
document.documentElement.style.backgroundColor = getCurrentStyle_Property('--background');
36-
37-
// Preload Image in Browser AND THEN set it:
38-
await preloadImage(randomImage);
39-
document.documentElement.style.backgroundImage = `url(${randomImage})`;
40-
}
41-
42-
function sleep(ms) {
43-
return new Promise(resolve => setTimeout(resolve, ms));
31+
// Load random Background:
32+
WriteBackgroundImageWithEffects()
4433
}
4534

4635
// - - Creating Page-Footer:
@@ -66,6 +55,53 @@ function WriteHead(skipCss = false) {
6655
<meta name="description" content="Blog for random computer stuff from my daily life. Girl from Germany. Work as a Software Developer. Programming, Linux, Hacking, Modding and tinkering.">');
6756
}
6857

58+
// - - Creates Background Image (Called from Header becaus good time to do so):
59+
async function WriteBackgroundImageWithEffects() {
60+
// Get Wallpaper at Random (Fit't header good. More custom call's not good):
61+
const randomImage = wallpaperOptions[Math.floor(Math.random() * wallpaperOptions.length)];
62+
63+
// Get Blur amount:
64+
const blurAmount = getCurrentStyle_Property("--backgroundBlur");
65+
66+
// Preload Image in Browser AND THEN set it:
67+
await preloadImage(randomImage);
68+
69+
// Creating div (For now IMG) and set Background (Use IMG to get around Body::before issue):
70+
const backgroundHolder = document.createElement('img');
71+
72+
// Set Position:
73+
backgroundHolder.style.position = 'fixed';
74+
backgroundHolder.style.top = '0';
75+
backgroundHolder.style.bottom = '0';
76+
backgroundHolder.style.left = '0';
77+
backgroundHolder.style.right = '0';
78+
backgroundHolder.style.zIndex = -1;
79+
80+
// Set Size:
81+
backgroundHolder.style.width = '100%';
82+
backgroundHolder.style.height = '100%';
83+
84+
// Make it go to the edges:
85+
backgroundHolder.style.padding = 0;
86+
backgroundHolder.style.margin = 0;
87+
88+
// Apply Filter:
89+
backgroundHolder.style.filter = `blur(${blurAmount})`;;
90+
91+
// Configure Background behavior:
92+
backgroundHolder.style.objectFit = 'cover';
93+
backgroundHolder.style.backgroundSize = 'cover';
94+
backgroundHolder.style.backgroundRepeat = 'no-repeat';
95+
backgroundHolder.style.backgroundPosition = 'center';
96+
97+
// Set Images and add to body (Most often at the end of the page):
98+
backgroundHolder.src = randomImage;
99+
backgroundHolder.alt = 'Error while loading random Background.'
100+
//backgroundHolder.style.backgroundImage = `url('${randomImage}')`;
101+
102+
document.body.appendChild(backgroundHolder);
103+
}
104+
69105
// - - Warning for "New Design"-Pages. Used to indicate the design currently shown may be old.):
70106
// - - To use just copy/paste: "<script type="text/javascript">WriteDesignPageWarning();</script>"
71107
function WriteDesignPageWarning() {
@@ -135,6 +171,11 @@ function CreateSpeechBubble(speechBubbleTextToInsert = "") {
135171
// Internel Functions:
136172

137173
// - Misc:
174+
// - - Fake JS-Sleep:
175+
function sleep(ms) {
176+
return new Promise(resolve => setTimeout(resolve, ms));
177+
}
178+
138179
// - - Loads File from a desired location asynchronously:
139180
async function aSyncLoadFile(filePath) {
140181
return fetch(filePath)

‎Assets/styles.css‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -251,12 +251,17 @@ a, .speechBubbleText {
251251
}
252252

253253
/* # - BORDER-CODE:
254+
# NOTE: This should be removed as soon as the design changes. Stuff like this below
255+
should not be done to body or even root. The issue is it apply’s to everything.
256+
This should targeted be applied to elements. This only can be done in a clean one go like this.
257+
This also creates an edge on the background blur. It is fine and I like it but it is actually a Bug caused by the bad practice below.
254258
255259
# - - This is the actual Background and at the end creates the Design with the clip-path and the border color:
256260
Main Elements: */
257261
body > *:not(
258262
hr,
259-
.speechBubble)
263+
.speechBubble,
264+
img)
260265
{
261266
position: relative;
262267
padding: var(--bodyPadding);
@@ -274,7 +279,8 @@ body > *:not(
274279
Main Elements: */
275280
body > *:not(
276281
hr,
277-
.speechBubble)::before
282+
.speechBubble,
283+
img)::before
278284
{
279285
content: '';
280286
background-color: var(--alt_background);

‎SUB_DOMAINS/REPOSSESSED/Dev_Log/Dev_Log.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -861,7 +861,7 @@ <h3><a href="https://catwithcode.moe/">A game by CatWithCode</a></h3>
861861
<br>
862862
<a href="/License_and_Privacy.html">License and Privacy</a>
863863
<br>
864-
<h6>Last Updated:&nbsp;<b>2025.08.12 - 20:19</b></h6>
864+
<h6>Last Updated:&nbsp;<b>2025.08.14 - 20:59</b></h6>
865865
<h6>All Rights reserved. RE//POSSESSED (formerly known as ProjectCWC) is property of the person/people behind CatWithCode. Screenshots and Videos on this page are in engine / in game. Other images like artwork / decoration might be in engine / in game but could be composed to look better because the game is first person and not optimize for a close up third person perspective.</h6>
866866
</div>
867867
</footer>

‎SUB_DOMAINS/REPOSSESSED/License_and_Privacy.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -97,7 +97,7 @@ <h2><u># Font - BOX_v2.0:</u></h2>
9797
<li><a href="https://github.com/BesignLab">https://github.com/BesignLab</a></li>
9898
</ul>
9999
<br>&nbsp;
100-
<h6>Last Updated:&nbsp;<b>2025.08.12 - 20:19</b></h6>
100+
<h6>Last Updated:&nbsp;<b>2025.08.14 - 20:59</b></h6>
101101
<p>All Rights reserved. RE//POSSESSED (formerly known as ProjectCWC) is property of the person/people behind CatWithCode.</p>
102102
</body>
103103
</html>

‎SUB_DOMAINS/REPOSSESSED/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -190,7 +190,7 @@ <h3><a href="https://catwithcode.moe/">A game by CatWithCode</a></h3>
190190
<br>
191191
<a href="/License_and_Privacy.html">License and Privacy</a>
192192
<br>
193-
<h6>Last Updated:&nbsp;<b>2025.08.12 - 20:19</b></h6>
193+
<h6>Last Updated:&nbsp;<b>2025.08.14 - 20:59</b></h6>
194194
<h6>All Rights reserved. RE//POSSESSED (formerly known as ProjectCWC) is property of the person/people behind CatWithCode. Screenshots and Videos on this page are in engine / in game. Other images like artwork / decoration might be in engine / in game but could be composed to look better because the game is first person and not optimize for a close up third person perspective.</h6>
195195
</div>
196196
</footer>

‎SUB_DOMAINS/REPOSSESSED/sitemap.xml‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
33
<url>
44
<loc>https://repossessed.catwithcode.moe/index.html</loc>
5-
<lastmod>2025-08-12</lastmod>
5+
<lastmod>2025-08-14</lastmod>
66
</url>
77
<url>
88
<loc>https://repossessed.catwithcode.moe/Dev_Log/DATA/2025_01_14/01.gif</loc>
@@ -226,7 +226,7 @@
226226
</url>
227227
<url>
228228
<loc>https://repossessed.catwithcode.moe/Dev_Log/Dev_Log.html</loc>
229-
<lastmod>2025-08-12</lastmod>
229+
<lastmod>2025-08-14</lastmod>
230230
</url>
231231
<url>
232232
<loc>https://repossessed.catwithcode.moe/Assets/Videos/GamePlayTeaser1/GamePlayTeaser1.mp4</loc>
@@ -370,6 +370,6 @@
370370
</url>
371371
<url>
372372
<loc>https://repossessed.catwithcode.moe/License_and_Privacy.html</loc>
373-
<lastmod>2025-08-12</lastmod>
373+
<lastmod>2025-08-14</lastmod>
374374
</url>
375375
</urlset>

‎archive.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ <h3><b><u>How to Update Archive / Update Website</u>:</b></h3>
1919
<p>My website is FULLY path-relative and uses JS in a very unconventional way for the Header and Footer. Great for static hosting, bad for web crawlers. This page is a collection of all the links and files on my website, statically linked, as little code as possible and fully without relative links or js-code for easier crawling, archiving and viewing without any JS-Code. This SHOULD(TM) be always up-to-date and working(TM).</p>
2020
<p>Also: The footer contains the licence for each page! If you block JS or are viewing an JS-INCOMPATIBLE-Archive, you may not be able to see the licence text. It is still in the HTML code!</p>
2121
<!-- TIMESTAMP - START -->
22-
<p>2025.08.12 - 20:19 | CC BY-NC-ND 4.0</p>
22+
<p>2025.08.14 - 20:59 | CC BY-NC-ND 4.0</p>
2323
<!-- TIMESTAMP - END -->
2424
<hr>
2525
<!-- ARCHIVE - START -->

‎sitemap.xml‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -650,7 +650,7 @@
650650
</url>
651651
<url>
652652
<loc>https://catwithcode.moe/SUB_DOMAINS/REPOSSESSED/index.html</loc>
653-
<lastmod>2025-08-12</lastmod>
653+
<lastmod>2025-08-14</lastmod>
654654
</url>
655655
<url>
656656
<loc>https://catwithcode.moe/SUB_DOMAINS/REPOSSESSED/Dev_Log/DATA/2025_01_14/01.gif</loc>
@@ -874,7 +874,7 @@
874874
</url>
875875
<url>
876876
<loc>https://catwithcode.moe/SUB_DOMAINS/REPOSSESSED/Dev_Log/Dev_Log.html</loc>
877-
<lastmod>2025-08-12</lastmod>
877+
<lastmod>2025-08-14</lastmod>
878878
</url>
879879
<url>
880880
<loc>https://catwithcode.moe/SUB_DOMAINS/REPOSSESSED/Assets/Videos/GamePlayTeaser1/GamePlayTeaser1.mp4</loc>
@@ -1018,7 +1018,7 @@
10181018
</url>
10191019
<url>
10201020
<loc>https://catwithcode.moe/SUB_DOMAINS/REPOSSESSED/License_and_Privacy.html</loc>
1021-
<lastmod>2025-08-12</lastmod>
1021+
<lastmod>2025-08-14</lastmod>
10221022
</url>
10231023
<url>
10241024
<loc>https://catwithcode.moe/license.html</loc>

0 commit comments

Comments
 (0)