The penultimo fix to the blog view:
authorthe_mgt <themgt@uncensored.citadel.org>
Thu, 19 Jul 2012 21:30:59 +0000 (23:30 +0200)
committerthe_mgt <themgt@uncensored.citadel.org>
Thu, 19 Jul 2012 21:30:59 +0000 (23:30 +0200)
moved the "x comments | permalink" stuff inside of blog_post div, added a horizontal ruler to separate blog entries and styled the hell out of the whole shebang

webcit/blogview_renderer.c
webcit/static/styles/blog.css
webcit/static/styles/webcit.css
webcit/static/t/view_blog/post.html

index 3e05a377cb0b93c1d893bf69347f32c4e401f2c2..fa2c64752db2dd0d83ba3c4f217c147055788df0 100644 (file)
@@ -54,12 +54,12 @@ void blogpost_render(struct blogpost *bp, int with_comments)
 
        if (with_comments) {
                /* Show any existing comments, then offer the comment box */
-               wc_printf("<a name=\"comments\"></a>\n");
+               wc_printf("<a class=\"blog_show_comments_link\" name=\"comments\"></a>\n");
                wc_printf(_("%d comments"), bp->num_msgs - 1);
-               wc_printf(" | <a href=\"");
+               wc_printf(" | <a class=\"blog_permalink_link\" href=\"");
                tmplput_blog_permalink(NULL, NULL);
                wc_printf("\">%s</a>", _("permalink"));
-               wc_printf("<br>\n");
+               wc_printf("</div>\n");
                for (i=1; i<bp->num_msgs; ++i) {
                        read_message(WC->WBuf, HKEY("view_blog_comment"), bp->msgs[i], NULL, &Mime);
                }
@@ -68,14 +68,14 @@ void blogpost_render(struct blogpost *bp, int with_comments)
 
        else {
                /* Show only the number of comments */
-               wc_printf("<a href=\"readfwd?p=%d?go=", bp->top_level_id);
+               wc_printf("<a class=\"blog_show_comments_link\" href=\"readfwd?p=%d?go=", bp->top_level_id);
                urlescputs(ChrPtr(WC->CurRoom.name));
                wc_printf("#comments\">");
                wc_printf(_("%d comments"), bp->num_msgs - 1);
-               wc_printf("</a> | <a href=\"");
+               wc_printf("</a> | <a class=\"blog_permalink_link\" href=\"");
                tmplput_blog_permalink(NULL, NULL);
                wc_printf("\">%s</a>", _("permalink"));
-               wc_printf("<br><br><br>\n");
+               wc_printf("<hr>\n</div>\n");
        }
 }
 
index 88a8d4391bc84bb6d48dba91749dc312087cd700..9242b55f6c55afa6927c5da05aa1c566dc10b833 100755 (executable)
@@ -1,8 +1,12 @@
 .blog_post {
-       padding-top: 0.5em;
         margin: 0.5em;
         width: 38em;
-       border-top: 1px solid #5C646B;
+}
+
+.blog_post hr {
+       margin: 1em 0.25em;
+       padding: 0 0.25em;
+       border: 1px dotted #5C646B;
 }
 
 .blog_post_title a:link, .blog_post_title a:visited, .blog_post_title a:active {
@@ -22,7 +26,7 @@
  }
 
 .blog_post_header {
-       margin: 0 0.5em;
+       margin: 0 1em; /* adjust with .blog_show_comments_link */
        font-size: smaller;
 }
 
        font-size: 90%;
 }
 
+a.blog_show_comments_link:link, a.blog_show_comments_link:active, a.blog_show_comments_link:visited {
+       margin-left: 1em;
+       color: #000;
+       font-size: smaller;
+}
+
+.blog_permalink_link {
+       font-size: smaller;
+}
+
 .blog_comment {
        margin: 0.5em;
        padding: 0.5em 0.25em 0.25em;
index e0ec4730fdc236fcd1ee71cb04d7c0902a24a8ab..9d90675582e913856673630bde1ea0fe8288f213 100644 (file)
@@ -1264,15 +1264,3 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event
         background: url('../webcit_icons/openid-small.gif') no-repeat scroll 0pt 50%;
         padding-left: 18px;
 }
-
-.older_blog_posts, .newer_blog_posts {
-       font-size: 110%;
-}
-
-.older_blog_posts {
-       text-align: left;
-}
-
-.newer_blog_posts {
-       text-align: right;
-}
index f6d125b79c7416fa83740338d4a7a16541f10993..daab42cabf97cc88e9bf07cba9214ad4d177ad12 100644 (file)
@@ -35,4 +35,4 @@
                <??("X", 16)>
        </div>
        <div id="comment_replyto" style="display:none"><?MAIL:SUMM:INREPLYTO("X")></div>
-</div>
+<!-- closing /div provided by blogview_render.c -->