[DRAFT] This Week in D - Jan 18

anonymous via Digitalmars-d digitalmars-d at puremagic.com
Mon Jan 19 06:22:11 PST 2015


On Monday, 19 January 2015 at 01:42:58 UTC, Adam D. Ruppe wrote:
> http://arsdnet.net/this-week-in-d/jan-18.html

I have some style suggestions.

Demo: http://jsfiddle.net/mrfkLvq8/1/embedded/result/

CSS additions:
----
/* Space things out. */
body {line-height: 1.5em;}
h1 {border-bottom: none; margin-bottom: 1.5em;}
h2 {padding-bottom: 0.5em; margin: 1.5em 0 0.5em;}
h3 {margin: 1.5em 0 1em;}
h1, h2, h3 {font-weight: normal;}
li {margin-top: 0.5em;}

/* I find underlined text harder to read, so no underlines on 
links. */
a {text-decoration: none;}
/* Underline on hover helps distinguish adjacent links. */
a:hover {text-decoration: underline;}

/* Style the title a bit .*/
.d-logo {float: left;}
#title-text {display: block; margin-left: 150px;}
#title-date {display: block; font-size: 0.7em;}
h1 {overflow: none; line-height: 1.3em;}

/* Two columns for the preface. */
#preface {columns: 2; -moz-columns: 2;}
#preface p:first-child {margin-top: 0;}
----

Auxiliary HTML additions:

* In <h1>, add <span id="title-text"> and <span id="title-date">:
     <h1><img class="d-logo" 
src="http://dlang.org/images/dlogo.png" /> <span 
id="title-text">This Week in D: <span id="title-date">January 18, 
2015</span></span></h1>

* Wrap the first couple <p>s in <div id="preface">:
     <div id="preface"><p>Welcome to <i>This Week in D</i>! [...] 
Starting soon, you'll be able to find this publication 
there.</p></div>


More information about the Digitalmars-d mailing list