--- /dev/null
+ <div id="main-content">
+
+ <div id="custom-html">
+ <h1>
+ <span class="bucket-name">THIS IZ MAI BUKKIT</span>
+ </h1>
+ <ul id="video-list">
+ <li class="video">
+ <a class="video-link video-name">Really Imaginative Video Name</a>
+ </li>
+ </ul>
+ </div>
+
+<!-- END MAIN CONTENT -->
+ </div>
--- /dev/null
+ <div id="main-content">
+
+ <div id="custom-html">
+ <h2 class="author-name">
+ Welcome to Presenting Perl
+ </h2>
+
+ <p>
+ This website is a resource location for talks and presentations on, or about,
+ the Perl language. We have videos from conferences and workshops but it is our
+ aim to provide a single location for all Perl audio/visual resources and
+ material. We hope to incorporate other multimedia properties and custom HTML
+ from the authors/presenters and have provided a link to submit material.
+ The site is built and maintained by Shadowcat Systems Limited. Presenting Perl
+ is powered by Idiot Box which is built using the Web::Simple framework.
+ </p>
+
+ <p>
+ All of the material has a licence on the page it is on. The general site
+ licence is a "Creative Commons Attribution - Noncommercial - No Derivative
+ Works 3.0 Unported Licence", other material provided by authors may have their
+ own restrictions and conditions. If you wish to use any of the material at
+ another location then please contact the site owners to confirm usage.
+ </p>
+
+ <h2 class="author-name">
+ List of Videos available
+ </h2>
+ <p>
+ Below is a list of events with material currently available, click on the links
+ to go to the collection page for that event.
+ </p>
+ <ul id="announcement-list">
+ <li class="announcement">
+ <span class="made-at">1st March 2010</span>
+ <a class="bucket-link">
+ <span class="bucket-name">Some Random Event</span>
+ - (<span class="new-videos">2</span> new of <span class="total-videos">4</span> total)
+ </a>
+ </li>
+ </ul>
+ </div>
+
+<!-- END MAIN CONTENT -->
+ </div>
--- /dev/null
+<html>
+ <head>
+ <title>
+ Perl Resource/Media Vault
+ </title>
+ <link rel="stylesheet" type="text/css" href="/style/layout.css">
+ <link rel="stylesheet" type="text/css" href="/style/basic.css">
+ </head>
+ <body>
+
+ <div id="wrap1">
+ <div id="wrap2">
+ <div id="main-content">
+ </div>
+
+ <div id="footer">
+ <p class="footer">
+ Site Copyright © Shadowcat Systems Limited 2005-10 <br />
+ The Barracks, White Cross, South Road, Lancaster, LA1 4XQ <br /> <br />
+ Media Copyright © the right to be associated with this work remains with
+ the author [1]<br /> <br />
+ <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">
+ <img alt="Creative Commons License"
+ style="border-width:0"
+ src="http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png" /></a><br />
+ This <span xmlns:dc="http://purl.org/dc/elements/1.1/"
+ href="http://purl.org/dc/dcmitype/MovingImage" rel="dc:type">
+ work</span> is licensed under a
+ <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">
+ Creative Commons Attribution-Noncommercial-No Derivative Works 3.0
+ Unported License</a>.<br /><br />
+ Powered by: <img src="http://external.shadowcatprojects.net/data/common/images/idiot-box.png"
+ alt="Idiot box logo" /> Idiot Box<br />
+ [1] Unless otherwise stated
+ </p>
+ </div>
+
+ </div>
+ </div>
+
+ <div id="navbar">
+ <ul>
+ <li><a href="http://www.presentingperl.org">Home</a></li>
+ </ul>
+ </div>
+
+ <div id="logo">
+ <h1 class="notseen">Presenting Perl</h1>
+ </div>
+
+ </body>
+</html>
+
--- /dev/null
+ <div id="main-content">
+
+ <div id="left-column">
+ <div id="mvcontainer"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</div>
+ <script type="text/javascript" src="https://media.dreamhost.com/mp4/swfobject.js"></script>
+
+ <script type="text/javascript">
+ var s1 = new SWFObject("https://media.dreamhost.com/mp4/player.swf","mp1","640","480","9","#FFFFFF");
+ s1.addParam("allowfullscreen","true");
+ s1.addParam("allowscriptaccess","always");
+ s1.addParam("flashvars","&file=[% video_url %]");
+ s1.write("mvcontainer");
+ </script>
+
+ </div>
+
+ <div id="right-column">
+ <h1 class="video-name">
+ Title: <span class="video-name"></span>
+ </h1>
+ <h2 class="author-name">
+ Author: <span class="author-name"></span>
+ </h2>
+ <h3 class="bucket-name">
+ Event: <a href="../" class="bucket-name"></a>
+ </h3>
+ <br /><a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">
+ <img alt="Creative Commons License"
+ style="border-width:0; float: right; padding: 10px 10px 0 0px;"
+ src="http://i.creativecommons.org/l/by-nc-nd/3.0/80x15.png" /></a>
+ <p style="font-size: 80%">
+ This work is licensed under a
+ <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">
+ Creative Commons Attribution - Noncommercial - No Derivative Works 3.0
+ Unported License</a>.<br />
+ </p>
+
+ </div>
+
+ <div id="custom-html">
+<!-- INSERT CUSTOM HTML HERE -->
+ <div class="video-details">
+<!--
+ The presenter might have provided a link to their slides here. Or they might not.
+ If their name's Matt then they probably didn't remember to upload them yet. Oh well ...
+-->
+ </div>
+ <h1>Upload Custom HTML</h1>
+ <p>
+ There will soon be a form to help automate the process of uploading custom
+ html on this page. Until that is incorporated please send the html you wish
+ to appear to
+ <a href="mailto:m.keating@shadowcat.co.uk">m.keating(at)shadowcat.co.uk</a>
+ for inclusion.
+ </p>
+<!--
+ BUILD FORM HERE!
+-->
+
+<!-- END CUSTOM HTML HERE -->
+ </div>
+
+<!-- END MAIN CONTENT -->
+ </div>
--- /dev/null
+
+
+body {
+ font-family: helvetica, verdana, sans-serif;
+ font-size: 10pt;
+ background: #cadae2;
+}
+
+
+p {
+ line-height: 150%;
+}
+
+
+p.footer {
+ font-size: 90%;
+ color: #999999;
+ text-align: right;
+ margin: 20px 0 10px 0;
+}
+
+
+h1 {
+ font-size: 200%;
+ color: #666666;
+ display: block;
+ padding: 20px 0 5px 0px;
+ margin: 0px 0px 5px 0;
+}
+
+h1.notseen {
+ text-indent: -10em;
+}
+
+h1.video-name {
+ font-size: 200%;
+ color: #666666;
+ width: 270px;
+ display: block;
+ padding: 5px 0 5px 4px;
+ margin-bottom: 5px;
+}
+
+
+h2.author-name {
+ font-size: 150%;
+ color: #666666;
+ width: 270px;
+ display: block;
+ padding: 5px 0 5px 4px;
+ margin-bottom: 5px;
+}
+
+h3.bucket-name {
+ font-size: 125%;
+ color: #666666;
+ width: 270px;
+ display: block;
+ padding: 5px 0 5px 4px;
+ margin-bottom: 5px;
+ border-bottom: 1px #0000ff dashed;
+}
+
+
+
+
+
+
+
+
+#navbar ul {
+ margin-top: 85px;
+ margin-left: -30px;
+}
+
+#navbar li {
+ float: left;
+ font-size: 100%;
+ padding: 0 4px 0 4px;
+ list-style-type: none;
+}
+
+#navbar a {
+ text-decoration: none;
+ color: #888888;
+}
+
+#navbar a:hover {
+ text-decoration: none;
+ color: #336699;
+}
--- /dev/null
+
+#wrap1 {
+ position: absolute;
+ top: 02px;
+ left: 10px;
+ width: 960px;
+ background: #ffffff;
+ border-top: 2px solid #333333;
+ border-left: 2px solid #333333;
+ border-right: 2px solid #333333;
+ border-bottom: 8px solid #333333;
+}
+
+#wrap2 {
+ width: 956px;
+ position: relative;
+ background: #ffffff;
+ margin-top: 105px;
+}
+
+#navbar {
+ top: 10px;
+ left: 310px;
+ width: 660px;
+ position: absolute;
+ background: #ffffff;
+ height: 100px;
+}
+
+#logo {
+ top: 10px;
+ left: 18px;
+ width: 300px;
+ position: absolute;
+ background: #ffffff url(images/logo.jpg) no-repeat;
+ height: 100px;
+}
+
+#left-column {
+ width: 644px;
+ background: #efefef;
+ float: left;
+ min-height: 300px;
+ padding: 4px;
+ margin-left: 2px;
+ margin-top: 20px;
+}
+
+#right-column {
+ width: 282px;
+ background: white;
+ float: right;
+ min-height: 300px;
+ margin-left: 10px;
+ margin-bottom: 40px;
+ margin-top: 15px;
+ padding: 4px;
+
+}
+
+#custom-html {
+ width: 922px;
+ background: #ffffff;
+ clear: both;
+ min-height: 300px;
+ padding: 15px;
+
+}
+
+#footer {
+ width: 952px;
+ background: #efefef;
+ margin-top: 10px;
+ padding: 4px;
+ border-top: 1px dashed #336699;
+}
+
+