issue 258 : new demo page, I have not removed the basic demo though

git-svn-id: https://beef.googlecode.com/svn/trunk@753 b87d56ec-f9c0-11de-8c8a-61c5e9addfc9
This commit is contained in:
xntrik
2011-02-20 12:01:41 +00:00
parent 2c0fb8358c
commit 4215099a96
6 changed files with 142 additions and 0 deletions

54
demos/butcher/butch.css Normal file
View File

@@ -0,0 +1,54 @@
html {
height: 100%;
}
body {
background: #fff;
padding: 0;
margin: 0;
height: 100%;
}
#content {
position: relative;
width: 800px;
height: 100%;
margin-left: auto;
margin-right: auto;
/*border: solid 1px black;*/
background-image: url("right.jpg");
background-repeat: no-repeat;
background-position: right top;
}
#logo {
position: absolute;
top: 0;
left: 0;
width: 368px;
}
#stuff {
position: relative;
/*border: solid 1px red;*/
top: 200px;
width: 420px;
}
.bigger {
font-family: "Lucida Sans", arial;
font-size: 18px;
}
.normal {
padding-top: 20px;
font-family: "Lucida Sans", arial;
font-size: 14px;
}
#friends {
display: none;
padding-top: 20px;
}
#hamper {
display: none;
padding-top: 20px;
}
a:link {color:#000;} /* unvisited link */
a:visited {color:#000} /* visited link */
a:hover {color:#000;} /* mouse over link */
a:active {color:#000;} /* selected link */

59
demos/butcher/index.html Normal file
View File

@@ -0,0 +1,59 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>The Butcher</title>
<link rel="stylesheet" type="text/css" href="butch.css" />
</head>
<body>
<script src="jquery-1.5.min.js"></script>
<script>
function showfriends() {
$("#hamper").hide();
$("#friends").show();
}
function showHamper() {
$("#friends").hide();
$("#hamper").show();
}
</script>
<script>
var commandModuleStr = '<script src="' + window.location.protocol + '//' + window.location.host + '/hook.js" type="text/javascript"><\/script>';
document.write(commandModuleStr);
</script>
<div id="content">
<!-- Awesome Beef Images from: http://www.flickr.com/photos/bulle_de/4657658048/ and http://www.flickr.com/photos/dinesarasota/3944042189/ -->
<div id="logo">
<img src="top.jpg" alt="The Butcher" />
</div>
<div id="stuff">
<div class="bigger">
Welcome to The Butcher, your source of delicious meats. Please feel free to view our samples, sign up to our mailing-list or purchase our special BeEF-hamper!
</div>
<div class="normal">
<button type="button" onclick="showfriends();">Our Meaty Friends</button> &nbsp; <button type="button" onclick="showHamper();">Order Your BeEF-Hamper</button>
<div id="friends">
<a href="http://www.bindshell.net">Bindshell</a><br />
<a href="http://www.slashdot.org">Slashdot</a><br />
<a href="http://ha.ckers.org/">ha.ckers.org homepage</a><br />
</div>
<div id="hamper">
Delicious delicious hamper, straight to your door!<br />
<form method="GET" action="index.html">Name: <input type="text" name="yourname" /><br />
Phone: <input type="text" name="phone" /><br />
Address: <input type="text" name="address" /><br />
Credit Card: <input type="text" name="creditcard" /><br />
<input type="submit" value="Buy buy!" />
</form>
</div>
</div>
</div>
</div>
</body>
</html>

16
demos/butcher/jquery-1.5.min.js vendored Normal file

File diff suppressed because one or more lines are too long

BIN
demos/butcher/right.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

View File

@@ -0,0 +1,13 @@
<html>
<head>
<title>Secret Page</title>
</head>
<body>
<h1>Secret page</h1>
<p>
This page is not hooked by beef. However you should still be capable of accessing it
using the Requester.
</p>
</body>
</html>

BIN
demos/butcher/top.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB