mirror of
https://github.com/Ekokumppanit/CalCalc.git
synced 2026-01-26 11:14:03 +00:00
Init
This commit is contained in:
Juho Teperi
128
index.html
Normal file
128
index.html
Normal file
@@ -0,0 +1,128 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>Calcalc proto</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
|
||||
<!--<link href='http://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css'>-->
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/2.0/css/font-awesome.css" rel="stylesheet"/>
|
||||
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap.no-icons.min.css" rel="stylesheet">
|
||||
<link href="main.css" rel="stylesheet"/>
|
||||
<style>
|
||||
* { font-family: Arial; }
|
||||
.calculator { width: 60%; margin: 0 auto; }
|
||||
</style>
|
||||
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="container calculator">
|
||||
<div class="row-fluid">
|
||||
<div class="span12">
|
||||
<h1>Polkupyöräily kalorilaskuri</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- copy+paste -->
|
||||
|
||||
<script src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>
|
||||
<script src="main.js" type="text/javascript"></script>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span3">
|
||||
<legend>
|
||||
Sukupuoli
|
||||
<span class="help"><i class="icon-question-sign" rel="tooltip" title="Ei vaikuta tulokseen. Käytetään tulosten tilastoinnissa."></i></span>
|
||||
</legend>
|
||||
<div class="btn-group row-fluid" data-toggle="buttons-radio" id="gender">
|
||||
<button type="button" class="btn span6 btn-large" data-gender="1">M</button>
|
||||
<button type="button" class="btn span6 btn-large" data-gender="2">N</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3 select-speed">
|
||||
<legend>Nopeus</legend>
|
||||
<div class="dropdown">
|
||||
<a href="#" class="btn speed-btn dropdown-toggle" data-toggle="dropdown" id="selectedSpeed">
|
||||
<span class="activity"> </span>
|
||||
<span class="description"> </span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="speed">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span6">
|
||||
<legend>Paino</legend>
|
||||
<div>
|
||||
<div class="input-append large">
|
||||
<input type="text" id="weight" size="1"/>
|
||||
<span class="add-on">kg</span>
|
||||
</div>
|
||||
<div class="error-msg message hide">Kirjoita kenttään numero.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span6">
|
||||
<legend>
|
||||
Reitti
|
||||
<span class="help"><i class="icon-question-sign" rel="tooltip" title="Käyttää Google Mapsia reittien laskemiseen. Reitit kulkevat pyöräilyyn sopivia teitä."></i></span>
|
||||
</legend>
|
||||
<div class="row-fluid">
|
||||
<div class="span9">
|
||||
<div class="input-prepend">
|
||||
<span class="add-on">1.</span>
|
||||
<input type="text" id="place1" data-var="place1" placeholder="Lähtöosoite"/>
|
||||
</div>
|
||||
<div class="input-prepend">
|
||||
<span class="add-on">2.</span>
|
||||
<input type="text" id="place2" data-var="place2" placeholder="Kohdeosoite"/>
|
||||
</div>
|
||||
<div class="zero-results-msg message hide">Ei reittiä osoitteiden välillä.</div>
|
||||
<div class="not-found-msg message hide">Toista osoitteista ei löytynyt.</div>
|
||||
<a href="#" target="new" class="google-maps-msg hide" tabindex="-1">Katso reitti Google Mapsissa <i class="icon-external-link"></i></a>
|
||||
</div>
|
||||
<button type="button" class="btn find-route span3 btn-large" id="compute"><i class="icon-arrow-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span6">
|
||||
<legend>Matka</legend>
|
||||
<div>
|
||||
<div class="input-append large">
|
||||
<input type="text" id="distance" size="1"/>
|
||||
<span class="add-on">km</span>
|
||||
</div>
|
||||
<div class="error-msg message hide">Kirjoita kenttään numero.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span12">
|
||||
<p class="result">Kulutit matkallasi <strong><span id="calories">0</span> kilokaloria</strong><span id="control"></span>.</p>
|
||||
|
||||
<p>
|
||||
<button type="button" class="btn facebook-btn" id="facebook-share"><i class="icon-facebook-sign"></i> Lähetä Facebookiin</button>
|
||||
tai vaihtoehtoisesti voit kopioida sivun osoitteen ja jakaa sen.
|
||||
</p>
|
||||
|
||||
<p><strong>Kalorinkulutuksen laskeminen</strong> perustuu MET-arvoihin (<a href="http://fi.wikipedia.org/wiki/Metabolinen_ekvivalentti" target="new">Metabolinen ekvivalentti</a>). Yksi <italic>MET</italic> on 1<italic>kcal/kg/tunti</italic>, joten kertomalla MET arvo painolla ja ajalla saadaan kalorien kulutus.</p>
|
||||
<ul class="sources">
|
||||
<li>Lähde 1: <a href="https://sites.google.com/site/compendiumofphysicalactivities/" target="new">Compendium of Physical Activities</a></li>
|
||||
</ul>
|
||||
|
||||
<p><strong>Vastaukset tilastoidaan</strong>, jotta voidaan seurata sukupuolijakaumaa, keskimääräistä matkaa ja kalorinkulutusta. Tietoja ei yksilöidä.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- / copy+paste -->
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user