Skip to content

Commit 1847e96

Browse files
Bernardo-RibeiroBernardo-Ribeiro
committed
Fix CSS and path issues in news pages
- Fixed FOUC by changing CSS loading from async to sync - Corrected header/footer loading paths for news subdirectories - Updated script paths from relative to absolute - Fixed header navigation links and JavaScript errors
1 parent 6f1b173 commit 1847e96

File tree

8 files changed

+118
-58
lines changed

8 files changed

+118
-58
lines changed

‎header.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ <h1 class="title"><a href="/"><img class="logo" src="/img/webp/RangeEngineExtend
2222
<div class="dpdhitems">
2323
<a href="/whatsnew"><i class="material-symbols-outlined" translate="no">Celebration</i> What's New</a>
2424
<a href="https://github.com/rangeengine/Range-Engine-Wiki/wiki/Release-notes"><i class="material-symbols-outlined" translate="no">library_books</i> Changelog</a>
25-
<a href="newspage.html"><i class="material-symbols-outlined" translate="no">newspaper</i> News</a>
25+
<a href="/newspage"><i class="material-symbols-outlined" translate="no">newspaper</i> News</a>
2626
</div>
2727
</li>
2828
<li class="headerlis"><i class="material-symbols-outlined" translate="no">library_books</i><a class="healinks" href="/rangeapi"> API</a></li>

‎js/main.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ document.addEventListener('DOMContentLoaded', () => {
7070
}
7171
};
7272

73-
loadHTML('#header', 'header.html', initResponsiveNav);
74-
loadHTML('#footer', 'footer.html', updateCopyrightYear);
75-
loadHTML('#faq', 'faqdiv.html', initFaqAccordion);
73+
loadHTML('#header', '/header.html', initResponsiveNav);
74+
loadHTML('#footer', '/footer.html', updateCopyrightYear);
75+
loadHTML('#faq', '/faqdiv.html', initFaqAccordion);
7676
});

‎news/2023_11/getting-ready-to-range-20.html‎

Lines changed: 19 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -11,14 +11,11 @@
1111
<meta property="og:site_name" content="Range Engine - News"/>
1212
<meta property="og:image" content="https://rangeengine.tech//news/2023_11/thumbs/gettingreadytoreange16.jpg"/> <!-- News Image -->
1313
<meta name="twitter:card" content="summary_large_image">
14-
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
15-
<script>
16-
$(function(){
17-
$("head").load("../../headnews.html");
18-
$("#header").load("../../header.html");
19-
$("#footer").load("../../footer.html");
20-
});
21-
</script>
14+
<link rel="preconnect" href="https://fonts.googleapis.com">
15+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
17+
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Rubik:wght@300..900&display=swap" rel="stylesheet">
18+
<link rel="stylesheet" href="/css/style.min.css">
2219
</head>
2320
<body id="news-body">
2421
<div id="header"></div>
@@ -64,5 +61,18 @@ <h3>The Future Of Range Engine 2.0</h3>
6461
</div>
6562
</div>
6663
<div id="footer"></div>
67-
</body>
64+
<script>
65+
var loader = document.getElementById("loading");
66+
window.addEventListener("load", function(){
67+
if (loader) {
68+
loader.style.display = "none";
69+
}
70+
})
71+
</script>
72+
<script>
73+
const icons = document.querySelectorAll('i');
74+
icons.forEach(icon => { icon.setAttribute('translate', 'no'); });
75+
</script>
76+
<script src="/js/main.js" defer></script>
77+
</body>
6878
</html>

‎news/2023_11/range-engine-15-is-out.html‎

Lines changed: 19 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -11,14 +11,11 @@
1111
<meta property="og:site_name" content="Range Engine - News"/>
1212
<meta property="og:image" content="https://rangeengine.tech//img/webp/range15splash.webp"/> <!-- News Image -->
1313
<meta name="twitter:card" content="summary_large_image">
14-
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
15-
<script>
16-
$(function(){
17-
$("head").load("../../headnews.html");
18-
$("#header").load("../../header.html");
19-
$("#footer").load("../../footer.html");
20-
});
21-
</script>
14+
<link rel="preconnect" href="https://fonts.googleapis.com">
15+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
17+
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Rubik:wght@300..900&display=swap" rel="stylesheet">
18+
<link rel="stylesheet" href="/css/style.min.css">
2219
</head>
2320
<body id="news-body">
2421
<div id="header"></div>
@@ -62,5 +59,18 @@ <h3>Getting Ready To Range 2.0</h3>
6259
</div>
6360
</div>
6461
<div id="footer"></div>
65-
</body>
62+
<script>
63+
var loader = document.getElementById("loading");
64+
window.addEventListener("load", function(){
65+
if (loader) {
66+
loader.style.display = "none";
67+
}
68+
})
69+
</script>
70+
<script>
71+
const icons = document.querySelectorAll('i');
72+
icons.forEach(icon => { icon.setAttribute('translate', 'no'); });
73+
</script>
74+
<script src="/js/main.js" defer></script>
75+
</body>
6676
</html>

‎news/2023_12/the-future-of-range-engine-16.html‎

Lines changed: 19 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -11,14 +11,11 @@
1111
<meta property="og:site_name" content="Range Engine - News"/>
1212
<meta property="og:image" content="https://rangeengine.tech//news/2023_12/thumbs/futureofrange16splash.jpg"/> <!-- News Image -->
1313
<meta name="twitter:card" content="summary_large_image">
14-
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
15-
<script>
16-
$(function(){
17-
$("head").load("../../headnews.html");
18-
$("#header").load("../../header.html");
19-
$("#footer").load("../../footer.html");
20-
});
21-
</script>
14+
<link rel="preconnect" href="https://fonts.googleapis.com">
15+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
17+
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Rubik:wght@300..900&display=swap" rel="stylesheet">
18+
<link rel="stylesheet" href="/css/style.min.css">
2219
</head>
2320
<body id="news-body">
2421
<div id="header"></div>
@@ -63,5 +60,18 @@ <h3>Getting Ready To Range 2.0</h3>
6360
</div>
6461
</div>
6562
<div id="footer"></div>
66-
</body>
63+
<script>
64+
var loader = document.getElementById("loading");
65+
window.addEventListener("load", function(){
66+
if (loader) {
67+
loader.style.display = "none";
68+
}
69+
})
70+
</script>
71+
<script>
72+
const icons = document.querySelectorAll('i');
73+
icons.forEach(icon => { icon.setAttribute('translate', 'no'); });
74+
</script>
75+
<script src="/js/main.js" defer></script>
76+
</body>
6777
</html>

‎news/2024_03/range-engine-15a-is-out.html‎

Lines changed: 19 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -11,14 +11,11 @@
1111
<meta property="og:site_name" content="Range Engine - News"/>
1212
<meta property="og:image" content="https://rangeengine.tech//news/2024_03/thumbs/RangeEngine15aAnnouncement.png"/> <!-- News Image -->
1313
<meta name="twitter:card" content="summary_large_image">
14-
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
15-
<script>
16-
$(function(){
17-
$("head").load("../../headnews.html");
18-
$("#header").load("../../header.html");
19-
$("#footer").load("../../footer.html");
20-
});
21-
</script>
14+
<link rel="preconnect" href="https://fonts.googleapis.com">
15+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
17+
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Rubik:wght@300..900&display=swap" rel="stylesheet">
18+
<link rel="stylesheet" href="/css/style.min.css">
2219
</head>
2320
<body id="news-body">
2421
<div id="header"></div>
@@ -68,5 +65,18 @@ <h3>The Future Of Range Engine 1.6</h3>
6865
</div>
6966
</div>
7067
<div id="footer"></div>
71-
</body>
68+
<script>
69+
var loader = document.getElementById("loading");
70+
window.addEventListener("load", function(){
71+
if (loader) {
72+
loader.style.display = "none";
73+
}
74+
})
75+
</script>
76+
<script>
77+
const icons = document.querySelectorAll('i');
78+
icons.forEach(icon => { icon.setAttribute('translate', 'no'); });
79+
</script>
80+
<script src="/js/main.js" defer></script>
81+
</body>
7282
</html>

‎news/2025_01/range-engine-16-is-released.html‎

Lines changed: 19 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -11,14 +11,11 @@
1111
<meta property="og:site_name" content="Range Engine - News"/>
1212
<meta property="og:image" content="https://rangeengine.tech//news/2025_01/thumbs/RangeEngine16Announcement.png"/> <!-- News Image -->
1313
<meta name="twitter:card" content="summary_large_image">
14-
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
15-
<script>
16-
$(function(){
17-
$("head").load("../../headnews.html");
18-
$("#header").load("../../header.html");
19-
$("#footer").load("../../footer.html");
20-
});
21-
</script>
14+
<link rel="preconnect" href="https://fonts.googleapis.com">
15+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
17+
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Rubik:wght@300..900&display=swap" rel="stylesheet">
18+
<link rel="stylesheet" href="/css/style.min.css">
2219
</head>
2320
<body id="news-body">
2421
<div id="header"></div>
@@ -92,5 +89,18 @@ <h2 style="font-size:35px;">So what are you waiting for?<br>Support now on <a st
9289
</div>
9390
</div>
9491
<div id="footer"></div>
95-
</body>
92+
<script>
93+
var loader = document.getElementById("loading");
94+
window.addEventListener("load", function(){
95+
if (loader) {
96+
loader.style.display = "none";
97+
}
98+
})
99+
</script>
100+
<script>
101+
const icons = document.querySelectorAll('i');
102+
icons.forEach(icon => { icon.setAttribute('translate', 'no'); });
103+
</script>
104+
<script src="/js/main.js" defer></script>
105+
</body>
96106
</html>

‎news/2025_04/range-engine-16rev1-is-released.html‎

Lines changed: 19 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -11,14 +11,11 @@
1111
<meta property="og:site_name" content="Range Engine - News"/>
1212
<meta property="og:image" content="https://rangeengine.tech//news/2025_04/thumbs/RangeEngine16Rev1Announcement.png"/> <!-- News Image -->
1313
<meta name="twitter:card" content="summary_large_image">
14-
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
15-
<script>
16-
$(function(){
17-
$("head").load("../../headnews.html");
18-
$("#header").load("../../header.html");
19-
$("#footer").load("../../footer.html");
20-
});
21-
</script>
14+
<link rel="preconnect" href="https://fonts.googleapis.com">
15+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
17+
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Rubik:wght@300..900&display=swap" rel="stylesheet">
18+
<link rel="stylesheet" href="/css/style.min.css">
2219
</head>
2320
<body id="news-body">
2421
<div id="header"></div>
@@ -51,5 +48,18 @@ <h2 style="font-size:35px;">Support now on <a style="color:rgb(228, 42, 42);" ta
5148
</div>
5249
</div>
5350
<div id="footer"></div>
54-
</body>
51+
<script>
52+
var loader = document.getElementById("loading");
53+
window.addEventListener("load", function(){
54+
if (loader) {
55+
loader.style.display = "none";
56+
}
57+
})
58+
</script>
59+
<script>
60+
const icons = document.querySelectorAll('i');
61+
icons.forEach(icon => { icon.setAttribute('translate', 'no'); });
62+
</script>
63+
<script src="/js/main.js" defer></script>
64+
</body>
5565
</html>

0 commit comments

Comments
 (0)