Skip to content

Commit f72865b

Browse files
eckeljeckelj
committed
added proper header management
1 parent e281eba commit f72865b

62 files changed

Lines changed: 2642 additions & 1849 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎company/about-us.html‎

Lines changed: 42 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -29,41 +29,49 @@
2929
<script async="" fs-cc-mode="opt-in" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js"></script>
3030
<!-- Google Tag Manager -->
3131
<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>
32-
<!-- End Google Tag Manager --></head>
32+
<!-- End Google Tag Manager -->
33+
<style>
34+
/* Dropdown positioning fix - must override Webflow CSS */
35+
.w-dropdown, .dropdown-2 { position: relative; }
36+
.w-dropdown-list, .dropdown-list-2 {
37+
position: absolute !important;
38+
top: 100% !important;
39+
left: 0 !important;
40+
right: auto !important;
41+
z-index: 900;
42+
display: none;
43+
min-width: 120px;
44+
width: auto;
45+
margin-top: 5px;
46+
padding: 5px 0;
47+
background: white;
48+
border-radius: 4px;
49+
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
50+
}
51+
.w-dropdown-list a, .dropdown-list-2 a {
52+
display: block;
53+
padding: 8px 16px;
54+
white-space: nowrap;
55+
font-size: 14px;
56+
}
57+
.w-dropdown.w--open .w-dropdown-list, .dropdown-2.w--open .dropdown-list-2 {
58+
display: block !important;
59+
}
60+
61+
/* Hide stray navigation elements */
62+
.nav-icon-line { display: block !important; }
63+
</style>
64+
65+
</head>
3366
<body>
3467
<div class="wrapper">
35-
<nav class="navbar navigation-2 navigation-3">
36-
<div class="nav">
37-
<a class="nav-logo w-nav-brand" href="../index.html">
38-
<img alt="" class="logo" loading="lazy" sizes="(max-width: 479px) 98vw, (max-width: 767px) 99vw, (max-width: 912px) 100vw, 912px" src="../images/640eb41653155cff97638680_RIDDLE&CODE_SHORTLOGO_OPTION_C_POS_grey.png" srcset="../images/640eb41653155cff97638680_RIDDLE&CODE_SHORTLOGO_OPTION_C_POS_grey-p-500.png 500w, ../images/640eb41653155cff97638680_RIDDLE&CODE_SHORTLOGO_OPTION_C_POS_grey.png 912w"/>
39-
</a>
40-
<div class="nav-container">
41-
<a class="link w-inline-block" href="get-in-touch.html">
42-
<p class="button nav">Get in Touch</p>
43-
</a>
44-
<div class="locales-wrapper-2 w-locales-list">
45-
<div class="dropdown-2 w-dropdown" data-delay="0" data-hover="false">
46-
<div class="dropdown-toggle-2 w-dropdown-toggle">
47-
<div class="w-icon-dropdown-toggle"></div>
48-
<div class="text-block-69">Language</div>
49-
</div>
50-
<nav class="dropdown-list-2 w-dropdown-list">
51-
<div class="locales-list-2 w-locales-items" role="list">
52-
<div class="w-locales-item" role="listitem">
53-
<a aria-current="page" class="link-5 w--current" href="about-us.html" hreflang="en">English</a>
54-
</div>
55-
<div class="w-locales-item" role="listitem">
56-
<a class="link-5" href="../de/company/about-us.html" hreflang="de">German</a>
57-
</div>
58-
</div>
59-
</nav>
60-
</div>
68+
<!-- Header loaded dynamically -->
69+
<div id="header-placeholder"></div>
70+
<script src="../scripts/load-header.js"></script>
71+
<script src="../scripts/simple-dropdown.js"></script>
72+
</div>
6173
</div>
62-
<a class="nav-icon w-inline-block" data-w-id="f6c561d2-5e30-59be-3524-d2f6206c0a97" href="#">
63-
<div class="nav-icon-line _1"></div>
64-
<div class="nav-icon-line _2"></div>
65-
<div class="nav-icon-line _3"></div>
66-
</a>
74+
6775
</div>
6876
</div>
6977
<div class="nav-menu" fs-scrolldisable-element="when-visible">
@@ -162,7 +170,7 @@ <h1 class="headline">About Us</h1>
162170
<img alt="" class="image" loading="lazy" sizes="(max-width: 1920px) 100vw, 1920px" src="../images/6414278b25deb17627fa229e_r&c_about_us.jpg" srcset="../images/6414278b25deb17627fa229e_r&c_about_us-p-500.jpg 500w, ../images/6414278b25deb17627fa229e_r&c_about_us-p-800.jpg 800w, ../images/6414278b25deb17627fa229e_r&c_about_us-p-1080.jpg 1080w, ../images/6414278b25deb17627fa229e_r&c_about_us.jpg 1920w"/>
163171
</div>
164172
</div>
165-
<div class="section bright" data-w-id="631c8167-20ee-4865-0029-c928087d28f6" style="opacity:1">
173+
<div class="section bright" data-w-id="631c8167-20ee-4865-0029-c928087d28f6" style="opacity:0">
166174
<div class="grid-layout _40-60">
167175
<div class="grid-spacer" id="w-node-_1f7eeb42-96b0-6b10-b8f9-81482caa9998-e1c54c09">
168176
<div class="solid violet" id="w-node-_631c8167-20ee-4865-0029-c928087d28f8-e1c54c09"></div>
@@ -173,7 +181,7 @@ <h2>Mission</h2>
173181
</div>
174182
</div>
175183
</div>
176-
<div class="section" data-w-id="f137d7bc-80b0-c57d-2295-295a80cf2845" style="opacity:1">
184+
<div class="section" data-w-id="f137d7bc-80b0-c57d-2295-295a80cf2845" style="opacity:0">
177185
<div class="padding padding-top-0">
178186
<h2>Advisory Board</h2>
179187
<div class="w-dyn-list">

‎company/career.html‎

Lines changed: 42 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -29,41 +29,49 @@
2929
<script async="" fs-cc-mode="opt-in" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js"></script>
3030
<!-- Google Tag Manager -->
3131
<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>
32-
<!-- End Google Tag Manager --></head>
32+
<!-- End Google Tag Manager -->
33+
<style>
34+
/* Dropdown positioning fix - must override Webflow CSS */
35+
.w-dropdown, .dropdown-2 { position: relative; }
36+
.w-dropdown-list, .dropdown-list-2 {
37+
position: absolute !important;
38+
top: 100% !important;
39+
left: 0 !important;
40+
right: auto !important;
41+
z-index: 900;
42+
display: none;
43+
min-width: 120px;
44+
width: auto;
45+
margin-top: 5px;
46+
padding: 5px 0;
47+
background: white;
48+
border-radius: 4px;
49+
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
50+
}
51+
.w-dropdown-list a, .dropdown-list-2 a {
52+
display: block;
53+
padding: 8px 16px;
54+
white-space: nowrap;
55+
font-size: 14px;
56+
}
57+
.w-dropdown.w--open .w-dropdown-list, .dropdown-2.w--open .dropdown-list-2 {
58+
display: block !important;
59+
}
60+
61+
/* Hide stray navigation elements */
62+
.nav-icon-line { display: block !important; }
63+
</style>
64+
65+
</head>
3366
<body>
3467
<div class="wrapper">
35-
<nav class="navbar navigation-2 navigation-3">
36-
<div class="nav">
37-
<a class="nav-logo w-nav-brand" href="../index.html">
38-
<img alt="" class="logo" loading="lazy" sizes="(max-width: 479px) 98vw, (max-width: 767px) 99vw, (max-width: 912px) 100vw, 912px" src="../images/640eb41653155cff97638680_RIDDLE&CODE_SHORTLOGO_OPTION_C_POS_grey.png" srcset="../images/640eb41653155cff97638680_RIDDLE&CODE_SHORTLOGO_OPTION_C_POS_grey-p-500.png 500w, ../images/640eb41653155cff97638680_RIDDLE&CODE_SHORTLOGO_OPTION_C_POS_grey.png 912w"/>
39-
</a>
40-
<div class="nav-container">
41-
<a class="link w-inline-block" href="get-in-touch.html">
42-
<p class="button nav">Get in Touch</p>
43-
</a>
44-
<div class="locales-wrapper-2 w-locales-list">
45-
<div class="dropdown-2 w-dropdown" data-delay="0" data-hover="false">
46-
<div class="dropdown-toggle-2 w-dropdown-toggle">
47-
<div class="w-icon-dropdown-toggle"></div>
48-
<div class="text-block-69">Language</div>
49-
</div>
50-
<nav class="dropdown-list-2 w-dropdown-list">
51-
<div class="locales-list-2 w-locales-items" role="list">
52-
<div class="w-locales-item" role="listitem">
53-
<a aria-current="page" class="link-5 w--current" href="career.html" hreflang="en">English</a>
54-
</div>
55-
<div class="w-locales-item" role="listitem">
56-
<a class="link-5" href="../de/company/career.html" hreflang="de">German</a>
57-
</div>
58-
</div>
59-
</nav>
60-
</div>
68+
<!-- Header loaded dynamically -->
69+
<div id="header-placeholder"></div>
70+
<script src="../scripts/load-header.js"></script>
71+
<script src="../scripts/simple-dropdown.js"></script>
72+
</div>
6173
</div>
62-
<a class="nav-icon w-inline-block" data-w-id="f6c561d2-5e30-59be-3524-d2f6206c0a97" href="#">
63-
<div class="nav-icon-line _1"></div>
64-
<div class="nav-icon-line _2"></div>
65-
<div class="nav-icon-line _3"></div>
66-
</a>
74+
6775
</div>
6876
</div>
6977
<div class="nav-menu" fs-scrolldisable-element="when-visible">
@@ -168,7 +176,7 @@ <h1 class="headline">Career</h1>
168176
<img alt="" class="image" loading="lazy" sizes="(max-width: 1920px) 100vw, 1920px" src="../images/6401699a4cbc5001282b58b8_r&c_careers.jpg" srcset="../images/6401699a4cbc5001282b58b8_r&c_careers-p-500.jpg 500w, ../images/6401699a4cbc5001282b58b8_r&c_careers-p-800.jpg 800w, ../images/6401699a4cbc5001282b58b8_r&c_careers-p-1080.jpg 1080w, ../images/6401699a4cbc5001282b58b8_r&c_careers-p-1600.jpg 1600w, ../images/6401699a4cbc5001282b58b8_r&c_careers.jpg 1920w"/>
169177
</div>
170178
</div>
171-
<div class="section" data-w-id="6cb0d383-cd89-8f17-cd4e-bba8717ebb31" style="opacity:1">
179+
<div class="section" data-w-id="6cb0d383-cd89-8f17-cd4e-bba8717ebb31" style="opacity:0">
172180
<div class="padding">
173181
<h2>
174182
<strong>Join our Team</strong>
@@ -271,7 +279,7 @@ <h3>Commitment </h3>
271279
</div>
272280
</div>
273281
<section></section>
274-
<div class="section bright" data-w-id="92f69f8e-7f7b-8324-ecc6-214b9d2cd200" style="opacity:1">
282+
<div class="section bright" data-w-id="92f69f8e-7f7b-8324-ecc6-214b9d2cd200" style="opacity:0">
275283
<div class="padding">
276284
<h2>
277285
<strong>Perks and Benefits</strong>

‎company/get-in-touch.html‎

Lines changed: 43 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -29,41 +29,49 @@
2929
<script async="" fs-cc-mode="opt-in" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js"></script>
3030
<!-- Google Tag Manager -->
3131
<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>
32-
<!-- End Google Tag Manager --></head>
32+
<!-- End Google Tag Manager -->
33+
<style>
34+
/* Dropdown positioning fix - must override Webflow CSS */
35+
.w-dropdown, .dropdown-2 { position: relative; }
36+
.w-dropdown-list, .dropdown-list-2 {
37+
position: absolute !important;
38+
top: 100% !important;
39+
left: 0 !important;
40+
right: auto !important;
41+
z-index: 900;
42+
display: none;
43+
min-width: 120px;
44+
width: auto;
45+
margin-top: 5px;
46+
padding: 5px 0;
47+
background: white;
48+
border-radius: 4px;
49+
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
50+
}
51+
.w-dropdown-list a, .dropdown-list-2 a {
52+
display: block;
53+
padding: 8px 16px;
54+
white-space: nowrap;
55+
font-size: 14px;
56+
}
57+
.w-dropdown.w--open .w-dropdown-list, .dropdown-2.w--open .dropdown-list-2 {
58+
display: block !important;
59+
}
60+
61+
/* Hide stray navigation elements */
62+
.nav-icon-line { display: block !important; }
63+
</style>
64+
65+
</head>
3366
<body>
3467
<div class="wrapper">
35-
<nav class="navbar navigation-2 navigation-3">
36-
<div class="nav">
37-
<a class="nav-logo w-nav-brand" href="../index.html">
38-
<img alt="" class="logo" loading="lazy" sizes="(max-width: 479px) 98vw, (max-width: 767px) 99vw, (max-width: 912px) 100vw, 912px" src="../images/640eb41653155cff97638680_RIDDLE&CODE_SHORTLOGO_OPTION_C_POS_grey.png" srcset="../images/640eb41653155cff97638680_RIDDLE&CODE_SHORTLOGO_OPTION_C_POS_grey-p-500.png 500w, ../images/640eb41653155cff97638680_RIDDLE&CODE_SHORTLOGO_OPTION_C_POS_grey.png 912w"/>
39-
</a>
40-
<div class="nav-container">
41-
<a aria-current="page" class="link w-inline-block w--current" href="get-in-touch.html">
42-
<p class="button nav">Get in Touch</p>
43-
</a>
44-
<div class="locales-wrapper-2 w-locales-list">
45-
<div class="dropdown-2 w-dropdown" data-delay="0" data-hover="false">
46-
<div class="dropdown-toggle-2 w-dropdown-toggle">
47-
<div class="w-icon-dropdown-toggle"></div>
48-
<div class="text-block-69">Language</div>
49-
</div>
50-
<nav class="dropdown-list-2 w-dropdown-list">
51-
<div class="locales-list-2 w-locales-items" role="list">
52-
<div class="w-locales-item" role="listitem">
53-
<a aria-current="page" class="link-5 w--current" href="get-in-touch.html" hreflang="en">English</a>
54-
</div>
55-
<div class="w-locales-item" role="listitem">
56-
<a class="link-5" href="../de/company/get-in-touch.html" hreflang="de">German</a>
57-
</div>
58-
</div>
59-
</nav>
60-
</div>
68+
<!-- Header loaded dynamically -->
69+
<div id="header-placeholder"></div>
70+
<script src="../scripts/load-header.js"></script>
71+
<script src="../scripts/simple-dropdown.js"></script>
72+
</div>
6173
</div>
62-
<a class="nav-icon w-inline-block" data-w-id="f6c561d2-5e30-59be-3524-d2f6206c0a97" href="#">
63-
<div class="nav-icon-line _1"></div>
64-
<div class="nav-icon-line _2"></div>
65-
<div class="nav-icon-line _3"></div>
66-
</a>
74+
6775
</div>
6876
</div>
6977
<div class="nav-menu" fs-scrolldisable-element="when-visible">
@@ -162,14 +170,14 @@ <h1 class="headline">Contact</h1>
162170
<img alt="" class="image" loading="lazy" sizes="(max-width: 1920px) 100vw, 1920px" src="../images/64016ca765813c2f96ead2ca_r&c_onboarding.jpg" srcset="../images/64016ca765813c2f96ead2ca_r&c_onboarding-p-500.jpg 500w, ../images/64016ca765813c2f96ead2ca_r&c_onboarding-p-800.jpg 800w, ../images/64016ca765813c2f96ead2ca_r&c_onboarding-p-1080.jpg 1080w, ../images/64016ca765813c2f96ead2ca_r&c_onboarding-p-1600.jpg 1600w, ../images/64016ca765813c2f96ead2ca_r&c_onboarding.jpg 1920w"/>
163171
</div>
164172
</div>
165-
<div class="section" data-w-id="05560fa5-952e-f335-cffc-266d08dfb4e7" style="opacity:1">
173+
<div class="section" data-w-id="05560fa5-952e-f335-cffc-266d08dfb4e7" style="opacity:0">
166174
<div class="grid-layout _40-60">
167175
<div class="padding">
168176
<h2>Get in Touch</h2>
169177
<p>Contact us (office at riddleandcode.com) to find out more about our products, schedule a demo or discuss potential collaboration.</p>
170178
</div>
171179
</div>
172-
<div class="section bright" data-w-id="acb6b036-8584-6309-3242-20f614b4eda8" style="opacity:1">
180+
<div class="section bright" data-w-id="acb6b036-8584-6309-3242-20f614b4eda8" style="opacity:0">
173181
<div class="grid-layout _40-60">
174182
<div class="grid-spacer" id="w-node-acb6b036-8584-6309-3242-20f614b4edaa-e1c54c52">
175183
<div class="solid green"></div>
@@ -189,7 +197,7 @@ <h2>Headquarters</h2>
189197
</div>
190198
</div>
191199
</div>
192-
<div class="section bright" data-w-id="c17e5d86-0c15-c26d-74b9-6e1c6e5a539e" style="opacity:1">
200+
<div class="section bright" data-w-id="c17e5d86-0c15-c26d-74b9-6e1c6e5a539e" style="opacity:0">
193201
<div class="devider">
194202
<img alt="" class="image" loading="lazy" sizes="(max-width: 1280px) 100vw, 1280px" src="../images/6411e01bdb0c41dfb77ae25d_r&c_devider_1.jpg" srcset="../images/6411e01bdb0c41dfb77ae25d_r&c_devider_1-p-500.jpg 500w, ../images/6411e01bdb0c41dfb77ae25d_r&c_devider_1-p-800.jpg 800w, ../images/6411e01bdb0c41dfb77ae25d_r&c_devider_1-p-1080.jpg 1080w, ../images/6411e01bdb0c41dfb77ae25d_r&c_devider_1.jpg 1280w"/>
195203
</div>

0 commit comments

Comments
 (0)