-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (102 loc) · 6.58 KB
/
index.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
<html>
<head>
<!--
********************************************************************************
* COMPATIBILITY *
********************************************************************************
-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--
********************************************************************************
* FAVICON *
********************************************************************************
-->
<link rel="shortcut icon" href="carbon_favicon.svg" type="image/x-icon">
<!--
********************************************************************************
* STYLES *
********************************************************************************
-->
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="scroll.css">
<link rel="stylesheet" href="mobile.css">
</head>
<body>
<div id='flex-content-wrapper'>
<div id='content-wrapper'>
<div class="row">
<h1>My Carbon Offsets</h1>
</div>
<div class="row" id="mobile-forewarning">
<div title="(My thanks 🙏 as Browser, Device, Operating System, PDF on Tablet/Phone/Surface, etc. interoperabilities are presently limited to just a few!)">❗<i>Please visit me on desktop as it's not fully optimized for mobile.</i></div>
</div>
<div class="row" id='carbon-offsets'>
<iframe src="./carbon_offsets/a3ab6886-b186-41fd-b701-40dd6a79c661.pdf" id="IFRAME_CARBON_OFFSET" type="application/pdf"></iframe>
</div>
<div class="row">
<h2>Verified Carbon Credits</h2>
</div>
<div class="row">
<ul id="carbon-offset-ul-list"></ul>
</div>
<div class="row">
<h2>Carbon Facts and Data</h2>
</div>
<div class="row">
<ul id="carbon-facts-and-data">
<li><i><a rel="nofollow noopener noreferrer" href="https://8billiontrees.com/carbon-offsets-credits/how-many-trees-to-offset-1-ton-of-co2/#:~:text=To%20offset%20one%20ton%20of,before%20making%20such%20a%20claim.">1 Ton of Carbon = ~38.5 Trees</a></i></li>
<li><i>The average American emits <a rel="nofollow noopener noreferrer" href="https://www.nature.org/en-us/get-involved/how-to-help/carbon-footprint-calculator/#:~:text=A%20carbon%20footprint%20is%20the,highest%20rates%20in%20the%20world.">16 Tons of Carbon annually</a></i></li>
<li><i>Reforestation can create <a rel="nofollow noopener noreferrer" href="https://www.weforum.org/stories/2020/08/this-is-why-the-us-needs-to-lead-the-world-s-reforestation-project/">16,000,000 jobs</a> and renew vital industries</i></li>
<li><i><a rel="nofollow noopener noreferrer" href="https://www.cato.org/blog/blaming-us-passenger-vehicles-climate-change-ignorant-lucrative-1#:~:text=A%20CNN%20report%20says%2C%20%E2%80%9CMaking,auto%20sales%2C%20according%20to%20a">Personal transportation creates 29% of U.S. greenhouse gases</a></i></li>
<li><i>Tons of Carbon I've verifiably offset:<span id="my-total"></span> (~<span id="trees-total"></span> Trees)</i></li>
</ul>
</div>
<div class="row">
<h2>Other Key Reductions</h2>
</div>
<div class="row">
<ul id="other-key-reductions">
<li>Stopped driving solo whenever possible</li>
<li>Vegetarian</li>
<li>Quit smoking</li>
<li>Reduced total garbage to < 2% (recyle ~98%)</li>
<li>Try to only use biodegradable items</li>
<li>Stopped using gas (switched to all-electric)</li>
<li>Switched to high efficiency LEDs</li>
<li>Offsets carbon when ordering online</li>
</ul>
</div>
<div class="row" id="my-blog">Visit me at: <a rel="nofollow noopener noreferrer" href="https://www.thoughtscript.io/">thoughtscript.io</a> <span>❤️</span></div>
<div class="row" id="hosted-on">Hosted on: <a rel="nofollow noopener noreferrer" href="https://github.com/Thoughtscript/carbon_offsets">GitHub</a> <span>🌱</span></div>
</div>
</div>
</body>
<!--
********************************************************************************
* SCRIPTS *
********************************************************************************
-->
<script type="application/json" id="carbon-offset-data">
[
["a3ab6886-b186-41fd-b701-40dd6a79c661", "5", "2024-04-25"],
["7e2b50d4-e4a3-43ef-9991-04b29e3381af", "1", "2024-03-28"],
["8fcad764-40cc-469d-9ac0-7103f0f9dfb9", "2", "2024-04-11"],
["aa467873-13c3-4dba-8533-0f427c31b1e2", "2.03", "2023-10-09"],
["f53a88bd-ae1e-49dc-a0ea-31550e544ce9", "1.95", "2023-07-09"],
["e15f61e6-2392-47a2-9ea2-40e07a133534", "1", "2024-04-23"],
["675b2959-4dbe-4df4-bf76-23244c8bff6c", "1.3", "2024-02-10"],
["266376e1-49cc-4b5a-9749-c9dc2c774e9b", ".64", "2024-02-27"],
["04047726-cec7-464d-88fb-65a0fb9e52f8", ".64", "2024-03-03"],
["No Certificate Available", ".64", "2023-08-18"],
["No Certificate Available", ".64", "2023-12-10"],
["a8be36ed-63e4-4cc8-879f-47ea04cb0573", "3", "2024-05-13"],
["4bf605c0-072a-4f95-8b2e-363fa87c930b", "1.3", "2024-08-11"],
["8f1abda0-84f6-4094-831d-8419788a1c99", ".64", "2024-12-22"]
]
</script>
<script src="script.js"></script>
</html>