From cad413b4737d3723bd40955664c92fe0339e57a5 Mon Sep 17 00:00:00 2001 From: Heather Miller Date: Sun, 16 Oct 2016 22:40:38 -0400 Subject: More.. --- _posts/2016-10-16-welcome-to-jekyll.markdown | 12 +++++++- custom.css | 45 ++++++++++++++++++++++++++++ tufte.css | 6 ++-- 3 files changed, 59 insertions(+), 4 deletions(-) diff --git a/_posts/2016-10-16-welcome-to-jekyll.markdown b/_posts/2016-10-16-welcome-to-jekyll.markdown index fc3b763..99948f6 100644 --- a/_posts/2016-10-16-welcome-to-jekyll.markdown +++ b/_posts/2016-10-16-welcome-to-jekyll.markdown @@ -27,6 +27,13 @@ Here's some textBlue text, while also a widely recognizable clickable-text indicator, is crass and distracting. Luckily, it is also rendered unnecessary by the use of underlining. This thing is different becuase it doesn't have a number I guess? +Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor +incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis +nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu +fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in +culpa qui officia deserunt mollit anim id est laborum. + One can also have blockquotes
@@ -34,14 +41,17 @@ One can also have blockquotes
George Orwell, “Politics and the English Language”
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + > This is also a blockquote, but I guess it doesn't have who it's attributed to. +Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Figurative map of the successive losses of the French Army in the Russian campaign, 1812-1813
- +Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [jekyll-docs]: http://jekyllrb.com/docs/home [jekyll-gh]: https://github.com/jekyll/jekyll diff --git a/custom.css b/custom.css index 546db63..b89fbab 100644 --- a/custom.css +++ b/custom.css @@ -100,5 +100,50 @@ code { margin-top: 16px; } +blockquote { + /*font-family: Georgia, serif;*/ + font-size: 18px; + font-style: italic; + /*width: 500px;*/ + margin: 0.25em 0; + padding: 0.35em 40px; + /*line-height: 1.45;*/ + position: relative; + /*color: #383838;*/ +} + +blockquote:before { + display: block; + padding-left: 10px; + content: "\201C"; + font-size: 80px; + position: absolute; + left: -20px; + top: -20px; + color: #7a7a7a; +} + +blockquote cite { + color: #999999; + font-size: 14px; + display: block; + /*margin-top: 5px;*/ +} + +blockquote cite:before { + content: "\2014 \2009"; +} +blockquote footer:before { + content: "\2014 \2009"; +} + +blockquote footer { + margin-top: -12px; + font-size: 12px; + font-style: normal; + font-family: 'Montserrat', sans-serif; + text-transform: uppercase; + color: #b3b3b3; +} diff --git a/tufte.css b/tufte.css index a4666a5..0828e07 100755 --- a/tufte.css +++ b/tufte.css @@ -59,14 +59,14 @@ h1 { font-weight: 400; h2 { font-style: italic; font-weight: 400; - margin-top: 2.1rem; + margin-top: 3rem; margin-bottom: 0; - font-size: 2.2rem; + font-size: 2.7rem; line-height: 1; } h3 { font-style: italic; font-weight: 400; - font-size: 1.7rem; + font-size: 2.2rem; margin-top: 2rem; margin-bottom: 0; line-height: 1; } -- cgit v1.2.3