add files
This commit is contained in:
Christopher Edwards
commit
2df8ed0300
44
be_mine/be_mine.css
Executable file
44
be_mine/be_mine.css
Executable file
@ -0,0 +1,44 @@
|
||||
body {
|
||||
background-color: #df4646;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-flow: column wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#flowers {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#button_div {
|
||||
padding: 2%;
|
||||
}
|
||||
|
||||
button {
|
||||
font-size: 25px;
|
||||
padding: 7%;
|
||||
width: 100%;
|
||||
margin: 10px;
|
||||
border-radius: 30px;
|
||||
font-family: cursive;
|
||||
background-color: #688f96;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#result {
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#result_img {
|
||||
width: 80%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#preload {
|
||||
display: block;
|
||||
display: none;
|
||||
}
|
||||
50
be_mine/be_mine.js
Executable file
50
be_mine/be_mine.js
Executable file
@ -0,0 +1,50 @@
|
||||
var imgArray = [
|
||||
"vday/darwin.jpg",
|
||||
"vday/chem.jpg",
|
||||
"vday/doc.jpg",
|
||||
"vday/proton.jpg",
|
||||
"vday/periodic.jpg",
|
||||
"vday/slither.jpg",
|
||||
"vday/robot.jpg",
|
||||
"vday/bed.jpg"
|
||||
];
|
||||
|
||||
var imgNoArray = [
|
||||
"vday/no/dontlike.gif",
|
||||
"vday/no/jimtryagain.gif",
|
||||
"vday/no/pleaseyes.gif",
|
||||
"vday/no/sure.gif",
|
||||
"vday/no/tryagain.gif",
|
||||
"vday/no/wrong.gif"
|
||||
];
|
||||
var rand;
|
||||
|
||||
function preload(ary) {
|
||||
for (i = 0; i < ary.length; i++) {
|
||||
document.getElementById("preload").src = ary[i];
|
||||
console.log(document.getElementById("preload").src);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
function preload_both() {
|
||||
preload(imgArray);
|
||||
preload(imgNoArray);
|
||||
};
|
||||
|
||||
function yes(ary) {
|
||||
new_rand = Math.floor(Math.random() * ary.length);
|
||||
while (rand == new_rand) new_rand = Math.floor(Math.random() * ary.length);
|
||||
rand = new_rand;
|
||||
document.getElementById("result_img").style.display = "unset";
|
||||
document.getElementById('result_img').src = ary[rand];
|
||||
}
|
||||
|
||||
function no(ary) {
|
||||
// document.getElementById('no').style.display = "none";
|
||||
new_rand = Math.floor(Math.random() * ary.length);
|
||||
while (rand == new_rand) new_rand = Math.floor(Math.random() * ary.length);
|
||||
rand = new_rand;
|
||||
document.getElementById("result_img").style.display = "unset";
|
||||
document.getElementById('result_img').src = ary[rand];
|
||||
}
|
||||
29
be_mine/index.html
Executable file
29
be_mine/index.html
Executable file
@ -0,0 +1,29 @@
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta property="og:image" content="https://chrisedwards.tech/be_mine/vday/flowers.png">
|
||||
<title>Be My Valentine?
|
||||
<3</title>
|
||||
<link rel="stylesheet" href="be_mine.css">
|
||||
</head>
|
||||
|
||||
<body onload="preload_both()">
|
||||
<main>
|
||||
<img id="flowers" src="vday/flowers.png" alt="">
|
||||
|
||||
<div id="button_div">
|
||||
<button onclick="yes(imgArray)">YES!</button>
|
||||
<button id="no" onclick="no(imgNoArray)">no...</button>
|
||||
</div>
|
||||
<div id="result">
|
||||
<img id="result_img" src="" alt="">
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<img id="preload" src="" alt="">
|
||||
<script src="be_mine.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
be_mine/vday/bed.jpg
Executable file
BIN
be_mine/vday/bed.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
BIN
be_mine/vday/bemine.jpg
Executable file
BIN
be_mine/vday/bemine.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 137 KiB |
BIN
be_mine/vday/chem.jpg
Executable file
BIN
be_mine/vday/chem.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
BIN
be_mine/vday/darwin.jpg
Executable file
BIN
be_mine/vday/darwin.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
BIN
be_mine/vday/doc.jpg
Executable file
BIN
be_mine/vday/doc.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
BIN
be_mine/vday/flowers.jpg
Executable file
BIN
be_mine/vday/flowers.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
BIN
be_mine/vday/flowers.png
Executable file
BIN
be_mine/vday/flowers.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 852 KiB |
BIN
be_mine/vday/no/dontlike.gif
Executable file
BIN
be_mine/vday/no/dontlike.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 MiB |
BIN
be_mine/vday/no/jimtryagain.gif
Executable file
BIN
be_mine/vday/no/jimtryagain.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 MiB |
BIN
be_mine/vday/no/pleaseyes.gif
Executable file
BIN
be_mine/vday/no/pleaseyes.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 844 KiB |
BIN
be_mine/vday/no/sure.gif
Executable file
BIN
be_mine/vday/no/sure.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
be_mine/vday/no/tryagain.gif
Executable file
BIN
be_mine/vday/no/tryagain.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 90 KiB |
BIN
be_mine/vday/no/wrong.gif
Executable file
BIN
be_mine/vday/no/wrong.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 MiB |
BIN
be_mine/vday/periodic.jpg
Executable file
BIN
be_mine/vday/periodic.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 137 KiB |
BIN
be_mine/vday/proton.jpg
Executable file
BIN
be_mine/vday/proton.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
be_mine/vday/robot.jpg
Executable file
BIN
be_mine/vday/robot.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
BIN
be_mine/vday/slither.jpg
Executable file
BIN
be_mine/vday/slither.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
be_mine/vday/snape.jpg
Executable file
BIN
be_mine/vday/snape.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
1
billhenry/.~lock.WilliamBHenryResume.docx#
Executable file
1
billhenry/.~lock.WilliamBHenryResume.docx#
Executable file
@ -0,0 +1 @@
|
||||
,christopher,christopher-gram-linux,09.07.2020 09:40,file:///home/christopher/.config/libreoffice/4;
|
||||
BIN
billhenry/WilliamBHenryResume.docx
Executable file
BIN
billhenry/WilliamBHenryResume.docx
Executable file
Binary file not shown.
89
billhenry/WilliamBHenryResume.html
Executable file
89
billhenry/WilliamBHenryResume.html
Executable file
@ -0,0 +1,89 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><!--This file was converted to xhtml by LibreOffice - see https://cgit.freedesktop.org/libreoffice/core/tree/filter/source/xslt for the code.--><head profile="http://dublincore.org/documents/dcmi-terms/"><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/><title xml:lang="en-US">- no title specified</title><meta name="DCTERMS.title" content="" xml:lang="en-US"/><meta name="DCTERMS.language" content="en-US" scheme="DCTERMS.RFC4646"/><meta name="DCTERMS.source" content="http://xml.openoffice.org/odf2xhtml"/><meta name="DCTERMS.creator" content="A1RESUME"/><meta name="DCTERMS.issued" content="2020-07-08T04:06:00" scheme="DCTERMS.W3CDTF"/><meta name="DCTERMS.contributor" content="William B Henry"/><meta name="DCTERMS.modified" content="2020-07-08T04:06:00" scheme="DCTERMS.W3CDTF"/><meta name="DCTERMS.provenance" content="" xml:lang="en-US"/><meta name="DCTERMS.subject" content="," xml:lang="en-US"/><link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" hreflang="en"/><link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" hreflang="en"/><link rel="schema.DCTYPE" href="http://purl.org/dc/dcmitype/" hreflang="en"/><link rel="schema.DCAM" href="http://purl.org/dc/dcam/" hreflang="en"/><style type="text/css">
|
||||
@page { }
|
||||
table { border-collapse:collapse; border-spacing:0; empty-cells:show }
|
||||
td, th { vertical-align:top; font-size:12pt;}
|
||||
h1, h2, h3, h4, h5, h6 { clear:both;}
|
||||
ol, ul { margin:0; padding:0;}
|
||||
li { list-style: none; margin:0; padding:0;}
|
||||
/* "li span.odfLiEnd" - IE 7 issue*/
|
||||
li span. { clear: both; line-height:0; width:0; height:0; margin:0; padding:0; }
|
||||
span.footnodeNumber { padding-right:1em; }
|
||||
span.annotation_style_by_filter { font-size:95%; font-family:Arial; background-color:#fff000; margin:0; border:0; padding:0; }
|
||||
span.heading_numbering { margin-right: 0.8rem; }* { margin:0;}
|
||||
.gr1 { border-width:0.0133cm; border-style:solid; border-color:#000000; font-size:12pt; margin-bottom:0.0189in; margin-left:0in; margin-right:0.0138in; margin-top:0in; padding:0.0591in; font-family:Cambria; vertical-align:top; writing-mode:horizontal-tb; direction:ltr; min-height:0in;min-width:0in;padding-top:0in; padding-bottom:0in; padding-left:0in; padding-right:0in; }
|
||||
.gr10 { font-size:12pt; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; min-height:0.5945in;min-width:1.6492in;padding-top:0in; padding-bottom:0in; padding-left:0in; padding-right:0in; }
|
||||
.gr11 { font-size:12pt; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; min-height:0.0945in;min-width:0.0472in;padding-top:0.0492in; padding-bottom:0.0492in; padding-left:0.0984in; padding-right:0.0984in; }
|
||||
.gr12 { font-size:12pt; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; min-height:0.1807in;min-width:1.4445in;padding-top:0in; padding-bottom:0in; padding-left:0in; padding-right:0in; }
|
||||
.gr13 { font-size:12pt; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; min-height:0.1898in;min-width:0.0965in;padding-top:0in; padding-bottom:0in; padding-left:0in; padding-right:0in; }
|
||||
.gr14 { font-size:12pt; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; min-height:0.2866in;min-width:2.0543in;padding-top:0in; padding-bottom:0in; padding-left:0in; padding-right:0in; }
|
||||
.gr15 { border-width:0.0133cm; border-style:solid; border-color:#000000; font-size:12pt; margin-bottom:0.0154in; margin-left:0in; margin-right:0.0154in; margin-top:0in; padding:0.0591in; font-family:Cambria; vertical-align:top; writing-mode:horizontal-tb; direction:ltr; min-height:0in;min-width:0in;padding-top:0in; padding-bottom:0in; padding-left:0in; padding-right:0in; }
|
||||
.gr16 { border-width:0.0133cm; border-style:solid; border-color:#000000; font-size:12pt; margin-bottom:0.011in; margin-left:0in; margin-right:0.0102in; margin-top:0in; padding:0.0591in; font-family:Cambria; vertical-align:top; writing-mode:horizontal-tb; direction:ltr; min-height:5.6146in;min-width:2.4484in;padding-top:0in; padding-bottom:0in; padding-left:0in; padding-right:0in; }
|
||||
.gr2 { font-size:12pt; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; min-height:1.9925in;min-width:1.8937in;padding-top:0.0492in; padding-bottom:0.0492in; padding-left:0.0984in; padding-right:0.0984in; margin-left:0in; margin-right:0in; margin-top:0in; margin-bottom:0in; vertical-align:top; }
|
||||
.gr3 { font-size:12pt; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; min-height:1.6346in;min-width:5.4646in;padding-top:0.0492in; padding-bottom:0.0492in; padding-left:0.0984in; padding-right:0.0984in; margin-left:0in; margin-right:0.0063in; margin-top:0in; margin-bottom:0in; vertical-align:top; }
|
||||
.gr4 { font-size:12pt; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; min-height:10.902in;min-width:2.6402in;padding-top:0.0492in; padding-bottom:0.0492in; padding-left:0.0984in; padding-right:0.0984in; margin-left:0in; margin-right:0in; margin-top:0in; margin-bottom:0in; vertical-align:top; }
|
||||
.gr5 { font-size:12pt; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; margin-left:0in; margin-right:0.0102in; margin-top:0in; margin-bottom:0in; vertical-align:top; }
|
||||
.gr6 { font-size:12pt; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; min-height:0.1811in;min-width:1.0591in;padding-top:0in; padding-bottom:0in; padding-left:0in; padding-right:0in; }
|
||||
.gr7 { font-size:12pt; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; min-height:0.1445in;min-width:0.0472in;padding-top:0.0492in; padding-bottom:0.0492in; padding-left:0.0984in; padding-right:0.0984in; }
|
||||
.gr8 { font-size:12pt; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; min-height:0.252in;min-width:1.9654in;padding-top:0in; padding-bottom:0in; padding-left:0in; padding-right:0in; }
|
||||
.gr9 { font-size:12pt; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; min-height:0.0925in;min-width:0.0472in;padding-top:0.0492in; padding-bottom:0.0492in; padding-left:0.0984in; padding-right:0.0984in; }
|
||||
.CH2_borderStart { border-left-style:none; border-right-style:none; border-top-style:none; color:#262626; font-size:14pt; letter-spacing:0.0346in; margin-top:0in; padding:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; line-height:115%; padding-bottom:0.1665in; border-bottom-style:none; }
|
||||
.CH2 { border-left-style:none; border-right-style:none; color:#262626; font-size:14pt; letter-spacing:0.0346in; padding:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; line-height:115%; padding-bottom:0.1665in; padding-top:0in; border-top-style:none; border-bottom-style:none; }
|
||||
.CH2_borderEnd { border-bottom-width:0.0349cm; border-bottom-style:solid; border-bottom-color:#000000; border-left-style:none; border-right-style:none; color:#262626; font-size:14pt; letter-spacing:0.0346in; margin-bottom:0.1665in; padding:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; line-height:115%; padding-top:0in; border-top-style:none;}
|
||||
.CH3_borderStart { border-left-style:none; border-right-style:none; border-top-style:none; color:#262626; font-size:14pt; letter-spacing:0.0346in; margin-top:0in; padding:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; line-height:115%; padding-bottom:0.1665in; border-bottom-style:none; }
|
||||
.CH3 { border-left-style:none; border-right-style:none; color:#262626; font-size:14pt; letter-spacing:0.0346in; padding:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; line-height:115%; padding-bottom:0.1665in; padding-top:0in; border-top-style:none; border-bottom-style:none; }
|
||||
.CH3_borderEnd { border-bottom-width:0.0349cm; border-bottom-style:solid; border-bottom-color:#000000; border-left-style:none; border-right-style:none; color:#262626; font-size:14pt; letter-spacing:0.0346in; margin-bottom:0.1665in; padding:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; line-height:115%; padding-top:0in; border-top-style:none;}
|
||||
.Frame_20_contents { font-size:12pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; }
|
||||
.P1_borderStart { border-left-style:none; border-right-style:none; border-top-style:none; color:#262626; font-size:14pt; letter-spacing:0.0346in; line-height:115%; margin-top:0in; padding:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; padding-bottom:0.1665in; border-bottom-style:none; }
|
||||
.P1 { border-left-style:none; border-right-style:none; color:#262626; font-size:14pt; letter-spacing:0.0346in; line-height:115%; padding:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; padding-bottom:0.1665in; padding-top:0in; border-top-style:none; border-bottom-style:none; }
|
||||
.P1_borderEnd { border-bottom-width:0.0349cm; border-bottom-style:solid; border-bottom-color:#f2f2f2; border-left-style:none; border-right-style:none; color:#262626; font-size:14pt; letter-spacing:0.0346in; line-height:115%; margin-bottom:0.1665in; padding:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; padding-top:0in; border-top-style:none;}
|
||||
.P10 { font-size:10pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; line-height:115%; vertical-align:middle; color:#f2f2f2; }
|
||||
.P11 { font-size:10pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; line-height:115%; vertical-align:middle; color:#f2f2f2; }
|
||||
.P12 { font-size:10pt; margin-bottom:0.1665in; margin-top:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; line-height:115%; vertical-align:middle; color:#262626; }
|
||||
.P13 { font-size:12pt; margin-bottom:0.1665in; margin-top:0in; text-align:left ! important; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; line-height:115%; }
|
||||
.P14 { font-size:12pt; margin-bottom:0.1665in; margin-top:0in; text-align:left ! important; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; line-height:115%; vertical-align:middle; }
|
||||
.P15 { font-size:12pt; margin-bottom:0.0417in; margin-top:0in; text-align:left ! important; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; line-height:115%; }
|
||||
.P16 { font-size:12pt; margin-bottom:0.0417in; margin-top:0in; text-align:left ! important; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; line-height:115%; vertical-align:middle; }
|
||||
.P17 { font-size:12pt; margin-bottom:0.0417in; margin-left:0.2in; margin-right:0in; margin-top:0in; text-align:left ! important; text-indent:-0.2in; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; line-height:115%; }
|
||||
.P18 { font-size:12pt; margin-bottom:0in; margin-left:0.2in; margin-right:0in; margin-top:0in; text-align:left ! important; text-indent:-0.2in; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; line-height:115%; }
|
||||
.P19 { font-size:12pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; }
|
||||
.P2 { font-size:12pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; line-height:105%; vertical-align:middle; }
|
||||
.P20 { font-size:12pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; }
|
||||
.P21 { font-size:11pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; }
|
||||
.P22 { font-size:12pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; }
|
||||
.P23 { font-size:12pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; }
|
||||
.P24 { font-size:18pt; font-family:Cambria; writing-mode:text-align:center ! important; color:#000000; }
|
||||
.P25 { font-size:18pt; font-family:Cambria; writing-mode:text-align:center ! important; }
|
||||
.P26 { font-size:18pt; font-family:Cambria; writing-mode:text-align:center ! important; }
|
||||
.P27 { font-size:18pt; font-family:Cambria; writing-mode:text-align:center ! important; }
|
||||
.P28 { font-size:12pt; font-family:Cambria; writing-mode:margin-top:0in; margin-bottom:0in; line-height:100%; text-align:left ! important; }
|
||||
.P29 { font-size:12pt; font-family:Cambria; writing-mode:margin-top:0in; margin-bottom:0in; line-height:100%; text-align:left ! important; }
|
||||
.P3 { font-size:10pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; line-height:115%; color:#262626; }
|
||||
.P30 { font-size:12pt; font-family:Cambria; writing-mode:text-align:center ! important; }
|
||||
.P31 { font-size:12pt; font-family:Cambria; writing-mode:text-align:center ! important; }
|
||||
.P4 { font-size:10pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; line-height:115%; vertical-align:middle; color:#262626; }
|
||||
.P5 { font-size:10pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; line-height:115%; vertical-align:middle; color:#262626; }
|
||||
.P6 { font-size:12pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; line-height:115%; }
|
||||
.P7 { font-size:12pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; line-height:115%; vertical-align:middle; }
|
||||
.P8 { font-size:12pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; }
|
||||
.P9 { font-size:10pt; margin-bottom:0in; margin-top:0in; text-align:left ! important; font-family:Source Sans Pro; writing-mode:horizontal-tb; direction:ltr; line-height:115%; color:#f2f2f2; }
|
||||
.Standard { font-size:12pt; font-family:Cambria; writing-mode:horizontal-tb; direction:ltr; margin-top:0in; margin-bottom:0in; text-align:left ! important; }
|
||||
.T10 { font-family:Source Sans Pro; font-size:10pt; }
|
||||
.T11 { color:#f2f2f2; }
|
||||
.T13 { color:#f2f2f2; font-family:Source Sans Pro; font-size:10pt; letter-spacing:0.0138in; }
|
||||
.T14 { color:#f2f2f2; font-family:Source Sans Pro; font-size:10pt; }
|
||||
.T15 { color:#f2f2f2; font-family:Source Sans Pro; font-size:10pt; }
|
||||
.T16 { color:#f2f2f2; font-family:Source Sans Pro; font-size:10pt; }
|
||||
.T18 { color:#f2f2f2; font-size:11pt; letter-spacing:normal; font-style:normal; text-decoration:none ! important; font-weight:normal; }
|
||||
.T19 { color:#f2f2f2; font-size:10pt; letter-spacing:normal; font-style:normal; text-decoration:none ! important; font-weight:normal; }
|
||||
.T2 { color:#2c2c2c; font-family:Abel; font-size:59pt; letter-spacing:0.0346in; }
|
||||
.T20 { color:#f2f2f2; font-size:12pt; letter-spacing:normal; font-style:normal; text-decoration:none ! important; font-weight:normal; }
|
||||
.T3 { color:#2c2c2c; font-family:Source Sans Pro; font-size:9.5pt; letter-spacing:0.0693in; }
|
||||
.T4 { color:#404040; font-family:Source Sans Pro; font-size:10pt; }
|
||||
.T5 { color:#262626; font-family:Source Sans Pro; font-size:10pt; }
|
||||
.T7 { color:#262626; font-family:Source Sans Pro Light; font-size:10pt; }
|
||||
.T8 { color:#262626; font-family:Source Sans Pro Light; font-size:10pt; }
|
||||
.T9 { font-family:Source Sans Pro; font-size:10pt; }
|
||||
/* ODF styles with no properties representable as CSS */
|
||||
.ListLabel_20_1 .ListLabel_20_10 .ListLabel_20_11 .ListLabel_20_12 .ListLabel_20_13 .ListLabel_20_14 .ListLabel_20_15 .ListLabel_20_16 .ListLabel_20_17 .ListLabel_20_18 .ListLabel_20_19 .ListLabel_20_2 .ListLabel_20_20 .ListLabel_20_21 .ListLabel_20_22 .ListLabel_20_23 .ListLabel_20_24 .ListLabel_20_25 .ListLabel_20_26 .ListLabel_20_27 .ListLabel_20_28 .ListLabel_20_29 .ListLabel_20_3 .ListLabel_20_30 .ListLabel_20_31 .ListLabel_20_32 .ListLabel_20_33 .ListLabel_20_34 .ListLabel_20_35 .ListLabel_20_36 .ListLabel_20_37 .ListLabel_20_38 .ListLabel_20_39 .ListLabel_20_4 .ListLabel_20_40 .ListLabel_20_41 .ListLabel_20_42 .ListLabel_20_43 .ListLabel_20_44 .ListLabel_20_45 .ListLabel_20_46 .ListLabel_20_47 .ListLabel_20_48 .ListLabel_20_49 .ListLabel_20_5 .ListLabel_20_50 .ListLabel_20_51 .ListLabel_20_52 .ListLabel_20_53 .ListLabel_20_54 .ListLabel_20_55 .ListLabel_20_56 .ListLabel_20_57 .ListLabel_20_58 .ListLabel_20_59 .ListLabel_20_6 .ListLabel_20_60 .ListLabel_20_61 .ListLabel_20_62 .ListLabel_20_63 .ListLabel_20_64 .ListLabel_20_65 .ListLabel_20_66 .ListLabel_20_67 .ListLabel_20_68 .ListLabel_20_7 .ListLabel_20_8 .ListLabel_20_9 .T1 { }
|
||||
</style></head><body dir="ltr" style="max-width:8.5in;margin-top:0in; margin-bottom:0in; margin-left:0in; margin-right:0in; "><div class="P23"><span class="T1"></span></div><div class="P19"/><div class="P19"/><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P20"><a id="_Hlk484709947"/><span class="T1"></span></p><div class="P19"/><p class="P19"> </p><p class="P19"> </p><div class="Standard"><span class="T1"> </span><a id="_GoBack"/></div><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><div class="P19"/><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="P19"> </p><p class="Standard"><a id="_Hlk484730980"/><span class="T1"></span></p><p class="P21"> </p><p class="P21"> </p><p class="P21"> </p><p class="P21"> </p><p class="P21"> </p><p class="P22"> </p></body></html>
|
||||
BIN
billhenry/WilliamBHenryResume.odt
Executable file
BIN
billhenry/WilliamBHenryResume.odt
Executable file
Binary file not shown.
BIN
billhenry/WilliamBHenryResume.pdf
Executable file
BIN
billhenry/WilliamBHenryResume.pdf
Executable file
Binary file not shown.
1814
billhenry/WilliamBHenryResume.xml
Executable file
1814
billhenry/WilliamBHenryResume.xml
Executable file
File diff suppressed because it is too large
Load Diff
BIN
billhenry/bill.jpeg
Executable file
BIN
billhenry/bill.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
317
billhenry/index.html
Executable file
317
billhenry/index.html
Executable file
@ -0,0 +1,317 @@
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>William Henry</title>
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
|
||||
height: 100vh;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
img {
|
||||
width: 15vw;
|
||||
margin: auto;
|
||||
padding: 10%;
|
||||
}
|
||||
|
||||
#col {
|
||||
display: flex;
|
||||
height: 100vh
|
||||
}
|
||||
|
||||
#col1 {
|
||||
background-color: #2c2c2c;
|
||||
width: 30vw;
|
||||
min-height: 100vh;
|
||||
justify-content: center;
|
||||
justify-items: center;
|
||||
color: white;
|
||||
flex-direction: column;
|
||||
overflow: auto;
|
||||
word-wrap: break-word;
|
||||
|
||||
}
|
||||
|
||||
#col2 {
|
||||
|
||||
flex-direction: column;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
justify-content: center;
|
||||
justify-items: center;
|
||||
overflow: auto;
|
||||
|
||||
}
|
||||
|
||||
#col1 a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#col1 hr {
|
||||
width: 75%;
|
||||
height: .5px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#info {
|
||||
font-size: 3vw;
|
||||
margin-left: 2vw;
|
||||
margin-bottom: 150px;
|
||||
}
|
||||
|
||||
|
||||
#info ul {
|
||||
margin-left: -10vw;
|
||||
list-style-type: none;
|
||||
max-width: 85%;
|
||||
word-wrap: break-word;
|
||||
font-size: 1.5vw;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 600px) {
|
||||
|
||||
/* For tablets: */
|
||||
#info ul {
|
||||
margin-left: -2.2vw;
|
||||
list-style-type: none;
|
||||
max-width: 85%;
|
||||
word-wrap: break-word;
|
||||
font-size: 1.5vw;
|
||||
}
|
||||
|
||||
#contact {
|
||||
margin-left: -50px;
|
||||
}
|
||||
|
||||
#tell {
|
||||
padding-left: 2vw;
|
||||
background-image: url(phone.svg);
|
||||
background-position: 0 0;
|
||||
background-size: 1.5vw;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#mail {
|
||||
padding-left: 2vw;
|
||||
background-image: url(mail.svg);
|
||||
background-position: 0 0;
|
||||
background-size: 1.5vw;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
}
|
||||
|
||||
#map {
|
||||
padding-left: 2vw;
|
||||
background-image: url(map.svg);
|
||||
background-position: 0 0;
|
||||
background-size: 1.5vw;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
|
||||
/* For desktop: */
|
||||
#info ul {
|
||||
margin-left: -1.5vw;
|
||||
list-style-type: none;
|
||||
max-width: 90%;
|
||||
word-wrap: break-word;
|
||||
font-size: 1.5vw;
|
||||
}
|
||||
|
||||
#contact {
|
||||
margin-left: 2vw;
|
||||
}
|
||||
}
|
||||
|
||||
.head {
|
||||
font-weight: bolder;
|
||||
font-size: 2.3vw;
|
||||
}
|
||||
|
||||
.sm_head {
|
||||
font-weight: 550;
|
||||
}
|
||||
|
||||
#skills {
|
||||
list-style-type: disc !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#name {
|
||||
font-size: 5vw;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
padding-top: 5%;
|
||||
}
|
||||
|
||||
#pitch {
|
||||
font-size: 2.75vw;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
#tell {
|
||||
padding-left: 2vw;
|
||||
background-image: url(phone.svg);
|
||||
background-position: 0 0;
|
||||
background-size: 1.5vw;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#mail {
|
||||
padding-left: 2vw;
|
||||
background-image: url(mail.svg);
|
||||
background-position: 0 0;
|
||||
background-size: 1.5vw;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
}
|
||||
|
||||
#map {
|
||||
padding-left: 2vw;
|
||||
background-image: url(map.svg);
|
||||
background-position: 0 0;
|
||||
background-size: 1.5vw;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#summery {
|
||||
font-size: 2vw;
|
||||
margin: 15px;
|
||||
margin-bottom: 150px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="col">
|
||||
|
||||
|
||||
<div id="col1">
|
||||
<img src="bill.jpeg" alt="Bill Henry">
|
||||
<div id="info">
|
||||
<p>CONTACT</p>
|
||||
<hr>
|
||||
<ul id="contact">
|
||||
<li id="tell">
|
||||
<a href="tel:203-727-3577">203-727-3577</a>
|
||||
</li>
|
||||
<br>
|
||||
<li id="mail">
|
||||
<a href="mailto:williambredanhenry@yahoo.com">williambredanhenry@yahoo.com</a>
|
||||
</li>
|
||||
<br>
|
||||
<li id="map">
|
||||
4 Strathmore Avenue,
|
||||
Milford, CT, 06461
|
||||
</li>
|
||||
</ul>
|
||||
<p>SKILLS</p>
|
||||
<hr>
|
||||
<ul id="skills">
|
||||
<li>PROFESSIONAL</li>
|
||||
<li>Microsoft Office Suite</li>
|
||||
<li>Social Media Marketing</li>
|
||||
<li>SAP & Kronos</li>
|
||||
<li>Human Resources</li>
|
||||
<li>Conflict Resolution</li>
|
||||
<li>Retail Management</li>
|
||||
<li>Corporate Training</li>
|
||||
<li>Cinemark Scholarship Recipient</li>
|
||||
<li>Interned with Disney for two Summers</li>
|
||||
</ul>
|
||||
<p>EDUCATION</p>
|
||||
<hr>
|
||||
<ul>
|
||||
<li>MFA | CREATIVE WRITING</li>
|
||||
<li>Western CT State University |</li>
|
||||
<li>Danbury</li>
|
||||
<li>2019 – 2020</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>BACHELOR’S | ENGLISH, MINOR: HISTORY</li>
|
||||
<li>Southern CT State University |</li>
|
||||
<li>New Haven</li>
|
||||
<li>2013 -2018</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="col2">
|
||||
<p id="name">WILLIAM HENRY</p>
|
||||
<p id="pitch">SELF-DIRECTED VIRTUOSO WITH DIVERSE SKILLS</p>
|
||||
<div id="summery">
|
||||
<p class="head">PROFESSIONAL PROFILE</p>
|
||||
<hr>
|
||||
<p>Highly motivated and energetic hands-on individual. Has been given autonomy to make decisions in
|
||||
multiple
|
||||
roles, as well
|
||||
as manage teams. Consistently demonstrates efficient time management and selected to train
|
||||
colleagues on
|
||||
company
|
||||
procedures. Has a strong track record of managerial and leadership qualities. Published materials on
|
||||
two
|
||||
different
|
||||
educational websites.</p>
|
||||
|
||||
<p class="head">RELEVANT WORK EXPERIENCE</p>
|
||||
<hr>
|
||||
<p class="sm_head">
|
||||
STORE TRAINER AND ASSISTANT HR MANAGER
|
||||
</p>
|
||||
<p>Boscov’s | Milford, CT | Jul 2018- May 2020
|
||||
<br>
|
||||
Directed all new hires and provided ongoing training on register procedures and company-specific
|
||||
policies. Promoted
|
||||
after store opening in October 2018 to Staff Scheduler, Assistant Human Resource Manager, and Acting
|
||||
Furniture Manager.
|
||||
Created and generated staffing schedule based on projected business needs. Assisted in cash office
|
||||
to resolve overages
|
||||
and shortages. Worked in absence of receiving manager to ensure shipment was distributed properly,
|
||||
while implementing
|
||||
safety protocols.</p>
|
||||
<br>
|
||||
<p class="sm_head">MEN’S AND BOY’S RECEIVING LEAD</p>
|
||||
<p>
|
||||
Old Navy | Milford, CT | Aug 2008- Oct 2018
|
||||
<br>
|
||||
Assisted customers in finding merchandise and explaining store policies. Trusted to work
|
||||
independently during the
|
||||
overnight shift to handle diverse technology-related and merchandising tasks. Oversaw the receiving
|
||||
process and team
|
||||
during the early morning shift to ensure product was available for customers to ensure company
|
||||
success. Was recruited to
|
||||
assist with remodeling six locations based on leadership skills and retail knowledge.
|
||||
</p>
|
||||
<br>
|
||||
<p class="sm_head">ASSISTANT DATA COORDINATOR</p>
|
||||
<p>
|
||||
Linda McMahon for Senate | North Haven, CT | Jul 2012- Nov 2012
|
||||
<br>
|
||||
Worked closely with Data coordinator in specially created position based on skillset. Set up call
|
||||
centers and databases
|
||||
at thirteen locations around the state. Worked autonomously and managed a team of 35 interns who
|
||||
canvassed specific
|
||||
territories based on Map Point generated routes. Created Excel sheets for tracking responses from
|
||||
voters and for lawn
|
||||
sign distribution.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
1
billhenry/mail.svg
Executable file
1
billhenry/mail.svg
Executable file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"/></svg>
|
||||
|
After Width: | Height: | Size: 277 B |
1
billhenry/map.svg
Executable file
1
billhenry/map.svg
Executable file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px"><path d="M0 0h24v24H0z" fill="none"/><path d="M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z"/></svg>
|
||||
|
After Width: | Height: | Size: 335 B |
1
billhenry/phone.svg
Executable file
1
billhenry/phone.svg
Executable file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px"><path d="M0 0h24v24H0z" fill="none"/><path d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z"/></svg>
|
||||
|
After Width: | Height: | Size: 441 B |
51
binary/binary.css
Executable file
51
binary/binary.css
Executable file
@ -0,0 +1,51 @@
|
||||
body {
|
||||
background-color: #6497b1
|
||||
}
|
||||
|
||||
#input {
|
||||
border: 4px black solid;
|
||||
height: 20%;
|
||||
background-color: #e5e4e2;
|
||||
border-radius: 5px;
|
||||
overflow: auto;
|
||||
width: 75vw;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.submit {
|
||||
background-color: #03396c;
|
||||
border: 2px black solid;
|
||||
width: 25vw;
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
height: 10%;
|
||||
color: #ebebed;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 3%;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
|
||||
#out {
|
||||
border: 4px black solid;
|
||||
width: 75vw;
|
||||
height: 25%;
|
||||
margin: auto;
|
||||
background-color: #e5e4e2;
|
||||
border-radius: 5px;
|
||||
overflow: auto
|
||||
}
|
||||
|
||||
#form {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
#button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 20vh;
|
||||
}
|
||||
/* #button{margin-left:43%} */
|
||||
BIN
binary/binary.ico
Executable file
BIN
binary/binary.ico
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 318 B |
61
binary/binary.js
Executable file
61
binary/binary.js
Executable file
@ -0,0 +1,61 @@
|
||||
function out0() {
|
||||
document.getElementById("out").innerHTML = "";
|
||||
if (document.getElementById("text_binary").checked == true) out();
|
||||
else if (document.getElementById("binary_text").checked == true) out1();
|
||||
}
|
||||
|
||||
function out() {
|
||||
console.log("out");
|
||||
document.getElementById("out").innerHTML = "";
|
||||
var binary_out = "";
|
||||
document.getElementById("input").innerHTML.replace(/ /g, '');
|
||||
var input = document.getElementById("input").textContent;
|
||||
for (var i = 0; i < input.length; i++) {
|
||||
var z = input.charCodeAt(i).toString(2);
|
||||
if (input.charAt(i) == " ") {
|
||||
binary_out += "00100000 ";
|
||||
} else {
|
||||
while (z.length < 8) {
|
||||
z = "0" + z;
|
||||
}
|
||||
binary_out += z;
|
||||
binary_out += " ";
|
||||
}
|
||||
}
|
||||
document.getElementById("out").innerHTML = binary_out;
|
||||
}
|
||||
|
||||
function out1() {
|
||||
console.log("out1");
|
||||
document.getElementById("out").innerHTML = "";
|
||||
var text_out = "";
|
||||
var input = document.getElementById("input").textContent.replace(/ /g, "");
|
||||
input = input.replace(/ /gi, "");
|
||||
for (var i = 0; i < input.length; i = i + 8) {
|
||||
var z = '';
|
||||
var z = input.substr(i, 8);
|
||||
text_out += String.fromCharCode(parseInt(z, 2)) + "";
|
||||
}
|
||||
document.getElementById("out").textContent = String(text_out);
|
||||
}
|
||||
|
||||
function copy0() {
|
||||
document.getElementById("out").value.select();
|
||||
}
|
||||
|
||||
function copy() {
|
||||
if (document.selection) {
|
||||
var div = document.body.createTextRange();
|
||||
div.moveToElementText(document.getElementById("out"));
|
||||
div.select();
|
||||
} else {
|
||||
var div = document.createRange();
|
||||
div.setStartBefore(document.getElementById("out"));
|
||||
div.setEndAfter(document.getElementById("out"));
|
||||
window.getSelection().addRange(div);
|
||||
}
|
||||
}
|
||||
|
||||
function clear1() {
|
||||
document.getElementById("input").textContent = "";
|
||||
}
|
||||
43
binary/index.html
Executable file
43
binary/index.html
Executable file
@ -0,0 +1,43 @@
|
||||
<DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<head>
|
||||
<title>Binary</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" type="text/css" href="../menu.css" />
|
||||
<link rel="icon" type="image/ico" href="../binary.ico">
|
||||
<link rel="stylesheet" type="text/css" href="binary.css" />
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<div id="nav_menu">
|
||||
</div>
|
||||
<script src="../menu.js"></script>
|
||||
<br /><br /><br />
|
||||
|
||||
<form id="form">
|
||||
<input type="radio" name="name" id="text_binary" checked="checked">Text to Binary</input>
|
||||
<input type="radio" name="name" id="binary_text">Binary to Text</input>
|
||||
</form>
|
||||
<br />
|
||||
|
||||
<div id="input" tabindex="0" contenteditable></div>
|
||||
|
||||
<div id="button">
|
||||
<div class="submit" id="submit" onclick="out0()" selectable="selectable">Submit</div>
|
||||
<span style="width:5px"> </span>
|
||||
<div class="submit" id="clear" onclick="clear1()">Clear Input</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="out" onclick="copy()">
|
||||
<div>
|
||||
</body>
|
||||
<br />
|
||||
|
||||
<script type="text/javascript" src="binary.js">
|
||||
</script>
|
||||
|
||||
</html>
|
||||
680
bingo.html
Executable file
680
bingo.html
Executable file
@ -0,0 +1,680 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<html>
|
||||
<head>
|
||||
<meta name="theme-color" content="#FF99E6">
|
||||
<link rel="stylesheet" type="text/css" href="menu.css" />
|
||||
<link rel="icon" type="image/ico" href="bingo.ico">
|
||||
<title> Bingo!</title>
|
||||
<style>
|
||||
.btn1 {
|
||||
background: #14b8b8;
|
||||
background-image: -webkit-linear-gradient(top, #14b8b8, #2980b9);
|
||||
background-image: -moz-linear-gradient(top, #14b8b8, #2980b9);
|
||||
background-image: -ms-linear-gradient(top, #14b8b8, #2980b9);
|
||||
background-image: -o-linear-gradient(top, #14b8b8, #2980b9);
|
||||
background-image: linear-gradient(to bottom, #14b8b8, #2980b9);
|
||||
-webkit-border-radius: 17;
|
||||
-moz-border-radius: 17;
|
||||
border-radius: 17px;
|
||||
-webkit-box-shadow: 7px 6px 8px #666666;
|
||||
-moz-box-shadow: 7px 6px 8px #666666;
|
||||
box-shadow: 7px 6px 8px #666666;
|
||||
font-family: Courier New;
|
||||
color: #000000;
|
||||
font-size: 20px;
|
||||
padding: 10px 20px 10px 20px;
|
||||
text-decoration: none;
|
||||
margin:10px;
|
||||
}
|
||||
|
||||
.btn1:hover {
|
||||
background: #3cb0fd;
|
||||
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
|
||||
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
|
||||
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
|
||||
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
|
||||
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
html, body { height: 100%; }
|
||||
|
||||
body {
|
||||
cursor:default;
|
||||
/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
|
||||
|
||||
/* IE10 Consumer Preview */
|
||||
background-image: -ms-linear-gradient(top left, #FF4D17 0%, #EF26DB 100%);
|
||||
|
||||
/* Mozilla Firefox */
|
||||
background-image: -moz-linear-gradient(top left, #FF4D17 0%, #EF26DB 100%);
|
||||
|
||||
/* Opera */
|
||||
background-image: -o-linear-gradient(top left, #FF4D17 0%, #EF26DB 100%);
|
||||
|
||||
/* Webkit (Safari/Chrome 10) */
|
||||
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FF4D17), color-stop(1, #EF26DB));
|
||||
|
||||
/* Webkit (Chrome 11+) */
|
||||
background-image: -webkit-linear-gradient(top left, #FF4D17 0%, #EF26DB 100%);
|
||||
|
||||
/* W3C Markup, IE10 Release Preview */
|
||||
background-image: linear-gradient(to bottom right, #FF4D17 0%, #EF26DB 100%);
|
||||
}
|
||||
|
||||
#listTable{text-align:center;color:#1A1A1A; background-color:black;box-shadow: 10px 10px 5px #5F5F5F; border: 2px solid; border-radius: 10px;}
|
||||
#current{text-align:center; height:105px;
|
||||
}
|
||||
#button{text-align:center}
|
||||
#container{ overflow:hidden; text-align:center;}
|
||||
#card1{background-color:#D63333;width:auto;float:left; margin:auto;box-shadow: 5px 5px 2.5px #5F5F5F}
|
||||
#card2{background-color:#D63333;float:left;width:auto;margin:10px;box-shadow: 5px 5px 2.5px #5F5F5F}
|
||||
#aicard1{background-color:#3385D6; float:right;width:auto;margin:auto;box-shadow: 5px 5px 2.5px #5F5F5F}
|
||||
#aicard2{background-color:#3385D6; float:right;width:auto;margin:10px;box-shadow: 5px 5px 2.5px #5F5F5F}
|
||||
td{width:23px}
|
||||
.t:hover {background-clip: padding-box;
|
||||
border-radius: 20px;
|
||||
background-color:#FF6600;
|
||||
}
|
||||
.t{background-clip: padding-box;
|
||||
border-radius: 20px;
|
||||
background:#D63333}
|
||||
.t1{background-clip: padding-box;
|
||||
border-radius: 20px;
|
||||
background:#3385D6}
|
||||
.t2{background-clip: padding-box;
|
||||
border-radius: 20px;
|
||||
background:#D65CFF}
|
||||
.t3{background-clip: padding-box;
|
||||
border-radius: 20px;
|
||||
background-color:#D65CFF;}
|
||||
#form{text-align: center}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<div id="nav_menu" >
|
||||
</div>
|
||||
<script src="menu.js"></script>
|
||||
<br /><br /><br />
|
||||
|
||||
|
||||
<div id="form">
|
||||
<form name="autoform">
|
||||
AUTO MODE:
|
||||
<br /><input title="Click for each number" type="radio" id="no" name="auto" value="no" checked="checked" onclick="cleari()">Manual</input> <input type="radio" id="auto" name="auto" value="yes" onclick="cleari()">Semi-Auto</input>
|
||||
<input type="radio" id="yes1" name="auto" value="yes1">Fully-Auto</input>
|
||||
</form>
|
||||
<div>
|
||||
<div id = "list"> </div>
|
||||
|
||||
<div id = "current"> </div>
|
||||
|
||||
<br />
|
||||
<div id = "button">
|
||||
<button class="btn1" id="startbtn" onclick="nextNum()" > Start!</button>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<div id = "container">
|
||||
<div id = "card1"> </div>
|
||||
<div id = "card2"> </div>
|
||||
<div id = "aicard2"></div>
|
||||
<div id = "aicard1"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
var isMobile = {
|
||||
Android: function() {
|
||||
return navigator.userAgent.match(/Android/i);
|
||||
},
|
||||
BlackBerry: function() {
|
||||
return navigator.userAgent.match(/BlackBerry/i);
|
||||
},
|
||||
iOS: function() {
|
||||
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
|
||||
},
|
||||
Opera: function() {
|
||||
return navigator.userAgent.match(/Opera Mini/i);
|
||||
},
|
||||
Windows: function() {
|
||||
return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i);
|
||||
},
|
||||
any: function() {
|
||||
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
|
||||
}
|
||||
};
|
||||
if ( isMobile.any() ) {
|
||||
document.location = "bingomobile.html"
|
||||
|
||||
}
|
||||
|
||||
|
||||
var isLame = {
|
||||
|
||||
iOS: function() {
|
||||
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
|
||||
},
|
||||
Opera: function() {
|
||||
return navigator.userAgent.match(/Opera/i);
|
||||
},
|
||||
Windows: function() {
|
||||
return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i) || navigator.appName.match(/Microsoft|Explorer|IE/i);
|
||||
},
|
||||
any: function() {
|
||||
return (isLame.iOS() || isLame.Opera() || isLame.Windows());
|
||||
}
|
||||
};
|
||||
if ( isLame.any() ) {
|
||||
document.getElementById("ham").removeAttribute("tabindex");document.getElementById("ham").removeAttribute("onblur");document.getElementById("ham").removeAttribute("onfocusout"); //document.getElementById("bigx").setAttribute("onclick", "slideout()")
|
||||
|
||||
}
|
||||
|
||||
|
||||
//body {background:linear-gradient(to bottom right, purple ,white, red);}
|
||||
var buttonpress = false
|
||||
var bingo = ["B", "I", "N", "G", "O"]
|
||||
var t = 1
|
||||
var board= [];
|
||||
var board2 = [];
|
||||
var aiboard = [];
|
||||
var aiboard2 = [];
|
||||
var card, card2, card3, card4
|
||||
var w
|
||||
var i
|
||||
var self_play
|
||||
var test = true;
|
||||
var repeat;
|
||||
for (i=0; i<26; i++) {
|
||||
board[i] = new Array(2);
|
||||
board2[i] = new Array(2);
|
||||
aiboard[i] = new Array(2);
|
||||
aiboard2[i] = new Array(2);
|
||||
}
|
||||
|
||||
|
||||
var target = [];
|
||||
var target1 = [];
|
||||
var target2 = [];
|
||||
var target3 = [];
|
||||
var target4 = [];
|
||||
var target5 =[]
|
||||
var rows = 7
|
||||
var columns = 5
|
||||
var target0 = []
|
||||
Array.prototype.shuffle = function() {
|
||||
var input = this;
|
||||
for (var i = input.length-1; i >=0; i--) {
|
||||
var randomIndex = Math.floor(Math.random()*(i+1));
|
||||
var itemAtIndex = input[randomIndex];
|
||||
input[randomIndex] = input[i];
|
||||
input[i] = itemAtIndex; }
|
||||
|
||||
return input;
|
||||
|
||||
}
|
||||
|
||||
|
||||
function listNum(){
|
||||
|
||||
document.getElementById("list").innerHTML = ""
|
||||
|
||||
for (s=0; s<=75; s++){target0[s] = s}
|
||||
var str = ''
|
||||
str += '<table id = "listTable" align = "center" cellpadding = "7">'
|
||||
for (s=0, e=1; s<5; s++){
|
||||
str += '<tr><td style="color:red">'+bingo[s]+'</td>'
|
||||
for (y=0; y<15; e++, y++){
|
||||
str +='<td id = "list'+e+'">'+target0[e]+'</td>';
|
||||
}
|
||||
str += '</tr>'
|
||||
}
|
||||
document.getElementById("list").innerHTML = str
|
||||
}
|
||||
|
||||
listNum();
|
||||
|
||||
|
||||
|
||||
|
||||
function drawboard(ary, ary2){
|
||||
range = 15
|
||||
for (w=0,i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle()
|
||||
for (i=1, j=0; i<26; j++, i= i+5) {ary[i][0] = target[j]; }
|
||||
range = 30
|
||||
for (w=15, i=0; w<range;i++, w++){
|
||||
target1[i] = w+1};
|
||||
target1.shuffle();
|
||||
for (i=2, j=0; i<26; j++, i=i+5) ary[i][0] = target1[j]
|
||||
range = 45
|
||||
for (w=30, i=0; w<range; i++, w++){
|
||||
target2[i] = w+1};
|
||||
target2.shuffle();
|
||||
for (i=3, j=0; i<26;j++, i=i+5) ary[i][0] = target2[j]
|
||||
range = 60
|
||||
for (w=45, i=0; w<range;i++, w++){
|
||||
target3[i] = w+1};
|
||||
target3.shuffle();
|
||||
for (i=4, j=0; i<26; j++, i=i+5) ary[i][0] = target3[j]
|
||||
range = 75
|
||||
for (w=60, i=0; w<range;i++, w++){
|
||||
target4[i] = w+1};
|
||||
target4.shuffle();
|
||||
for (i=5, j=0; i<26;j++, i=i+5) ary[i][0] = target4[j]
|
||||
ary[13][0] = "F"
|
||||
document.getElementById("card1").innerHTML = ""
|
||||
card= ""
|
||||
card += 'Player Card 1<table id="game" style="border-collapse: collapse; text-align:center; color:#1A1A1A" border="3" cellspacing="10" cellpadding="10">'
|
||||
card += '<tr><td style= "color:red; background-color:white;"> B </td> <td style= "color:red;background-color:white;"> I </td> <td style= "color:red;background-color:white;"> N </td> <td style= "color:red;background-color:white;"> G </td> <td style= "color:red;background-color:white;"> O </td>'
|
||||
for(p = 1, q=1; p < rows-1; p++){
|
||||
|
||||
card += '<tr>'
|
||||
for (j = 0; j < columns; q++,j++){
|
||||
card += '<td class="t" class="ce" onclick="cSwap(this)" id="cell'+q+'">' +ary[q][0]+'</td>';
|
||||
|
||||
}
|
||||
card += '</tr>'
|
||||
|
||||
}
|
||||
|
||||
card += '</table>'
|
||||
document.getElementById("card1").innerHTML =card
|
||||
|
||||
//Card 2
|
||||
range = 15
|
||||
for (w=0,i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle()
|
||||
for (i=1, j=0; i<26; j++, i= i+5) {ary2[i][0] = target[j]; }
|
||||
range = 30
|
||||
for (w=15, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=2, j=0; i<26; j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 45
|
||||
for (w=30, i=0; w<range; i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=3, j=0; i<26;j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 60
|
||||
for (w=45, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=4, j=0; i<26; j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 75
|
||||
for (w=60, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=5, j=0; i<26;j++, i=i+5) ary2[i][0] = target[j]
|
||||
ary2[13][0] = "F"
|
||||
document.getElementById("card2").innerHTML = ""
|
||||
card2 = ""
|
||||
card2 += 'Player Card 2<table id="game" style="border-collapse: collapse; text-align:center; color:#1A1A1A" border="3" cellspacing="10" cellpadding="10">'
|
||||
card2 += '<tr><td style= "color:red; background-color:white;"> B </td> <td style= "color:red;background-color:white;"> I </td> <td style= "color:red;background-color:white;"> N </td> <td style= "color:red;background-color:white;"> G </td> <td style= "color:red;background-color:white;"> O </td>'
|
||||
for(p = 1, q=1; p < rows-1; p++){
|
||||
|
||||
card2 += '<tr>'
|
||||
for (j = 0; j < columns; q++,j++){
|
||||
card2 += '<td class="t" class="ce" onclick="cSwap(this)" id="cell2_'+q+'">' +ary2[q][0]+'</td>';
|
||||
|
||||
}
|
||||
card2 += '</tr>'
|
||||
|
||||
}
|
||||
|
||||
card2 += '</table>'
|
||||
document.getElementById("card2").innerHTML =card2
|
||||
|
||||
for (i=1; i<26; i++) {board[i][1] = false; board2[i][1] = false}
|
||||
}
|
||||
drawboard(board, board2)
|
||||
|
||||
|
||||
|
||||
function aidrawboard(ary, ary2){
|
||||
//Card3
|
||||
range = 15
|
||||
for (w=0,i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle()
|
||||
for (i=1, j=0; i<26; j++, i= i+5) {ary[i][0] = target[j]; }
|
||||
range = 30
|
||||
for (w=15, i=0; w<range;i++, w++){
|
||||
target1[i] = w+1};
|
||||
target1.shuffle();
|
||||
for (i=2, j=0; i<26; j++, i=i+5) ary[i][0] = target1[j]
|
||||
range = 45
|
||||
for (w=30, i=0; w<range; i++, w++){
|
||||
target2[i] = w+1};
|
||||
target2.shuffle();
|
||||
for (i=3, j=0; i<26;j++, i=i+5) ary[i][0] = target2[j]
|
||||
range = 60
|
||||
for (w=45, i=0; w<range;i++, w++){
|
||||
target3[i] = w+1};
|
||||
target3.shuffle();
|
||||
for (i=4, j=0; i<26; j++, i=i+5) ary[i][0] = target3[j]
|
||||
range = 75
|
||||
for (w=60, i=0; w<range;i++, w++){
|
||||
target4[i] = w+1};
|
||||
target4.shuffle();
|
||||
for (i=5, j=0; i<26;j++, i=i+5) ary[i][0] = target4[j]
|
||||
ary[13][0] = "F"
|
||||
document.getElementById("aicard1").innerHTML = ""
|
||||
card4 = ""
|
||||
card4 += 'Opponent Card 1<table id="game" style="border-collapse: collapse; text-align:center; color:#1A1A1A" border="3" cellspacing="10" cellpadding="10">'
|
||||
card4 += '<tr><td style= "color:red; background-color:white;"> B </td> <td style= "color:red;background-color:white;"> I </td> <td style= "color:red;background-color:white;"> N </td> <td style= "color:red;background-color:white;"> G </td> <td style= "color:red;background-color:white;"> O </td>'
|
||||
for(p = 1, q=1; p < rows-1; p++){
|
||||
|
||||
card4 += '<tr>'
|
||||
for (j = 0; j < columns; q++,j++){
|
||||
card4 += '<td class="t1" onclick="cSwap(this)" id="aicell_'+q+'">' +ary[q][0]+'</td>';
|
||||
|
||||
}
|
||||
card4 += '</tr>'
|
||||
|
||||
}
|
||||
|
||||
card4 += '</table>'
|
||||
document.getElementById("aicard1").innerHTML = card4
|
||||
|
||||
//Card 4
|
||||
range = 15
|
||||
for (w=0,i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle()
|
||||
for (i=1, j=0; i<26; j++, i= i+5) {ary2[i][0] = target[j]; }
|
||||
range = 30
|
||||
for (w=15, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=2, j=0; i<26; j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 45
|
||||
for (w=30, i=0; w<range; i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=3, j=0; i<26;j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 60
|
||||
for (w=45, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=4, j=0; i<26; j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 75
|
||||
for (w=60, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=5, j=0; i<26;j++, i=i+5) ary2[i][0] = target[j]
|
||||
ary2[13][0] = "F"
|
||||
document.getElementById("aicard2").innerHTML = ""
|
||||
card3 = ""
|
||||
card3 += 'Opponent Card 2<table id="game" style="border-collapse: collapse; text-align:center; color:#1A1A1A" border="3" cellspacing="10" cellpadding="10">'
|
||||
card3 += '<tr><td style= "color:red; background-color:white;"> B </td> <td style= "color:red;background-color:white;"> I </td> <td style= "color:red;background-color:white;"> N </td> <td style= "color:red;background-color:white;"> G </td> <td style= "color:red;background-color:white;"> O </td>'
|
||||
for(p = 1, q=1; p < rows-1; p++){
|
||||
|
||||
card3 += '<tr>'
|
||||
for (j = 0; j < columns; q++,j++){
|
||||
card3 += '<td class="t1" onclick="cSwap(this)" id="aicell2_'+q+'">' +ary2[q][0]+'</td>';
|
||||
|
||||
}
|
||||
card3 += '</tr>'
|
||||
|
||||
}
|
||||
|
||||
card3 += '</table>'
|
||||
document.getElementById("aicard2").innerHTML = card3
|
||||
|
||||
for (i=1; i<26; i++) {aiboard[i][1] = false; aiboard2[i][1] = false}
|
||||
document.getElementById("aicell2_13").className = "t3";aiboard2[13][1] = true
|
||||
document.getElementById("aicell_13").className = "t3";aiboard[13][1] = true
|
||||
|
||||
}
|
||||
aidrawboard(aiboard, aiboard2)
|
||||
|
||||
|
||||
|
||||
function cSwap(cell){
|
||||
if (cell.className == "t")
|
||||
{ cell.className = "t2"; }
|
||||
else if (cell.className == "t2")
|
||||
{cell.className = "t"; }
|
||||
}
|
||||
|
||||
for (i=1; i<=75; i++){target5[i-1] = i}
|
||||
target5.shuffle();
|
||||
|
||||
|
||||
|
||||
function marked(){
|
||||
var a
|
||||
var td = document.getElementsByClassName("ce");
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("cell"+i).className == "t2") {board[i][1] = true;}
|
||||
else if (document.getElementById("cell"+i).className == "t"){board[i][1] = false;}
|
||||
}
|
||||
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("cell2_"+i).className == "t2") {board2[i][1] = true;}
|
||||
else if (document.getElementById("cell2_"+i).className == "t"){board2[i][1] = false;}
|
||||
}
|
||||
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("aicell2_"+i).className == "t1") {aiboard2[i][1] = true;}
|
||||
else if (document.getElementById("aicell2_"+i).className == "t3"){aiboard2[i][1] = false;}
|
||||
}
|
||||
|
||||
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("aicell"+i).className == "t1") {aiboard[i][1] = true;}
|
||||
else if (document.getElementById("aicell"+i).className == "t3"){aiboard[i][1] = false;}
|
||||
}
|
||||
|
||||
}
|
||||
var oldNum = [];
|
||||
|
||||
var start = false;
|
||||
|
||||
|
||||
function nextNum(){
|
||||
if (start != true){
|
||||
document.getElementById("button").innerHTML = '<button class="btn1" id="startbtn" onclick="nextNum()" > Next Number!</button><button class="btn1" id="bingobtn" onclick="check()" > BINGO!! </button><button class="btn1" id="newbtn" onclick="NewGame()" >New Game </button> '; start = true;}
|
||||
document.getElementById("startbtn").innerHTML = "Next Number!";console.log('before ' +t)
|
||||
calledNum = target5[t];
|
||||
oldNum[0] = 'F';
|
||||
oldNum[t] = target5[t]
|
||||
if (document.getElementById('no').checked == true){cleari();};
|
||||
if (document.getElementById('auto').checked == true || document.getElementById('yes1').checked == true ){ playermark(); cleari();};
|
||||
if (document.getElementById('yes1').checked == true) { self_play = true};
|
||||
if (document.getElementById('yes1').checked == false) {self_play = false};
|
||||
aimark();
|
||||
do {
|
||||
if (t<75){
|
||||
document.getElementById("list"+calledNum).style.color = "white";
|
||||
}}
|
||||
while (1 == 0);
|
||||
t++
|
||||
var game1 = 'Game Over'
|
||||
|
||||
if (t <= 75){
|
||||
if (calledNum <= 15) calledNum = bingo[0]+calledNum
|
||||
if (calledNum <= 30 && calledNum > 15) calledNum = bingo[1]+calledNum
|
||||
if (calledNum <= 45 && calledNum > 30) calledNum = bingo[2]+calledNum
|
||||
if (calledNum <= 60 && calledNum > 45) calledNum = bingo[3]+calledNum
|
||||
if (calledNum <= 75 && calledNum > 60) calledNum = bingo[4]+calledNum
|
||||
document.getElementById("current").innerHTML ='<h1>'+ calledNum+'</h1>';
|
||||
}
|
||||
else document.getElementById("current").innerHTML ='<h1>Game Over</h1>';
|
||||
|
||||
checkai();
|
||||
check();
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
function aimark(){
|
||||
for (i=0; i<26; i++){
|
||||
|
||||
if (aiboard[i][0] == calledNum) {document.getElementById("aicell_"+i).className = "t3"; aiboard[i][1] = true}
|
||||
if (aiboard2[i][0] == calledNum) { document.getElementById("aicell2_"+i).className = "t3"; aiboard2[i][1] = true}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function playermark(){
|
||||
document.getElementById("cell2_13").className = "t3";board2[13][1] = true
|
||||
document.getElementById("cell13").className = "t3";board[13][1] = true
|
||||
|
||||
for (i=0; i<26; i++){
|
||||
|
||||
if (board2[i][0] == calledNum) {document.getElementById("cell2_"+i).className = "t3";
|
||||
board2[i][1] = true}
|
||||
|
||||
if (board[i][0] == calledNum) {document.getElementById("cell"+i).className = "t3";
|
||||
board[i][1] = true}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
function checkai(){
|
||||
if (aiboard[1][1] == true && aiboard[6][1] == true && aiboard[11][1] == true && aiboard[16][1] == true && aiboard[21][1] == true){ matchNum(aiboard, 1, 6, 11, 16, 21);}
|
||||
if (aiboard[2][1] == true && aiboard[7][1] == true && aiboard[12][1] == true && aiboard[17][1] == true && aiboard[22][1] == true){ matchNum(aiboard,2,7,12,17,22);}
|
||||
if (aiboard[3][1] == true && aiboard[8][1] == true && aiboard[13][1] == true && aiboard[18][1] == true && aiboard[23][1] == true){ matchNum(aiboard,3,8,13,18,23);}
|
||||
if (aiboard[4][1] == true && aiboard[9][1] == true && aiboard[14][1] == true && aiboard[19][1] == true && aiboard[24][1] == true){ matchNum(aiboard,4,9,14,18,24);}
|
||||
if (aiboard[5][1] == true && aiboard[10][1] == true && aiboard[15][1] == true && aiboard[20][1] == true && aiboard[25][1] == true){ matchNum(aiboard,5,10,15,20,25);}
|
||||
|
||||
if (aiboard[1][1] == true && aiboard[2][1] == true && aiboard[3][1] == true && aiboard[4][1] == true && aiboard[5][1] == true){ matchNum(aiboard,1,2,3,4,5);}
|
||||
if (aiboard[6][1] == true && aiboard[7][1] == true && aiboard[8][1] == true && aiboard[9][1] == true && aiboard[10][1] == true){ matchNum(aiboard,6,7,8,9,10);}
|
||||
if (aiboard[11][1] == true && aiboard[12][1] == true && aiboard[13][1] == true && aiboard[14][1] == true && aiboard[15][1] == true){ matchNum(aiboard,11,12,13,14,15);}
|
||||
if (aiboard[16][1] == true && aiboard[17][1] == true && aiboard[18][1] == true && aiboard[19][1] == true && aiboard[20][1] == true){ matchNum(aiboard,16,17,18,19,20);}
|
||||
if (aiboard[21][1] == true && aiboard[22][1] == true && aiboard[23][1] == true && aiboard[24][1] == true && aiboard[25][1] == true){ matchNum(aiboard,21,22,23,24,25);}
|
||||
|
||||
if (aiboard[1][1] == true && aiboard[7][1] == true && aiboard[13][1] == true && aiboard[19][1] == true && aiboard[25][1] == true){ matchNum(aiboard,1,7,13,19,25);}
|
||||
if (aiboard[5][1] == true && aiboard[9][1] == true && aiboard[13][1] == true && aiboard[17][1] == true && aiboard[21][1] == true){ matchNum(aiboard,5,9,13,17,21);}
|
||||
|
||||
|
||||
|
||||
if (aiboard2[1][1] == true && aiboard2[6][1] == true && aiboard2[11][1] == true && aiboard2[16][1] == true && aiboard2[21][1] == true){ matchNum(aiboard2, 1, 6, 11, 16, 21);}
|
||||
if (aiboard2[2][1] == true && aiboard2[7][1] == true && aiboard2[12][1] == true && aiboard2[17][1] == true && aiboard2[22][1] == true){ matchNum(aiboard2,2,7,12,17,22);}
|
||||
if (aiboard2[3][1] == true && aiboard2[8][1] == true && aiboard2[13][1] == true && aiboard2[18][1] == true && aiboard2[23][1] == true){ matchNum(aiboard2,3,8,13,18,23);}
|
||||
if (aiboard2[4][1] == true && aiboard2[9][1] == true && aiboard2[14][1] == true && aiboard2[19][1] == true && aiboard2[24][1] == true){ matchNum(aiboard2,4,9,14,18,24);}
|
||||
if (aiboard2[5][1] == true && aiboard2[10][1] == true && aiboard2[15][1] == true && aiboard2[20][1] == true && aiboard2[25][1] == true){ matchNum(aiboard2,5,10,15,20,25);}
|
||||
|
||||
if (aiboard2[1][1] == true && aiboard2[2][1] == true && aiboard2[3][1] == true && aiboard2[4][1] == true && aiboard2[5][1] == true){ matchNum(aiboard2,1,2,3,4,5);}
|
||||
if (aiboard2[6][1] == true && aiboard2[7][1] == true && aiboard2[8][1] == true && aiboard2[9][1] == true && aiboard2[10][1] == true){ matchNum(aiboard2,6,7,8,9,10);}
|
||||
if (aiboard2[11][1] == true && aiboard2[12][1] == true && aiboard2[13][1] == true && aiboard2[14][1] == true && aiboard2[15][1] == true){ matchNum(aiboard2,11,12,13,14,15);}
|
||||
if (aiboard2[16][1] == true && aiboard2[17][1] == true && aiboard2[18][1] == true && aiboard2[19][1] == true && aiboard2[20][1] == true){ matchNum(aiboard2,16,17,18,19,20);}
|
||||
if (aiboard2[21][1] == true && aiboard2[22][1] == true && aiboard2[23][1] == true && aiboard2[24][1] == true && aiboard2[25][1] == true){ matchNum(aiboard2,21,22,23,24,25);}
|
||||
|
||||
if (aiboard2[1][1] == true && aiboard2[7][1] == true && aiboard2[13][1] == true && aiboard2[19][1] == true && aiboard2[25][1] == true){ matchNum(aiboard2,1,7,13,19,25);}
|
||||
if (aiboard2[5][1] == true && aiboard2[9][1] == true && aiboard2[13][1] == true && aiboard2[17][1] == true && aiboard2[21][1] == true){ matchNum(aiboard2,5,9,13,17,21);}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
function matchNum(ary, num1, num2, num3, num4, num5){
|
||||
win = false;
|
||||
//console.log('aiboard = ' + aiboard);
|
||||
console.log('aboard2 = ' + aiboard2);
|
||||
var aibingo = 0;
|
||||
var playerbingo = 0;
|
||||
|
||||
for (i=0; i<oldNum.length; i++){
|
||||
if (oldNum[i] == ary[num1][0]){ if(ary == aiboard || ary == aiboard2) aibingo++; else{ playerbingo++}}
|
||||
if (oldNum[i] == ary[num2][0]){ if(ary == aiboard || ary == aiboard2) aibingo++; else{ playerbingo++}}
|
||||
if (oldNum[i] == ary[num3][0]){ if(ary == aiboard || ary == aiboard2) aibingo++; else{ playerbingo++}}
|
||||
if (oldNum[i] == ary[num4][0]){ if(ary == aiboard || ary == aiboard2) aibingo++; else{ playerbingo++}}
|
||||
if (oldNum[i] == ary[num5][0]){ if(ary == aiboard || ary == aiboard2) aibingo++; else{ playerbingo++}}
|
||||
}
|
||||
if (win == false && aibingo == 5) {win = true;cleari(); alert('Computer Wins!'); var play = confirm('Play again?');}
|
||||
if (win == false && playerbingo == 5) {win = true; cleari(); alert('You Win!'); var play = confirm('Play again?'); }
|
||||
if (play == false){document.getElementById("button").innerHTML='<button class="btn1" id="startbtn" onclick="NewGame()" > Start!</button>'; cleari();test = false}
|
||||
|
||||
if (play == true){drawboard(board, board2); aidrawboard(aiboard, aiboard2); listNum(); t = 0; document.getElementById("current").innerHTML = "";cleari();}
|
||||
}
|
||||
|
||||
|
||||
function marked(){
|
||||
var a
|
||||
var td = document.getElementsByClassName("ce");
|
||||
//var td1 = document.getElementById('cell
|
||||
//console.log(td.length)
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("cell"+i).className == "t2") {board[i][1] = true;}
|
||||
else if (document.getElementById("cell"+i).className == "t"){board[i][1] = false;}
|
||||
}
|
||||
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("cell2_"+i).className == "t2") {board2[i][1] = true;}
|
||||
else if (document.getElementById("cell2_"+i).className == "t"){board2[i][1] = false}
|
||||
}
|
||||
}
|
||||
|
||||
function check(){
|
||||
|
||||
marked();
|
||||
|
||||
if (board[1][1] == true && board[6][1] == true && board[11][1] == true && board[16][1] == true && board[21][1] == true){ matchNum(board, 1, 6, 11, 16, 21);}
|
||||
if (board[2][1] == true && board[7][1] == true && board[12][1] == true && board[17][1] == true && board[22][1] == true){ matchNum(board,2,7,12,17,22);}
|
||||
if (board[3][1] == true && board[8][1] == true && board[13][1] == true && board[18][1] == true && board[23][1] == true){ matchNum(board,3,8,13,18,23);}
|
||||
if (board[4][1] == true && board[9][1] == true && board[14][1] == true && board[19][1] == true && board[24][1] == true){ matchNum(board,4,9,14,18,24);}
|
||||
if (board[5][1] == true && board[10][1] == true && board[15][1] == true && board[20][1] == true && board[25][1] == true){ matchNum(board,5,10,15,20,25);}
|
||||
|
||||
if (board[1][1] == true && board[2][1] == true && board[3][1] == true && board[4][1] == true && board[5][1] == true){ matchNum(board,1,2,3,4,5);}
|
||||
if (board[6][1] == true && board[7][1] == true && board[8][1] == true && board[9][1] == true && board[10][1] == true){ matchNum(board,6,7,8,9,10);}
|
||||
if (board[11][1] == true && board[12][1] == true && board[13][1] == true && board[14][1] == true && board[15][1] == true){ matchNum(board,11,12,13,14,15);}
|
||||
if (board[16][1] == true && board[17][1] == true && board[18][1] == true && board[19][1] == true && board[20][1] == true){ matchNum(board,16,17,18,19,20);}
|
||||
if (board[21][1] == true && board[22][1] == true && board[23][1] == true && board[24][1] == true && board[25][1] == true){ matchNum(board,21,22,23,24,25);}
|
||||
|
||||
if (board[1][1] == true && board[7][1] == true && board[13][1] == true && board[19][1] == true && board[25][1] == true){ matchNum(board,1,7,13,19,25);}
|
||||
if (board[5][1] == true && board[9][1] == true && board[13][1] == true && board[17][1] == true && board[21][1] == true){ matchNum(board,5,9,13,17,21);}
|
||||
|
||||
|
||||
|
||||
if (board2[1][1] == true && board2[6][1] == true && board2[11][1] == true && board2[16][1] == true && board2[21][1] == true){ matchNum(board2, 1, 6, 11, 16, 21);}
|
||||
if (board2[2][1] == true && board2[7][1] == true && board2[12][1] == true && board2[17][1] == true && board2[22][1] == true){ matchNum(board2,2,7,12,17,22);}
|
||||
if (board2[3][1] == true && board2[8][1] == true && board2[13][1] == true && board2[18][1] == true && board2[23][1] == true){ matchNum(board2,3,8,13,18,23);}
|
||||
if (board2[4][1] == true && board2[9][1] == true && board2[14][1] == true && board2[19][1] == true && board2[24][1] == true){ matchNum(board2,4,9,14,18,24);}
|
||||
if (board2[5][1] == true && board2[10][1] == true && board2[15][1] == true && board2[20][1] == true && board2[25][1] == true){ matchNum(board2,5,10,15,20,25);}
|
||||
|
||||
if (board2[1][1] == true && board2[2][1] == true && board2[3][1] == true && board2[4][1] == true && board2[5][1] == true){ matchNum(board2,1,2,3,4,5);}
|
||||
if (board2[6][1] == true && board2[7][1] == true && board2[8][1] == true && board2[9][1] == true && board2[10][1] == true){ matchNum(board2,6,7,8,9,10);}
|
||||
if (board2[11][1] == true && board2[12][1] == true && board2[13][1] == true && board2[14][1] == true && board2[15][1] == true){ matchNum(board2,11,12,13,14,15);}
|
||||
if (board2[16][1] == true && board2[17][1] == true && board2[18][1] == true && board2[19][1] == true && board2[20][1] == true){ matchNum(board2,16,17,18,19,20);}
|
||||
if (board2[21][1] == true && board2[22][1] == true && board2[23][1] == true && board2[24][1] == true && board2[25][1] == true){ matchNum(board2,21,22,23,24,25);}
|
||||
|
||||
if (board2[1][1] == true && board2[7][1] == true && board2[13][1] == true && board2[19][1] == true && board2[25][1] == true){ matchNum(board2,1,7,13,19,25);}
|
||||
if (board2[5][1] == true && board2[9][1] == true && board2[13][1] == true && board2[17][1] == true && board2[21][1] == true){ matchNum(board2,5,9,13,17,21);}
|
||||
|
||||
repeat1();
|
||||
}
|
||||
|
||||
function repeat1(){if (self_play == true && test == true){
|
||||
repeat = setInterval(nextNum, 7000);
|
||||
}
|
||||
else if (self_play == false) {clearInterval(repeat);}
|
||||
test = false;}
|
||||
|
||||
function cleari(){clearInterval(repeat); test=true;}
|
||||
|
||||
function NewGame(){
|
||||
var confirmnew = confirm('Wait! This will clear all current progress!');
|
||||
if (confirmnew == true){
|
||||
t = 0;
|
||||
drawboard(board, board2); aidrawboard(aiboard, aiboard2); listNum(); clearInterval(repeat); test = true; start = false;
|
||||
document.getElementById("button").innerHTML='<button class="btn1" id="startbtn" onclick="nextNum()" > Start!</button>';
|
||||
document.getElementById("current").innerHTML="";
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
bingo.png
Executable file
BIN
bingo.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
655
bingo1.html
Executable file
655
bingo1.html
Executable file
@ -0,0 +1,655 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<html>
|
||||
<head>
|
||||
<meta name="theme-color" content="#FF99E6">
|
||||
<link rel="stylesheet" type="text/css" href="menu.css" />
|
||||
<link rel="icon" type="image/ico" href="bingo.ico">
|
||||
<title> Bingo!</title>
|
||||
<style>
|
||||
.btn1 {
|
||||
background: #14b8b8;
|
||||
background-image: -webkit-linear-gradient(top, #14b8b8, #2980b9);
|
||||
background-image: -moz-linear-gradient(top, #14b8b8, #2980b9);
|
||||
background-image: -ms-linear-gradient(top, #14b8b8, #2980b9);
|
||||
background-image: -o-linear-gradient(top, #14b8b8, #2980b9);
|
||||
background-image: linear-gradient(to bottom, #14b8b8, #2980b9);
|
||||
-webkit-border-radius: 17;
|
||||
-moz-border-radius: 17;
|
||||
border-radius: 17px;
|
||||
-webkit-box-shadow: 7px 6px 8px #666666;
|
||||
-moz-box-shadow: 7px 6px 8px #666666;
|
||||
box-shadow: 7px 6px 8px #666666;
|
||||
font-family: Courier New;
|
||||
color: #000000;
|
||||
font-size: 20px;
|
||||
padding: 10px 20px 10px 20px;
|
||||
text-decoration: none;
|
||||
margin:10px;
|
||||
}
|
||||
|
||||
.btn1:hover {
|
||||
background: #3cb0fd;
|
||||
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
|
||||
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
|
||||
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
|
||||
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
|
||||
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
html, body { height: 100%; }
|
||||
|
||||
body {
|
||||
cursor:default;
|
||||
/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
|
||||
|
||||
/* IE10 Consumer Preview */
|
||||
background-image: -ms-linear-gradient(top left, #FF4D17 0%, #EF26DB 100%);
|
||||
|
||||
/* Mozilla Firefox */
|
||||
background-image: -moz-linear-gradient(top left, #FF4D17 0%, #EF26DB 100%);
|
||||
|
||||
/* Opera */
|
||||
background-image: -o-linear-gradient(top left, #FF4D17 0%, #EF26DB 100%);
|
||||
|
||||
/* Webkit (Safari/Chrome 10) */
|
||||
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FF4D17), color-stop(1, #EF26DB));
|
||||
|
||||
/* Webkit (Chrome 11+) */
|
||||
background-image: -webkit-linear-gradient(top left, #FF4D17 0%, #EF26DB 100%);
|
||||
|
||||
/* W3C Markup, IE10 Release Preview */
|
||||
background-image: linear-gradient(to bottom right, #FF4D17 0%, #EF26DB 100%);
|
||||
}
|
||||
|
||||
#listTable{text-align:center;color:#1A1A1A; background-color:black;box-shadow: 10px 10px 5px #5F5F5F; border: 2px solid; border-radius: 10px;}
|
||||
#current{text-align:center; height:105px;
|
||||
}
|
||||
#button{text-align:center}
|
||||
#container{ overflow:hidden; text-align:center;}
|
||||
#card1{background-color:#D63333;width:auto;float:left; margin:auto;box-shadow: 5px 5px 2.5px #5F5F5F}
|
||||
#card2{background-color:#D63333;float:left;width:auto;margin:10px;box-shadow: 5px 5px 2.5px #5F5F5F}
|
||||
#aicard1{background-color:#3385D6; float:right;width:auto;margin:auto;box-shadow: 5px 5px 2.5px #5F5F5F}
|
||||
#aicard2{background-color:#3385D6; float:right;width:auto;margin:10px;box-shadow: 5px 5px 2.5px #5F5F5F}
|
||||
td{width:23px}
|
||||
.t:hover {background-clip: padding-box;
|
||||
border-radius: 20px;
|
||||
background-color:#FF6600;
|
||||
}
|
||||
.t{background-clip: padding-box;
|
||||
border-radius: 20px;
|
||||
background:#D63333}
|
||||
.t1{background-clip: padding-box;
|
||||
border-radius: 20px;
|
||||
background:#3385D6}
|
||||
.t2{background-clip: padding-box;
|
||||
border-radius: 20px;
|
||||
background:#D65CFF}
|
||||
.t3{background-clip: padding-box;
|
||||
border-radius: 20px;
|
||||
background-color:#D65CFF;}
|
||||
#form{text-align: center}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<div id="nav_menu" >
|
||||
</div>
|
||||
<script src="menu.js"></script>
|
||||
<br /><br /><br />
|
||||
|
||||
<div id="form">
|
||||
<form name="autoform">
|
||||
AUTO MODE:
|
||||
<br /><input type="radio" id="no" name="auto" value="no" checked="checked" onclick="cleari()">Manual</input> <input type="radio" id="auto" name="auto" value="yes" onclick="cleari()">Semi-Auto</input>
|
||||
<input type="radio" id="yes1" name="auto" value="yes1">Fully-Auto</input>
|
||||
</form>
|
||||
<div>
|
||||
<div id = "list"> </div>
|
||||
|
||||
<div id = "current"> </div>
|
||||
|
||||
<br />
|
||||
<div id = "button">
|
||||
<button class="btn1" id="startbtn" onclick="nextNum()" > Start!</button>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<div id = "container">
|
||||
<div id = "card1"> </div>
|
||||
<div id = "card2"> </div>
|
||||
<div id = "aicard2"></div>
|
||||
<div id = "aicard1"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
var isLame = {
|
||||
|
||||
iOS: function() {
|
||||
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
|
||||
},
|
||||
Opera: function() {
|
||||
return navigator.userAgent.match(/Opera/i);
|
||||
},
|
||||
Windows: function() {
|
||||
return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i) || navigator.appName.match(/Microsoft|Explorer|IE/i);
|
||||
},
|
||||
any: function() {
|
||||
return (isLame.iOS() || isLame.Opera() || isLame.Windows());
|
||||
}
|
||||
};
|
||||
if ( isLame.any() ) {
|
||||
document.getElementById("ham").removeAttribute("tabindex");document.getElementById("ham").removeAttribute("onblur");document.getElementById("ham").removeAttribute("onfocusout");
|
||||
console.log(isLame.any)
|
||||
}
|
||||
|
||||
|
||||
//body {background:linear-gradient(to bottom right, purple ,white, red);}
|
||||
var buttonpress = false
|
||||
var bingo = ["B", "I", "N", "G", "O"]
|
||||
var t = 1
|
||||
var board= [];
|
||||
var board2 = [];
|
||||
var aiboard = [];
|
||||
var aiboard2 = [];
|
||||
var card, card2, card3, card4
|
||||
var w
|
||||
var i
|
||||
var self_play
|
||||
var test = true;
|
||||
var repeat;
|
||||
for (i=0; i<26; i++) {
|
||||
board[i] = new Array(2);
|
||||
board2[i] = new Array(2);
|
||||
aiboard[i] = new Array(2);
|
||||
aiboard2[i] = new Array(2);
|
||||
}
|
||||
|
||||
|
||||
var target = [];
|
||||
var target1 = [];
|
||||
var target2 = [];
|
||||
var target3 = [];
|
||||
var target4 = [];
|
||||
var target5 =[]
|
||||
var rows = 7
|
||||
var columns = 5
|
||||
var target0 = []
|
||||
Array.prototype.shuffle = function() {
|
||||
var input = this;
|
||||
for (var i = input.length-1; i >=0; i--) {
|
||||
var randomIndex = Math.floor(Math.random()*(i+1));
|
||||
var itemAtIndex = input[randomIndex];
|
||||
input[randomIndex] = input[i];
|
||||
input[i] = itemAtIndex; }
|
||||
|
||||
return input;
|
||||
|
||||
}
|
||||
|
||||
|
||||
function listNum(){
|
||||
|
||||
document.getElementById("list").innerHTML = ""
|
||||
|
||||
for (s=0; s<=75; s++){target0[s] = s}
|
||||
var str = ''
|
||||
str += '<table id = "listTable" align = "center" cellpadding = "7">'
|
||||
for (s=0, e=1; s<5; s++){
|
||||
str += '<tr><td style="color:red">'+bingo[s]+'</td>'
|
||||
for (y=0; y<15; e++, y++){
|
||||
str +='<td id = "list'+e+'">'+target0[e]+'</td>';
|
||||
}
|
||||
str += '</tr>'
|
||||
}
|
||||
document.getElementById("list").innerHTML = str
|
||||
}
|
||||
|
||||
listNum();
|
||||
|
||||
|
||||
|
||||
|
||||
function drawboard(ary, ary2){
|
||||
range = 15
|
||||
for (w=0,i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle()
|
||||
for (i=1, j=0; i<26; j++, i= i+5) {ary[i][0] = target[j]; }
|
||||
range = 30
|
||||
for (w=15, i=0; w<range;i++, w++){
|
||||
target1[i] = w+1};
|
||||
target1.shuffle();
|
||||
for (i=2, j=0; i<26; j++, i=i+5) ary[i][0] = target1[j]
|
||||
range = 45
|
||||
for (w=30, i=0; w<range; i++, w++){
|
||||
target2[i] = w+1};
|
||||
target2.shuffle();
|
||||
for (i=3, j=0; i<26;j++, i=i+5) ary[i][0] = target2[j]
|
||||
range = 60
|
||||
for (w=45, i=0; w<range;i++, w++){
|
||||
target3[i] = w+1};
|
||||
target3.shuffle();
|
||||
for (i=4, j=0; i<26; j++, i=i+5) ary[i][0] = target3[j]
|
||||
range = 75
|
||||
for (w=60, i=0; w<range;i++, w++){
|
||||
target4[i] = w+1};
|
||||
target4.shuffle();
|
||||
for (i=5, j=0; i<26;j++, i=i+5) ary[i][0] = target4[j]
|
||||
ary[13][0] = "F"
|
||||
document.getElementById("card1").innerHTML = ""
|
||||
card= ""
|
||||
card += 'Player Card 1<table id="game" style="border-collapse: collapse; text-align:center; color:#1A1A1A" border="3" cellspacing="10" cellpadding="10">'
|
||||
card += '<tr><td style= "color:red; background-color:white;"> B </td> <td style= "color:red;background-color:white;"> I </td> <td style= "color:red;background-color:white;"> N </td> <td style= "color:red;background-color:white;"> G </td> <td style= "color:red;background-color:white;"> O </td>'
|
||||
for(p = 1, q=1; p < rows-1; p++){
|
||||
|
||||
card += '<tr>'
|
||||
for (j = 0; j < columns; q++,j++){
|
||||
card += '<td class="t" class="ce" onclick="cSwap(this)" id="cell'+q+'">' +ary[q][0]+'</td>';
|
||||
|
||||
}
|
||||
card += '</tr>'
|
||||
|
||||
}
|
||||
|
||||
card += '</table>'
|
||||
document.getElementById("card1").innerHTML =card
|
||||
|
||||
//Card 2
|
||||
range = 15
|
||||
for (w=0,i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle()
|
||||
for (i=1, j=0; i<26; j++, i= i+5) {ary2[i][0] = target[j]; }
|
||||
range = 30
|
||||
for (w=15, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=2, j=0; i<26; j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 45
|
||||
for (w=30, i=0; w<range; i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=3, j=0; i<26;j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 60
|
||||
for (w=45, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=4, j=0; i<26; j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 75
|
||||
for (w=60, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=5, j=0; i<26;j++, i=i+5) ary2[i][0] = target[j]
|
||||
ary2[13][0] = "F"
|
||||
document.getElementById("card2").innerHTML = ""
|
||||
card2 = ""
|
||||
card2 += 'Player Card 2<table id="game" style="border-collapse: collapse; text-align:center; color:#1A1A1A" border="3" cellspacing="10" cellpadding="10">'
|
||||
card2 += '<tr><td style= "color:red; background-color:white;"> B </td> <td style= "color:red;background-color:white;"> I </td> <td style= "color:red;background-color:white;"> N </td> <td style= "color:red;background-color:white;"> G </td> <td style= "color:red;background-color:white;"> O </td>'
|
||||
for(p = 1, q=1; p < rows-1; p++){
|
||||
|
||||
card2 += '<tr>'
|
||||
for (j = 0; j < columns; q++,j++){
|
||||
card2 += '<td class="t" class="ce" onclick="cSwap(this)" id="cell2_'+q+'">' +ary2[q][0]+'</td>';
|
||||
|
||||
}
|
||||
card2 += '</tr>'
|
||||
|
||||
}
|
||||
|
||||
card2 += '</table>'
|
||||
document.getElementById("card2").innerHTML =card2
|
||||
|
||||
for (i=1; i<26; i++) {board[i][1] = false; board2[i][1] = false}
|
||||
}
|
||||
drawboard(board, board2)
|
||||
|
||||
|
||||
|
||||
function aidrawboard(ary, ary2){
|
||||
//Card3
|
||||
range = 15
|
||||
for (w=0,i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle()
|
||||
for (i=1, j=0; i<26; j++, i= i+5) {ary[i][0] = target[j]; }
|
||||
range = 30
|
||||
for (w=15, i=0; w<range;i++, w++){
|
||||
target1[i] = w+1};
|
||||
target1.shuffle();
|
||||
for (i=2, j=0; i<26; j++, i=i+5) ary[i][0] = target1[j]
|
||||
range = 45
|
||||
for (w=30, i=0; w<range; i++, w++){
|
||||
target2[i] = w+1};
|
||||
target2.shuffle();
|
||||
for (i=3, j=0; i<26;j++, i=i+5) ary[i][0] = target2[j]
|
||||
range = 60
|
||||
for (w=45, i=0; w<range;i++, w++){
|
||||
target3[i] = w+1};
|
||||
target3.shuffle();
|
||||
for (i=4, j=0; i<26; j++, i=i+5) ary[i][0] = target3[j]
|
||||
range = 75
|
||||
for (w=60, i=0; w<range;i++, w++){
|
||||
target4[i] = w+1};
|
||||
target4.shuffle();
|
||||
for (i=5, j=0; i<26;j++, i=i+5) ary[i][0] = target4[j]
|
||||
ary[13][0] = "F"
|
||||
document.getElementById("aicard1").innerHTML = ""
|
||||
card4 = ""
|
||||
card4 += 'Opponent Card 1<table id="game" style="border-collapse: collapse; text-align:center; color:#1A1A1A" border="3" cellspacing="10" cellpadding="10">'
|
||||
card4 += '<tr><td style= "color:red; background-color:white;"> B </td> <td style= "color:red;background-color:white;"> I </td> <td style= "color:red;background-color:white;"> N </td> <td style= "color:red;background-color:white;"> G </td> <td style= "color:red;background-color:white;"> O </td>'
|
||||
for(p = 1, q=1; p < rows-1; p++){
|
||||
|
||||
card4 += '<tr>'
|
||||
for (j = 0; j < columns; q++,j++){
|
||||
card4 += '<td class="t1" onclick="cSwap(this)" id="aicell_'+q+'">' +ary[q][0]+'</td>';
|
||||
|
||||
}
|
||||
card4 += '</tr>'
|
||||
|
||||
}
|
||||
|
||||
card4 += '</table>'
|
||||
document.getElementById("aicard1").innerHTML = card4
|
||||
|
||||
//Card 4
|
||||
range = 15
|
||||
for (w=0,i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle()
|
||||
for (i=1, j=0; i<26; j++, i= i+5) {ary2[i][0] = target[j]; }
|
||||
range = 30
|
||||
for (w=15, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=2, j=0; i<26; j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 45
|
||||
for (w=30, i=0; w<range; i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=3, j=0; i<26;j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 60
|
||||
for (w=45, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=4, j=0; i<26; j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 75
|
||||
for (w=60, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=5, j=0; i<26;j++, i=i+5) ary2[i][0] = target[j]
|
||||
ary2[13][0] = "F"
|
||||
document.getElementById("aicard2").innerHTML = ""
|
||||
card3 = ""
|
||||
card3 += 'Opponent Card 2<table id="game" style="border-collapse: collapse; text-align:center; color:#1A1A1A" border="3" cellspacing="10" cellpadding="10">'
|
||||
card3 += '<tr><td style= "color:red; background-color:white;"> B </td> <td style= "color:red;background-color:white;"> I </td> <td style= "color:red;background-color:white;"> N </td> <td style= "color:red;background-color:white;"> G </td> <td style= "color:red;background-color:white;"> O </td>'
|
||||
for(p = 1, q=1; p < rows-1; p++){
|
||||
|
||||
card3 += '<tr>'
|
||||
for (j = 0; j < columns; q++,j++){
|
||||
card3 += '<td class="t1" onclick="cSwap(this)" id="aicell2_'+q+'">' +ary2[q][0]+'</td>';
|
||||
|
||||
}
|
||||
card3 += '</tr>'
|
||||
|
||||
}
|
||||
|
||||
card3 += '</table>'
|
||||
document.getElementById("aicard2").innerHTML = card3
|
||||
|
||||
for (i=1; i<26; i++) {aiboard[i][1] = false; aiboard2[i][1] = false}
|
||||
document.getElementById("aicell2_13").className = "t3";aiboard2[13][1] = true
|
||||
document.getElementById("aicell_13").className = "t3";aiboard[13][1] = true
|
||||
|
||||
}
|
||||
aidrawboard(aiboard, aiboard2)
|
||||
|
||||
|
||||
|
||||
function cSwap(cell){
|
||||
if (cell.className == "t")
|
||||
{ cell.className = "t2"; }
|
||||
else if (cell.className == "t2")
|
||||
{cell.className = "t"; }
|
||||
}
|
||||
|
||||
for (i=1; i<=75; i++){target5[i-1] = i}
|
||||
target5.shuffle();
|
||||
|
||||
|
||||
|
||||
function marked(){
|
||||
var a
|
||||
var td = document.getElementsByClassName("ce");
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("cell"+i).className == "t2") {board[i][1] = true;}
|
||||
else if (document.getElementById("cell"+i).className == "t"){board[i][1] = false;}
|
||||
}
|
||||
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("cell2_"+i).className == "t2") {board2[i][1] = true;}
|
||||
else if (document.getElementById("cell2_"+i).className == "t"){board2[i][1] = false;}
|
||||
}
|
||||
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("aicell2_"+i).className == "t1") {aiboard2[i][1] = true;}
|
||||
else if (document.getElementById("aicell2_"+i).className == "t3"){aiboard2[i][1] = false;}
|
||||
}
|
||||
|
||||
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("aicell"+i).className == "t1") {aiboard[i][1] = true;}
|
||||
else if (document.getElementById("aicell"+i).className == "t3"){aiboard[i][1] = false;}
|
||||
}
|
||||
|
||||
}
|
||||
var oldNum = [];
|
||||
|
||||
var start = false;
|
||||
|
||||
|
||||
function nextNum(){
|
||||
if (start != true){
|
||||
document.getElementById("button").innerHTML = '<button class="btn1" id="startbtn" onclick="nextNum()" > Next Number!</button><button class="btn1" id="bingobtn" onclick="check()" > BINGO!! </button><button class="btn1" id="newbtn" onclick="NewGame()" >New Game </button> '; start = true;}
|
||||
document.getElementById("startbtn").innerHTML = "Next Number!";console.log('before ' +t)
|
||||
calledNum = target5[t];
|
||||
oldNum[0] = 'F';
|
||||
oldNum[t] = target5[t]
|
||||
if (document.getElementById('no').checked == true){cleari();};
|
||||
if (document.getElementById('auto').checked == true || document.getElementById('yes1').checked == true ){ playermark(); cleari();};
|
||||
if (document.getElementById('yes1').checked == true) { self_play = true};
|
||||
if (document.getElementById('yes1').checked == false) {self_play = false};
|
||||
aimark();
|
||||
do {
|
||||
if (t<75){
|
||||
document.getElementById("list"+calledNum).style.color = "white";
|
||||
}}
|
||||
while (1 == 0);
|
||||
t++
|
||||
var game1 = 'Game Over'
|
||||
|
||||
if (t <= 75){
|
||||
if (calledNum <= 15) calledNum = bingo[0]+calledNum
|
||||
if (calledNum <= 30 && calledNum > 15) calledNum = bingo[1]+calledNum
|
||||
if (calledNum <= 45 && calledNum > 30) calledNum = bingo[2]+calledNum
|
||||
if (calledNum <= 60 && calledNum > 45) calledNum = bingo[3]+calledNum
|
||||
if (calledNum <= 75 && calledNum > 60) calledNum = bingo[4]+calledNum
|
||||
document.getElementById("current").innerHTML ='<h1>'+ calledNum+'</h1>';
|
||||
}
|
||||
else document.getElementById("current").innerHTML ='<h1>Game Over</h1>';
|
||||
|
||||
checkai();
|
||||
check();
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
function aimark(){
|
||||
for (i=0; i<26; i++){
|
||||
|
||||
if (aiboard[i][0] == calledNum) {document.getElementById("aicell_"+i).className = "t3"; aiboard[i][1] = true}
|
||||
if (aiboard2[i][0] == calledNum) { document.getElementById("aicell2_"+i).className = "t3"; aiboard2[i][1] = true}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function playermark(){
|
||||
document.getElementById("cell2_13").className = "t3";board2[13][1] = true
|
||||
document.getElementById("cell13").className = "t3";board[13][1] = true
|
||||
|
||||
for (i=0; i<26; i++){
|
||||
|
||||
if (board2[i][0] == calledNum) {document.getElementById("cell2_"+i).className = "t3";
|
||||
board2[i][1] = true}
|
||||
|
||||
if (board[i][0] == calledNum) {document.getElementById("cell"+i).className = "t3";
|
||||
board[i][1] = true}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
function checkai(){
|
||||
if (aiboard[1][1] == true && aiboard[6][1] == true && aiboard[11][1] == true && aiboard[16][1] == true && aiboard[21][1] == true){ matchNum(aiboard, 1, 6, 11, 16, 21);}
|
||||
if (aiboard[2][1] == true && aiboard[7][1] == true && aiboard[12][1] == true && aiboard[17][1] == true && aiboard[22][1] == true){ matchNum(aiboard,2,7,12,17,22);}
|
||||
if (aiboard[3][1] == true && aiboard[8][1] == true && aiboard[13][1] == true && aiboard[18][1] == true && aiboard[23][1] == true){ matchNum(aiboard,3,8,13,18,23);}
|
||||
if (aiboard[4][1] == true && aiboard[9][1] == true && aiboard[14][1] == true && aiboard[19][1] == true && aiboard[24][1] == true){ matchNum(aiboard,4,9,14,18,24);}
|
||||
if (aiboard[5][1] == true && aiboard[10][1] == true && aiboard[15][1] == true && aiboard[20][1] == true && aiboard[25][1] == true){ matchNum(aiboard,5,10,15,20,25);}
|
||||
|
||||
if (aiboard[1][1] == true && aiboard[2][1] == true && aiboard[3][1] == true && aiboard[4][1] == true && aiboard[5][1] == true){ matchNum(aiboard,1,2,3,4,5);}
|
||||
if (aiboard[6][1] == true && aiboard[7][1] == true && aiboard[8][1] == true && aiboard[9][1] == true && aiboard[10][1] == true){ matchNum(aiboard,6,7,8,9,10);}
|
||||
if (aiboard[11][1] == true && aiboard[12][1] == true && aiboard[13][1] == true && aiboard[14][1] == true && aiboard[15][1] == true){ matchNum(aiboard,11,12,13,14,15);}
|
||||
if (aiboard[16][1] == true && aiboard[17][1] == true && aiboard[18][1] == true && aiboard[19][1] == true && aiboard[20][1] == true){ matchNum(aiboard,16,17,18,19,20);}
|
||||
if (aiboard[21][1] == true && aiboard[22][1] == true && aiboard[23][1] == true && aiboard[24][1] == true && aiboard[25][1] == true){ matchNum(aiboard,21,22,23,24,25);}
|
||||
|
||||
if (aiboard[1][1] == true && aiboard[7][1] == true && aiboard[13][1] == true && aiboard[19][1] == true && aiboard[25][1] == true){ matchNum(aiboard,1,7,13,19,25);}
|
||||
if (aiboard[5][1] == true && aiboard[9][1] == true && aiboard[13][1] == true && aiboard[17][1] == true && aiboard[21][1] == true){ matchNum(aiboard,5,9,13,17,21);}
|
||||
|
||||
|
||||
|
||||
if (aiboard2[1][1] == true && aiboard2[6][1] == true && aiboard2[11][1] == true && aiboard2[16][1] == true && aiboard2[21][1] == true){ matchNum(aiboard2, 1, 6, 11, 16, 21);}
|
||||
if (aiboard2[2][1] == true && aiboard2[7][1] == true && aiboard2[12][1] == true && aiboard2[17][1] == true && aiboard2[22][1] == true){ matchNum(aiboard2,2,7,12,17,22);}
|
||||
if (aiboard2[3][1] == true && aiboard2[8][1] == true && aiboard2[13][1] == true && aiboard2[18][1] == true && aiboard2[23][1] == true){ matchNum(aiboard2,3,8,13,18,23);}
|
||||
if (aiboard2[4][1] == true && aiboard2[9][1] == true && aiboard2[14][1] == true && aiboard2[19][1] == true && aiboard2[24][1] == true){ matchNum(aiboard2,4,9,14,18,24);}
|
||||
if (aiboard2[5][1] == true && aiboard2[10][1] == true && aiboard2[15][1] == true && aiboard2[20][1] == true && aiboard2[25][1] == true){ matchNum(aiboard2,5,10,15,20,25);}
|
||||
|
||||
if (aiboard2[1][1] == true && aiboard2[2][1] == true && aiboard2[3][1] == true && aiboard2[4][1] == true && aiboard2[5][1] == true){ matchNum(aiboard2,1,2,3,4,5);}
|
||||
if (aiboard2[6][1] == true && aiboard2[7][1] == true && aiboard2[8][1] == true && aiboard2[9][1] == true && aiboard2[10][1] == true){ matchNum(aiboard2,6,7,8,9,10);}
|
||||
if (aiboard2[11][1] == true && aiboard2[12][1] == true && aiboard2[13][1] == true && aiboard2[14][1] == true && aiboard2[15][1] == true){ matchNum(aiboard2,11,12,13,14,15);}
|
||||
if (aiboard2[16][1] == true && aiboard2[17][1] == true && aiboard2[18][1] == true && aiboard2[19][1] == true && aiboard2[20][1] == true){ matchNum(aiboard2,16,17,18,19,20);}
|
||||
if (aiboard2[21][1] == true && aiboard2[22][1] == true && aiboard2[23][1] == true && aiboard2[24][1] == true && aiboard2[25][1] == true){ matchNum(aiboard2,21,22,23,24,25);}
|
||||
|
||||
if (aiboard2[1][1] == true && aiboard2[7][1] == true && aiboard2[13][1] == true && aiboard2[19][1] == true && aiboard2[25][1] == true){ matchNum(aiboard2,1,7,13,19,25);}
|
||||
if (aiboard2[5][1] == true && aiboard2[9][1] == true && aiboard2[13][1] == true && aiboard2[17][1] == true && aiboard2[21][1] == true){ matchNum(aiboard2,5,9,13,17,21);}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
function matchNum(ary, num1, num2, num3, num4, num5){
|
||||
win = false;
|
||||
//console.log('aiboard = ' + aiboard);
|
||||
console.log('aboard2 = ' + aiboard2);
|
||||
var aibingo = 0;
|
||||
var playerbingo = 0;
|
||||
|
||||
for (i=0; i<oldNum.length; i++){
|
||||
if (oldNum[i] == ary[num1][0]){ if(ary == aiboard || ary == aiboard2) aibingo++; else{ playerbingo++}}
|
||||
if (oldNum[i] == ary[num2][0]){ if(ary == aiboard || ary == aiboard2) aibingo++; else{ playerbingo++}}
|
||||
if (oldNum[i] == ary[num3][0]){ if(ary == aiboard || ary == aiboard2) aibingo++; else{ playerbingo++}}
|
||||
if (oldNum[i] == ary[num4][0]){ if(ary == aiboard || ary == aiboard2) aibingo++; else{ playerbingo++}}
|
||||
if (oldNum[i] == ary[num5][0]){ if(ary == aiboard || ary == aiboard2) aibingo++; else{ playerbingo++}}
|
||||
}
|
||||
if (win == false && aibingo == 5) {win = true;cleari(); alert('Computer Wins!'); var play = confirm('Play again?');}
|
||||
if (win == false && playerbingo == 5) {win = true; cleari(); alert('You Win!'); var play = confirm('Play again?'); }
|
||||
if (play == false){document.getElementById("button").innerHTML='<button class="btn1" id="startbtn" onclick="NewGame()" > Start!</button>'; cleari();test = false}
|
||||
|
||||
if (play == true){drawboard(board, board2); aidrawboard(aiboard, aiboard2); listNum(); t = 0; document.getElementById("current").innerHTML = "";cleari();}
|
||||
}
|
||||
|
||||
|
||||
function marked(){
|
||||
var a
|
||||
var td = document.getElementsByClassName("ce");
|
||||
//var td1 = document.getElementById('cell
|
||||
//console.log(td.length)
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("cell"+i).className == "t2") {board[i][1] = true;}
|
||||
else if (document.getElementById("cell"+i).className == "t"){board[i][1] = false;}
|
||||
}
|
||||
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("cell2_"+i).className == "t2") {board2[i][1] = true;}
|
||||
else if (document.getElementById("cell2_"+i).className == "t"){board2[i][1] = false}
|
||||
}
|
||||
}
|
||||
|
||||
function check(){
|
||||
|
||||
marked();
|
||||
|
||||
if (board[1][1] == true && board[6][1] == true && board[11][1] == true && board[16][1] == true && board[21][1] == true){ matchNum(board, 1, 6, 11, 16, 21);}
|
||||
if (board[2][1] == true && board[7][1] == true && board[12][1] == true && board[17][1] == true && board[22][1] == true){ matchNum(board,2,7,12,17,22);}
|
||||
if (board[3][1] == true && board[8][1] == true && board[13][1] == true && board[18][1] == true && board[23][1] == true){ matchNum(board,3,8,13,18,23);}
|
||||
if (board[4][1] == true && board[9][1] == true && board[14][1] == true && board[19][1] == true && board[24][1] == true){ matchNum(board,4,9,14,18,24);}
|
||||
if (board[5][1] == true && board[10][1] == true && board[15][1] == true && board[20][1] == true && board[25][1] == true){ matchNum(board,5,10,15,20,25);}
|
||||
|
||||
if (board[1][1] == true && board[2][1] == true && board[3][1] == true && board[4][1] == true && board[5][1] == true){ matchNum(board,1,2,3,4,5);}
|
||||
if (board[6][1] == true && board[7][1] == true && board[8][1] == true && board[9][1] == true && board[10][1] == true){ matchNum(board,6,7,8,9,10);}
|
||||
if (board[11][1] == true && board[12][1] == true && board[13][1] == true && board[14][1] == true && board[15][1] == true){ matchNum(board,11,12,13,14,15);}
|
||||
if (board[16][1] == true && board[17][1] == true && board[18][1] == true && board[19][1] == true && board[20][1] == true){ matchNum(board,16,17,18,19,20);}
|
||||
if (board[21][1] == true && board[22][1] == true && board[23][1] == true && board[24][1] == true && board[25][1] == true){ matchNum(board,21,22,23,24,25);}
|
||||
|
||||
if (board[1][1] == true && board[7][1] == true && board[13][1] == true && board[19][1] == true && board[25][1] == true){ matchNum(board,1,7,13,19,25);}
|
||||
if (board[5][1] == true && board[9][1] == true && board[13][1] == true && board[17][1] == true && board[21][1] == true){ matchNum(board,5,9,13,17,21);}
|
||||
|
||||
|
||||
|
||||
if (board2[1][1] == true && board2[6][1] == true && board2[11][1] == true && board2[16][1] == true && board2[21][1] == true){ matchNum(board2, 1, 6, 11, 16, 21);}
|
||||
if (board2[2][1] == true && board2[7][1] == true && board2[12][1] == true && board2[17][1] == true && board2[22][1] == true){ matchNum(board2,2,7,12,17,22);}
|
||||
if (board2[3][1] == true && board2[8][1] == true && board2[13][1] == true && board2[18][1] == true && board2[23][1] == true){ matchNum(board2,3,8,13,18,23);}
|
||||
if (board2[4][1] == true && board2[9][1] == true && board2[14][1] == true && board2[19][1] == true && board2[24][1] == true){ matchNum(board2,4,9,14,18,24);}
|
||||
if (board2[5][1] == true && board2[10][1] == true && board2[15][1] == true && board2[20][1] == true && board2[25][1] == true){ matchNum(board2,5,10,15,20,25);}
|
||||
|
||||
if (board2[1][1] == true && board2[2][1] == true && board2[3][1] == true && board2[4][1] == true && board2[5][1] == true){ matchNum(board2,1,2,3,4,5);}
|
||||
if (board2[6][1] == true && board2[7][1] == true && board2[8][1] == true && board2[9][1] == true && board2[10][1] == true){ matchNum(board2,6,7,8,9,10);}
|
||||
if (board2[11][1] == true && board2[12][1] == true && board2[13][1] == true && board2[14][1] == true && board2[15][1] == true){ matchNum(board2,11,12,13,14,15);}
|
||||
if (board2[16][1] == true && board2[17][1] == true && board2[18][1] == true && board2[19][1] == true && board2[20][1] == true){ matchNum(board2,16,17,18,19,20);}
|
||||
if (board2[21][1] == true && board2[22][1] == true && board2[23][1] == true && board2[24][1] == true && board2[25][1] == true){ matchNum(board2,21,22,23,24,25);}
|
||||
|
||||
if (board2[1][1] == true && board2[7][1] == true && board2[13][1] == true && board2[19][1] == true && board2[25][1] == true){ matchNum(board2,1,7,13,19,25);}
|
||||
if (board2[5][1] == true && board2[9][1] == true && board2[13][1] == true && board2[17][1] == true && board2[21][1] == true){ matchNum(board2,5,9,13,17,21);}
|
||||
|
||||
repeat1();
|
||||
}
|
||||
|
||||
function repeat1(){if (self_play == true && test == true){
|
||||
repeat = setInterval(nextNum, 15000);
|
||||
}
|
||||
else if (self_play == false) {clearInterval(repeat);}
|
||||
test = false;}
|
||||
|
||||
function cleari(){clearInterval(repeat); test=true;}
|
||||
|
||||
function NewGame(){
|
||||
var confirmnew = confirm('Wait! This will clear all current progress!');
|
||||
if (confirmnew == true){
|
||||
t = 0;
|
||||
drawboard(board, board2); aidrawboard(aiboard, aiboard2); listNum(); clearInterval(repeat); test = true; start = false;
|
||||
document.getElementById("button").innerHTML='<button class="btn1" id="startbtn" onclick="nextNum()" > Start!</button>';
|
||||
document.getElementById("current").innerHTML="";
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
653
bingomobile.html
Executable file
653
bingomobile.html
Executable file
@ -0,0 +1,653 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset="UTF-8">
|
||||
<html>
|
||||
<head>
|
||||
<meta name="theme-color" content="#FF99E6">
|
||||
<link rel="stylesheet" type="text/css" href="menu.css" />
|
||||
<link rel="icon" type="image/ico" href="bingo.ico">
|
||||
<title> Bingo!</title>
|
||||
<style>
|
||||
.btn1 {
|
||||
background: #14b8b8;
|
||||
background-image: -webkit-linear-gradient(top, #14b8b8, #2980b9);
|
||||
background-image: -moz-linear-gradient(top, #14b8b8, #2980b9);
|
||||
background-image: -ms-linear-gradient(top, #14b8b8, #2980b9);
|
||||
background-image: -o-linear-gradient(top, #14b8b8, #2980b9);
|
||||
background-image: linear-gradient(to bottom, #14b8b8, #2980b9);
|
||||
-webkit-border-radius: 17;
|
||||
-moz-border-radius: 17;
|
||||
border-radius: 17px;
|
||||
-webkit-box-shadow: 7px 6px 8px #666666;
|
||||
-moz-box-shadow: 7px 6px 8px #666666;
|
||||
box-shadow: 7px 6px 8px #666666;
|
||||
font-family: Courier New;
|
||||
color: #000000;
|
||||
font-size: 20px;
|
||||
padding: 10px 20px 10px 20px;
|
||||
text-decoration: none;
|
||||
margin:10px;
|
||||
}
|
||||
|
||||
.btn1:hover {
|
||||
background: #3cb0fd;
|
||||
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
|
||||
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
|
||||
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
|
||||
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
|
||||
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
html, body { height: 100%; }
|
||||
|
||||
body {
|
||||
cursor:default;
|
||||
/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
|
||||
|
||||
/* IE10 Consumer Preview */
|
||||
background-image: -ms-linear-gradient(top left, #FF4D17 0%, #EF26DB 100%);
|
||||
|
||||
/* Mozilla Firefox */
|
||||
background-image: -moz-linear-gradient(top left, #FF4D17 0%, #EF26DB 100%);
|
||||
|
||||
/* Opera */
|
||||
background-image: -o-linear-gradient(top left, #FF4D17 0%, #EF26DB 100%);
|
||||
|
||||
/* Webkit (Safari/Chrome 10) */
|
||||
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FF4D17), color-stop(1, #EF26DB));
|
||||
|
||||
/* Webkit (Chrome 11+) */
|
||||
background-image: -webkit-linear-gradient(top left, #FF4D17 0%, #EF26DB 100%);
|
||||
|
||||
/* W3C Markup, IE10 Release Preview */
|
||||
background-image: linear-gradient(to bottom right, #FF4D17 0%, #EF26DB 100%);
|
||||
}
|
||||
|
||||
#listTable{text-align:center;color:#1A1A1A; background-color:black;box-shadow: 10px 10px 5px #5F5F5F; border: 2px solid; border-radius: 10px;}
|
||||
#current{text-align:center; height:105px;
|
||||
}
|
||||
#button{text-align:center}
|
||||
#container{ overflow:hidden; text-align:center;}
|
||||
#card1{background-color:#D63333;width:auto;float:left; margin:auto;box-shadow: 5px 5px 2.5px #5F5F5F}
|
||||
#card2{background-color:#D63333;float:left;width:auto;margin:10px;box-shadow: 5px 5px 2.5px #5F5F5F}
|
||||
#aicard1{background-color:#3385D6; float:right;width:auto;margin:auto;box-shadow: 5px 5px 2.5px #5F5F5F}
|
||||
#aicard2{background-color:#3385D6; float:right;width:auto;margin:10px;box-shadow: 5px 5px 2.5px #5F5F5F}
|
||||
td{width:23px}
|
||||
|
||||
.t{background-clip: padding-box;
|
||||
border-radius: 20px;
|
||||
background:#D63333}
|
||||
.t1{background-clip: padding-box;
|
||||
border-radius: 20px;
|
||||
background:#3385D6}
|
||||
.t2{background-clip: padding-box;
|
||||
border-radius: 20px;
|
||||
background:#D65CFF}
|
||||
.t3{background-clip: padding-box;
|
||||
border-radius: 20px;
|
||||
background-color:#D65CFF;}
|
||||
#form{text-align: center}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<div id="nav_menu" >
|
||||
</div>
|
||||
<script src="menu.js"></script>
|
||||
<br /><br /><br />
|
||||
|
||||
<div id="form">
|
||||
<form name="autoform">
|
||||
AUTO MODE:
|
||||
<br /><input title="Click for each number" type="radio" id="no" name="auto" value="no" checked="checked" onclick="cleari()">Manual</input> <input type="radio" id="auto" name="auto" value="yes" onclick="cleari()">Semi-Auto</input>
|
||||
<input type="radio" id="yes1" name="auto" value="yes1">Fully-Auto</input>
|
||||
</form>
|
||||
<div>
|
||||
<div id = "list"> </div>
|
||||
|
||||
<div id = "current"> </div>
|
||||
|
||||
<br />
|
||||
<div id = "button">
|
||||
<button class="btn1" id="startbtn" onclick="nextNum()" > Start!</button>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<div id = "container">
|
||||
<div id = "card1"> </div>
|
||||
<div id = "card2"> </div>
|
||||
<div id = "aicard2"></div>
|
||||
<div id = "aicard1"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
|
||||
var isLame = {
|
||||
|
||||
iOS: function() {
|
||||
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
|
||||
},
|
||||
Opera: function() {
|
||||
return navigator.userAgent.match(/Opera/i);
|
||||
},
|
||||
Windows: function() {
|
||||
return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i) || navigator.appName.match(/Microsoft|Explorer|IE/i);
|
||||
},
|
||||
any: function() {
|
||||
return (isLame.iOS() || isLame.Opera() || isLame.Windows());
|
||||
}
|
||||
};
|
||||
if ( isLame.any() ) {
|
||||
document.getElementById("ham").removeAttribute("tabindex");document.getElementById("ham").removeAttribute("onblur");document.getElementById("ham").removeAttribute("onfocusout");
|
||||
console.log(isLame.any)
|
||||
}
|
||||
|
||||
|
||||
//body {background:linear-gradient(to bottom right, purple ,white, red);}
|
||||
var buttonpress = false
|
||||
var bingo = ["B", "I", "N", "G", "O"]
|
||||
var t = 1
|
||||
var board= [];
|
||||
var board2 = [];
|
||||
var aiboard = [];
|
||||
var aiboard2 = [];
|
||||
var card, card2, card3, card4
|
||||
var w
|
||||
var i
|
||||
var self_play
|
||||
var test = true;
|
||||
var repeat;
|
||||
for (i=0; i<26; i++) {
|
||||
board[i] = new Array(2);
|
||||
board2[i] = new Array(2);
|
||||
aiboard[i] = new Array(2);
|
||||
aiboard2[i] = new Array(2);
|
||||
}
|
||||
|
||||
|
||||
var target = [];
|
||||
var target1 = [];
|
||||
var target2 = [];
|
||||
var target3 = [];
|
||||
var target4 = [];
|
||||
var target5 =[]
|
||||
var rows = 7
|
||||
var columns = 5
|
||||
var target0 = []
|
||||
Array.prototype.shuffle = function() {
|
||||
var input = this;
|
||||
for (var i = input.length-1; i >=0; i--) {
|
||||
var randomIndex = Math.floor(Math.random()*(i+1));
|
||||
var itemAtIndex = input[randomIndex];
|
||||
input[randomIndex] = input[i];
|
||||
input[i] = itemAtIndex; }
|
||||
|
||||
return input;
|
||||
|
||||
}
|
||||
|
||||
|
||||
function listNum(){
|
||||
|
||||
document.getElementById("list").innerHTML = ""
|
||||
|
||||
for (s=0; s<=75; s++){target0[s] = s}
|
||||
var str = ''
|
||||
str += '<table id = "listTable" align = "center" cellpadding = "7">'
|
||||
for (s=0, e=1; s<5; s++){
|
||||
str += '<tr><td style="color:red">'+bingo[s]+'</td>'
|
||||
for (y=0; y<15; e++, y++){
|
||||
str +='<td id = "list'+e+'">'+target0[e]+'</td>';
|
||||
}
|
||||
str += '</tr>'
|
||||
}
|
||||
document.getElementById("list").innerHTML = str
|
||||
}
|
||||
|
||||
listNum();
|
||||
|
||||
|
||||
|
||||
|
||||
function drawboard(ary, ary2){
|
||||
range = 15
|
||||
for (w=0,i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle()
|
||||
for (i=1, j=0; i<26; j++, i= i+5) {ary[i][0] = target[j]; }
|
||||
range = 30
|
||||
for (w=15, i=0; w<range;i++, w++){
|
||||
target1[i] = w+1};
|
||||
target1.shuffle();
|
||||
for (i=2, j=0; i<26; j++, i=i+5) ary[i][0] = target1[j]
|
||||
range = 45
|
||||
for (w=30, i=0; w<range; i++, w++){
|
||||
target2[i] = w+1};
|
||||
target2.shuffle();
|
||||
for (i=3, j=0; i<26;j++, i=i+5) ary[i][0] = target2[j]
|
||||
range = 60
|
||||
for (w=45, i=0; w<range;i++, w++){
|
||||
target3[i] = w+1};
|
||||
target3.shuffle();
|
||||
for (i=4, j=0; i<26; j++, i=i+5) ary[i][0] = target3[j]
|
||||
range = 75
|
||||
for (w=60, i=0; w<range;i++, w++){
|
||||
target4[i] = w+1};
|
||||
target4.shuffle();
|
||||
for (i=5, j=0; i<26;j++, i=i+5) ary[i][0] = target4[j]
|
||||
ary[13][0] = "F"
|
||||
document.getElementById("card1").innerHTML = ""
|
||||
card= ""
|
||||
card += 'Player Card 1<table id="game" style="border-collapse: collapse; text-align:center; color:#1A1A1A" border="3" cellspacing="10" cellpadding="10">'
|
||||
card += '<tr><td style= "color:red; background-color:white;"> B </td> <td style= "color:red;background-color:white;"> I </td> <td style= "color:red;background-color:white;"> N </td> <td style= "color:red;background-color:white;"> G </td> <td style= "color:red;background-color:white;"> O </td>'
|
||||
for(p = 1, q=1; p < rows-1; p++){
|
||||
|
||||
card += '<tr>'
|
||||
for (j = 0; j < columns; q++,j++){
|
||||
card += '<td class="t" class="ce" onclick="cSwap(this)" id="cell'+q+'">' +ary[q][0]+'</td>';
|
||||
|
||||
}
|
||||
card += '</tr>'
|
||||
|
||||
}
|
||||
|
||||
card += '</table>'
|
||||
document.getElementById("card1").innerHTML =card
|
||||
|
||||
//Card 2
|
||||
range = 15
|
||||
for (w=0,i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle()
|
||||
for (i=1, j=0; i<26; j++, i= i+5) {ary2[i][0] = target[j]; }
|
||||
range = 30
|
||||
for (w=15, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=2, j=0; i<26; j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 45
|
||||
for (w=30, i=0; w<range; i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=3, j=0; i<26;j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 60
|
||||
for (w=45, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=4, j=0; i<26; j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 75
|
||||
for (w=60, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=5, j=0; i<26;j++, i=i+5) ary2[i][0] = target[j]
|
||||
ary2[13][0] = "F"
|
||||
document.getElementById("card2").innerHTML = ""
|
||||
card2 = ""
|
||||
card2 += 'Player Card 2<table id="game" style="border-collapse: collapse; text-align:center; color:#1A1A1A" border="3" cellspacing="10" cellpadding="10">'
|
||||
card2 += '<tr><td style= "color:red; background-color:white;"> B </td> <td style= "color:red;background-color:white;"> I </td> <td style= "color:red;background-color:white;"> N </td> <td style= "color:red;background-color:white;"> G </td> <td style= "color:red;background-color:white;"> O </td>'
|
||||
for(p = 1, q=1; p < rows-1; p++){
|
||||
|
||||
card2 += '<tr>'
|
||||
for (j = 0; j < columns; q++,j++){
|
||||
card2 += '<td class="t" class="ce" onclick="cSwap(this)" id="cell2_'+q+'">' +ary2[q][0]+'</td>';
|
||||
|
||||
}
|
||||
card2 += '</tr>'
|
||||
|
||||
}
|
||||
|
||||
card2 += '</table>'
|
||||
document.getElementById("card2").innerHTML =card2
|
||||
|
||||
for (i=1; i<26; i++) {board[i][1] = false; board2[i][1] = false}
|
||||
}
|
||||
drawboard(board, board2)
|
||||
|
||||
|
||||
|
||||
function aidrawboard(ary, ary2){
|
||||
//Card3
|
||||
range = 15
|
||||
for (w=0,i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle()
|
||||
for (i=1, j=0; i<26; j++, i= i+5) {ary[i][0] = target[j]; }
|
||||
range = 30
|
||||
for (w=15, i=0; w<range;i++, w++){
|
||||
target1[i] = w+1};
|
||||
target1.shuffle();
|
||||
for (i=2, j=0; i<26; j++, i=i+5) ary[i][0] = target1[j]
|
||||
range = 45
|
||||
for (w=30, i=0; w<range; i++, w++){
|
||||
target2[i] = w+1};
|
||||
target2.shuffle();
|
||||
for (i=3, j=0; i<26;j++, i=i+5) ary[i][0] = target2[j]
|
||||
range = 60
|
||||
for (w=45, i=0; w<range;i++, w++){
|
||||
target3[i] = w+1};
|
||||
target3.shuffle();
|
||||
for (i=4, j=0; i<26; j++, i=i+5) ary[i][0] = target3[j]
|
||||
range = 75
|
||||
for (w=60, i=0; w<range;i++, w++){
|
||||
target4[i] = w+1};
|
||||
target4.shuffle();
|
||||
for (i=5, j=0; i<26;j++, i=i+5) ary[i][0] = target4[j]
|
||||
ary[13][0] = "F"
|
||||
document.getElementById("aicard1").innerHTML = ""
|
||||
card4 = ""
|
||||
card4 += 'Opponent Card 1<table id="game" style="border-collapse: collapse; text-align:center; color:#1A1A1A" border="3" cellspacing="10" cellpadding="10">'
|
||||
card4 += '<tr><td style= "color:red; background-color:white;"> B </td> <td style= "color:red;background-color:white;"> I </td> <td style= "color:red;background-color:white;"> N </td> <td style= "color:red;background-color:white;"> G </td> <td style= "color:red;background-color:white;"> O </td>'
|
||||
for(p = 1, q=1; p < rows-1; p++){
|
||||
|
||||
card4 += '<tr>'
|
||||
for (j = 0; j < columns; q++,j++){
|
||||
card4 += '<td class="t1" onclick="cSwap(this)" id="aicell_'+q+'">' +ary[q][0]+'</td>';
|
||||
|
||||
}
|
||||
card4 += '</tr>'
|
||||
|
||||
}
|
||||
|
||||
card4 += '</table>'
|
||||
document.getElementById("aicard1").innerHTML = card4
|
||||
|
||||
//Card 4
|
||||
range = 15
|
||||
for (w=0,i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle()
|
||||
for (i=1, j=0; i<26; j++, i= i+5) {ary2[i][0] = target[j]; }
|
||||
range = 30
|
||||
for (w=15, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=2, j=0; i<26; j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 45
|
||||
for (w=30, i=0; w<range; i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=3, j=0; i<26;j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 60
|
||||
for (w=45, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=4, j=0; i<26; j++, i=i+5) ary2[i][0] = target[j]
|
||||
range = 75
|
||||
for (w=60, i=0; w<range;i++, w++){
|
||||
target[i] = w+1};
|
||||
target.shuffle();
|
||||
for (i=5, j=0; i<26;j++, i=i+5) ary2[i][0] = target[j]
|
||||
ary2[13][0] = "F"
|
||||
document.getElementById("aicard2").innerHTML = ""
|
||||
card3 = ""
|
||||
card3 += 'Opponent Card 2<table id="game" style="border-collapse: collapse; text-align:center; color:#1A1A1A" border="3" cellspacing="10" cellpadding="10">'
|
||||
card3 += '<tr><td style= "color:red; background-color:white;"> B </td> <td style= "color:red;background-color:white;"> I </td> <td style= "color:red;background-color:white;"> N </td> <td style= "color:red;background-color:white;"> G </td> <td style= "color:red;background-color:white;"> O </td>'
|
||||
for(p = 1, q=1; p < rows-1; p++){
|
||||
|
||||
card3 += '<tr>'
|
||||
for (j = 0; j < columns; q++,j++){
|
||||
card3 += '<td class="t1" onclick="cSwap(this)" id="aicell2_'+q+'">' +ary2[q][0]+'</td>';
|
||||
|
||||
}
|
||||
card3 += '</tr>'
|
||||
|
||||
}
|
||||
|
||||
card3 += '</table>'
|
||||
document.getElementById("aicard2").innerHTML = card3
|
||||
|
||||
for (i=1; i<26; i++) {aiboard[i][1] = false; aiboard2[i][1] = false}
|
||||
document.getElementById("aicell2_13").className = "t3";aiboard2[13][1] = true
|
||||
document.getElementById("aicell_13").className = "t3";aiboard[13][1] = true
|
||||
|
||||
}
|
||||
aidrawboard(aiboard, aiboard2)
|
||||
|
||||
|
||||
|
||||
function cSwap(cell){
|
||||
if (cell.className == "t")
|
||||
{ cell.className = "t2"; }
|
||||
else if (cell.className == "t2")
|
||||
{cell.className = "t"; }
|
||||
}
|
||||
|
||||
for (i=1; i<=75; i++){target5[i-1] = i}
|
||||
target5.shuffle();
|
||||
|
||||
|
||||
|
||||
function marked(){
|
||||
var a
|
||||
var td = document.getElementsByClassName("ce");
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("cell"+i).className == "t2") {board[i][1] = true;}
|
||||
else if (document.getElementById("cell"+i).className == "t"){board[i][1] = false;}
|
||||
}
|
||||
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("cell2_"+i).className == "t2") {board2[i][1] = true;}
|
||||
else if (document.getElementById("cell2_"+i).className == "t"){board2[i][1] = false;}
|
||||
}
|
||||
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("aicell2_"+i).className == "t1") {aiboard2[i][1] = true;}
|
||||
else if (document.getElementById("aicell2_"+i).className == "t3"){aiboard2[i][1] = false;}
|
||||
}
|
||||
|
||||
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("aicell"+i).className == "t1") {aiboard[i][1] = true;}
|
||||
else if (document.getElementById("aicell"+i).className == "t3"){aiboard[i][1] = false;}
|
||||
}
|
||||
|
||||
}
|
||||
var oldNum = [];
|
||||
|
||||
var start = false;
|
||||
|
||||
|
||||
function nextNum(){
|
||||
if (start != true){
|
||||
document.getElementById("button").innerHTML = '<button class="btn1" id="startbtn" onclick="nextNum()" > Next Number!</button><button class="btn1" id="bingobtn" onclick="check()" > BINGO!! </button><button class="btn1" id="newbtn" onclick="NewGame()" >New Game </button> '; start = true;}
|
||||
document.getElementById("startbtn").innerHTML = "Next Number!";console.log('before ' +t)
|
||||
calledNum = target5[t];
|
||||
oldNum[0] = 'F';
|
||||
oldNum[t] = target5[t]
|
||||
if (document.getElementById('no').checked == true){cleari();};
|
||||
if (document.getElementById('auto').checked == true || document.getElementById('yes1').checked == true ){ playermark(); cleari();};
|
||||
if (document.getElementById('yes1').checked == true) { self_play = true};
|
||||
if (document.getElementById('yes1').checked == false) {self_play = false};
|
||||
aimark();
|
||||
do {
|
||||
if (t<75){
|
||||
document.getElementById("list"+calledNum).style.color = "white";
|
||||
}}
|
||||
while (1 == 0);
|
||||
t++
|
||||
var game1 = 'Game Over'
|
||||
|
||||
if (t <= 75){
|
||||
if (calledNum <= 15) calledNum = bingo[0]+calledNum
|
||||
if (calledNum <= 30 && calledNum > 15) calledNum = bingo[1]+calledNum
|
||||
if (calledNum <= 45 && calledNum > 30) calledNum = bingo[2]+calledNum
|
||||
if (calledNum <= 60 && calledNum > 45) calledNum = bingo[3]+calledNum
|
||||
if (calledNum <= 75 && calledNum > 60) calledNum = bingo[4]+calledNum
|
||||
document.getElementById("current").innerHTML ='<h1>'+ calledNum+'</h1>';
|
||||
}
|
||||
else document.getElementById("current").innerHTML ='<h1>Game Over</h1>';
|
||||
|
||||
checkai();
|
||||
check();
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
function aimark(){
|
||||
for (i=0; i<26; i++){
|
||||
|
||||
if (aiboard[i][0] == calledNum) {document.getElementById("aicell_"+i).className = "t3"; aiboard[i][1] = true}
|
||||
if (aiboard2[i][0] == calledNum) { document.getElementById("aicell2_"+i).className = "t3"; aiboard2[i][1] = true}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function playermark(){
|
||||
document.getElementById("cell2_13").className = "t3";board2[13][1] = true
|
||||
document.getElementById("cell13").className = "t3";board[13][1] = true
|
||||
|
||||
for (i=0; i<26; i++){
|
||||
|
||||
if (board2[i][0] == calledNum) {document.getElementById("cell2_"+i).className = "t3";
|
||||
board2[i][1] = true}
|
||||
|
||||
if (board[i][0] == calledNum) {document.getElementById("cell"+i).className = "t3";
|
||||
board[i][1] = true}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
function checkai(){
|
||||
if (aiboard[1][1] == true && aiboard[6][1] == true && aiboard[11][1] == true && aiboard[16][1] == true && aiboard[21][1] == true){ matchNum(aiboard, 1, 6, 11, 16, 21);}
|
||||
if (aiboard[2][1] == true && aiboard[7][1] == true && aiboard[12][1] == true && aiboard[17][1] == true && aiboard[22][1] == true){ matchNum(aiboard,2,7,12,17,22);}
|
||||
if (aiboard[3][1] == true && aiboard[8][1] == true && aiboard[13][1] == true && aiboard[18][1] == true && aiboard[23][1] == true){ matchNum(aiboard,3,8,13,18,23);}
|
||||
if (aiboard[4][1] == true && aiboard[9][1] == true && aiboard[14][1] == true && aiboard[19][1] == true && aiboard[24][1] == true){ matchNum(aiboard,4,9,14,18,24);}
|
||||
if (aiboard[5][1] == true && aiboard[10][1] == true && aiboard[15][1] == true && aiboard[20][1] == true && aiboard[25][1] == true){ matchNum(aiboard,5,10,15,20,25);}
|
||||
|
||||
if (aiboard[1][1] == true && aiboard[2][1] == true && aiboard[3][1] == true && aiboard[4][1] == true && aiboard[5][1] == true){ matchNum(aiboard,1,2,3,4,5);}
|
||||
if (aiboard[6][1] == true && aiboard[7][1] == true && aiboard[8][1] == true && aiboard[9][1] == true && aiboard[10][1] == true){ matchNum(aiboard,6,7,8,9,10);}
|
||||
if (aiboard[11][1] == true && aiboard[12][1] == true && aiboard[13][1] == true && aiboard[14][1] == true && aiboard[15][1] == true){ matchNum(aiboard,11,12,13,14,15);}
|
||||
if (aiboard[16][1] == true && aiboard[17][1] == true && aiboard[18][1] == true && aiboard[19][1] == true && aiboard[20][1] == true){ matchNum(aiboard,16,17,18,19,20);}
|
||||
if (aiboard[21][1] == true && aiboard[22][1] == true && aiboard[23][1] == true && aiboard[24][1] == true && aiboard[25][1] == true){ matchNum(aiboard,21,22,23,24,25);}
|
||||
|
||||
if (aiboard[1][1] == true && aiboard[7][1] == true && aiboard[13][1] == true && aiboard[19][1] == true && aiboard[25][1] == true){ matchNum(aiboard,1,7,13,19,25);}
|
||||
if (aiboard[5][1] == true && aiboard[9][1] == true && aiboard[13][1] == true && aiboard[17][1] == true && aiboard[21][1] == true){ matchNum(aiboard,5,9,13,17,21);}
|
||||
|
||||
|
||||
|
||||
if (aiboard2[1][1] == true && aiboard2[6][1] == true && aiboard2[11][1] == true && aiboard2[16][1] == true && aiboard2[21][1] == true){ matchNum(aiboard2, 1, 6, 11, 16, 21);}
|
||||
if (aiboard2[2][1] == true && aiboard2[7][1] == true && aiboard2[12][1] == true && aiboard2[17][1] == true && aiboard2[22][1] == true){ matchNum(aiboard2,2,7,12,17,22);}
|
||||
if (aiboard2[3][1] == true && aiboard2[8][1] == true && aiboard2[13][1] == true && aiboard2[18][1] == true && aiboard2[23][1] == true){ matchNum(aiboard2,3,8,13,18,23);}
|
||||
if (aiboard2[4][1] == true && aiboard2[9][1] == true && aiboard2[14][1] == true && aiboard2[19][1] == true && aiboard2[24][1] == true){ matchNum(aiboard2,4,9,14,18,24);}
|
||||
if (aiboard2[5][1] == true && aiboard2[10][1] == true && aiboard2[15][1] == true && aiboard2[20][1] == true && aiboard2[25][1] == true){ matchNum(aiboard2,5,10,15,20,25);}
|
||||
|
||||
if (aiboard2[1][1] == true && aiboard2[2][1] == true && aiboard2[3][1] == true && aiboard2[4][1] == true && aiboard2[5][1] == true){ matchNum(aiboard2,1,2,3,4,5);}
|
||||
if (aiboard2[6][1] == true && aiboard2[7][1] == true && aiboard2[8][1] == true && aiboard2[9][1] == true && aiboard2[10][1] == true){ matchNum(aiboard2,6,7,8,9,10);}
|
||||
if (aiboard2[11][1] == true && aiboard2[12][1] == true && aiboard2[13][1] == true && aiboard2[14][1] == true && aiboard2[15][1] == true){ matchNum(aiboard2,11,12,13,14,15);}
|
||||
if (aiboard2[16][1] == true && aiboard2[17][1] == true && aiboard2[18][1] == true && aiboard2[19][1] == true && aiboard2[20][1] == true){ matchNum(aiboard2,16,17,18,19,20);}
|
||||
if (aiboard2[21][1] == true && aiboard2[22][1] == true && aiboard2[23][1] == true && aiboard2[24][1] == true && aiboard2[25][1] == true){ matchNum(aiboard2,21,22,23,24,25);}
|
||||
|
||||
if (aiboard2[1][1] == true && aiboard2[7][1] == true && aiboard2[13][1] == true && aiboard2[19][1] == true && aiboard2[25][1] == true){ matchNum(aiboard2,1,7,13,19,25);}
|
||||
if (aiboard2[5][1] == true && aiboard2[9][1] == true && aiboard2[13][1] == true && aiboard2[17][1] == true && aiboard2[21][1] == true){ matchNum(aiboard2,5,9,13,17,21);}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
function matchNum(ary, num1, num2, num3, num4, num5){
|
||||
win = false;
|
||||
//console.log('aiboard = ' + aiboard);
|
||||
console.log('aboard2 = ' + aiboard2);
|
||||
var aibingo = 0;
|
||||
var playerbingo = 0;
|
||||
|
||||
for (i=0; i<oldNum.length; i++){
|
||||
if (oldNum[i] == ary[num1][0]){ if(ary == aiboard || ary == aiboard2) aibingo++; else{ playerbingo++}}
|
||||
if (oldNum[i] == ary[num2][0]){ if(ary == aiboard || ary == aiboard2) aibingo++; else{ playerbingo++}}
|
||||
if (oldNum[i] == ary[num3][0]){ if(ary == aiboard || ary == aiboard2) aibingo++; else{ playerbingo++}}
|
||||
if (oldNum[i] == ary[num4][0]){ if(ary == aiboard || ary == aiboard2) aibingo++; else{ playerbingo++}}
|
||||
if (oldNum[i] == ary[num5][0]){ if(ary == aiboard || ary == aiboard2) aibingo++; else{ playerbingo++}}
|
||||
}
|
||||
if (win == false && aibingo == 5) {win = true;cleari(); alert('Computer Wins!'); var play = confirm('Play again?');}
|
||||
if (win == false && playerbingo == 5) {win = true; cleari(); alert('You Win!'); var play = confirm('Play again?'); }
|
||||
if (play == false){document.getElementById("button").innerHTML='<button class="btn1" id="startbtn" onclick="NewGame()" > Start!</button>'; cleari();test = false}
|
||||
|
||||
if (play == true){drawboard(board, board2); aidrawboard(aiboard, aiboard2); listNum(); t = 0; document.getElementById("current").innerHTML = "";cleari();}
|
||||
}
|
||||
|
||||
|
||||
function marked(){
|
||||
var a
|
||||
var td = document.getElementsByClassName("ce");
|
||||
//var td1 = document.getElementById('cell
|
||||
//console.log(td.length)
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("cell"+i).className == "t2") {board[i][1] = true;}
|
||||
else if (document.getElementById("cell"+i).className == "t"){board[i][1] = false;}
|
||||
}
|
||||
|
||||
for (i=1, a=1; i<26 ;a++, i++){
|
||||
if (document.getElementById("cell2_"+i).className == "t2") {board2[i][1] = true;}
|
||||
else if (document.getElementById("cell2_"+i).className == "t"){board2[i][1] = false}
|
||||
}
|
||||
}
|
||||
|
||||
function check(){
|
||||
|
||||
marked();
|
||||
|
||||
if (board[1][1] == true && board[6][1] == true && board[11][1] == true && board[16][1] == true && board[21][1] == true){ matchNum(board, 1, 6, 11, 16, 21);}
|
||||
if (board[2][1] == true && board[7][1] == true && board[12][1] == true && board[17][1] == true && board[22][1] == true){ matchNum(board,2,7,12,17,22);}
|
||||
if (board[3][1] == true && board[8][1] == true && board[13][1] == true && board[18][1] == true && board[23][1] == true){ matchNum(board,3,8,13,18,23);}
|
||||
if (board[4][1] == true && board[9][1] == true && board[14][1] == true && board[19][1] == true && board[24][1] == true){ matchNum(board,4,9,14,18,24);}
|
||||
if (board[5][1] == true && board[10][1] == true && board[15][1] == true && board[20][1] == true && board[25][1] == true){ matchNum(board,5,10,15,20,25);}
|
||||
|
||||
if (board[1][1] == true && board[2][1] == true && board[3][1] == true && board[4][1] == true && board[5][1] == true){ matchNum(board,1,2,3,4,5);}
|
||||
if (board[6][1] == true && board[7][1] == true && board[8][1] == true && board[9][1] == true && board[10][1] == true){ matchNum(board,6,7,8,9,10);}
|
||||
if (board[11][1] == true && board[12][1] == true && board[13][1] == true && board[14][1] == true && board[15][1] == true){ matchNum(board,11,12,13,14,15);}
|
||||
if (board[16][1] == true && board[17][1] == true && board[18][1] == true && board[19][1] == true && board[20][1] == true){ matchNum(board,16,17,18,19,20);}
|
||||
if (board[21][1] == true && board[22][1] == true && board[23][1] == true && board[24][1] == true && board[25][1] == true){ matchNum(board,21,22,23,24,25);}
|
||||
|
||||
if (board[1][1] == true && board[7][1] == true && board[13][1] == true && board[19][1] == true && board[25][1] == true){ matchNum(board,1,7,13,19,25);}
|
||||
if (board[5][1] == true && board[9][1] == true && board[13][1] == true && board[17][1] == true && board[21][1] == true){ matchNum(board,5,9,13,17,21);}
|
||||
|
||||
|
||||
|
||||
if (board2[1][1] == true && board2[6][1] == true && board2[11][1] == true && board2[16][1] == true && board2[21][1] == true){ matchNum(board2, 1, 6, 11, 16, 21);}
|
||||
if (board2[2][1] == true && board2[7][1] == true && board2[12][1] == true && board2[17][1] == true && board2[22][1] == true){ matchNum(board2,2,7,12,17,22);}
|
||||
if (board2[3][1] == true && board2[8][1] == true && board2[13][1] == true && board2[18][1] == true && board2[23][1] == true){ matchNum(board2,3,8,13,18,23);}
|
||||
if (board2[4][1] == true && board2[9][1] == true && board2[14][1] == true && board2[19][1] == true && board2[24][1] == true){ matchNum(board2,4,9,14,18,24);}
|
||||
if (board2[5][1] == true && board2[10][1] == true && board2[15][1] == true && board2[20][1] == true && board2[25][1] == true){ matchNum(board2,5,10,15,20,25);}
|
||||
|
||||
if (board2[1][1] == true && board2[2][1] == true && board2[3][1] == true && board2[4][1] == true && board2[5][1] == true){ matchNum(board2,1,2,3,4,5);}
|
||||
if (board2[6][1] == true && board2[7][1] == true && board2[8][1] == true && board2[9][1] == true && board2[10][1] == true){ matchNum(board2,6,7,8,9,10);}
|
||||
if (board2[11][1] == true && board2[12][1] == true && board2[13][1] == true && board2[14][1] == true && board2[15][1] == true){ matchNum(board2,11,12,13,14,15);}
|
||||
if (board2[16][1] == true && board2[17][1] == true && board2[18][1] == true && board2[19][1] == true && board2[20][1] == true){ matchNum(board2,16,17,18,19,20);}
|
||||
if (board2[21][1] == true && board2[22][1] == true && board2[23][1] == true && board2[24][1] == true && board2[25][1] == true){ matchNum(board2,21,22,23,24,25);}
|
||||
|
||||
if (board2[1][1] == true && board2[7][1] == true && board2[13][1] == true && board2[19][1] == true && board2[25][1] == true){ matchNum(board2,1,7,13,19,25);}
|
||||
if (board2[5][1] == true && board2[9][1] == true && board2[13][1] == true && board2[17][1] == true && board2[21][1] == true){ matchNum(board2,5,9,13,17,21);}
|
||||
|
||||
repeat1();
|
||||
}
|
||||
|
||||
function repeat1(){if (self_play == true && test == true){
|
||||
repeat = setInterval(nextNum, 15000);
|
||||
}
|
||||
else if (self_play == false) {clearInterval(repeat);}
|
||||
test = false;}
|
||||
|
||||
function cleari(){clearInterval(repeat); test=true;}
|
||||
|
||||
function NewGame(){
|
||||
var confirmnew = confirm('Wait! This will clear all current progress!');
|
||||
if (confirmnew == true){
|
||||
t = 0;
|
||||
drawboard(board, board2); aidrawboard(aiboard, aiboard2); listNum(); clearInterval(repeat); test = true; start = false;
|
||||
document.getElementById("button").innerHTML='<button class="btn1" id="startbtn" onclick="nextNum()" > Start!</button>';
|
||||
document.getElementById("current").innerHTML="";
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
<a href="bingo1.html">Click here to play the full version anyway</a>
|
||||
</body>
|
||||
</html>
|
||||
24
count/index.html
Executable file
24
count/index.html
Executable file
@ -0,0 +1,24 @@
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<script src="speak.js/speakClient.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="main">
|
||||
<div id="buttons">
|
||||
<button onclick="countUp()">+1</button>
|
||||
<button onclick="countDown()">-1</button>
|
||||
</div>
|
||||
<div id="numDiv" id="audio">0</div>
|
||||
|
||||
</div>
|
||||
<div></div>
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
19
count/script.js
Executable file
19
count/script.js
Executable file
@ -0,0 +1,19 @@
|
||||
var num = 0;
|
||||
|
||||
function countUp() {
|
||||
num = num + 1;
|
||||
document.getElementById("numDiv").innerHTML = num;
|
||||
console.log(num);
|
||||
|
||||
}
|
||||
|
||||
function countDown() {
|
||||
num = num - 1;
|
||||
document.getElementById("numDiv").innerHTML = num;
|
||||
console.log(num);
|
||||
|
||||
}
|
||||
|
||||
function say() {
|
||||
speak(num);
|
||||
}
|
||||
40
count/style.css
Executable file
40
count/style.css
Executable file
@ -0,0 +1,40 @@
|
||||
body {
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
#main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
width: 75%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
button {
|
||||
border: 2px;
|
||||
background-color: aquamarine;
|
||||
font-size: 3em;
|
||||
width: 300px;
|
||||
margin: auto;
|
||||
border-color: black;
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
#numDiv {
|
||||
border: 5px;
|
||||
text-align: center;
|
||||
height: 100px;
|
||||
background-color: blue;
|
||||
color: white;
|
||||
width: 150px;
|
||||
margin: auto;
|
||||
margin-top: 7%;
|
||||
font-size: 4em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#buttons {
|
||||
display: flex;
|
||||
margin: auto;
|
||||
flex-direction: row;
|
||||
}
|
||||
BIN
dental/banner.jpg
Executable file
BIN
dental/banner.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
BIN
dental/chair.jpeg
Executable file
BIN
dental/chair.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 MiB |
BIN
dental/dentist.jpeg
Executable file
BIN
dental/dentist.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 MiB |
BIN
dental/docs/docs/medical-history.pdf
Executable file
BIN
dental/docs/docs/medical-history.pdf
Executable file
Binary file not shown.
BIN
dental/docs/docs/privacy-policy (1).pdf
Executable file
BIN
dental/docs/docs/privacy-policy (1).pdf
Executable file
Binary file not shown.
BIN
dental/docs/medical-history.pdf
Executable file
BIN
dental/docs/medical-history.pdf
Executable file
Binary file not shown.
BIN
dental/docs/privacy-policy (1).pdf
Executable file
BIN
dental/docs/privacy-policy (1).pdf
Executable file
Binary file not shown.
119
dental/doctor.html
Executable file
119
dental/doctor.html
Executable file
@ -0,0 +1,119 @@
|
||||
<DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Dental Center - Meet the Doctor</title>
|
||||
<!--Import Google Icon Font-->
|
||||
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<!--Import materialize.css-->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
|
||||
|
||||
<!--Let browser know website is optimized for mobile-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<style>
|
||||
.center {margin:auto;}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--Import jQuery before materialize.js-->
|
||||
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
$( document ).ready(function() {
|
||||
$(".dropdown-button").dropdown({hover : false});
|
||||
$(".button-collapse").sideNav();
|
||||
$(".carousel.carousel-slider").carousel({full_width: true});
|
||||
$('.parallax').parallax();
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dropdown Structure -->
|
||||
<ul id="dropdown1" class="dropdown-content">
|
||||
<li><a href="services.html#lumineers">Lumineers</a></li>
|
||||
<li><a href="#!">CERREC</a></li>
|
||||
<li><a href="#!">Sleep Apnea</a></li>
|
||||
<li><a href="#!">Sedation Dentistry</a></li>
|
||||
<li><a href="#!">Teeth Whitening</a></li>
|
||||
<li><a href="#!">Oral Cancer Screening</a></li>
|
||||
<li><a href="#!">Lumibrite Whitening</a></li>
|
||||
<li><a href="#!">ZOOM!</a></li>
|
||||
</ul>
|
||||
|
||||
<ul id="dropdown_mobile" class="dropdown-content">
|
||||
<li><a href="services.html#lumineers">Lumineers</a></li>
|
||||
<li><a href="#!">CERREC</a></li>
|
||||
<li><a href="#!">Sleep Apnea</a></li>
|
||||
<li><a href="#!">Sedation Dentistry</a></li>
|
||||
<li><a href="#!">Teeth Whitening</a></li>
|
||||
<li><a href="#!">Oral Cancer Screening</a></li>
|
||||
<li><a href="#!">Lumibrite Whitening</a></li>
|
||||
<li><a href="#!">ZOOM!</a></li>
|
||||
</ul>
|
||||
<div class="navbar-fixed">
|
||||
<nav>
|
||||
<div class="nav-wrapper blue darken-4">
|
||||
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
|
||||
<a href="#!" class="brand-logo"> Dental Center</a>
|
||||
<ul class="right hide-on-med-and-down">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="active"><a href="doctor.html">The Doctor</a></li>
|
||||
<li><a href="visit.html">Your First Visit</a></li>
|
||||
<li><a class="dropdown-button" href="#!" data-activates="dropdown1">Services<i class="material-icons right">arrow_drop_down</i></a></li>
|
||||
</ul>
|
||||
|
||||
<ul class="side-nav" id="mobile-demo">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="active"><a href="doctor.html">The Doctor</a></li>
|
||||
<li><a href="visit.html">Your First Visit</a></li>
|
||||
<li><a class="dropdown-button" href="#!" data-activates="dropdown_mobile">Services<i class="material-icons right">arrow_drop_down</i></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<img class="materialboxed center z-depth-2" width="80%" height="60%" src="dentist.jpeg">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="row z-depth-2">
|
||||
<div class="col s12 m12 l12">
|
||||
<div class="card">
|
||||
<div class="card-content blue darken-3">
|
||||
<span class="card-title center"><h1>Meet the Doctor</h1></span>
|
||||
<h3 class="center">Why should you choose us?</h3>
|
||||
<br />
|
||||
<p class="italics"> "After many years in my profession I still genuinely enjoy what I do as a dentist.
|
||||
Over the years, I have had the opportunity to meet so many wonderful people, and the friendships that I've built with my patients and their families
|
||||
are one in a million! It has always been my focus to make each patient feel at home when they come to me for treatment,
|
||||
and I work hard to give my patients the attention they deserve.</p>
|
||||
|
||||
<p>Even when I'm not at the practice, I am still surrounded by happy, bright smiles!
|
||||
I spend most of my free time with my family.</p>
|
||||
|
||||
<p>By actively participating in continuing education, I am able to stay current on the latest technology and dental treatments.
|
||||
My patients deserve the best, and continuing education allows me to provide my patients with more options and better results.</p>
|
||||
|
||||
<p>I am blessed to be part of such a wonderful community, and I believe strongly in giving back
|
||||
to those who have given so much to me over the years. Every year I work with local charities and
|
||||
nonprofit organizations to host fundraisers and sponsor various events."
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div >
|
||||
<p style="text-align:center">Copyright © 2016 Dental Center. Site built by <a href="mailto:hearmewhisper@gmail.com" style="text-decoration:none; color:black">Chris Edwards</a> </p>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
dental/family.jpeg
Executable file
BIN
dental/family.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
139
dental/index.html
Executable file
139
dental/index.html
Executable file
@ -0,0 +1,139 @@
|
||||
<DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Dental Center - Home</title>
|
||||
<!--Import Google Icon Font-->
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<!--Import materialize.css-->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
|
||||
|
||||
<!--Let browser know website is optimized for mobile-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<style>
|
||||
.parallax-container {
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
.center {
|
||||
margin: auto;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--Import jQuery before materialize.js-->
|
||||
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$(".dropdown-button").dropdown({
|
||||
hover: false
|
||||
});
|
||||
$(".button-collapse").sideNav();
|
||||
$(".carousel.carousel-slider").carousel({
|
||||
full_width: true
|
||||
});
|
||||
$('.parallax').parallax();
|
||||
|
||||
|
||||
window.onload = function(event) {
|
||||
// alert(document.location );
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dropdown Structure -->
|
||||
<ul id="dropdown1" class="dropdown-content">
|
||||
<li><a href="services.html#lumineers">Lumineers</a></li>
|
||||
<li><a href="#!">CERREC</a></li>
|
||||
<li><a href="services.html#sleep">Sleep Apnea</a></li>
|
||||
<li><a href="#!">Sedation Dentistry</a></li>
|
||||
<li><a href="#!">Teeth Whitening</a></li>
|
||||
<li><a href="#!">Oral Cancer Screening</a></li>
|
||||
<li><a href="#!">Lumibrite Whitening</a></li>
|
||||
<li><a href="#!">ZOOM!</a></li>
|
||||
</ul>
|
||||
|
||||
<ul id="dropdown_mobile" class="dropdown-content">
|
||||
<li><a href="services.html#lumineers">Lumineers</a></li>
|
||||
<li><a href="#!">CERREC</a></li>
|
||||
<li><a href="services.html#sleep">Sleep Apnea</a></li>
|
||||
<li><a href="#!">Sedation Dentistry</a></li>
|
||||
<li><a href="#!">Teeth Whitening</a></li>
|
||||
<li><a href="#!">Oral Cancer Screening</a></li>
|
||||
<li><a href="#!">Lumibrite Whitening</a></li>
|
||||
<li><a href="#!">ZOOM!</a></li>
|
||||
</ul>
|
||||
<div class="navbar-fixed">
|
||||
<nav>
|
||||
<div class="nav-wrapper blue darken-4">
|
||||
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
|
||||
<a href="#!" class="brand-logo"> Dental Center</a>
|
||||
<ul class="right hide-on-med-and-down">
|
||||
<li class="active"><a href="index.html">Home</a></li>
|
||||
<li><a href="doctor.html">The Doctor</a></li>
|
||||
<li><a href="visit.html">Your First Visit</a></li>
|
||||
<li><a class="dropdown-button" href="#!" data-activates="dropdown1">Services<i
|
||||
class="material-icons right">arrow_drop_down</i></a></li>
|
||||
</ul>
|
||||
|
||||
<ul class="side-nav" id="mobile-demo">
|
||||
<li class="active"><a href="index.html">Home</a></li>
|
||||
<li><a href="doctor.html">The Doctor</a></li>
|
||||
<li><a href="visit.html">Your First Visit</a></li>
|
||||
<li><a class="dropdown-button" href="#!" data-activates="dropdown_mobile">Services<i
|
||||
class="material-icons right">arrow_drop_down</i></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="container">
|
||||
<img class="materialboxed center z-depth-2" width="80%" height="60%" src="teeth.jpg">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="row z-depth-2" ">
|
||||
<div class=" col s12 m12 l12 ">
|
||||
<div class="card ">
|
||||
<div class="card-content blue darken-3 ">
|
||||
<span class="card-title center ">
|
||||
<h1>Welcome to Dental Center</h1>
|
||||
</span>
|
||||
<h3 class="center ">What makes our practice unique?</h3>
|
||||
<ul class="collection ">
|
||||
<li class="collection-item grey lighten-2 ">We deliver quality comprehensive dental care, providing patients
|
||||
with early detection, diagnosis, and treatment of oral health issues.</li>
|
||||
<li class="collection-item grey lighten-3 ">Our office new technology to diagnose tooth decay, gum disease,
|
||||
oral cancers, and other oral health issues in order to provide <a href="treatments.html ">better
|
||||
treatments</a> that
|
||||
protect and preserve your teeth.</li>
|
||||
<li class="collection-item grey lighten-2 ">Our practice has convenient <a href="contact.html ">office
|
||||
hours</a>, making it easy for our patients to make appointments without rearranging their already busy
|
||||
schedules.</li>
|
||||
<li class="collection-item grey lighten-3 ">We are straightforward, thorough, and informative. Patients are
|
||||
never left in the dark; we keep our patients informed of their progress every step of the way.</li>
|
||||
</ul>
|
||||
<p class="center ">Our goal is to deliver the best dental treatments, sooner. We want our patients to
|
||||
experience the benefits of a healthier mouth and a healthier smile.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div>
|
||||
<p style="text-align:center ">Copyright © 2016 Dental Center. Site built by <a
|
||||
href="mailto:hearmewhisper@gmail.com " style="text-decoration:none; color:black ">Chris Edwards</a> </p>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
85
dental/index1.html
Executable file
85
dental/index1.html
Executable file
@ -0,0 +1,85 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||||
<link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-deep_orange.min.css" />
|
||||
<script defer src="https://code.getmdl.io/1.1.3/material.min.js"></script>
|
||||
<title>Dental Center</title>
|
||||
<style>
|
||||
d {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#teeth{height:300px; width:85%}
|
||||
.center{margin:auto; text-align: center}
|
||||
.text_div {background-color: black; opacity: .5; color: white; width: 40%; position: absolute; top: 200px; left: 27%; font-size: 300%; margin: auto}
|
||||
.first{ width: 75%; background-color: #7986CB; }
|
||||
#italics{font-style: italics; font-weight: 600; color: #E8EAF6}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<!-- Always shows a header, even in smaller screens. -->
|
||||
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
|
||||
<header class="mdl-layout__header">
|
||||
<div class="mdl-layout__header-row">
|
||||
<!-- Title -->
|
||||
<span class="mdl-layout-title">Dental Center</span>
|
||||
<!-- Add spacer, to align navigation to the right -->
|
||||
<div class="mdl-layout-spacer"></div>
|
||||
<!-- Navigation. We hide it in small screens. -->
|
||||
<nav class="mdl-navigation mdl-layout--large-screen-only">
|
||||
<a class="mdl-navigation__link is-active" href="index.html">Home</a>
|
||||
<a class="mdl-navigation__link" href="services.html">Services</a>
|
||||
<a class="mdl-navigation__link" href="about.html">About Us</a>
|
||||
<a class="mdl-navigation__link" href="contact.html">Contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<div class="mdl-layout__drawer">
|
||||
<span class="mdl-layout-title">Dental Center</span>
|
||||
<nav class="mdl-navigation">
|
||||
<a class="mdl-navigation__link is-active" href="index.html">Home</a>
|
||||
<a class="mdl-navigation__link" href="services.html">Services</a>
|
||||
<a class="mdl-navigation__link" href="about.html">About Us</a>
|
||||
<a class="mdl-navigation__link" href="contact.html">Contact</a>
|
||||
</nav>
|
||||
</div>
|
||||
<main class="mdl-layout__content">
|
||||
<div class="page-content">
|
||||
|
||||
<div class="header_img mdl-shadow--4dp center">
|
||||
<img id="teeth" src="teeth.jpg"/>
|
||||
<p class="center text_div">Dental Center</p>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<div class="center first mdl-shadow--4dp">
|
||||
<h2 id="italics">Welcome to the office of Yelena Taran</h2>
|
||||
<p>
|
||||
jiuhudfhferufheruf\
|
||||
</p><p>
|
||||
ruifherufj
|
||||
</p><p>
|
||||
uig heroujvre
|
||||
</p>
|
||||
uihtuerht\
|
||||
uihrubhvmotj,ietjeruteruhcmti
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
43
dental/index2.html
Executable file
43
dental/index2.html
Executable file
@ -0,0 +1,43 @@
|
||||
<DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<title>Dental Center</title>
|
||||
<style>
|
||||
a li {display: inline; margin-top: 20px; font-size: 150%;padding: 2%; color:white; }
|
||||
ul a li:hover{background-color: #66b3ff}
|
||||
a {text-decoration: none}
|
||||
nav {margin: auto; text-align: center; background-color: #80bfff; box-shadow: 3px 3px 2px 2px; width:85%}
|
||||
#banner {margin: auto; height: 60px; padding-bottom: 1%}
|
||||
#dental {font-size: 300%; color: #0080ff; font-family: sans-serif}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<br />
|
||||
<ul>
|
||||
<a href="index.html"><li>Home</li></a>
|
||||
<a href="services.html"><li>Services</li></a>
|
||||
<a href="about.html"><li>About</li></a>
|
||||
<a href="contact.html"><li>Contact</li></a>
|
||||
</ul>
|
||||
<h3 id="dental">Dental Center</h3>
|
||||
<img id="banner" src="banner.jpg" alt="Pretty banner"/>
|
||||
</nav>
|
||||
|
||||
<div id="main">
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
dental/milford/IMG_3501.JPG
Executable file
BIN
dental/milford/IMG_3501.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 MiB |
BIN
dental/milford/IMG_3502.JPG
Executable file
BIN
dental/milford/IMG_3502.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
dental/milford/IMG_3503.JPG
Executable file
BIN
dental/milford/IMG_3503.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
dental/milford/IMG_3505.JPG
Executable file
BIN
dental/milford/IMG_3505.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
dental/milford/IMG_3507.JPG
Executable file
BIN
dental/milford/IMG_3507.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
dental/milford/IMG_3515.JPG
Executable file
BIN
dental/milford/IMG_3515.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
dental/milford/IMG_3516.JPG
Executable file
BIN
dental/milford/IMG_3516.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
BIN
dental/milford/IMG_3521.JPG
Executable file
BIN
dental/milford/IMG_3521.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
dental/milford/IMG_3524.JPG
Executable file
BIN
dental/milford/IMG_3524.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
dental/milford/main.JPG
Executable file
BIN
dental/milford/main.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
dental/milford/main1.JPG
Executable file
BIN
dental/milford/main1.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 157 KiB |
BIN
dental/milford/milford/IMG_3501.JPG
Executable file
BIN
dental/milford/milford/IMG_3501.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 MiB |
BIN
dental/milford/milford/IMG_3502.JPG
Executable file
BIN
dental/milford/milford/IMG_3502.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
dental/milford/milford/IMG_3503.JPG
Executable file
BIN
dental/milford/milford/IMG_3503.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
dental/milford/milford/IMG_3505.JPG
Executable file
BIN
dental/milford/milford/IMG_3505.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
dental/milford/milford/IMG_3507.JPG
Executable file
BIN
dental/milford/milford/IMG_3507.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
dental/milford/milford/IMG_3515.JPG
Executable file
BIN
dental/milford/milford/IMG_3515.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
dental/milford/milford/IMG_3516.JPG
Executable file
BIN
dental/milford/milford/IMG_3516.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
BIN
dental/milford/milford/IMG_3521.JPG
Executable file
BIN
dental/milford/milford/IMG_3521.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
dental/milford/milford/IMG_3524.JPG
Executable file
BIN
dental/milford/milford/IMG_3524.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
dental/milford/milford/main.JPG
Executable file
BIN
dental/milford/milford/main.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
dental/milford/milford/main1.JPG
Executable file
BIN
dental/milford/milford/main1.JPG
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 157 KiB |
BIN
dental/paste.jpeg
Executable file
BIN
dental/paste.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 827 KiB |
213
dental/services.html
Executable file
213
dental/services.html
Executable file
@ -0,0 +1,213 @@
|
||||
<DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Dental Center - Home</title>
|
||||
<!--Import Google Icon Font-->
|
||||
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<!--Import materialize.css-->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
|
||||
|
||||
<!--Let browser know website is optimized for mobile-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<style>
|
||||
.parallax-container {
|
||||
height: 350px;
|
||||
}
|
||||
.center {margin:auto;}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--Import jQuery before materialize.js-->
|
||||
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
$( document ).ready(function() {
|
||||
$(".dropdown-button").dropdown({hover : false});
|
||||
$(".button-collapse").sideNav();
|
||||
$(".carousel.carousel-slider").carousel({full_width: true});
|
||||
$('.parallax').parallax();
|
||||
$('.collapsible').collapsible({ accordion : true });
|
||||
|
||||
/*
|
||||
console.log(document.location.hash);
|
||||
if (document.location.hash == "#lumineers") {document.getElementById('lumineers').className = "collapsible-header active";
|
||||
$(".collapsible").collapsible({accordion: true});
|
||||
console.log(document.getElementById('lumineers').className)};*/
|
||||
|
||||
switch (document.location.hash) {
|
||||
case "#lumineers": {document.getElementById('lumineers').className = "collapsible-header active";
|
||||
$(".collapsible").collapsible({accordion: true});
|
||||
break;}
|
||||
case "#sleep": {document.getElementById('sleep').className = "collapsible-header active";
|
||||
$(".collapsible").collapsible({accordion: true});
|
||||
break;}
|
||||
default: break;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*(document.location );
|
||||
function active(){
|
||||
document.getElementById('sleep').className = "collapsible-header active";
|
||||
$(".collapsible").collapsible({accordion: true});
|
||||
}
|
||||
function expandAll(){
|
||||
$("#sleep").addClass("active");
|
||||
$(".collapsible").collapsible({accordion: true});
|
||||
console.log('expand')
|
||||
|
||||
}
|
||||
document.getElementById('button1').addEventListener('click', active);
|
||||
|
||||
|
||||
*/
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dropdown Structure -->
|
||||
<ul id="dropdown1" class="dropdown-content">
|
||||
<li><a href="services.html#lumineers">Lumineers</a></li>
|
||||
<li><a href="#!">CERREC</a></li>
|
||||
<li><a href="#!">Sleep Apnea</a></li>
|
||||
<li><a href="#!">Sedation Dentistry</a></li>
|
||||
<li><a href="#!">Teeth Whitening</a></li>
|
||||
<li><a href="#!">Oral Cancer Screening</a></li>
|
||||
<li><a href="#!">Lumibrite Whitening</a></li>
|
||||
<li><a href="#!">ZOOM!</a></li>
|
||||
</ul>
|
||||
|
||||
<ul id="dropdown_mobile" class="dropdown-content">
|
||||
<li><a href="services.html#lumineers">Lumineers</a></li>
|
||||
<li><a href="#!">CERREC</a></li>
|
||||
<li><a href="#!">Sleep Apnea</a></li>
|
||||
<li><a href="#!">Sedation Dentistry</a></li>
|
||||
<li><a href="#!">Teeth Whitening</a></li>
|
||||
<li><a href="#!">Oral Cancer Screening</a></li>
|
||||
<li><a href="#!">Lumibrite Whitening</a></li>
|
||||
<li><a href="#!">ZOOM!</a></li>
|
||||
</ul>
|
||||
<div class="navbar-fixed">
|
||||
<nav>
|
||||
<div class="nav-wrapper blue darken-4">
|
||||
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
|
||||
<a href="#!" class="brand-logo"> Dental Center</a>
|
||||
<ul class="right hide-on-med-and-down">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="doctor.html">The Doctor</a></li>
|
||||
<li><a href="visit.html">Your First Visit</a></li>
|
||||
<li><a class="dropdown-button" href="" data-activates="dropdown1">Services<i class="material-icons right">arrow_drop_down</i></a></li>
|
||||
</ul>
|
||||
|
||||
<ul class="side-nav" id="mobile-demo">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="doctor.html">The Doctor</a></li>
|
||||
<li><a href="visit.html">Your First Visit</a></li>
|
||||
<li><a class="dropdown-button" href="" data-activates="dropdown_mobile">Services<i class="material-icons right">arrow_drop_down</i></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="container">
|
||||
<img class="materialboxed center z-depth-2" width="80%" height="60%" src="paste.jpeg">
|
||||
</div>
|
||||
|
||||
|
||||
<!--<button id="button1">Click me</button>-->
|
||||
|
||||
<ul class="collapsible popout" data-collapsible="accordion">
|
||||
<li>
|
||||
<div class="collapsible-header" id="lumineers"><i class="material-icons">toc</i>Lumineers</div>
|
||||
<div class="collapsible-body grey lighten-3"><p>Are your teeth chipped or stained?
|
||||
Would you like to improve your smile permanently, without any painful processes?
|
||||
We are pleased to offer Lumineers as an alternative to traditional porcelain veneers.
|
||||
Veneers provide a way to conceal stains, chips, discoloration, and misaligned teeth by
|
||||
covering your actual teeth with a permanent layer of tooth-colored material.</p>
|
||||
|
||||
<p>Because Lumineers are as thin as a contact lens, their application requires little to no tooth reduction,
|
||||
and no anesthetic is necessary. Lumineers are bonded to your teeth and set in place with a curing light.
|
||||
Because the process is less invasive than with traditional veneers, Lumineers patients find that they immediately
|
||||
enjoy their new smiles without any post-procedure discomfort or sensitivity.</p>
|
||||
|
||||
<p>Cerinate®, the company that makes Lumineers, offers a five-year warranty on its veneers, and their clinical trials show that Lumineers can last up to 20 years.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="collapsible-header" id="sleep"><i class="material-icons" >toc</i>Sleep Apnea</div>
|
||||
<div class="collapsible-body grey lighten-3"><p>Are you drowsy during the day with no explanation?
|
||||
Do you snore loudly or wake up breathless in the middle of the night? If you're experiencing any of these symptoms
|
||||
, you may be one of more than 12 million Americans who are affected by sleep apnea</p>
|
||||
<h3>What is Sleep Apnea?</h3>
|
||||
<p>Sleep apnea is a condition in which your breathing stops periodically during sleep,
|
||||
as many as 20-30 times per hour. Each time you stop breathing in your sleep,
|
||||
the resulting lack of oxygen alerts your brain, which temporarily wakes you up to restart proper breathing.
|
||||
Since the time spent awake is so brief, most people with sleep apnea don't remember it,
|
||||
and many feel like they are getting a good night's sleep, when in fact, they are not.
|
||||
The constant wake-sleep, wake-sleep cycle prevents those with sleep apnea from achieving deep sleep,
|
||||
resulting in a constant drowsy feeling during the day.</p>
|
||||
|
||||
<p>The following symptoms can indicate the presence of sleep apnea.
|
||||
If you notice one or more of these, contact our practice.</p>
|
||||
<ul>
|
||||
<li>Insomnia or difficulty sleeping</li>
|
||||
<li>Loud snoring at night</li>
|
||||
<li>Waking up at night short of breath</li>
|
||||
<li>Snorting or choking sounds during the night (indicating a restart of breathing)</li>
|
||||
<li>Headaches upon waking in the morning</li>
|
||||
<li>Falling asleep unintentionally during the day</li>
|
||||
<li>Extreme drowsiness throughout the day</li>
|
||||
</ul>
|
||||
<h3>Are there different types of sleep apnea?</h3>
|
||||
<p>There are three categories of sleep apnea. The most common is called obstructive sleep apnea (OSA),
|
||||
and occurs due to a physical blockage, usually the collapsing of the soft tissue in the back of the throat.
|
||||
Less common is central sleep apnea (CSA), in which breathing stops because the muscles involved don't receive
|
||||
the proper signal from the brain.
|
||||
And some people suffer from "mixed" or "complex" sleep apnea, which is a combination of obstructive and central.
|
||||
</p>
|
||||
<h3>What are risk factors for sleep apnea?</h3>
|
||||
<p>Obstructive sleep apnea is more common in males than females, and more common in older adults (40+)
|
||||
than younger adults and children. However, anyone — regardless of gender or age — can suffer from sleep apnea.
|
||||
Other risk factors include obesity, smoking, drinking, use of sedatives or tranquilizers, and family history.
|
||||
Central sleep apnea strikes most often in people with heart disorders,
|
||||
neuromuscular disorders, strokes, or brain tumors. It is also more common in males.
|
||||
</p>
|
||||
<h3>Is sleep apnea dangerous?</h3>
|
||||
<p>Sleep apnea is considered a serious medical problem and if left untreated can lead to high blood pressure,
|
||||
increasing the risk of heart failure and stroke. The ongoing state of fatigue caused by sleep apnea can lead
|
||||
to problems at work or school, as well as danger when driving or operating heavy machinery. Sleep apnea can
|
||||
also cause complications with medication or surgery; sedation by anesthesia can be risky, as can lying flat
|
||||
in bed after an operation. If you know or suspect you suffer from sleep apnea,
|
||||
let your family doctor know before taking prescribed medication or having surgery.
|
||||
</p>
|
||||
<h3>How is sleep apnea treated?</h3>
|
||||
<p>Treatments for sleep apnea depend on the severity of each individual case, and the type of apnea.
|
||||
Basic treatment can be behavioral — for instance, patients are instructed to lose weight, stop smoking,
|
||||
or sleep on their sides instead of on their backs. Beyond that, oral devices can be used to position the mouth in such a way that prevents
|
||||
throat blockage. In more severe cases, surgery may be the best option.
|
||||
</p>
|
||||
<h3>What should I do if I suspect that someone in my family suffers from sleep apnea?</h3>
|
||||
<p>Contact our practice, and we can refer you to a sleep apnea specialist. The specialist may recommend a
|
||||
"sleep study" to diagnose the precise extent of the problem, and can prescribe appropriate treatment.
|
||||
Depending on the patient's situation, treatment may involve an oral device that we can custom-create for you.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="collapsible-header"><i class="material-icons">whatshot</i>Third</div>
|
||||
<div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
<div >
|
||||
<p style="text-align:center">Copyright © 2016 Dental Center. Site built by <a href="mailto:hearmewhisper@gmail.com" style="text-decoration:none; color:black">Chris Edwards</a> </p>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
dental/smile_swing.jpeg
Executable file
BIN
dental/smile_swing.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 860 KiB |
118
dental/team.html
Executable file
118
dental/team.html
Executable file
@ -0,0 +1,118 @@
|
||||
<DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Dental Center</title>
|
||||
<!--Import Google Icon Font-->
|
||||
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<!--Import materialize.css-->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
|
||||
|
||||
<!--Let browser know website is optimized for mobile-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<style>
|
||||
.parallax-container {
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--Import jQuery before materialize.js-->
|
||||
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$( document ).ready(function() {
|
||||
$(".dropdown-button").dropdown({hover : false});
|
||||
$(".button-collapse").sideNav();
|
||||
});
|
||||
|
||||
$(document).ready(function(){
|
||||
$('.parallax').parallax();
|
||||
});
|
||||
function con() {console.log("this worked!")};
|
||||
</script>
|
||||
|
||||
<!-- Dropdown Structure -->
|
||||
<ul id="dropdown1" class="dropdown-content">
|
||||
<li><a href="#!">Lumineers</a></li>
|
||||
<li><a href="#!">CERREC</a></li>
|
||||
<li><a href="#!">Sleep Apnea</a></li>
|
||||
<li><a href="#!">Sedation Dentistry</a></li>
|
||||
<li><a href="#!">Teeth Whitening</a></li>
|
||||
<li><a href="#!">Oral Cancer Screening</a></li>
|
||||
<li><a href="#!">Lumibrite Whitening</a></li>
|
||||
<li><a href="#!">ZOOM!</a></li>
|
||||
</ul>
|
||||
|
||||
<ul id="dropdown_mobile" class="dropdown-content">
|
||||
<li><a href="#!">Lumineers</a></li>
|
||||
<li><a href="#!">CERREC</a></li>
|
||||
<li><a href="#!">Sleep Apnea</a></li>
|
||||
<li><a href="#!">Sedation Dentistry</a></li>
|
||||
<li><a href="#!">Teeth Whitening</a></li>
|
||||
<li><a href="#!">Oral Cancer Screening</a></li>
|
||||
<li><a href="#!">Lumibrite Whitening</a></li>
|
||||
<li><a href="#!">ZOOM!</a></li>
|
||||
</ul>
|
||||
<div class="navbar-fixed">
|
||||
<nav>
|
||||
<div class="nav-wrapper blue darken-4">
|
||||
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
|
||||
<a href="#!" class="brand-logo"> Dental Center</a>
|
||||
<ul class="right hide-on-med-and-down">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="active"><a href="team.html">Our Team</a></li>
|
||||
<li><a class="dropdown-button" href="#!" data-activates="dropdown1">Services<i class="material-icons right">arrow_drop_down</i></a></li>
|
||||
</ul>
|
||||
|
||||
<ul class="side-nav" id="mobile-demo">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="active"><a href="team.html">Our Team</a></li>
|
||||
<li><a class="dropdown-button" href="#!" data-activates="dropdown_mobile">Services<i class="material-icons right">arrow_drop_down</i></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="parallax-container">
|
||||
<div class="parallax"><img src="store.jpg"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col s12 m12 l12">
|
||||
<div class="card">
|
||||
<div class="card-content blue darken-3">
|
||||
<span class="card-title center"><h1>Meet the Doctor</h1></span>
|
||||
<h3 class="center">Why should you choose us?</h3>
|
||||
<p> After many years in my profession I still genuinely enjoy what I do as a dentist.
|
||||
Over the years, I have had the opportunity to meet so many wonderful people, and the friendships that I've built with my patients and their families
|
||||
are one in a million! It has always been my focus to make each patient feel at home when they come to me for treatment,
|
||||
and I work hard to give my patients the attention they deserve.</p>
|
||||
|
||||
<p>Even when I'm not at the practice, I am still surrounded by happy, bright smiles!
|
||||
I spend most of my free time with my family.</p>
|
||||
|
||||
<p>By actively participating in continuing education, I am able to stay current on the latest technology and dental treatments.
|
||||
My patients deserve the best, and continuing education allows me to provide my patients with more options and better results.</p>
|
||||
|
||||
<p>I am blessed to be part of such a wonderful community, and I believe strongly in giving back
|
||||
to those who have given so much to me over the years. Every year I work with local charities and
|
||||
nonprofit organizations to host fundraisers and sponsor various events.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
dental/teeth.jpg
Executable file
BIN
dental/teeth.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 MiB |
111
dental/test.html
Executable file
111
dental/test.html
Executable file
@ -0,0 +1,111 @@
|
||||
<DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Dental Center</title>
|
||||
<!--Import Google Icon Font-->
|
||||
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<!--Import materialize.css-->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
|
||||
|
||||
<!--Let browser know website is optimized for mobile-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<style>
|
||||
.parallax-container {
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--Import jQuery before materialize.js-->
|
||||
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$( document ).ready(function() {
|
||||
$(".dropdown-button").dropdown({hover : false});
|
||||
$(".button-collapse").sideNav();
|
||||
});
|
||||
|
||||
$(document).ready(function(){
|
||||
$('.parallax').parallax();
|
||||
});
|
||||
function con() {console.log("this worked!")};
|
||||
</script>
|
||||
|
||||
<!-- Dropdown Structure -->
|
||||
<ul id="dropdown1" class="dropdown-content">
|
||||
<li><a href="#!">Lumineers</a></li>
|
||||
<li><a href="#!">CERREC</a></li>
|
||||
<li><a href="#!">Sleep Apnea</a></li>
|
||||
<li><a href="#!">Sedation Dentistry</a></li>
|
||||
<li><a href="#!">Teeth Whitening</a></li>
|
||||
<li><a href="#!">Oral Cancer Screening</a></li>
|
||||
<li><a href="#!">Lumibrite Whitening</a></li>
|
||||
<li><a href="#!">ZOOM!</a></li>
|
||||
</ul>
|
||||
|
||||
<ul id="dropdown_mobile" class="dropdown-content">
|
||||
<li><a href="#!">Lumineers</a></li>
|
||||
<li><a href="#!">CERREC</a></li>
|
||||
<li><a href="#!">Sleep Apnea</a></li>
|
||||
<li><a href="#!">Sedation Dentistry</a></li>
|
||||
<li><a href="#!">Teeth Whitening</a></li>
|
||||
<li><a href="#!">Oral Cancer Screening</a></li>
|
||||
<li><a href="#!">Lumibrite Whitening</a></li>
|
||||
<li><a href="#!">ZOOM!</a></li>
|
||||
</ul>
|
||||
<div class="navbar-fixed">
|
||||
<nav>
|
||||
<div class="nav-wrapper light-blue lighten-1">
|
||||
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
|
||||
<a href="#!" class="brand-logo"> Dental Center</a>
|
||||
<ul class="right hide-on-med-and-down">
|
||||
<li class="active"><a href="index.html">Home</a></li>
|
||||
<li><a href="team.html">Our Team</a></li>
|
||||
<li><a class="dropdown-button" href="#!" data-activates="dropdown1">Services<i class="material-icons right">arrow_drop_down</i></a></li>
|
||||
</ul>
|
||||
|
||||
<ul class="side-nav" id="mobile-demo">
|
||||
<li class="active"><a href="index.html">Home</a></li>
|
||||
<li><a href="team.html">Our Team</a></li>
|
||||
<li><a class="dropdown-button" href="#!" data-activates="dropdown_mobile">Services<i class="material-icons right">arrow_drop_down</i></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="parallax-container">
|
||||
<div class="parallax"><img src="milford/main1.JPG"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col s12 m12 l12">
|
||||
<div class="card">
|
||||
<div class="card-content light-blue">
|
||||
<span class="card-title center"><h1>Welcome to Dental Center</h1></span>
|
||||
<h3 class="center">What makes our practice unique?</h3>
|
||||
<ul class="collection">
|
||||
<li class="collection-item grey lighten-2">We deliver quality comprehensive dental care, providing patients with early detection, diagnosis, and treatment of oral health issues.</li>
|
||||
<li class="collection-item grey lighten-2">Our office new technology to diagnose tooth decay, gum disease, oral cancers, and other oral health issues in order to provide <a href="treatments.html">better treatments</a> that
|
||||
protect and preserve your teeth.</li>
|
||||
<li class="collection-item grey lighten-2">Our practice has convenient <a href="contact.html">office hours</a>, making it easy for our patients to make appointments without rearranging their already busy schedules.</li>
|
||||
<li class="collection-item grey lighten-2">We are straightforward, thorough, and informative. Patients are never left in the dark; we keep our patients informed of their progress every step of the way.</li>
|
||||
</ul>
|
||||
<p class="center">Our goal is to deliver the best dental treatments, sooner. We want our patients to experience the benefits of a healthier mouth and a healthier smile.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
dental/tooth.ico
Executable file
BIN
dental/tooth.ico
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
126
dental/visit.html
Executable file
126
dental/visit.html
Executable file
@ -0,0 +1,126 @@
|
||||
<DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Dental Center - First Visit</title>
|
||||
<!--Import Google Icon Font-->
|
||||
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<!--Import materialize.css-->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
|
||||
|
||||
<!--Let browser know website is optimized for mobile-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<style>
|
||||
.center {margin:auto;}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--Import jQuery before materialize.js-->
|
||||
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
$( document ).ready(function() {
|
||||
$(".dropdown-button").dropdown({hover : false});
|
||||
$(".button-collapse").sideNav();
|
||||
$(".carousel.carousel-slider").carousel({full_width: true});
|
||||
$('.parallax').parallax();
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dropdown Structure -->
|
||||
<ul id="dropdown1" class="dropdown-content">
|
||||
<li><a href="services.html#lumineers">Lumineers</a></li>
|
||||
<li><a href="#!">CERREC</a></li>
|
||||
<li><a href="#!">Sleep Apnea</a></li>
|
||||
<li><a href="#!">Sedation Dentistry</a></li>
|
||||
<li><a href="#!">Teeth Whitening</a></li>
|
||||
<li><a href="#!">Oral Cancer Screening</a></li>
|
||||
<li><a href="#!">Lumibrite Whitening</a></li>
|
||||
<li><a href="#!">ZOOM!</a></li>
|
||||
</ul>
|
||||
|
||||
<ul id="dropdown_mobile" class="dropdown-content">
|
||||
<li><a href="services.html#lumineers">Lumineers</a></li>
|
||||
<li><a href="#!">CERREC</a></li>
|
||||
<li><a href="#!">Sleep Apnea</a></li>
|
||||
<li><a href="#!">Sedation Dentistry</a></li>
|
||||
<li><a href="#!">Teeth Whitening</a></li>
|
||||
<li><a href="#!">Oral Cancer Screening</a></li>
|
||||
<li><a href="#!">Lumibrite Whitening</a></li>
|
||||
<li><a href="#!">ZOOM!</a></li>
|
||||
</ul>
|
||||
<div class="navbar-fixed">
|
||||
<nav>
|
||||
<div class="nav-wrapper blue darken-4">
|
||||
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
|
||||
<a href="#!" class="brand-logo"> Dental Center</a>
|
||||
<ul class="right hide-on-med-and-down">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="doctor.html">The Doctor</a></li>
|
||||
<li class="active"><a href="visit.html">Your First Visit</a></li>
|
||||
<li><a class="dropdown-button" href="#!" data-activates="dropdown1">Services<i class="material-icons right">arrow_drop_down</i></a></li>
|
||||
</ul>
|
||||
|
||||
<ul class="side-nav" id="mobile-demo">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="doctor.html">The Doctor</a></li>
|
||||
<li class="active"><a href="visit.html">Your First Visit</a></li>
|
||||
<li><a class="dropdown-button" href="#!" data-activates="dropdown_mobile">Services<i class="material-icons right">arrow_drop_down</i></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<img class="materialboxed center z-depth-2" width="80%" height="60%" src="chair.jpeg">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="row z-depth-2">
|
||||
<div class="col s12 m12 l12">
|
||||
<div class="card">
|
||||
<div class="card-content blue darken-3">
|
||||
<span class="card-title center"><h1>Your First Visit</h1></span>
|
||||
<h3 class="center">What to exspect for your first time here.</h3>
|
||||
<br />
|
||||
<p>Your first visit to our office typically includes an X-ray that allows us to view the structure of the jaw,
|
||||
the position of any teeth that have not yet erupted, malformed roots, and tooth decay.</p>
|
||||
|
||||
<p>The initial visit involves a review of your medical history. When you share your medical history, be sure to provide complete, up-to-date information on your health. Inform our office if you have experienced recent hospitalization or surgery, or if you have recently been ill. Also tell us the names, doses, and frequency of any medications you are taking — whether prescription or over-the-counter products — and the name of your physician. Inform us of any changes in your health or medications.
|
||||
This information will help us select the safest and most effective method of treatment for you.</p>
|
||||
<h3 class="center">Regular Checkups</h3>
|
||||
<p>We encourage regular checkups for individuals age four and up. Regular checkups are important to:</p>
|
||||
<ul>
|
||||
<li>Check for problems that you might not see or feel</li>
|
||||
<li>Find early signs of decay</li>
|
||||
<li>Treat oral health problems early, while they are still manageable</li>
|
||||
</ul>
|
||||
|
||||
<p>Regular checkups include a thorough clesaning, polishing, and an oral exam by the doctor.
|
||||
During the oral exam, your doctor will check the health of your mouth, teeth, gums, cheeks, and tongue,
|
||||
and will check your existing fillings and restorations because constant pressure from chewing, grinding,
|
||||
or clenching can cause them to wear away, chip, or crack.</p>
|
||||
|
||||
<p>Regular checkup appointments typically take about 45 minutes. Patients are seen by appointment only.
|
||||
We make every effort to be on time for our patients, and ask that you extend the same courtesy to us.
|
||||
If you cannot keep an appointment, please notify us immediately.</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div >
|
||||
<p style="text-align:center">Copyright © 2016 Dental Center. Site built by <a href="mailto:hearmewhisper@gmail.com" style="text-decoration:none; color:black">Chris Edwards</a> </p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
dice/die1.gif
Executable file
BIN
dice/die1.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
dice/die1.png
Executable file
BIN
dice/die1.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
dice/die2.gif
Executable file
BIN
dice/die2.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
dice/die2.png
Executable file
BIN
dice/die2.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
dice/die3.gif
Executable file
BIN
dice/die3.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
dice/die3.png
Executable file
BIN
dice/die3.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
dice/die4.gif
Executable file
BIN
dice/die4.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
dice/die4.png
Executable file
BIN
dice/die4.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
dice/die5.gif
Executable file
BIN
dice/die5.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
dice/die5.png
Executable file
BIN
dice/die5.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
dice/die6.gif
Executable file
BIN
dice/die6.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user