Showing source for: https://icandosomething.com/uol/
Duration: 0.78921s
Server: Apache
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
UOL * Home
</title>
<meta content="Peter" name="author">
<meta content="http://icandosomething.com/" property="og:url">
<meta content="website" property="og:type">
<meta content="University of Life" property="og:title">
<meta content="Consciously co-creating Heaven on Earth." property="og:description">
<meta content="http://icandosomething.com/images/Earth_living.jpg" property="og:image">
<meta content="image/jpg" property="og:image:type">
<meta content="1058" property="og:image:width">
<meta content="595" property="og:image:height">
<link href="styles/uol_index.css" rel="stylesheet" type="text/css">
<link href="styles/header.css" rel="stylesheet" type="text/css">
<link href="styles/menu.css" rel="stylesheet" type="text/css">
<link href="styles/credits.css" rel="stylesheet" type="text/css">
<!-- player skin -->
<link href="videos/skin/minimalist.css" rel="stylesheet">
<style>
.flowplayer {
width : 640px;
height : 360px;
}
.flowplayer.is-mouseout .fp-timeline {
height : 0px;
}
.flowplayer {
border : #9498a1 20px solid;
-webkit-border-radius: 20px;
-moz-border-radius : 20px;
border-radius : 20px;
-webkit-box-shadow : 0px 0px 10px -2px black;
-moz-box-shadow : 0px 0px 10px -2px black;
box-shadow : 0px 0px 10px -2px black;
}
.myButton {
background : #9900FF;
/*background-image: -webkit-linear-gradient(top, #d9345a, #b82b3b);
background-image: -moz-linear-gradient(top, #d9345a, #b82b3b);
background-image: -ms-linear-gradient(top, #d9345a, #b82b3b);
background-image: -o-linear-gradient(top, #d9345a, #b82b3b);
background-image: linear-gradient(to bottom, #d9345a, #b82b3b);*/
-webkit-border-radius: 28;
-moz-border-radius : 28;
border-radius : 28px;
text-shadow : 1px 1px 3px #666666;
font-family : Arial, sans-serif;
color : #ffffff;
font-size : 16px;
padding : 5px 20px 5px 20px;
border : solid #b3a431 2px;
text-decoration : none;
}
.myButton:hover {
background : #fe0303;
/*background-image: -webkit-linear-gradient(top, #d9345a, #d9345a);
background-image: -moz-linear-gradient(top, #d9345a, #d9345a);
background-image: -ms-linear-gradient(top, #d9345a, #d9345a);
background-image: -o-linear-gradient(top, #d9345a, #d9345a);
background-image: linear-gradient(to bottom, #d9345a, #d9345a);*/
text-decoration : none;
cursor : pointer;
cursor : hand;
}
</style>
<script src="scripts/uol_index.js">
</script>
<!-- flowplayer depends on jQuery 1.7.1+ (for now) -->
<script src="//code.jquery.com/jquery-1.11.0.min.js">
</script>
<!-- include flowplayer -->
<script src="videos/flowplayer.min.js">
</script>
</head>
<body>
<div id="fb-root">
</div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id="container">
<div id="plaque">
<a href="index.html" style="text-decoration: none;">
<span class="label">
University of Life
</span>
</a>
</div>
</div>
<div id="status">
Gregorian Day Month Year
</div>
<div id="output" onmouseout="popscreen('overscreen3','none')" onmouseover="popscreen('overscreen3','inline-block')">
Colour Tone Glyph
</div>
<div id="centre_pane">
<div class="flowplayer" data-ratio="0.5625" data-swf="flowplayer.swf" id="portal">
<video autoplay="" height="360" id="vid1" loop="" muted="" poster="videos/Earth_orbit.png" width="640">
<source src="videos/Earth_orbit_SD.mp4" type="video/mp4">
<source src="videos/Earth_orbit_SD.webm" type="video/webm">
<source src="videos/Earth_orbit_SD.ogv" type="video/ogg">
<img height="360" id="static" src="videos/Earth_orbit.png" title="No video playback capabilities" width="640">
</video>
<div id="overscreen1">
<span class="text1">
<img alt="Ecological footprint" height="220" src="images/footprint.png" style="position: relative; left: 10px; top: 10px; float: left; padding-right:20px;" width="129">
<b>
Bio-loading
</b>
reflects how the Human Ecological Footprint [demand on the biosphere] compares to the planet's Biocapacity [shorthand for biological capacity, which is the ability of an ecosystem to produce useful biological materials (for Human consumption) and to absorb wastes generated by Human activity i.e. carbon dioxide emissions].
<br>
<br>
Overall, we are currently operating in excess of 150%; Which means, in its simplest form, that we are living 'beyond our means'.
</span>
<span style="position: absolute; bottom: 10px; left: 15px;width: 100%;color: white; font-family: Arial, sans-serif;">
Click for more information from the Global Footprint Network.
</span>
</div>
<div id="overscreen2">
<span class="text1">
Currently operating at overcapacity. Environmental debt running at 18 months.
</span>
</div>
<div id="overscreen3">
<span class="text1">
<img alt="HunabKu" height="220" longdesc="One giver of time and measure" src="images/hunabku_round.png" style="position: relative; left: 10px; top: 10px; float: left; padding-right:20px;" width="220">
<strong>
Dreamspell:Synchronometer
</strong>
<br>
<br>
13 Moon Natural Time Calendar of Peace
</span>
<span style="position: absolute; bottom: 10px; left: 15px;width: 100%;color: white; font-family: Arial, sans-serif;">
Click to access Galactic Signature Decoder
</span>
</div>
<div id="overscreen4">
<span class="text1">
<img alt="Attention" height="250" src="images/attention.png" style="position: relative; left: 10px; top: 10px; float: left; padding-right:20px;" width="250">
<span style="font-size: larger;">
<strong>
Biosphere overload.
</strong>
</span>
<br>
<br>
Current 'developed economy' lifestyle model is
<b>
un-sustainable
</b>
. Immediate action required to avoid catastrophic life support system failure.
<br>
<br>
Take action NOW by selecting from the options below.
</span>
<span id="noflash" style="position: absolute; bottom: 10px; left: 15px;width: 100%;color: white; font-family: Arial, sans-serif;">
Click to stop flashing.
</span>
</div>
<div id="overscreen5">
<span class="text1">
<img alt="Pioneer plaque" height="220" longdesc="Humans as depicted on Pioneer plaque" src="images/Human_plaque.png" style="position: relative; left: 10px; top: 10px; float: left;" width="200">
<p>
The population counter is based on javascript code written by Adam Brown using most recent base figures for population taken from the United States Census Bureau data set.
<br>
<br>
Although the population has increased dramatically over the last fifty years, our best information suggests that it looks set to level out at around 11 billion by the end of the century.
</p>
</span>
<span style="position: absolute; bottom: 10px; left: 15px;width: 100%;color: white; font-family: Arial, sans-serif;">
Click to view enlightening video presentation by Hans Rosling.
</span>
</div>
<div id="motto">
In service to the well-being of humanity
</div>
<div id="screentext">
Copyright © 2014-2016 Peter Chaddock
</div>
</div>
<div id="textDestination">
<span class="blinking" id="typed-cursor">
_
</span>
</div>
<div id="readout">
<div class="humans" onclick="javascript:location.href='http://www.gapminder.org/videos/dont-panic-the-facts-about-population/#.VFUL4CWEV2N'" onmouseout="popscreen('overscreen5','none')" onmouseover="popscreen('overscreen5','inline-block')">
<span>
Humans:
</span>
</div>
<div id="count" onclick="javascript:location.href='http://www.gapminder.org/videos/dont-panic-the-facts-about-population/#.VFUL4CWEV2N'" onmouseout="popscreen('overscreen5','none')" onmouseover="popscreen('overscreen5','inline-block')">
<span id="worldpop">
</span>
</div>
<div class="bio" onclick="javascript:location.href='http://www.footprintnetwork.org/'" onmouseout="popscreen('overscreen1','none')" onmouseover="popscreen('overscreen1','inline-block')">
<span style="position:relative;">
Bio-loading:
</span>
</div>
<div id="meter" onclick="javascript:location.href='http://www.footprintnetwork.org/'" onmouseout="popscreen('overscreen1','none')" onmouseover="popscreen('overscreen1','inline-block')">
<table id="leds">
<tbody>
<tr>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="green">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
<td class="over">
</td>
</tr>
<!--
<tr style="border: 0;"><td class="val" colspan="20">0</td><td class="val" colspan="20">100%</td></tr>
-->
</tbody>
</table>
</div>
</div>
<div id="options" style="width: 100%;text-align: center;position: absolute; top: 450px;">
<a class="myButton" href="theatre.html">
View Presentation
</a>
<a class="myButton" href="office.html">
Register
</a>
<a class="myButton" href="proposal.html">
Read Proposal
</a>
<a class="myButton" href="http://icandosomething.com/mayancalendar/" title="Galactic Signature Decoder">
Decode GS
</a>
<a class="myButton" href="http://icandosomething.com/pod/" title="Sustainable dwelling">
Eco Pod
</a>
<!-- <button onMouseOver="this.style.backgroundColor = 'red';" onMouseOut="this.style.backgroundColor = 'grey';" onclick="javascript:window.location.href='theatre.html'" style="background-color: grey;height: 26px;cursor: pointer; cursor: hand;"><span style="color: white;">View Presentation</span></button>
<button onMouseOver="this.style.backgroundColor = 'red';" onMouseOut="this.style.backgroundColor = 'grey';" onclick="javascript:window.location.href='office.html'" style="background-color: grey;height: 26px;cursor: pointer; cursor: hand;"><span style="color: white;">Register</span></button>
<button onMouseOver="this.style.backgroundColor = 'red';" onMouseOut="this.style.backgroundColor = 'grey';" onclick="javascript:window.location.href='proposal.html'" style="background-color: grey;height: 26px;cursor: pointer; cursor: hand;"><span style="color: white;">Read Proposal</span></button> -->
</div>
</div>
<input id="current_day" name="current_day" type="hidden">
<div class="credits_style" id="credits_list" onmouseout="popscreen('credits_list','none');" onmouseover="popscreen('credits_list','inline-block');">
<table>
<tbody>
<tr>
<td>
Website Hosting & Email Service
</td>
<td>
<a href="http://www.photon.net/">
Photon.Net
</a>
</td>
</tr>
<tr>
<td>
Electricity (for UK office)
</td>
<td>
<a href="https://www.ecotricity.co.uk/i-can">
Ecotricity
</a>
</td>
</tr>
<tr>
<td>
Computer (previously owned laptop)
</td>
<td>
<a href="http://www.amazon.co.uk/Acer-Aspire-15-6-inch-DVD-RW-Premium/dp/B002IVTTJC">
Acer Aspire 5738
</a>
</td>
</tr>
<tr>
<td>
Operating System (primary)
</td>
<td>
<a href="http://www.ubuntu.com/">
Ubuntu
</a>
</td>
</tr>
<tr>
<td>
Editor (html,css,javascript,php)
</td>
<td>
<a href="http://bluefish.openoffice.nl/index.html">
Bluefish
</a>
</td>
</tr>
<tr>
<td>
3D Design (under Windows XP via VirtualBox)
</td>
<td>
<a href="http://www.sketchup.com/">
Sketchup
</a>
</td>
</tr>
<tr>
<td>
3D Graphics (under Windows XP via VirtualBox)
</td>
<td>
<a href="http://www.povray.org/">
POV-Ray
</a>
</td>
</tr>
<tr>
<td>
Image Manipulation
</td>
<td>
<a href="http://www.gimp.org/">
GIMP
</a>
</td>
</tr>
<tr>
<td>
Camera
</td>
<td>
<a href="http://www.fujifilm.com/support/digital_cameras/specifications/j/finepix_j30/">
FUJIFILM FinePix J30
</a>
</td>
</tr>
<tr>
<td>
Slides
</td>
<td>
<a href="http://www.libreoffice.org/">
LibreOffice
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="donations_style" id="donations_info" onmouseout="popscreen('donations_info','none');" onmouseover="popscreen('donations_info','inline-block');">
<p>
In order to optimise our resources (i.e. avoid unnecessary transaction charges), it is suggested that donations are made via the following methods (listed in order of preference):
</p>
<br>
<ol style="margin-left: 15px;">
<li>
Bank Transfer (UK bank accounts only) - Sort Code:089300 Account No:15469717
<br>
<span style="font-size: 8pt;">
There is no fee for this service so 100% of your donation gets through. Avoid this method for non-UK bank accounts as the fees and hidden charges (i.e. inflated currency conversion rates) make this a wasteful option.
</span>
</li>
<br>
<li>
Paypal - using 'Send money to Friend', namely [email protected]
<br>
<span style="font-size: 8pt;">
There is no fee for this service if your Paypal account is registered in the UK and you are using funds drawn from your Paypal balance, bank account or debit card in GBP. If your Paypal account is registered outside of the UK then fees can be kept to a minimum by using funds drawn from your Paypal balance or bank account.
</span>
</li>
<br>
<li>
Bitcoin - send to [email protected]
<br>
<span style="font-size: 8pt;">
Small transaction fee regardless of amount or where in the World.
</span>
</li>
</ol>
<br>
</div>
<div id="credits" onmouseout="popscreen('credits_list','none');" onmouseover="popscreen('credits_list','inline-block');">
Credits
</div>
<div id="donations" onmouseout="popscreen('donations_info','none');" onmouseover="popscreen('donations_info','inline-block');">
Donations
</div>
<script src="scripts/menu.js" type="text/javascript">
</script>
<script>
</script>
<button id="dosmtgleft" onclick="flashswitch();" onmouseout="popscreen('overscreen4','none');" onmouseover="popscreen('overscreen4','inline-block');">
DO SOMETHING
</button>
<button id="dosmtgright" name="DOSMTG" onclick="flashswitch();" onmouseout="popscreen('overscreen4','none');" onmouseover="popscreen('overscreen4','inline-block');" type="button">
DO SOMETHING
</button>
</body>
</html>