Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

updated banner, new social media bar, fixed CSS

  • Loading branch information...
commit b3678fc22b6e2fc1c9484e3bf68e890bf44abdcf 1 parent 26d518f
@barbie authored
View
4 Changes
@@ -5,6 +5,10 @@ Changes for the CPAN Testers Blog website
- upgrade to Labyrinth-Plugin-Core 5.09.
- added titlemaps and pathmaps to settings.ini.
- WAI WCAG v2.0 compliance updates.
+ - update layout to include an update notification.
+ - added a new social media bar
+ - fixed images and css incorrectly pasted from wiki distro
+ - revised banner logo image by Jon 'JJ' Allen.
1.01 20/06/2011
- updates to improve presentation.
View
3  MANIFEST
@@ -82,6 +82,7 @@ vhost/cgi-bin/templates/public/layout.html
vhost/cgi-bin/templates/public/popup.html
vhost/cgi-bin/templates/public/rssfeed.xml
vhost/cgi-bin/templates/public/sidebar.html
+vhost/cgi-bin/templates/public/social-bar.html
vhost/cgi-bin/templates/public/tinymce.html
vhost/cgi-bin/templates/users/user-acl.html
vhost/cgi-bin/templates/users/user-adminedit.html
@@ -105,7 +106,7 @@ vhost/html/favicon.ico
vhost/html/images/blank.png
vhost/html/images/icons/feed-icon-large.png
vhost/html/images/icons/feed-icon-small.png
-vhost/html/images/layout/banner-wiki.png
+vhost/html/images/layout/banner-blog.png
vhost/html/images/layout/bg_bullet_arrow.gif
vhost/html/images/layout/bg_bullet_full_1.gif
vhost/html/images/layout/bg_bullet_full_2.gif
View
22 vhost/cgi-bin/config/settings.ini
@@ -27,6 +27,28 @@ Social Meeting=Social
Technical Meeting=Tech Meet
HERE
+titlemaps=<<HERE
+www.cpantesters.org=CPAN Testers Reports
+blog.cpantesters.org=CPAN Testers Blog
+deps.cpantesters.org=CPAN Dependencies
+pass.cpantesters.org=CPAN Testers PASS Matrix
+wiki.cpantesters.org=CPAN Testers Wiki
+devel.cpantesters.org=CPAN Testers Development
+prefs.cpantesters.org=CPAN Testers Preferences
+stats.cpantesters.org=CPAN Testers Statistics
+matrix.cpantesters.org=CPAN Testers Matrix
+metabase.cpantesters.org=CPAN Testers Metabase
+analysis.cpantesters.org=CPAN Testers Analysis
+dagolden.com=External Site: David Golden's Blog
+gist.github.com=External Site: GitHub
+github.com=External Site: GitHub
+birmingham.pm.org=Birmingham Perl Mongers
+HERE
+
+pathmaps=<<HERE
+http://stats.cpantesters.org/cpanmail.html=Find A Tester
+HERE
+
diutils=ImageMagick
# url mappings
View
11 vhost/cgi-bin/templates/public/layout.html
@@ -68,12 +68,17 @@
<!-- Breadcrumbs -->
<div class="header-breadcrumbs">
+ <div id="breadcrumbs">
<ul>
<li><a href="/" title="Home">Home</a></li>
[% IF crumb3_name %]<li><a href="[% crumb3_href %]" title="[% crumb3_name %]">[% crumb3_name %]</a></li>[% END %]
[% IF crumb2_name %]<li><a href="[% crumb2_href %]" title="[% crumb2_name %]">[% crumb2_name %]</a></li>[% END %]
<li>[% crumb1_name %]</li>
</ul>
+ </div>
+
+ [% INCLUDE "public/social-bar.html" %]
+
</div>
</div>
@@ -94,6 +99,12 @@
<!-- B.1 MAIN CONTENT -->
<div class="main-content">
+ <div id="tooltip" class="update20110712">
+ <p><strong>Upgrade Notice</strong></p>
+ <p>The CPAN Testers Blog site has been upgraded since you last accessed the site.
+ Please press the F5 key or CTRL-R to refresh your browser cache to use the latest javascript and CSS files.</p>
+ </div>
+
<!-- Pagetitle -->
<h1 class="pagetitle">[% title %]</h1>
<div class="column1-unit">
View
25 vhost/cgi-bin/templates/public/social-bar.html
@@ -0,0 +1,25 @@
+<div id="socialbar">
+
+ <div id="facebook">
+ <div id="fb-root"></div>
+ <script type="text/javascript">
+ document.write('<' + 'fb:like send="false" layout="button_count" width="100" show_faces="false" font=""></fb:like>');
+ var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
+ s.type = 'text/javascript';
+ s.async = true;
+ s.src = 'http://connect.facebook.net/en_US/all.js#xfbml=1';
+ s1.parentNode.insertBefore(s, s1);
+ </script>
+ </div>
+
+ <div id="gplus">
+ <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
+ {"parsetags": "explicit"}
+ </script>
+ <div id="plusone-div"></div>
+ <script type="text/javascript">
+ gapi.plusone.render("plusone-div",{"size": "medium", "count": "true"});
+ </script>
+ </div>
+
+</div>
View
12 vhost/html/css/layout2_setup.css
@@ -29,7 +29,7 @@
/* HEADER */
.header {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {width:900px; height:80px; background:rgb(240,240,240) url(/images/layout/bg_head_top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
-.header-middle {width:900px; height:150px; background:#8A2BE2 url(/images/layout/banner-wiki.png); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;position: relative;}
+.header-middle {width:900px; height:150px; background:#800080 url(/images/layout/banner-blog.png); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:900px; height:40px; background:rgb(255,255,255) url(/images/layout/bg_head_breadcrumbs.jpg) repeat-y;}
.header-breadcrumbs {clear:both; width:900px; padding:1.0em 0 1.5em 0; background:rgb(255,255,255) url(/images/layout/bg_head_breadcrumbs.jpg) repeat-y;}
@@ -37,12 +37,12 @@
/* HEADER SECTION */
/********************/
.sitelogo {width:60px; height:40px; position:absolute; z-index:1; margin:22px 0 0 20px; background:url(/images/layout/bg_head_top_logo.jpg); }
-.sitename {width:600px; height:45px; margin:20px 0 0 160px; position: absolute;}
+.sitename {width:600px; height:45px; position:absolute; z-index:1; margin:20px 0 0 160px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:240%;}
-.sitename h2 {margin:0px 0 0 0; color:white; font-size:120%;}
-.sitename h3 {margin:0px 0 0 0; color:#8A2BE2; font-size:120%;}
-.sitename a {text-decoration:none; color:#8A2BE2;}
-.sitename a:hover {text-decoration:none; color:blue;}
+.sitename h2 {margin:0 0 0 0; color:white; font-size:120%;}
+.sitename h3 {margin:0 0 0 0; color:#A020F0; font-size:120%;}
+.sitename a {text-decoration:none; color:#A020F0;}
+.sitename a:hover {text-decoration:none; color:#800080;}
.nav1 {width:350px; position:absolute; z-index:3; margin:45px 0 0 550px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}
View
165 vhost/html/css/layout2_text.css
@@ -65,16 +65,16 @@
/* MAIN CONTENT */
.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
-.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:#8A2BE2; font-weight:normal; font-size:210%;}
-.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:#8A2BE2; font-weight:bold; font-size:170%;}
-.main-content h3 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:#8A2BE2; font-weight:normal; font-size:130%;}
+.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:#800080; font-weight:normal; font-size:210%;}
+.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:#800080; font-weight:bold; font-size:170%;}
+.main-content h3 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:#800080; font-weight:normal; font-size:130%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}
-.main-content h4 {margin:1.5em 0 1.0em 0; color:#8A2BE2; font-family:"trebuchet ms",arial,sans-serif; font-style:italic; font-size:120%;}
-.main-content h5 {margin:1.5em 0 1.0em 0; color:#8A2BE2; font-family:"trebuchet ms",arial,sans-serif; font-style:italic; font-size:110%;}
-.main-content h6 {margin:1.2em 0 0.2em 0; color:#8A2BE2; font-weight:bold; font-size:100%;}
+.main-content h4 {margin:1.5em 0 1.0em 0; color:#800080; font-family:"trebuchet ms",arial,sans-serif; font-style:italic; font-size:120%;}
+.main-content h5 {margin:1.5em 0 1.0em 0; color:#800080; font-family:"trebuchet ms",arial,sans-serif; font-style:italic; font-size:110%;}
+.main-content h6 {margin:1.2em 0 0.2em 0; color:#800080; font-weight:bold; font-size:100%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
@@ -83,8 +83,8 @@
.main-content pre {clear:both; margin:0 30px 0.6em 30px; font-size:100%;}
.main-content table {clear:both; width:630px; margin:0.5em 0 0.2em 0px; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
-.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
+.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table td {height:2.5em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
.main-content table td.blank {height:2.5em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}
@@ -149,19 +149,6 @@ p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,
.UNKNOWN { color: #999900; }
.NA { color: #999900; }
-.main-content table td.PASS { background-color: #009900; color: #fff; }
-.main-content table td.FAIL { background-color: #990000; color: #fff; }
-.main-content table td.UNKNOWN { background-color: #999900; color: #fff; }
-.main-content table td.NA { background-color: #999900; color: #fff; }
-.main-content table td.blank { background-color: #ffffff; color: #fff; }
-
-.main-content table table { width: 100%; }
-.main-content table p { font-size: 9pt; }
-
-table.blocker th { padding: 2px 7px; }
-table.blocker li { font-size: 9pt; }
-table.blocker th.named { width: 100px; }
-
.gPASS { margin:0;padding:0; }
.gFAIL { margin:0;padding:0; }
.gNA { margin:0;padding:0; }
@@ -176,7 +163,11 @@ table.blocker th.named { width: 100px; }
.patch { margin:0;padding:0; }
.regular { margin:0;padding:0; }
-.main-content .small { font-size: 0.9em; }
+.main-content table td.PASS { background-color: #009900; color: #fff; }
+.main-content table td.FAIL { background-color: #990000; color: #fff; }
+.main-content table td.UNKNOWN { background-color: #999900; color: #fff; }
+.main-content table td.NA { background-color: #999900; color: #fff; }
+.main-content table td.blank { background-color: #ffffff; color: #fff; }
.reportgraph { left: 10px; }
@@ -190,7 +181,7 @@ a.tooltip, a.tooltip:visited {
a.tooltip span {
display: none;
}
-
+
a.tooltip:hover {
background-color: #ddf;
color: #ddf;
@@ -261,12 +252,14 @@ a.tooltip:hover span {
.nav0 li.green a {color:#fff;}
.nav0 li.green a:hover {color:#00ee00;}
+.nav0 li.red {border-right:5px solid #FD0E35;border-left:2px solid #000;}
+.nav0 li.red a {color:#fff;}
+.nav0 li.red a:hover {color:#FD0E35;}
+
.nav0 li.teal {border-right:5px solid #008080;border-left:2px solid #000;}
.nav0 li.teal a {color:#fff;}
.nav0 li.teal a:hover {color:#008080;}
-.alert { color: #f00; }
-
.sponsor { border: 1px solid black; padding: 5px 10px; }
.sponsor img { margin: 0 0 5px 10px; text-align: right; }
@@ -294,19 +287,131 @@ span.tagcloud10 a, span.tagcloud11 a, span.tagcloud12 a, span.tagcloud13 a, span
span.tagcloud15 a, span.tagcloud16 a, span.tagcloud17 a, span.tagcloud18 a, span.tagcloud19 a,
span.tagcloud20 a {text-decoration: none;}
+.main-content table table { width: 100%; }
+.main-content table p { font-size: 9pt; }
+
+table.blocker th { padding: 2px 7px; }
+table.blocker li { font-size: 9pt; }
+table.blocker th.named { width: 100px; }
+
+.main-content .small { font-size: 0.9em; }
+
+.main-content .diaryhead { background-color: #f8f8f8; border-top: 1px solid #000; padding: 2px 5px; }
+.main-content .posted { float: right; font-size: 0.9em; text-align: right; width: 190px; }
+.main-content .titled { padding: 2px; font-size: 1.4em; }
+.main-content .titled a { color: #8A2BE2; }
+.main-content .diaryitem { padding: 0px 10px 2px 10px; background-color: #fcfcfc; }
+.main-content .fileunder { padding: 2px 5px; background-color: #f8f8f8; border-bottom: 1px solid #000; margin-bottom: 10px; }
+
+.main-content table.prevnext { background-color: #fff; border: 1px #000 solid; }
+.main-content table.prevnext td.left { text-align: left; }
+.main-content table.prevnext td.right { text-align: right; }
+
+.main-content h1 a:hover,
+.main-content h2 a:hover,
+.main-content h3 a:hover {color:#A020F0;}
+
+.main-content h1 a:visited,
+.main-content h2 a:visited,
+.main-content h3 a:visited {color:#A020F0;}
+
+.main-content h1 a,
+.main-content h2 a,
+.main-content h3 a {color:#800080;}
+
+/**************** thumbnail styles ****************/
+
+.main-content .thumbnail {
+ display: block;
+ padding-bottom: 10px;
+ /*border-bottom: 1px solid #DDDDDD;*/
+ margin-top: 0px;
+ padding-top: 5px;
+}
+
+.main-content .thumbleft {
+ float: left;
+ margin: 0 5px 4px 0;
+ padding: 4px;
+ border: 1px solid #a0a0a0;
+ text-align: center;
+}
+
+.main-content .thumbcenter {
+ display: block;
+ margin: 0 auto 4px auto;
+ padding: 4px;
+ border: 1px solid #a0a0a0;
+ text-align: center;
+}
+
+.main-content .thumbright {
+ float: right;
+ margin: 0 0 4px 5px;
+ padding: 4px;
+ border: 1px solid #a0a0a0;
+ text-align: center;
+}
+
+.main-content .thumbleft p,
+.main-content .thumbcenter p,
+.main-content .thumbright p {
+ margin: 0;
+ padding: 0 0 -15px 0;
+}
+
+.main-content .thumbleft img,
+.main-content .thumbcenter img,
+.main-content .thumbright img {
+ margin: 0px;
+ padding: 0px;
+}
+
+.main-content .thumbleft a img,
+.main-content .thumbcenter a img,
+.main-content .thumbright a img {
+ border: none;
+}
+
+.main-content td.center { text-align: center; }
+.main-content table table { width: 250px; }
+
+/* this is to cope with the tinymce format widget */
+.main-content table table table { width: 90px }
.main-content table.mceLayout td { border: 0px; }
.mceToolbar table { border: 0px; border-collapse: collapse; }
.mceToolbar table th { border: 0px; padding: 0px; height: 1em; }
.mceToolbar table td { border: 0px; padding: 0px; height: 1em; }
+#socialbar {
+ float: right;
+ width: 400px;
+ border: 0px solid #0f0;
+ margin-right: 10px;
+ margin-top: -20px;
+}
+
+#facebook { width: 70px; float: right; border: 0px solid #f00; }
+#gplus { width: 70px; float: right; border: 0px solid #00f; }
+#breadcrumbs { float: left; }
+
+#tooltip {
+ background-color: #fff;
+ color: #f00;
+ width: 98%;
+
+ padding: 5px;
+ border: dashed 1px #f00;
+ margin-bottom: 20px;
+}
+#tooltip p { margin-top: 2px; margin-bottom: 2px; }
+
+#typekey { visibility: hidden;height:1px; }
+.alert { color: #f00; font-weight: bold; }
.thumbright { float: right; margin: 0 0 10px 10px; }
.thumbleft { float: left; margin: 0 10px 10px 0; }
.justified { text-align: justify; }
-.main-content .diaryhead { background-color: #eee; border-top: 1px solid #000; padding: 2px 5px; }
-.main-content .posted { float: right; font-size: 0.9em; text-align: right; width: 190px; }
-.main-content .titled { padding: 2px; font-size: 1.4em; }
-.main-content .diaryitem { padding: 0px 10px 2px 10px; background-color: #f8f8f8; }
-.main-content .fileunder { padding: 2px 5px; background-color: #eee; border-bottom: 1px solid #000; margin-bottom: 10px; }
-
+.accessibility { display: none }
+.update20110712 { display: none }
View
BIN  vhost/html/images/layout/banner-blog.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Please sign in to comment.
Something went wrong with that request. Please try again.