-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
20 lines (20 loc) · 14.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<title>Untitled Project</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preload" href="applab/fontawesome-webfont.woff2" as="font">
<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<script>
function setExportConfig(config) { window.EXPORT_OPTIONS = config; }
</script>
<script src="https://studio.code.org/projects/applab/aKDmNw8Z4Z8qXI5Zl798na-L4pnHH1epixUKXQsoa6c/export_config?script_call=setExportConfig"></script>
<script src="applab/applab-api.js"></script>
<script src="https://www.google.com/jsapi"></script>
<link rel="stylesheet" href="applab/applab.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="divApplab" class="appModern running" tabindex="1" style="width: 320px; height: 450px; display: block;"><div class="screen" tabindex="1" data-theme="default" id="screen1" style="display: block; height: 450px; width: 320px; left: 0px; top: 0px; position: absolute; z-index: 0; background-color: rgb(194, 251, 200); background-size: 320px 450px; background-image: url("https://studio.code.org/blockly/media/1x1.gif");" data-canonical-image-url=""><label style="margin: 0px; line-height: 1; overflow: hidden; overflow-wrap: break-word; max-width: 320px; border-style: solid; text-rendering: optimizespeed; color: rgb(77, 87, 95); background-color: rgba(0, 0, 0, 0); border-color: rgb(77, 87, 95); border-radius: 0px; border-width: 0px; font-family: "Arial Black", Gadget, sans-serif; font-size: 13px; padding: 2px 15px; width: 84px; height: 17px; position: absolute; left: -5px; top: 25px;" id="label1">Time In</label><label style="margin: 0px; line-height: 1; overflow: hidden; overflow-wrap: break-word; max-width: 320px; border-style: solid; text-rendering: optimizespeed; color: rgb(77, 87, 95); background-color: rgba(0, 0, 0, 0); border-color: rgb(77, 87, 95); border-radius: 0px; border-width: 0px; font-family: "Arial Black", Gadget, sans-serif; font-size: 13px; padding: 2px 15px; width: 35px; height: 17px; position: absolute; left: 137px; top: 25px;" id="label2">:</label><select id="dropdown1" style="margin: 0px; border-style: solid; background-color: rgb(255, 255, 255); color: rgb(77, 87, 95); background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%234d575f%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E"); border-color: rgb(0, 0, 0); border-radius: 4px; border-width: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 0px 30px 0px 15px; position: absolute; left: 90px; top: 20px; height: 30px; text-align: left; width: 60px;"><option> </option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option></select><select id="dropdown2" style="height: 30px; margin: 0px; border-style: solid; background-color: rgb(255, 255, 255); color: rgb(77, 87, 95); background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%234d575f%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E"); border-color: rgb(0, 0, 0); border-radius: 4px; border-width: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 0px 30px 0px 15px; position: absolute; left: 159px; top: 20px; width: 60px;"><option> </option><option>00</option><option>15</option><option>30</option><option>45</option></select><label style="margin: 0px; line-height: 1; overflow: hidden; overflow-wrap: break-word; max-width: 320px; border-style: solid; text-rendering: optimizespeed; color: rgb(77, 87, 95); background-color: rgba(0, 0, 0, 0); border-color: rgb(77, 87, 95); border-radius: 0px; border-width: 0px; font-family: "Arial Black", Gadget, sans-serif; font-size: 13px; padding: 2px 15px; width: 95px; height: 18px; position: absolute; left: -5px; top: 80px;" id="label3">Time Out</label><select id="dropdown3" style="margin: 0px; border-style: solid; background-color: rgb(255, 255, 255); color: rgb(77, 87, 95); background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%234d575f%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E"); border-color: rgb(0, 0, 0); border-radius: 4px; border-width: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 0px 30px 0px 15px; position: absolute; left: 90px; top: 75px; height: 30px; text-align: left; width: 60px;"><option> </option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option></select><label style="margin: 0px; line-height: 1; overflow: hidden; overflow-wrap: break-word; max-width: 320px; border-style: solid; text-rendering: optimizespeed; color: rgb(77, 87, 95); background-color: rgba(0, 0, 0, 0); border-color: rgb(77, 87, 95); border-radius: 0px; border-width: 0px; font-family: "Arial Black", Gadget, sans-serif; font-size: 13px; padding: 2px 15px; width: 35px; height: 17px; position: absolute; left: 137px; top: 80px;" id="label4">:</label><select id="dropdown4" style="height: 30px; margin: 0px; border-style: solid; background-color: rgb(255, 255, 255); color: rgb(77, 87, 95); background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%234d575f%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E"); border-color: rgb(0, 0, 0); border-radius: 4px; border-width: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 0px 30px 0px 15px; position: absolute; left: 159px; top: 75px; width: 60px;"><option> </option><option>00</option><option>15</option><option>30</option><option>45</option></select><label style="margin: 0px; line-height: 1; overflow: hidden; overflow-wrap: break-word; max-width: 320px; border-style: solid; text-rendering: optimizespeed; color: rgb(77, 87, 95); background-color: rgba(0, 0, 0, 0); border-color: rgb(77, 87, 95); border-radius: 0px; border-width: 0px; font-family: "Arial Black", Gadget, sans-serif; font-size: 13px; padding: 2px 15px; width: 130px; height: 25px; position: absolute; top: 135px; left: -5px;" id="label9">Hourly Wage</label><input id="text_input3" style="margin: 0px; height: 30px; border-style: solid; color: rgb(77, 87, 95); background-color: rgb(242, 242, 242); border-color: rgb(77, 87, 95); border-radius: 4px; border-width: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 5px 15px; position: absolute; top: 130px; width: 50px; left: 116px;"><label style="margin: 0px; line-height: 1; overflow: hidden; overflow-wrap: break-word; max-width: 320px; border-style: solid; text-rendering: optimizespeed; color: rgb(77, 87, 95); background-color: rgba(0, 0, 0, 0); border-color: rgb(77, 87, 95); border-radius: 0px; border-width: 0px; font-family: "Arial Black", Gadget, sans-serif; font-size: 10px; padding: 2px 15px; width: 45px; height: 14px; position: absolute; left: 155px; top: 145px;" id="label10">/hr</label><input type="range" value="0" min="0" max="100" step="1" id="slider1" style="margin: 0px; padding: 0px; width: 210px; height: 25px; position: absolute; top: 185px; left: 100px;"><button id="button2" style="padding: 0px; margin: 0px; border-style: solid; height: 40px; width: 100px; background-color: rgb(201, 8, 0); color: rgb(255, 255, 255); border-color: rgb(77, 87, 95); border-radius: 4px; border-width: 1px; font-family: "Arial Black", Gadget, sans-serif; font-size: 15px; position: absolute; left: 200px; top: 120px;">Pause</button><button id="button3" style="padding: 0px; margin: 0px; border-style: solid; height: 40px; width: 100px; background-color: rgb(168, 168, 168); color: rgb(255, 255, 255); border-color: rgb(77, 87, 95); border-radius: 4px; border-width: 1px; font-family: "Arial Black", Gadget, sans-serif; font-size: 15px; position: absolute; left: 200px; top: 120px;">Resume</button><input type="range" value="0" min="0" max="100" step="1" id="slider2" style="margin: 0px; padding: 0px; width: 210px; height: 25px; position: absolute; top: 235px; left: 100px;"><input type="range" value="0" min="0" max="100" step="1" id="slider3" style="margin: 0px; padding: 0px; width: 210px; height: 25px; position: absolute; top: 285px; left: 100px;"><input type="range" value="0" min="0" max="100" step="1" id="slider4" style="margin: 0px; padding: 0px; width: 210px; height: 25px; position: absolute; top: 335px; left: 100px;"><div contenteditable="false" class="textArea" id="text_area3" style="border-style: solid; background-color: rgb(242, 242, 242); color: rgb(77, 87, 95); border-color: rgb(255, 255, 255); border-radius: 2px; border-width: 1px; font-family: Arial, Helvetica, sans-serif; padding: 5px 15px; position: absolute; left: 5px; top: 373px; margin: 0px; height: 72px; width: 310px; font-size: 65px;"></div><img src="//studio.code.org/media?u=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2F2%2F2e%2FUS_One_Cent_Obv.png" data-canonical-image-url="https://upload.wikimedia.org/wikipedia/commons/2/2e/US_One_Cent_Obv.png" data-object-fit="contain" id="image1" style="height: 50px; width: 50px; border-style: solid; border-width: 0px; border-color: rgb(0, 0, 0); border-radius: 0px; position: absolute; left: 30px; top: 168px; margin: 0px; object-fit: contain; font-family: "object-fit: contain;";"><img src="//studio.code.org/media?u=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2F4%2F44%2F2014_ATB_Quarter_Obv.png" data-canonical-image-url="https://upload.wikimedia.org/wikipedia/commons/4/44/2014_ATB_Quarter_Obv.png" data-object-fit="contain" id="image2" style="height: 50px; width: 50px; border-style: solid; border-width: 0px; border-color: rgb(0, 0, 0); border-radius: 0px; position: absolute; left: 30px; top: 225px; margin: 0px; object-fit: contain; font-family: "object-fit: contain;";"><img src="//studio.code.org/media?u=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2Fe%2Fe0%2FDollarnote_hq.jpg" data-canonical-image-url="https://upload.wikimedia.org/wikipedia/commons/e/e0/Dollarnote_hq.jpg" data-object-fit="contain" id="image3" style="height: 75px; width: 75px; border-style: solid; border-width: 0px; border-color: rgb(0, 0, 0); border-radius: 0px; position: absolute; left: 20px; top: 260px; margin: 0px; object-fit: contain; font-family: "object-fit: contain;";"><img src="//studio.code.org/media?u=https%3A%2F%2Fwww.transparentpng.com%2Fthumb%2Fmoney-bag%2FOLvTkk-money-bag-wonderful-picture-images.png" data-canonical-image-url="https://www.transparentpng.com/thumb/money-bag/OLvTkk-money-bag-wonderful-picture-images.png" data-object-fit="contain" id="image7" style="height: 50px; border-style: solid; border-width: 0px; border-color: rgb(0, 0, 0); border-radius: 0px; position: absolute; left: 30px; top: 320px; margin: 0px; width: 50px; object-fit: contain; font-family: "object-fit: contain;";"><button id="button1" style="padding: 0px; margin: 0px; border-style: solid; height: 40px; width: 100px; background-color: rgb(29, 190, 3); color: rgb(255, 255, 255); border-color: rgb(77, 87, 95); border-radius: 4px; border-width: 1px; font-family: "Arial Black", Gadget, sans-serif; font-size: 15px; position: absolute; left: 200px; top: 120px;">Start</button><label style="margin: 0px; line-height: 1; overflow: hidden; overflow-wrap: break-word; max-width: 320px; border-style: solid; text-rendering: optimizespeed; color: rgb(77, 87, 95); background-color: rgba(0, 0, 0, 0); border-color: rgb(77, 87, 95); border-radius: 0px; border-width: 0px; font-family: "Arial Black", Gadget, sans-serif; font-size: 10px; padding: 2px 15px; width: 240px; height: 20px; position: absolute; left: 230px; top: 350px;" id="label21"></label><img src="//studio.code.org/media?u=https%3A%2F%2Fwww.pngkey.com%2Fpng%2Ffull%2F34-344113_2016-tax-info-money-calculator-clipart.png" data-canonical-image-url="https://www.pngkey.com/png/full/34-344113_2016-tax-info-money-calculator-clipart.png" data-object-fit="contain" id="image8" style="width: 85px; border-style: solid; border-width: 2px; border-color: rgb(0, 0, 0); position: absolute; left: 225px; top: 20px; margin: 0px; border-radius: 15px; height: 85px; object-fit: contain; font-family: "object-fit: contain;";"></div></div>
</body>
</html>