chris/main_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed menu links

Browse Source
This commit is contained in:
Chris Edwards 2021-02-22 11:23:51 -05:00
parent 6d0ea61351
commit 9b94b1b049
11 changed files with 75 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
binary/index.html
View File

@ -5,7 +5,7 @@
<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="stylesheet" type="text/css" href="/menu/menu.css" />
<link rel="icon" type="image/ico" href="../binary.ico">
<link rel="stylesheet" type="text/css" href="binary.css" />
</head>
@ -14,7 +14,7 @@
<body>
<div id="nav_menu">
</div>
<script src="../menu.js"></script>
<script src="/menu/menu.js"></script>
<br /><br /><br />
<form id="form">

94
bingo/index.html
View File

@ -4,7 +4,7 @@
<html>
<head>
<meta name="theme-color" content="#FF99E6">
<link rel="stylesheet" type="text/css" href="../menu.css" />
<link rel="stylesheet" type="text/css" href="/menu/menu.css" />
<link rel="icon" type="image/ico" href="bingo.ico">
<title> Bingo!</title>
<style>
@ -64,6 +64,8 @@ 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%);
}
body {background:linear-gradient(to bottom right, purple ,white, red);}
#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;
@ -99,7 +101,7 @@ td{width:23px}
<body>
<div id="nav_menu" >
</div>
<script src="../menu.js"></script>
<script src="/menu/menu.js"></script>
<br /><br /><br />
@ -129,54 +131,54 @@ AUTO MODE:
<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 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()")
}
// 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

17
memory/index.html
View File

@ -5,7 +5,7 @@
<!--Card flip animation by Chris Theil-->
<title>Test YOUR Memory</title>
<meta name="theme-color" content="#00FFAA">
<link rel="stylesheet" type="text/css" href="../menu.css" />
<link rel="stylesheet" type="text/css" href="/menu.css" />
<link rel="icon" type="image/ico" href="mem.ico">
<!--<meta name="viewport" content="width=device-width, initial-scale=1"/>-->
<style>
@ -15,6 +15,14 @@
box-shadow:7px 9px 10px #000;}
img{height:150px; width:150px; border-radius:12%; }
.unselectable {
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}
body{background-color:#bc9ad4}
.cells{ border-radius:12%; -moz-box-shadow: 5px 7px 10px #000;
@ -108,9 +116,8 @@ perspective: 1000;
</head>
<body>
<div id="nav_menu">
</div>
<script src="../menu.js"></script> 
<div id="nav_menu"></div>
<script src="/menu.js"></script> 
<br />
<br />
<br />
@ -176,7 +183,7 @@ function drawboard(ary){
score = 0;
document.getElementById("score").innerHTML = "Number of turns: "+score;
document.getElementById("merpic").checked = "checked";
for( i=0, j=10; i<=9; i++, j++){board[i][0] = '<img class="pics" id="img'+i+'" src="mem_pics/mer/mem_img'+i+'.jpeg" onclick="cSwap(this)" />'; board[i][1] = false;
for( i=0, j=10; i<=9; i++, j++){board[i][0] = '<img draggable="false" (dragstart)="false;" class="unselectable pics" id="img'+i+'" src="mem_pics/mer/mem_img'+i+'.jpeg" onclick="cSwap(this)" />'; board[i][1] = false;
board[j][0] = '<img class="pics" id="img'+j+'" src="mem_pics/mer/mem_img'+i+'.jpeg" onclick="cSwap(this)" />'; board[j][1] = false;}
console.log(board);
board.shuffle();

0
3bar.png → menu/3bar.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

0
menu.css → menu/menu.css
View File

0
menu.js → menu/menu.js
View File

0
x.png → menu/x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

4
rollDice/index.html
View File

@ -4,7 +4,7 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="dice.css" />
<link rel="stylesheet" type="text/css" href="../menu.css" />
<link rel="stylesheet" type="text/css" href="/menu/menu.css" />
<meta charset="UTF-8">
<title>Roll Dice</title>
@ -15,7 +15,7 @@
<div id="nav_menu">
</div>
<script src="../menu.js"></script>
<script src="/menu/menu.js"></script>
<br /><br /><br />
<div id="diceContainer">
<span id="die1"></span>

4
tictac/index.html
View File

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
<link rel="icon" type="image/ico" href="tictac.ico">
<link rel="stylesheet" type="text/css" href="../menu.css">
<link rel="stylesheet" type="text/css" href="/menu/menu.css">
<link rel="stylesheet" type="text/css" href="tictac.css">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title> Tic Tac Toe Touch</title>
@ -15,7 +15,7 @@
<body>
<div id="nav_menu">
</div>
<script src="../menu.js"></script>
<script src="/menu/menu.js"></script>
<br /><br /><br />
<main>
</br>

14
yatzee/index.html
View File

@ -3,17 +3,17 @@
<html>
<head>
<link rel="stylesheet" type="text/css" href="../menu.css" />
<link rel="stylesheet" type="text/css" href="/menu/menu.css">
<link rel="stylesheet" href="yatzee.css">
<link rel="icon" type="image/ico" href="yatzee.ico">
<!-- <link rel="icon" type="image/ico" href="yatzee.ico"> -->
<img rel="icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAABfklEQVRYR+2YsS6EQRDHf1e4CM0lNBIknkCl5TVoNDQq7gFoPAA6xWk07jVoVV4BQaFQidBcJtmTy2a/3W83811GfNtccTM7v/xnZveb7WB4dQyz0cKVZiemXBeYA2aBmdIAEb8f4Av4BL5DdlVwS8AxsAP0GgAbb/kB3ACnwKsfJwQnip0DBw1C+VtfAoe+giE4UeoZmJ8inCi4Bsjv7wrBLQNPEzYCudAA6Lurt/HWUkpvKbgV4HHCaNWD1eJMxgkpF3OSrt11dNeAdFxqVfmowkmQe2Dd0TwAGwnAmI8q3B4w8GTaB64i0sV8/g+c6bRK9sw2RKorc/9XrTkJLlfMkaOQK+6iBlGVjyrcJnDrwWwBdxHAmI8qnCh25oH03UdCFV/MRxXOtHKma65G7WeZqKbV9Dln+oZoL/7SL2HTaTXdEFnnRA1jlaNEpv7FGsFyTYqmL9Nzq+mJX9IjA+4JsD2Ft5Kheyt58eviT74y5RZ3I/bty2aprKaVGwHPGcQoCqTT+gAAAABJRU5ErkJggg=="/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Yatzee!<>
<title>Yatzee!</title>
</head>
<body>
<div id="nav_menu">
</div>
<script src="../menu.js"></script>
<script src="/menu/menu.js"></script>
<div id="highscore"></div>
<div id="main">
@ -44,7 +44,7 @@
</div>
<button id="fullscreen" onclick="fullscreen();">Fullscreen Toggle</button>
<div id="how-div">
<img id="smX" onclick="how_to()" src="../x.png" />
<img id="smX" onclick="how_to()" src="/menu/x.png" />
<h2>How to Play</h2>
<h3>Object of the Game</h3>
<p>The object of Yahtzee is to obtain the highest score from throwing 5 dice. The game consists of 13 rounds. In each round, you roll the dice and then score the roll in one of 13 categories. You must score once in each category. The score is determined
@ -68,7 +68,7 @@
</div>
<div id="help">
<img src="../how.png" id="how" onclick="how_to()" />
<img src="/how.png" id="how" onclick="how_to()" />
</div>
<script type="text/javascript">
</script>

4
youtube_convert/index.php
View File

@ -14,7 +14,7 @@ echo '
<head>
<meta name="theme-color" content="#bb0000">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="../menu.css" />
<link rel="stylesheet" type="text/css" href="/menu/menu.css" />
<title>YouTube Music</title>
<style>
body {background-color:#8f98a8; color:white}
@ -23,7 +23,7 @@ body {background-color:#8f98a8; color:white}
<body onload="">
<div id="nav_menu">
</div>
<script src="../menu.js"></script> 
<script src="/menu/menu.js"></script> 
<script language="javascript">
function reload(){