Initial commit
This commit is contained in:
362
-Old/whatareyouliftingapp-V2.html
Normal file
362
-Old/whatareyouliftingapp-V2.html
Normal file
@@ -0,0 +1,362 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html class="no-js" lang="">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||||
|
<title>What are you lifting?</title>
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<link rel="manifest" href="site.webmanifest">
|
||||||
|
<link rel="apple-touch-icon" href="icon.png">
|
||||||
|
<!-- Place favicon.ico in the root directory -->
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/normalize.css">
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!--[if lte IE 9]>
|
||||||
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<!-- Add your site or application content here -->
|
||||||
|
<div>
|
||||||
|
<h1>What are you lifting?</h1>
|
||||||
|
<p>Type in your weight below and it will calculate the plates needed.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Plate Visuals -->
|
||||||
|
<div>
|
||||||
|
<input type="number" name="Target" min="45" step="1" value="0" readonly="readonly" id="Target">
|
||||||
|
<input type="hidden" name="Final" min="45" step="1" value="0" readonly="readonly" id="finalw">
|
||||||
|
<p>Offset:</p>
|
||||||
|
<input type="number" name="Dif" min="0" step="1" value="0" readonly="readonly" id="diff">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Plate Requirements -->
|
||||||
|
<div>
|
||||||
|
<p>Plates Needed on Each Side</p>
|
||||||
|
<ul>
|
||||||
|
<li>45 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="N45" min="0" step="1" value="0" readonly="readonly" id="req45">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>35 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="N35" min="0" step="1" value="0" readonly="readonly" id="req35">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>25 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="N25" min="0" step="1" value="0" readonly="readonly" id="req25">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>10 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="N10" min="0" step="1" value="0" readonly="readonly" id="req10">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number"name="N5" min="0" step="1" value="0" readonly="readonly" id="req5">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>2.5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number"name="N2half" min="0" step="1" value="0" readonly="readonly" id="req2">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Color Space -->
|
||||||
|
|
||||||
|
<div></div>
|
||||||
|
|
||||||
|
<!-- Weight Entry -->
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p>WEIGHT</p>
|
||||||
|
<input type="number" name="Weight" value="225" id="Weight">
|
||||||
|
<input type="button" name="Calculate" value="Lift" onclick="startcalc()">
|
||||||
|
<h2>Options</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Options Section -->
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p>BAR WEIGHT</p>
|
||||||
|
<input type="number" name="BAR" value="45" id="Bar">
|
||||||
|
<p>PERCENT OF WEIGHT</p>
|
||||||
|
<select name="percentage" id="Percentage">
|
||||||
|
<option value="1" selected="">100% </option>
|
||||||
|
<option value="0.95">95% </option>
|
||||||
|
<option value="0.90">90% </option>
|
||||||
|
<option value="0.85">85% </option>
|
||||||
|
<option value="0.80">80% </option>
|
||||||
|
<option value="0.75">75% </option>
|
||||||
|
<option value="0.70">70% </option>
|
||||||
|
<option value="0.65">65% </option>
|
||||||
|
<option value="0.60">60% </option>
|
||||||
|
<option value="0.55">55% </option>
|
||||||
|
<option value="0.50">50% </option>
|
||||||
|
<option value="0.45">45% </option>
|
||||||
|
<option value="0.40">40% </option>
|
||||||
|
<option value="0.35">35% </option>
|
||||||
|
<option value="0.30">30% </option>
|
||||||
|
<option value="0.25">25% </option>
|
||||||
|
<option value="0.20">20% </option>
|
||||||
|
<option value="0.15">15% </option>
|
||||||
|
<option value="0.10">10% </option>
|
||||||
|
<option value="0.05">5% </option>
|
||||||
|
</select>
|
||||||
|
<p>Plates Available</p>
|
||||||
|
<ul>
|
||||||
|
<li>45 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="A45" min="0" step="1" value="20" id="avail45">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>35 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="A35" min="0" step="1" value="2" id="avail35">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>25 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="A25" min="0" step="1" value="2" id="avail25">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>10 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="A10" min="0" step="1" value="2" id="avail10">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number"name="A5" min="0" step="1" value="2" id="avail5">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>2.5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="A2half" min="0" step="1" value="2" id="avail2">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Back to top Button -->
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h2>Back to Top</h2>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
var weighttolift = 0;
|
||||||
|
var percentage = 0;
|
||||||
|
|
||||||
|
var target = 0;
|
||||||
|
// calculation function starts here
|
||||||
|
|
||||||
|
function startcalc() {
|
||||||
|
// making variables to use the values later.
|
||||||
|
|
||||||
|
// make the weight that have to be lifted after minus the bar weight etc.
|
||||||
|
|
||||||
|
var weighttolift = document.getElementById('Weight').value;
|
||||||
|
var percentage = document.getElementById('Percentage').value;
|
||||||
|
var bar = document.getElementById('Bar').value;
|
||||||
|
|
||||||
|
// targeted values
|
||||||
|
var target = document.getElementById('Target');
|
||||||
|
|
||||||
|
// this funciton calculates the weight percentage , final , difference etc
|
||||||
|
|
||||||
|
targets = Math.floor(weighttolift * percentage);
|
||||||
|
|
||||||
|
// final wieght calculater
|
||||||
|
target.value = targets;
|
||||||
|
|
||||||
|
var finals = Math.floor(parseInt(target.value) - parseInt(bar));
|
||||||
|
|
||||||
|
|
||||||
|
//this function assign the required plate pairs value
|
||||||
|
|
||||||
|
var weightcalculate = 0;
|
||||||
|
|
||||||
|
var avail45 = document.getElementById('avail45').value;
|
||||||
|
|
||||||
|
if (avail45 == 0) {
|
||||||
|
document.getElementById('req45').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var c = 0;
|
||||||
|
for (var a = 1; a <= avail45; a++) {
|
||||||
|
if (finals >= 90) {
|
||||||
|
c++;
|
||||||
|
finals -= 90;
|
||||||
|
weightcalculate += 90;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (c == 0) {
|
||||||
|
document.getElementById('req45').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req45').value = c;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail35 = document.getElementById('avail35').value;
|
||||||
|
|
||||||
|
if (avail35 == 0) {
|
||||||
|
document.getElementById('req35').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var d = 0;
|
||||||
|
for (var a = 1; a <= avail35; a++) {
|
||||||
|
if (finals >= 70) {
|
||||||
|
d++;
|
||||||
|
finals -= 70;
|
||||||
|
weightcalculate += 70;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if (d == 0) {
|
||||||
|
document.getElementById('req35').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req35').value = d;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail25 = document.getElementById('avail25').value;
|
||||||
|
|
||||||
|
if (avail25 == 0) {
|
||||||
|
document.getElementById('req25').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var e = 0;
|
||||||
|
for (var a = 1; a <= avail25; a++) {
|
||||||
|
if (finals >= 50) {
|
||||||
|
e++;
|
||||||
|
finals -= 50;
|
||||||
|
weightcalculate += 50;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (e == 0) {
|
||||||
|
document.getElementById('req25').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req25').value = e;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail10 = document.getElementById('avail10').value;
|
||||||
|
|
||||||
|
if (avail10 == 0) {
|
||||||
|
document.getElementById('req10').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var f = 0;
|
||||||
|
for (var a = 1; a <= avail10; a++) {
|
||||||
|
if (finals >= 20) {
|
||||||
|
f++;
|
||||||
|
finals -= 20;
|
||||||
|
weightcalculate += 20;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (f == 0)
|
||||||
|
{
|
||||||
|
document.getElementById('req10').value = null;
|
||||||
|
} else {
|
||||||
|
|
||||||
|
document.getElementById('req10').value = f;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail5 = document.getElementById('avail5').value;
|
||||||
|
|
||||||
|
if (avail5 == 0) {
|
||||||
|
document.getElementById('req5').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var g = 0;
|
||||||
|
for (var a = 1; a <= avail5; a++) {
|
||||||
|
if (finals >= 10) {
|
||||||
|
g++;
|
||||||
|
finals -= 10;
|
||||||
|
weightcalculate += 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (g == 0) {
|
||||||
|
document.getElementById('req5').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req5').value = g;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail2 = document.getElementById('avail2').value;
|
||||||
|
|
||||||
|
if (avail2 == 0) {
|
||||||
|
document.getElementById('req2').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var h = 0;
|
||||||
|
for (var a = 1; a <= avail2; a++) {
|
||||||
|
if (finals >= 5) {
|
||||||
|
h++;
|
||||||
|
finals -= 5;
|
||||||
|
weightcalculate += 5;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if (h == 0) {
|
||||||
|
document.getElementById('req2').value = null;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
document.getElementById('req2').value = h;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var bar2 = document.getElementById('Bar').value;
|
||||||
|
document.getElementById('finalw').value = Math.floor(parseInt(weightcalculate) + parseInt(bar2));
|
||||||
|
var targ = document.getElementById('Target').value;
|
||||||
|
var finalssweight = document.getElementById('finalw').value;
|
||||||
|
|
||||||
|
document.getElementById('diff').value = Math.floor(parseInt(targ) - parseInt(finalssweight));
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
|
||||||
|
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
|
||||||
|
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
|
||||||
|
<script src="js/plugins.js"></script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
|
||||||
|
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
|
||||||
|
<script>
|
||||||
|
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
|
||||||
|
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
|
||||||
|
</script>
|
||||||
|
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
177
-Old/whatareyouliftingapp-V3.html
Normal file
177
-Old/whatareyouliftingapp-V3.html
Normal file
@@ -0,0 +1,177 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html class="no-js" lang="">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||||
|
<title>What are you lifting?</title>
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<link rel="manifest" href="site.webmanifest">
|
||||||
|
<link rel="apple-touch-icon" href="icon.png">
|
||||||
|
<!-- Place favicon.ico in the root directory -->
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/normalize.css">
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
<link rel="stylesheet" href="css/appstyling.css">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Zilla+Slab:500,500i" rel="stylesheet">
|
||||||
|
<script src="js/Weight Calculation Script-Edited-Jquery-V3.js"> </script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!--[if lte IE 9]>
|
||||||
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<!-- Add your site or application content here -->
|
||||||
|
<div class="b-container">
|
||||||
|
<a name="header"></a><div class="b-header">
|
||||||
|
<div class="b-header__container">
|
||||||
|
<h1 class="b-header__heading">What are you lifting?</h1>
|
||||||
|
<p class="b-header__subheading subheading">Type in your weight below and it will calculate the plates needed.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Plate Visuals -->
|
||||||
|
<div class="b-platevisual">
|
||||||
|
<div class="b-platevisual__container">
|
||||||
|
<input type="text" name="Final" class="b-platevisual__weightfinal input-element input-final" min="45" step="1" value="0" readonly="readonly" id="Final">LBS
|
||||||
|
<div class="b-platevisual__barbell">
|
||||||
|
<img src="https://qph.fs.quoracdn.net/main-qimg-377c39d784e8860d4ce6142fba0e09e0-c" style="width: 50%">
|
||||||
|
</div>
|
||||||
|
<p class="subheading">Offset:</p>
|
||||||
|
<input type="text" name="Dif" min="0" class="b-platevisual__weightdifference input-element input-difference" step="1" value="0" readonly="readonly" id="diff">LBS
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Plate Requirements -->
|
||||||
|
<div class="b-platerequirements">
|
||||||
|
<p class="b-platerequirements__subheading subheading">Plates Needed on Each Side</p>
|
||||||
|
<ul class="b-platerequirements__input">
|
||||||
|
<li>45 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="N45" class="input-element input-weightsneeded input-needed45" min="0" step="1" value="0" readonly="readonly" id="req45">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>35 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="N35" class="input-element input-weightsneeded input-needed35" min="0" step="1" value="0" readonly="readonly" id="req35">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>25 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="N25" class="input-element input-weightsneeded input-needed25" min="0" step="1" value="0" readonly="readonly" id="req25">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>10 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="N10" class="input-element input-weightsneeded input-needed10" min="0" step="1" value="0" readonly="readonly" id="req10">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number"name="N5" class="input-element input-weightsneeded input-needed5" min="0" step="1" value="0" readonly="readonly" id="req5">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>2.5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number"name="N2half" class="input-element input-weightsneeded input-needed2" min="0" step="1" value="0" readonly="readonly" id="req2">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Color Space -->
|
||||||
|
|
||||||
|
<div></div>
|
||||||
|
|
||||||
|
<!-- Weight Entry -->
|
||||||
|
|
||||||
|
<div class="b-infoentry">
|
||||||
|
<p class="b-infoentry__overline">WEIGHT</p>
|
||||||
|
<input type="text" class="b-infoentry__input input-element input-weight" name="Weight" value="225" id="Weight"> LBS
|
||||||
|
<input type="button" class="b-infoentry__button submit-element input-calculate" name="Calculate" value="Lift" onclick="startcalc()">
|
||||||
|
<a href="#options"><h2 class="b-infoentry__heading">Options</h2></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Options Section -->
|
||||||
|
|
||||||
|
<a name="options"></a><div class="b-options">
|
||||||
|
<p class="b-options__overline">BAR WEIGHT</p>
|
||||||
|
<input type="text" class="b-options__input input-element input-bar" name="Bar" value="45" id="Bar"> LBS
|
||||||
|
<p>PERCENT OF WEIGHT</p>
|
||||||
|
<select name="Percentage" class="b-options__percent input-element input-percentage" id="Percentage">
|
||||||
|
<option value="1" selected="">100% </option>
|
||||||
|
<option value="0.95">95% </option>
|
||||||
|
<option value="0.90">90% </option>
|
||||||
|
<option value="0.85">85% </option>
|
||||||
|
<option value="0.80">80% </option>
|
||||||
|
<option value="0.75">75% </option>
|
||||||
|
<option value="0.70">70% </option>
|
||||||
|
<option value="0.65">65% </option>
|
||||||
|
<option value="0.60">60% </option>
|
||||||
|
<option value="0.55">55% </option>
|
||||||
|
<option value="0.50">50% </option>
|
||||||
|
<option value="0.45">45% </option>
|
||||||
|
<option value="0.40">40% </option>
|
||||||
|
<option value="0.35">35% </option>
|
||||||
|
<option value="0.30">30% </option>
|
||||||
|
<option value="0.25">25% </option>
|
||||||
|
<option value="0.20">20% </option>
|
||||||
|
<option value="0.15">15% </option>
|
||||||
|
<option value="0.10">10% </option>
|
||||||
|
<option value="0.05">5% </option>
|
||||||
|
</select>
|
||||||
|
<p class="b-options__subheading subheading">Plates Available</p>
|
||||||
|
<ul class="b-options__input">
|
||||||
|
<li>45 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="45" class="input-element input-weightsavailable input-available45" name="A45" min="0" step="1" value="20" id="avail45">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>35 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="35" name="A35" class="input-element input-weightsavailable input-available35" min="0" step="1" value="2" id="avail35">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>25 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="25" name="A25" class="input-element input-weightsavailable input-available25" min="0" step="1" value="2" id="avail25">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>10 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="10" name="A10" class="input-element input-weightsavailable input-available10" min="0" step="1" value="2" id="avail10">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="5" name="A5" class="input-element input-weightsavailable input-available5" min="0" step="1" value="2" id="avail5">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>2.5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="2.5" name="A2half" class="input-element input-weightsavailable input-available2" min="0" step="1" value="2" id="avail2">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Back to top Button -->
|
||||||
|
|
||||||
|
<div class="b-returnTop">
|
||||||
|
<a href="#header"> <h2 class="b-returnTop_heading">Back to Top</h2> </a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- <script src="js/vendor/modernizr-3.5.0.min.js"></script> -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
|
||||||
|
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
|
||||||
|
|
||||||
|
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
|
||||||
|
<script>
|
||||||
|
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
|
||||||
|
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
|
||||||
|
</script>
|
||||||
|
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
174
-Old/whatareyouliftingapp-V4.html
Normal file
174
-Old/whatareyouliftingapp-V4.html
Normal file
@@ -0,0 +1,174 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html class="no-js" lang="">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||||
|
<title>What are you lifting?</title>
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<link rel="manifest" href="site.webmanifest">
|
||||||
|
<link rel="apple-touch-icon" href="icon.png">
|
||||||
|
<!-- Place favicon.ico in the root directory -->
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/normalize.css">
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
<link rel="stylesheet" href="css/appstyling.css">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Zilla+Slab:500,500i" rel="stylesheet">
|
||||||
|
<script src="js/Weight Calculation Script-Edited-Jquery-V4.js"> </script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!--[if lte IE 9]>
|
||||||
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<!-- Add your site or application content here -->
|
||||||
|
<div class="b-container">
|
||||||
|
<a name="header"></a><div class="b-header">
|
||||||
|
<div class="b-header__container">
|
||||||
|
<h1 class="b-header__heading">What are you lifting?</h1>
|
||||||
|
<p class="b-header__subheading subheading">Type in your weight below and it will calculate the plates needed.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Plate Visuals -->
|
||||||
|
<div class="b-platevisual">
|
||||||
|
<div class="b-platevisual__container">
|
||||||
|
<p class="b-platevisual__weightfinal"><span class="input-element input-final">0</span> LBS</p>
|
||||||
|
<div class="b-platevisual__barbell">
|
||||||
|
<img src="https://qph.fs.quoracdn.net/main-qimg-377c39d784e8860d4ce6142fba0e09e0-c" style="width: 50%">
|
||||||
|
</div>
|
||||||
|
<p class="subheading">Offset: <span class="input-difference">0</span> LBS</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="b-calulatorinputs">
|
||||||
|
<!-- Plate Requirements -->
|
||||||
|
<div class="b-platerequirements">
|
||||||
|
<p class="b-platerequirements__subheading subheading">Plates Needed on Each Side</p>
|
||||||
|
<ul class="b-platerequirements__input">
|
||||||
|
<li>45 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="N45" class="input-element input-weightsneeded input-needed45" min="0" step="1" value="0" readonly="readonly" id="req45">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>35 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="N35" class="input-element input-weightsneeded input-needed35" min="0" step="1" value="0" readonly="readonly" id="req35">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>25 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="N25" class="input-element input-weightsneeded input-needed25" min="0" step="1" value="0" readonly="readonly" id="req25">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>10 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="N10" class="input-element input-weightsneeded input-needed10" min="0" step="1" value="0" readonly="readonly" id="req10">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number"name="N5" class="input-element input-weightsneeded input-needed5" min="0" step="1" value="0" readonly="readonly" id="req5">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>2.5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number"name="N2half" class="input-element input-weightsneeded input-needed2" min="0" step="1" value="0" readonly="readonly" id="req2">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Weight Entry -->
|
||||||
|
|
||||||
|
<div class="b-infoentry">
|
||||||
|
<p class="b-infoentry__overline">WEIGHT</p>
|
||||||
|
<input type="text" class="b-infoentry__input input-element input-weight" name="Weight" value="225" id="Weight"> LBS
|
||||||
|
<input type="button" class="b-infoentry__button submit-element input-calculate" name="Calculate" value="Lift" onclick="startcalc()">
|
||||||
|
<a href="#options"><h2 class="b-infoentry__heading">Options</h2></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Options Section -->
|
||||||
|
|
||||||
|
<a name="options"></a><div class="b-options">
|
||||||
|
<p class="b-options__overline">BAR WEIGHT</p>
|
||||||
|
<input type="text" class="b-options__input input-element input-bar" name="Bar" value="45" id="Bar"> LBS
|
||||||
|
<p>PERCENT OF WEIGHT</p>
|
||||||
|
<select name="Percentage" class="b-options__percent input-element input-percentage" id="Percentage">
|
||||||
|
<option value="1" selected="">100% </option>
|
||||||
|
<option value="0.95">95% </option>
|
||||||
|
<option value="0.90">90% </option>
|
||||||
|
<option value="0.85">85% </option>
|
||||||
|
<option value="0.80">80% </option>
|
||||||
|
<option value="0.75">75% </option>
|
||||||
|
<option value="0.70">70% </option>
|
||||||
|
<option value="0.65">65% </option>
|
||||||
|
<option value="0.60">60% </option>
|
||||||
|
<option value="0.55">55% </option>
|
||||||
|
<option value="0.50">50% </option>
|
||||||
|
<option value="0.45">45% </option>
|
||||||
|
<option value="0.40">40% </option>
|
||||||
|
<option value="0.35">35% </option>
|
||||||
|
<option value="0.30">30% </option>
|
||||||
|
<option value="0.25">25% </option>
|
||||||
|
<option value="0.20">20% </option>
|
||||||
|
<option value="0.15">15% </option>
|
||||||
|
<option value="0.10">10% </option>
|
||||||
|
<option value="0.05">5% </option>
|
||||||
|
</select>
|
||||||
|
<p class="b-options__subheading subheading">Plates Available</p>
|
||||||
|
<ul class="b-options__input">
|
||||||
|
<li>45 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="45" class="input-element input-weightsavailable input-available45" name="A45" min="0" step="1" value="20" id="avail45">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>35 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="35" name="A35" class="input-element input-weightsavailable input-available35" min="0" step="1" value="2" id="avail35">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>25 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="25" name="A25" class="input-element input-weightsavailable input-available25" min="0" step="1" value="2" id="avail25">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>10 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="10" name="A10" class="input-element input-weightsavailable input-available10" min="0" step="1" value="2" id="avail10">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="5" name="A5" class="input-element input-weightsavailable input-available5" min="0" step="1" value="2" id="avail5">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>2.5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="2.5" name="A2half" class="input-element input-weightsavailable input-available2" min="0" step="1" value="2" id="avail2">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Back to top Button -->
|
||||||
|
|
||||||
|
<div class="b-returnTop">
|
||||||
|
<a href="#header"> <h2 class="b-returnTop_heading">Back to Top</h2> </a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- <script src="js/vendor/modernizr-3.5.0.min.js"></script> -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
|
||||||
|
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
|
||||||
|
|
||||||
|
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
|
||||||
|
<script>
|
||||||
|
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
|
||||||
|
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
|
||||||
|
</script>
|
||||||
|
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
361
-Old/whatareyouliftingapp.html
Normal file
361
-Old/whatareyouliftingapp.html
Normal file
@@ -0,0 +1,361 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html class="no-js" lang="">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||||
|
<title>What are you lifting?</title>
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<link rel="manifest" href="site.webmanifest">
|
||||||
|
<link rel="apple-touch-icon" href="icon.png">
|
||||||
|
<!-- Place favicon.ico in the root directory -->
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/normalize.css">
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!--[if lte IE 9]>
|
||||||
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<!-- Add your site or application content here -->
|
||||||
|
<div>
|
||||||
|
<h1>What are you lifting?</h1>
|
||||||
|
<p>Type in your weight below and it will calculate the plates needed.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Plate Visuals -->
|
||||||
|
<div>
|
||||||
|
<input type="number" name="targetWeight" min="45" step="1" value="0" readonly="readonly">
|
||||||
|
<p>Offset:</p>
|
||||||
|
<input type="number" name="offset" min="0" step="1" value="0" readonly="readonly">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Plate Requirements -->
|
||||||
|
<div>
|
||||||
|
<p>Plates Needed on Each Side</p>
|
||||||
|
<ul>
|
||||||
|
<li>45 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="needed45lbs" min="0" step="1" value="0" readonly="readonly">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>35 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="needed35lbs" min="0" step="1" value="0" readonly="readonly">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>25 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="needed25lbs" min="0" step="1" value="0" readonly="readonly">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>10 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="needed10lbs" min="0" step="1" value="0" readonly="readonly">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number"name="needed5lbs" min="0" step="1" value="0" readonly="readonly">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>2.5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number"name="needed2lbs" min="0" step="1" value="0" readonly="readonly">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Color Space -->
|
||||||
|
|
||||||
|
<div></div>
|
||||||
|
|
||||||
|
<!-- Weight Entry -->
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p>WEIGHT</p>
|
||||||
|
<input type="number" name="weight" value="225">
|
||||||
|
<input type="submit" name="calculate" value="Lift" onclick="startcalc()">
|
||||||
|
<BUTTON onclick="startcalc()">LIFT</BUTTON>
|
||||||
|
<h2>Options</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Options Section -->
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p>BAR WEIGHT</p>
|
||||||
|
<input type="number" name="barWeight" value="45">
|
||||||
|
<p>PERCENT OF WEIGHT</p>
|
||||||
|
<select name="percentage">
|
||||||
|
<option value="1" selected="">100% </option>
|
||||||
|
<option value="0.95">95% </option>
|
||||||
|
<option value="0.90">90% </option>
|
||||||
|
<option value="0.85">85% </option>
|
||||||
|
<option value="0.80">80% </option>
|
||||||
|
<option value="0.75">75% </option>
|
||||||
|
<option value="0.70">70% </option>
|
||||||
|
<option value="0.65">65% </option>
|
||||||
|
<option value="0.60">60% </option>
|
||||||
|
<option value="0.55">55% </option>
|
||||||
|
<option value="0.50">50% </option>
|
||||||
|
<option value="0.45">45% </option>
|
||||||
|
<option value="0.40">40% </option>
|
||||||
|
<option value="0.35">35% </option>
|
||||||
|
<option value="0.30">30% </option>
|
||||||
|
<option value="0.25">25% </option>
|
||||||
|
<option value="0.20">20% </option>
|
||||||
|
<option value="0.15">15% </option>
|
||||||
|
<option value="0.10">10% </option>
|
||||||
|
<option value="0.05">5% </option>
|
||||||
|
</select>
|
||||||
|
<p>Plates Available</p>
|
||||||
|
<ul>
|
||||||
|
<li>45 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="available45lbs" min="0" step="1" value="20">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>35 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="available35lbs" min="0" step="1" value="2">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>25 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="available25lbs" min="0" step="1" value="2">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>10 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="available10lbs" min="0" step="1" value="2">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number"name="available5lbs" min="0" step="1" value="2">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>2.5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" name="available2lbs" min="0" step="1" value="2">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- Back to top Button -->
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h2>Back to Top</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
var weighttolift = 0;
|
||||||
|
var percentage = 0;
|
||||||
|
|
||||||
|
var targetWeight = 0;
|
||||||
|
// calculation function starts here
|
||||||
|
|
||||||
|
function startcalc() {
|
||||||
|
// making variables to use the values later.
|
||||||
|
|
||||||
|
// make the weight that have to be lifted after minus the bar weight etc.
|
||||||
|
|
||||||
|
var weighttolift = document.getElementsByName('weight').value;
|
||||||
|
var percentage = document.getElementsByName('percentage').value;
|
||||||
|
var bar = document.getElementsByName('barWeight').value;
|
||||||
|
|
||||||
|
// targeted values
|
||||||
|
var targetWeight = document.getElementsByName('targetWeight');
|
||||||
|
|
||||||
|
// this funciton calculates the weight percentage , final , difference etc
|
||||||
|
|
||||||
|
targetWeights = Math.floor(weighttolift * percentage);
|
||||||
|
|
||||||
|
// final weight calculator
|
||||||
|
targetWeight.value = targetWeights;
|
||||||
|
|
||||||
|
var finals = Math.floor(parseInt(targetWeight.value) - parseInt(bar));
|
||||||
|
|
||||||
|
//this function assign the required plate pairs value
|
||||||
|
|
||||||
|
var weightcalculate = 0;
|
||||||
|
|
||||||
|
var available45lbs = document.getElementsByName('available45lbs').value;
|
||||||
|
|
||||||
|
if (available45lbs == 0) {
|
||||||
|
document.getElementsByName('needed45lbs').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var b = 0;
|
||||||
|
for (var a = 1; a <= available45lbs; a++) {
|
||||||
|
if (finals >= 200) {
|
||||||
|
b++;
|
||||||
|
finals -= 200;
|
||||||
|
weightcalculate += 200;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (b == 0) {
|
||||||
|
document.getElementsByName('needed45lbs').value = null;
|
||||||
|
} else {
|
||||||
|
|
||||||
|
document.getElementsByName('needed45lbs').value = b;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var available35lbs = document.getElementsByName('available35lbs').value;
|
||||||
|
|
||||||
|
if (available35lbs == 0) {
|
||||||
|
document.getElementsByName('needed35lbs').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var d = 0;
|
||||||
|
for (var a = 1; a <= available35lbs; a++) {
|
||||||
|
if (finals >= 70) {
|
||||||
|
d++;
|
||||||
|
finals -= 70;
|
||||||
|
weightcalculate += 70;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if (d == 0) {
|
||||||
|
document.getElementsByName('needed35lbs').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementsByName('needed35lbs').value = d;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var available25lbs = document.getElementsByName('available25lbs').value;
|
||||||
|
|
||||||
|
if (available25lbs == 0) {
|
||||||
|
document.getElementsByName('needed25lbs').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var e = 0;
|
||||||
|
for (var a = 1; a <= available25lbs; a++) {
|
||||||
|
if (finals >= 50) {
|
||||||
|
e++;
|
||||||
|
finals -= 50;
|
||||||
|
weightcalculate += 50;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (e == 0) {
|
||||||
|
document.getElementsByName('needed25lbs').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementsByName('needed25lbs').value = e;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var available10lbs = document.getElementsByName('available10lbs').value;
|
||||||
|
|
||||||
|
if (available10lbs == 0) {
|
||||||
|
document.getElementsByName('needed10lbs').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var f = 0;
|
||||||
|
for (var a = 1; a <= available10lbs; a++) {
|
||||||
|
if (finals >= 20) {
|
||||||
|
f++;
|
||||||
|
finals -= 20;
|
||||||
|
weightcalculate += 20;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (f == 0)
|
||||||
|
{
|
||||||
|
document.getElementsByName('needed10lbs').value = null;
|
||||||
|
} else {
|
||||||
|
|
||||||
|
document.getElementsByName('needed10lbs').value = f;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var available5lbs = document.getElementsByName('available5lbs').value;
|
||||||
|
|
||||||
|
if (available5lbs == 0) {
|
||||||
|
document.getElementsByName('needed5lbs').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var g = 0;
|
||||||
|
for (var a = 1; a <= available5lbs; a++) {
|
||||||
|
if (finals >= 10) {
|
||||||
|
g++;
|
||||||
|
finals -= 10;
|
||||||
|
weightcalculate += 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (g == 0) {
|
||||||
|
document.getElementsByName('needed5lbs').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementsByName('needed5lbs').value = g;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var available2lbs = document.getElementsByName('available5lbs').value;
|
||||||
|
|
||||||
|
if (available5lbs == 0) {
|
||||||
|
document.getElementsByName('needed2lbs').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var h = 0;
|
||||||
|
for (var a = 1; a <= available5lbs; a++) {
|
||||||
|
if (finals >= 5) {
|
||||||
|
h++;
|
||||||
|
finals -= 5;
|
||||||
|
weightcalculate += 5;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if (h == 0) {
|
||||||
|
document.getElementsByName('needed2lbs').value = null;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
document.getElementsByName('needed2lbs').value = h;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var bar2 = document.getElementsByName('bar').value;
|
||||||
|
document.getElementsByName('finalw').value = Math.floor(parseInt(weightcalculate) + parseInt(bar2));
|
||||||
|
var targ = document.getElementsByName('targetWeight').value;
|
||||||
|
var finalssweight = document.getElementsByName('finalw').value;
|
||||||
|
|
||||||
|
document.getElementsByName('offset').value = Math.floor(parseInt(targ) - parseInt(finalssweight));
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
|
||||||
|
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
|
||||||
|
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
|
||||||
|
<script src="js/plugins.js"></script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
|
||||||
|
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
|
||||||
|
<script>
|
||||||
|
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
|
||||||
|
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
|
||||||
|
</script>
|
||||||
|
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
2
.gitattributes
vendored
Normal file
2
.gitattributes
vendored
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
# Auto detect text files and perform LF normalization
|
||||||
|
* text=auto
|
||||||
0
css/-Old/Icon
Normal file
0
css/-Old/Icon
Normal file
155
css/-Old/appstyling.css
Normal file
155
css/-Old/appstyling.css
Normal file
@@ -0,0 +1,155 @@
|
|||||||
|
/*
|
||||||
|
* What are you lifting V1
|
||||||
|
* Copyright 2018, stevenhaskell
|
||||||
|
* 12/29/2014
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Table of contents - Example
|
||||||
|
––––––––––––––––––––––––––––––––––––––––––––––––––
|
||||||
|
- Grid
|
||||||
|
- Base Styles
|
||||||
|
- Typography
|
||||||
|
- Links
|
||||||
|
- Buttons
|
||||||
|
- Forms
|
||||||
|
- Lists
|
||||||
|
- Code
|
||||||
|
- Tables
|
||||||
|
- Spacing
|
||||||
|
- Utilities
|
||||||
|
- Clearing
|
||||||
|
- Media Queries
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.b-header{
|
||||||
|
height: 25vh;
|
||||||
|
background-color: #48484A;
|
||||||
|
padding: 24px 16px;
|
||||||
|
text-align: center;
|
||||||
|
color: #FFFFFF;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-header__heading{
|
||||||
|
color: #CCFF00;
|
||||||
|
font-family: Roboto;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 48px;
|
||||||
|
letter-spacing: .025em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-header__container {
|
||||||
|
width: 80%;
|
||||||
|
margin: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
-ms-transform: translate(-50%, -50%);
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
p.subheading {
|
||||||
|
font-family: 'Zilla Slab', serif;
|
||||||
|
font-weight: 500;
|
||||||
|
font-style: italic;
|
||||||
|
font-size: 16px;
|
||||||
|
letter-spacing: .75pt;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-platevisual{
|
||||||
|
height: 50vh;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
padding: 24px 16px;
|
||||||
|
text-align: center;
|
||||||
|
color: #48484A;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.b-platevisual__container{
|
||||||
|
width: 80%;
|
||||||
|
margin: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
-ms-transform: translate(-50%, -50%);
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
color: #48484A;
|
||||||
|
font-family: Roboto;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 28px;
|
||||||
|
letter-spacing: .015px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-platevisual__weightfinal{
|
||||||
|
color: #48484A;
|
||||||
|
font-family: Roboto;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 28px;
|
||||||
|
letter-spacing: .015px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-calulatorinputs {
|
||||||
|
height: 25vh;
|
||||||
|
background-color: #8C8E90;
|
||||||
|
padding: 24px 16px;
|
||||||
|
text-align: center;
|
||||||
|
color: #FFFFFF;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-platerequirements__input li ul {
|
||||||
|
list-style: none;
|
||||||
|
text-align: center;
|
||||||
|
display: inline-block;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
.b-container {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-header__heading{
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-header__subheading
|
||||||
|
|
||||||
|
.b-platevisual
|
||||||
|
|
||||||
|
.b-platevisual__weightfinal
|
||||||
|
|
||||||
|
.b-platevisual__barbell
|
||||||
|
|
||||||
|
.b-platevisual__weightdifference
|
||||||
|
|
||||||
|
.b-platerequirements
|
||||||
|
|
||||||
|
.b-platerequirements__subheading
|
||||||
|
|
||||||
|
.b-platerequirements__input
|
||||||
|
|
||||||
|
.b-infoentry
|
||||||
|
|
||||||
|
.b-infoentry__overline
|
||||||
|
|
||||||
|
.b-infoentry__input
|
||||||
|
|
||||||
|
.b-infoentry__button
|
||||||
|
|
||||||
|
.b-infoentry__heading
|
||||||
|
|
||||||
|
.b-options
|
||||||
|
|
||||||
|
.b-options__overline
|
||||||
|
*/
|
||||||
BIN
css/.DS_Store
vendored
Normal file
BIN
css/.DS_Store
vendored
Normal file
Binary file not shown.
142
css/What are you lifting_.htm
Normal file
142
css/What are you lifting_.htm
Normal file
@@ -0,0 +1,142 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- saved from url=(0112)file:///Users/stevenh/Desktop/Side_Projects/What_Are_You_Lifting-App/WhatAreYouLifting/whatareyouliftingapp.html -->
|
||||||
|
<html class="no-js" lang=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||||
|
<title>What are you lifting?</title>
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<link rel="manifest" href="file:///Users/stevenh/Desktop/Side_Projects/What_Are_You_Lifting-App/WhatAreYouLifting/site.webmanifest">
|
||||||
|
<link rel="apple-touch-icon" href="file:///Users/stevenh/Desktop/Side_Projects/What_Are_You_Lifting-App/WhatAreYouLifting/icon.png">
|
||||||
|
<!-- Place favicon.ico in the root directory -->
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./What are you lifting__files/normalize.css">
|
||||||
|
<link rel="stylesheet" href="./What are you lifting__files/main.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!--[if lte IE 9]>
|
||||||
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<!-- Add your site or application content here -->
|
||||||
|
<div>
|
||||||
|
<h1>What are you lifting?</h1>
|
||||||
|
<p>Type in your weight below and it will calculate the plates needed.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Plate Visuals -->
|
||||||
|
<div></div>
|
||||||
|
|
||||||
|
<!-- Plate Requirements -->
|
||||||
|
<div>
|
||||||
|
<p>Plates Needed on Each Side</p>
|
||||||
|
<ul>
|
||||||
|
<li>45 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>35 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>25 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>10 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>2.5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Color Space -->
|
||||||
|
|
||||||
|
<div></div>
|
||||||
|
|
||||||
|
<!-- Weight Entry -->
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p>WEIGHT</p>
|
||||||
|
<input type="number" name="weight">
|
||||||
|
<input type="submit" name="calculate">
|
||||||
|
<h2>Options</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Options Section -->
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p>BAR WEIGHT</p>
|
||||||
|
<input type="number" name="barweight">
|
||||||
|
<p>PERCENT OF WEIGHT</p>
|
||||||
|
<select name="percent"></select>
|
||||||
|
<p>Plates Available</p>
|
||||||
|
<ul>
|
||||||
|
<li>45 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>35 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>25 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>10 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>2.5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- Back to top Button -->
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h2>Back to Top</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<script src="file:///Users/stevenh/Desktop/Side_Projects/What_Are_You_Lifting-App/WhatAreYouLifting/js/vendor/modernizr-3.5.0.min.js"></script>
|
||||||
|
<script src="./What are you lifting__files/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
|
||||||
|
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
|
||||||
|
<script src="file:///Users/stevenh/Desktop/Side_Projects/What_Are_You_Lifting-App/WhatAreYouLifting/js/plugins.js"></script>
|
||||||
|
<script src="file:///Users/stevenh/Desktop/Side_Projects/What_Are_You_Lifting-App/WhatAreYouLifting/js/main.js"></script>
|
||||||
|
|
||||||
|
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
|
||||||
|
<script>
|
||||||
|
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
|
||||||
|
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
|
||||||
|
</script>
|
||||||
|
<script src="./What are you lifting__files/analytics.js" async="" defer=""></script>
|
||||||
|
|
||||||
|
</body></html>
|
||||||
0
css/What are you lifting__files/Icon
Normal file
0
css/What are you lifting__files/Icon
Normal file
58
css/What are you lifting__files/analytics.js
Normal file
58
css/What are you lifting__files/analytics.js
Normal file
@@ -0,0 +1,58 @@
|
|||||||
|
(function(){var $c=function(a){this.w=a||[]};$c.prototype.set=function(a){this.w[a]=!0};$c.prototype.encode=function(){for(var a=[],b=0;b<this.w.length;b++)this.w[b]&&(a[Math.floor(b/6)]^=1<<b%6);for(b=0;b<a.length;b++)a[b]="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_".charAt(a[b]||0);return a.join("")+"~"};var vd=new $c;function J(a){vd.set(a)}var Td=function(a){a=Dd(a);a=new $c(a);for(var b=vd.w.slice(),c=0;c<a.w.length;c++)b[c]=b[c]||a.w[c];return(new $c(b)).encode()},Dd=function(a){a=a.get(Gd);ka(a)||(a=[]);return a};var ea=function(a){return"function"==typeof a},ka=function(a){return"[object Array]"==Object.prototype.toString.call(Object(a))},qa=function(a){return void 0!=a&&-1<(a.constructor+"").indexOf("String")},D=function(a,b){return 0==a.indexOf(b)},sa=function(a){return a?a.replace(/^[\s\xa0]+|[\s\xa0]+$/g,""):""},ra=function(){for(var a=O.navigator.userAgent+(M.cookie?M.cookie:"")+(M.referrer?M.referrer:""),b=a.length,c=O.history.length;0<c;)a+=c--^b++;return[hd()^La(a)&2147483647,Math.round((new Date).getTime()/
|
||||||
|
1E3)].join(".")},ta=function(a){var b=M.createElement("img");b.width=1;b.height=1;b.src=a;return b},ua=function(){},K=function(a){if(encodeURIComponent instanceof Function)return encodeURIComponent(a);J(28);return a},L=function(a,b,c,d){try{a.addEventListener?a.addEventListener(b,c,!!d):a.attachEvent&&a.attachEvent("on"+b,c)}catch(e){J(27)}},f=/^[\w\-:/.?=&%!]+$/,wa=function(a,b,c){a&&(c?(c="",b&&f.test(b)&&(c=' id="'+b+'"'),f.test(a)&&M.write("<script"+c+' src="'+a+'">\x3c/script>')):(c=M.createElement("script"),
|
||||||
|
c.type="text/javascript",c.async=!0,c.src=a,b&&(c.id=b),a=M.getElementsByTagName("script")[0],a.parentNode.insertBefore(c,a)))},be=function(a,b){return E(M.location[b?"href":"search"],a)},E=function(a,b){return(a=a.match("(?:&|#|\\?)"+K(b).replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1")+"=([^&#]*)"))&&2==a.length?a[1]:""},xa=function(){var a=""+M.location.hostname;return 0==a.indexOf("www.")?a.substring(4):a},de=function(a,b){var c=a.indexOf(b);if(5==c||6==c)if(a=a.charAt(c+b.length),"/"==a||"?"==a||
|
||||||
|
""==a||":"==a)return!0;return!1},ya=function(a,b){var c=M.referrer;if(/^(https?|android-app):\/\//i.test(c)){if(a)return c;a="//"+M.location.hostname;if(!de(c,a))return b&&(b=a.replace(/\./g,"-")+".cdn.ampproject.org",de(c,b))?void 0:c}},za=function(a,b){if(1==b.length&&null!=b[0]&&"object"===typeof b[0])return b[0];for(var c={},d=Math.min(a.length+1,b.length),e=0;e<d;e++)if("object"===typeof b[e]){for(var g in b[e])b[e].hasOwnProperty(g)&&(c[g]=b[e][g]);break}else e<a.length&&(c[a[e]]=b[e]);return c};var ee=function(){this.keys=[];this.values={};this.m={}};ee.prototype.set=function(a,b,c){this.keys.push(a);c?this.m[":"+a]=b:this.values[":"+a]=b};ee.prototype.get=function(a){return this.m.hasOwnProperty(":"+a)?this.m[":"+a]:this.values[":"+a]};ee.prototype.map=function(a){for(var b=0;b<this.keys.length;b++){var c=this.keys[b],d=this.get(c);d&&a(c,d)}};var O=window,M=document,va=function(a,b){return setTimeout(a,b)};var F=window,Ea=document,G=function(a){var b=F._gaUserPrefs;if(b&&b.ioo&&b.ioo()||a&&!0===F["ga-disable-"+a])return!0;try{var c=F.external;if(c&&c._gaUserPrefs&&"oo"==c._gaUserPrefs)return!0}catch(g){}a=[];b=Ea.cookie.split(";");c=/^\s*AMP_TOKEN=\s*(.*?)\s*$/;for(var d=0;d<b.length;d++){var e=b[d].match(c);e&&a.push(e[1])}for(b=0;b<a.length;b++)if("$OPT_OUT"==decodeURIComponent(a[b]))return!0;return!1};var Ca=function(a){var b=[],c=M.cookie.split(";");a=new RegExp("^\\s*"+a+"=\\s*(.*?)\\s*$");for(var d=0;d<c.length;d++){var e=c[d].match(a);e&&b.push(e[1])}return b},zc=function(a,b,c,d,e,g){e=G(e)?!1:eb.test(M.location.hostname)||"/"==c&&vc.test(d)?!1:!0;if(!e)return!1;b&&1200<b.length&&(b=b.substring(0,1200));c=a+"="+b+"; path="+c+"; ";g&&(c+="expires="+(new Date((new Date).getTime()+g)).toGMTString()+"; ");d&&"none"!==d&&(c+="domain="+d+";");d=M.cookie;M.cookie=c;if(!(d=d!=M.cookie))a:{a=Ca(a);
|
||||||
|
for(d=0;d<a.length;d++)if(b==a[d]){d=!0;break a}d=!1}return d},Cc=function(a){return encodeURIComponent?encodeURIComponent(a).replace(/\(/g,"%28").replace(/\)/g,"%29"):a},vc=/^(www\.)?google(\.com?)?(\.[a-z]{2})?$/,eb=/(^|\.)doubleclick\.net$/i;var oc,Id=/^.*Version\/?(\d+)[^\d].*$/i,ne=function(){if(void 0!==O.__ga4__)return O.__ga4__;if(void 0===oc){var a=O.navigator.userAgent;if(a){var b=a;try{b=decodeURIComponent(a)}catch(c){}if(a=!(0<=b.indexOf("Chrome"))&&!(0<=b.indexOf("CriOS"))&&(0<=b.indexOf("Safari/")||0<=b.indexOf("Safari,")))b=Id.exec(b),a=11<=(b?Number(b[1]):-1);oc=a}else oc=!1}return oc};var Fa,Ga,fb,Ab,ja=/^https?:\/\/[^/]*cdn\.ampproject\.org\//,Ub=[],ic=function(){Z.D([ua])},tc=function(a,b){var c=Ca("AMP_TOKEN");if(1<c.length)return J(55),!1;c=decodeURIComponent(c[0]||"");if("$OPT_OUT"==c||"$ERROR"==c||G(b))return J(62),!1;if(!ja.test(M.referrer)&&"$NOT_FOUND"==c)return J(68),!1;if(void 0!==Ab)return J(56),va(function(){a(Ab)},0),!0;if(Fa)return Ub.push(a),!0;if("$RETRIEVING"==c)return J(57),va(function(){tc(a,b)},1E4),!0;Fa=!0;c&&"$"!=c[0]||(xc("$RETRIEVING",3E4),setTimeout(Mc,
|
||||||
|
3E4),c="");return Pc(c,b)?(Ub.push(a),!0):!1},Pc=function(a,b,c){if(!window.JSON)return J(58),!1;var d=O.XMLHttpRequest;if(!d)return J(59),!1;var e=new d;if(!("withCredentials"in e))return J(60),!1;e.open("POST",(c||"https://ampcid.google.com/v1/publisher:getClientId")+"?key=AIzaSyA65lEHUEizIsNtlbNo-l2K18dT680nsaM",!0);e.withCredentials=!0;e.setRequestHeader("Content-Type","text/plain");e.onload=function(){Fa=!1;if(4==e.readyState){try{200!=e.status&&(J(61),Qc("","$ERROR",3E4));var d=JSON.parse(e.responseText);
|
||||||
|
d.optOut?(J(63),Qc("","$OPT_OUT",31536E6)):d.clientId?Qc(d.clientId,d.securityToken,31536E6):!c&&d.alternateUrl?(Ga&&clearTimeout(Ga),Fa=!0,Pc(a,b,d.alternateUrl)):(J(64),Qc("","$NOT_FOUND",36E5))}catch(ca){J(65),Qc("","$ERROR",3E4)}e=null}};d={originScope:"AMP_ECID_GOOGLE"};a&&(d.securityToken=a);e.send(JSON.stringify(d));Ga=va(function(){J(66);Qc("","$ERROR",3E4)},1E4);return!0},Mc=function(){Fa=!1},xc=function(a,b){if(void 0===fb){fb="";for(var c=id(),d=0;d<c.length;d++){var e=c[d];if(zc("AMP_TOKEN",
|
||||||
|
encodeURIComponent(a),"/",e,"",b)){fb=e;return}}}zc("AMP_TOKEN",encodeURIComponent(a),"/",fb,"",b)},Qc=function(a,b,c){Ga&&clearTimeout(Ga);b&&xc(b,c);Ab=a;b=Ub;Ub=[];for(c=0;c<b.length;c++)b[c](a)};var oe=function(){return(Ba||"https:"==M.location.protocol?"https:":"http:")+"//www.google-analytics.com"},Da=function(a){this.name="len";this.message=a+"-8192"},ba=function(a,b,c){c=c||ua;if(2036>=b.length)wc(a,b,c);else if(8192>=b.length)x(a,b,c)||wd(a,b,c)||wc(a,b,c);else throw ge("len",b.length),new Da(b.length);},pe=function(a,b,c,d){d=d||ua;wd(a+"?"+b,"",d,c)},wc=function(a,b,c){var d=ta(a+"?"+b);d.onload=d.onerror=function(){d.onload=null;d.onerror=null;c()}},wd=function(a,b,c,d){var e=O.XMLHttpRequest;
|
||||||
|
if(!e)return!1;var g=new e;if(!("withCredentials"in g))return!1;a=a.replace(/^http:/,"https:");g.open("POST",a,!0);g.withCredentials=!0;g.setRequestHeader("Content-Type","text/plain");g.onreadystatechange=function(){if(4==g.readyState){if(d)try{var a=g.responseText;if(1>a.length)ge("xhr","ver","0"),c();else if("1"!=a.charAt(0))ge("xhr","ver",String(a.length)),c();else if(3<d.count++)ge("xhr","tmr",""+d.count),c();else if(1==a.length)c();else{var b=a.charAt(1);if("d"==b)pe("https://stats.g.doubleclick.net/j/collect",
|
||||||
|
d.U,d,c);else if("g"==b){var e="https://www.google.%/ads/ga-audiences".replace("%","com");wc(e,d.google,c);var w=a.substring(2);if(w)if(/^[a-z.]{1,6}$/.test(w)){var ha="https://www.google.%/ads/ga-audiences".replace("%",w);wc(ha,d.google,ua)}else ge("tld","bcc",w)}else ge("xhr","brc",b),c()}}catch(ue){ge("xhr","rsp"),c()}else c();g=null}};g.send(b);return!0},x=function(a,b,c){return O.navigator.sendBeacon?O.navigator.sendBeacon(a,b)?(c(),!0):!1:!1},ge=function(a,b,c){1<=100*Math.random()||G("?")||
|
||||||
|
(a=["t=error","_e="+a,"_v=j68","sr=1"],b&&a.push("_f="+b),c&&a.push("_m="+K(c.substring(0,100))),a.push("aip=1"),a.push("z="+hd()),wc("https://www.google-analytics.com/u/d",a.join("&"),ua))};var h=function(a){var b=O.gaData=O.gaData||{};return b[a]=b[a]||{}};var Ha=function(){this.M=[]};Ha.prototype.add=function(a){this.M.push(a)};Ha.prototype.D=function(a){try{for(var b=0;b<this.M.length;b++){var c=a.get(this.M[b]);c&&ea(c)&&c.call(O,a)}}catch(d){}b=a.get(Ia);b!=ua&&ea(b)&&(a.set(Ia,ua,!0),setTimeout(b,10))};function Ja(a){if(100!=a.get(Ka)&&La(P(a,Q))%1E4>=100*R(a,Ka))throw"abort";}function Ma(a){if(G(P(a,Na)))throw"abort";}function Oa(){var a=M.location.protocol;if("http:"!=a&&"https:"!=a)throw"abort";}
|
||||||
|
function Pa(a){try{O.navigator.sendBeacon?J(42):O.XMLHttpRequest&&"withCredentials"in new O.XMLHttpRequest&&J(40)}catch(c){}a.set(ld,Td(a),!0);a.set(Ac,R(a,Ac)+1);var b=[];Qa.map(function(c,d){d.F&&(c=a.get(c),void 0!=c&&c!=d.defaultValue&&("boolean"==typeof c&&(c*=1),b.push(d.F+"="+K(""+c))))});b.push("z="+Bd());a.set(Ra,b.join("&"),!0)}
|
||||||
|
function Sa(a){var b=P(a,gd)||oe()+"/collect",c=a.get(qe),d=P(a,fa);!d&&a.get(Vd)&&(d="beacon");if(c)pe(b,P(a,Ra),c,a.get(Ia));else if(d){c=d;d=P(a,Ra);var e=a.get(Ia);e=e||ua;"image"==c?wc(b,d,e):"xhr"==c&&wd(b,d,e)||"beacon"==c&&x(b,d,e)||ba(b,d,e)}else ba(b,P(a,Ra),a.get(Ia));b=a.get(Na);b=h(b);c=b.hitcount;b.hitcount=c?c+1:1;b=a.get(Na);delete h(b).pending_experiments;a.set(Ia,ua,!0)}
|
||||||
|
function Hc(a){(O.gaData=O.gaData||{}).expId&&a.set(Nc,(O.gaData=O.gaData||{}).expId);(O.gaData=O.gaData||{}).expVar&&a.set(Oc,(O.gaData=O.gaData||{}).expVar);var b=a.get(Na);if(b=h(b).pending_experiments){var c=[];for(d in b)b.hasOwnProperty(d)&&b[d]&&c.push(encodeURIComponent(d)+"."+encodeURIComponent(b[d]));var d=c.join("!")}else d=void 0;d&&a.set(m,d,!0)}function cd(){if(O.navigator&&"preview"==O.navigator.loadPurpose)throw"abort";}
|
||||||
|
function yd(a){var b=O.gaDevIds;ka(b)&&0!=b.length&&a.set("&did",b.join(","),!0)}function vb(a){if(!a.get(Na))throw"abort";};var hd=function(){return Math.round(2147483647*Math.random())},Bd=function(){try{var a=new Uint32Array(1);O.crypto.getRandomValues(a);return a[0]&2147483647}catch(b){return hd()}};function Ta(a){var b=R(a,Ua);500<=b&&J(15);var c=P(a,Va);if("transaction"!=c&&"item"!=c){c=R(a,Wa);var d=(new Date).getTime(),e=R(a,Xa);0==e&&a.set(Xa,d);e=Math.round(2*(d-e)/1E3);0<e&&(c=Math.min(c+e,20),a.set(Xa,d));if(0>=c)throw"abort";a.set(Wa,--c)}a.set(Ua,++b)};var Ya=function(){this.data=new ee},Qa=new ee,Za=[];Ya.prototype.get=function(a){var b=$a(a),c=this.data.get(a);b&&void 0==c&&(c=ea(b.defaultValue)?b.defaultValue():b.defaultValue);return b&&b.Z?b.Z(this,a,c):c};var P=function(a,b){a=a.get(b);return void 0==a?"":""+a},R=function(a,b){a=a.get(b);return void 0==a||""===a?0:1*a};Ya.prototype.set=function(a,b,c){if(a)if("object"==typeof a)for(var d in a)a.hasOwnProperty(d)&&ab(this,d,a[d],c);else ab(this,a,b,c)};
|
||||||
|
var ab=function(a,b,c,d){if(void 0!=c)switch(b){case Na:wb.test(c)}var e=$a(b);e&&e.o?e.o(a,b,c,d):a.data.set(b,c,d)},bb=function(a,b,c,d,e){this.name=a;this.F=b;this.Z=d;this.o=e;this.defaultValue=c},$a=function(a){var b=Qa.get(a);if(!b)for(var c=0;c<Za.length;c++){var d=Za[c],e=d[0].exec(a);if(e){b=d[1](e);Qa.set(b.name,b);break}}return b},yc=function(a){var b;Qa.map(function(c,d){d.F==a&&(b=d)});return b&&b.name},S=function(a,b,c,d,e){a=new bb(a,b,c,d,e);Qa.set(a.name,a);return a.name},cb=function(a,
|
||||||
|
b){Za.push([new RegExp("^"+a+"$"),b])},T=function(a,b,c){return S(a,b,c,void 0,db)},db=function(){};var gb=qa(window.GoogleAnalyticsObject)&&sa(window.GoogleAnalyticsObject)||"ga",jd=/^(?:utma\.)?\d+\.\d+$/,kd=/^amp-[\w.-]{22,64}$/,Ba=!1,hb=T("apiVersion","v"),ib=T("clientVersion","_v");S("anonymizeIp","aip");var jb=S("adSenseId","a"),Va=S("hitType","t"),Ia=S("hitCallback"),Ra=S("hitPayload");S("nonInteraction","ni");S("currencyCode","cu");S("dataSource","ds");var Vd=S("useBeacon",void 0,!1),fa=S("transport");S("sessionControl","sc","");S("sessionGroup","sg");S("queueTime","qt");var Ac=S("_s","_s");
|
||||||
|
S("screenName","cd");var kb=S("location","dl",""),lb=S("referrer","dr"),mb=S("page","dp","");S("hostname","dh");var nb=S("language","ul"),ob=S("encoding","de");S("title","dt",function(){return M.title||void 0});cb("contentGroup([0-9]+)",function(a){return new bb(a[0],"cg"+a[1])});var pb=S("screenColors","sd"),qb=S("screenResolution","sr"),rb=S("viewportSize","vp"),sb=S("javaEnabled","je"),tb=S("flashVersion","fl");S("campaignId","ci");S("campaignName","cn");S("campaignSource","cs");
|
||||||
|
S("campaignMedium","cm");S("campaignKeyword","ck");S("campaignContent","cc");var ub=S("eventCategory","ec"),xb=S("eventAction","ea"),yb=S("eventLabel","el"),zb=S("eventValue","ev"),Bb=S("socialNetwork","sn"),Cb=S("socialAction","sa"),Db=S("socialTarget","st"),Eb=S("l1","plt"),Fb=S("l2","pdt"),Gb=S("l3","dns"),Hb=S("l4","rrt"),Ib=S("l5","srt"),Jb=S("l6","tcp"),Kb=S("l7","dit"),Lb=S("l8","clt"),Mb=S("timingCategory","utc"),Nb=S("timingVar","utv"),Ob=S("timingLabel","utl"),Pb=S("timingValue","utt");
|
||||||
|
S("appName","an");S("appVersion","av","");S("appId","aid","");S("appInstallerId","aiid","");S("exDescription","exd");S("exFatal","exf");var Nc=S("expId","xid"),Oc=S("expVar","xvar"),m=S("exp","exp"),Rc=S("_utma","_utma"),Sc=S("_utmz","_utmz"),Tc=S("_utmht","_utmht"),Ua=S("_hc",void 0,0),Xa=S("_ti",void 0,0),Wa=S("_to",void 0,20);cb("dimension([0-9]+)",function(a){return new bb(a[0],"cd"+a[1])});cb("metric([0-9]+)",function(a){return new bb(a[0],"cm"+a[1])});S("linkerParam",void 0,void 0,Bc,db);
|
||||||
|
var ld=S("usage","_u"),Gd=S("_um");S("forceSSL",void 0,void 0,function(){return Ba},function(a,b,c){J(34);Ba=!!c});var ed=S("_j1","jid"),ia=S("_j2","gjid");cb("\\&(.*)",function(a){var b=new bb(a[0],a[1]),c=yc(a[0].substring(1));c&&(b.Z=function(a){return a.get(c)},b.o=function(a,b,g,ca){a.set(c,g,ca)},b.F=void 0);return b});
|
||||||
|
var Qb=T("_oot"),dd=S("previewTask"),Rb=S("checkProtocolTask"),md=S("validationTask"),Sb=S("checkStorageTask"),Uc=S("historyImportTask"),Tb=S("samplerTask"),Vb=S("_rlt"),Wb=S("buildHitTask"),Xb=S("sendHitTask"),Vc=S("ceTask"),zd=S("devIdTask"),Cd=S("timingTask"),Ld=S("displayFeaturesTask"),oa=S("customTask"),V=T("name"),Q=T("clientId","cid"),n=T("clientIdTime"),xd=T("storedClientId"),Ad=S("userId","uid"),Na=T("trackingId","tid"),U=T("cookieName",void 0,"_ga"),W=T("cookieDomain"),Yb=T("cookiePath",
|
||||||
|
void 0,"/"),Zb=T("cookieExpires",void 0,63072E3),Hd=T("cookieUpdate",void 0,!0),$b=T("legacyCookieDomain"),Wc=T("legacyHistoryImport",void 0,!0),ac=T("storage",void 0,"cookie"),bc=T("allowLinker",void 0,!1),cc=T("allowAnchor",void 0,!0),Ka=T("sampleRate","sf",100),dc=T("siteSpeedSampleRate",void 0,1),ec=T("alwaysSendReferrer",void 0,!1),I=T("_gid","_gid"),la=T("_gcn"),Kd=T("useAmpClientId"),ce=T("_gclid"),fe=T("_gt"),he=T("_ge",void 0,7776E6),ie=T("_gclsrc"),je=T("storeGac",void 0,!0),gd=S("transportUrl"),
|
||||||
|
Md=S("_r","_r"),qe=S("_dp"),Ud=S("allowAdFeatures",void 0,!0);function X(a,b,c,d){b[a]=function(){try{return d&&J(d),c.apply(this,arguments)}catch(e){throw ge("exc",a,e&&e.name),e;}}};var Od=function(){this.V=100;this.$=this.fa=!1;this.oa="detourexp";this.groups=1},Ed=function(a){var b=new Od,c;if(b.fa&&b.$)return 0;b.$=!0;if(a){if(b.oa&&void 0!==a.get(b.oa))return R(a,b.oa);if(0==a.get(dc))return 0}if(0==b.V)return 0;void 0===c&&(c=Bd());return 0==c%b.V?Math.floor(c/b.V)%b.groups+1:0};function fc(){var a,b;if((b=(b=O.navigator)?b.plugins:null)&&b.length)for(var c=0;c<b.length&&!a;c++){var d=b[c];-1<d.name.indexOf("Shockwave Flash")&&(a=d.description)}if(!a)try{var e=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");a=e.GetVariable("$version")}catch(g){}if(!a)try{e=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6"),a="WIN 6,0,21,0",e.AllowScriptAccess="always",a=e.GetVariable("$version")}catch(g){}if(!a)try{e=new ActiveXObject("ShockwaveFlash.ShockwaveFlash"),a=e.GetVariable("$version")}catch(g){}a&&
|
||||||
|
(e=a.match(/[\d]+/g))&&3<=e.length&&(a=e[0]+"."+e[1]+" r"+e[2]);return a||void 0};var aa=function(a){var b=Math.min(R(a,dc),100);return La(P(a,Q))%100>=b?!1:!0},gc=function(a){var b={};if(Ec(b)||Fc(b)){var c=b[Eb];void 0==c||Infinity==c||isNaN(c)||(0<c?(Y(b,Gb),Y(b,Jb),Y(b,Ib),Y(b,Fb),Y(b,Hb),Y(b,Kb),Y(b,Lb),va(function(){a(b)},10)):L(O,"load",function(){gc(a)},!1))}},Ec=function(a){var b=O.performance||O.webkitPerformance;b=b&&b.timing;if(!b)return!1;var c=b.navigationStart;if(0==c)return!1;a[Eb]=b.loadEventStart-c;a[Gb]=b.domainLookupEnd-b.domainLookupStart;a[Jb]=b.connectEnd-
|
||||||
|
b.connectStart;a[Ib]=b.responseStart-b.requestStart;a[Fb]=b.responseEnd-b.responseStart;a[Hb]=b.fetchStart-c;a[Kb]=b.domInteractive-c;a[Lb]=b.domContentLoadedEventStart-c;return!0},Fc=function(a){if(O.top!=O)return!1;var b=O.external,c=b&&b.onloadT;b&&!b.isValidLoadTime&&(c=void 0);2147483648<c&&(c=void 0);0<c&&b.setPageReadyTime();if(void 0==c)return!1;a[Eb]=c;return!0},Y=function(a,b){var c=a[b];if(isNaN(c)||Infinity==c||0>c)a[b]=void 0},Fd=function(a){return function(b){if("pageview"==b.get(Va)&&
|
||||||
|
!a.I){a.I=!0;var c=aa(b),d=0<E(b.get(kb),"gclid").length;(c||d)&&gc(function(b){c&&a.send("timing",b);d&&a.send("adtiming",b)})}}};var hc=!1,mc=function(a){if("cookie"==P(a,ac)){if(a.get(Hd)||P(a,xd)!=P(a,Q)){var b=1E3*R(a,Zb);ma(a,Q,U,b)}ma(a,I,la,864E5);if(a.get(je)){var c=a.get(ce);if(c){var d=Math.min(R(a,he),1E3*R(a,Zb));d=Math.min(d,1E3*R(a,fe)+d-(new Date).getTime());a.data.set(he,d);b={};var e=a.get(fe),g=a.get(ie),ca=kc(P(a,Yb)),l=lc(P(a,W)),k=P(a,Na);g&&"aw.ds"!=g?b&&(b.ua=!0):(c=["1",e,Cc(c)].join("."),0<d&&(b&&(b.ta=!0),zc("_gac_"+Cc(k),c,ca,l,k,d)));le(b)}}else J(75);if(a="none"===lc(P(a,W)))a=M.location.hostname,
|
||||||
|
a=eb.test(a)||vc.test(a);a&&J(30)}},ma=function(a,b,c,d){var e=nd(a,b);if(e){c=P(a,c);var g=kc(P(a,Yb)),ca=lc(P(a,W)),l=P(a,Na);if("auto"!=ca)zc(c,e,g,ca,l,d)&&(hc=!0);else{J(32);for(var k=id(),w=0;w<k.length;w++)if(ca=k[w],a.data.set(W,ca),e=nd(a,b),zc(c,e,g,ca,l,d)){hc=!0;return}a.data.set(W,"auto")}}},nc=function(a){if("cookie"==P(a,ac)&&!hc&&(mc(a),!hc))throw"abort";},Yc=function(a){if(a.get(Wc)){var b=P(a,W),c=P(a,$b)||xa(),d=Xc("__utma",c,b);d&&(J(19),a.set(Tc,(new Date).getTime(),!0),a.set(Rc,
|
||||||
|
d.R),(b=Xc("__utmz",c,b))&&d.hash==b.hash&&a.set(Sc,b.R))}},nd=function(a,b){b=Cc(P(a,b));var c=lc(P(a,W)).split(".").length;a=jc(P(a,Yb));1<a&&(c+="-"+a);return b?["GA1",c,b].join("."):""},Xd=function(a,b){return na(b,P(a,W),P(a,Yb))},na=function(a,b,c){if(!a||1>a.length)J(12);else{for(var d=[],e=0;e<a.length;e++){var g=a[e];var ca=g.split(".");var l=ca.shift();("GA1"==l||"1"==l)&&1<ca.length?(g=ca.shift().split("-"),1==g.length&&(g[1]="1"),g[0]*=1,g[1]*=1,ca={H:g,s:ca.join(".")}):ca=kd.test(g)?
|
||||||
|
{H:[0,0],s:g}:void 0;ca&&d.push(ca)}if(1==d.length)return J(13),d[0].s;if(0==d.length)J(12);else{J(14);d=Gc(d,lc(b).split(".").length,0);if(1==d.length)return d[0].s;d=Gc(d,jc(c),1);1<d.length&&J(41);return d[0]&&d[0].s}}},Gc=function(a,b,c){for(var d=[],e=[],g,ca=0;ca<a.length;ca++){var l=a[ca];l.H[c]==b?d.push(l):void 0==g||l.H[c]<g?(e=[l],g=l.H[c]):l.H[c]==g&&e.push(l)}return 0<d.length?d:e},lc=function(a){return 0==a.indexOf(".")?a.substr(1):a},id=function(){var a=[],b=xa().split(".");if(4==b.length){var c=
|
||||||
|
b[b.length-1];if(parseInt(c,10)==c)return["none"]}for(c=b.length-2;0<=c;c--)a.push(b.slice(c).join("."));a.push("none");return a},kc=function(a){if(!a)return"/";1<a.length&&a.lastIndexOf("/")==a.length-1&&(a=a.substr(0,a.length-1));0!=a.indexOf("/")&&(a="/"+a);return a},jc=function(a){a=kc(a);return"/"==a?1:a.split("/").length},le=function(a){a.ta&&J(77);a.na&&J(74);a.pa&&J(73);a.ua&&J(69)};function Xc(a,b,c){"none"==b&&(b="");var d=[],e=Ca(a);a="__utma"==a?6:2;for(var g=0;g<e.length;g++){var ca=(""+e[g]).split(".");ca.length>=a&&d.push({hash:ca[0],R:e[g],O:ca})}if(0!=d.length)return 1==d.length?d[0]:Zc(b,d)||Zc(c,d)||Zc(null,d)||d[0]}function Zc(a,b){if(null==a)var c=a=1;else c=La(a),a=La(D(a,".")?a.substring(1):"."+a);for(var d=0;d<b.length;d++)if(b[d].hash==c||b[d].hash==a)return b[d]};var od=new RegExp(/^https?:\/\/([^\/:]+)/),pd=/(.*)([?&#])(?:_ga=[^&#]*)(?:&?)(.*)/,me=/(.*)([?&#])(?:_gac=[^&#]*)(?:&?)(.*)/;function Bc(a){var b=a.get(Q),c=a.get(I)||"";b="_ga=2."+K(pa(c+b,0)+"."+c+"-"+b);if((c=a.get(ce))&&a.get(je)){var d=R(a,fe);1E3*d+R(a,he)<=(new Date).getTime()?(J(76),a=""):(J(44),a="&_gac=1."+K([pa(c,0),d,c].join(".")))}else a="";return b+a}
|
||||||
|
function Ic(a,b){var c=new Date,d=O.navigator,e=d.plugins||[];a=[a,d.userAgent,c.getTimezoneOffset(),c.getYear(),c.getDate(),c.getHours(),c.getMinutes()+b];for(b=0;b<e.length;++b)a.push(e[b].description);return La(a.join("."))}function pa(a,b){var c=new Date,d=O.navigator,e=c.getHours()+Math.floor((c.getMinutes()+b)/60);return La([a,d.userAgent,d.language||"",c.getTimezoneOffset(),c.getYear(),c.getDate()+Math.floor(e/24),(24+e)%24,(60+c.getMinutes()+b)%60].join("."))}
|
||||||
|
var Dc=function(a){J(48);this.target=a;this.T=!1};Dc.prototype.ca=function(a,b){if(a.tagName){if("a"==a.tagName.toLowerCase()){a.href&&(a.href=qd(this,a.href,b));return}if("form"==a.tagName.toLowerCase())return rd(this,a)}if("string"==typeof a)return qd(this,a,b)};
|
||||||
|
var qd=function(a,b,c){var d=pd.exec(b);d&&3<=d.length&&(b=d[1]+(d[3]?d[2]+d[3]:""));(d=me.exec(b))&&3<=d.length&&(b=d[1]+(d[3]?d[2]+d[3]:""));a=a.target.get("linkerParam");var e=b.indexOf("?");d=b.indexOf("#");c?b+=(-1==d?"#":"&")+a:(c=-1==e?"?":"&",b=-1==d?b+(c+a):b.substring(0,d)+c+a+b.substring(d));b=b.replace(/&+_ga=/,"&_ga=");return b=b.replace(/&+_gac=/,"&_gac=")},rd=function(a,b){if(b&&b.action)if("get"==b.method.toLowerCase()){a=a.target.get("linkerParam").split("&");for(var c=0;c<a.length;c++){var d=
|
||||||
|
a[c].split("="),e=d[1];d=d[0];for(var g=b.childNodes||[],ca=!1,l=0;l<g.length;l++)if(g[l].name==d){g[l].setAttribute("value",e);ca=!0;break}ca||(g=M.createElement("input"),g.setAttribute("type","hidden"),g.setAttribute("name",d),g.setAttribute("value",e),b.appendChild(g))}}else"post"==b.method.toLowerCase()&&(b.action=qd(a,b.action))};
|
||||||
|
Dc.prototype.S=function(a,b,c){function d(c){try{c=c||O.event;a:{var d=c.target||c.srcElement;for(c=100;d&&0<c;){if(d.href&&d.nodeName.match(/^a(?:rea)?$/i)){var g=d;break a}d=d.parentNode;c--}g={}}("http:"==g.protocol||"https:"==g.protocol)&&sd(a,g.hostname||"")&&g.href&&(g.href=qd(e,g.href,b))}catch(k){J(26)}}var e=this;this.T||(this.T=!0,L(M,"mousedown",d,!1),L(M,"keyup",d,!1));c&&L(M,"submit",function(b){b=b||O.event;if((b=b.target||b.srcElement)&&b.action){var c=b.action.match(od);c&&sd(a,c[1])&&
|
||||||
|
rd(e,b)}})};function sd(a,b){if(b==M.location.hostname)return!1;for(var c=0;c<a.length;c++)if(a[c]instanceof RegExp){if(a[c].test(b))return!0}else if(0<=b.indexOf(a[c]))return!0;return!1}function ke(a,b){return b!=Ic(a,0)&&b!=Ic(a,-1)&&b!=Ic(a,-2)&&b!=pa(a,0)&&b!=pa(a,-1)&&b!=pa(a,-2)};var p=/^(GTM|OPT)-[A-Z0-9]+$/,q=/;_gaexp=[^;]*/g,r=/;((__utma=)|([^;=]+=GAX?\d+\.))[^;]*/g,Aa=/^https?:\/\/[\w\-.]+\.google.com(:\d+)?\/optimize\/opt-launch\.html\?.*$/,t=function(a){function b(a,b){b&&(c+="&"+a+"="+K(b))}var c="https://www.google-analytics.com/gtm/js?id="+K(a.id);"dataLayer"!=a.B&&b("l",a.B);b("t",a.target);b("cid",a.clientId);b("cidt",a.ka);b("gac",a.la);b("aip",a.ia);a.sync&&b("m","sync");b("cycle",a.G);a.qa&&b("gclid",a.qa);Aa.test(M.referrer)&&b("cb",String(hd()));return c};var Jd=function(a,b,c){this.aa=b;(b=c)||(b=(b=P(a,V))&&"t0"!=b?Wd.test(b)?"_gat_"+Cc(P(a,Na)):"_gat_"+Cc(b):"_gat");this.Y=b;this.ra=null},Rd=function(a,b){var c=b.get(Wb);b.set(Wb,function(b){Pd(a,b,ed);Pd(a,b,ia);var d=c(b);Qd(a,b);return d});var d=b.get(Xb);b.set(Xb,function(b){var c=d(b);if(se(b)){if(ne()!==H(a,b)){J(80);var e={U:re(a,b,1),google:re(a,b,2),count:0};pe("https://stats.g.doubleclick.net/j/collect",e.U,e)}else ta(re(a,b,0));b.set(ed,"",!0)}return c})},Pd=function(a,b,c){!1===b.get(Ud)||
|
||||||
|
b.get(c)||("1"==Ca(a.Y)[0]?b.set(c,"",!0):b.set(c,""+hd(),!0))},Qd=function(a,b){se(b)&&zc(a.Y,"1",b.get(Yb),b.get(W),b.get(Na),6E4)},se=function(a){return!!a.get(ed)&&a.get(Ud)},re=function(a,b,c){var d=new ee,e=function(a){$a(a).F&&d.set($a(a).F,b.get(a))};e(hb);e(ib);e(Na);e(Q);e(ed);if(0==c||1==c)e(Ad),e(ia),e(I);d.set($a(ld).F,Td(b));var g="";d.map(function(a,b){g+=K(a)+"=";g+=K(""+b)+"&"});g+="z="+hd();0==c?g=a.aa+g:1==c?g="t=dc&aip=1&_r=3&"+g:2==c&&(g="t=sr&aip=1&_r=4&slf_rd=1&"+g);return g},
|
||||||
|
H=function(a,b){null===a.ra&&(a.ra=1===Ed(b),a.ra&&J(33));return a.ra},Wd=/^gtm\d+$/;var fd=function(a,b){a=a.b;if(!a.get("dcLoaded")){var c=new $c(Dd(a));c.set(29);a.set(Gd,c.w);b=b||{};var d;b[U]&&(d=Cc(b[U]));b=new Jd(a,"https://stats.g.doubleclick.net/r/collect?t=dc&aip=1&_r=3&",d);Rd(b,a);a.set("dcLoaded",!0)}};var Sd=function(a){if(!a.get("dcLoaded")&&"cookie"==a.get(ac)){var b=new Jd(a);Pd(b,a,ed);Pd(b,a,ia);Qd(b,a);if(se(a)){var c=ne()!==H(b,a);a.set(Md,1,!0);c?(J(79),a.set(gd,oe()+"/j/collect",!0),a.set(qe,{U:re(b,a,1),google:re(b,a,2),count:0},!0)):a.set(gd,oe()+"/r/collect",!0)}}};var Lc=function(){var a=O.gaGlobal=O.gaGlobal||{};return a.hid=a.hid||hd()};var ad,bd=function(a,b,c){if(!ad){var d=M.location.hash;var e=O.name,g=/^#?gaso=([^&]*)/;if(e=(d=(d=d&&d.match(g)||e&&e.match(g))?d[1]:Ca("GASO")[0]||"")&&d.match(/^(?:!([-0-9a-z.]{1,40})!)?([-.\w]{10,1200})$/i))zc("GASO",""+d,c,b,a,0),window._udo||(window._udo=b),window._utcp||(window._utcp=c),a=e[1],wa("https://www.google.com/analytics/web/inpage/pub/inpage.js?"+(a?"prefix="+a+"&":"")+hd(),"_gasojs");ad=!0}};var wb=/^(UA|YT|MO|GP)-(\d+)-(\d+)$/,pc=function(a){function b(a,b){d.b.data.set(a,b)}function c(a,c){b(a,c);d.filters.add(a)}var d=this;this.b=new Ya;this.filters=new Ha;b(V,a[V]);b(Na,sa(a[Na]));b(U,a[U]);b(W,a[W]||xa());b(Yb,a[Yb]);b(Zb,a[Zb]);b(Hd,a[Hd]);b($b,a[$b]);b(Wc,a[Wc]);b(bc,a[bc]);b(cc,a[cc]);b(Ka,a[Ka]);b(dc,a[dc]);b(ec,a[ec]);b(ac,a[ac]);b(Ad,a[Ad]);b(n,a[n]);b(Kd,a[Kd]);b(je,a[je]);b(hb,1);b(ib,"j68");c(Qb,Ma);c(oa,ua);c(dd,cd);c(Rb,Oa);c(md,vb);c(Sb,nc);c(Uc,Yc);c(Tb,Ja);c(Vb,Ta);
|
||||||
|
c(Vc,Hc);c(zd,yd);c(Ld,Sd);c(Wb,Pa);c(Xb,Sa);c(Cd,Fd(this));Kc(this.b);Jc(this.b,a[Q]);this.b.set(jb,Lc());bd(this.b.get(Na),this.b.get(W),this.b.get(Yb))},Jc=function(a,b){var c=P(a,U);a.data.set(la,"_ga"==c?"_gid":c+"_gid");if("cookie"==P(a,ac)){hc=!1;c=Ca(P(a,U));c=Xd(a,c);if(!c){c=P(a,W);var d=P(a,$b)||xa();c=Xc("__utma",d,c);void 0!=c?(J(10),c=c.O[1]+"."+c.O[2]):c=void 0}c&&(hc=!0);if(d=c&&!a.get(Hd))if(d=c.split("."),2!=d.length)d=!1;else if(d=Number(d[1])){var e=R(a,Zb);d=d+e<(new Date).getTime()/
|
||||||
|
1E3}else d=!1;d&&(c=void 0);c&&(a.data.set(xd,c),a.data.set(Q,c),c=Ca(P(a,la)),(c=Xd(a,c))&&a.data.set(I,c));if(a.get(je)&&(c=a.get(ce),d=a.get(ie),!c||d&&"aw.ds"!=d)){c={};if(M){d=[];e=M.cookie.split(";");for(var g=/^\s*_gac_(UA-\d+-\d+)=\s*(.+?)\s*$/,ca=0;ca<e.length;ca++){var l=e[ca].match(g);l&&d.push({ja:l[1],value:l[2]})}e={};if(d&&d.length)for(g=0;g<d.length;g++)(ca=d[g].value.split("."),"1"!=ca[0]||3!=ca.length)?c&&(c.na=!0):ca[1]&&(e[d[g].ja]?c&&(c.pa=!0):e[d[g].ja]=[],e[d[g].ja].push({timestamp:ca[1],
|
||||||
|
qa:ca[2]}));d=e}else d={};d=d[P(a,Na)];le(c);d&&0!=d.length&&(c=d[0],a.data.set(fe,c.timestamp),a.data.set(ce,c.qa))}}if(a.get(Hd))a:if(d=be("_ga",a.get(cc)))if(a.get(bc))if(c=d.indexOf("."),-1==c)J(22);else{e=d.substring(0,c);g=d.substring(c+1);c=g.indexOf(".");d=g.substring(0,c);g=g.substring(c+1);if("1"==e){if(c=g,ke(c,d)){J(23);break a}}else if("2"==e){c=g.indexOf("-");e="";0<c?(e=g.substring(0,c),c=g.substring(c+1)):c=g.substring(1);if(ke(e+c,d)){J(53);break a}e&&(J(2),a.data.set(I,e))}else{J(22);
|
||||||
|
break a}J(11);a.data.set(Q,c);if(c=be("_gac",a.get(cc)))c=c.split("."),"1"!=c[0]||4!=c.length?J(72):ke(c[3],c[1])?J(71):(a.data.set(ce,c[3]),a.data.set(fe,c[2]),J(70))}else J(21);b&&(J(9),a.data.set(Q,K(b)));a.get(Q)||((b=(b=O.gaGlobal&&O.gaGlobal.vid)&&-1!=b.search(jd)?b:void 0)?(J(17),a.data.set(Q,b)):(J(8),a.data.set(Q,ra())));a.get(I)||(J(3),a.data.set(I,ra()));mc(a)},Kc=function(a){var b=O.navigator,c=O.screen,d=M.location;a.set(lb,ya(a.get(ec),a.get(Kd)));if(d){var e=d.pathname||"";"/"!=e.charAt(0)&&
|
||||||
|
(J(31),e="/"+e);a.set(kb,d.protocol+"//"+d.hostname+e+d.search)}c&&a.set(qb,c.width+"x"+c.height);c&&a.set(pb,c.colorDepth+"-bit");c=M.documentElement;var g=(e=M.body)&&e.clientWidth&&e.clientHeight,ca=[];c&&c.clientWidth&&c.clientHeight&&("CSS1Compat"===M.compatMode||!g)?ca=[c.clientWidth,c.clientHeight]:g&&(ca=[e.clientWidth,e.clientHeight]);c=0>=ca[0]||0>=ca[1]?"":ca.join("x");a.set(rb,c);a.set(tb,fc());a.set(ob,M.characterSet||M.charset);a.set(sb,b&&"function"===typeof b.javaEnabled&&b.javaEnabled()||
|
||||||
|
!1);a.set(nb,(b&&(b.language||b.browserLanguage)||"").toLowerCase());a.data.set(ce,be("gclid",!0));a.data.set(ie,be("gclsrc",!0));a.data.set(fe,Math.round((new Date).getTime()/1E3));if(d&&a.get(cc)&&(b=M.location.hash)){b=b.split(/[?&#]+/);d=[];for(c=0;c<b.length;++c)(D(b[c],"utm_id")||D(b[c],"utm_campaign")||D(b[c],"utm_source")||D(b[c],"utm_medium")||D(b[c],"utm_term")||D(b[c],"utm_content")||D(b[c],"gclid")||D(b[c],"dclid")||D(b[c],"gclsrc"))&&d.push(b[c]);0<d.length&&(b="#"+d.join("&"),a.set(kb,
|
||||||
|
a.get(kb)+b))}};pc.prototype.get=function(a){return this.b.get(a)};pc.prototype.set=function(a,b){this.b.set(a,b)};var qc={pageview:[mb],event:[ub,xb,yb,zb],social:[Bb,Cb,Db],timing:[Mb,Nb,Pb,Ob]};pc.prototype.send=function(a){if(!(1>arguments.length)){if("string"===typeof arguments[0]){var b=arguments[0];var c=[].slice.call(arguments,1)}else b=arguments[0]&&arguments[0][Va],c=arguments;b&&(c=za(qc[b]||[],c),c[Va]=b,this.b.set(c,void 0,!0),this.filters.D(this.b),this.b.data.m={})}};
|
||||||
|
pc.prototype.ma=function(a,b){var c=this;u(a,c,b)||(v(a,function(){u(a,c,b)}),y(String(c.get(V)),a,void 0,b,!0))};var rc=function(a){if("prerender"==M.visibilityState)return!1;a();return!0},z=function(a){if(!rc(a)){J(16);var b=!1,c=function(){if(!b&&rc(a)){b=!0;var d=c,e=M;e.removeEventListener?e.removeEventListener("visibilitychange",d,!1):e.detachEvent&&e.detachEvent("onvisibilitychange",d)}};L(M,"visibilitychange",c)}};var td=/^(?:(\w+)\.)?(?:(\w+):)?(\w+)$/,sc=function(a){if(ea(a[0]))this.u=a[0];else{var b=td.exec(a[0]);null!=b&&4==b.length&&(this.c=b[1]||"t0",this.K=b[2]||"",this.C=b[3],this.a=[].slice.call(a,1),this.K||(this.A="create"==this.C,this.i="require"==this.C,this.g="provide"==this.C,this.ba="remove"==this.C),this.i&&(3<=this.a.length?(this.X=this.a[1],this.W=this.a[2]):this.a[1]&&(qa(this.a[1])?this.X=this.a[1]:this.W=this.a[1])));b=a[1];a=a[2];if(!this.C)throw"abort";if(this.i&&(!qa(b)||""==b))throw"abort";
|
||||||
|
if(this.g&&(!qa(b)||""==b||!ea(a)))throw"abort";if(ud(this.c)||ud(this.K))throw"abort";if(this.g&&"t0"!=this.c)throw"abort";}};function ud(a){return 0<=a.indexOf(".")||0<=a.indexOf(":")};var Yd,Zd,$d,A;Yd=new ee;$d=new ee;A=new ee;Zd={ec:45,ecommerce:46,linkid:47};
|
||||||
|
var u=function(a,b,c){b==N||b.get(V);var d=Yd.get(a);if(!ea(d))return!1;b.plugins_=b.plugins_||new ee;if(b.plugins_.get(a))return!0;b.plugins_.set(a,new d(b,c||{}));return!0},y=function(a,b,c,d,e){if(!ea(Yd.get(b))&&!$d.get(b)){Zd.hasOwnProperty(b)&&J(Zd[b]);if(p.test(b)){J(52);a=N.j(a);if(!a)return!0;c=d||{};d={id:b,B:c.dataLayer||"dataLayer",ia:!!a.get("anonymizeIp"),sync:e,G:!1};a.get(">m")==b&&(d.G=!0);var g=String(a.get("name"));"t0"!=g&&(d.target=g);G(String(a.get("trackingId")))||(d.clientId=
|
||||||
|
String(a.get(Q)),d.ka=Number(a.get(n)),c=c.palindrome?r:q,c=(c=M.cookie.replace(/^|(; +)/g,";").match(c))?c.sort().join("").substring(1):void 0,d.la=c,d.qa=E(a.b.get(kb)||"","gclid"));a=d.B;c=(new Date).getTime();O[a]=O[a]||[];c={"gtm.start":c};e||(c.event="gtm.js");O[a].push(c);c=t(d)}!c&&Zd.hasOwnProperty(b)?(J(39),c=b+".js"):J(43);c&&(c&&0<=c.indexOf("/")||(c=(Ba||"https:"==M.location.protocol?"https:":"http:")+"//www.google-analytics.com/plugins/ua/"+c),d=ae(c),a=d.protocol,c=M.location.protocol,
|
||||||
|
("https:"==a||a==c||("http:"!=a?0:"http:"==c))&&B(d)&&(wa(d.url,void 0,e),$d.set(b,!0)))}},v=function(a,b){var c=A.get(a)||[];c.push(b);A.set(a,c)},C=function(a,b){Yd.set(a,b);b=A.get(a)||[];for(var c=0;c<b.length;c++)b[c]();A.set(a,[])},B=function(a){var b=ae(M.location.href);if(D(a.url,"https://www.google-analytics.com/gtm/js?id="))return!0;if(a.query||0<=a.url.indexOf("?")||0<=a.path.indexOf("://"))return!1;if(a.host==b.host&&a.port==b.port)return!0;b="http:"==a.protocol?80:443;return"www.google-analytics.com"==
|
||||||
|
a.host&&(a.port||b)==b&&D(a.path,"/plugins/")?!0:!1},ae=function(a){function b(a){var b=(a.hostname||"").split(":")[0].toLowerCase(),c=(a.protocol||"").toLowerCase();c=1*a.port||("http:"==c?80:"https:"==c?443:"");a=a.pathname||"";D(a,"/")||(a="/"+a);return[b,""+c,a]}var c=M.createElement("a");c.href=M.location.href;var d=(c.protocol||"").toLowerCase(),e=b(c),g=c.search||"",ca=d+"//"+e[0]+(e[1]?":"+e[1]:"");D(a,"//")?a=d+a:D(a,"/")?a=ca+a:!a||D(a,"?")?a=ca+e[2]+(a||g):0>a.split("/")[0].indexOf(":")&&
|
||||||
|
(a=ca+e[2].substring(0,e[2].lastIndexOf("/"))+"/"+a);c.href=a;d=b(c);return{protocol:(c.protocol||"").toLowerCase(),host:d[0],port:d[1],path:d[2],query:c.search||"",url:a||""}};var Z={ga:function(){Z.f=[]}};Z.ga();Z.D=function(a){var b=Z.J.apply(Z,arguments);b=Z.f.concat(b);for(Z.f=[];0<b.length&&!Z.v(b[0])&&!(b.shift(),0<Z.f.length););Z.f=Z.f.concat(b)};Z.J=function(a){for(var b=[],c=0;c<arguments.length;c++)try{var d=new sc(arguments[c]);d.g?C(d.a[0],d.a[1]):(d.i&&(d.ha=y(d.c,d.a[0],d.X,d.W)),b.push(d))}catch(e){}return b};
|
||||||
|
Z.v=function(a){try{if(a.u)a.u.call(O,N.j("t0"));else{var b=a.c==gb?N:N.j(a.c);if(a.A){if("t0"==a.c&&(b=N.create.apply(N,a.a),null===b))return!0}else if(a.ba)N.remove(a.c);else if(b)if(a.i){if(a.ha&&(a.ha=y(a.c,a.a[0],a.X,a.W)),!u(a.a[0],b,a.W))return!0}else if(a.K){var c=a.C,d=a.a,e=b.plugins_.get(a.K);e[c].apply(e,d)}else b[a.C].apply(b,a.a)}}catch(g){}};var N=function(a){J(1);Z.D.apply(Z,[arguments])};N.h={};N.P=[];N.L=0;N.answer=42;var uc=[Na,W,V];
|
||||||
|
N.create=function(a){var b=za(uc,[].slice.call(arguments));b[V]||(b[V]="t0");var c=""+b[V];if(N.h[c])return N.h[c];a:{if(b[Kd]){J(67);if(b[ac]&&"cookie"!=b[ac]){var d=!1;break a}if(void 0!==Ab)b[Q]||(b[Q]=Ab);else{b:{d=String(b[W]||xa());var e=String(b[Yb]||"/"),g=Ca(String(b[U]||"_ga"));d=na(g,d,e);if(!d||jd.test(d))d=!0;else if(d=Ca("AMP_TOKEN"),0==d.length)d=!0;else{if(1==d.length&&(d=decodeURIComponent(d[0]),"$RETRIEVING"==d||"$OPT_OUT"==d||"$ERROR"==d||"$NOT_FOUND"==d)){d=!0;break b}d=!1}}if(d&&
|
||||||
|
tc(ic,String(b[Na]))){d=!0;break a}}}d=!1}if(d)return null;b=new pc(b);N.h[c]=b;N.P.push(b);return b};N.remove=function(a){for(var b=0;b<N.P.length;b++)if(N.P[b].get(V)==a){N.P.splice(b,1);N.h[a]=null;break}};N.j=function(a){return N.h[a]};N.getAll=function(){return N.P.slice(0)};
|
||||||
|
N.N=function(){"ga"!=gb&&J(49);var a=O[gb];if(!a||42!=a.answer){N.L=a&&a.l;N.loaded=!0;var b=O[gb]=N;X("create",b,b.create);X("remove",b,b.remove);X("getByName",b,b.j,5);X("getAll",b,b.getAll,6);b=pc.prototype;X("get",b,b.get,7);X("set",b,b.set,4);X("send",b,b.send);X("requireSync",b,b.ma);b=Ya.prototype;X("get",b,b.get);X("set",b,b.set);if("https:"!=M.location.protocol&&!Ba){a:{b=M.getElementsByTagName("script");for(var c=0;c<b.length&&100>c;c++){var d=b[c].src;if(d&&0==d.indexOf("https://www.google-analytics.com/analytics")){b=
|
||||||
|
!0;break a}}b=!1}b&&(Ba=!0)}(O.gaplugins=O.gaplugins||{}).Linker=Dc;b=Dc.prototype;C("linker",Dc);X("decorate",b,b.ca,20);X("autoLink",b,b.S,25);C("displayfeatures",fd);C("adfeatures",fd);a=a&&a.q;ka(a)?Z.D.apply(N,a):J(50)}};N.da=function(){for(var a=N.getAll(),b=0;b<a.length;b++)a[b].get(V)};var da=N.N,Nd=O[gb];Nd&&Nd.r?da():z(da);z(function(){Z.D(["provide","render",ua])});function La(a){var b=1,c;if(a)for(b=0,c=a.length-1;0<=c;c--){var d=a.charCodeAt(c);b=(b<<6&268435455)+d+(d<<14);d=b&266338304;b=0!=d?b^d>>21:b}return b};})(window);
|
||||||
4
css/What are you lifting__files/jquery-3.2.1.min.js
vendored
Normal file
4
css/What are you lifting__files/jquery-3.2.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
418
css/What are you lifting__files/main.css
Normal file
418
css/What are you lifting__files/main.css
Normal file
@@ -0,0 +1,418 @@
|
|||||||
|
/*
|
||||||
|
* Skeleton V2.0.4
|
||||||
|
* Copyright 2014, Dave Gamache
|
||||||
|
* www.getskeleton.com
|
||||||
|
* Free to use under the MIT license.
|
||||||
|
* http://www.opensource.org/licenses/mit-license.php
|
||||||
|
* 12/29/2014
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Table of contents
|
||||||
|
––––––––––––––––––––––––––––––––––––––––––––––––––
|
||||||
|
- Grid
|
||||||
|
- Base Styles
|
||||||
|
- Typography
|
||||||
|
- Links
|
||||||
|
- Buttons
|
||||||
|
- Forms
|
||||||
|
- Lists
|
||||||
|
- Code
|
||||||
|
- Tables
|
||||||
|
- Spacing
|
||||||
|
- Utilities
|
||||||
|
- Clearing
|
||||||
|
- Media Queries
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Grid
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
.container {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 960px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 20px;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
.column,
|
||||||
|
.columns {
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
|
||||||
|
/* For devices larger than 400px */
|
||||||
|
@media (min-width: 400px) {
|
||||||
|
.container {
|
||||||
|
width: 85%;
|
||||||
|
padding: 0; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* For devices larger than 550px */
|
||||||
|
@media (min-width: 550px) {
|
||||||
|
.container {
|
||||||
|
width: 80%; }
|
||||||
|
.column,
|
||||||
|
.columns {
|
||||||
|
margin-left: 4%; }
|
||||||
|
.column:first-child,
|
||||||
|
.columns:first-child {
|
||||||
|
margin-left: 0; }
|
||||||
|
|
||||||
|
.one.column,
|
||||||
|
.one.columns { width: 4.66666666667%; }
|
||||||
|
.two.columns { width: 13.3333333333%; }
|
||||||
|
.three.columns { width: 22%; }
|
||||||
|
.four.columns { width: 30.6666666667%; }
|
||||||
|
.five.columns { width: 39.3333333333%; }
|
||||||
|
.six.columns { width: 48%; }
|
||||||
|
.seven.columns { width: 56.6666666667%; }
|
||||||
|
.eight.columns { width: 65.3333333333%; }
|
||||||
|
.nine.columns { width: 74.0%; }
|
||||||
|
.ten.columns { width: 82.6666666667%; }
|
||||||
|
.eleven.columns { width: 91.3333333333%; }
|
||||||
|
.twelve.columns { width: 100%; margin-left: 0; }
|
||||||
|
|
||||||
|
.one-third.column { width: 30.6666666667%; }
|
||||||
|
.two-thirds.column { width: 65.3333333333%; }
|
||||||
|
|
||||||
|
.one-half.column { width: 48%; }
|
||||||
|
|
||||||
|
/* Offsets */
|
||||||
|
.offset-by-one.column,
|
||||||
|
.offset-by-one.columns { margin-left: 8.66666666667%; }
|
||||||
|
.offset-by-two.column,
|
||||||
|
.offset-by-two.columns { margin-left: 17.3333333333%; }
|
||||||
|
.offset-by-three.column,
|
||||||
|
.offset-by-three.columns { margin-left: 26%; }
|
||||||
|
.offset-by-four.column,
|
||||||
|
.offset-by-four.columns { margin-left: 34.6666666667%; }
|
||||||
|
.offset-by-five.column,
|
||||||
|
.offset-by-five.columns { margin-left: 43.3333333333%; }
|
||||||
|
.offset-by-six.column,
|
||||||
|
.offset-by-six.columns { margin-left: 52%; }
|
||||||
|
.offset-by-seven.column,
|
||||||
|
.offset-by-seven.columns { margin-left: 60.6666666667%; }
|
||||||
|
.offset-by-eight.column,
|
||||||
|
.offset-by-eight.columns { margin-left: 69.3333333333%; }
|
||||||
|
.offset-by-nine.column,
|
||||||
|
.offset-by-nine.columns { margin-left: 78.0%; }
|
||||||
|
.offset-by-ten.column,
|
||||||
|
.offset-by-ten.columns { margin-left: 86.6666666667%; }
|
||||||
|
.offset-by-eleven.column,
|
||||||
|
.offset-by-eleven.columns { margin-left: 95.3333333333%; }
|
||||||
|
|
||||||
|
.offset-by-one-third.column,
|
||||||
|
.offset-by-one-third.columns { margin-left: 34.6666666667%; }
|
||||||
|
.offset-by-two-thirds.column,
|
||||||
|
.offset-by-two-thirds.columns { margin-left: 69.3333333333%; }
|
||||||
|
|
||||||
|
.offset-by-one-half.column,
|
||||||
|
.offset-by-one-half.columns { margin-left: 52%; }
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Base Styles
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
/* NOTE
|
||||||
|
html is set to 62.5% so that all the REM measurements throughout Skeleton
|
||||||
|
are based on 10px sizing. So basically 1.5rem = 15px :) */
|
||||||
|
html {
|
||||||
|
font-size: 62.5%; }
|
||||||
|
body {
|
||||||
|
font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
|
||||||
|
line-height: 1.6;
|
||||||
|
font-weight: 400;
|
||||||
|
font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
color: #222; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Typography
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
font-weight: 300; }
|
||||||
|
h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;}
|
||||||
|
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
|
||||||
|
h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }
|
||||||
|
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
|
||||||
|
h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }
|
||||||
|
h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }
|
||||||
|
|
||||||
|
/* Larger than phablet */
|
||||||
|
@media (min-width: 550px) {
|
||||||
|
h1 { font-size: 5.0rem; }
|
||||||
|
h2 { font-size: 4.2rem; }
|
||||||
|
h3 { font-size: 3.6rem; }
|
||||||
|
h4 { font-size: 3.0rem; }
|
||||||
|
h5 { font-size: 2.4rem; }
|
||||||
|
h6 { font-size: 1.5rem; }
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-top: 0; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Links
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
a {
|
||||||
|
color: #1EAEDB; }
|
||||||
|
a:hover {
|
||||||
|
color: #0FA0CE; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Buttons
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
.button,
|
||||||
|
button,
|
||||||
|
input[type="submit"],
|
||||||
|
input[type="reset"],
|
||||||
|
input[type="button"] {
|
||||||
|
display: inline-block;
|
||||||
|
height: 38px;
|
||||||
|
padding: 0 30px;
|
||||||
|
color: #555;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 38px;
|
||||||
|
letter-spacing: .1rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-decoration: none;
|
||||||
|
white-space: nowrap;
|
||||||
|
background-color: transparent;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid #bbb;
|
||||||
|
cursor: pointer;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
.button:hover,
|
||||||
|
button:hover,
|
||||||
|
input[type="submit"]:hover,
|
||||||
|
input[type="reset"]:hover,
|
||||||
|
input[type="button"]:hover,
|
||||||
|
.button:focus,
|
||||||
|
button:focus,
|
||||||
|
input[type="submit"]:focus,
|
||||||
|
input[type="reset"]:focus,
|
||||||
|
input[type="button"]:focus {
|
||||||
|
color: #333;
|
||||||
|
border-color: #888;
|
||||||
|
outline: 0; }
|
||||||
|
.button.button-primary,
|
||||||
|
button.button-primary,
|
||||||
|
input[type="submit"].button-primary,
|
||||||
|
input[type="reset"].button-primary,
|
||||||
|
input[type="button"].button-primary {
|
||||||
|
color: #FFF;
|
||||||
|
background-color: #33C3F0;
|
||||||
|
border-color: #33C3F0; }
|
||||||
|
.button.button-primary:hover,
|
||||||
|
button.button-primary:hover,
|
||||||
|
input[type="submit"].button-primary:hover,
|
||||||
|
input[type="reset"].button-primary:hover,
|
||||||
|
input[type="button"].button-primary:hover,
|
||||||
|
.button.button-primary:focus,
|
||||||
|
button.button-primary:focus,
|
||||||
|
input[type="submit"].button-primary:focus,
|
||||||
|
input[type="reset"].button-primary:focus,
|
||||||
|
input[type="button"].button-primary:focus {
|
||||||
|
color: #FFF;
|
||||||
|
background-color: #1EAEDB;
|
||||||
|
border-color: #1EAEDB; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Forms
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
input[type="email"],
|
||||||
|
input[type="number"],
|
||||||
|
input[type="search"],
|
||||||
|
input[type="text"],
|
||||||
|
input[type="tel"],
|
||||||
|
input[type="url"],
|
||||||
|
input[type="password"],
|
||||||
|
textarea,
|
||||||
|
select {
|
||||||
|
height: 38px;
|
||||||
|
padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
|
||||||
|
background-color: #fff;
|
||||||
|
border: 1px solid #D1D1D1;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: none;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
/* Removes awkward default styles on some inputs for iOS */
|
||||||
|
input[type="email"],
|
||||||
|
input[type="number"],
|
||||||
|
input[type="search"],
|
||||||
|
input[type="text"],
|
||||||
|
input[type="tel"],
|
||||||
|
input[type="url"],
|
||||||
|
input[type="password"],
|
||||||
|
textarea {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
appearance: none; }
|
||||||
|
textarea {
|
||||||
|
min-height: 65px;
|
||||||
|
padding-top: 6px;
|
||||||
|
padding-bottom: 6px; }
|
||||||
|
input[type="email"]:focus,
|
||||||
|
input[type="number"]:focus,
|
||||||
|
input[type="search"]:focus,
|
||||||
|
input[type="text"]:focus,
|
||||||
|
input[type="tel"]:focus,
|
||||||
|
input[type="url"]:focus,
|
||||||
|
input[type="password"]:focus,
|
||||||
|
textarea:focus,
|
||||||
|
select:focus {
|
||||||
|
border: 1px solid #33C3F0;
|
||||||
|
outline: 0; }
|
||||||
|
label,
|
||||||
|
legend {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
font-weight: 600; }
|
||||||
|
fieldset {
|
||||||
|
padding: 0;
|
||||||
|
border-width: 0; }
|
||||||
|
input[type="checkbox"],
|
||||||
|
input[type="radio"] {
|
||||||
|
display: inline; }
|
||||||
|
label > .label-body {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: .5rem;
|
||||||
|
font-weight: normal; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Lists
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
ul {
|
||||||
|
list-style: circle inside; }
|
||||||
|
ol {
|
||||||
|
list-style: decimal inside; }
|
||||||
|
ol, ul {
|
||||||
|
padding-left: 0;
|
||||||
|
margin-top: 0; }
|
||||||
|
ul ul,
|
||||||
|
ul ol,
|
||||||
|
ol ol,
|
||||||
|
ol ul {
|
||||||
|
margin: 1.5rem 0 1.5rem 3rem;
|
||||||
|
font-size: 90%; }
|
||||||
|
li {
|
||||||
|
margin-bottom: 1rem; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Code
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
code {
|
||||||
|
padding: .2rem .5rem;
|
||||||
|
margin: 0 .2rem;
|
||||||
|
font-size: 90%;
|
||||||
|
white-space: nowrap;
|
||||||
|
background: #F1F1F1;
|
||||||
|
border: 1px solid #E1E1E1;
|
||||||
|
border-radius: 4px; }
|
||||||
|
pre > code {
|
||||||
|
display: block;
|
||||||
|
padding: 1rem 1.5rem;
|
||||||
|
white-space: pre; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Tables
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
padding: 12px 15px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid #E1E1E1; }
|
||||||
|
th:first-child,
|
||||||
|
td:first-child {
|
||||||
|
padding-left: 0; }
|
||||||
|
th:last-child,
|
||||||
|
td:last-child {
|
||||||
|
padding-right: 0; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Spacing
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
button,
|
||||||
|
.button {
|
||||||
|
margin-bottom: 1rem; }
|
||||||
|
input,
|
||||||
|
textarea,
|
||||||
|
select,
|
||||||
|
fieldset {
|
||||||
|
margin-bottom: 1.5rem; }
|
||||||
|
pre,
|
||||||
|
blockquote,
|
||||||
|
dl,
|
||||||
|
figure,
|
||||||
|
table,
|
||||||
|
p,
|
||||||
|
ul,
|
||||||
|
ol,
|
||||||
|
form {
|
||||||
|
margin-bottom: 2.5rem; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Utilities
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
.u-full-width {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
.u-max-full-width {
|
||||||
|
max-width: 100%;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
.u-pull-right {
|
||||||
|
float: right; }
|
||||||
|
.u-pull-left {
|
||||||
|
float: left; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Misc
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
hr {
|
||||||
|
margin-top: 3rem;
|
||||||
|
margin-bottom: 3.5rem;
|
||||||
|
border-width: 0;
|
||||||
|
border-top: 1px solid #E1E1E1; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Clearing
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
|
||||||
|
/* Self Clearing Goodness */
|
||||||
|
.container:after,
|
||||||
|
.row:after,
|
||||||
|
.u-cf {
|
||||||
|
content: "";
|
||||||
|
display: table;
|
||||||
|
clear: both; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Media Queries
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
/*
|
||||||
|
Note: The best way to structure the use of media queries is to create the queries
|
||||||
|
near the relevant code. For example, if you wanted to change the styles for buttons
|
||||||
|
on small devices, paste the mobile query code up in the buttons section and style it
|
||||||
|
there.
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Larger than mobile */
|
||||||
|
@media (min-width: 400px) {}
|
||||||
|
|
||||||
|
/* Larger than phablet (also point when grid becomes active) */
|
||||||
|
@media (min-width: 550px) {}
|
||||||
|
|
||||||
|
/* Larger than tablet */
|
||||||
|
@media (min-width: 750px) {}
|
||||||
|
|
||||||
|
/* Larger than desktop */
|
||||||
|
@media (min-width: 1000px) {}
|
||||||
|
|
||||||
|
/* Larger than Desktop HD */
|
||||||
|
@media (min-width: 1200px) {}
|
||||||
341
css/What are you lifting__files/normalize.css
vendored
Normal file
341
css/What are you lifting__files/normalize.css
vendored
Normal file
@@ -0,0 +1,341 @@
|
|||||||
|
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
||||||
|
/* Document
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the line height in all browsers.
|
||||||
|
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
html {
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sections
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the margin in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the font size and margin on `h1` elements within `section` and
|
||||||
|
* `article` contexts in Chrome, Firefox, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2em;
|
||||||
|
margin: 0.67em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Grouping content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in Firefox.
|
||||||
|
* 2. Show the overflow in Edge and IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
hr {
|
||||||
|
box-sizing: content-box; /* 1 */
|
||||||
|
height: 0; /* 1 */
|
||||||
|
overflow: visible; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
pre {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Text-level semantics
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the gray background on active links in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove the bottom border in Chrome 57-
|
||||||
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
abbr[title] {
|
||||||
|
border-bottom: none; /* 1 */
|
||||||
|
text-decoration: underline; /* 2 */
|
||||||
|
text-decoration: underline dotted; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font size in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||||
|
* all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
font-size: 75%;
|
||||||
|
line-height: 0;
|
||||||
|
position: relative;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub {
|
||||||
|
bottom: -0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
top: -0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Embedded content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the border on images inside links in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
img {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Forms
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Change the font styles in all browsers.
|
||||||
|
* 2. Remove the margin in Firefox and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
optgroup,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
font-family: inherit; /* 1 */
|
||||||
|
font-size: 100%; /* 1 */
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
|
margin: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Show the overflow in IE.
|
||||||
|
* 1. Show the overflow in Edge.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input { /* 1 */
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||||
|
* 1. Remove the inheritance of text transform in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
select { /* 1 */
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
[type="button"],
|
||||||
|
[type="reset"],
|
||||||
|
[type="submit"] {
|
||||||
|
-webkit-appearance: button;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner border and padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button::-moz-focus-inner,
|
||||||
|
[type="button"]::-moz-focus-inner,
|
||||||
|
[type="reset"]::-moz-focus-inner,
|
||||||
|
[type="submit"]::-moz-focus-inner {
|
||||||
|
border-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Restore the focus styles unset by the previous rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button:-moz-focusring,
|
||||||
|
[type="button"]:-moz-focusring,
|
||||||
|
[type="reset"]:-moz-focusring,
|
||||||
|
[type="submit"]:-moz-focusring {
|
||||||
|
outline: 1px dotted ButtonText;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
padding: 0.35em 0.75em 0.625em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the text wrapping in Edge and IE.
|
||||||
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||||
|
* 3. Remove the padding so developers are not caught out when they zero out
|
||||||
|
* `fieldset` elements in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
legend {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
color: inherit; /* 2 */
|
||||||
|
display: table; /* 1 */
|
||||||
|
max-width: 100%; /* 1 */
|
||||||
|
padding: 0; /* 3 */
|
||||||
|
white-space: normal; /* 1 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||||
|
*/
|
||||||
|
|
||||||
|
progress {
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the default vertical scrollbar in IE 10+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in IE 10.
|
||||||
|
* 2. Remove the padding in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="checkbox"],
|
||||||
|
[type="radio"] {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
padding: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="number"]::-webkit-inner-spin-button,
|
||||||
|
[type="number"]::-webkit-outer-spin-button {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the odd appearance in Chrome and Safari.
|
||||||
|
* 2. Correct the outline style in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"] {
|
||||||
|
-webkit-appearance: textfield; /* 1 */
|
||||||
|
outline-offset: -2px; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner padding in Chrome and Safari on macOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"]::-webkit-search-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
* 2. Change font properties to `inherit` in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
::-webkit-file-upload-button {
|
||||||
|
-webkit-appearance: button; /* 1 */
|
||||||
|
font: inherit; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interactive
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
details {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
summary {
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Misc
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
template {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
214
css/appstyling-v2.css
Normal file
214
css/appstyling-v2.css
Normal file
@@ -0,0 +1,214 @@
|
|||||||
|
/*
|
||||||
|
* What are you lifting V1
|
||||||
|
* Copyright 2018, stevenhaskell
|
||||||
|
* 12/29/2014
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Table of contents - Example
|
||||||
|
––––––––––––––––––––––––––––––––––––––––––––––––––
|
||||||
|
- Grid
|
||||||
|
- Base Styles
|
||||||
|
- Typography
|
||||||
|
- Links
|
||||||
|
- Buttons
|
||||||
|
- Forms
|
||||||
|
- Lists
|
||||||
|
- Code
|
||||||
|
- Tables
|
||||||
|
- Spacing
|
||||||
|
- Utilities
|
||||||
|
- Clearing
|
||||||
|
- Media Queries
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.b-header{
|
||||||
|
height: 25vh;
|
||||||
|
background-color: #48484A;
|
||||||
|
padding: 24px 16px;
|
||||||
|
text-align: center;
|
||||||
|
color: #FFFFFF;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-header__heading{
|
||||||
|
color: #CCFF00;
|
||||||
|
font-family: Roboto;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 48px;
|
||||||
|
letter-spacing: .025em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-header__container {
|
||||||
|
width: 80%;
|
||||||
|
margin: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
-ms-transform: translate(-50%, -50%);
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
p.subheading {
|
||||||
|
font-family: 'Zilla Slab', serif;
|
||||||
|
font-weight: 500;
|
||||||
|
font-style: italic;
|
||||||
|
font-size: 16px;
|
||||||
|
letter-spacing: .75pt;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-platevisual{
|
||||||
|
height: 50vh;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
padding: 24px 16px;
|
||||||
|
text-align: center;
|
||||||
|
color: #48484A;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.b-platevisual__container{
|
||||||
|
width: 80%;
|
||||||
|
margin: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
-ms-transform: translate(-50%, -50%);
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
color: #48484A;
|
||||||
|
font-family: Roboto;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 28px;
|
||||||
|
letter-spacing: .015px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-platevisual__weightfinal{
|
||||||
|
color: #48484A;
|
||||||
|
font-family: Roboto;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 28px;
|
||||||
|
letter-spacing: .015px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-calulatorinputs {
|
||||||
|
height: 25vh;
|
||||||
|
width: auto;
|
||||||
|
background-color: #8C8E90;
|
||||||
|
text-align: left;
|
||||||
|
color: #FFFFFF;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-calulatorinputs__platerequirements{
|
||||||
|
height: auto;
|
||||||
|
text-align: center;
|
||||||
|
background-color: #8C8E90;
|
||||||
|
border-bottom: 16px solid #FF6600;
|
||||||
|
overflow:auto;
|
||||||
|
padding: 0px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-calulatorinputs__inputcontainer{
|
||||||
|
width: 100%;
|
||||||
|
color: #FCFCFC;
|
||||||
|
font-family: Roboto;
|
||||||
|
font-size: 10px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 14px;
|
||||||
|
letter-spacing: 1.5px;
|
||||||
|
height: auto;
|
||||||
|
overflow: auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.b-calulatorinputs__input{
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 5px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-calulatorinputs__input:last-child{
|
||||||
|
margin-right: 0px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
input.input-weightsneeded{
|
||||||
|
width: 100%;
|
||||||
|
font-family: "Zilla Slab";
|
||||||
|
font-size: 14px;
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 500;
|
||||||
|
letter-spacing: 0.75px;
|
||||||
|
line-height: 20px;
|
||||||
|
text-align: center;
|
||||||
|
width: 41px;
|
||||||
|
height: 33px;
|
||||||
|
padding: 0px;
|
||||||
|
background-color: #D8D8D8;
|
||||||
|
color: ##48484A;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-calulatorinputs__infoentry{
|
||||||
|
background-color: #48484A;
|
||||||
|
padding: 8px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-calulatorinputs__inputcontainer{
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-calulatorinputs__infoentry label{
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
.b-container {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-header__heading{
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-header__subheading
|
||||||
|
|
||||||
|
.b-platevisual
|
||||||
|
|
||||||
|
.b-platevisual__weightfinal
|
||||||
|
|
||||||
|
.b-platevisual__barbell
|
||||||
|
|
||||||
|
.b-platevisual__weightdifference
|
||||||
|
|
||||||
|
.b-platerequirements
|
||||||
|
|
||||||
|
.b-platerequirements__subheading
|
||||||
|
|
||||||
|
.b-platerequirements__input
|
||||||
|
|
||||||
|
.b-infoentry
|
||||||
|
|
||||||
|
.b-infoentry__overline
|
||||||
|
|
||||||
|
.b-infoentry__input
|
||||||
|
|
||||||
|
.b-infoentry__button
|
||||||
|
|
||||||
|
.b-infoentry__heading
|
||||||
|
|
||||||
|
.b-options
|
||||||
|
|
||||||
|
.b-options__overline
|
||||||
|
*/
|
||||||
418
css/main.css
Normal file
418
css/main.css
Normal file
@@ -0,0 +1,418 @@
|
|||||||
|
/*
|
||||||
|
* Skeleton V2.0.4
|
||||||
|
* Copyright 2014, Dave Gamache
|
||||||
|
* www.getskeleton.com
|
||||||
|
* Free to use under the MIT license.
|
||||||
|
* http://www.opensource.org/licenses/mit-license.php
|
||||||
|
* 12/29/2014
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Table of contents
|
||||||
|
––––––––––––––––––––––––––––––––––––––––––––––––––
|
||||||
|
- Grid
|
||||||
|
- Base Styles
|
||||||
|
- Typography
|
||||||
|
- Links
|
||||||
|
- Buttons
|
||||||
|
- Forms
|
||||||
|
- Lists
|
||||||
|
- Code
|
||||||
|
- Tables
|
||||||
|
- Spacing
|
||||||
|
- Utilities
|
||||||
|
- Clearing
|
||||||
|
- Media Queries
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Grid
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
.container {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 960px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 20px;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
.column,
|
||||||
|
.columns {
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
|
||||||
|
/* For devices larger than 400px */
|
||||||
|
@media (min-width: 400px) {
|
||||||
|
.container {
|
||||||
|
width: 85%;
|
||||||
|
padding: 0; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* For devices larger than 550px */
|
||||||
|
@media (min-width: 550px) {
|
||||||
|
.container {
|
||||||
|
width: 80%; }
|
||||||
|
.column,
|
||||||
|
.columns {
|
||||||
|
margin-left: 4%; }
|
||||||
|
.column:first-child,
|
||||||
|
.columns:first-child {
|
||||||
|
margin-left: 0; }
|
||||||
|
|
||||||
|
.one.column,
|
||||||
|
.one.columns { width: 4.66666666667%; }
|
||||||
|
.two.columns { width: 13.3333333333%; }
|
||||||
|
.three.columns { width: 22%; }
|
||||||
|
.four.columns { width: 30.6666666667%; }
|
||||||
|
.five.columns { width: 39.3333333333%; }
|
||||||
|
.six.columns { width: 48%; }
|
||||||
|
.seven.columns { width: 56.6666666667%; }
|
||||||
|
.eight.columns { width: 65.3333333333%; }
|
||||||
|
.nine.columns { width: 74.0%; }
|
||||||
|
.ten.columns { width: 82.6666666667%; }
|
||||||
|
.eleven.columns { width: 91.3333333333%; }
|
||||||
|
.twelve.columns { width: 100%; margin-left: 0; }
|
||||||
|
|
||||||
|
.one-third.column { width: 30.6666666667%; }
|
||||||
|
.two-thirds.column { width: 65.3333333333%; }
|
||||||
|
|
||||||
|
.one-half.column { width: 48%; }
|
||||||
|
|
||||||
|
/* Offsets */
|
||||||
|
.offset-by-one.column,
|
||||||
|
.offset-by-one.columns { margin-left: 8.66666666667%; }
|
||||||
|
.offset-by-two.column,
|
||||||
|
.offset-by-two.columns { margin-left: 17.3333333333%; }
|
||||||
|
.offset-by-three.column,
|
||||||
|
.offset-by-three.columns { margin-left: 26%; }
|
||||||
|
.offset-by-four.column,
|
||||||
|
.offset-by-four.columns { margin-left: 34.6666666667%; }
|
||||||
|
.offset-by-five.column,
|
||||||
|
.offset-by-five.columns { margin-left: 43.3333333333%; }
|
||||||
|
.offset-by-six.column,
|
||||||
|
.offset-by-six.columns { margin-left: 52%; }
|
||||||
|
.offset-by-seven.column,
|
||||||
|
.offset-by-seven.columns { margin-left: 60.6666666667%; }
|
||||||
|
.offset-by-eight.column,
|
||||||
|
.offset-by-eight.columns { margin-left: 69.3333333333%; }
|
||||||
|
.offset-by-nine.column,
|
||||||
|
.offset-by-nine.columns { margin-left: 78.0%; }
|
||||||
|
.offset-by-ten.column,
|
||||||
|
.offset-by-ten.columns { margin-left: 86.6666666667%; }
|
||||||
|
.offset-by-eleven.column,
|
||||||
|
.offset-by-eleven.columns { margin-left: 95.3333333333%; }
|
||||||
|
|
||||||
|
.offset-by-one-third.column,
|
||||||
|
.offset-by-one-third.columns { margin-left: 34.6666666667%; }
|
||||||
|
.offset-by-two-thirds.column,
|
||||||
|
.offset-by-two-thirds.columns { margin-left: 69.3333333333%; }
|
||||||
|
|
||||||
|
.offset-by-one-half.column,
|
||||||
|
.offset-by-one-half.columns { margin-left: 52%; }
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Base Styles
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
/* NOTE
|
||||||
|
html is set to 62.5% so that all the REM measurements throughout Skeleton
|
||||||
|
are based on 10px sizing. So basically 1.5rem = 15px :) */
|
||||||
|
html {
|
||||||
|
font-size: 62.5%; }
|
||||||
|
body {
|
||||||
|
font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
|
||||||
|
line-height: 1.6;
|
||||||
|
font-weight: 400;
|
||||||
|
font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
color: #222; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Typography
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
font-weight: 300; }
|
||||||
|
h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;}
|
||||||
|
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
|
||||||
|
h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }
|
||||||
|
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
|
||||||
|
h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }
|
||||||
|
h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }
|
||||||
|
|
||||||
|
/* Larger than phablet */
|
||||||
|
@media (min-width: 550px) {
|
||||||
|
h1 { font-size: 5.0rem; }
|
||||||
|
h2 { font-size: 4.2rem; }
|
||||||
|
h3 { font-size: 3.6rem; }
|
||||||
|
h4 { font-size: 3.0rem; }
|
||||||
|
h5 { font-size: 2.4rem; }
|
||||||
|
h6 { font-size: 1.5rem; }
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-top: 0; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Links
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
a {
|
||||||
|
color: #1EAEDB; }
|
||||||
|
a:hover {
|
||||||
|
color: #0FA0CE; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Buttons
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
.button,
|
||||||
|
button,
|
||||||
|
input[type="submit"],
|
||||||
|
input[type="reset"],
|
||||||
|
input[type="button"] {
|
||||||
|
display: inline-block;
|
||||||
|
height: 38px;
|
||||||
|
padding: 0 30px;
|
||||||
|
color: #555;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 38px;
|
||||||
|
letter-spacing: .1rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-decoration: none;
|
||||||
|
white-space: nowrap;
|
||||||
|
background-color: transparent;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid #bbb;
|
||||||
|
cursor: pointer;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
.button:hover,
|
||||||
|
button:hover,
|
||||||
|
input[type="submit"]:hover,
|
||||||
|
input[type="reset"]:hover,
|
||||||
|
input[type="button"]:hover,
|
||||||
|
.button:focus,
|
||||||
|
button:focus,
|
||||||
|
input[type="submit"]:focus,
|
||||||
|
input[type="reset"]:focus,
|
||||||
|
input[type="button"]:focus {
|
||||||
|
color: #333;
|
||||||
|
border-color: #888;
|
||||||
|
outline: 0; }
|
||||||
|
.button.button-primary,
|
||||||
|
button.button-primary,
|
||||||
|
input[type="submit"].button-primary,
|
||||||
|
input[type="reset"].button-primary,
|
||||||
|
input[type="button"].button-primary {
|
||||||
|
color: #FFF;
|
||||||
|
background-color: #33C3F0;
|
||||||
|
border-color: #33C3F0; }
|
||||||
|
.button.button-primary:hover,
|
||||||
|
button.button-primary:hover,
|
||||||
|
input[type="submit"].button-primary:hover,
|
||||||
|
input[type="reset"].button-primary:hover,
|
||||||
|
input[type="button"].button-primary:hover,
|
||||||
|
.button.button-primary:focus,
|
||||||
|
button.button-primary:focus,
|
||||||
|
input[type="submit"].button-primary:focus,
|
||||||
|
input[type="reset"].button-primary:focus,
|
||||||
|
input[type="button"].button-primary:focus {
|
||||||
|
color: #FFF;
|
||||||
|
background-color: #1EAEDB;
|
||||||
|
border-color: #1EAEDB; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Forms
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
input[type="email"],
|
||||||
|
input[type="number"],
|
||||||
|
input[type="search"],
|
||||||
|
input[type="text"],
|
||||||
|
input[type="tel"],
|
||||||
|
input[type="url"],
|
||||||
|
input[type="password"],
|
||||||
|
textarea,
|
||||||
|
select {
|
||||||
|
height: 38px;
|
||||||
|
padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
|
||||||
|
background-color: #fff;
|
||||||
|
border: 1px solid #D1D1D1;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: none;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
/* Removes awkward default styles on some inputs for iOS */
|
||||||
|
input[type="email"],
|
||||||
|
input[type="number"],
|
||||||
|
input[type="search"],
|
||||||
|
input[type="text"],
|
||||||
|
input[type="tel"],
|
||||||
|
input[type="url"],
|
||||||
|
input[type="password"],
|
||||||
|
textarea {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
appearance: none; }
|
||||||
|
textarea {
|
||||||
|
min-height: 65px;
|
||||||
|
padding-top: 6px;
|
||||||
|
padding-bottom: 6px; }
|
||||||
|
input[type="email"]:focus,
|
||||||
|
input[type="number"]:focus,
|
||||||
|
input[type="search"]:focus,
|
||||||
|
input[type="text"]:focus,
|
||||||
|
input[type="tel"]:focus,
|
||||||
|
input[type="url"]:focus,
|
||||||
|
input[type="password"]:focus,
|
||||||
|
textarea:focus,
|
||||||
|
select:focus {
|
||||||
|
border: 1px solid #33C3F0;
|
||||||
|
outline: 0; }
|
||||||
|
label,
|
||||||
|
legend {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
font-weight: 600; }
|
||||||
|
fieldset {
|
||||||
|
padding: 0;
|
||||||
|
border-width: 0; }
|
||||||
|
input[type="checkbox"],
|
||||||
|
input[type="radio"] {
|
||||||
|
display: inline; }
|
||||||
|
label > .label-body {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: .5rem;
|
||||||
|
font-weight: normal; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Lists
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
ul {
|
||||||
|
list-style: circle inside; }
|
||||||
|
ol {
|
||||||
|
list-style: decimal inside; }
|
||||||
|
ol, ul {
|
||||||
|
padding-left: 0;
|
||||||
|
margin-top: 0; }
|
||||||
|
ul ul,
|
||||||
|
ul ol,
|
||||||
|
ol ol,
|
||||||
|
ol ul {
|
||||||
|
margin: 1.5rem 0 1.5rem 3rem;
|
||||||
|
font-size: 90%; }
|
||||||
|
li {
|
||||||
|
margin-bottom: 1rem; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Code
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
code {
|
||||||
|
padding: .2rem .5rem;
|
||||||
|
margin: 0 .2rem;
|
||||||
|
font-size: 90%;
|
||||||
|
white-space: nowrap;
|
||||||
|
background: #F1F1F1;
|
||||||
|
border: 1px solid #E1E1E1;
|
||||||
|
border-radius: 4px; }
|
||||||
|
pre > code {
|
||||||
|
display: block;
|
||||||
|
padding: 1rem 1.5rem;
|
||||||
|
white-space: pre; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Tables
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
padding: 12px 15px;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid #E1E1E1; }
|
||||||
|
th:first-child,
|
||||||
|
td:first-child {
|
||||||
|
padding-left: 0; }
|
||||||
|
th:last-child,
|
||||||
|
td:last-child {
|
||||||
|
padding-right: 0; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Spacing
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
button,
|
||||||
|
.button {
|
||||||
|
margin-bottom: 1rem; }
|
||||||
|
input,
|
||||||
|
textarea,
|
||||||
|
select,
|
||||||
|
fieldset {
|
||||||
|
margin-bottom: 1.5rem; }
|
||||||
|
pre,
|
||||||
|
blockquote,
|
||||||
|
dl,
|
||||||
|
figure,
|
||||||
|
table,
|
||||||
|
p,
|
||||||
|
ul,
|
||||||
|
ol,
|
||||||
|
form {
|
||||||
|
margin-bottom: 2.5rem; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Utilities
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
.u-full-width {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
.u-max-full-width {
|
||||||
|
max-width: 100%;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
.u-pull-right {
|
||||||
|
float: right; }
|
||||||
|
.u-pull-left {
|
||||||
|
float: left; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Misc
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
hr {
|
||||||
|
margin-top: 3rem;
|
||||||
|
margin-bottom: 3.5rem;
|
||||||
|
border-width: 0;
|
||||||
|
border-top: 1px solid #E1E1E1; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Clearing
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
|
||||||
|
/* Self Clearing Goodness */
|
||||||
|
.container:after,
|
||||||
|
.row:after,
|
||||||
|
.u-cf {
|
||||||
|
content: "";
|
||||||
|
display: table;
|
||||||
|
clear: both; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Media Queries
|
||||||
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
/*
|
||||||
|
Note: The best way to structure the use of media queries is to create the queries
|
||||||
|
near the relevant code. For example, if you wanted to change the styles for buttons
|
||||||
|
on small devices, paste the mobile query code up in the buttons section and style it
|
||||||
|
there.
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Larger than mobile */
|
||||||
|
@media (min-width: 400px) {}
|
||||||
|
|
||||||
|
/* Larger than phablet (also point when grid becomes active) */
|
||||||
|
@media (min-width: 550px) {}
|
||||||
|
|
||||||
|
/* Larger than tablet */
|
||||||
|
@media (min-width: 750px) {}
|
||||||
|
|
||||||
|
/* Larger than desktop */
|
||||||
|
@media (min-width: 1000px) {}
|
||||||
|
|
||||||
|
/* Larger than Desktop HD */
|
||||||
|
@media (min-width: 1200px) {}
|
||||||
341
css/normalize.css
vendored
Normal file
341
css/normalize.css
vendored
Normal file
@@ -0,0 +1,341 @@
|
|||||||
|
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
||||||
|
/* Document
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the line height in all browsers.
|
||||||
|
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
html {
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sections
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the margin in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the font size and margin on `h1` elements within `section` and
|
||||||
|
* `article` contexts in Chrome, Firefox, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2em;
|
||||||
|
margin: 0.67em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Grouping content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in Firefox.
|
||||||
|
* 2. Show the overflow in Edge and IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
hr {
|
||||||
|
box-sizing: content-box; /* 1 */
|
||||||
|
height: 0; /* 1 */
|
||||||
|
overflow: visible; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
pre {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Text-level semantics
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the gray background on active links in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove the bottom border in Chrome 57-
|
||||||
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
abbr[title] {
|
||||||
|
border-bottom: none; /* 1 */
|
||||||
|
text-decoration: underline; /* 2 */
|
||||||
|
text-decoration: underline dotted; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font size in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||||
|
* all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
font-size: 75%;
|
||||||
|
line-height: 0;
|
||||||
|
position: relative;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub {
|
||||||
|
bottom: -0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
top: -0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Embedded content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the border on images inside links in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
img {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Forms
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Change the font styles in all browsers.
|
||||||
|
* 2. Remove the margin in Firefox and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
optgroup,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
font-family: inherit; /* 1 */
|
||||||
|
font-size: 100%; /* 1 */
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
|
margin: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Show the overflow in IE.
|
||||||
|
* 1. Show the overflow in Edge.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input { /* 1 */
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||||
|
* 1. Remove the inheritance of text transform in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
select { /* 1 */
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
[type="button"],
|
||||||
|
[type="reset"],
|
||||||
|
[type="submit"] {
|
||||||
|
-webkit-appearance: button;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner border and padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button::-moz-focus-inner,
|
||||||
|
[type="button"]::-moz-focus-inner,
|
||||||
|
[type="reset"]::-moz-focus-inner,
|
||||||
|
[type="submit"]::-moz-focus-inner {
|
||||||
|
border-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Restore the focus styles unset by the previous rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button:-moz-focusring,
|
||||||
|
[type="button"]:-moz-focusring,
|
||||||
|
[type="reset"]:-moz-focusring,
|
||||||
|
[type="submit"]:-moz-focusring {
|
||||||
|
outline: 1px dotted ButtonText;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
padding: 0.35em 0.75em 0.625em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the text wrapping in Edge and IE.
|
||||||
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||||
|
* 3. Remove the padding so developers are not caught out when they zero out
|
||||||
|
* `fieldset` elements in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
legend {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
color: inherit; /* 2 */
|
||||||
|
display: table; /* 1 */
|
||||||
|
max-width: 100%; /* 1 */
|
||||||
|
padding: 0; /* 3 */
|
||||||
|
white-space: normal; /* 1 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||||
|
*/
|
||||||
|
|
||||||
|
progress {
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the default vertical scrollbar in IE 10+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in IE 10.
|
||||||
|
* 2. Remove the padding in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="checkbox"],
|
||||||
|
[type="radio"] {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
padding: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="number"]::-webkit-inner-spin-button,
|
||||||
|
[type="number"]::-webkit-outer-spin-button {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the odd appearance in Chrome and Safari.
|
||||||
|
* 2. Correct the outline style in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"] {
|
||||||
|
-webkit-appearance: textfield; /* 1 */
|
||||||
|
outline-offset: -2px; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner padding in Chrome and Safari on macOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"]::-webkit-search-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
* 2. Change font properties to `inherit` in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
::-webkit-file-upload-button {
|
||||||
|
-webkit-appearance: button; /* 1 */
|
||||||
|
font: inherit; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interactive
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
details {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
summary {
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Misc
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
template {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
0
images/Icon
Normal file
0
images/Icon
Normal file
0
js/-Old/Icon
Normal file
0
js/-Old/Icon
Normal file
67
js/-Old/Weight Calculation Script-Edited-Jquery-V2.js
Normal file
67
js/-Old/Weight Calculation Script-Edited-Jquery-V2.js
Normal file
@@ -0,0 +1,67 @@
|
|||||||
|
var weighttolift = 0;
|
||||||
|
var percentage = 0;
|
||||||
|
var target = 0;
|
||||||
|
var weightsNeeded = 0;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// calculation function starts here
|
||||||
|
|
||||||
|
function startcalc() {
|
||||||
|
|
||||||
|
var weighttolift = jQuery(".input-weight").val();
|
||||||
|
var percentage = jQuery(".input-percentage").val();
|
||||||
|
var bar = jQuery(".input-bar").val();
|
||||||
|
|
||||||
|
|
||||||
|
// targeted values
|
||||||
|
var final = Math.floor(weighttolift * percentage);
|
||||||
|
console.log("final", final);
|
||||||
|
|
||||||
|
var finalPlateWeights = final - bar;
|
||||||
|
|
||||||
|
jQuery(".input-final").val(final);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//This creates an arrary for the weights available
|
||||||
|
var plateWeights = [];
|
||||||
|
|
||||||
|
$( ".input-weightsavailable" ).each( function(){
|
||||||
|
plateWeights.push( $( this ).data( "weight" ));
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//This creates an arrary for the number of plates available
|
||||||
|
var platesAvailable = [];
|
||||||
|
|
||||||
|
$( ".input-weightsavailable" ).each( function(){
|
||||||
|
platesAvailable.push( $( this ).val());
|
||||||
|
});
|
||||||
|
|
||||||
|
//calls the plate calculator function
|
||||||
|
platecalculator(plateWeights, platesAvailable, finalPlateWeights);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function platecalculator ( plateWeights, platesAvailable, target) {
|
||||||
|
console.log("Plate Weights", plateWeights);
|
||||||
|
console.log("Plate Available", platesAvailable);
|
||||||
|
console.log("Weight To Add", target);
|
||||||
|
for (var i = 0; i < platesAvailable.length; i++) {
|
||||||
|
if (plateWeights[i]*2 <= target) {
|
||||||
|
var weightToAdd = Math.floor(target / (plateWeights[i]*2));
|
||||||
|
target = target - weightToAdd*(plateWeights[i]*2);
|
||||||
|
console.log("plateWeights " + plateWeights[i]);
|
||||||
|
console.log("weightToAdd " + weightToAdd);
|
||||||
|
console.log("target " + target);
|
||||||
|
if (weightToAdd > 0) {
|
||||||
|
jQuery(".input-weightsneeded").eq(i).val(weightToAdd);
|
||||||
|
}
|
||||||
|
jQuery(".input-difference").val(target);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
70
js/-Old/Weight Calculation Script-Edited-Jquery-V3.js
Normal file
70
js/-Old/Weight Calculation Script-Edited-Jquery-V3.js
Normal file
@@ -0,0 +1,70 @@
|
|||||||
|
// calculation function starts here
|
||||||
|
|
||||||
|
function startcalc() {
|
||||||
|
|
||||||
|
//calls inputs to start calculation
|
||||||
|
var weighttolift = jQuery(".input-weight").val();
|
||||||
|
var percentage = jQuery(".input-percentage").val();
|
||||||
|
var bar = jQuery(".input-bar").val();
|
||||||
|
|
||||||
|
|
||||||
|
// calculates and logs final values
|
||||||
|
var final = Math.floor(weighttolift * percentage);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// calculates weight of the plates needed
|
||||||
|
var finalPlateWeights = final - bar;
|
||||||
|
|
||||||
|
|
||||||
|
//This creates an arrary for the weights available
|
||||||
|
var plateWeights = [];
|
||||||
|
|
||||||
|
$( ".input-weightsavailable" ).each( function(){
|
||||||
|
plateWeights.push( $( this ).data( "weight" ));
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//This creates an arrary for the number of plates available
|
||||||
|
var platesAvailable = [];
|
||||||
|
|
||||||
|
$( ".input-weightsavailable" ).each( function(){
|
||||||
|
platesAvailable.push( $( this ).val());
|
||||||
|
});
|
||||||
|
|
||||||
|
//calls the plate calculator function
|
||||||
|
platecalculator(plateWeights, platesAvailable, finalPlateWeights, final);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
//plate calulation function
|
||||||
|
function platecalculator ( plateWeights, platesAvailable, target, finalWeight) {
|
||||||
|
//iterates though the plates availble.
|
||||||
|
for (var i = 0; i < platesAvailable.length; i++) {
|
||||||
|
//checks if the plate is less than or equal to the weight of plates needed
|
||||||
|
if (plateWeights[i]*2 <= target) {
|
||||||
|
var weightToAdd = Math.floor(target / (plateWeights[i]*2));
|
||||||
|
|
||||||
|
//check if there are enough weights
|
||||||
|
var plateCheck = Math.floor(platesAvailable[i]/2);
|
||||||
|
if (weightToAdd > plateCheck) {
|
||||||
|
weightToAdd = plateCheck;
|
||||||
|
}
|
||||||
|
//subtracts added weights
|
||||||
|
target = target - weightToAdd*(plateWeights[i]*2);
|
||||||
|
|
||||||
|
//Adds plates required
|
||||||
|
if (weightToAdd > 0) {
|
||||||
|
jQuery(".input-weightsneeded").eq(i).val(weightToAdd);
|
||||||
|
}
|
||||||
|
|
||||||
|
//sets the offset
|
||||||
|
jQuery(".input-difference").val(target);
|
||||||
|
|
||||||
|
//sets the final weight
|
||||||
|
jQuery(".input-final").val(finalWeight - target);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
196
js/-Old/Weight Calculation Script-Edited-Jquery.txt
Normal file
196
js/-Old/Weight Calculation Script-Edited-Jquery.txt
Normal file
@@ -0,0 +1,196 @@
|
|||||||
|
<script>
|
||||||
|
var weighttolift = 0;
|
||||||
|
var percentage = 0;
|
||||||
|
|
||||||
|
var target = 0;
|
||||||
|
// calculation function starts here
|
||||||
|
|
||||||
|
function startcalc() {
|
||||||
|
// making variables to use the values later.
|
||||||
|
|
||||||
|
// make the weight that have to be lifted after minus the bar weight etc.
|
||||||
|
|
||||||
|
var weighttolift = jQuery(".input-weight").val();
|
||||||
|
var weighttolift = jQuery("input[name=Weight]").val();
|
||||||
|
var percentage = jQuery("input[name=Percentage]").val();
|
||||||
|
var bar = jQuery(".input-bar").val();
|
||||||
|
|
||||||
|
var bar = jQuery("input[name=Bar]").val();
|
||||||
|
|
||||||
|
// targeted values
|
||||||
|
var target = ("input[name=Target]").val();
|
||||||
|
|
||||||
|
// this funciton calculates the weight percentage , final , difference etc
|
||||||
|
|
||||||
|
targets = Math.floor(weighttolift * percentage);
|
||||||
|
|
||||||
|
// final wieght calculater
|
||||||
|
target.value = targets;
|
||||||
|
|
||||||
|
var finals = Math.floor(parseInt(target.value) - parseInt(bar));
|
||||||
|
|
||||||
|
|
||||||
|
//this function assign the required plate pairs value
|
||||||
|
|
||||||
|
var weightcalculate = 0;
|
||||||
|
|
||||||
|
var avail45 = document.getElementById('avail45').value;
|
||||||
|
|
||||||
|
if (avail45 == 0) {
|
||||||
|
document.getElementById('req45').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var c = 0;
|
||||||
|
for (var a = 1; a <= avail45; a++) {
|
||||||
|
if (finals >= 90) {
|
||||||
|
c++;
|
||||||
|
finals -= 90;
|
||||||
|
weightcalculate += 90;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (c == 0) {
|
||||||
|
document.getElementById('req45').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req45').value = c;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail35 = document.getElementById('avail35').value;
|
||||||
|
|
||||||
|
if (avail35 == 0) {
|
||||||
|
document.getElementById('req35').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var d = 0;
|
||||||
|
for (var a = 1; a <= avail35; a++) {
|
||||||
|
if (finals >= 70) {
|
||||||
|
d++;
|
||||||
|
finals -= 70;
|
||||||
|
weightcalculate += 70;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if (d == 0) {
|
||||||
|
document.getElementById('req35').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req35').value = d;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail25 = document.getElementById('avail25').value;
|
||||||
|
|
||||||
|
if (avail25 == 0) {
|
||||||
|
document.getElementById('req25').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var e = 0;
|
||||||
|
for (var a = 1; a <= avail25; a++) {
|
||||||
|
if (finals >= 50) {
|
||||||
|
e++;
|
||||||
|
finals -= 50;
|
||||||
|
weightcalculate += 50;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (e == 0) {
|
||||||
|
document.getElementById('req25').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req25').value = e;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail10 = document.getElementById('avail10').value;
|
||||||
|
|
||||||
|
if (avail10 == 0) {
|
||||||
|
document.getElementById('req10').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var f = 0;
|
||||||
|
for (var a = 1; a <= avail10; a++) {
|
||||||
|
if (finals >= 20) {
|
||||||
|
f++;
|
||||||
|
finals -= 20;
|
||||||
|
weightcalculate += 20;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (f == 0)
|
||||||
|
{
|
||||||
|
document.getElementById('req10').value = null;
|
||||||
|
} else {
|
||||||
|
|
||||||
|
document.getElementById('req10').value = f;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail5 = document.getElementById('avail5').value;
|
||||||
|
|
||||||
|
if (avail5 == 0) {
|
||||||
|
document.getElementById('req5').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var g = 0;
|
||||||
|
for (var a = 1; a <= avail5; a++) {
|
||||||
|
if (finals >= 10) {
|
||||||
|
g++;
|
||||||
|
finals -= 10;
|
||||||
|
weightcalculate += 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (g == 0) {
|
||||||
|
document.getElementById('req5').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req5').value = g;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail2 = document.getElementById('avail2').value;
|
||||||
|
|
||||||
|
if (avail2 == 0) {
|
||||||
|
document.getElementById('req2').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var h = 0;
|
||||||
|
for (var a = 1; a <= avail2; a++) {
|
||||||
|
if (finals >= 5) {
|
||||||
|
h++;
|
||||||
|
finals -= 5;
|
||||||
|
weightcalculate += 5;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if (h == 0) {
|
||||||
|
document.getElementById('req2').value = null;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
document.getElementById('req2').value = h;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var bar2 = document.getElementById('Bar').value;
|
||||||
|
document.getElementById('finalw').value = Math.floor(parseInt(weightcalculate) + parseInt(bar2));
|
||||||
|
var targ = document.getElementById('Target').value;
|
||||||
|
var finalssweight = document.getElementById('finalw').value;
|
||||||
|
|
||||||
|
document.getElementById('diff').value = Math.floor(parseInt(targ) - parseInt(finalssweight));
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
193
js/-Old/Weight Calculation Script-Edited.txt
Normal file
193
js/-Old/Weight Calculation Script-Edited.txt
Normal file
@@ -0,0 +1,193 @@
|
|||||||
|
<script>
|
||||||
|
var weighttolift = 0;
|
||||||
|
var percentage = 0;
|
||||||
|
|
||||||
|
var target = 0;
|
||||||
|
// calculation function starts here
|
||||||
|
|
||||||
|
function startcalc() {
|
||||||
|
// making variables to use the values later.
|
||||||
|
|
||||||
|
// make the weight that have to be lifted after minus the bar weight etc.
|
||||||
|
|
||||||
|
var weighttolift = document.getElementById('Weight').value;
|
||||||
|
var percentage = document.getElementById('Percentage').value;
|
||||||
|
var bar = document.getElementById('Bar').value;
|
||||||
|
|
||||||
|
// targeted values
|
||||||
|
var target = document.getElementById('Target');
|
||||||
|
|
||||||
|
// this funciton calculates the weight percentage , final , difference etc
|
||||||
|
|
||||||
|
targets = Math.floor(weighttolift * percentage);
|
||||||
|
|
||||||
|
// final wieght calculater
|
||||||
|
target.value = targets;
|
||||||
|
|
||||||
|
var finals = Math.floor(parseInt(target.value) - parseInt(bar));
|
||||||
|
|
||||||
|
|
||||||
|
//this function assign the required plate pairs value
|
||||||
|
|
||||||
|
var weightcalculate = 0;
|
||||||
|
|
||||||
|
var avail45 = document.getElementById('avail45').value;
|
||||||
|
|
||||||
|
if (avail45 == 0) {
|
||||||
|
document.getElementById('req45').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var c = 0;
|
||||||
|
for (var a = 1; a <= avail45; a++) {
|
||||||
|
if (finals >= 90) {
|
||||||
|
c++;
|
||||||
|
finals -= 90;
|
||||||
|
weightcalculate += 90;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (c == 0) {
|
||||||
|
document.getElementById('req45').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req45').value = c;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail35 = document.getElementById('avail35').value;
|
||||||
|
|
||||||
|
if (avail35 == 0) {
|
||||||
|
document.getElementById('req35').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var d = 0;
|
||||||
|
for (var a = 1; a <= avail35; a++) {
|
||||||
|
if (finals >= 70) {
|
||||||
|
d++;
|
||||||
|
finals -= 70;
|
||||||
|
weightcalculate += 70;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if (d == 0) {
|
||||||
|
document.getElementById('req35').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req35').value = d;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail25 = document.getElementById('avail25').value;
|
||||||
|
|
||||||
|
if (avail25 == 0) {
|
||||||
|
document.getElementById('req25').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var e = 0;
|
||||||
|
for (var a = 1; a <= avail25; a++) {
|
||||||
|
if (finals >= 50) {
|
||||||
|
e++;
|
||||||
|
finals -= 50;
|
||||||
|
weightcalculate += 50;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (e == 0) {
|
||||||
|
document.getElementById('req25').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req25').value = e;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail10 = document.getElementById('avail10').value;
|
||||||
|
|
||||||
|
if (avail10 == 0) {
|
||||||
|
document.getElementById('req10').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var f = 0;
|
||||||
|
for (var a = 1; a <= avail10; a++) {
|
||||||
|
if (finals >= 20) {
|
||||||
|
f++;
|
||||||
|
finals -= 20;
|
||||||
|
weightcalculate += 20;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (f == 0)
|
||||||
|
{
|
||||||
|
document.getElementById('req10').value = null;
|
||||||
|
} else {
|
||||||
|
|
||||||
|
document.getElementById('req10').value = f;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail5 = document.getElementById('avail5').value;
|
||||||
|
|
||||||
|
if (avail5 == 0) {
|
||||||
|
document.getElementById('req5').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var g = 0;
|
||||||
|
for (var a = 1; a <= avail5; a++) {
|
||||||
|
if (finals >= 10) {
|
||||||
|
g++;
|
||||||
|
finals -= 10;
|
||||||
|
weightcalculate += 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (g == 0) {
|
||||||
|
document.getElementById('req5').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req5').value = g;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail2 = document.getElementById('avail2').value;
|
||||||
|
|
||||||
|
if (avail2 == 0) {
|
||||||
|
document.getElementById('req2').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var h = 0;
|
||||||
|
for (var a = 1; a <= avail2; a++) {
|
||||||
|
if (finals >= 5) {
|
||||||
|
h++;
|
||||||
|
finals -= 5;
|
||||||
|
weightcalculate += 5;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if (h == 0) {
|
||||||
|
document.getElementById('req2').value = null;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
document.getElementById('req2').value = h;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var bar2 = document.getElementById('Bar').value;
|
||||||
|
document.getElementById('finalw').value = Math.floor(parseInt(weightcalculate) + parseInt(bar2));
|
||||||
|
var targ = document.getElementById('Target').value;
|
||||||
|
var finalssweight = document.getElementById('finalw').value;
|
||||||
|
|
||||||
|
document.getElementById('diff').value = Math.floor(parseInt(targ) - parseInt(finalssweight));
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
226
js/-Old/Weight Calculation Script.txt
Normal file
226
js/-Old/Weight Calculation Script.txt
Normal file
@@ -0,0 +1,226 @@
|
|||||||
|
<script>
|
||||||
|
// Do not copy any part of this script without permission; ExRx.net;http://www.exrx.net
|
||||||
|
|
||||||
|
var weighttolift = 0;
|
||||||
|
var percentage = 0;
|
||||||
|
|
||||||
|
var target = 0;
|
||||||
|
// calculation function starts here
|
||||||
|
|
||||||
|
function startcalc() {
|
||||||
|
// making variables to use the values later.
|
||||||
|
|
||||||
|
// make the weight that have to be lifted after minus the bar weight etc.
|
||||||
|
|
||||||
|
var weighttolift = document.getElementById('Weight').value;
|
||||||
|
var percentage = document.getElementById('Percentage').value;
|
||||||
|
var bar = document.getElementById('Bar').value;
|
||||||
|
|
||||||
|
// targeted values
|
||||||
|
var target = document.getElementById('Target');
|
||||||
|
|
||||||
|
// this funciton calculates the weight percentage , final , difference etc
|
||||||
|
|
||||||
|
targets = Math.floor(weighttolift * percentage);
|
||||||
|
|
||||||
|
// final wieght calculater
|
||||||
|
target.value = targets;
|
||||||
|
|
||||||
|
var finals = Math.floor(parseInt(target.value) - parseInt(bar));
|
||||||
|
|
||||||
|
// calculating total weight and the difference
|
||||||
|
if (collar == 0) {} else {
|
||||||
|
var collar = document.getElementById('collars').value;
|
||||||
|
finals = finals - Math.floor(parseInt(collar));
|
||||||
|
}
|
||||||
|
|
||||||
|
//this function assign the required plate pairs value
|
||||||
|
|
||||||
|
var weightcalculate = 0;
|
||||||
|
|
||||||
|
var avail100 = document.getElementById('avail100').value;
|
||||||
|
|
||||||
|
if (avail100 == 0) {
|
||||||
|
document.getElementById('req100').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var b = 0;
|
||||||
|
for (var a = 1; a <= avail100; a++) {
|
||||||
|
if (finals >= 200) {
|
||||||
|
b++;
|
||||||
|
finals -= 200;
|
||||||
|
weightcalculate += 200;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (b == 0) {
|
||||||
|
document.getElementById('req100').value = null;
|
||||||
|
} else {
|
||||||
|
|
||||||
|
document.getElementById('req100').value = b;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail45 = document.getElementById('avail45').value;
|
||||||
|
|
||||||
|
if (avail45 == 0) {
|
||||||
|
document.getElementById('req45').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var c = 0;
|
||||||
|
for (var a = 1; a <= avail45; a++) {
|
||||||
|
if (finals >= 90) {
|
||||||
|
c++;
|
||||||
|
finals -= 90;
|
||||||
|
weightcalculate += 90;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (c == 0) {
|
||||||
|
document.getElementById('req45').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req45').value = c;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail35 = document.getElementById('avail35').value;
|
||||||
|
|
||||||
|
if (avail35 == 0) {
|
||||||
|
document.getElementById('req35').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var d = 0;
|
||||||
|
for (var a = 1; a <= avail35; a++) {
|
||||||
|
if (finals >= 70) {
|
||||||
|
d++;
|
||||||
|
finals -= 70;
|
||||||
|
weightcalculate += 70;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if (d == 0) {
|
||||||
|
document.getElementById('req35').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req35').value = d;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail25 = document.getElementById('avail25').value;
|
||||||
|
|
||||||
|
if (avail25 == 0) {
|
||||||
|
document.getElementById('req25').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var e = 0;
|
||||||
|
for (var a = 1; a <= avail25; a++) {
|
||||||
|
if (finals >= 50) {
|
||||||
|
e++;
|
||||||
|
finals -= 50;
|
||||||
|
weightcalculate += 50;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (e == 0) {
|
||||||
|
document.getElementById('req25').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req25').value = e;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail10 = document.getElementById('avail10').value;
|
||||||
|
|
||||||
|
if (avail10 == 0) {
|
||||||
|
document.getElementById('req10').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var f = 0;
|
||||||
|
for (var a = 1; a <= avail10; a++) {
|
||||||
|
if (finals >= 20) {
|
||||||
|
f++;
|
||||||
|
finals -= 20;
|
||||||
|
weightcalculate += 20;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (f == 0)
|
||||||
|
{
|
||||||
|
document.getElementById('req10').value = null;
|
||||||
|
} else {
|
||||||
|
|
||||||
|
document.getElementById('req10').value = f;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail5 = document.getElementById('avail5').value;
|
||||||
|
|
||||||
|
if (avail5 == 0) {
|
||||||
|
document.getElementById('req5').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var g = 0;
|
||||||
|
for (var a = 1; a <= avail5; a++) {
|
||||||
|
if (finals >= 10) {
|
||||||
|
g++;
|
||||||
|
finals -= 10;
|
||||||
|
weightcalculate += 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if (g == 0) {
|
||||||
|
document.getElementById('req5').value = null;
|
||||||
|
} else {
|
||||||
|
document.getElementById('req5').value = g;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var avail2 = document.getElementById('avail2').value;
|
||||||
|
|
||||||
|
if (avail2 == 0) {
|
||||||
|
document.getElementById('req2').value = null;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
//counts the required plates
|
||||||
|
var h = 0;
|
||||||
|
for (var a = 1; a <= avail2; a++) {
|
||||||
|
if (finals >= 5) {
|
||||||
|
h++;
|
||||||
|
finals -= 5;
|
||||||
|
weightcalculate += 5;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if (h == 0) {
|
||||||
|
document.getElementById('req2').value = null;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
document.getElementById('req2').value = h;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var collar2 = document.getElementById('collars').value;
|
||||||
|
var bar2 = document.getElementById('Bar').value;
|
||||||
|
document.getElementById('finalw').value = Math.floor(parseInt(weightcalculate) + parseInt(bar2) + parseInt(collar2));
|
||||||
|
var targ = document.getElementById('Target').value;
|
||||||
|
var finalssweight = document.getElementById('finalw').value;
|
||||||
|
|
||||||
|
document.getElementById('diff').value = Math.floor(parseInt(targ) - parseInt(finalssweight));
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
BIN
js/.DS_Store
vendored
Normal file
BIN
js/.DS_Store
vendored
Normal file
Binary file not shown.
70
js/Weight Calculation Script-Edited-Jquery-V4.js
Normal file
70
js/Weight Calculation Script-Edited-Jquery-V4.js
Normal file
@@ -0,0 +1,70 @@
|
|||||||
|
// calculation function starts here
|
||||||
|
|
||||||
|
function startcalc() {
|
||||||
|
|
||||||
|
//calls inputs to start calculation
|
||||||
|
var weighttolift = jQuery(".input-weight").val();
|
||||||
|
var percentage = jQuery(".input-percentage").val();
|
||||||
|
var bar = jQuery(".input-bar").val();
|
||||||
|
|
||||||
|
|
||||||
|
// calculates and logs final values
|
||||||
|
var final = Math.floor(weighttolift * percentage);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// calculates weight of the plates needed
|
||||||
|
var finalPlateWeights = final - bar;
|
||||||
|
|
||||||
|
|
||||||
|
//This creates an arrary for the weights available
|
||||||
|
var plateWeights = [];
|
||||||
|
|
||||||
|
$( ".input-weightsavailable" ).each( function(){
|
||||||
|
plateWeights.push( $( this ).data( "weight" ));
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//This creates an arrary for the number of plates available
|
||||||
|
var platesAvailable = [];
|
||||||
|
|
||||||
|
$( ".input-weightsavailable" ).each( function(){
|
||||||
|
platesAvailable.push( $( this ).val());
|
||||||
|
});
|
||||||
|
|
||||||
|
//calls the plate calculator function
|
||||||
|
platecalculator(plateWeights, platesAvailable, finalPlateWeights, final);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
//plate calulation function
|
||||||
|
function platecalculator ( plateWeights, platesAvailable, target, finalWeight) {
|
||||||
|
//iterates though the plates availble.
|
||||||
|
for (var i = 0; i < platesAvailable.length; i++) {
|
||||||
|
//checks if the plate is less than or equal to the weight of plates needed
|
||||||
|
if (plateWeights[i]*2 <= target) {
|
||||||
|
var weightToAdd = Math.floor(target / (plateWeights[i]*2));
|
||||||
|
|
||||||
|
//check if there are enough weights
|
||||||
|
var plateCheck = Math.floor(platesAvailable[i]/2);
|
||||||
|
if (weightToAdd > plateCheck) {
|
||||||
|
weightToAdd = plateCheck;
|
||||||
|
}
|
||||||
|
//subtracts added weights
|
||||||
|
target = target - weightToAdd*(plateWeights[i]*2);
|
||||||
|
|
||||||
|
//Adds plates required
|
||||||
|
if (weightToAdd > 0) {
|
||||||
|
jQuery(".input-weightsneeded").eq(i).val(weightToAdd);
|
||||||
|
}
|
||||||
|
|
||||||
|
//sets the offset
|
||||||
|
jQuery(".input-difference").text(target);
|
||||||
|
|
||||||
|
//sets the final weight
|
||||||
|
jQuery(".input-final").text(finalWeight - target);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
171
whatareyouliftingapp-V5.html
Normal file
171
whatareyouliftingapp-V5.html
Normal file
@@ -0,0 +1,171 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html class="no-js" lang="">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||||
|
<title>What are you lifting?</title>
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<link rel="manifest" href="site.webmanifest">
|
||||||
|
<link rel="apple-touch-icon" href="icon.png">
|
||||||
|
<!-- Place favicon.ico in the root directory -->
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/normalize.css">
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
<link rel="stylesheet" href="css/appstyling-v2.css">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Zilla+Slab:500,500i" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
|
||||||
|
<script src="js/Weight Calculation Script-Edited-Jquery-V4.js"> </script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!--[if lte IE 9]>
|
||||||
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<!-- Add your site or application content here -->
|
||||||
|
<div class="b-container">
|
||||||
|
<a name="header"></a><div class="b-header">
|
||||||
|
<div class="b-header__container">
|
||||||
|
<h1 class="b-header__heading">What are you lifting?</h1>
|
||||||
|
<p class="b-header__subheading subheading">Type in your weight below and it will calculate the plates needed.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Plate Visuals -->
|
||||||
|
<div class="b-platevisual">
|
||||||
|
<div class="b-platevisual__container">
|
||||||
|
<p class="b-platevisual__weightfinal"><span class="input-element input-final">0</span> LBS</p>
|
||||||
|
<div class="b-platevisual__barbell">
|
||||||
|
<img src="https://qph.fs.quoracdn.net/main-qimg-377c39d784e8860d4ce6142fba0e09e0-c" style="width: 50%">
|
||||||
|
</div>
|
||||||
|
<p class="subheading">Offset: <span class="input-difference">0</span> LBS</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="b-calulatorinputs">
|
||||||
|
<!-- Plate Requirements -->
|
||||||
|
<div class="b-calulatorinputs__platerequirements">
|
||||||
|
<p class="b-calulatorinputs__subheading subheading">Plates Needed on Each Side</p>
|
||||||
|
<div class="b-calulatorinputs__inputcontainer">
|
||||||
|
<div class="b-calulatorinputs__input">
|
||||||
|
<label for="req45">45 LBS</label>
|
||||||
|
<input type="number" name="N45" class="input-element input-weightsneeded input-needed45" min="0" step="1" placeholder="0" readonly="readonly" id="req45">
|
||||||
|
</div>
|
||||||
|
<div class="b-calulatorinputs__input">
|
||||||
|
<label for="req35">35 LBS</label>
|
||||||
|
<input type="number" name="N35" class="input-element input-weightsneeded input-needed35" min="0" step="1" placeholder="0" readonly="readonly" id="req35">
|
||||||
|
</div>
|
||||||
|
<div class="b-calulatorinputs__input">
|
||||||
|
<label for="req25">25 LBS</label>
|
||||||
|
<input type="number" name="N25" class="input-element input-weightsneeded input-needed25" min="0" step="1" placeholder="0" readonly="readonly" id="req25">
|
||||||
|
</div>
|
||||||
|
<div class="b-calulatorinputs__input">
|
||||||
|
<label for="req10">10 LBS</label>
|
||||||
|
<input type="number" name="N10" class="input-element input-weightsneeded input-needed10" min="0" step="1" placeholder="0" readonly="readonly" id="req10">
|
||||||
|
</div>
|
||||||
|
<div class="b-calulatorinputs__input">
|
||||||
|
<label for="req5">5 LBS</label>
|
||||||
|
<input type="number"name="N5" class="input-element input-weightsneeded input-needed5" min="0" step="1" placeholder="0" readonly="readonly" id="req5">
|
||||||
|
</div>
|
||||||
|
<div class="b-calulatorinputs__input">
|
||||||
|
<label for="req2">2.5 LBS</label>
|
||||||
|
<input type="number" name="N2half" class="input-element input-weightsneeded input-needed2" min="0" step="1" placeholder="0" readonly="readonly" id="req2">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Weight Entry -->
|
||||||
|
<div class="b-calulatorinputs__infoentry">
|
||||||
|
<div class="b-calulatorinputs__inputcontainer">
|
||||||
|
<div class="b-calulatorinputs__input">
|
||||||
|
<label for="Weight">WEIGHT</label>
|
||||||
|
<input type="text" class="b-infoentry__input input-element input-weight" name="Weight" placeholder="What are you lifting? ( LBS )" id="Weight">
|
||||||
|
<input type="button" class="b-infoentry__button submit-element input-calculate" name="Calculate" value="Lift" onclick="startcalc()">
|
||||||
|
</div>
|
||||||
|
<a href="#options"><h2 class="b-infoentry__heading">Options</h2></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Options Section -->
|
||||||
|
|
||||||
|
<a name="options"></a><div class="b-options">
|
||||||
|
<p class="b-options__overline">BAR WEIGHT</p>
|
||||||
|
<input type="text" class="b-options__input input-element input-bar" name="Bar" value="45" id="Bar"> LBS
|
||||||
|
<p>PERCENT OF WEIGHT</p>
|
||||||
|
<select name="Percentage" class="b-options__percent input-element input-percentage" id="Percentage">
|
||||||
|
<option value="1" selected="">100% </option>
|
||||||
|
<option value="0.95">95% </option>
|
||||||
|
<option value="0.90">90% </option>
|
||||||
|
<option value="0.85">85% </option>
|
||||||
|
<option value="0.80">80% </option>
|
||||||
|
<option value="0.75">75% </option>
|
||||||
|
<option value="0.70">70% </option>
|
||||||
|
<option value="0.65">65% </option>
|
||||||
|
<option value="0.60">60% </option>
|
||||||
|
<option value="0.55">55% </option>
|
||||||
|
<option value="0.50">50% </option>
|
||||||
|
<option value="0.45">45% </option>
|
||||||
|
<option value="0.40">40% </option>
|
||||||
|
<option value="0.35">35% </option>
|
||||||
|
<option value="0.30">30% </option>
|
||||||
|
<option value="0.25">25% </option>
|
||||||
|
<option value="0.20">20% </option>
|
||||||
|
<option value="0.15">15% </option>
|
||||||
|
<option value="0.10">10% </option>
|
||||||
|
<option value="0.05">5% </option>
|
||||||
|
</select>
|
||||||
|
<p class="b-options__subheading subheading">Plates Available</p>
|
||||||
|
<ul class="b-options__input">
|
||||||
|
<li>45 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="45" class="input-element input-weightsavailable input-available45" name="A45" min="0" step="1" value="20" id="avail45">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>35 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="35" name="A35" class="input-element input-weightsavailable input-available35" min="0" step="1" value="2" id="avail35">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>25 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="25" name="A25" class="input-element input-weightsavailable input-available25" min="0" step="1" value="2" id="avail25">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>10 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="10" name="A10" class="input-element input-weightsavailable input-available10" min="0" step="1" value="2" id="avail10">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="5" name="A5" class="input-element input-weightsavailable input-available5" min="0" step="1" value="2" id="avail5">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>2.5 LBS
|
||||||
|
<ul>
|
||||||
|
<input type="number" data-weight="2.5" name="A2half" class="input-element input-weightsavailable input-available2" min="0" step="1" value="2" id="avail2">
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Back to top Button -->
|
||||||
|
|
||||||
|
<div class="b-returnTop">
|
||||||
|
<a href="#header"> <h2 class="b-returnTop_heading">Back to Top</h2> </a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- <script src="js/vendor/modernizr-3.5.0.min.js"></script> -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
|
||||||
|
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
|
||||||
|
|
||||||
|
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
|
||||||
|
<script>
|
||||||
|
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
|
||||||
|
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
|
||||||
|
</script>
|
||||||
|
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user