Permalink
Browse files

Sample for Merriweather, with text from Seneca.

  • Loading branch information...
1 parent af2948d commit 24823adeceeb233e75fbc986c16ebc33ccbf5499 Chad Mazzola committed Feb 12, 2012
Showing with 105 additions and 2 deletions.
  1. +3 −2 _layouts/default.html
  2. +17 −0 index.html
  3. +33 −0 stylesheets/application.css
  4. +52 −0 stylesheets/scss/application.scss
View
@@ -11,11 +11,12 @@
<link href='http://fonts.googleapis.com/css?family=Gentium+Book+Basic:400,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Vollkorn:400italic,400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Gravitas+One' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Lato:100,700,900' rel='stylesheet' type='text/css'>
+ <link href='http://fonts.googleapis.com/css?family=Lato:100,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>
+ <link href='http://fonts.googleapis.com/css?family=PT+Serif:400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=PT+Sans:700' rel='stylesheet' type='text/css'>
+ <link href='http://fonts.googleapis.com/css?family=Merriweather:400,900' rel='stylesheet' type='text/css'>
</head>
<body class="{{ page.keyword }}">
View
@@ -56,6 +56,23 @@
</section>
</section>
+ <section class="sample" id="seneca">
+ <section class="text">
+ <div class="body">
+ <a href="http://www.google.com/webfonts/specimen/Lato" title="Lato">
+ <p class="title">Lucius Annaeus Seneca<br>60 AD</p>
+ </a>
+ <a href="http://www.google.com/webfonts/specimen/Merriweather" title="Merriweather">
+ <h1>De Beneficiis</h1>
+ <hr>
+ <h2>Book I.</h2>
+ <p>Among the numerous faults of those who pass their lives recklessly and without due reflexion, my good friend Liberalis, I should say that there is hardly any one so hurtful to society as this, that we neither know how to bestow or how to receive a benefit. It follows from this that benefits are badly invested, and become bad debts: in these cases it is too late to complain of their not being returned, for they were thrown away when we bestowed them. Nor need we wonder that while the greatest vices are common, none is more common than ingratitude: for this I see is brought about by various causes. The first of these is, that we do not choose worthy persons upon whom to bestow our bounty, but although when we are about to lend money we first make a careful enquiry into the means and habits of life of our debtor, and avoid sowing seed in a worn-out or unfruitful soil, yet without any discrimination we scatter our benefits at random rather than bestow them. It is hard to say whether it is more dishonourable for the receiver to disown a benefit, or for the giver to demand a return of it: for a benefit is a loan, the repayment of which depends merely upon the good feeling of the debtor. To misuse a benefit like a spendthrift is most shameful, because we do not need our wealth but only our intention to set us free from the obligation of it; for a benefit is repaid by being acknowledged. Yet while they are to blame who do not even show so much gratitude as to acknowledge their debt, we ourselves are to blame no less. We find many men ungrateful, yet we make more men so, because at one time we harshly and reproachfully demand some return for our bounty, at another we are fickle and regret what we have given, at another we are peevish and apt to find fault with trifles. By acting thus we destroy all sense of gratitude, not only after we have given anything, but while we are in the act of giving it. Who has ever thought it enough to be asked for anything in an off-hand manner, or to be asked only once? Who, when he suspected that he was going to be asked for any thing, has not frowned, turned away his face, pretended to be busy, or purposely talked without ceasing, in order not to give his suitor a chance of preferring his request, and avoided by various tricks having to help his friend in his pressing need? and when driven into a corner, has not either put the matter off, that is, given a cowardly refusal, or promised his help ungraciously, with a wry face, and with unkind words, of which he seemed to grudge the utterance. Yet no one is glad to owe what he has not so much received from his benefactor, as wrung out of him. Who can be grateful for what has been disdainfully flung to him, or angrily cast at him, or been given him out of weariness, to avoid further trouble? No one need expect any return from those whom he has tired out with delays, or sickened with expectation. A benefit is received in the same temper in which it is given, and ought not, therefore, to be given carelessly, for a man thanks himself for that which he receives without the knowledge of the giver.</p>
+ </a>
+ </div>
+ </a>
+ </section>
+ </section>
+
<section class="sample" id="tufte">
<section class="text">
<a href="http://www.google.com/webfonts/specimen/Vollkorn" title="Vollkorn">
@@ -196,6 +196,39 @@ footer {
text-transform: uppercase; }
.sample#thin h1 .kern {
margin: 0 0 0 8px; }
+.sample#seneca {
+ background: #caccc9;
+ padding: 150px 0 150px 0; }
+ .sample#seneca .text {
+ margin: 0 auto;
+ padding: 0 100px;
+ text-align: left;
+ width: 960px; }
+ .sample#seneca .body {
+ -moz-column-count: 3;
+ -moz-column-gap: 30px;
+ -webkit-column-count: 3;
+ -webkit-column-gap: 30px; }
+ .sample#seneca h1 {
+ color: #222;
+ font: 900 54px/66px "merriweather";
+ letter-spacing: -1px;
+ margin: 44px 0 0 0; }
+ .sample#seneca hr {
+ background: #333;
+ border: 0;
+ height: 3px;
+ margin: 19px 0 22px 0;
+ width: 100px; }
+ .sample#seneca h2 {
+ color: #333;
+ font: 900 14px/22px "merriweather"; }
+ .sample#seneca p.title {
+ color: #c3322f;
+ font: 900 14px/22px "lato"; }
+ .sample#seneca p {
+ color: #333;
+ font: 400 14px/22px "merriweather"; }
.sample#tufte {
background: #f8f5ef;
padding: 300px 0 300px 0; }
@@ -213,6 +213,58 @@ footer {
}
}
+ // Seneca exerpt
+ // ***************************************************************************
+ &#seneca {
+ background: #caccc9;
+ padding: 150px 0 150px 0;
+
+ .text {
+ margin: 0 auto;
+ padding: 0 100px;
+ text-align: left;
+ width: 960px;
+ }
+
+ .body {
+ -moz-column-count: 3;
+ -moz-column-gap: 30px;
+ -webkit-column-count: 3;
+ -webkit-column-gap: 30px;
+ }
+
+ h1 {
+ color: #222;
+ font: 900 54px/66px 'merriweather';
+ letter-spacing: -1px;
+ margin: 44px 0 0 0;
+ }
+
+ hr {
+ background: #333;
+ border: 0;
+ height: 3px;
+ margin: 19px 0 22px 0;
+ width: 100px;
+ }
+
+ h2 {
+ color: #333;
+ font: 900 14px/22px 'merriweather';
+ }
+
+ p.title {
+ color: #c3322f;
+ font: 900 14px/22px 'lato';
+ }
+
+ p {
+ color: #333;
+ font: 400 14px/22px 'merriweather';
+ }
+ }
+
+
// Tufte tribute
// ***************************************************************************
&#tufte {

0 comments on commit 24823ad

Please sign in to comment.