CCF_100/ASDV-WebDev
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add previous assignment

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️
2023-03-14 09:48:18 -05:00
parent 512bd81c21
commit 40aeb32212
105 changed files with 2715 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
Assignments/JavaScript/Chapter3Examples/public_html/greg/aboutyou.html Executable file
View File

@@ -0,0 +1,63 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Greg's Gambits | About You</title>
<link href="greg.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
function get_name()
{
var name=prompt("Please enter your name"," ");
document.getElementById('myname').innerHTML = name;
}
function get_username()
{
var username=prompt("What do you want for your username?"," ");
document.getElementById('myusername').innerHTML = username;
}
function get_avatar()
{
window.open('avatars.html');
}
function pick_avatar()
{
var avatar = prompt("Enter the avatar you want","Bunny");
document.getElementById('myavatar').innerHTML = avatar;
}
</script>
</head>
<body>
<div id="container">
<img src="images/superhero.jpg" width="120" height="120" class="floatleft" />
<h1 id="logo"><em>Greg's Gambits </em></h1>
<h2 align="center"><em> TELL GREG ABOUT YOU</em></h2>
<p>&nbsp;</p>
<div id="nav">
<p><a href="index.html">Home</a>
<a href="greg.html">About Greg</a>
<a href="play_games.html">Play a Game</a>
<a href="sign.html">Sign In</a>
<a href="contact.html">Contact Us</a>
<a href="aboutyou.html">Tell Greg About You</a></p>
</div>
<div id="content">
<p><button type="button" onclick="get_name()">Enter your name </button>
Hi there, <span id = "myname" >Greg</span> </p>
<p><button type="button" onclick="get_username()">Enter a username </button>
Username: <span id = "myusername">KingGreg</span> </p>
<p><button type="button" onclick="get_avatar()">See the avatar choices</button>
<p><button type="button" onclick="pick_avatar()">Select your avatar</button><br />
The avatar you selected is: <span id = "myavatar">kitty</span> </p>
<p>&nbsp;</p>
</div>
<p>&nbsp;</p>
<div id="footer">
<div align="center">Copyright &copy; 2013 Greg's Gambits<br />
<a href="mailto:gregory@gambits.net">gregory@gambits.net</a></div>
</div>
</div>
</body>
</html>

24
Assignments/JavaScript/Chapter3Examples/public_html/greg/avatars.html Executable file
View File

@@ -0,0 +1,24 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Greg's Gambits | Avatars</title>
</head>
<body>
<table width = "90%" align="center" border= "0">
<tr><td>
<h1>&nbsp;</h1>
<hr /><h2> Here are your avatar options: </h2>
</td></tr>
<tr><td>
<h3><hr /><img src="images/bunny.jpg" />Bunny &nbsp;&nbsp;
<img src="images/elf.jpg" /> Elf &nbsp;&nbsp;
<img src="images/ghost.jpg" />Ghost &nbsp;&nbsp;&nbsp;
<img src="images/princess.jpg" /> Princess &nbsp;&nbsp;
<img src="images/wizard.jpg" />Wizard <hr /></h3>
</td></tr>
<tr><td><h3>You will enter your selection on the previous page.</h3>
</td></tr> </table>
</body>
</html>

119
Assignments/JavaScript/Chapter3Examples/public_html/greg/greg.css Executable file
View File

@@ -0,0 +1,119 @@
body { background-color: #000040;
background-image: url(background.gif);
color: #88ffff;
font-family: Verdana, Arial, sans-serif;
}
#container { margin-left: auto;
margin-right: auto;
width:80%;
min-width:700px;
}
#logo {
text-align:center;
margin: 0;
font-family: Geneva, Arial, Helvetica, sans-serif;
padding-top: 30px;
padding-bottom: 20px;
}
#nav {
float: left;
width: 200px;
padding-top: 10px;
text-align:left;
color: #88FFFF;
font-size: 12px;
}
#nav a {text-decoration:none;
margin: 15px;
display: block;
color: #88FFFF;
font-size: 12px;
}
#content {
margin-left: 150px;
padding: 30px;
overflow:auto;
border: medium groove #88FFFF;
line-height: 135%;
}
.floatright {padding-left:20px;
float:right;
}
.floatleft {
float:left;
padding: 30px 0px 20px;
}
#footer { font-size: .60em;
font-style: italic;
text-align: center;
border-top: 2px double #000040;
padding-top: 20px;
padding-bottom: 20px;
}
h2 { text-transform: uppercase;
color: #88ffff;
font-size: 1.2em;
border-bottom: 1px none;
margin-right: 20px;
}
h3 {
color: #88ffff;
font-size: 1em;
border-bottom: 1px solid #000000;
margin-right: auto;
text-align: left;
padding-top: 20px;
padding-right: 150px;
padding-bottom: 20px;
padding-left: 150px;
line-height: 130%;
}
.details { padding-left:20%;
padding-right:20%;
}
img {border:0; }
.content {
margin: 20px;
padding: 20px;
height: 3700px;
width: 500px;
}
a {text-decoration:none;
margin: 15px;
display: block;
color: #88FFFF;
font-size: 12px;
}
a:hover {
color: #000040;
background-color: #88ffff;
}
span {
font-size: 36px;
font-weight: bold;
font-family: "Courier New", Courier, mono;
color: #88ffff;
background-position: center center;
text-align: center;
vertical-align: middle;
}
table {
border-collapse: collapse
}
td {
border: 2px solid #88ffff;
width: 5em;
font-family: "Courier New", Courier, mono;
font-size: 14px;
color: #88ffff;
}

88
Assignments/JavaScript/Chapter3Examples/public_html/greg/gregs_fortune.html Executable file
View File

@@ -0,0 +1,88 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>Greg's Gambits | Madame Vadoma Sees All</title>
<link href="greg.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function startFortune()
{
var num = 0;
var question = " ";
var fortune1 = "Absolutely ";
var fortune2 = "No way ";
var fortune3 = "Probably";
var fortune4 = "Doubtful";
var fortune5 = "Could be";
var fortune6 = "Madame Vadoma cannot answer such a question. ";
var fortune7 = "You must find the answer within yourself. ";
var fortune8 = "Yes, of course! ";
var fortune9 = "You don't really believe this works, do you? ";
var fortune10 = "Madame Vadoma wonders about that too. ";
num = (Math.floor(Math.random() * 10)) + 1;
question = prompt("What is your question? ", " ");
switch(num)
{
case 1:
document.getElementById("content").innerHTML = fortune1;
break;
case 2:
document.getElementById("content").innerHTML = fortune2;
break;
case 3:
document.getElementById("content").innerHTML = fortune3;
break;
case 4:
document.getElementById("content").innerHTML = fortune4;
break;
case 5:
document.getElementById("content").innerHTML = fortune5;
break;
case 6:
document.getElementById("content").innerHTML = fortune6;
break;
case 7:
document.getElementById("content").innerHTML = fortune7;
break;
case 8:
document.getElementById("content").innerHTML = fortune8;
break;
case 9:
document.getElementById("content").innerHTML = fortune9;
break;
case 10:
document.getElementById("content").innerHTML = fortune10;
break;
}
}
</script>
</head>
<body>
<div id="container">
<img src="images/superhero.jpg" width="120" height="120" class="floatleft" />
<h1 id="logo"><em>Madame Vadoma Sees All!</em></h1>
<h2 align="center">Ask Madame Vadoma anything that you are worried about </h2>
<p>&nbsp;</p>
<div id="nav">
<p><a href="index.html">Home</a>
<a href="greg.html">About Greg</a>
<a href="play_games.html">Play a Game</a>
<a href="sign.html">Sign In</a>
<a href="contact.html">Contact Us</a></p>
</div>
<div id="content">
<p class="floatright">Madame Vadoma<br /><br />
<img src ="images/madame.jpg" /></p>
<p>&nbsp;</p>
<p><input type="button" value = "Ask your question" onclick="startFortune();" /></p>
<p>&nbsp;</p>
</div>
<div id="footer">Copyright &copy; 2013 Greg's Gambits<br />
<a href="mailto:yourfirstname@yourlastname.com">yourfirstname@yourlastname.com</a></div>
</div>
</body>
</html>

BIN
Assignments/JavaScript/Chapter3Examples/public_html/greg/images/.DS_Store vendored Normal file
View File

Binary file not shown.

BIN
Assignments/JavaScript/Chapter3Examples/public_html/greg/images/bunny.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
Assignments/JavaScript/Chapter3Examples/public_html/greg/images/elf.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
Assignments/JavaScript/Chapter3Examples/public_html/greg/images/ghost.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
Assignments/JavaScript/Chapter3Examples/public_html/greg/images/madame.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
Assignments/JavaScript/Chapter3Examples/public_html/greg/images/princess.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
Assignments/JavaScript/Chapter3Examples/public_html/greg/images/superhero.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
Assignments/JavaScript/Chapter3Examples/public_html/greg/images/wizard.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

34
Assignments/JavaScript/Chapter3Examples/public_html/greg/index.html Executable file
View File

@@ -0,0 +1,34 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Greg's Gambits</title>
<link href="greg.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="container">
<img src="images/superhero.jpg" width="120" height="120" class="floatleft" />
<h1 id="logo"><em>Greg's Gambits </em></h1>
<h2 align="center"><em> Games for Everyone!</em></h2>
<p>&nbsp;</p>
<div id="nav">
<p><a href="index.html">Home</a>
<a href="greg.html">About Greg</a>
<a href="play_games.html">Play a Game</a>
<a href="sign.html">Sign In</a>
<a href="contact.html">Contact Us</a>
<a href="aboutyou.html">Tell Greg About You</a></p>
</div>
<div id="content">
<p>Greg's Gambits offers a variety of games for all ages and more are added all the time. You can play our games any time you want for free.</p>
<p>Meet the real-life Greg in the About Greg page. Sign up to keep your account active or sign in every time you return through our Sign Up link. Choose your game from the Play a Game menu and contact us with questions, comments, and ideas. We're always looking for new games and new ideas!</p>
<p>&nbsp;</p>
</div>
<div id="footer">Copyright &copy; 2013 Greg's Gambits<br />
<a href="mailto:gregory@gambits.net">gregory@gambits.net</a></div>
</div>
</body>
</html>

46
Assignments/JavaScript/Chapter3Examples/public_html/greg/play_games.html Executable file
View File

@@ -0,0 +1,46 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Greg's Gambits | Games Menu</title>
<link href="greg.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="container">
<img src="../images/superhero.jpg" width="120" height="120" class="floatleft" />
<h1 id="logo"><em>Play A Game</em></h1>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="nav">
<p><a href="index.html">Home</a>
<a href="greg.html">About Greg</a>
<a href="play_games.html">Play a Game</a>
<a href="sign.html">Sign In</a>
<a href="contact.html">Contact Us</a></p>
</div>
<div id="content">
<p>Menu of Available Games </p>
<table width="90%" border="0" cellpadding="5">
<tr>
<td width="50%"><a href="greg_tales.html">Greg's Tales</a> </td>
<td width="50%"><a href ="gregs_fortune.html">Madame Vadoma Sees All</a></td>
</tr>
<tr>
<td width="50%">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
</div>
<div id="footer">Copyright &copy; 2013 Greg's Gambits<br />
<a href="mailto:yourfirstname@yourlastname.com">yourfirstname@yourlastname.com</a></div>
</div>
</body>
</html>