-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
20 lines (20 loc) · 11.4 KB
/
index.html
File metadata and controls
20 lines (20 loc) · 11.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<title>Mastermind</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/QZuFes4D2ycHunQ8X5QVL5kTzgNI8tjOgFocWEXKxKU/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(181, 181, 181); background-size: 320px 450px; background-image: url("https://studio.code.org/blockly/media/1x1.gif");" data-canonical-image-url=""><button id="red" style="padding: 0px; margin: 0px; border-style: solid; color: rgb(255, 255, 255); border-color: rgb(77, 87, 95); border-radius: 4px; font-family: "Arial Black", Gadget, sans-serif; font-size: 15px; position: absolute; left: 0px; top: 370px; background-image: url("https://studio.code.org/v3/assets/QZuFes4D2ycHunQ8X5QVL5kTzgNI8tjOgFocWEXKxKU/peg_red.png"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0); border-width: 0px; width: 80px; height: 80px;" data-canonical-image-url="assets/peg_red.png"></button><button id="blue" style="padding: 0px; margin: 0px; border-style: solid; color: rgb(255, 255, 255); border-color: rgb(77, 87, 95); border-radius: 4px; font-family: "Arial Black", Gadget, sans-serif; font-size: 15px; position: absolute; left: 80px; top: 370px; background-image: url("https://studio.code.org/v3/assets/QZuFes4D2ycHunQ8X5QVL5kTzgNI8tjOgFocWEXKxKU/peg_blue.png"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0); border-width: 0px; width: 80px; height: 80px;" data-canonical-image-url="assets/peg_blue.png"></button><button id="green" style="padding: 0px; margin: 0px; border-style: solid; color: rgb(255, 255, 255); border-color: rgb(77, 87, 95); border-radius: 4px; font-family: "Arial Black", Gadget, sans-serif; font-size: 15px; position: absolute; left: 160px; top: 370px; background-image: url("https://studio.code.org/v3/assets/QZuFes4D2ycHunQ8X5QVL5kTzgNI8tjOgFocWEXKxKU/peg_green.png"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0); border-width: 0px; width: 80px; height: 80px;" data-canonical-image-url="assets/peg_green.png"></button><button id="yellow" style="padding: 0px; margin: 0px; border-style: solid; color: rgb(255, 255, 255); border-color: rgb(77, 87, 95); border-radius: 4px; font-family: "Arial Black", Gadget, sans-serif; font-size: 15px; position: absolute; left: 240px; top: 370px; background-image: url("https://studio.code.org/v3/assets/QZuFes4D2ycHunQ8X5QVL5kTzgNI8tjOgFocWEXKxKU/peg_yellow.png"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0); border-width: 0px; width: 80px; height: 80px;" data-canonical-image-url="assets/peg_yellow.png"></button><button id="black" style="padding: 0px; margin: 0px; border-style: solid; color: rgb(255, 255, 255); border-color: rgb(77, 87, 95); border-radius: 4px; font-family: "Arial Black", Gadget, sans-serif; font-size: 15px; position: absolute; left: 80px; top: 290px; background-image: url("https://studio.code.org/v3/assets/QZuFes4D2ycHunQ8X5QVL5kTzgNI8tjOgFocWEXKxKU/peg_black.png"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0); border-width: 0px; width: 80px; height: 80px;" data-canonical-image-url="assets/peg_black.png"></button><button id="white" style="padding: 0px; margin: 0px; border-style: solid; color: rgb(255, 255, 255); border-color: rgb(77, 87, 95); border-radius: 4px; font-family: "Arial Black", Gadget, sans-serif; font-size: 15px; position: absolute; left: 2.22045e-16px; top: 290px; background-image: url("https://studio.code.org/v3/assets/QZuFes4D2ycHunQ8X5QVL5kTzgNI8tjOgFocWEXKxKU/peg_white.png"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0); border-width: 0px; width: 80px; height: 80px;" data-canonical-image-url="assets/peg_white.png"></button><button id="ok" style="padding: 0px; margin: 0px; border-style: solid; height: 40px; width: 100px; background-color: rgb(226, 226, 226); color: rgb(255, 255, 255); border-color: rgb(0, 0, 0); border-radius: 4px; border-width: 1px; font-family: "Arial Black", Gadget, sans-serif; font-size: 15px; position: absolute; left: 195px; top: 305px;">OK!</button><img src="assets/peg_empty.png" data-canonical-image-url="assets/peg_empty.png" data-object-fit="contain" id="hint0_row0" style="height: 30px; width: 30px; border-style: solid; border-width: 0px; border-color: rgb(0, 0, 0); border-radius: 0px; position: absolute; left: 15px; top: 215px; margin: 0px; object-fit: contain; font-family: "object-fit: contain;";"><img src="assets/peg_empty.png" data-canonical-image-url="assets/peg_empty.png" data-object-fit="contain" id="hint1_row0" style="height: 30px; width: 30px; border-style: solid; border-width: 0px; border-color: rgb(0, 0, 0); border-radius: 4px; position: absolute; left: 45px; top: 215px; margin: 0px; object-fit: contain; font-family: "object-fit: contain;";"><img src="assets/peg_empty.png" data-canonical-image-url="assets/peg_empty.png" data-object-fit="contain" id="hint2_row0" style="height: 30px; width: 30px; border-style: solid; border-width: 0px; border-color: rgb(0, 0, 0); border-radius: 0px; position: absolute; left: 15px; top: 245px; margin: 0px; object-fit: contain; font-family: "object-fit: contain;";"><img src="assets/peg_empty.png" data-canonical-image-url="assets/peg_empty.png" data-object-fit="contain" id="hint3_row0" style="height: 30px; width: 30px; border-style: solid; border-width: 0px; border-color: rgb(0, 0, 0); border-radius: 0px; position: absolute; left: 45px; top: 245px; margin: 0px; object-fit: contain; font-family: "object-fit: contain;";"><img src="assets/peg_empty.png" data-canonical-image-url="assets/peg_empty.png" data-object-fit="contain" id="slot0_row0" style="height: 60px; width: 60px; border-style: solid; border-width: 0px; border-color: rgb(0, 0, 0); border-radius: 4px; position: absolute; left: 80px; top: 215px; margin: 0px; object-fit: contain; font-family: "object-fit: contain;";"><img src="assets/peg_empty.png" data-canonical-image-url="assets/peg_empty.png" data-object-fit="contain" id="slot1_row0" style="height: 60px; width: 60px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 4px; position: absolute; left: 140px; top: 215px; margin: 0px; border-width: 0px; object-fit: contain; font-family: "object-fit: contain;";"><img src="assets/peg_empty.png" data-canonical-image-url="assets/peg_empty.png" data-object-fit="contain" id="slot2_row0" style="height: 60px; width: 60px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 4px; position: absolute; left: 200px; top: 215px; margin: 0px; border-width: 0px; object-fit: contain; font-family: "object-fit: contain;";"><img src="assets/peg_empty.png" data-canonical-image-url="assets/peg_empty.png" data-object-fit="contain" id="slot3_row0" style="height: 60px; width: 60px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 4px; position: absolute; left: 260px; top: 215px; margin: 0px; border-width: 0px; object-fit: contain; font-family: "object-fit: contain;";"><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: rgb(255, 255, 255); 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: 320px; height: 165px; position: absolute; left: -4.44089e-16px; top: 285px;" id="game_over_background" class="design-mode-hidden"></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: 44px; padding: 2px 15px; width: 280px; height: 55px; position: absolute; left: 25px; top: 300px;" id="you_win_text_1" class="design-mode-hidden">YOU WIN!!</label><button id="play_again_button" style="padding: 0px; margin: 0px; border-style: solid; height: 40px; width: 100px; background-color: rgb(255, 164, 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: 190px; top: 375px;" class="design-mode-hidden">Play Again</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: 13px; padding: 2px 15px; width: 157px; height: 18px; position: absolute; left: 10px; top: 425px;" id="you_win_text_2" class="design-mode-hidden">Congratulations!!!</label><img src="assets/you_win.png" data-canonical-image-url="assets/you_win.png" data-object-fit="contain" id="you_win_image" style="height: 80px; width: 85px; border-style: solid; border-width: 0px; border-color: rgb(0, 0, 0); border-radius: 0px; position: absolute; left: 50px; top: 345px; margin: 0px; object-fit: contain; font-family: "object-fit: contain;";" class="design-mode-hidden"><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: 44px; padding: 2px 15px; width: 285px; height: 55px; position: absolute; left: 25px; top: 300px;" id="you_lose_text" class="design-mode-hidden">TOO BAD!!</label><img src="assets/you_lose.png" data-canonical-image-url="assets/you_lose.png" data-object-fit="contain" id="you_lose_image" style="height: 80px; width: 85px; border-style: solid; border-width: 0px; border-color: rgb(0, 0, 0); border-radius: 0px; position: absolute; left: 50px; top: 340px; margin: 0px; object-fit: contain; font-family: "object-fit: contain;";" class="design-mode-hidden"></div></div>
</body>
</html>