Skip to content

Commit

Permalink
presenting perl skin
Browse files Browse the repository at this point in the history
  • Loading branch information
markie committed Mar 1, 2010
1 parent ebba317 commit 139641f
Show file tree
Hide file tree
Showing 7 changed files with 346 additions and 0 deletions.
15 changes: 15 additions & 0 deletions share/skin/presentingperl/html/bucket.html
View file
@@ -0,0 +1,15 @@
<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>
45 changes: 45 additions & 0 deletions share/skin/presentingperl/html/front_page.html
View file
@@ -0,0 +1,45 @@
<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>
53 changes: 53 additions & 0 deletions share/skin/presentingperl/html/layout.html
View file
@@ -0,0 +1,53 @@
<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 &copy; Shadowcat Systems Limited 2005-10 <br />
The Barracks, White Cross, South Road, Lancaster, LA1 4XQ <br /> <br />
Media Copyright &copy; 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>

64 changes: 64 additions & 0 deletions share/skin/presentingperl/html/video.html
View file
@@ -0,0 +1,64 @@
<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>
91 changes: 91 additions & 0 deletions share/skin/presentingperl/static/style/basic.css
View file
@@ -0,0 +1,91 @@


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;
}
Binary file added share/skin/presentingperl/static/style/images/logo.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
78 changes: 78 additions & 0 deletions share/skin/presentingperl/static/style/layout.css
View file
@@ -0,0 +1,78 @@

#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;
}


0 comments on commit 139641f

Please sign in to comment.