co2offset
Version:
Greenhouse Gas Accounting - ISO14064
255 lines (252 loc) • 19.4 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>CO2 Footprint Catalog</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="Activity based search for greenhouse gas emission. (Meta Search)">
<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 data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse text-end" id="navcol-1">
<div class="text-end w-100 isloggedin"><span><i class="fas fa-coins" style="margin-right:5px;"></i> <span class="credits">-</span> Credits</span></div>
<div class="text-end isloggedout w-100"><button class="btn btn-primary float-end isloggedout" type="button" data-bs-toggle="modal" data-bs-target="#modaLogin"><i class="far fa-user"></i>Login</button></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>
<form id="frm_search" method="get" action="https://api.corrently.io/v2.0/co2/activity/search"><input class="form-control fldlang" type="hidden" name="lang" value="en">
<div class="input-group"><input class="form-control" type="search" id="q" name="q" required="" minlength="3" maxlength="128" placeholder="(Search for Actvitiy)"><button class="btn btn-success" type="submit"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-search">
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"></path>
</svg></button></div>
</form>
<div class="getting-started-info"></div>
</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>
<section><input type="hidden" id="fldcredits" name="fldcredits" value="0">
<div class="container text-center" style="padding-top: 35px;">
<div class="card-group" id="resultsGroup"></div>
<div class="table-responsive" id="tblResults" style="margin-top: 35px;">
<table class="table table-striped">
<thead>
<tr>
<th>Activity</th>
<th>CO<sub>2</sub> - Footprint</th>
<th></th>
</tr>
</thead>
<tbody id="resultsTable"></tbody>
</table>
</div><button class="btn btn-primary" id="btn_missing" type="button" data-bs-toggle="modal" data-bs-target="#modal_add" style="display:none;margin-top:35px;margin-bottom:35px;"><i class="far fa-sticky-note"></i>add Missing</button>
</div>
</section>
<div class="container text-start" style="padding-top: 35px;padding-bottom: 35px;">
<div class="modal fade shadow" role="dialog" tabindex="-1" id="modal_add">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header" style="background: #f7fff0;">
<h4 class="modal-title text-black-50">Add Activity</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form id="frm_addActivity" action="https://api.corrently.io/v2.0/co2/activity/create" method="post"><input class="form-control" type="hidden" id="account" name="account"><label class="form-label" for="title">Title</label><input class="form-control" type="text" id="title" name="title" required="" minlength="5" maxlength="60"><label class="form-label" for="tags" style="margin-top: 25px;">Keywords/Tags (comma seperated)</label><input class="form-control" type="text" id="tags" name="tags" required="" maxlength="240"><label class="form-label" for="description" style="margin-top: 25px;">Note/Description</label><textarea class="form-control ef_note" id="description" placeholder="(Note, Remarks,...)" name="description"></textarea><label class="form-label" style="margin-top: 25px;">Unit</label><select class="form-select ef_input" id="unit" name="unit" required="">
<optgroup label="Please select">
<option value="pc">Piece</option>
</optgroup>
<optgroup label="Weights">
<option value="g">Gram</option>
<option value="kg">Kilogram</option>
<option value="t">Ton</option>
<option value="lb">Pounds</option>
<option value="l">Liter</option>
<option value="gl">Galon</option>
</optgroup>
<optgroup label="Distance">
<option value="km">Kilometer</option>
<option value="mi">Mile</option>
</optgroup>
<optgroup label="Time">
<option value="yr">Year</option>
<option value="d">Day</option>
<option value="h">Hour</option>
</optgroup>
<optgroup label="Other">
<option value="kwh">Kilowatthour</option>
</optgroup>
</select><label class="form-label" style="margin-top: 25px;" for="co2">CO<sub>2</sub>eq (in grams) per <span class="text-unit">-</span> </label><input class="form-control ef_input" type="number" id="co2eq" name="co2eq" min="0" step="1"><label class="form-label" style="margin-top: 25px;" for="sourceurl">Source of Emission Factor </label><input class="form-control ef_input" type="url" id="sourceurl" name="sourceurl" placeholder="(https://...)"><small class="form-text d-block flex-fill w-100"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-info-circle" style="margin-right: 5px;">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
<path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>
</svg>URL of public webpage with emission factor.</small><label class="form-label" for="lang" style="margin-top: 25px;">Language</label><select class="form-select" id="lang" name="lang" value="en" required="">
<option value="en" selected="">English</option>
<option value="de">Deutsch</option>
</select>
<div class="text-end" style="margin-top: 25px;"></div>
<div class="text-end"><button class="btn btn-primary" type="submit"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-save" style="margin-right: 5px;">
<path d="M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H9.5a1 1 0 0 0-1 1v7.293l2.646-2.647a.5.5 0 0 1 .708.708l-3.5 3.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L7.5 9.293V2a2 2 0 0 1 2-2H14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h2.5a.5.5 0 0 1 0 1H2z"></path>
</svg>Create</button></div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade shadow" role="dialog" tabindex="-1" id="modal_shop">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header" style="background: #f7fff0;">
<h4 class="modal-title text-black-50">Direct Compensation</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<h5 class="activityTitle">-</h5>
<p class="activityDescription">-</p>
<div class="row">
<div class="col"><label class="form-label">Quantity</label><input type="number" id="qty" class="form-control" placeholder="(Quantity)" name="qty" value="1"></div>
<div class="col"><label class="form-label d-block">Unit</label><select id="shopunits" class="form-select" name="shopunits" required=""></select></div>
</div>
<p class="text-center text-muted" style="margin-top: 15px;">~<span id="co2eqbasket" class="text-dark">-</span> CO<sub>2</sub>e</p>
<div title="Price Lookup for full certified CO2 compensation" style="margin-top: 15px;">
<div class="input-group"></div>
<div class="row">
<div class="col" style="text-align: right;"><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 class="col"><button class="btn btn-success" id="getQuote" type="button" data-bs-toggle="modal" data-bs-target="#priceModal"><i class="fas fa-coins"></i> Price</button></div>
</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>Offset requested</td>
<td class="text-end"><span id="co2req">-</span> </td>
</tr>
<tr>
<td>- Credits</td>
<td class="text-end creditsoff"><span id="co2get">-</span> </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-success" role="button" id="offsetnow"><i class="fas fa-shopping-basket"></i>Offset Now</a></div>
</div>
</div>
</div>
</div>
</main>
<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>
<div class="modal fade" role="dialog" tabindex="-1" id="modaLogin">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Login / Register</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="https://api.corrently.io/v2.0/co2/login" method="get"><input class="form-control redirectfld" type="hidden" name="redirect"><input class="form-control sessionfld" type="hidden" name="session"><label class="form-label">Email (via Magic-Link)</label>
<div class="input-group"><input class="form-control" type="email" id="email" required="" name="email"><button class="btn btn-primary" type="submit">Login</button></div>
</form>
<p style="margin-top: 25px;">or</p>
<div class="text-center"><a id="loginlink" href="#"><img src="/assets/img/btn_google_signin_dark_normal_web.png"></a></div>
</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/footprint.js"></script>
<script src="/assets/js/login.js"></script>
</body>
</html>