Repository navigation
Expand file tree
/
Copy pathprojects.html
More file actions
117 lines (115 loc) · 6.11 KB
/
Copy pathprojects.html
File metadata and controls
117 lines (115 loc) · 6.11 KB
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
---
layout: page
title: Projects
---
<p>
This page lists a few of my projects that are worth sharing. There's more on my <a
href='https://github.com/Floppy'>GitHub profile</a>, if you're interested.
</p>
<div class='cards old-projects'>
<div class='card'>
<a class='title' href="https://github.com/AMEE" style='background-image:url(/images/projects/amee.png)'>
</a>
<p><a href="http://www.amee.com">AMEE</a> is web service that provides calculation of greenhouse gas emissions and
other sustainability metrics. My employer from 2008-2012. Favourite projects are "AMEEdiscover" and "Ask AMEE".
</p>
</div>
<div class='card'>
<a class='title' href="http://carbondiet.org" style='background-image: url(/images/projects/carbondiet.png)'>
<h1>The Carbon Diet</h1>
</a>
<p>A site created way back in 2007 that combines accurate and timely emissions measurement with social aspects to
create a new approach to carbon footprinting. Now <a href='https://github.com/Floppy/carbon-diet'>open source</a>.
</p>
</div>
<div class='card'>
<a class='title'
href="https://web.archive.org/web/20120101171621/http://www.amee.com/blog/2011/10/24/hacking-carbon-emissions-into-minecraft"
style='background-image: url(/images/projects/climatecraft.png)'>
<h1>Climatecraft</h1>
</a>
<p>A <a href='http://minecraft.net'>Minecraft</a> mod that adds carbon emissions and sequestration. Winning hack at
the <a href='http://stockholm.greenhackathon.com'>Stockholm Green Hackathon</a> in 2011, covered by <a
href='https://www.guardian.co.uk/environment/green-living-blog/2011/oct/25/climate-change-strikes-minecraft'>The
Guardian</a>, <a href='http://kotaku.com/5853419/hacking-carbon-emissions-into-minecraft'>Kotaku</a>, <a
href='http://boingboing.net/2011/11/29/hacking-carbon-emissions-into.html'>BoingBoing</a> and <a
href='http://www.treehugger.com/clean-technology/hacking-carbon-emissions-minecraft.html'>TreeHugger</a>.</p>
</div>
<div class='card'>
<a class='title' href="https://web.archive.org/web/20131219190207/http://www.planethopper.co.uk/systems/"
style='background-image:url(/images/projects/planethopper.png)'>
<h1>Planet Hopper</h1>
</a>
<p>A webapp for classroom-based exploration of <a
href='https://en.wikipedia.org/wiki/Extrasolar_planet'>exoplanets</a>, this was one of 6 global winners of
NASA's <a href='http://spaceappschallenge.org/'>International Space Apps Challenge 2012</a>, winning the "Most
Inspiring" award.</p>
</div>
<div class='card'>
<a class='title' href="https://floppy.org.uk/traeder" style='background-image:url(/images/projects/traeder.png)'>
<h1>Traeder</h1>
</a>
<p>An SMS-based system for exchange of alternative currencies, without requiring special hardware or physical
tokens of any kind. Winner of the <a
href='https://www.guardian.co.uk/media/blog/2011/jun/21/hactivate-developers-mashup-results'>Most Disruptive</a>
award at Hactivate 2011.</p>
</div>
<div class='card'>
<a class='title' href="/blog/2011/04/20/the-social-meter"
style='background-image:url(/images/projects/socialmeter.png)'>
<h1>Social Meter</h1>
</a>
<p>A system that combines live energy monitoring information with social networks, to give more context and drive
continuous engagement with energy use. Built at Rewired State's Carbon & Energy Hackday in 2010.</p>
</div>
<div class='card'>
<a class='title' href="" style='background-image:url(/images/projects/qyc.png)'>
<h1>Question Your Candidates</h1>
</a>
<p>A site written to crowdsource hustings details during the 2010 UK General Election, using APIs from <a
href='http://yournextmp.com/'>YourNextMP</a> and <a href='http://theyworkforyou.com/'>TheyWorkForYou</a>. Sadly
written too late to be useful, but a good idea.</p>
</div>
<div class='card'>
<a class='title' href="https://twitter.com/climatestats"
style='background-image:url(/images/projects/co2updates.png)'>
<h1>@CO2Updates</h1>
</a>
<p>A twitter bot that announces the latest atmospheric CO<sub>2</sub> measurements, grabbed from the <a
href='http://www.noaa.gov/'>NOAA</a> on a monthly basis. Serves as a handy reminder of the ticking clock.</p>
</div>
<div class='card'>
<a class='title' href="https://github.com/floppy/currentcost-ruby"
style='background-image:url(/images/projects/currentcost.png)'>
<h1>Currentcost</h1>
</a>
<p>Various bits of hacking around with the output of a <a href='http://currentcost.com'>CurrentCost</a> energy
monitor, including a ruby gem and <a href="https://github.com/floppy/currentcost-daemon">system daemon</a> for
publishing information to the web.</p>
</div>
<div class='card'>
<a class='title' href='http://dothegreenthing.com' style='background-image:url(/images/projects/greenthing.png)'>
<h1>Green Thing</h1>
</a>
<p>A charity I worked with in 2007-8 that tries to make a sustainable lifestyle more desirable by creating
inspirational (and aspirational) content and allowing people to share their own inspiration with others.</p>
</div>
<div class='card'>
<a class='title'
href="http://web.archive.org/web/20070821082917/http://web3d.vapourtech.com/tutorials/vrml97/index.html"
style='background-image:url(/images/projects/web3d.png)'>
<h1>Web3D Guide</h1>
</a>
<p>In the early 2000s, I wrote a popular guide to <a href='https://en.wikipedia.org/wiki/VRML'>VRML97</a>, an early
3D language for the web. The language is long dead, and the site is retired, but
the tutorials are still available via the Internet Archive.</p>
</div>
<div class='card'>
<a class='title' href="https://github.com/downloads/Floppy/phd-thesis/smith03thesis.pdf"
style='background-image:url(/images/projects/phd.png)'>
<h1>PhD Research</h1>
</a>
<p>My PhD thesis was all about efficient animation of dense meshes, using simplification and displacement mapping,
in the days before raw computing power made it all irrelevant.</p>
</div>
</div>