Skip to content

Commit 6de0cca

Browse files
eckeljeckelj
committed
basic refactor and modularization
1 parent 8748fb8 commit 6de0cca

25 files changed

Lines changed: 581 additions & 325 deletions

‎company/about-us.html‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,9 @@
1818
<meta content="width=device-width, initial-scale=1" name="viewport"/>
1919

2020
<link href="../styles/main.css" rel="stylesheet" type="text/css"/>
21-
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
22-
<link href="../images/641436b897f1d137d2d2845d_fav_icon.png" rel="shortcut icon" type="image/x-icon"/>
23-
<link href="../images/641437162f7f81829faa8c24_webclip.png" rel="apple-touch-icon"/>
24-
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-K86LPV2ZGE"></script>
25-
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-K86LPV2ZGE');</script>
26-
<meta content="no-referrer" name="referrer"/>
27-
<script async="" fs-cc-mode="opt-in" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js"></script>
28-
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T2VR79F');</script>
21+
22+
<!-- Common Head Elements -->
23+
<script src="../scripts/load-head-common.js"></script>
2924
</head>
3025
<body>
3126
<div class="wrapper">
@@ -154,6 +149,7 @@ <h2>Join Us</h2>
154149

155150
<div id="footer-modern-placeholder"></div>
156151
<script src="../scripts/load-footer-modern.js"></script>
152+
<script src="../scripts/fade-in-animations.js"></script>
157153
</div>
158154
</body>
159155
</html>

‎company/career.html‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,9 @@
1818
<meta content="width=device-width, initial-scale=1" name="viewport"/>
1919

2020
<link href="../styles/main.css" rel="stylesheet" type="text/css"/>
21-
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
22-
<link href="../images/641436b897f1d137d2d2845d_fav_icon.png" rel="shortcut icon" type="image/x-icon"/>
23-
<link href="../images/641437162f7f81829faa8c24_webclip.png" rel="apple-touch-icon"/>
24-
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-K86LPV2ZGE"></script>
25-
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-K86LPV2ZGE');</script>
26-
<meta content="no-referrer" name="referrer"/>
27-
<script async="" fs-cc-mode="opt-in" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js"></script>
28-
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T2VR79F');</script>
21+
22+
<!-- Common Head Elements -->
23+
<script src="../scripts/load-head-common.js"></script>
2924
</head>
3025
<body>
3126
<div class="wrapper">
@@ -172,6 +167,7 @@ <h2>Ready to Join Us?</h2>
172167

173168
<div id="footer-modern-placeholder"></div>
174169
<script src="../scripts/load-footer-modern.js"></script>
170+
<script src="../scripts/fade-in-animations.js"></script>
175171
</div>
176172
</body>
177173
</html>

‎company/get-in-touch.html‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,9 @@
1818
<meta content="width=device-width, initial-scale=1" name="viewport"/>
1919

2020
<link href="../styles/main.css" rel="stylesheet" type="text/css"/>
21-
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
22-
<link href="../images/641436b897f1d137d2d2845d_fav_icon.png" rel="shortcut icon" type="image/x-icon"/>
23-
<link href="../images/641437162f7f81829faa8c24_webclip.png" rel="apple-touch-icon"/>
24-
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-K86LPV2ZGE"></script>
25-
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-K86LPV2ZGE');</script>
26-
<meta content="no-referrer" name="referrer"/>
27-
<script async="" fs-cc-mode="opt-in" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js"></script>
28-
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T2VR79F');</script>
21+
22+
<!-- Common Head Elements -->
23+
<script src="../scripts/load-head-common.js"></script>
2924
</head>
3025
<body>
3126
<div class="wrapper">
@@ -140,6 +135,7 @@ <h2>Ready to Connect?</h2>
140135

141136
<div id="footer-modern-placeholder"></div>
142137
<script src="../scripts/load-footer-modern.js"></script>
138+
<script src="../scripts/fade-in-animations.js"></script>
143139
</div>
144140
</body>
145141
</html>

‎company/media.html‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,9 @@
1818
<meta content="width=device-width, initial-scale=1" name="viewport"/>
1919

2020
<link href="../styles/main.css" rel="stylesheet" type="text/css"/>
21-
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
22-
<link href="../images/641436b897f1d137d2d2845d_fav_icon.png" rel="shortcut icon" type="image/x-icon"/>
23-
<link href="../images/641437162f7f81829faa8c24_webclip.png" rel="apple-touch-icon"/>
24-
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-K86LPV2ZGE"></script>
25-
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-K86LPV2ZGE');</script>
26-
<meta content="no-referrer" name="referrer"/>
27-
<script async="" fs-cc-mode="opt-in" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js"></script>
28-
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T2VR79F');</script>
21+
22+
<!-- Common Head Elements -->
23+
<script src="../scripts/load-head-common.js"></script>
2924
</head>
3025
<body>
3126
<div class="wrapper">
@@ -129,6 +124,7 @@ <h2>Need More Information?</h2>
129124

130125
<div id="footer-modern-placeholder"></div>
131126
<script src="../scripts/load-footer-modern.js"></script>
127+
<script src="../scripts/fade-in-animations.js"></script>
132128
</div>
133129
</body>
134130
</html>

‎company/news.html‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,9 @@
1818
<meta content="width=device-width, initial-scale=1" name="viewport"/>
1919

2020
<link href="../styles/main.css" rel="stylesheet" type="text/css"/>
21-
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
22-
<link href="../images/641436b897f1d137d2d2845d_fav_icon.png" rel="shortcut icon" type="image/x-icon"/>
23-
<link href="../images/641437162f7f81829faa8c24_webclip.png" rel="apple-touch-icon"/>
24-
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-K86LPV2ZGE"></script>
25-
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-K86LPV2ZGE');</script>
26-
<meta content="no-referrer" name="referrer"/>
27-
<script async="" fs-cc-mode="opt-in" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js"></script>
28-
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T2VR79F');</script>
21+
22+
<!-- Common Head Elements -->
23+
<script src="../scripts/load-head-common.js"></script>
2924
<style>
3025
.content-grid {
3126
display: grid;
@@ -388,6 +383,7 @@ <h3>${post.title}</h3>
388383

389384
<div id="footer-modern-placeholder"></div>
390385
<script src="../scripts/load-footer-modern.js"></script>
386+
<script src="../scripts/fade-in-animations.js"></script>
391387
</div>
392388
</body>
393389
</html>

‎company/overview.html‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,9 @@
1818
<meta content="width=device-width, initial-scale=1" name="viewport"/>
1919

2020
<link href="../styles/main.css" rel="stylesheet" type="text/css"/>
21-
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
22-
<link href="../images/641436b897f1d137d2d2845d_fav_icon.png" rel="shortcut icon" type="image/x-icon"/>
23-
<link href="../images/641437162f7f81829faa8c24_webclip.png" rel="apple-touch-icon"/>
24-
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-K86LPV2ZGE"></script>
25-
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-K86LPV2ZGE');</script>
26-
<meta content="no-referrer" name="referrer"/>
27-
<script async="" fs-cc-mode="opt-in" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js"></script>
28-
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T2VR79F');</script>
21+
22+
<!-- Common Head Elements -->
23+
<script src="../scripts/load-head-common.js"></script>
2924
</head>
3025
<body>
3126
<div class="wrapper">
@@ -118,6 +113,7 @@ <h2>Ready to Learn More?</h2>
118113

119114
<div id="footer-modern-placeholder"></div>
120115
<script src="../scripts/load-footer-modern.js"></script>
116+
<script src="../scripts/fade-in-animations.js"></script>
121117
</div>
122118
</body>
123119
</html>

‎includes/head-template.html‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!--
2+
REFERENCE TEMPLATE FOR COMMON HEAD ELEMENTS
3+
Copy this structure into your HTML files and adjust paths based on directory depth:
4+
- Root level: use "styles/main.css", "scripts/..."
5+
- Subdirectories: use "../styles/main.css", "../scripts/..."
6+
7+
For Google Analytics:
8+
- Most pages: G-K86LPV2ZGE
9+
- index.html: G-6PKLPEVZNF
10+
-->
11+
<meta charset="utf-8"/>
12+
<meta content="width=device-width, initial-scale=1" name="viewport"/>
13+
<meta content="no-referrer" name="referrer"/>
14+
15+
<!-- Main Stylesheet -->
16+
<link href="styles/main.css" rel="stylesheet" type="text/css"/>
17+
<!-- Additional stylesheets (add as needed) -->
18+
<!-- <link href="styles/partner-grid.css" rel="stylesheet" type="text/css"/> -->
19+
<!-- <link href="styles/legal-content.css" rel="stylesheet" type="text/css"/> -->
20+
<!-- <link href="styles/article.css" rel="stylesheet" type="text/css"/> -->
21+
<!-- <link href="styles/showcase.css" rel="stylesheet" type="text/css"/> -->
22+
23+
<!-- Webflow Detection Script -->
24+
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
25+
26+
<!-- Favicons -->
27+
<link href="images/641436b897f1d137d2d2845d_fav_icon.png" rel="shortcut icon" type="image/x-icon"/>
28+
<link href="images/641437162f7f81829faa8c24_webclip.png" rel="apple-touch-icon"/>
29+
30+
<!-- Google Analytics -->
31+
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-K86LPV2ZGE"></script>
32+
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-K86LPV2ZGE');</script>
33+
34+
<!-- Cookie Consent -->
35+
<script async="" fs-cc-mode="opt-in" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js"></script>
36+
37+
<!-- Google Tag Manager -->
38+
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T2VR79F');</script>
39+

‎index.html‎

Lines changed: 4 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html lang="en" data-ga-id="G-6PKLPEVZNF">
33
<head>
44
<meta charset="utf-8"/>
55
<title>Riddle&Code — Energy Infrastructure for the Future</title>
@@ -12,30 +12,16 @@
1212
<meta content="images/6414afea39e2ec1d18d1ff32_open_graph.jpg" property="og:image"/>
1313
<meta content="website" property="og:type"/>
1414

15-
<!-- Favicon -->
16-
<link href="images/641436b897f1d137d2d2845d_fav_icon.png" rel="shortcut icon" type="image/x-icon"/>
17-
<link href="images/641437162f7f81829faa8c24_webclip.png" rel="apple-touch-icon"/>
18-
19-
<!-- Google Analytics -->
20-
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6PKLPEVZNF"></script>
21-
<script>
22-
window.dataLayer = window.dataLayer || [];
23-
function gtag(){dataLayer.push(arguments);}
24-
gtag('js', new Date());
25-
gtag('config', 'G-6PKLPEVZNF');
26-
</script>
27-
28-
<!-- Cookie Consent -->
29-
<script async="" fs-cc-mode="opt-in" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js"></script>
30-
3115
<!-- Main Styles -->
3216
<link rel="stylesheet" href="styles/main.css">
17+
18+
<!-- Main Application Script -->
19+
<script src="scripts/main.js" defer></script>
3320
</head>
3421
<body>
3522

3623
<!-- Navigation -->
3724
<div id="nav-placeholder"></div>
38-
<script src="scripts/load-nav.js"></script>
3925

4026
<!-- Hero Section -->
4127
<section class="hero">
@@ -64,23 +50,18 @@ <h1 class="fade-in">
6450

6551
<!-- Solutions Section -->
6652
<div id="solutions-section-placeholder"></div>
67-
<script src="scripts/load-solutions-section.js"></script>
6853

6954
<!-- Capabilities Section -->
7055
<div id="capabilities-section-placeholder"></div>
71-
<script src="scripts/load-capabilities-section.js"></script>
7256

7357
<!-- Technology Section -->
7458
<div id="technology-section-placeholder"></div>
75-
<script src="scripts/load-technology-section.js"></script>
7659

7760
<!-- Products Section -->
7861
<div id="products-section-placeholder"></div>
79-
<script src="scripts/load-products-section.js"></script>
8062

8163

8264
<div id="partners-section-placeholder"></div>
83-
<script src="scripts/load-partners-section.js"></script>
8465

8566
<!-- CTA Section -->
8667
<section class="section">
@@ -98,26 +79,5 @@ <h2>Ready to Transform Your Energy Assets?</h2>
9879

9980
<!-- Footer -->
10081
<div id="footer-modern-placeholder"></div>
101-
<script src="scripts/load-footer-modern.js"></script>
102-
103-
<script>
104-
// Simple fade-in animation on scroll
105-
const observerOptions = {
106-
threshold: 0.1,
107-
rootMargin: '0px 0px -50px 0px'
108-
};
109-
110-
const observer = new IntersectionObserver((entries) => {
111-
entries.forEach(entry => {
112-
if (entry.isIntersecting) {
113-
entry.target.classList.add('fade-in');
114-
}
115-
});
116-
}, observerOptions);
117-
118-
document.querySelectorAll('.target-card, .value-card, .tech-layer').forEach(el => {
119-
observer.observe(el);
120-
});
121-
</script>
12282
</body>
12383
</html>

‎legal.html‎

Lines changed: 5 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -12,13 +12,9 @@
1212
<meta content="width=device-width, initial-scale=1" name="viewport"/>
1313

1414
<link href="styles/main.css" rel="stylesheet" type="text/css"/>
15-
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
16-
<link href="images/641436b897f1d137d2d2845d_fav_icon.png" rel="shortcut icon" type="image/x-icon"/>
17-
<link href="images/641437162f7f81829faa8c24_webclip.png" rel="apple-touch-icon"/>
18-
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-K86LPV2ZGE"></script>
19-
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-K86LPV2ZGE');</script>
20-
<script async="" fs-cc-mode="opt-in" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js"></script>
21-
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T2VR79F');</script>
15+
16+
<!-- Common Head Elements -->
17+
<script src="scripts/load-head-common.js"></script>
2218
<style>
2319
.partner-grid {
2420
display: grid;
@@ -152,7 +148,7 @@ <h2 class="section-title">Consumer Protection</h2>
152148
<div style="max-width: 800px; margin: 0 auto;">
153149
<p style="font-size: 1.125rem; line-height: 1.8; color: var(--text-secondary); text-align: left;">
154150
Consumers can submit complaints to the EU's online dispute resolution platform: <br>
155-
<a href="http://ec.europa.eu/odr" target="_blank" style="color: var(--primary-green);">http://ec.europa.eu/odr\</a>
151+
<a href="http://ec.europa.eu/odr" target="_blank" style="color: var(--primary-green);">http://ec.europa.eu/odr</a>
156152
</p>
157153
<p style="font-size: 1.125rem; line-height: 1.8; color: var(--text-secondary); text-align: left; margin-top: 1.5rem;">
158154
You can also send your complaint directly to us at: <br>
@@ -175,6 +171,7 @@ <h2>Need More Information?</h2>
175171

176172
<div id="footer-modern-placeholder"></div>
177173
<script src="scripts/load-footer-modern.js"></script>
174+
<script src="scripts/fade-in-animations.js"></script>
178175
</div>
179176
</body>
180177
</html>

0 commit comments

Comments
 (0)