├── .gitignore
├── _sass
├── .DS_Store
├── _footer.scss
├── _fancy-image.scss
├── _page.scss
├── _mobile-header.scss
├── _syntax-highlighting.scss
├── _base.scss
└── _header.scss
├── images
└── photo.jpg
├── _includes
├── embedpdf.html
├── comments-providers
│ ├── livefyre
│ ├── intensedebate
│ ├── facebook
│ └── disqus
├── footer.html
├── image.html
├── comments.html
├── analytics-providers
│ ├── google
│ ├── getclicky
│ ├── mixpanel
│ ├── piwik
│ └── statcounter
├── analytics.html
├── nav.html
├── head.html
└── header.html
├── _layouts
├── page.html
├── default.html
└── post.html
├── sitemap.txt
├── _data
└── menu.yml
├── cv.md
├── blog.md
├── README.md
├── index.md
├── feed.xml
├── css
└── main.scss
├── _config.yml
├── misc.md
├── research.md
└── _posts
└── 2016-02-08-Chewbaca-is-talking-in-his-sleep.md
/.gitignore:
--------------------------------------------------------------------------------
1 | _site
2 | .sass-cache
3 |
--------------------------------------------------------------------------------
/_sass/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gchauras/much-worse-jekyll-theme/HEAD/_sass/.DS_Store
--------------------------------------------------------------------------------
/images/photo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gchauras/much-worse-jekyll-theme/HEAD/images/photo.jpg
--------------------------------------------------------------------------------
/_includes/embedpdf.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/_layouts/page.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | ---
4 |
5 |
8 |
9 | {{ content }}
10 |
11 |
--------------------------------------------------------------------------------
/_includes/comments-providers/livefyre:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/_includes/comments-providers/intensedebate:
--------------------------------------------------------------------------------
1 |
6 |
7 |
--------------------------------------------------------------------------------
/sitemap.txt:
--------------------------------------------------------------------------------
1 | ---
2 | title : Sitemap
3 | ---
4 | {% for page in site.pages %}
5 | {{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}{% endfor %}
6 | {% for post in site.posts %}
7 | {{ post.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}{% endfor %}
8 |
--------------------------------------------------------------------------------
/_layouts/default.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {% include head.html %}
5 |
6 |
7 |
8 | {% include header.html %}
9 |
10 | {{ content }}
11 |
12 | {% include footer.html %}
13 |
14 | {% include analytics.html %}
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/_data/menu.yml:
--------------------------------------------------------------------------------
1 | - title: "Research"
2 | href: "/research/"
3 |
4 | - title: "CV"
5 | href: "/cv/"
6 |
7 | - title: "Misc"
8 | href: "/misc/"
9 |
10 | - title: "Submenu"
11 | subcategories:
12 | - subtitle: "Item 1"
13 | subhref: "/misc/item-1/"
14 | - subtitle: "Item 2"
15 | subhref: "/misc/item-2/"
16 |
17 | - title: "Blog"
18 | href: "/blog/"
19 |
--------------------------------------------------------------------------------
/_includes/footer.html:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/cv.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: CV
4 | permalink: /cv/
5 | ---
6 |
7 | Download [PDF version](http://nitens.org/img/cvtex/cv_template_xetex_caslon.pdf). The PDF should be embedded underneath -- uses Google Docs for embedding and works if the PDF is on dropbox. Works sporadically if PDF is elsewhere too.
8 |
9 | {% include embedpdf.html source="http://nitens.org/img/cvtex/cv_template_xetex_caslon.pdf" width=100 height=800 %}
10 |
--------------------------------------------------------------------------------
/_includes/image.html:
--------------------------------------------------------------------------------
1 |
11 |
--------------------------------------------------------------------------------
/_includes/comments.html:
--------------------------------------------------------------------------------
1 | {% if site.comments.provider and page.comments != false %}
2 |
3 | {% case site.comments.provider %}
4 | {% when "disqus" %}
5 | {% include comments-providers/disqus %}
6 | {% when "livefyre" %}
7 | {% include comments-providers/livefyre %}
8 | {% when "intensedebate" %}
9 | {% include comments-providers/intensedebate %}
10 | {% when "facebook" %}
11 | {% include comments-providers/facebook %}
12 | {% when "custom" %}
13 | {% include custom/comments %}
14 | {% endcase %}
15 |
16 | {% endif %}
17 |
--------------------------------------------------------------------------------
/_includes/analytics-providers/google:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/_sass/_footer.scss:
--------------------------------------------------------------------------------
1 | .site-footer {
2 | font-size: $vsmall_font_size;
3 | color: $text-light-color;
4 | border-top: 1px solid $line-color;
5 | padding-top: $spacing-unit;
6 | float: none;
7 | margin-left: auto;
8 | margin-right:auto;
9 | margin-top: 0;
10 | margin-bottom:$spacing-unit;
11 | text-align: center;
12 | @extend %clearfix;
13 | }
14 |
15 | .site-footer a {
16 | color: inherit;
17 | text-decoration: underline;
18 | }
19 |
20 | .site-footer a:hover {
21 | color: $url-hover-color;
22 | text-decoration: underline;
23 | }
24 |
--------------------------------------------------------------------------------
/_includes/analytics.html:
--------------------------------------------------------------------------------
1 | {% if site.analytics.provider and page.analytics != false %}
2 |
3 | {% case site.analytics.provider %}
4 | {% when "google" %}
5 | {% include analytics-providers/google %}
6 | {% when "getclicky" %}
7 | {% include analytics-providers/getclicky %}
8 | {% when "mixpanel" %}
9 | {% include analytics-providers/mixpanel %}
10 | {% when "piwik" %}
11 | {% include analytics-providers/piwik %}
12 | {% when "statcounter" %}
13 | {% include analytics-providers/statcounter %}
14 | {% when "custom" %}
15 | {% include custom/analytics %}
16 | {% endcase %}
17 |
18 | {% endif %}
19 |
--------------------------------------------------------------------------------
/_includes/analytics-providers/getclicky:
--------------------------------------------------------------------------------
1 |
12 |
2 |
9 |
--------------------------------------------------------------------------------
/blog.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: Blog
4 | permalink: /blog/
5 | ---
6 |
7 | Here is the much awaited blog.
8 |
9 |
10 | {% for post in site.posts %}
11 | {% capture y %}{{post.date | date:"%Y"}}{% endcapture %}
12 | {% if year != y %}
13 | {% assign year = y %}
14 | {{ y }}
15 | {% endif %}
16 |
17 | {{ post.date | date:"%Y-%m-%d" }}
18 | {{ post.title }}
19 |
20 | {% endfor %}
21 |
22 |
--------------------------------------------------------------------------------
/_includes/nav.html:
--------------------------------------------------------------------------------
1 |
16 |
--------------------------------------------------------------------------------
/_includes/analytics-providers/mixpanel:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/_includes/analytics-providers/piwik:
--------------------------------------------------------------------------------
1 |
{{ site.title }}{% if page.title %} :: {{ page.title }}{% endif %}
7 |
5 |
23 |
24 | {{ content }}
25 |
26 | {% include comments.html %}
27 |
28 |
--------------------------------------------------------------------------------
/_includes/header.html:
--------------------------------------------------------------------------------
1 |
16 |
--------------------------------------------------------------------------------
/_includes/analytics-providers/statcounter:
--------------------------------------------------------------------------------
1 |
2 |
13 | Please enable JavaScript to view the comments powered by Disqus.
14 | blog comments powered by
15 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Much-Worse jekyll theme
2 |
3 | This theme is avaiable under [MIT License](https://opensource.org/licenses/MIT).
4 |
5 | This is a modified version of [Steve Miller's NGVM theme](http://jekyllthemes.org/themes/svm-ngvb/). Since this work is a derivative of Prof. Miller's, therefore it is only fair that I honour his self-deprecating spirit and name this **much-worse**. I prefer large seriff fonts and minimal coloring and styling. Apart form the typography, color scheme and layout,
6 | this theme has two useful changes:
7 |
8 | - It allows you to maintain your website as a subdirectory on your university of company domain (e.g. http://university.edu/department/people/your-website). Most Jekyll blogs are
9 | designed to be hosted at custom domain names.
10 |
11 | - Most jekyll themes are blog-centric, or single page websites. This theme lets you create multi-page website with a blog if you want.
12 |
13 | Both the above are not seminal achievements in science, but they are useful. This theme also supports site analytics including [Statcounter](http://statcounter.com) and major comment providers for blogs.
14 |
15 | See it in action [here](http://people.csail.mit.edu/gchauras).
16 |
17 | Feel free to send me pull requests with better responsive performance or cleaner HTML/CSS.
18 |
--------------------------------------------------------------------------------
/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: About
4 | permalink: /
5 | ---
6 |
7 | {% include image.html url="images/photo.jpg" caption="" max_width="300px" align="right" %}
8 |
9 | Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
10 |
11 | ## Contact
12 |
13 | Rebel base
6 |
7 | {{ site.title | xml_escape }}
8 | {{ site.description | xml_escape }}
9 | {{ site.time | date_to_rfc822 }}
12 | {{ site.time | date_to_rfc822 }}
13 | Jekyll v{{ jekyll.version }}
14 | {% for post in site.posts limit:10 %}
15 | -
16 |
{{ post.title | xml_escape }}
17 | {{ post.content | xml_escape }}
18 | {{ post.date | date_to_rfc822 }}
19 | {{ post.url | prepend: site.baseurl | prepend: site.url }}
21 | {% for tag in post.tags %}
22 | {{ tag | xml_escape }}
23 | {% endfor %}
24 | {% for cat in post.categories %}
25 | {{ cat | xml_escape }}
26 | {% endfor %}
27 |
28 | {% endfor %}
29 |
30 |
31 |
--------------------------------------------------------------------------------
/css/main.scss:
--------------------------------------------------------------------------------
1 | ---
2 | # Only the main Sass file needs front matter (the dashes are enough)
3 | ---
4 | @charset "utf-8";
5 |
6 | $base-font-family: 'EB Garamond', serif;
7 | $base-font-size: x-large;
8 | $small-font-size: 0.875em;
9 | $vsmall-font-size: 0.66em;
10 | $base-line-height: 1.5;
11 | $spacing-unit: 1.5em;
12 |
13 | $grey-vlight:#eee;
14 | $grey-light: #ccc;
15 | $grey: #888;
16 | $grey-dark: #444;
17 | $grey-vdark: #222;
18 | $blue: #0091ed;
19 | $orange: #ca6c18;
20 | $red: #b6321c;
21 |
22 | $background: $grey-vlight;
23 | $dark-background: darken($background, 5%);
24 | $text-color: $grey-vdark;
25 | $text-light-color: $grey;
26 | $url-color: $red;
27 | $url-hover-color: $orange;
28 | $header-text-color: $text-light-color;
29 | $header-hover-color:$text-color;
30 | $header-hover-url: $url-color;
31 | $line-color: $grey-light;
32 |
33 | // Width of the content area
34 | $content-width: 50em;
35 | $content-min-width:15em;
36 | $mobile: 32em;
37 | $desktop: 50em;
38 |
39 | @mixin media-query($device) {
40 | @media screen and (max-width: $device) {
41 | @content;
42 | }
43 | }
44 |
45 | // Import partials from `sass_dir` (defaults to `_sass`)
46 | @import
47 | "header",
48 | "mobile-header",
49 | "base",
50 | "footer",
51 | "page",
52 | "syntax-highlighting",
53 | "fancy-image"
54 | ;
55 |
--------------------------------------------------------------------------------
/_sass/_page.scss:
--------------------------------------------------------------------------------
1 | .page {
2 | margin: 0 auto;
3 | max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
4 | max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
5 | min-width: -webkit-calc(#{$content-min-width} - (#{$spacing-unit} * 2));
6 | min-width: calc(#{$content-min-width} - (#{$spacing-unit} * 2));
7 | @include media-query($desktop) {
8 | max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
9 | max-width: calc(#{$content-width} - (#{$spacing-unit}));
10 | min-width: -webkit-calc(#{$content-min-width} - (#{$spacing-unit} * 2));
11 | min-width: calc(#{$content-min-width} - (#{$spacing-unit} * 2));
12 | }
13 | }
14 |
15 | // Clearfix
16 | %clearfix {
17 | &:after {
18 | content: "";
19 | display: table;
20 | clear: both;
21 | }
22 | }
23 |
24 | .post {
25 | margin-bottom: $spacing-unit;
26 | @extend %clearfix;
27 | }
28 |
29 | .post p {
30 | margin-top: 0;
31 | margin-bottom: $spacing-unit * 0.8;
32 | }
33 |
34 | .post h1, h2, h3, h4, h5, h6 {
35 | margin-top: $spacing-unit * 0.9;
36 | margin-bottom: $spacing-unit * 0.2;
37 | }
38 |
39 | .post-list {
40 | margin-left: 0;
41 | list-style: none;
42 |
43 | > li {
44 | margin-bottom: $spacing-unit;
45 | }
46 | }
47 |
48 | .post-meta {
49 | font-size: $small-font-size;
50 | color: $text-light-color;
51 | }
52 |
53 | .post-link {
54 | display: block;
55 | }
56 |
--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | title: Geeky corner
2 | description: Much-Worse Jekyll theme for academic page and blog
3 | sourcecode: "https://github.com/gchauras/much-worse-jekyll-theme"
4 |
5 | permalink: blog/:year/:month/:day/:title
6 | exclude: ["Makefile", "README.md"]
7 |
8 | url: "http://gchauras.github.io" # the base hostname & protocol for your site
9 | baseurl: "/much-worse-jekyll-theme" # the subpath of your site, e.g. /blog
10 |
11 | author:
12 | name:
13 | facebook:
14 | scholar:
15 |
16 | # Build settings
17 | markdown: kramdown
18 | highlighter: rouge
19 |
20 | # Settings for analytics helper
21 | # Set 'provider' to the analytics provider you want to use.
22 | # Set 'provider' to false to turn analytics off globally.
23 | #
24 | analytics:
25 | provider:
26 | statcounter:
27 | sc_project :
28 | sc_security :
29 | sc_invisible: 1
30 | sc_text : 2
31 | google:
32 | tracking_id: ''
33 | getclicky:
34 | site_id:
35 | mixpanel:
36 | token: ''
37 | piwik:
38 | baseURL: '' # Piwik installation address (without protocol)
39 | idsite: '' # the id of the site on Piwik
40 |
41 | # Settings for comments helper
42 | # Set 'provider' to the comment provider you want to use.
43 | # Set 'provider' to false to turn commenting off globally.
44 | #
45 | comments:
46 | provider:
47 | disqus:
48 | short_name:
49 | livefyre:
50 | site_id:
51 | intensedebate:
52 | account:
53 | facebook:
54 | appid:
55 | num_posts: 5
56 | width: 580
57 | colorscheme: light
58 |
--------------------------------------------------------------------------------
/_sass/_mobile-header.scss:
--------------------------------------------------------------------------------
1 | @include media-query($mobile) {
2 | .site-nav h1 {
3 | border-bottom: 1px solid $line-color;
4 | cursor: pointer;
5 | display: none; /* Standard. IE8+, Saf, FF3+ */
6 | height: 23px;
7 | left: auto;
8 | margin-top: 10px;
9 | position: static;
10 | white-space: nowrap;
11 | }
12 |
13 | .site-nav .menu {
14 | display: block;
15 | left: -3px;
16 | min-width: 215px;
17 | padding: 4px 0;
18 | position: relative;
19 | right: -3px;
20 | z-index: 999;
21 | }
22 |
23 | .site-nav .menu.open {
24 | display: block;
25 | }
26 |
27 | .site-nav .menu li {
28 | display: block;
29 | margin: 0;
30 | color: $header-hover-color;
31 | }
32 |
33 | .site-nav ul.menu a {
34 | color: $header-hover-color;
35 | }
36 | .site-nav ul.menu a:hover {
37 | color: $header-hover-url;
38 | }
39 |
40 | .site-nav a,
41 | .site-nav li.current-menu-item > a {
42 | padding: 4px 10px;
43 | }
44 |
45 | .site-nav .menu > li {
46 | height: auto;
47 | text-align: left;
48 | }
49 |
50 | .site-nav .sub-menu {
51 | border: 0;
52 | display: block;
53 | position: relative;
54 | min-width: 215px;
55 | max-width: 215px;
56 | top: auto;
57 | right: auto;
58 | width: auto;
59 | }
60 |
61 | .site-nav .sub-menu {
62 | padding-left: 16px;
63 | }
64 | .site-nav .sub-menu li.current-menu-item > a {
65 | }
66 | }
67 |
--------------------------------------------------------------------------------
/misc.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: Interests
4 | permalink: /misc/
5 | ---
6 |
7 | ## Cool hobby to prove you are athletic
8 |
9 | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
10 |
11 | ## Cooler but boring hobby to prove you are smart
12 | Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
13 |
14 | ## Cooler hobby 2
15 | Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
16 |
17 | ## Ancient hobby which is not cool anymore
18 |
19 | Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
20 |
--------------------------------------------------------------------------------
/_sass/_syntax-highlighting.scss:
--------------------------------------------------------------------------------
1 | .highlight {
2 | background: #fff;
3 | @extend %vertical-rhythm;
4 |
5 | .c { color: #998; font-style: italic } // Comment
6 | .err { color: #a61717; background-color: #e3d2d2 } // Error
7 | .k { font-weight: bold } // Keyword
8 | .o { font-weight: bold } // Operator
9 | .cm { color: #998; font-style: italic } // Comment.Multiline
10 | .cp { color: #999; font-weight: bold } // Comment.Preproc
11 | .c1 { color: #998; font-style: italic } // Comment.Single
12 | .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
13 | .gd { color: #000; background-color: #fdd } // Generic.Deleted
14 | .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
15 | .ge { font-style: italic } // Generic.Emph
16 | .gr { color: #a00 } // Generic.Error
17 | .gh { color: #999 } // Generic.Heading
18 | .gi { color: #000; background-color: #dfd } // Generic.Inserted
19 | .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
20 | .go { color: #888 } // Generic.Output
21 | .gp { color: #555 } // Generic.Prompt
22 | .gs { font-weight: bold } // Generic.Strong
23 | .gu { color: #aaa } // Generic.Subheading
24 | .gt { color: #a00 } // Generic.Traceback
25 | .kc { font-weight: bold } // Keyword.Constant
26 | .kd { font-weight: bold } // Keyword.Declaration
27 | .kp { font-weight: bold } // Keyword.Pseudo
28 | .kr { font-weight: bold } // Keyword.Reserved
29 | .kt { color: #458; font-weight: bold } // Keyword.Type
30 | .m { color: #099 } // Literal.Number
31 | .s { color: #d14 } // Literal.String
32 | .na { color: #008080 } // Name.Attribute
33 | .nb { color: #0086B3 } // Name.Builtin
34 | .nc { color: #458; font-weight: bold } // Name.Class
35 | .no { color: #008080 } // Name.Constant
36 | .ni { color: #800080 } // Name.Entity
37 | .ne { color: #900; font-weight: bold } // Name.Exception
38 | .nf { color: #900; font-weight: bold } // Name.Function
39 | .nn { color: #555 } // Name.Namespace
40 | .nt { color: #000080 } // Name.Tag
41 | .nv { color: #008080 } // Name.Variable
42 | .ow { font-weight: bold } // Operator.Word
43 | .w { color: #bbb } // Text.Whitespace
44 | .mf { color: #099 } // Literal.Number.Float
45 | .mh { color: #099 } // Literal.Number.Hex
46 | .mi { color: #099 } // Literal.Number.Integer
47 | .mo { color: #099 } // Literal.Number.Oct
48 | .sb { color: #d14 } // Literal.String.Backtick
49 | .sc { color: #d14 } // Literal.String.Char
50 | .sd { color: #d14 } // Literal.String.Doc
51 | .s2 { color: #d14 } // Literal.String.Double
52 | .se { color: #d14 } // Literal.String.Escape
53 | .sh { color: #d14 } // Literal.String.Heredoc
54 | .si { color: #d14 } // Literal.String.Interpol
55 | .sx { color: #d14 } // Literal.String.Other
56 | .sr { color: #009926 } // Literal.String.Regex
57 | .s1 { color: #d14 } // Literal.String.Single
58 | .ss { color: #990073 } // Literal.String.Symbol
59 | .bp { color: #999 } // Name.Builtin.Pseudo
60 | .vc { color: #008080 } // Name.Variable.Class
61 | .vg { color: #008080 } // Name.Variable.Global
62 | .vi { color: #008080 } // Name.Variable.Instance
63 | .il { color: #099 } // Literal.Number.Integer.Long
64 | }
65 |
--------------------------------------------------------------------------------
/_sass/_base.scss:
--------------------------------------------------------------------------------
1 | // Reset some basic elements
2 | body, h1, h2, h3, h4, h5, h6,
3 | p, blockquote, pre, hr,
4 | dl, dd, ol, ul, figure {
5 | margin: 0;
6 | padding: 0;
7 | }
8 |
9 | html {
10 | overflow-y: scroll;
11 | }
12 |
13 | // Basic styling
14 | body {
15 | font-family: $base-font-family;
16 | font-size: $base-font-size;
17 | line-height: $base-line-height;
18 | color: $text-color;
19 | background-color: $background;
20 | margin: 0 $spacing-unit/2;
21 | -webkit-text-size-adjust: 100%;
22 | }
23 |
24 |
25 | // Set `margin-bottom` to maintain vertical rhythm
26 | h1, h2, h3, h4, h5, h6,
27 | p, blockquote, pre,
28 | ul, ol, dl, figure,
29 | %vertical-rhythm {
30 | margin-bottom: $spacing-unit/2;
31 | }
32 |
33 | hr {
34 | display: block;
35 | margin: 0.5em auto;
36 | border-style: inset;
37 | border-top: 1px solid $line-color;
38 | border-bottom: none;
39 |
40 | }
41 |
42 | // Images
43 | img {
44 | max-width: 100%;
45 | margin: auto auto;
46 | vertical-align: middle;
47 | }
48 |
49 | // Figures
50 | figure > img {
51 | display: block;
52 | }
53 |
54 | figcaption {
55 | font-size: $small-font-size;
56 | }
57 |
58 | // Lists
59 | ul, ol {
60 | margin-left: $spacing-unit;
61 | }
62 |
63 | li {
64 | > ul,
65 | > ol {
66 | margin-bottom: 0;
67 | }
68 | }
69 |
70 | // Headings
71 | h1, h2, h3, h4, h5, h6 {
72 | font-weight: bold;
73 | }
74 |
75 | // Links
76 | a {
77 | color: $url-color;
78 | text-decoration: none;
79 | &:hover {
80 | color: $url-hover-color;
81 | text-decoration: none;
82 | }
83 | }
84 |
85 | // Blockquotes
86 | blockquote {
87 | background-color: $dark-background;
88 | border-left: 4px solid darken($line-color, 66%);
89 | padding-left: 1.0em;
90 | padding-right: 0.8em;
91 | padding-top: 0.8em;
92 | padding-bottom: 0.001em;
93 | font-style: italic;
94 | > :last-child {
95 | margin-bottom: 0;
96 | }
97 | }
98 |
99 | // Code formatting
100 | pre, code {
101 | border: 1px solid $line-color;
102 | border-radius: 3px;
103 | background-color: $dark-background;
104 | font-family: monospace;
105 | font-size: $small-font-size;
106 | }
107 |
108 | code {
109 | padding: 1px 5px;
110 | }
111 |
112 | pre {
113 | padding: 8px 12px;
114 | overflow-x: scroll;
115 |
116 | > code {
117 | border: 0;
118 | padding-right: 0;
119 | padding-left: 0;
120 | }
121 | }
122 |
123 | // Icons
124 | .icon {
125 | > svg {
126 | display: inline-block;
127 | width: 0.75em;
128 | height: 0.75em;
129 | vertical-align: middle;
130 | path {
131 | fill: $text-color;
132 | }
133 | }
134 | }
135 |
136 | .footnotes ol li {
137 | list-style-type:decimal;
138 | }
139 | .footnotes ol {
140 | font-size: $vsmall-font-size;
141 | color: $text-light-color;
142 | }
143 |
144 | ul.listing {
145 | list-style-type: none;
146 | margin-left: 0;
147 | }
148 |
149 | ul.listing li.listing-seperator {
150 | padding-top: 0.75em;
151 | font-size: 1.17em;
152 | }
153 |
154 | ul.listing li.listing-item time {
155 | color: $text-light-color;
156 | text-transform: uppercase;
157 | padding-right: 0.5em;
158 | }
159 |
160 | ul.listing li.listing-item a {
161 | color: $url-color;
162 | }
163 |
--------------------------------------------------------------------------------
/_sass/_header.scss:
--------------------------------------------------------------------------------
1 | .site-header {
2 | border-bottom: 1px solid $line-color;
3 | position: relative;
4 | text-transform: uppercase;
5 | font-size: $small-font-size;
6 | @extend %clearfix;
7 | }
8 |
9 | .site-header, .site-header a {
10 | color: $header-text-color;
11 | }
12 | .site-header a:hover {
13 | color: $header-hover-color;
14 | text-decoration: none;
15 | }
16 |
17 | .site-title {
18 | margin-top: 1em;
19 | margin-bottom: 1em;
20 | float: left;
21 | letter-spacing: 1px;
22 | }
23 |
24 | .site-nav {
25 | background: $background;
26 | }
27 |
28 | .site-nav ul {
29 | text-align: right;
30 | float: right;
31 | letter-spacing: 1px;
32 | list-style-type: none;
33 | }
34 |
35 | .site-nav .menu > li {
36 | display: inline-block;
37 | margin: 1em 0 0 0.75em;
38 | padding: 0;
39 | position: relative;
40 | vertical-align: middle;
41 | }
42 |
43 | .site-nav a {
44 | display: block;
45 | }
46 |
47 | // Sub Menu
48 | .site-nav .sub-menu a {
49 | display: block;
50 | line-height: 1.2em;
51 | padding: 4px 10px;
52 | color: $header-hover-color;
53 | }
54 |
55 | .site-nav .sub-menu a:hover {
56 | color: $header-hover-url;
57 | }
58 | .site-nav .sub-menu {
59 | border-color: $line-color;
60 | z-index:2147483647;
61 | }
62 | .site-nav .sub-menu li.current-menu-item > a {
63 | border-left: none;
64 | border-right: none;
65 | }
66 |
67 | .sub-menu {
68 | border: 1px solid $line-color;
69 | background: $background;
70 | display: none;
71 | right: -10px;
72 | padding: 4px 0 3px 0;
73 | position: absolute;
74 | text-align: left;
75 | text-transform: none;
76 | top: 28px;
77 | min-width: 200px;
78 | z-index:999;
79 | }
80 |
81 | .sub-menu li {
82 | border-bottom: 0;
83 | display: block;
84 | height: auto;
85 | margin: 3px 0;
86 | padding: 0;
87 | text-align: left;
88 | }
89 |
90 | .site-nav li:hover > .sub-menu {
91 | display: block;
92 | }
93 |
94 | .site-nav h1 {
95 | position: absolute;
96 | left: -999em;
97 | }
98 |
99 | .site-nav {
100 | float: right;
101 |
102 | .menu-icon {
103 | display: none;
104 | }
105 |
106 | .page-link {
107 | color: $header-text-color;
108 |
109 | // Gaps between nav items, but not on the first one
110 | &:not(:first-child) {
111 | margin-left: 20px;
112 | }
113 | }
114 |
115 | @include media-query($mobile) {
116 | position: absolute;
117 | top: 9px;
118 | right: 20px;
119 | border: 1px solid $line-color;
120 | border-radius: 5px;
121 | text-align: right;
122 |
123 | .menu-icon {
124 | display: block;
125 | float: right;
126 | width: 1.5em;
127 | height: 1.25em;
128 | line-height: 0;
129 | padding-top: 10px;
130 | text-align: center;
131 |
132 | > svg {
133 | width: 1.25em;
134 | height: 1em;
135 | vertical-align: middle;
136 | path {
137 | fill: $grey-dark;
138 | }
139 | }
140 | }
141 |
142 | .trigger {
143 | clear: both;
144 | display: none;
145 | }
146 |
147 | &:hover .trigger {
148 | display: block;
149 | padding-bottom: 5px;
150 | }
151 |
152 | .page-link {
153 | display: block;
154 | padding: 5px 10px;
155 | }
156 | }
157 | }
158 |
--------------------------------------------------------------------------------
/research.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | permalink: /research/
4 | title: Research
5 | pubs:
6 |
7 | - title: "Paper title in 3-7 words that sound like Clingon"
8 | author: "M. McFly, D. Kirk, L. Skywalker, H.J. Potter, I. Jones, H. Houdini"
9 | journal: "Transactions on Black Magic"
10 | note: "(presented at Oz)"
11 | year: "2016"
12 | url: "http://publish-more-stuff.org"
13 | doi: "http://dx.doi.org"
14 | image: "https://images.duckduckgo.com/iu/?u=http%3A%2F%2Fimages.moviepostershop.com%2Fthe-matrix-movie-poster-1999-1020518087.jpg&f=1"
15 | media:
16 | - name: "IMDB"
17 | url: "http://www.imdb.com/title/tt0133093/"
18 |
19 | - title: "Paper title in 3-7 words that sound like Clingon"
20 | author: "M. McFly, D. Kirk, L. Skywalker, H.J. Potter, I. Jones, H. Houdini"
21 | journal: "Transactions on Black Magic"
22 | note: "(presented at Oz)"
23 | year: "2015"
24 | url: "http://publish-more-stuff.org"
25 | doi: "http://dx.doi.org"
26 | image: "https://images.duckduckgo.com/iu/?u=http%3A%2F%2Fimages.moviepostershop.com%2Fthe-matrix-movie-poster-1999-1020518087.jpg&f=1"
27 | media:
28 | - name: "IMDB"
29 | url: "http://www.imdb.com/title/tt0133093/"
30 |
31 | - title: "Paper title in 3-7 words that sound like Clingon"
32 | author: "M. McFly, D. Kirk, L. Skywalker, H.J. Potter, I. Jones, H. Houdini"
33 | journal: "Transactions on Black Magic"
34 | note: "(presented at Oz)"
35 | year: "2014"
36 | url: "http://publish-more-stuff.org"
37 | doi: "http://dx.doi.org"
38 | image: "https://images.duckduckgo.com/iu/?u=http%3A%2F%2Fimages.moviepostershop.com%2Fthe-matrix-movie-poster-1999-1020518087.jpg&f=1"
39 | media:
40 | - name: "IMDB"
41 | url: "http://www.imdb.com/title/tt0133093/"
42 |
43 | - title: "Paper title in 3-7 words that sound like Clingon"
44 | author: "M. McFly, D. Kirk, L. Skywalker, H.J. Potter, I. Jones, H. Houdini"
45 | journal: "Transactions on Black Magic"
46 | note: "(presented at Oz)"
47 | year: "2013"
48 | url: "http://publish-more-stuff.org"
49 | doi: "http://dx.doi.org"
50 | image: "https://images.duckduckgo.com/iu/?u=http%3A%2F%2Fimages.moviepostershop.com%2Fthe-matrix-movie-poster-1999-1020518087.jpg&f=1"
51 | media:
52 | - name: "IMDB"
53 | url: "http://www.imdb.com/title/tt0133093/"
54 |
55 | - title: "Paper title in 3-7 words that sound like Clingon"
56 | author: "M. McFly, D. Kirk, L. Skywalker, H.J. Potter, I. Jones, H. Houdini"
57 | journal: "Transactions on Black Magic"
58 | note: "(presented at Oz)"
59 | year: "2012"
60 | url: "http://publish-more-stuff.org"
61 | doi: "http://dx.doi.org"
62 | image: "https://images.duckduckgo.com/iu/?u=http%3A%2F%2Fimages.moviepostershop.com%2Fthe-matrix-movie-poster-1999-1020518087.jpg&f=1"
63 | media:
64 | - name: "IMDB"
65 | url: "http://www.imdb.com/title/tt0133093/"
66 |
67 | ---
68 |
69 | ## Publications (peer reviewed)
70 |
71 | {% assign thumbnail="left" %}
72 |
73 | {% for pub in page.pubs %}
74 | {% if pub.image %}
75 | {% include image.html url=pub.image caption="" height="100px" align=thumbnail %}
76 | {% endif %}
77 | [**{{pub.title}}**]({% if pub.internal %}{{pub.url | prepend: site.baseurl}}{% else %}{{pub.url}}{% endif %}) 
13 |
--------------------------------------------------------------------------------
/_includes/comments-providers/facebook:
--------------------------------------------------------------------------------
1 |
2 |
9 |
--------------------------------------------------------------------------------
/blog.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: Blog
4 | permalink: /blog/
5 | ---
6 |
7 | Here is the much awaited blog.
8 |
9 |