Skip to content
Browse files

more styling, dists, threads, about etc

  • Loading branch information...
1 parent dd1baed commit 013df014428f5db5cd9e8866dd70c900a0e7bb8e @szabgab committed
Showing with 272 additions and 212 deletions.
  1. +4 −0 Changes
  2. +3 −1 tt/incl/header.tt
  3. +9 −10 tt/incl/message_in_thread.tt
  4. +107 −97 tt/pages/about.tt
  5. +75 −61 tt/pages/dists.tt
  6. +21 −10 tt/pages/threads.tt
  7. +16 −2 tt/pages/users.tt
  8. +37 −31 www/style.css
View
4 Changes
@@ -1,3 +1,7 @@
+0.19
+ Change most of the UI to use div elements instead of table elements
+ Change the whole look of the web site
+
0.18 2010.01.18
Converting all the pages to Template Toolkit
View
4 tt/incl/header.tt
@@ -43,14 +43,16 @@
</form>
</div>
-->
+<!--
<div id="toplanguage">
<form id="language" method="post" action="/language">
<select name="lang">
<option value="en" [%IF language_en %]selected="SELECTED"[% END %] >English</option>
-<!-- <option value="hu" [%IF language_hu %]selected="SELECTED"[% END %] >Magyar</option>-->
+ <option value="hu" [%IF language_hu %]selected="SELECTED"[% END %] >Magyar</option>
</select>
</form>
</div>
+-->
</div>
<div id="homelink">
<a href="/">CPAN::Forum</a>
View
19 tt/incl/message_in_thread.tt
@@ -1,17 +1,17 @@
+<div class="message">
<a name="[% post.id %]"></a>
-<table class="message">
-<tr class="message_row_head"><td>
+<div class="message_row_head">
Posted on <span class="date">[% post.date %]</span>
by <span class="username"><a href="/users/[% post.postername %]">[% post.postername %]</a></span>
[% IF post.parentid %]
<span class="inresponse">in response to <a href="#[% post.parentid %]">[% post.parentid %]</a></span>
[% END %]
-</td></tr>
-<tr class="message_row_subject"><td>[% post.subject %]</td></tr>
-<tr class="message_row_text"><td>
+</div>
+<div class="message_row_subject">[% post.subject %]</div>
+<div class="message_row_text">
[% post.text %]
-</td></tr>
-<tr class="message_row_foot"><td>
+</div>
+<div class="message_row_foot">
[% IF post.responses %]
Direct Responses:
[% FOR resp IN post.responses %]
@@ -22,7 +22,6 @@
[% UNLESS post.editor %]
<a href="/response_form/[% post.id %]">Write a response</a>
[% END %]
-</td></tr>
-</table>
-
+</div>
+</div>
View
204 tt/pages/about.tt
@@ -7,103 +7,113 @@
<div id="content_body">
<div id="left_column">
- <div class="blurb">
- The CPAN Forum is a web forum for discussing Perl's CPAN modules - asking questions,
- making comments, helping other users, etc. This is not a forum for generic Perl
- questions- for those, please visit the helpful
- <a href="http://www.perlmonks.org/">Perl Monks</a>, the mailing lists on
- <a href="http://learn.perl.org/">Learn Perl</a> or find the local
- <a href="http://www.pm.org/">Perl Mongers</a>. There are also subject
- specific mailing lists, a list of them is collected at
- <a href="http://lists.cpan.org/">Lists CPAN</a>. For even more resources visit
- <a href="http://www.perl.org/">Perl.org</a>.
- </div>
- <a name="tools"></a>
- <div class="about_list">
- <p class="about_title">Tools used</p>
- <ul>
- <li><a href="/dist/Parse-CPAN-Packages">Parse::CPAN::Packages</a></li>
- <li><a href="/dist/libwww-perl">LWP::Simple</a></li>
- <li><a href="/dist/CGI-Application">CGI::Application</a></li>
- <li><a href="/dist/CGI-Application-Plugin-Session">CGI::Application::Plugin::Session</a></li>
- <li><a href="/dist/CGI-Application-Plugin-LogDispatch">CGI::Application::Plugin::LogDispatch</a></li>
- <li><a href="/dist/CGI-Application-Plugin-TT">CGI::Application::Plugin::TT</a></li>
- <li><a href="/dist/Template">Template Toolkit</a></li>
- <li><a href="/dist/CGI-Session">CGI::Session</a></li>
- <li><a href="/dist/autodie">autodie</a></li>
- <li><a href="/dist/DBI">DBI</a></li>
- <li><a href="/dist/DBD-Pg">DBD::Pg</a> PostgreSQL</li>
- <li><a href="/dist/Moose">Moose</a></li>
- <li><a href="/dist/Digest-SHA">Digest::SHA</a></li>
- <li><a href="/dist/WWW-Mechanize">WWW::Mechanize</a></li>
- <li><a href="/dist/Test-Simple">Test::More</a></li>
- <li><a href="/dist/Test-Most">Test::Most</a></li>
- <li><a href="/dist/Test-Script">Test::Script</a></li>
- <li><a href="/dist/Test-NoWarnings">Test::NoWarnings</a></li>
- <li><a href="/dist/Test-WWW-Mechanize">Test::WWW::Mechanize</a></li>
- <li><a href="/dist/Test-WWW-Mechanize-CGI">Test::WWW::Mechanize::CGI</a></li>
- <li><a href="/dist/XML-RSS-SimpleGen">XML::RSS::SimpleGen</a></li>
- <li><a href="/dist/Mail-Sendmail">Mail::Sendmail</a></li>
- <li><a href="/dist/Text-CSV_XS">Text::CSV_XS</a></li>
- <li><a href="/dist/Parse-RecDescent">Parse::RecDescent</a></li>
- </ul>
- </div>
- <a name="statistics"></a>
- <div class="about_list">
- <p class="about_title">Statistics</p>
- <ul>
- <li>Number of distributions: [% distro_cnt %]</li>
- <li>Number of posts: [% posts_cnt %]</li>
- <li>Number of people: [% users_cnt %]</li>
- <li>Number of subscriptions: [% subscription_cnt %]</li>
- <li>Number of tags in cloud: [% tag_cloud_cnt %]</li>
- </ul>
- <p class="about_p">
- If you have technical problems please contact
- <a href="mailto:gabor@pti.co.il">Gabor Szabo</a>.<br />
- Current site version: [% version %]
- </p>
- </div>
- <a name="news"></a>
- <div class="about_list">
- <p class="about_title">News</p>
- <ul>
- <li> 2010 January 2 - Restarting development effort</li>
- <li> 2005 February 1 - First public release</li>
- <li> 2005 January 15 - First public beta version</li>
- <li> 2004 June - First version (and then a long silence fell on us)</li>
- </ul>
- </div>
- <a name="development"></a>
- <div class="about_list">
- <p class="about_title">Development</p>
- <p>If you'd like to follow the development of this web site and the
- <a href="http://search.cpan.org/dist/CPAN-Forum/">CPAN::Forum</a> distribution
- on CPAN you should know the following things:
- </p>
- <ul>
- <li><a href="http://github.com/szabgab/CPAN-Forum">CPAN::Forum on Github</a></li>
- <li><a href="/dist/CPAN-Forum">Discussion</a></li>
- </ul>
- </div>
- <a name="todo"></a>
- <div class="about_list">
- <p class="about_title">TODO</p>
- <p>
- Read the TODO section in the <a href="http://github.com/szabgab/CPAN-Forum/blob/master/README">README</a> file directly from the repository.
- </p>
- </div>
- <div class="about_list">
- <p class="about_title">Sponsorship, Development grants</p>
- <p>
- Instead of sponsoring the development and maintenance of CPAN::Forum, I
- would be glad to be invited to provide Perl training in your company.
- <br />
- Basically anywhere in the world.
- <br />
- See the list of my training classes at <a href="http://www.pti.co.il/courses.html">Perl courses</a>
- </p>
- </div>
+ <div class="blurb">
+ The CPAN Forum is a web forum for discussing Perl's CPAN modules - asking questions,
+ making comments, helping other users, etc. This is not a forum for generic Perl
+ questions- for those, please visit the helpful
+ <a href="http://www.perlmonks.org/">Perl Monks</a>, the mailing lists on
+ <a href="http://learn.perl.org/">Learn Perl</a> or find the local
+ <a href="http://www.pm.org/">Perl Mongers</a>. There are also subject
+ specific mailing lists, a list of them is collected at
+ <a href="http://lists.cpan.org/">Lists CPAN</a>. For even more resources visit
+ <a href="http://www.perl.org/">Perl.org</a>.
+ </div>
+
+ <a name="tools"></a>
+ <div class="about_list">
+ <p class="about_title">Tools used</p>
+ <ul>
+ <li><a href="/dist/autodie">autodie</a></li>
+ <li><a href="/dist/CGI-Application">CGI::Application</a></li>
+ <li><a href="/dist/CGI-Application-Plugin-LogDispatch">CGI::Application::Plugin::LogDispatch</a></li>
+ <li><a href="/dist/CGI-Application-Plugin-Session">CGI::Application::Plugin::Session</a></li>
+ <li><a href="/dist/CGI-Application-Plugin-TT">CGI::Application::Plugin::TT</a></li>
+ <li><a href="/dist/CGI-Session">CGI::Session</a></li>
+ <li><a href="/dist/DBI">DBI</a></li>
+ <li><a href="/dist/DBD-Pg">DBD::Pg</a> PostgreSQL</li>
+ <li><a href="/dist/Digest-SHA">Digest::SHA</a></li>
+ <li><a href="/dist/libwww-perl">LWP::Simple</a></li>
+ <li><a href="/dist/Mail-Sendmail">Mail::Sendmail</a></li>
+ <li><a href="/dist/Moose">Moose</a></li>
+ <li><a href="/dist/Parse-CPAN-Packages">Parse::CPAN::Packages</a></li>
+ <li><a href="/dist/Parse-RecDescent">Parse::RecDescent</a></li>
+ <li><a href="/dist/Template">Template Toolkit</a></li>
+ <li><a href="/dist/Test-Simple">Test::More</a></li>
+ <li><a href="/dist/Test-Most">Test::Most</a></li>
+ <li><a href="/dist/Test-NoWarnings">Test::NoWarnings</a></li>
+ <li><a href="/dist/Test-Script">Test::Script</a></li>
+ <li><a href="/dist/Test-WWW-Mechanize">Test::WWW::Mechanize</a></li>
+ <li><a href="/dist/Test-WWW-Mechanize-CGI">Test::WWW::Mechanize::CGI</a></li>
+ <li><a href="/dist/Text-CSV_XS">Text::CSV_XS</a></li>
+ <li><a href="/dist/XML-RSS-SimpleGen">XML::RSS::SimpleGen</a></li>
+ <li><a href="/dist/WWW-Mechanize">WWW::Mechanize</a></li>
+ </ul>
+</div>
+<a name="statistics"></a>
+<div class="about_list">
+ <p class="about_title">Statistics</p>
+ <ul>
+ <li>Number of distributions: [% distro_cnt %]</li>
+ <li>Number of posts: [% posts_cnt %]</li>
+ <li>Number of people: [% users_cnt %]</li>
+ <li>Number of subscriptions: [% subscription_cnt %]</li>
+ <li>Number of tags in cloud: [% tag_cloud_cnt %]</li>
+ </ul>
+ <div class="blurb">
+ If you have technical problems please contact
+ <a href="mailto:szabgab@gmail.com">Gabor Szabo</a>.<br />
+ Current site version: [% version %]
+ </div>
+</div>
+<a name="news"></a>
+<div class="about_list">
+ <p class="about_title">News</p>
+ <ul>
+ <li> 2010 January 18 - v0.18 uploaded</li>
+ <li> 2010 January 17 - v0.17 uploaded</li>
+ <li> 2010 January 12 - v0.16 uploaded</li>
+ <li> 2010 January 06 - v0.15 uploaded</li>
+ <li> 2010 January 03 - v0.14 uploaded</li>
+ <li> 2010 January 2 - Restarting development effort</li>
+ <li> 2005 February 1 - First public release</li>
+ <li> 2005 January 15 - First public beta version</li>
+ <li> 2004 June - First version</li>
+ </ul>
+</div>
+
+<a name="development"></a>
+<div class="about_list">
+ <p class="about_title">Development</p>
+ <div class="blurb">
+ If you'd like to follow the development of this web site and the
+ <a href="http://search.cpan.org/dist/CPAN-Forum/">CPAN::Forum</a> distribution
+ on CPAN you should know the following things:
+ </div>
+ <ul>
+ <li><a href="http://github.com/szabgab/CPAN-Forum">CPAN::Forum on Github</a></li>
+ <li><a href="/dist/CPAN-Forum">Discussion</a></li>
+ </ul>
+</div>
+
+<a name="todo"></a>
+<div class="about_list">
+ <p class="about_title">TODO</p>
+ <div class="blurb">
+ Read the TODO section in the <a href="http://github.com/szabgab/CPAN-Forum/blob/master/README">README</a> file directly from the repository.
+ </div>
+</div>
+
+<div class="about_list">
+ <p class="about_title">Sponsorship, Development grants</p>
+ <div class="blurb">
+ Instead of sponsoring the development and maintenance of CPAN::Forum, I
+ would be glad to be invited to provide Perl training in your company.
+ <br />
+ Basically anywhere in the world.
+ <br />
+ See the list of my training classes at <a href="http://www.pti.co.il/courses.html">Perl courses</a>
+ </div>
+</div>
</div>
View
136 tt/pages/dists.tt
@@ -8,78 +8,92 @@
[% INCLUDE incl/links.tt %]
-<p>
-This section of the site is for discussing the <b>[% group %]</b> CPAN distribution.
-<br />
-All the posts related to modules of <a href="/author/[% pauseid_name %]">[% pauseid_name %]</a>.
-</p>
-
-<p>
-[% IF frequent_tags %]
- Current tags:
- [% FOR tag IN frequent_tags %]
- <a href="/tags/name/[% tag.name %]">[% tag.name %]</a>([% tag.cnt %])[% UNLESS loop.last %], [% END %]
- [% END %]
- <br />
-[% END %]
-</p>
+<div id="content_body">
+<div id="left_column">
-[% IF show_tags %]
<p>
-
- [% IF mytags %]
- My Tags:
- [% FOR tag IN mytags %]
- <a href="/tags/name/[% tag.name %]">[% tag.name %]</a>[% UNLESS loop.last %], [% END %]
- [% END %]
- [% END %]
+ This section of the site is for discussing the <b>[% group %]</b> CPAN distribution.
<br />
-
- <form method="post" action="/update/" name="update_tags">
- <input type="hidden" name="what" value="tags" />
- <input type="hidden" name="group_id" value="[% group_id %]" />
- <input name="new_tags" value="[% FOR tag IN mytags %][% tag.name %][% UNLESS loop.last %],[% END %] [% END %]" />
- <input type="submit" name="update_button" value="Update my tags" />
- </form>
+ All the posts related to modules of <a href="/author/[% pauseid_name %]">[% pauseid_name %]</a>.
</p>
-[% END %]
-[% IF messages %]
<p>
- <center>
- <form action="/new_post/[% group %]">
- <input type="submit" value="Post a message in the subforum of [% group %]">
- </form>
- </center>
+ [% IF frequent_tags %]
+ Current tags:
+ [% FOR tag IN frequent_tags %]
+ <a href="/tags/name/[% tag.name %]">[% tag.name %]</a>([% tag.cnt %])[% UNLESS loop.last %], [% END %]
+ [% END %]
+ <br />
+ [% END %]
</p>
-[% ELSE %]
+
+ [% IF show_tags %]
+ <p>
+
+ [% IF mytags %]
+ My Tags:
+ [% FOR tag IN mytags %]
+ <a href="/tags/name/[% tag.name %]">[% tag.name %]</a>[% UNLESS loop.last %], [% END %]
+ [% END %]
+ [% END %]
+ <br />
+
+ <form method="post" action="/update/" name="update_tags">
+ <input type="hidden" name="what" value="tags" />
+ <input type="hidden" name="group_id" value="[% group_id %]" />
+ <input name="new_tags" value="[% FOR tag IN mytags %][% tag.name %][% UNLESS loop.last %],[% END %] [% END %]" />
+ <input type="submit" name="update_button" value="Update my tags" />
+ </form>
+ </p>
+ [% END %]
+
+ [% IF messages %]
+ <p>
+ <center>
+ <form action="/new_post/[% group %]">
+ <input type="submit" value="Post a message in the subforum of [% group %]">
+ </form>
+ </center>
+ </p>
+ [% ELSE %]
+ <p>
+ The whole web site is new, so there are no posts in this section yet.
+ Visit the <a href="/">main page</a> to see more action.
+ </p>
+ <p>
+ <center>
+ <form action="/new_post/[% group %]">
+ <input type="submit" value="Be the first one to post a message in the subforum of [% group %]">
+ </form>
+ </center>
+ </p>
+ [% END %]
+
<p>
- The whole web site is new, so there are no posts in this section yet.
- Visit the <a href="/">main page</a> to see more action.
+ If you are <a href="/register/">registered</a> on the forum you can <a href="/mypan/dist/[% group %]">subscribe to e-mail notification [% group %]</a> for this specific
+ distribution and get alerted when someone posts a new message.
</p>
+
+ [% INCLUDE incl/listing.tt %]
+
<p>
- <center>
- <form action="/new_post/[% group %]">
- <input type="submit" value="Be the first one to post a message in the subforum of [% group %]">
- </form>
- </center>
+ Users currently monitoring this forum:
+ [% FOR u IN users %]
+ <a href="/users/[% u.username %]">[% u.username %]</a>,
+ [% END %]
</p>
-[% END %]
-
-<p>
-If you are <a href="/register/">registered</a> on the forum you can <a href="/mypan/dist/[% group %]">subscribe to e-mail notification [% group %]</a> for this specific
-distribution and get alerted when someone posts a new message.
-</p>
-[% INCLUDE incl/listing.tt %]
-
-<p>
-Users currently monitoring this forum:
-[% FOR u IN users %]
- <a href="/users/[% u.username %]">[% u.username %]</a>,
-[% END %]
-</p>
-
-<p><a href="[% rss_href %]"><img src="/img/rss1.gif" alt="[% rss_title %]" /></a></p>
+
+ <div id="rss"><a href="[% rss_href %]"><img src="/img/rss1.gif" alt="[% rss_title %]" /></a></div>
+</div>
+
+<div id="right_column">
+ <!--
+ This place was intentionally left empty.
+ -->
+</div>
+
+</div>
+
[% INCLUDE incl/footer.tt %]
View
31 tt/pages/threads.tt
@@ -7,15 +7,26 @@
[% INCLUDE incl/header.tt %]
[% INCLUDE incl/link_to_dist.tt %]
-<table class="threads">
-[% FOR post IN posts %]
- [% odd = loop.count mod 2 %]
- <tr class="threads_[% IF odd %]odd[% ELSE %]even[% END %]">
- <td>
- [% INCLUDE incl/message_in_thread.tt post %]
- </td>
- </tr>
-[% END %]
-</table>
+
+<div id="content_body">
+<div id="left_column">
+
+ <div class="threads">
+ [% FOR post IN posts %]
+ [% odd = loop.count mod 2 %]
+ <div class="threads_[% IF odd %]odd[% ELSE %]even[% END %]">
+ [% INCLUDE incl/message_in_thread.tt post %]
+ </div>
+ [% END %]
+ </div>
+</div>
+
+<div id="right_column">
+ <!--
+ This place was intentionally left empty.
+ -->
+</div>
+
+</div>
[% INCLUDE incl/footer.tt %]
View
18 tt/pages/users.tt
@@ -17,9 +17,23 @@ Last name: [% lname %]<br />
[% END %]
[% END %]
-<p>
+
+<div id="content_body">
+<div id="left_column">
+
+<div class="blurb">
Tags by <a href="/tags/user/[% this_username %]">[% this_username %]</a>
-</p>
+</div>
[% INCLUDE incl/listing.tt %]
+</div>
+
+<div id="right_column">
+ <!--
+ This place was intentionally left empty.
+ -->
+</div>
+
+</div>
+
[% INCLUDE incl/footer.tt %]
View
68 www/style.css
@@ -13,7 +13,7 @@ body {
font-family: Arial;
font-size: 100%;
text-align: center;
- line-height: 1;
+/* line-height: 1;*/
}
td {
@@ -34,49 +34,49 @@ input {
}
a {
- color:#0077CC;
- cursor:pointer;
- text-decoration:none;
+ color: #0077CC;
+ cursor: pointer;
+ text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:visited {
- color:#4A6B82;
+ color: #4A6B82;
}
.lsep {
- color:#CCCCCC;
- font-size:110%;
- margin:0 2px;
+ color: #CCCCCC;
+ font-size: 110%;
+ margin: 0 2px;
}
.container {
- margin: 0 auto;
- text-align: left; /* what about rtl? */
- width: 960px;
- zoom:1;
+ margin: 0 auto;
+ text-align: left; /* what about rtl? */
+ width: 960px;
+ zoom: 1;
}
#header {
- height: 103px;
- width: 100%;
+ height: 103px;
+ width: 100%;
}
#header #topbar {
background-color: #EEEEEE;
- float: right;
- height: 30px;
- line-height: 22px;
- max-width: 950px;
- padding: 3px 10px 0;
- width: auto;
+ float: right;
+ height: 30px;
+ line-height: 22px;
+ max-width: 950px;
+ padding: 3px 10px 0;
+ width: auto;
}
#header #topbar #toplinks {
- float: left;
- margin: 0 35px 0 0;
+ float: left;
+ margin: 0 35px 0 0;
}
#header #topbar #toplinks a {
@@ -347,17 +347,20 @@ TABLE.posts {
}
.about_list {
- font-size: 14pt;
+/* font-size: 14px;*/
+}
+.about_list li {
+ height: 18px;
}
.about_title {
- margin-top: 0px;
+ margin-top: 10px;
+ margin-bottom: 20px;
background: white;
- height: 18px;
- padding: 0px 0px 0px 20px;
- font-size: 12pt;
+ padding: 4px 4px 0px 4px;
+ font-size: 18px;
+ height: 20px;
color: #333333;
- margin-bottom: 20px;
border: solid thin;
border-color: #333333;
}
@@ -400,12 +403,15 @@ TABLE.posts {
.links {
/* background: lightyellow; */
+ float: left;
background: #eeeeee;
- text-align: center;
+ width: 100%;
+ text-align: center;
}
.admin_links {
width: 100%;
background: #dddddd;
+ float: left;
text-align: left;
}
@@ -434,8 +440,8 @@ TABLE.posts {
}
.blurb {
- padding: 2ex 1ex;
- width: 70%;
+ padding: 10px 2px 10px 2px;
+
}

0 comments on commit 013df01

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