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> <head>
<title>Binary</title> <title>Binary</title>
<meta name="viewport" content="width=device-width, initial-scale=1" /> <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="icon" type="image/ico" href="../binary.ico">
<link rel="stylesheet" type="text/css" href="binary.css" /> <link rel="stylesheet" type="text/css" href="binary.css" />
</head> </head>
@ -14,7 +14,7 @@
<body> <body>
<div id="nav_menu"> <div id="nav_menu">
</div> </div>
<script src="../menu.js"></script> <script src="/menu/menu.js"></script>
<br /><br /><br /> <br /><br /><br />
<form id="form"> <form id="form">

94
bingo/index.html
View File

@ -4,7 +4,7 @@
<html> <html>
<head> <head>
<meta name="theme-color" content="#FF99E6"> <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"> <link rel="icon" type="image/ico" href="bingo.ico">
<title> Bingo!</title> <title> Bingo!</title>
<style> <style>
@ -64,6 +64,8 @@ background-image: -webkit-linear-gradient(top left, #FF4D17 0%, #EF26DB 100%);
/* W3C Markup, IE10 Release Preview */ /* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom right, #FF4D17 0%, #EF26DB 100%); 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;} #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; #current{text-align:center; height:105px;
@ -99,7 +101,7 @@ td{width:23px}
<body> <body>
<div id="nav_menu" > <div id="nav_menu" >
</div> </div>
<script src="../menu.js"></script> <script src="/menu/menu.js"></script>
<br /><br /><br /> <br /><br /><br />
@ -129,54 +131,54 @@ AUTO MODE:
<script type="text/javascript"> <script type="text/javascript">
var isMobile = { // var isMobile = {
Android: function() { // Android: function() {
return navigator.userAgent.match(/Android/i); // return navigator.userAgent.match(/Android/i);
}, // },
BlackBerry: function() { // BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i); // return navigator.userAgent.match(/BlackBerry/i);
}, // },
iOS: function() { // iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i); // return navigator.userAgent.match(/iPhone|iPad|iPod/i);
}, // },
Opera: function() { // Opera: function() {
return navigator.userAgent.match(/Opera Mini/i); // return navigator.userAgent.match(/Opera Mini/i);
}, // },
Windows: function() { // Windows: function() {
return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i); // return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i);
}, // },
any: function() { // any: function() {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); // return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
} // }
}; // };
if ( isMobile.any() ) { // if ( isMobile.any() ) {
document.location = "bingomobile.html" // document.location = "bingomobile.html"
//
} // }
var isLame = { // var isLame = {
//
iOS: function() { // iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i); // return navigator.userAgent.match(/iPhone|iPad|iPod/i);
}, // },
Opera: function() { // Opera: function() {
return navigator.userAgent.match(/Opera/i); // return navigator.userAgent.match(/Opera/i);
}, // },
Windows: function() { // Windows: function() {
return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i) || navigator.appName.match(/Microsoft|Explorer|IE/i); // return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i) || navigator.appName.match(/Microsoft|Explorer|IE/i);
}, // },
any: function() { // any: function() {
return (isLame.iOS() || isLame.Opera() || isLame.Windows()); // return (isLame.iOS() || isLame.Opera() || isLame.Windows());
} // }
}; // };
if ( isLame.any() ) { // if ( isLame.any() ) {
document.getElementById("ham").removeAttribute("tabindex");document.getElementById("ham").removeAttribute("onblur");document.getElementById("ham").removeAttribute("onfocusout"); //document.getElementById("bigx").setAttribute("onclick", "slideout()") // 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 buttonpress = false
var bingo = ["B", "I", "N", "G", "O"] var bingo = ["B", "I", "N", "G", "O"]
var t = 1 var t = 1

17
memory/index.html
View File

@ -5,7 +5,7 @@
<!--Card flip animation by Chris Theil--> <!--Card flip animation by Chris Theil-->
<title>Test YOUR Memory</title> <title>Test YOUR Memory</title>
<meta name="theme-color" content="#00FFAA"> <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"> <link rel="icon" type="image/ico" href="mem.ico">
<!--<meta name="viewport" content="width=device-width, initial-scale=1"/>--> <!--<meta name="viewport" content="width=device-width, initial-scale=1"/>-->
<style> <style>
@ -15,6 +15,14 @@
box-shadow:7px 9px 10px #000;} box-shadow:7px 9px 10px #000;}
img{height:150px; width:150px; border-radius:12%; } 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} body{background-color:#bc9ad4}
.cells{ border-radius:12%; -moz-box-shadow: 5px 7px 10px #000; .cells{ border-radius:12%; -moz-box-shadow: 5px 7px 10px #000;
@ -108,9 +116,8 @@ perspective: 1000;
</head> </head>
<body> <body>
<div id="nav_menu"> <div id="nav_menu"></div>
</div> <script src="/menu.js"></script> 
<script src="../menu.js"></script> 
<br /> <br />
<br /> <br />
<br /> <br />
@ -176,7 +183,7 @@ function drawboard(ary){
score = 0; score = 0;
document.getElementById("score").innerHTML = "Number of turns: "+score; document.getElementById("score").innerHTML = "Number of turns: "+score;
document.getElementById("merpic").checked = "checked"; 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;} 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); console.log(board);
board.shuffle(); 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> <head>
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="dice.css" /> <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"> <meta charset="UTF-8">
<title>Roll Dice</title> <title>Roll Dice</title>
@ -15,7 +15,7 @@
<div id="nav_menu"> <div id="nav_menu">
</div> </div>
<script src="../menu.js"></script> <script src="/menu/menu.js"></script>
<br /><br /><br /> <br /><br /><br />
<div id="diceContainer"> <div id="diceContainer">
<span id="die1"></span> <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"> <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="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"> <link rel="stylesheet" type="text/css" href="tictac.css">
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title> Tic Tac Toe Touch</title> <title> Tic Tac Toe Touch</title>
@ -15,7 +15,7 @@
<body> <body>
<div id="nav_menu"> <div id="nav_menu">
</div> </div>
<script src="../menu.js"></script> <script src="/menu/menu.js"></script>
<br /><br /><br /> <br /><br /><br />
<main> <main>
</br> </br>

14
yatzee/index.html
View File

@ -3,17 +3,17 @@
<html> <html>
<head> <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="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=="/> <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" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Yatzee!<> <title>Yatzee!</title>
</head>
<body> <body>
<div id="nav_menu"> <div id="nav_menu">
</div> </div>
<script src="../menu.js"></script> <script src="/menu/menu.js"></script>
<div id="highscore"></div> <div id="highscore"></div>
<div id="main"> <div id="main">
@ -44,7 +44,7 @@
</div> </div>
<button id="fullscreen" onclick="fullscreen();">Fullscreen Toggle</button> <button id="fullscreen" onclick="fullscreen();">Fullscreen Toggle</button>
<div id="how-div"> <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> <h2>How to Play</h2>
<h3>Object of the Game</h3> <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 <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>
<div id="help"> <div id="help">
<img src="../how.png" id="how" onclick="how_to()" /> <img src="/how.png" id="how" onclick="how_to()" />
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
</script> </script>

4
youtube_convert/index.php
View File

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