Library

<style>
table {
	display: none;
}
.page table {
	display: table;
}
body {
	background-image: url("http://i.imgur.com/72erWDl.png");
}
#layout {
	width: 800px;
	height: 600px;
	margin: 0 auto;
	background-image: url("http://i.imgur.com/Fxpiz1s.png");
}
#main {
	font: 10pt tahoma;
	color: #000000;
	top: 180px;
	left: 230px;
	width: 570px;
	height: 390px;
	overflow: hidden;
}
.page {
	height: 390px;
	overflow: auto;
}
#nav {
	top: 180px;
	left: 0px;
	width: 190px;
	height: 390px;
	overflow: hidden;
	text-align: center;
}
.table {
	display: inline;
	text-align: left;
}
td {
	padding: 10px;
	font: 10pt tahoma;
	color: #000000;
}
textarea#button {
	font: 9pt tahoma;
	color: #9d7c53;
	overflow: hidden;
	width: 90px;
	height: 30px;
	border: 1px solid #cdb8c8;
}
h1 {
	font: 13pt tahoma;
	color: #3e6a94;
	text-align: center;
	border-width: 2px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-color: #82bb9e;
	letter-spacing: 4px;
	line-height: 25px;
}
h2 {
	font: 11pt tahoma;
	color: #dce5d3;
	text-align: center;
	background-color: #8c8a71;
	letter-spacing: 2px;
	line-height: 25px;
}
h2:hover {
	font: 11pt tahoma;
	color: #8c8a71;
	text-align: center;
	background-color: #dce5d3;
	letter-spacing: 2px;
	line-height: 25px;
}
h3 {
	font: 12pt tahoma;
	color: #82bb9e;
	border-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-color: #3e6a94;
	letter-spacing: 2px;
	line-height: 25px;
}
b {
	color: #82bb9e;
	font: 10pt tahoma;
	font-weight: bold;
	line-height: 14px;
}
i {
	color: #8c8a71;
	font: 10pt tahoma;
	font-style: italic;
	line-height: 14px;
}
a:link, a:visited, a:active {
	color: #3e6a94;
	font: 10pt tahoma;
	text-decoration: none;
}
a:hover {
	color: #8c8a71;
	font: 10pt tahoma;
	text-decoration: none;
}
</style><br><br><br><div id="layout" style="position: relative;">


<div id="nav" style="position: absolute;">
<h1>Navigation</h1>
<a href="#home" class="nav"><h2>Home</h2></a>
<a href="#helpdesk" class="nav"><h2>Help Desk</h2></a>
<a href="#reference" class="nav"><h2>Reference Section</h2></a>
<a href="#restricted" class="nav"><h2>Restricted Section</h2></a>
<a href="/neomessages.phtml?type=send&amp;recipient=painted_dreams87&amp;subject=Library" class="nav"><h2>Submit</h2></a>


</div>


<div id="main" style="position: absolute;">
<a name="home"></a>
<div class="page">
<h1>Welcome to the Library!</h1>
<img src="http://i.imgur.com/H8tos0R.png" style="float: left;"><p>
Welcome! I'm your Hogwarts Librarian, Heather. This library contains an incredible tens of thousands of books on thousands of shelves. As I am the only one here, it is quite the task to keep everything organized and available to those who seek knowledge. Please adhere to the rules while visiting. It's my job to protect each and every book, and I cannot allow anything that would harm them.
</p>
<br><h3>Information</h3>
<p>
The Library offers 3 activities - Help Desk, Reference Section, and Restricted Section. There are 4 prompts for each available during a term. Click on a section to visit it.

</p>
</div>



<a name="restricted"></a>
<div class="page">
<h1>Restricted Section</h1>
<center>
<img src="http://vignette.wikia.nocookie.net/harrypotter/images/5/55/RestrictedLibrary.JPG" width="300"></center>

<p>
STOP! I cannot allow you to enter the Restricted Section. If you have a note from a Professor or if you are one yourself, I can retrieve what you need for you. I must insist that you step away and follow me while we sort this out.
</p>

<p>
<i>Hmm. It's a bit insulting really that someone like you isn't permitted to browse the offerings of the Restricted Section. It's not like you would ever damage anything. You just want to feed your curiosity and see what's there, perhaps read a book or two. It's pretty clear the Librarian isn't going to change her mind about letting you inside, so what should you do?
</i></p>

<a href="#dash">Make a dash for it! I doubt she can stop me if I run quick enough.</a><br><br><a href="/games/neoadventure/load.phtml?creator=painted_dreams87">Follow her for now but keep thinking how you can sneak past her when you get the chance.</a>

</div>

<a name="dash"></a>
<div class="page">
<h1>Dash Into the Restricted Section</h1>
<center>
<img src="http://actthegiddygoat.files.wordpress.com/2018/06/harry-potter-gif.gif" width="300"></center>

<p>
You play it cool for just a moment, starting to walk away with the Librarian. When she least expects it, you spin around and take off running towards the Restricted Section. For a brief moment, you swear you can feel the wind in your hair even inside. You laugh at how easy this was as your front foot comes down inside of the formerly off-limits section. You turn around to find the Librarian inches away from you, and she quickly escorts you to detention, promising to send a Howler home to your family. Uh oh! Perhaps, you should try again?
</p>

</div>


<a name="puzzle"></a>
<div class="page">
<h3>The Puzzle</h3>
<p>
The puzzle asks you to enter the last name of an author from the wizarding world. You will be provided with clues. The first letter of the answer to each clue should be written down. When you've solved all the clues, the letters will spell the last name of the author. For example, if the clue is <i>the name of Harry Potter's owl</i>, the answer is <i>Hedwig</i>, so you'd write down <i>H</i>.
</p>

<p>
<b>1.</b> The name of the wizarding bank<br><b>2.</b> The act of magically closing one's mind against Legilimency<br><b>3.</b> The name of the potion used to restore bones<br><b>4.</b> Buckbeak is this type of creature<br><b>5.</b> The name for a witch or wizard who can morph into an animal at will<br><b>6.</b> You'll receive one of these at Ollivander's<br><b>7.</b> First name of the girl who was cursed by a necklace<br><br><br><a href="/neomessages.phtml?type=send&amp;recipient=painted_dreams87&amp;subject=Restricted" class="nav">Send in your answer.</a> (You do not need to submit the answers for the clues, just the last name of the author.)
</p>
</div>



<a name="helpdesk"></a>
<div class="page">
<h1>Library - Help Desk</h1>
<center><b>Each prompt is worth 5/1.</b></center>
<p>
I can't tell you enough how much I appreciate your volunteering to help out in the Library! We're trying to encourage the students of Hogwarts to visit us regularly by handing out free bookmarks to those who stop in. Can you help out by choosing which bookmark from each set you think we should give our students? You'll receive 5/1 for your help, and one bookmark from each week is worth an extra 5 Galleons if you choose it!
</p>

<p>
<b>Prompt #1:</b><br></p>
<center>
<img src="http://i.imgur.com/yl5Rhsk.png"><br>
Luna, Dobby, Harry, Dumbledore
</center>

<p>
<b>Prompt #2:</b><br></p>
<center>
<img src="http://i.imgur.com/Ijg8nB0.png"><br>
Hagrid, Hermione, Dumbledore, Draco
</center>

<p>
<b>Prompt #3:</b><br></p>
<center>
<img src="http://i.imgur.com/lpFSlwF.png"><br>
Crests, Friends, Professors, Family
</center>


<p>
<b>Prompt #4:</b><br></p>
<center>
<img src="http://i.imgur.com/AVGNt9u.png"><br>
Champions, Pets, Evil, Dark Arts
</center>


<br><br></div>




<a name="reference"></a>
<div class="page">
<h1>Library - Reference Section</h1>
<center><b>Each prompt is worth 20/4.</b></center>
<p>
Welcome to the Reference Section of the Library!  We are lacking some details on a few topics, and it's necessary to provide a more complete picture for people who come here seeking answers. Can you provide <i>4 facts</i> about each object to help us complete our collection?
</p>
<p>
<b>Prompt #1:</b><br></p>
<center>
<img src="http://wizardsunitehub.info/wp-content/uploads/2019/04/ui_registry_family04_pg02_sticker03_returned-277x300.png" width="150"><br>
The Veil
</center>

<p>
<b>Prompt #2:</b><br></p>
<center>
<img src="http://wizardsunitehub.info/wp-content/uploads/2019/06/ui_registry_challenges09_pg01_sticker01_returned-124x300.png" height="150"><br>
Dark Mark
</center>

<p>
<b>Prompt #3:</b><br></p>
<center>
<img src="http://wizardsunitehub.info/wp-content/uploads/2019/04/ui_registry_family06_pg02_sticker01_returned-255x300.png" width="150"><br>
Knight Bus
</center>

<p>
<b>Prompt #4:</b><br></p>
<center>
<img src="http://wizardsunitehub.info/wp-content/uploads/2019/04/ui_registry_family06_pg01_sticker05_returned-300x300.png" width="150"><br>
The Quibbler
</center>

<br><br></div>





<a name="shhh"></a>
<div class="page">
<h3>The Restricted Section</h3>
Congratulations on earning access to The Restricted Section!!! Please bookmark this page as you now have permanent access to this activity. If you came across this page without having earned access, you will not be permitted to complete this activity for House Points and Galleons until you <a href="#restricted">gain access</a>.<br><br>
Which Quidditch team is represented by this flag? (Hint: They are French.) If you can correctly identify the team, you'll earn <b>20/4</b>.
<br><center>
<img src="http://vignette.wikia.nocookie.net/harrypotter/images/4/48/QuiberonQuafflepunchersWU.png" width="200"></center>
</div>

















</div>