co2offset
Version:
Greenhouse Gas Accounting - ISO14064
206 lines (203 loc) • 12 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Timer - CO2 left for 2° Target</title>
<meta name="theme-color" content="rgb(50,71,255)">
<meta property="og:image" content="https://co2offset.io/assets/img/co2offset192.png">
<meta property="og:type" content="website">
<meta name="twitter:image" content="https://co2offset.io/assets/img/co2offset192.png">
<meta name="description" content="Doom Timer for our Earth">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/assets/img/co2offset180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/assets/img/co2offset192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/co2offset32.png">
<link rel="icon" type="image/png" sizes="180x180" href="/assets/img/co2offset180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/assets/img/co2offset192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/assets/img/co2offset512.png">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
<link rel="manifest" href="/manifest.json">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,600,600i">
<link rel="stylesheet" href="/assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="/assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="/assets/fonts/simple-line-icons.min.css">
<link rel="stylesheet" href="/assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css">
<link rel="stylesheet" href="/assets/css/swagger-ui.css">
<link rel="stylesheet" href="/assets/css/vanilla-zoom.min.css">
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
window.OneSignal = window.OneSignal || [];
OneSignal.push(function() {
OneSignal.init({
appId: "724cbe0a-b562-45a1-9aa6-3ac6c337b950",
});
});
</script><script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "CO2Offset",
"item": "https://co2offset.io/"
},{
"@type": "ListItem",
"position": 2,
"name": "Service and Support",
"item": "https://co2offset.io/support.html"
}]
}
</script>
</head>
<body>
<nav class="navbar navbar-light navbar-expand-lg fixed-top bg-white shadow-lg clean-navbar">
<div class="container"><a class="navbar-brand logo" href="https://co2offset.io/">CO<sub>2</sub> Offset API<br><span style="font-size: 10px;">part of the Corrently Ecosystem</span> <br></a><button class="navbar-toggler" data-bs-toggle="collapse"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div title="Price Lookup for full certified CO2 compensation">
<div class="input-group"><input class="form-control" type="number" id="co2eq" placeholder="(Gram CO2eq)" min="1" step="1" name="co2eq"><button class="btn btn-success" id="getQuote" type="button" data-bs-toggle="modal" data-bs-target="#priceModal"><i class="fas fa-coins"></i></button></div>
<div class="row">
<div class="col"><label class="col-form-label">Currency</label></div>
<div class="col" style="padding-top: 6px;">
<div class="form-check"><input class="form-check-input" type="radio" id="formCheck-1" name="currency" value="EUR" checked=""><label class="form-check-label" for="formCheck-1">EUR </label></div>
</div>
<div class="col" style="margin-top: 6px;">
<div class="form-check"><input class="form-check-input" type="radio" id="formCheck-2" name="currency" value="USD"><label class="form-check-label" for="formCheck-1">USD </label></div>
</div>
</div>
</div>
</div>
</nav>
<main class="page landing-page">
<section class="clean-block clean-info dark" style="padding-top: 120px;padding-bottom: 60px;">
<div class="container">
<div class="row align-items-center">
<div class="col-8 col-md-6">
<h3>The time to wait <strong>is over</strong><br>Act now to get the 2° target.</h3>
<div class="getting-started-info">
<p>Observed warming is driven by emissions from human activities, with greenhouse gas warming partly masked by aerosol cooling. We have only a <span id="carbontonnes">-</span>t CO<sub>2</sub> budget left. </p>
</div><a class="btn btn-success" role="button" href="/index.html" style="margin-right: 5px;" title="OpenAPI Integration in minutes"><i class="fas fa-home"></i></a><a class="btn btn-success" role="button" href="/api.html" style="margin-right: 5px;" title="OpenAPI Integration in minutes"><i class="fa fa-gears"></i> Development</a><a class="btn btn-success" role="button" id="howserve" title="See how it works in the background" href="/settlement.html" style="margin-right: 5px;"><i class="fas fa-feather-alt"></i> Settlement Rules</a><a class="btn btn-success" role="button" id="btnsupport" title="Get Support for your needs" href="/support.html"><i class="fas fa-hands-helping"></i> Support</a>
</div>
<div class="col text-end"><img class="img-thumbnail img-fluid" src="/assets/img/Climate_Neutral_Now.png" loading="lazy"></div>
</div>
</div>
</section>
</main>
<section class="clean-block features" style="background: #ffffff;padding-bottom: 120px;">
<div class="container text-start">
<h2 class="text-info" id="time-to-two" style="margin-top: 35px;"></h2>
<div id="timecountdown">
<div class="row">
<div class="col">
<div class="card">
<div class="card-header">
<h5>Years</h5>
</div>
<div class="card-body text-center" id="years"></div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header">
<h5>Months</h5>
</div>
<div class="card-body text-center" id="months"></div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header">
<h5>Days</h5>
</div>
<div class="card-body text-center" id="days"></div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header">
<h5>Hours</h5>
</div>
<div class="card-body text-center" id="hours"></div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header">
<h5>Minutes</h5>
</div>
<div class="card-body text-center" id="minutes"></div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header">
<h5>Seconds</h5>
</div>
<div class="card-body text-center" id="seconds"></div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" role="dialog" tabindex="-1" id="priceModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">CO2 Compensation Price</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="table-responsive">
<table class="table">
<thead>
<tr></tr>
</thead>
<tbody>
<tr>
<td>eq. Requested</td>
<td class="text-end"><span id="co2req">-</span> g</td>
</tr>
<tr>
<td>eq. Certified</td>
<td class="text-end"><span id="co2get">-</span> g</td>
</tr>
<tr class="fw-bold">
<td class="text">Your Price </td>
<td class="text-end"><span id="price">-</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="modal-footer"><button class="btn btn-light" type="button" data-bs-dismiss="modal">Close</button><a class="btn btn-primary" role="button" id="offsetnow">Offset Now</a></div>
</div>
</div>
</div>
</section>
<div class="modal fade" role="dialog" tabindex="-1" id="outservice">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><img src="/assets/img/ghg_footprint_32.png" style="margin-right: 5px;">Our Service for You</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Your API usage helps us in our effort to neutralize CO2 emissions globally. We invest in comprehensive, long-term projects to minimize CO2 emissions. With a small contribution, you can make a huge difference and at the same time strengthen your CSR profile.<br></p>
<h3><strong>Mission Target</strong></h3>
</div>
</div>
</div>
</div>
<footer class="text-center page-footer dark" style="padding-top: 100px;"><img src="https://api.thegreenwebfoundation.org/greencheckimage/co2offset.io?nocache=true" loading="lazy">
<div></div>
<div class="footer-copyright">
<p>© 2021 <a href="https://stromdao.de/" target="_blank">STROMDAO GmbH</a></p>
</div>
</footer>
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="/assets/js/ajaxForm.js"></script>
<script src="/assets/js/app.js"></script>
<script src="/assets/js/footprint.js"></script>
<script src="/assets/js/timer.js"></script>
<script src="/assets/js/login.js"></script>
</body>
</html>