├── layouts
    ├── partials
    │   ├── javascript.html
    │   ├── body_bottom.html
    │   ├── fonts.html
    │   ├── bottom_mathjax.html
    │   ├── header.html
    │   ├── body_top.html
    │   ├── head_includes.html
    │   ├── css_colors.html
    │   ├── favicons.html
    │   ├── meta.html
    │   └── footer.html
    ├── index.html
    ├── exam
    │   └── single.html
    ├── page
    │   └── single.html
    ├── _default
    │   ├── single.html
    │   └── list.html
    ├── class
    │   └── single.html
    ├── reading
    │   └── single.html
    ├── 404.html
    ├── assignment
    │   └── single.html
    └── shortcodes
    │   ├── courseinfo.html
    │   └── schedule.html
├── archetypes
    └── default.md
├── static
    ├── 404.gif
    └── theme
    │   └── css
    │       ├── latex.css
    │       ├── custom.css
    │       └── tufte.css
├── theme.toml
├── README.md
└── LICENSE.md


/layouts/partials/javascript.html:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/archetypes/default.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: ''
3 | date: ''
4 | ---
5 | 


--------------------------------------------------------------------------------
/static/404.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/andrewheiss/ath-tufte-hugo_18-19/HEAD/static/404.gif


--------------------------------------------------------------------------------
/layouts/partials/body_bottom.html:
--------------------------------------------------------------------------------
1 |     {{ partial "bottom_mathjax.html" . }}
2 | </div>
3 | </body>
4 | </html>
5 | 


--------------------------------------------------------------------------------
/layouts/index.html:
--------------------------------------------------------------------------------
 1 | {{ partial "header.html" . }}
 2 | {{ partial "body_top.html" . }}
 3 | 
 4 | <article class="group">
 5 | 
 6 | <h1>{{ .Title }}</h1>
 7 | 
 8 | {{ .Content }}
 9 | 
10 | </article>
11 | 
12 | {{ partial "footer.html" . }}
13 | {{ partial "body_bottom.html" . }}
14 | 


--------------------------------------------------------------------------------
/layouts/exam/single.html:
--------------------------------------------------------------------------------
 1 | {{ partial "header.html" . }}
 2 | {{ partial "body_top.html" . }}
 3 | 
 4 |     <article class="group">
 5 |     <h1>{{ .Title }}</h1>
 6 |     
 7 |     {{ .Content }}
 8 | 
 9 |     </article>
10 | 
11 | {{ partial "footer.html" . }}
12 | {{ partial "body_bottom.html" . }}
13 | 


--------------------------------------------------------------------------------
/layouts/page/single.html:
--------------------------------------------------------------------------------
 1 | {{ partial "header.html" . }}
 2 | {{ partial "body_top.html" . }}
 3 | 
 4 |     <article class="group">
 5 |     <h1>{{ .Title }}</h1>
 6 | 
 7 |     {{ .Content }}
 8 | 
 9 |     </article>
10 | 
11 | {{ partial "footer.html" . }}
12 | {{ partial "body_bottom.html" . }}
13 | 


--------------------------------------------------------------------------------
/layouts/partials/fonts.html:
--------------------------------------------------------------------------------
1 | <link href="https://fonts.googleapis.com/css?family=Oswald:400,600|Roboto:300,400" rel="stylesheet"> 
2 | <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
3 | 


--------------------------------------------------------------------------------
/layouts/_default/single.html:
--------------------------------------------------------------------------------
 1 | {{ partial "header.html" . }}
 2 | {{ partial "body_top.html" . }}
 3 | 
 4 |     <article class="group">
 5 |     <h1>{{ .Title }}</h1>
 6 | 
 7 |     <h2>{{ .Date.Format "2006/01/02" }}</h2>
 8 |     
 9 |     {{ .Content }}
10 | 
11 |     </article>
12 | 
13 | {{ partial "footer.html" . }}
14 | {{ partial "body_bottom.html" . }}
15 | 


--------------------------------------------------------------------------------
/layouts/class/single.html:
--------------------------------------------------------------------------------
 1 | {{ partial "header.html" . }}
 2 | {{ partial "body_top.html" . }}
 3 | 
 4 |     <article class="group">
 5 |     <h1>{{ .Title }}</h1>
 6 |     
 7 |     <p class="page-date">Materials for class on {{ .Date.Format "Monday, January 2, 2006" }}</p>
 8 |     
 9 |     {{ .Content }}
10 | 
11 |     </article>
12 | 
13 | {{ partial "footer.html" . }}
14 | {{ partial "body_bottom.html" . }}
15 | 


--------------------------------------------------------------------------------
/layouts/reading/single.html:
--------------------------------------------------------------------------------
 1 | {{ partial "header.html" . }}
 2 | {{ partial "body_top.html" . }}
 3 | 
 4 |     <article class="group">
 5 |     <h1>{{ .Title }}</h1>
 6 | 
 7 |     <p class="page-date">Readings due before class on {{ .Date.Format "Monday, January 2, 2006" }}</p>
 8 |     
 9 |     {{ .Content }}
10 | 
11 |     </article>
12 | 
13 | {{ partial "footer.html" . }}
14 | {{ partial "body_bottom.html" . }}
15 | 


--------------------------------------------------------------------------------
/theme.toml:
--------------------------------------------------------------------------------
 1 | # theme.toml template for a Hugo theme
 2 | # See https://github.com/gohugoio/hugoThemes#themetoml for an example
 3 | 
 4 | name = "ATH Tufte Hugo"
 5 | license = "MIT"
 6 | licenselink = "https://github.com/andrewheiss/ath-tufte-hugo/blob/master/LICENSE.md"
 7 | description = ""
 8 | tags = []
 9 | features = []
10 | min_version = "0.26"
11 | 
12 | [author]
13 |   name = "Andrew Heiss"
14 |   homepage = "https://www.andrewheiss.com"
15 | 


--------------------------------------------------------------------------------
/layouts/404.html:
--------------------------------------------------------------------------------
 1 | {{ partial "header.html" . }}
 2 | {{ partial "body_top.html" . }}
 3 | 
 4 | <article class="group">
 5 | 
 6 | <h2>Sorry! The page you were looking for isn&rsquo;t here!</h2>
 7 | <img src="/404.gif" alt="404">
 8 | 
 9 | <p style="font-size: 0.9rem; text-align: center;">GIF by <a href="https://twitter.com/stephcd/status/880512544934432768">Steph Davidson</a>.</p>
10 | 
11 | </article>
12 | 
13 | {{ partial "footer.html" . }}
14 | {{ partial "body_bottom.html" . }}
15 | 


--------------------------------------------------------------------------------
/layouts/partials/bottom_mathjax.html:
--------------------------------------------------------------------------------
 1 | {{ if and (not .Params.disable_mathjax) (or (in (string .Content) "\\") (in (string .Content) "$$")) }}
 2 |     <script type="text/x-mathjax-config">
 3 |     MathJax.Hub.Config({
 4 |       tex2jax: {
 5 |         skipTags: ['script', 'noscript', 'style', 'textarea', 'pre']
 6 |       }
 7 |     });
 8 |     </script>
 9 |     <script async type="text/javascript"
10 |       src="https://cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML">
11 |     </script>
12 | {{ end }}
13 | 


--------------------------------------------------------------------------------
/layouts/partials/header.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="{{ .Site.LanguageCode }}"
 3 |       xmlns:og="http://ogp.me/ns#"
 4 |       xmlns:fb="https://www.facebook.com/2008/fbml">
 5 | <head>
 6 |     {{ partial "meta.html" . }}
 7 |     {{- if eq .URL "/" }}
 8 |     <title>{{ .Site.Params.course.number }}: {{ .Site.Title }}</title>
 9 |     {{- else }}
10 |     <title>{{ .Title }} | {{ .Site.Params.course.number }}: {{ .Site.Title }}</title>
11 |     {{- end }}
12 |     <link rel="canonical" href="{{ .Permalink }}">
13 |     {{ partial "head_includes.html" . }}
14 | </head>
15 | 


--------------------------------------------------------------------------------
/layouts/partials/body_top.html:
--------------------------------------------------------------------------------
 1 | <body>
 2 | <div class="wrap">
 3 |     <header>
 4 |         <nav class="group logo-wrap">
 5 |             <a href="/" class="logo"><img src="{{ .Site.Params.logo.url | absURL }}" alt="{{ .Site.Params.logo.alt }}"></a>
 6 |             <h1 class="websitetitle"><a href="{{ .Site.BaseURL }}">{{ .Site.Params.course.number }}: {{ .Site.Title }}</a></h1>
 7 |         </nav>
 8 |         <nav class="bottom-group">
 9 |             {{ range .Site.Menus.main }}
10 |             <a href="{{ .URL }}">{{ .Name }}</a>
11 |             {{ end }}
12 |         </nav>
13 |     </header>
14 | 


--------------------------------------------------------------------------------
/layouts/partials/head_includes.html:
--------------------------------------------------------------------------------
 1 | <link href="/theme/css/tufte.css" rel="stylesheet">
 2 |     <link href="/theme/css/latex.css" rel="stylesheet">
 3 |     <link href="/theme/css/custom.css" rel="stylesheet">
 4 | 
 5 |     {{ "<!--[if lt IE 9]>" | safeHTML }}
 6 |     <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 7 |     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 8 |     {{ "<![endif]-->" | safeHTML }}
 9 | 
10 |     {{ partial "css_colors.html" . }}
11 |     {{ partial "favicons.html" . }}
12 |     {{ partial "javascript.html" . }}
13 |     {{ partial "fonts.html" . }}
14 | 


--------------------------------------------------------------------------------
/layouts/assignment/single.html:
--------------------------------------------------------------------------------
 1 | {{ partial "header.html" . }}
 2 | {{ partial "body_top.html" . }}
 3 | 
 4 |     <article class="group">
 5 |     <h1>{{ .Title }}</h1>
 6 | 
 7 |     {{ if isset .Params "due_date" }}
 8 |     <p class="page-date">Due by <strong>{{ .Params.due_time }}</strong> on {{ dateFormat "Monday, January 2, 2006" .Params.due_date }}</p>
 9 |     {{ else }}
10 |     <p class="page-date">Due by <strong>11:59 PM</strong> on {{ (.Date.AddDate 0 0 -1).Format "Monday, January 2, 2006" }}</p>
11 |     {{ end }}
12 |     
13 |     {{ .Content }}
14 | 
15 |     </article>
16 | 
17 | {{ partial "footer.html" . }}
18 | {{ partial "body_bottom.html" . }}
19 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Tufte CSS + Hugo
 2 | 
 3 | This is the template for my course-specific websites.
 4 | 
 5 | 
 6 | ## CSS provenance and credit
 7 | 
 8 | [Tufte's CSS](https://github.com/edwardtufte/tufte-css) is relatively basic and doesn't deal with headers and footers and other basic website elements. The [Tufte Jekyll theme](https://github.com/clayh53/tufte-jekyll) has all these, but it's written for Jekyll (*and* it's written in Sass).
 9 | 
10 | So, I went to [the demo page](https://clayh53.github.io/tufte-jekyll/), copied [the compiled CSS file](https://clayh53.github.io/tufte-jekyll/css/tufte.css) there, and used that as my base CSS file. It probably still has a lot of Jekyll-specific things that I don't use, but ¯\\\_(ツ)\_/¯.
11 | 
12 | And *then* I pilfered from [John Martin's excellent modifications](https://johndmart.in/) and made my own.
13 | 


--------------------------------------------------------------------------------
/layouts/_default/list.html:
--------------------------------------------------------------------------------
 1 | {{ partial "header.html" . }}
 2 | 
 3 | <main class="content" role="main">
 4 | 
 5 |   {{ if and .IsHome .Content }}
 6 |   <article class="article">
 7 |     <div class="article-content">
 8 |       {{ .Content }}
 9 |     </div>
10 |   </article>
11 |   {{ else }}
12 |   <div class="archive">
13 |     {{ range (where .Site.RegularPages "Type" "post").GroupByDate "2006" }}
14 |     <h2 class="archive-title">{{ .Key }}</h2>
15 |     {{ range .Pages }}
16 |     <article class="archive-item">
17 |       <a href="{{ .RelPermalink }}" class="archive-item-link">{{ .Title }}</a>
18 |       <span class="archive-item-date">
19 |         {{ .Date.Format "2006/01/02" }}
20 |       </span>
21 |     </article>
22 |     {{ end }}
23 |     {{ end }}
24 |   </div>
25 |   {{ end }}
26 | 
27 | </main>
28 | 
29 | {{ partial "footer.html" . }}
30 | 


--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2017 Andrew Heiss
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of
 6 | this software and associated documentation files (the "Software"), to deal in
 7 | the Software without restriction, including without limitation the rights to
 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 9 | the Software, and to permit persons to whom the Software is furnished to do so,
10 | subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | 


--------------------------------------------------------------------------------
/static/theme/css/latex.css:
--------------------------------------------------------------------------------
 1 | .latex-sub, .latex-sup { text-transform: uppercase;
 2 |                          font-size: smaller;
 3 |                          position: relative; }
 4 | 
 5 | .latex-sub { top: 0.2rem;
 6 |              margin-left: -0.1667rem;
 7 |              margin-right: -0.125rem; }
 8 | 
 9 | .latex-sup { top: -0.2rem;
10 |              margin-left: -0.36rem;
11 |              margin-right: -0.15rem;
12 |              text-shadow: none; }
13 | 
14 | .latex::selection, .latex span:not(.latex-sup)::selection { text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe;
15 |                     background: #b4d5fe; }
16 | 
17 | .latex::-moz-selection, .latex span:not(.latex-sup)::-moz-selection { text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe;
18 |                          background: #b4d5fe; }
19 | 


--------------------------------------------------------------------------------
/layouts/partials/css_colors.html:
--------------------------------------------------------------------------------
 1 | <style type="text/css">
 2 |         .wrap a, .wrap a:visited {
 3 |             color: {{ .Site.Params.primaryColor }};
 4 |         }
 5 | 
 6 |         .wrap a:hover {
 7 |             color: {{ .Site.Params.secondaryColor }};
 8 |         }
 9 | 
10 |         .wrap p > a {
11 |             color: {{ .Site.Params.primaryColor }};
12 |         }
13 | 
14 |         article .sidenote-number:after, article .sidenote:before {
15 |             color: {{ .Site.Params.primaryColor }};
16 |         }
17 | 
18 |         article .sidenote:before {
19 |             color: {{ .Site.Params.primaryColor }};
20 |         }
21 | 
22 |         @media (max-width: 760px) {
23 |             label.margin-toggle:not(.sidenote-number) {
24 |                 color: {{ .Site.Params.primaryColor }};
25 |             }
26 |         }
27 | 
28 |         .contrast a, .contrast a:visited {
29 |             color: {{ .Site.Params.primaryColor }}; 
30 |         }
31 | 
32 |         header > nav a {
33 |             color: {{ .Site.Params.primaryColor }};
34 |         }
35 | 
36 |         .credits a {
37 |             color: {{ .Site.Params.primaryColor }};
38 |         }
39 | 
40 |         .wrap .tag {
41 |             background: {{ .Site.Params.primaryColor }};
42 |         }
43 |     </style>
44 | 


--------------------------------------------------------------------------------
/layouts/partials/favicons.html:
--------------------------------------------------------------------------------
 1 | <link rel="shortcut icon" href="{{ "favicon.ico?v=001" | absURL }}" />
 2 |     <link rel="apple-touch-icon-precomposed" sizes="57x57" href="{{ "images/apple-touch-icon-57x57.png" | absURL }}" />
 3 |     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ "images/apple-touch-icon-114x114.png" | absURL }}" />
 4 |     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ "images/apple-touch-icon-72x72.png" | absURL }}" />
 5 |     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ "images/apple-touch-icon-144x144.png" | absURL }}" />
 6 |     <link rel="apple-touch-icon-precomposed" sizes="120x120" href="{{ "images/apple-touch-icon-120x120.png" | absURL }}" />
 7 |     <link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ "images/apple-touch-icon-152x152.png" | absURL }}" />
 8 |     <link rel="icon" type="image/png" href="{{ "images/favicon-32x32.png" | absURL }}" sizes="32x32" />
 9 |     <link rel="icon" type="image/png" href="{{ "images/favicon-16x16.png" | absURL }}" sizes="16x16" />
10 |     <meta name="application-name" content="{{ .Site.Params.course.number }}: {{ .Site.Title }}"/>
11 |     <meta name="msapplication-TileColor" content="#FFFFFF" />
12 |     <meta name="msapplication-TileImage" content="{{ "images/mstile-144x144.png" | absURL }}" />
13 | 


--------------------------------------------------------------------------------
/layouts/shortcodes/courseinfo.html:
--------------------------------------------------------------------------------
 1 | <span class="fake-header">Instructor</span><br>
 2 | <span class="fake-li"><i class="fas fa-user"></i><a href="{{ .Site.Params.instructor.url }}"> {{ .Site.Params.instructor.name }}</a></span><br>
 3 | <span class="fake-li"><i class="fas fa-university"></i> {{ .Site.Params.instructor.office }}</span><br>
 4 | <span class="fake-li"><i class="fas fa-envelope"></i><a href="mailto:{{ .Site.Params.instructor.email }}"> {{ .Site.Params.instructor.email }}</a></span><br>
 5 | <span class="fake-li"><i class="fab fa-twitter"></i><a href="https://twitter.com/{{ .Site.Params.instructor.twitter }}"> @{{ .Site.Params.instructor.twitter }}</a></span><br>
 6 | <span class="fake-li"><i class="fas fa-users"></i> {{ .Site.Params.course.contactDetails | markdownify}}</span><br>
 7 | <br>
 8 | <span class="fake-header">Course</span><br>
 9 | <span class="fake-li"><i class="far fa-calendar"></i> {{ .Site.Params.course.days }}</span><br>
10 | <span class="fake-li"><i class="far fa-calendar-alt"></i> {{ .Site.Params.course.dates }}</span><br>
11 | <span class="fake-li"><i class="far fa-clock"></i> {{ .Site.Params.course.time }}</span><br>
12 | <span class="fake-li"><i class="fas fa-university"></i> {{ .Site.Params.course.location }}</span><br>
13 | {{ if isset .Site.Params.course "slack" }}<span class="fake-li"><i class="fab fa-slack"></i> <a href="{{ .Site.Params.course.slack }}">Slack</a></span><br>{{ end }}
14 | 


--------------------------------------------------------------------------------
/layouts/shortcodes/schedule.html:
--------------------------------------------------------------------------------
 1 | <table class="table schedule" style="max-width:100%">
 2 |     <tbody>
 3 | 
 4 |     {{- range .Site.Data.lessons }}
 5 |         {{- range . }}
 6 |         <tr>
 7 |             <td align="right" style="width:20%;text-align:right">{{ .date }}</td>
 8 |             <td style="width:50%;text-align:left">{{ .title | markdownify }}</td>
 9 | 
10 |             {{- if .header }}
11 | 
12 |             <td style="width:10%;text-align:center" class="mid-table-header">Reading</td>
13 |             <td style="width:10%;text-align:center" class="mid-table-header">Assignment</td>
14 |             <td style="width:10%;text-align:center" class="mid-table-header">Class</td>
15 | 
16 |             {{- else }}
17 | 
18 |             {{- if .reading }}
19 |             <td align="center" style="width:10%;text-align:center"><a href="{{ .Site.baseurl }}/reading/{{ .reading }}/">
20 |                 <i class="fas fa-book-reader fa-lg"></i></a></td>
21 |             {{- else }}
22 |             <td align="center" style="width:10%;text-align:center"><font color="f1f1f1">
23 |                 <i class="fas fa-book-reader fa-lg"></i></font></td>
24 |             {{- end }}
25 | 
26 |             {{- if .assignment }}
27 |             <td align="center" style="width:10%;text-align:center"><a href="{{ .Site.baseurl }}/assignment/{{ .assignment }}/">
28 |                 <i class="fas fa-laptop-code"></i></a></td>
29 |             {{- else }}
30 |             <td align="center" style="width:10%;text-align:center"><font color="f1f1f1">
31 |                 <i class="fas fa-laptop-code"></i></font></td>
32 |             {{- end }}
33 | 
34 |             {{- if .class }}
35 |             <td align="center" style="width:10%;text-align:center"><a href="{{ .Site.baseurl }}/class/{{ .class }}/">
36 |                 <i class="fas fa-university fa-lg"></i></a></td>
37 |             {{- else }}
38 |             <td align="center" style="width:10%;text-align:center"><font color="f1f1f1">
39 |                 <i class="fas fa-university fa-lg"></i></font></td>
40 |             {{- end }}
41 |             
42 |             {{- end }}
43 |         </tr>
44 |         {{- end }}
45 |     {{- end }}
46 | 
47 |     </tbody>
48 | 
49 | </table>
50 | 


--------------------------------------------------------------------------------
/layouts/partials/meta.html:
--------------------------------------------------------------------------------
 1 | <meta charset="utf-8">
 2 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 3 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 4 |     <meta name="author" content="{{ .Site.Params.author }}">
 5 |     {{- if .Description }}
 6 |     <meta name="description" content=".Description">
 7 |     {{- else }}
 8 |     <meta name="description" content="{{ .Site.Params.description }}">
 9 |     {{- end }}
10 | 
11 |     <meta name="twitter:card" value="summary_large_image">
12 |     <meta name="twitter:site" content="{{ .Site.Params.meta.twitterSite }}">
13 |     {{- if eq .URL "/" }}
14 |     <meta name="twitter:title" content="{{ .Site.Params.course.number }}: {{ .Site.Title }}">
15 |     {{- else }}
16 |     <meta name="twitter:title" content="{{ .Title }} | {{ .Site.Params.course.number }}: {{ .Site.Title }}">
17 |     {{- end }}
18 |     <meta name="twitter:creator" content="{{ .Site.Params.meta.twitterCreator }}">
19 |     {{- if .Params.thumbnail }}
20 |     <meta name="twitter:image" content="{{ .Params.thumbnail | absURL }}">
21 |     {{- else }}
22 |     <meta name="twitter:image" content="{{ .Site.Params.thumbnail | absURL }}">
23 |     {{- end }}
24 |     {{- if .Description }}
25 |     <meta name="twitter:description" content="{{ .Description }}" />
26 |     {{- else }}
27 |     <meta name="twitter:description" content="{{ .Site.Params.description }}" />
28 |     {{- end }}
29 | 
30 |     <meta property="og:site_name" content="{{ .Site.Params.course.number }}: {{ .Site.Title }}"/>
31 |     {{- if eq .URL "/" }}
32 |     <meta property="og:title" content="{{ .Site.Params.course.number }}: {{ .Site.Title }}">
33 |     {{- else }}
34 |     <meta property="og:title" content="{{ .Title }} | {{ .Site.Params.course.number }}: {{ .Site.Title }}">
35 |     {{- end }}
36 |     <meta property="og:type" content="article" />
37 |     <meta property="article:author" content="{{ .Site.Params.meta.fbAuthor }}" />
38 |     <meta property="og:url" content="{{ .Site.BaseURL }}" />
39 |     {{- if .Params.thumbnail }}
40 |     <meta property="og:image" content="{{ .Params.thumbnail | absURL }}">
41 |     {{- else }}
42 |     <meta property="og:image" content="{{ .Site.Params.thumbnail | absURL }}">
43 |     {{- end }}
44 |     {{- if .Description }}
45 |     <meta property="og:description" content="{{ .Description }}" />
46 |     {{- else }}
47 |     <meta property="og:description" content="{{ .Site.Params.description }}" />
48 |     {{- end }}
49 | 
50 |     {{ .Hugo.Generator }}    
51 | 


--------------------------------------------------------------------------------
/layouts/partials/footer.html:
--------------------------------------------------------------------------------
 1 |     <footer>
 2 |         <hr class="slender">
 3 | 
 4 |         <div class="course-info">
 5 |         <span class="course-name">
 6 |             {{ .Site.Params.course.number }}: {{ .Site.Title }} ({{ .Site.Params.course.semester }})
 7 |         </span><br>
 8 |         <span>
 9 |             <a href="{{ .Site.Params.university.url }}">{{ .Site.Params.university.name }}</a> | 
10 |             <a href="{{ .Site.Params.school.url }}">{{ .Site.Params.school.name }}</a>
11 |         </span>
12 |         </div>
13 | 
14 |         <ul class="footer-links">
15 |             <li>
16 |             <a href="{{ .Site.Params.instructor.url }}"><i class="fas fa-user"></i> {{ .Site.Params.instructor.name }}</a>
17 |             </li>
18 | 
19 |             <li>
20 |             <a href="mailto:{{ .Site.Params.instructor.email }}"><i class="fas fa-envelope"></i> {{ .Site.Params.instructor.email }}</a>
21 |             </li>
22 | 
23 |             <li>
24 |             <i class="far fa-calendar-alt"></i> {{ .Site.Params.course.days }}
25 |             </li>
26 | 
27 |             <li>
28 |             <i class="far fa-clock"></i> {{ .Site.Params.course.time }}
29 |             </li>
30 | 
31 |             <li>
32 |             <i class="fas fa-university"></i> {{ .Site.Params.course.location }}
33 |             </li>
34 | 
35 |             <li>
36 |             <a href="https://twitter.com/{{ .Site.Params.course.twitter }}"><i class="fab fa-twitter"></i></a>
37 |             </li>
38 | 
39 |             <li>
40 |             <a href="https://github.com/{{ .Site.Params.course.github }}"><i class="fab fa-github"></i></a>
41 |             </li>
42 |         </ul>
43 | 
44 |         <div class="credits">
45 |         <span class="credit">All content licensed under a <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License</a>.</span><br>
46 | 
47 |         <span class="credit">Content <i class="fab fa-creative-commons"></i> {{ .Site.Params.course.copyrightYear }} <a href="{{ .Site.Params.instructor.url }}">{{ .Site.Params.author }}</a></span><br>
48 | 
49 |         {{- if .Site.Params.credits }}
50 |         <span class="credit">{{ .Site.Params.credits | markdownify }}</span><br>
51 |         {{- end }}
52 | 
53 |         <span class="credit">This site created with the <a href="https://github.com/andrewheiss/ath-tufte-hugo_18-19">ath-tufte-hugo theme</a> in <a href="https://bookdown.org/yihui/blogdown/">blogdown</a> and <a href="https://gohugo.io/">Hugo</a>.</span>
54 |         </div>
55 |     </footer>
56 | 


--------------------------------------------------------------------------------
/static/theme/css/custom.css:
--------------------------------------------------------------------------------
  1 | article .sidenote, article .marginnote {
  2 |     margin-bottom: 0.3rem;
  3 | }
  4 | 
  5 | article .marginnote code, article .sidenote code {
  6 |     font-size: inherit;
  7 | }
  8 | 
  9 | article li {
 10 |     width: 100%;
 11 | }
 12 | 
 13 | article li .sidenote, article li .marginnote {
 14 |     margin-right: -55.5%;
 15 | }
 16 | 
 17 | article ol ol, article ol ul,
 18 | article ul ul, article ul ol {
 19 |     width: 100%;
 20 | }
 21 | 
 22 | article ul li ul {
 23 |     text-indent: inherit;
 24 | }
 25 | 
 26 | /* oh hi firefox */
 27 | article figure {
 28 |     margin-right: 0;
 29 |     margin-left: 0;
 30 | }
 31 | 
 32 | a > code {
 33 |     color: inherit;
 34 | }
 35 | 
 36 | #TOC li {
 37 |     margin-top: 0;
 38 | }
 39 | 
 40 | .wrap li {
 41 |     line-height: inherit;
 42 | }
 43 | 
 44 | .wrap h1 {
 45 |     font-size: 2rem;
 46 | }
 47 | 
 48 | .wrap h2 {
 49 |     margin-top: 3rem;
 50 |     font-size: 1.75rem;
 51 | }
 52 | 
 53 | .wrap h3 {
 54 |     font-size: 1.35rem;
 55 | }
 56 | 
 57 | .wrap .table th {
 58 |     padding-left: 0.5em;
 59 | }
 60 | 
 61 | .wrap .table td {
 62 |     line-height: 1.2rem;
 63 |     padding-top: 0.5em;
 64 |     padding-bottom: 0.5em;
 65 | }
 66 | 
 67 | footer {
 68 |     font-family: "Oswald", sans-serif;
 69 | }
 70 | 
 71 | .course-info {
 72 |     font-size: 1.3rem;
 73 |     text-align: center;
 74 |     margin-bottom: 1.25rem;
 75 | }
 76 | 
 77 | .course-name {
 78 |     font-size: 1.4rem;
 79 |     font-weight: 400;
 80 |     text-transform: uppercase;
 81 | }
 82 | 
 83 | .credits {
 84 |     font-size: 1rem;
 85 | }
 86 | 
 87 | .credit {
 88 |     display: inline-block;
 89 |     margin-bottom: 0.3rem;
 90 | }
 91 | 
 92 | ul.footer-links {
 93 |     margin-bottom: 1.25rem;
 94 | }
 95 | 
 96 | .fake-header {
 97 |     font-family: "Oswald", sans-serif;
 98 |     font-weight: 600;
 99 |     text-transform: uppercase;
100 |     font-size: 1.2rem;
101 | }
102 | 
103 | .fake-header-table {
104 |     font-family: "Oswald", sans-serif;
105 |     font-weight: 600;
106 |     text-transform: uppercase;
107 |     font-size: 1.25rem;
108 |     display: block;
109 |     padding-top: 1rem;
110 |     border-bottom: 1px solid #909090;
111 |     padding: 1em 0 0.25em;
112 | }
113 | 
114 | td.mid-table-header {
115 |     text-align: center;
116 |     vertical-align: bottom !important;
117 |     font-family: "Oswald", sans-serif;
118 |     font-weight: 500;
119 |     text-transform: uppercase;
120 | }
121 | 
122 | table.schedule {
123 |     border-top: none;
124 |     border-bottom: none;
125 | }
126 | 
127 | .fake-li {
128 |     font-size: 1rem;
129 | }
130 | 
131 | .page-date {
132 |     font-style: italic;
133 |     margin-bottom: 2.5rem;
134 | }
135 | 
136 | img.img50 {max-width: 50%}
137 | img.img75 {max-width: 75%}
138 | 
139 | @media screen and (max-width: 760px) {
140 |     h1.websitetitle {
141 |         text-align: center;
142 |         line-height: 2.2rem;
143 |     }
144 | 
145 |     header > nav h1 a {
146 |         padding-right: 0;
147 |         float: inherit;
148 |     }
149 | 
150 |     header > nav.logo-wrap {
151 |         text-align: center;
152 |         margin-bottom: 2rem;
153 |     }
154 | 
155 |     header > nav.bottom-group {
156 |         text-align: center;
157 |     }
158 | 
159 |     header > nav.bottom-group a {
160 |         float: inherit;
161 |     }
162 | 
163 |     header > nav a.logo {
164 |         float: inherit;
165 |         padding-right: 0;
166 |         padding-top: 0; 
167 |     }
168 | 
169 |     header > nav a img {
170 |         top: 0;
171 |     }
172 | }
173 | 


--------------------------------------------------------------------------------
/static/theme/css/tufte.css:
--------------------------------------------------------------------------------
  1 | @charset "UTF-8";
  2 | 
  3 | html, body {
  4 |   height: 100%;
  5 |   width: 100%;
  6 |   padding: 0px;
  7 |   margin: 0px; }
  8 | 
  9 | body {
 10 |   -webkit-touch-callout: auto !important;
 11 |   -webkit-user-select: auto !important;
 12 |   -khtml-user-select: auto !important;
 13 |   -moz-user-select: auto !important;
 14 |   -ms-user-select: auto !important;
 15 |   user-select: auto !important; }
 16 | 
 17 | /* clearfix hack after Cederholm (group class name) */
 18 | .wrap .group:after,
 19 | .wrap .bottom-group:after {
 20 |   content: "";
 21 |   display: table;
 22 |   clear: both; }
 23 | 
 24 | .wrap {
 25 |   text-align: baseline;
 26 |   font-size: 14px;
 27 |   -webkit-font-smoothing: antialiased;
 28 |   -moz-osx-font-smoothing: grayscale; }
 29 | 
 30 | /*@media screen and (min-width: 800px) {
 31 |   html {
 32 |     font-size: 13px; } }
 33 | @media screen and (min-width: 900px) {
 34 |   html {
 35 |     font-size: 14px; } }
 36 | @media screen and (min-width: 1000px) {
 37 |   html {
 38 |     font-size: 15px; } }
 39 | @media screen and (min-width: 1100px) {
 40 |   html {
 41 |     font-size: 16px; } }
 42 | @media screen and (min-width: 1200px) {
 43 |   html {
 44 |     font-size: 17px; } }
 45 | @media screen and (min-width: 1300px) {
 46 |   html {
 47 |     font-size: 18px; } }*/
 48 | .wrap {
 49 |   width: 87.5%;
 50 |   margin-left: auto;
 51 |   margin-right: auto;
 52 |   padding: 0% 5%;
 53 |   /*font-family: et-bembo, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;*/
 54 |   font-family: "Roboto", sans-serif;
 55 |   font-weight: 300;
 56 |   background-color: #ffffff;
 57 |   color: #000000;
 58 |   max-width: 1400px;
 59 |   counter-reset: sidenote-counter; }
 60 | 
 61 | .wrap strong, .wrap b {
 62 |     font-weight: 400;
 63 | }
 64 | 
 65 | .wrap {
 66 |   /*-- Table styling section - For Tufte-Jekyll, booktabs style is default for Markdown tables  --*/
 67 |   /* add space between thead row and tbody */ }
 68 |   .wrap .mathblock {
 69 |     font-size: 1rem; }
 70 |   .wrap a {
 71 |     overflow-wrap: break-word;
 72 |     word-wrap: break-word;
 73 |     -ms-word-break: break-all;
 74 |     /* This is the dangerous one in WebKit, as it breaks things wherever */
 75 |     word-break: break-all;
 76 |     /* Instead use this non-standard one: */
 77 |     word-break: break-word;
 78 |     /* Adds a hyphen where the word breaks, if supported (No Blink) */
 79 |     -ms-hyphens: auto;
 80 |     -moz-hyphens: auto;
 81 |     -webkit-hyphens: auto;
 82 |     hyphens: auto; }
 83 |   .wrap a, .wrap a:visited {
 84 |     color: #A5452B;
 85 |     text-decoration: none; }
 86 |   .wrap a:hover {
 87 |     color: #ECAD49;
 88 |     text-decoration: none; }
 89 |   .wrap p > a {
 90 |     color: #A5452B;
 91 |     text-decoration: none; }
 92 |   .wrap h1 {
 93 |     /*font-family: "Gill Sans", "Gill Sans MT", "Lato", Calibri, sans-serif;*/
 94 |     font-family: "Oswald", sans-serif;
 95 |     font-style: normal;
 96 |     font-weight: 600;
 97 |     text-transform: uppercase;
 98 |     text-align: left;
 99 |     margin-top: 1.25rem;
100 |     margin-bottom: 1.25rem;
101 |     font-size: 1.75rem;
102 |     line-height: 1.1; }
103 |   .wrap h1 a {
104 |     hyphens: none;
105 |   }
106 |   .wrap h2 {
107 |     font-family: "Oswald", sans-serif;
108 |     font-weight: 400;
109 |     text-transform: uppercase;
110 |     text-align: left;
111 |     margin-top: 1.25rem;
112 |     margin-bottom: 0;
113 |     font-size: 1.5rem;
114 |     line-height: 1.25; }
115 |   .wrap h3 {
116 |     font-family: "Oswald", sans-serif;
117 |     font-weight: 400;
118 |     text-align: left;
119 |     font-size: 1.1rem;
120 |     margin-top: 1.25rem;
121 |     margin-bottom: 0;
122 |     line-height: 1.08888888888889; }
123 |   .wrap h1, .wrap h2, .wrap h3 {
124 |     width: auto; }
125 |   .wrap p .subtitle {
126 |     font-style: italic;
127 |     margin-top: 2.1777777777777778rem;
128 |     margin-bottom: 2.1777777777777778rem;
129 |     font-size: 1.8rem;
130 |     display: block;
131 |     line-height: 1.08888888888889; }
132 |   .wrap p, .wrap ol, .wrap ul {
133 |     font-size: 1.2rem; }
134 |   .wrap p {
135 |     line-height: 1.5rem;
136 |     margin-top: 0.85rem;
137 |     padding-right: 2rem;
138 |     vertical-align: baseline; }
139 |   .wrap li {
140 |     line-height: 1.125rem;
141 |     margin-top: 0.75rem;
142 |     padding-right: 2rem;
143 |     vertical-align: baseline; }
144 |   .wrap blockquote p {
145 |     font-size: 1.2rem;
146 |     line-height: 1.25;
147 |     margin-top: 1.78181818rem;
148 |     margin-bottom: 1.78181818rem;
149 |     padding-left: 2.5%;
150 |     padding-right: 2.5%; }
151 |   .wrap blockquote footer {
152 |     width: 45%;
153 |     text-align: right; }
154 |   .wrap .twitter-tweet {
155 |     width: 55% !important; }
156 |   .wrap .video-container {
157 |     position: relative;
158 |     padding-bottom: 56.25%;
159 |     padding-top: 30px;
160 |     height: 0;
161 |     overflow: hidden; }
162 |   .wrap .video-container iframe, .wrap .video-container object, .wrap .video-container embed {
163 |     position: absolute;
164 |     top: 0;
165 |     left: 0;
166 |     width: 90%;
167 |     height: 100%; }
168 |   .wrap .sans {
169 |     /*font-family: "Gill Sans", "Gill Sans MT", "Lato", Calibri, sans-serif;*/
170 |     font-family: "Oswald", sans-serif;
171 |     letter-spacing: .03em; }
172 |   .wrap pre, .wrap pre code, .wrap p code, .wrap p pre code {
173 |     font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
174 |     font-size: 0.85rem;
175 |     line-height: 1.71428571;
176 |     margin-top: 1rem; }
177 |   .wrap h1 code, .wrap h2 code, .wrap h3 code {
178 |     font-size: 0.80em; }
179 |   .wrap table, .wrap table.booktabs {
180 |     width: 85%;
181 |     margin: 0 auto 0 0;
182 |     border-spacing: 0px;
183 |     border-top: 2px solid #333;
184 |     border-bottom: 2px solid #333; }
185 |   .wrap .booktabs th, .wrap th {
186 |     border-bottom: 1px solid #333;
187 |     padding: 0.65ex 0.5em 0.4ex 0em;
188 |     font-weight: normal;
189 |     text-align: center; }
190 |   .wrap th, .wrap td {
191 |     font-size: 1rem;
192 |     line-height: 1.71428571;
193 |     vertical-align: top !important; }
194 |   .wrap .booktabs th.cmid, .wrap th {
195 |     border-bottom: 1px solid #333; }
196 |   .wrap tr.cmid td {
197 |     border-top: 1px solid #333; }
198 |   .wrap .booktabs th.nocmid {
199 |     border-bottom: none; }
200 |   .wrap .booktabs tbody tr:first-child td, .wrap tr:first-child td {
201 |     padding-top: 0.65ex; }
202 |   .wrap .booktabs td, .wrap td {
203 |     padding-left: 0.5em;
204 |     padding-right: 0.5em;
205 |     text-align: left;
206 |     vertical-align: top !important; }
207 |   .wrap .booktabs caption, .wrap caption, .wrap .caption {
208 |     font-size: 90%;
209 |     text-align: left;
210 |     width: auto;
211 |     margin-left: auto;
212 |     margin-right: auto;
213 |     margin-top: 1ex;
214 |     caption-side: top; }
215 |   .wrap .booktabs tbody tr td.l {
216 |     text-align: left !important; }
217 |   .wrap .booktabs tbody tr td.c {
218 |     text-align: center !important; }
219 |   .wrap .booktabs tbody tr td.r {
220 |     text-align: right !important; }
221 |   .wrap .table-caption {
222 |     float: right;
223 |     clear: right;
224 |     margin-right: -60%;
225 |     width: 50%;
226 |     margin-top: 0;
227 |     margin-bottom: 0;
228 |     font-size: 1.0rem;
229 |     line-height: 1.96; }
230 | 
231 | /* -- End of Table Styling section --*/
232 | /* Basic Layout stuff --*/
233 | article {
234 |   position: relative;
235 |   padding: 1rem 0rem 2.5rem 0rem; }
236 | 
237 | section {
238 |   padding-top: 1rem;
239 |   padding-bottom: 1rem; }
240 | 
241 | article ul {
242 |   width: 55%;
243 |   -webkit-padding-start: 2.5%;
244 |   -webkit-padding-end: 2.5%;
245 |   list-style-type: none; }
246 | article ul li ul {
247 |   width: 100%;
248 |   -webkit-padding-start: 2.5%;
249 |   -webkit-padding-end: 2.5%;
250 |   list-style-type: none;
251 |   text-indent: -2.5%; }
252 | article .cv ul {
253 |   text-indent: -2.5%; }
254 | article .cv ul li {
255 |   text-indent: -2.5%; }
256 | article ul.bibliography {
257 |   text-indent: -2.5%; }
258 | article ul.bibliography li {
259 |   text-indent: -2.5%; }
260 | article ol {
261 |   width: 55%;
262 |   -webkit-padding-start: 4%;
263 |   -webkit-padding-end: 4%; }
264 | article ol li ol {
265 |   width: 100% !important;
266 |   -webkit-padding-start: 4%;
267 |   -webkit-padding-end: 4%;
268 |   list-style-type: lower-alpha; }
269 | article ol p, article ul p {
270 |   width: 100% !important; }
271 | article li {
272 |   text-align: left; }
273 | article figure, article figure img.maincolumn {
274 |   max-width: 55%;
275 |   -webkit-margin-start: 0;
276 |   -webkit-margin-end: 0;
277 |   margin-bottom: 3em; }
278 | article figcaption {
279 |   float: right;
280 |   clear: right;
281 |   margin-right: -48%;
282 |   margin-top: 0;
283 |   margin-bottom: 0;
284 |   font-size: 1.0rem;
285 |   line-height: 1.6;
286 |   vertical-align: baseline;
287 |   position: relative;
288 |   max-width: 40%; }
289 | article figure.fullwidth figcaption {
290 |   float: left;
291 |   margin-right: 0%;
292 |   margin-left: 36%; }
293 | article img {
294 |   max-width: 100%; }
295 | article .sidenote, article .marginnote {
296 |   float: right;
297 |   clear: right;
298 |   margin-right: -60%;
299 |   width: 50%;
300 |   margin-top: 0;
301 |   margin-bottom: 1.96rem;
302 |   font-size: 0.75rem;
303 |   line-height: 1.5;
304 |   vertical-align: baseline;
305 |   position: relative; }
306 | article li .sidenote, article li .marginnote {
307 |   margin-right: -80%; }
308 | article blockquote .sidenote, article blockquote .marginnote {
309 |   margin-right: -79%; }
310 | article .sidenote-number {
311 |   counter-increment: sidenote-counter; }
312 | article .sidenote-number:after, article .sidenote:before {
313 |   content: counter(sidenote-counter) " ";
314 |   font-family: "Roboto", sans-serif;
315 |   font-weight: 300;
316 |   color: #A5452B;
317 |   position: relative;
318 |   vertical-align: baseline; }
319 | article .sidenote-number:after {
320 |   content: counter(sidenote-counter);
321 |   font-size: 0.75rem;
322 |   line-height: 0;
323 |   top: -0.5rem;
324 |   left: 0rem; }
325 | article .sidenote:before {
326 |   content: counter(sidenote-counter) ". ";
327 |   color: #A5452B;
328 |   top: 0rem; }
329 | article p, article div.table-wrapper, article div.mathblock {
330 |   width: 55%; }
331 | article table {
332 |   max-width: 55%; }
333 | article div.table-wrapper {
334 |   overflow-x: auto; }
335 | 
336 | @media screen and (max-width: 760px) {
337 |   article p, article div.mathblock {
338 |     width: 90%; }
339 |   article div.sourceCode {
340 |     width: 87.5% !important; }
341 |   article .twitter-tweet {
342 |     max-width: 87.5%; }
343 |   article article ul {
344 |     width: 87.5%; }
345 |   article figure {
346 |     max-width: 90%; }
347 |   article figcaption, article figure.fullwidth figcaption {
348 |     margin-right: 0%;
349 |     max-width: none; }
350 |   article blockquote p, article blockquote footer {
351 |     padding-left: 5%;
352 |     padding-right: 5%; } }
353 | article .marginnote code, article .sidenote code {
354 |   font-size: 1rem; }
355 | article div.sourceCode {
356 |   width: 55%; }
357 | article code {
358 |   color: #333; }
359 | article pre, article pre code, article p pre code {
360 |   /*padding-left: 1.25%;*/
361 |   overflow-x: auto;
362 |   /*color: #eee;*/
363 |   /*background: #333; */}
364 | article .fullwidth {
365 |   max-width: 90%; }
366 | article .fullwidth div.sourceCode {
367 |   width: 90%; }
368 | /* R wraps images in <p> tags, so we have to make <p>s inside .fullwidth really wide */
369 | article .fullwidth p {
370 |   width: 90%; }
371 | article span.newthought {
372 |   font-family: "Oswald", sans-serif;
373 |   font-weight: 600;
374 |   text-transform: uppercase;
375 |   font-size: 0.9em;
376 | }
377 | input.margin-toggle {
378 |   display: none; }
379 | label.sidenote-number {
380 |   display: inline; }
381 | label.margin-toggle:not(.sidenote-number) {
382 |   display: none; }
383 | 
384 | @media (max-width: 760px) {
385 |   label.margin-toggle:not(.sidenote-number) {
386 |     display: inline;
387 |     color: #A5452B; }
388 | 
389 |   .sidenote, .marginnote {
390 |     display: none; }
391 | 
392 |   .margin-toggle:checked + .sidenote,
393 |   .margin-toggle:checked + .marginnote {
394 |     display: block;
395 |     float: left;
396 |     left: 1rem;
397 |     clear: both;
398 |     width: 100%;
399 |     margin: 1rem 2.5%;
400 |     vertical-align: baseline;
401 |     position: relative; }
402 | 
403 |   label {
404 |     cursor: pointer; }
405 | 
406 |   pre, pre code, p code, p pre code {
407 |     padding: 0; }
408 | 
409 |   .table-caption {
410 |     display: block;
411 |     float: right;
412 |     clear: both;
413 |     width: 98%;
414 |     margin-top: 1rem;
415 |     margin-bottom: 0.5rem;
416 |     margin-left: 1%;
417 |     margin-right: 1%;
418 |     vertical-align: baseline;
419 |     position: relative; }
420 | 
421 |   div.table-wrapper, table, table.booktabs {
422 |     width: 85%; }
423 | 
424 |   div.table-wrapper {
425 |     border-right: 1px solid #efefef; }
426 | 
427 |   table {
428 |     max-width: 100%; }
429 | 
430 |   img {
431 |     max-width: 100%; }
432 | 
433 |   article ul, article ol {
434 |     width: 87.5%; } }
435 | /*--- End of Basic Layout stuff from tufte.css ---*/
436 | /* -- Jekyll specific styling --*/
437 | .contrast a, .contrast a:visited {
438 |   color: #A5452B; }
439 | 
440 | .contrast a:hover {
441 |   color: #ECAD49; }
442 | 
443 | .tiny {
444 |   font-size: 50%; }
445 | 
446 | .small {
447 |   font-size: 60%; }
448 | 
449 | .smaller {
450 |   font-size: 80%; }
451 | 
452 | .normalsize {
453 |   font-size: 100%; }
454 | 
455 | .large {
456 |   font-size: 125%; }
457 | 
458 | .larger {
459 |   font-size: 160%; }
460 | 
461 | .huge {
462 |   font-size: 200%; }
463 | 
464 | .date {
465 |   /*font-family: "Gill Sans", "Gill Sans MT", "Lato", Calibri, sans-serif;*/
466 |   font-family: "Oswald", sans-serif;
467 |   /*text-transform: uppercase;*/ }
468 | 
469 | .date.today:after {
470 |   content: "TODAY"; }
471 | 
472 | header > nav.group, body footer {
473 |   width: 100%;
474 |   padding-top: 2rem; }
475 | 
476 | header > nav.bottom-group {
477 |   width: 100%;
478 |   /*padding-top: 2rem;*/ }
479 | 
480 | /* -- END Jekyll specific styling --*/
481 | /* nav.group a.active:before{ content:"\0003c\000a0";} // escaped unicode for the carats and then a space on active menu links
482 | nav.group a.active:after{ content:"\000a0\0003e" ;} */
483 | /* END NAVIGATION */
484 | nav.group a.active {
485 |   color: #ECAD49; }
486 | 
487 | header > nav a {
488 |   font-size: 1.3rem;
489 |   /*font-family: "Gill Sans", "Gill Sans MT", "Lato", Calibri, sans-serif;*/
490 |   font-family: "Oswald", sans-serif;
491 |   font-weight: 600;
492 |   /*letter-spacing: 0.1em;*/
493 |   text-transform: uppercase;
494 |   color: #A5452B;
495 |   padding-top: 1.5rem;
496 |   text-decoration: none;
497 |   display: inline-block;
498 |   float: left;
499 |   margin-top: 0;
500 |   margin-bottom: 0;
501 |   padding-right: 2rem;
502 |   vertical-align: baseline; }
503 | 
504 | header > nav a img {
505 |   height: 5rem;
506 |   position: relative;
507 |   max-width: 100%;
508 |   top: -1.5rem; }
509 | 
510 | header > .bottom-group a {
511 |   padding-top: 0rem;
512 |   padding-bottom: 1rem;
513 | }
514 | 
515 | header > nav.group h1 a {
516 |   font-size: 2rem;
517 |   padding-top: 0.3rem;
518 | }
519 | 
520 | ul.footer-links, .credits {
521 |   list-style: none;
522 |   text-align: center;
523 |   margin: auto;
524 |   width: 90% !important; }
525 | 
526 | ul.footer-links {
527 |   text-indent: 0% !important;
528 |   padding: 0; }
529 | 
530 | ul.footer-links li {
531 |   display: inline;
532 |   line-height: 1.5rem;
533 |   padding: 0.5rem 0.25rem !important;
534 |   margin: 0 !important;
535 |   text-indent: 0% !important; }
536 | 
537 | .credits {
538 |   padding: 1rem 0rem; }
539 | 
540 | .blognav {
541 |   /*font-family: "Gill Sans", "Gill Sans MT", "Lato", Calibri, sans-serif;*/
542 |   font-family: "Oswald", sans-serif;
543 |   /*text-transform: uppercase;*/
544 |   display: block;
545 |   overflow: hidden;
546 |   width: auto; }
547 | 
548 | .blognav a {
549 |   display: block;
550 |   margin: 1em 0; }
551 | 
552 | .blognav .next {
553 |   text-align: right;
554 |   float: right;
555 |   width: 50%; }
556 | 
557 | .blognav .prev {
558 |   text-align: left;
559 |   float: left;
560 |   width: 50%; }
561 | 
562 | /*.prev:before {
563 |     content: "Previous: ";
564 | }
565 | 
566 | .next:before {
567 |     content: "Next: "
568 | }
569 | */
570 | /* END NAVIGATION */
571 | .credits {
572 |   /*font-family: "Gill Sans", "Gill Sans MT", "Lato", Calibri, sans-serif; */
573 |   font-family: "Oswald", sans-serif;
574 | }
575 |   .credits a {
576 |     color: #A5452B; }
577 | 
578 | .full-width {
579 |   width: 87.5%;
580 |   margin-left: auto;
581 |   margin-right: auto;
582 |   padding: 0% 5% !important;
583 |   max-width: 1400px; }
584 | 
585 | .full-width .sidenote, .full-width .sidenote-number, .full-width .marginnote {
586 |   display: none; }
587 | 
588 | .full-width article p {
589 |   width: 100%; }
590 | 
591 | .full-width ul {
592 |   width: 90%; }
593 | 
594 | .full-width ol {
595 |   width: 90%; }
596 | 
597 | ul.content-listing {
598 |   width: 100% !important;
599 |   margin: 0% 0% !important;
600 |   padding: 0% 0% !important; }
601 | 
602 | ul.content-listing li.listing div {
603 |   margin: 0% !important;
604 |   width: 100%; }
605 | 
606 | ul.content-listing li.listing div p {
607 |   text-align: justify; }
608 | 
609 | ul.content-listing li.listing {
610 |   width: 100%;
611 |   margin-left: auto;
612 |   margin-right: auto;
613 |   padding: 0% 0%; }
614 | 
615 | h1.content-listing-header {
616 |   font-style: normal;
617 |   /*text-transform: uppercase;*/
618 |   letter-spacing: 0.2rem;
619 |   font-size: 1.5rem; }
620 | 
621 | li.listing hr {
622 |   width: 100%; }
623 | 
624 | .listing, .listing h3 {
625 |   display: inline-block;
626 |   margin: 0; }
627 | 
628 | li.listing {
629 |   margin: 0; }
630 |   li.listing p {
631 |     width: 100%; }
632 | 
633 | li.listing:last-of-type {
634 |   border-bottom: none;
635 |   margin-bottom: 0; }
636 | 
637 | li.listing h3.new {
638 |   /*text-transform: uppercase;*/
639 |   font-style: normal; }
640 | 
641 | hr.slender {
642 |   border: 0;
643 |   height: 2px;
644 |   margin-top: 1.4rem;
645 |   margin-bottom: 1.4rem;
646 |   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5), transparent);
647 |   background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5), transparent);
648 |   background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5), transparent);
649 |   background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5), transparent); }
650 | 
651 | @media screen {
652 |   .print-footer {
653 |     display: none; } }
654 | @media print {
655 |   *,
656 |   *:before,
657 |   *:after {
658 |     background: transparent !important;
659 |     color: #000 !important;
660 |     box-shadow: none !important;
661 |     text-shadow: none !important; }
662 | 
663 |   @page {
664 |     margin: 0.75in 0.5in 0.75in 0.5in;
665 |     orphans: 4;
666 |     widows: 4; }
667 |   body {
668 |     font-size: 12pt; }
669 | 
670 |   html body span.print-footer {
671 |     /*font-family: "Gill Sans", "Gill Sans MT", "Lato", Calibri, sans-serif;*/
672 |     font-family: "Oswald", sans-serif;
673 |     font-weight: 600;
674 |     font-size: 9pt;
675 |     margin-top: 50pt;
676 |     padding-top: 4pt; }
677 | 
678 |   thead {
679 |     display: table-header-group; }
680 | 
681 |   tr,
682 |   img {
683 |     page-break-inside: avoid; }
684 | 
685 |   img {
686 |     max-width: 100% !important; }
687 | 
688 |   p,
689 |   h1
690 |   h2,
691 |   h3 {
692 |     orphans: 4;
693 |     widows: 4; }
694 | 
695 |   h1,
696 |   h2,
697 |   h3,
698 |   h4,
699 |   h5 {
700 |     page-break-after: avoid; }
701 | 
702 |   article h1,
703 |   article h2,
704 |   article h2 h3,
705 |   article h3,
706 |   article h3 h4,
707 |   article h4,
708 |   article h4 h5 {
709 |     page-break-after: avoid; }
710 | 
711 |   body header,
712 |   body footer,
713 |   body div#timeline-embed {
714 |     display: none; }
715 | 
716 |   .page-break-before {
717 |     page-break-before: always; }
718 | 
719 |   .page-break-after {
720 |     page-break-after: always; } }
721 | /* TAGS */
722 | .wrap {
723 |   /*.tag::after { border-bottom:13px solid transparent;
724 |     border-left:0.6667rem solid $contrast-color; 
725 |     border-top:0.8667rem solid transparent;
726 |     right:0;
727 |     top:0 
728 |   } */ }
729 |   .wrap .tags {
730 |     list-style: none;
731 |     margin: 0;
732 |     overflow: hidden;
733 |     padding: 0;
734 |     text-indent: 0; }
735 |   .wrap .tags li {
736 |     float: left;
737 |     margin: 0;
738 |     padding: 0;
739 |     text-indent: 0; }
740 |   .wrap .tag, .wrap .tag:hover, .wrap .tag:visited {
741 |     text-decoration: none; }
742 |   .wrap .tag {
743 |     font-weight: 600;
744 |     background: #A5452B;
745 |     border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
746 |     display: inline-block;
747 |     height: 1.6rem;
748 |     line-height: 1.6rem;
749 |     padding: 0 0.6667rem 0 1.333rem;
750 |     position: relative;
751 |     margin: 0 0.6667rem 0.6667rem 0;
752 |     -webkit-transition: color 0.2s; }
753 |   .wrap .tag {
754 |     color: #ffffff; }
755 |   .wrap .tag::before {
756 |     background: #ffffff;
757 |     content: '';
758 |     position: absolute; }
759 |   .wrap .tag-archive-font {
760 |     font-size: 1.2rem; }
761 |   .wrap .tag::before {
762 |     border-radius: 0.6667rem;
763 |     box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
764 |     height: 0.4rem;
765 |     left: 0.6rem;
766 |     width: 0.4rem;
767 |     top: 0.6rem; }
768 |   .wrap .tag:hover {
769 |     background-color: #ECAD49;
770 |     color: #ffffff; }
771 |   .wrap .tag:visited {
772 |     color: #ffffff; }
773 | 


--------------------------------------------------------------------------------