diff options
| author | Heather Miller <heather.miller@epfl.ch> | 2016-10-16 22:40:38 -0400 |
|---|---|---|
| committer | Heather Miller <heather.miller@epfl.ch> | 2016-10-16 22:40:38 -0400 |
| commit | cad413b4737d3723bd40955664c92fe0339e57a5 (patch) | |
| tree | 8dfbf9515243b505e50cff2fe1e780779b189796 | |
| parent | ffedb5d62ec4e5d6ff9b1390b3e35e5b14a15c5e (diff) | |
More..
| -rw-r--r-- | _posts/2016-10-16-welcome-to-jekyll.markdown | 12 | ||||
| -rw-r--r-- | custom.css | 45 | ||||
| -rwxr-xr-x | 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 text<label for="sn-proprietary-monotype-bembo" class="margin-toggle This is another example of a thing.<label for="mn-blue-links" class="margin-toggle">⊕</label><input type="checkbox" id="mn-blue-links" class="margin-toggle"/><span class="marginnote">Blue text, while also a widely recognizable clickable-text indicator, is crass and distracting. Luckily, it is also rendered unnecessary by the use of underlining.</span> 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 <blockquote> @@ -34,14 +41,17 @@ One can also have blockquotes <footer>George Orwell, “Politics and the English Language”</footer> </blockquote> +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. <figure class="fullwidth"> <img src="{{ site.baseurl }}/img/napoleons-march.png" alt="Figurative map of the successive losses of the French Army in the Russian campaign, 1812-1813" /> </figure> - +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 @@ -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; +} @@ -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; } |
