co2offset
Version:
Greenhouse Gas Accounting - ISO14064
147 lines (144 loc) • 8.77 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Carbon Dioxide Offset API - JQuery Plugin</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="Adding CO2 Offset Badge to your website using JQuery.">
<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": "Product",
"name": "Carbon Offset - 10 kg",
"image": "https://co2offset.io/assets/img/co2offset192.png",
"description": "VCS Verified CO2 Emission Reduction in accordance with the requirements of ISO 14064-1 (UN Gold Standard).",
"brand": "Corrently",
"sku": "co2o/10kg",
"offers": {
"@type": "Offer",
"url": "https://co2offset.io/?co2=10000",
"priceCurrency": "EUR",
"price": "0.5",
"availability": "https://schema.org/InStock",
"itemCondition": "https://schema.org/NewCondition"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"bestRating": "5",
"worstRating": "1",
"ratingCount": "1"
}
}
</script>
</head>
<body>
<nav class="navbar navbar-light navbar-expand-lg fixed-top bg-white text-end 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 class="text-end" title="Calling Entity"><span class="badge bg-success entity">-</span></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-md-6">
<h3>CO<sub>2</sub> compensation <span class="entity-strong"><strong>-</strong></span><br>Managed Greenhouse Gas Emission</h3>
<div class="getting-started-info">
<p>In accordance with the visitors stats, network traffic and hosting your visits until ~<span class="neutralstrong">-</span> are climate neutral. Thanks for helping to keep a sustainable web experience.</p>
</div><button class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#extendTip">Extend with a little tip</button>
</div>
<div class="col-md-6 text-end"><img src="/assets/img/ghg_footprint.png"></div>
</div>
<p class="text-center text-muted">Latest Sponsor: <span class="sponsor">-</span></p>
</div>
</section>
</main>
<section class="text-center clean-block features" style="background: #ffffff;">
<div class="container">
<h3>Add badge to your site</h3><a class="btn btn-dark" role="button" href="https://github.com/energychain/co2offset-jquery">jQuery</a>
</div>
<div class="modal fade" role="dialog" tabindex="-1" id="extendTip">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Extend carbon neutral visits</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<h5>Climate Tip <span class="entity">-</span></h5>
<ul>
<li>100% spend in climate positive projects</li>
<li>CO<sub>2</sub>offset certificate assigned to site</li>
<li>You might be shown as sponsor</li>
<li>Full trackable impact</li>
</ul>
<div class="input-group"><span class="input-group-text currency">€</span><input class="form-control" type="number" id="amount" min="1" step="1" max="500" value="1" name="amount"><button class="btn btn-primary" id="checkout" type="button">Extend Now</button></div>
<div class="row text-muted">
<div class="col">
<p> </p>
</div>
<div class="col"><label class="col-form-label" style="font-size: 12px;">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" style="font-size: 12px;">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" style="font-size: 12px;">USD </label></div>
</div>
</div>
</div>
<div class="modal-footer text-start" style="background: #d2d1d1;">
<div class="row g-0 text-start" style="width: 100%;">
<div class="col-8"><img src="/assets/img/ghg_footprint_32.png" style="float:left;margin-right:5px;">
<p class="text-success">Your Impact:</p>
</div>
<div class="col text-end">
<p class="text-end text-success"> ~<span id="visits">-</span> visits</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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/footprint.js"></script>
<script src="/assets/js/jquery-html.js"></script>
<script src="/assets/js/login.js"></script>
</body>
</html>