Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
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.

0 comments on commit b3678fc

Please sign in to comment.
Something went wrong with that request. Please try again.