-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcase-studies.html
142 lines (129 loc) · 5.73 KB
/
case-studies.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Climate Compass | Case Studies</title>
<meta name="description" content="Discover how Climate Compass solves real-world climate challenges for national parks, NGOs, and energy companies through advanced data and consulting." />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css">
<style>
@media (max-width: 768px) {
.hero {
margin-top: 3.5rem;
}
}
.video-case {
margin: 0.5rem 0.5rem !important;
min-height: 80vh !important;
}
.case-content {
padding: 1rem !important;
}
.case-content p {
margin-bottom: 0.5rem !important;
line-height: 1.5 !important;
}
</style>
</head>
<body>
<!-- Hidden checkbox for mobile menu -->
<input type="checkbox" id="menu-toggle" />
<label for="menu-toggle" class="hamburger">
<img src="menu-icon.png" alt="Menu Icon">
</label>
<!-- Header -->
<header>
<div class="logo">
<h1>Climate Compass</h1>
</div>
</header>
<!-- Navigation -->
<nav class="navbar">
<a href="index.html">Home</a>
<a href="services.html">Services</a>
<a href="case-studies.html" class="active">Case Studies</a>
<a href="interactive-parks.html">Data Interaction</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
</nav>
<!-- Hero Section -->
<section class="hero" style="background: url('Banner.png') center center/cover no-repeat;">
<div class="hero-overlay">
<h2>Case Studies</h2>
<p>Real-World Impact Through Data and Expertise</p>
</div>
</section>
<!-- Intro -->
<section class="case-studies-intro">
<p>
Learn how Climate Compass has helped organizations worldwide navigate
climate challenges using tailored data, robust analysis, and hands-on collaboration.
</p>
</section>
<!-- Case Study 1 -->
<section class="video-case">
<video class="video-bg" src="Reindeer2.mp4" autoplay loop muted playsinline></video>
<div class="case-content">
<h3>Northern Norway Parks</h3>
<p><strong>Challenge:</strong> Understanding and mitigating the impacts of climate change on sensitive park ecosystems and ecosystem services, including river flood risk and dangerous snow conditions.</p>
<p><strong>Approach:</strong> We held in-depth consultations with park rangers, provided high-resolution climate metrics applicable to their priorities for different scenarios out to 2100.</p>
<p><strong>Outcome:</strong> Updated river management strategies, heightened focus on erosion risks, and a clear adaptation roadmap for the next decade.</p>
</div>
</section>
<!-- Case Study 2 -->
<section class="video-case">
<video class="video-bg" src="SeaIce.mp4" autoplay loop muted playsinline></video>
<div class="case-content">
<h3>Memorandum for Environmental Advocacy Group</h3>
<p><strong>Challenge:</strong> Deliver a concise, policy-ready memo on climate change implications for the Central Arctic Ocean.</p>
<p><strong>Approach:</strong> We synthesized the latest data on Arctic warming, sea ice retreat, and ecosystem vulnerabilities, then produced an authoritative briefing for senior management within the advocacy group.</p>
<p><strong>Outcome:</strong> Enhanced advocacy efforts, stronger messaging in policy debates, and greater public awareness.</p>
</div>
</section>
<!-- Case Study 3 -->
<section class="video-case">
<video class="video-bg" src="Wind_energy.mp4" autoplay loop muted playsinline></video>
<div class="case-content">
<h3>Wind Park in Scotland</h3>
<p><strong>Challenge:</strong> Assessing the wind power density at 30 meter resolution for a Scottish hillside, factoring in two “blackout” periods for annual maintenance downtime.</p>
<p><strong>Approach:</strong> We downscaled wind power density to 30 m resolution using hourly wind data, built a virtual wind generator to simulate power output, and developed an interactive tool to assess the impact of downtime intervals on annual yield—while considering how future scenarios might shift wind patterns.</p>
<p><strong>Outcome:</strong> Clear recommendations on scheduling maintenance and optimizing energy production, plus a forward-looking plan for adaptation to projected wind variability.</p>
</div>
</section>
<!-- Floating Formbutton -->
<script src="https://formspree.io/js/formbutton-v1.min.js" defer></script>
<script>
window.formbutton = window.formbutton || function () {
(formbutton.q = formbutton.q || []).push(arguments)
};
formbutton("create", {
action: "https://formspree.io/f/mblggkwq",
title: "How can we help?",
fields: [
{ type: "email", label: "Email:", name: "email", required: true },
{ type: "textarea", label: "Message:", name: "message" },
{ type: "submit" }
],
styles: {
title: { backgroundColor: "gray" },
button: { backgroundColor: "gray" }
}
});
</script>
<!-- Footer -->
<footer>
<p>© 2025 Climate Compass. All rights reserved.</p>
<div class="social-bottom-logos" style="margin-top:1rem; display:flex; gap:0.75rem; justify-content:center;">
<a href="https://www.linkedin.com/in/richard-davy-9261a430/" target="_blank">
<img src="LinkedIn_logo.png" alt="LinkedIn" style="width:24px;">
</a>
<a href="https://x.com/RDavy84" target="_blank">
<img src="X_logo.png" alt="Twitter/X" style="width:24px;">
</a>
<a href="https://bsky.app/profile/davyclimate.bsky.social" target="_blank">
<img src="BlueSky_logo.png" alt="BlueSky" style="width:24px;">
</a>
</div>
</footer>
</body>
</html>