🚀 init
| 
						 | 
					@ -0,0 +1,13 @@
 | 
				
			||||||
 | 
					# editorconfig.org
 | 
				
			||||||
 | 
					root = true
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					[*]
 | 
				
			||||||
 | 
					indent_style = space
 | 
				
			||||||
 | 
					indent_size = 2
 | 
				
			||||||
 | 
					end_of_line = lf
 | 
				
			||||||
 | 
					charset = utf-8
 | 
				
			||||||
 | 
					trim_trailing_whitespace = true
 | 
				
			||||||
 | 
					insert_final_newline = false
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					[*.md]
 | 
				
			||||||
 | 
					trim_trailing_whitespace = false
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,5 @@
 | 
				
			||||||
 | 
					_assets/css/vendor/* linguist-vendored
 | 
				
			||||||
 | 
					_assets/js/plugins/* linguist-vendored
 | 
				
			||||||
 | 
					_assets/js/vendor/* linguist-vendored
 | 
				
			||||||
 | 
					assets/fonts/* linguist-vendored
 | 
				
			||||||
 | 
					assets/js/vendor/* linguist-vendored
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,14 @@
 | 
				
			||||||
 | 
					*.gem
 | 
				
			||||||
 | 
					*.sublime-project
 | 
				
			||||||
 | 
					*.sublime-workspace
 | 
				
			||||||
 | 
					.bundle
 | 
				
			||||||
 | 
					.DS_Store
 | 
				
			||||||
 | 
					.jekyll-metadata
 | 
				
			||||||
 | 
					.sass-cache
 | 
				
			||||||
 | 
					_asset_bundler_cache
 | 
				
			||||||
 | 
					_site
 | 
				
			||||||
 | 
					codekit-config.json
 | 
				
			||||||
 | 
					example/_site
 | 
				
			||||||
 | 
					Gemfile.lock
 | 
				
			||||||
 | 
					node_modules
 | 
				
			||||||
 | 
					npm-debug.log*
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,19 @@
 | 
				
			||||||
 | 
					# Change Log
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					All notable changes to this project will be documented in this file.
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					The format is based on [Keep a Changelog](http://keepachangelog.com/)
 | 
				
			||||||
 | 
					and this project adheres to [Semantic Versioning](http://semver.org/).
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					## [Unreleased] - YYYY-MM-DD
 | 
				
			||||||
 | 
					### Added
 | 
				
			||||||
 | 
					- for new features
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					### Changed
 | 
				
			||||||
 | 
					- for changes in existing functionality
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					### Deprecated
 | 
				
			||||||
 | 
					- for once-stable features removed in upcoming releases
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					### Fixed
 | 
				
			||||||
 | 
					- for any bug fixes
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,21 @@
 | 
				
			||||||
 | 
					The MIT License (MIT)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					Copyright (c) 2017 Michael Rose
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					Permission is hereby granted, free of charge, to any person obtaining a copy
 | 
				
			||||||
 | 
					of this software and associated documentation files (the "Software"), to deal
 | 
				
			||||||
 | 
					in the Software without restriction, including without limitation the rights
 | 
				
			||||||
 | 
					to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 | 
				
			||||||
 | 
					copies of the Software, and to permit persons to whom the Software is
 | 
				
			||||||
 | 
					furnished to do so, subject to the following conditions:
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					The above copyright notice and this permission notice shall be included in all
 | 
				
			||||||
 | 
					copies or substantial portions of the Software.
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 | 
				
			||||||
 | 
					IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 | 
				
			||||||
 | 
					FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 | 
				
			||||||
 | 
					AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 | 
				
			||||||
 | 
					LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 | 
				
			||||||
 | 
					OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 | 
				
			||||||
 | 
					SOFTWARE.
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,75 @@
 | 
				
			||||||
 | 
					require "bundler/gem_tasks"
 | 
				
			||||||
 | 
					require "jekyll"
 | 
				
			||||||
 | 
					require "listen"
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					def listen_ignore_paths(base, options)
 | 
				
			||||||
 | 
					  [
 | 
				
			||||||
 | 
					    /_config\.ya?ml/,
 | 
				
			||||||
 | 
					    /_site/,
 | 
				
			||||||
 | 
					    /\.jekyll-metadata/
 | 
				
			||||||
 | 
					  ]
 | 
				
			||||||
 | 
					end
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					def listen_handler(base, options)
 | 
				
			||||||
 | 
					  site = Jekyll::Site.new(options)
 | 
				
			||||||
 | 
					  Jekyll::Command.process_site(site)
 | 
				
			||||||
 | 
					  proc do |modified, added, removed|
 | 
				
			||||||
 | 
					    t = Time.now
 | 
				
			||||||
 | 
					    c = modified + added + removed
 | 
				
			||||||
 | 
					    n = c.length
 | 
				
			||||||
 | 
					    relative_paths = c.map{ |p| Pathname.new(p).relative_path_from(base).to_s }
 | 
				
			||||||
 | 
					    print Jekyll.logger.message("Regenerating:", "#{relative_paths.join(", ")} changed... ")
 | 
				
			||||||
 | 
					    begin
 | 
				
			||||||
 | 
					      Jekyll::Command.process_site(site)
 | 
				
			||||||
 | 
					      puts "regenerated in #{Time.now - t} seconds."
 | 
				
			||||||
 | 
					    rescue => e
 | 
				
			||||||
 | 
					      puts "error:"
 | 
				
			||||||
 | 
					      Jekyll.logger.warn "Error:", e.message
 | 
				
			||||||
 | 
					      Jekyll.logger.warn "Error:", "Run jekyll build --trace for more information."
 | 
				
			||||||
 | 
					    end
 | 
				
			||||||
 | 
					  end
 | 
				
			||||||
 | 
					end
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					task :preview do
 | 
				
			||||||
 | 
					  base = Pathname.new('.').expand_path
 | 
				
			||||||
 | 
					  options = {
 | 
				
			||||||
 | 
					    "source"        => base.join('example').to_s,
 | 
				
			||||||
 | 
					    "destination"   => base.join('example/_site').to_s,
 | 
				
			||||||
 | 
					    "force_polling" => false,
 | 
				
			||||||
 | 
					    "serving"       => true,
 | 
				
			||||||
 | 
					    "theme"         => "jekyll-theme-basically-basic"
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  options = Jekyll.configuration(options)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  ENV["LISTEN_GEM_DEBUGGING"] = "1"
 | 
				
			||||||
 | 
					  listener = Listen.to(
 | 
				
			||||||
 | 
					    base.join("_includes"),
 | 
				
			||||||
 | 
					    base.join("_layouts"),
 | 
				
			||||||
 | 
					    base.join("_sass"),
 | 
				
			||||||
 | 
					    base.join("assets"),
 | 
				
			||||||
 | 
					    options["source"],
 | 
				
			||||||
 | 
					    :ignore => listen_ignore_paths(base, options),
 | 
				
			||||||
 | 
					    :force_polling => options['force_polling'],
 | 
				
			||||||
 | 
					    &(listen_handler(base, options))
 | 
				
			||||||
 | 
					  )
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  begin
 | 
				
			||||||
 | 
					    listener.start
 | 
				
			||||||
 | 
					    Jekyll.logger.info "Auto-regeneration:", "enabled for '#{options["source"]}'"
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    unless options['serving']
 | 
				
			||||||
 | 
					      trap("INT") do
 | 
				
			||||||
 | 
					        listener.stop
 | 
				
			||||||
 | 
					        puts "     Halting auto-regeneration."
 | 
				
			||||||
 | 
					        exit 0
 | 
				
			||||||
 | 
					      end
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					      loop { sleep 1000 }
 | 
				
			||||||
 | 
					    end
 | 
				
			||||||
 | 
					  rescue ThreadError
 | 
				
			||||||
 | 
					    # You pressed Ctrl-C, oh my!
 | 
				
			||||||
 | 
					  end
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  Jekyll::Commands::Serve.process(options)
 | 
				
			||||||
 | 
					end
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,31 @@
 | 
				
			||||||
 | 
					{% assign author = page.author | default: page.authors[0] | default: site.author %}
 | 
				
			||||||
 | 
					{% if author %}
 | 
				
			||||||
 | 
					  {% if author.name %}
 | 
				
			||||||
 | 
					    {% assign author_name = author.name %}
 | 
				
			||||||
 | 
					  {% else %}
 | 
				
			||||||
 | 
					    {% if site.data.authors and site.data.authors[author] %}
 | 
				
			||||||
 | 
					      {% assign author_name = site.data.authors[author].name %}
 | 
				
			||||||
 | 
					    {% else %}
 | 
				
			||||||
 | 
					      {% assign author_name = author %}
 | 
				
			||||||
 | 
					    {% endif %}
 | 
				
			||||||
 | 
					  {% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  {% if author.picture %}
 | 
				
			||||||
 | 
					    {% assign author_picture = author.picture %}
 | 
				
			||||||
 | 
					  {% else %}
 | 
				
			||||||
 | 
					    {% if site.data.authors and site.data.authors[author] %}
 | 
				
			||||||
 | 
					      {% assign author_picture = site.data.authors[author].picture %}
 | 
				
			||||||
 | 
					    {% endif %}
 | 
				
			||||||
 | 
					    {% unless author_picture contains '://' %}{% assign author_picture = author_picture | relative_url %}{% endunless %}
 | 
				
			||||||
 | 
					  {% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  {% if author.twitter %}
 | 
				
			||||||
 | 
					    {% assign author_twitter = author.twitter %}
 | 
				
			||||||
 | 
					  {% else %}
 | 
				
			||||||
 | 
					    {% if site.data.authors and site.data.authors[author] %}
 | 
				
			||||||
 | 
					      {% assign author_twitter = site.data.authors[author].twitter %}
 | 
				
			||||||
 | 
					    {% else %}
 | 
				
			||||||
 | 
					      {% assign author_twitter = site.twitter_username %}
 | 
				
			||||||
 | 
					    {% endif %}
 | 
				
			||||||
 | 
					  {% endif %}
 | 
				
			||||||
 | 
					{% endif %}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,27 @@
 | 
				
			||||||
 | 
					<ul class="contact-list">
 | 
				
			||||||
 | 
					  {% if site.email %}
 | 
				
			||||||
 | 
					    <li>
 | 
				
			||||||
 | 
					      <a href="mailto:{{ site.email }}">
 | 
				
			||||||
 | 
					        <span class="icon icon--email">{% include icon-email.svg %}</span>
 | 
				
			||||||
 | 
					        <span class="label">Email</span>
 | 
				
			||||||
 | 
					      </a>
 | 
				
			||||||
 | 
					    </li>
 | 
				
			||||||
 | 
					  {% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  {% if site.github_username %}
 | 
				
			||||||
 | 
					    <li>{% include icon-github.html username=site.github_username label='GitHub' %}</li>
 | 
				
			||||||
 | 
					  {% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  {% if site.twitter_username %}
 | 
				
			||||||
 | 
					    <li>{% include icon-twitter.html username=site.twitter_username label='Twitter' %}</li>
 | 
				
			||||||
 | 
					  {% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  <li>
 | 
				
			||||||
 | 
					    {% if site.gems contains 'jekyll-feed' %}
 | 
				
			||||||
 | 
					      <a href="{{ site.feed.path | default: 'feed.xml' | relative_url }}" title="Atom Feed">
 | 
				
			||||||
 | 
					        <span class="icon icon--rss">{% include icon-rss.svg %}</span>
 | 
				
			||||||
 | 
					        <span class="label">Subscribe</span>
 | 
				
			||||||
 | 
					      </a>
 | 
				
			||||||
 | 
					    {% endif %}
 | 
				
			||||||
 | 
					  </li>
 | 
				
			||||||
 | 
					</ul>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,24 @@
 | 
				
			||||||
 | 
					{% if cv.awards %}
 | 
				
			||||||
 | 
					  <div id="awards" class="entry">
 | 
				
			||||||
 | 
					    <header class="entry-header">
 | 
				
			||||||
 | 
					      <h3 class="entry-title">Awards</h3>
 | 
				
			||||||
 | 
					    </header>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <div class="entry-content">
 | 
				
			||||||
 | 
					      {% for a in cv.awards %}
 | 
				
			||||||
 | 
					        {% if a.title %}
 | 
				
			||||||
 | 
					          <h4 class="title">{{ a.title }}</h4>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if a.date %}
 | 
				
			||||||
 | 
					          <div class="date">{{ a.date }}</div>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if a.awarder %}
 | 
				
			||||||
 | 
					          <h5 class="awarder">{{ a.awarder }}</h5>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if a.summary %}
 | 
				
			||||||
 | 
					          <div class="summary">{{ a.summary | markdownify }}</div>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					      {% endfor %}
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					{% endif %}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,69 @@
 | 
				
			||||||
 | 
					{% if cv.basics.summary %}
 | 
				
			||||||
 | 
					  <div class="summary">
 | 
				
			||||||
 | 
					    {{ cv.basics.summary | markdownify }}
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					{% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<div id="contact" class="entry">
 | 
				
			||||||
 | 
					  <header class="entry-header">
 | 
				
			||||||
 | 
					    <h3 class="entry-title">Contact</h3>
 | 
				
			||||||
 | 
					  </header>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  <div class="entry-content">
 | 
				
			||||||
 | 
					    {% if cv.basics.email %}
 | 
				
			||||||
 | 
					      <div class="email"><strong>Email</strong> <a href="mailto:{{ cv.basics.email }}">{{ cv.basics.email }}</a></div>
 | 
				
			||||||
 | 
					    {% endif %}
 | 
				
			||||||
 | 
					    {% if cv.basics.phone %}
 | 
				
			||||||
 | 
					      <div class="phone"><strong>Phone</strong> {{ cv.basics.phone }}</div>
 | 
				
			||||||
 | 
					    {% endif %}
 | 
				
			||||||
 | 
					    {% if cv.basics.website %}
 | 
				
			||||||
 | 
					      <div class="website"><strong>Website</strong> <a href="{{ cv.basics.website }}">{{ cv.basics.website }}</a></div>
 | 
				
			||||||
 | 
					    {% endif %}
 | 
				
			||||||
 | 
					    {% if cv.basics.profiles %}
 | 
				
			||||||
 | 
					      {% for p in cv.basics.profiles %}
 | 
				
			||||||
 | 
					        <div class="item">
 | 
				
			||||||
 | 
					          {% if p.network %}
 | 
				
			||||||
 | 
					            <strong class="network">{{ p.network | append: ' ' }}</strong>
 | 
				
			||||||
 | 
					          {% endif %}
 | 
				
			||||||
 | 
					          {% if p.username %}
 | 
				
			||||||
 | 
					            <span class="username">
 | 
				
			||||||
 | 
					              {% if p.url %}
 | 
				
			||||||
 | 
					                <a href="{{ p.url }}">{{ p.username }}</a>
 | 
				
			||||||
 | 
					              {% else %}
 | 
				
			||||||
 | 
					                {{ p.username }}
 | 
				
			||||||
 | 
					              {% endif %}
 | 
				
			||||||
 | 
					            </span>
 | 
				
			||||||
 | 
					          {% endif %}
 | 
				
			||||||
 | 
					        </div>
 | 
				
			||||||
 | 
					      {% endfor %}
 | 
				
			||||||
 | 
					    {% endif %}
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					</div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					{% if cv.basics.location %}
 | 
				
			||||||
 | 
					  <div id="location" class="entry">
 | 
				
			||||||
 | 
					    <header class="entry-header">
 | 
				
			||||||
 | 
					      <h3 class="entry-title">Location</h3>
 | 
				
			||||||
 | 
					    </header>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <div class="entry-content">
 | 
				
			||||||
 | 
					      <address>
 | 
				
			||||||
 | 
					        {% if cv.basics.location.address %}
 | 
				
			||||||
 | 
					          <span class="address">{{ cv.basics.location.address }}</span><br />
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if cv.basics.location.city %}
 | 
				
			||||||
 | 
					          <span class="city">{{ cv.basics.location.city | append: ', ' }}</span>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if cv.basics.location.region %}
 | 
				
			||||||
 | 
					          <span class="region">{{ cv.basics.location.region | append: ' ' }}</span>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if cv.basics.location.postalCode %}
 | 
				
			||||||
 | 
					          <span class="postalCode">{{ cv.basics.location.postalCode | append: ' ' }}</span>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if cv.basics.location.countryCode %}
 | 
				
			||||||
 | 
					          <span class="countryCode">{{ cv.basics.location.countryCode }}</span>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					      </address>
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					{% endif %}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,36 @@
 | 
				
			||||||
 | 
					{% if cv.education %}
 | 
				
			||||||
 | 
					  <div id="education" class="entry">
 | 
				
			||||||
 | 
					    <header class="entry-header">
 | 
				
			||||||
 | 
					      <h3 class="entry-title">Education</h3>
 | 
				
			||||||
 | 
					    </header>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <div class="entry-content">
 | 
				
			||||||
 | 
					      {% for e in cv.education %}
 | 
				
			||||||
 | 
					        {% if e.institution %}
 | 
				
			||||||
 | 
					          <h4 class="institution">{{ e.institution }}</h4>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        <div class="date">
 | 
				
			||||||
 | 
					          {% if e.startDate %}
 | 
				
			||||||
 | 
					            <span class="startDate">{{ e.startDate }}</span>
 | 
				
			||||||
 | 
					          {% endif %}
 | 
				
			||||||
 | 
					          {% if e.endDate %}
 | 
				
			||||||
 | 
					            <span class="endDate">{{ e.endDate | prepend: ' — ' }}</span>
 | 
				
			||||||
 | 
					          {% else %}
 | 
				
			||||||
 | 
					            <span class="endDate">{{ Present | prepend: ' — ' }}</span>
 | 
				
			||||||
 | 
					          {% endif %}
 | 
				
			||||||
 | 
					        </div>
 | 
				
			||||||
 | 
					        {% if e.area %}
 | 
				
			||||||
 | 
					          <div class="area"><strong>{{ e.area }}{% if e.studyType %}<span class="studyType">{{ e.studyType | prepend: ', ' }}</span>{% endif %}</strong>{% if e.gpa %}<span class="gpa">{{ e.gpa | prepend: ' (' | append: ' GPA)' }}</span>{% endif %}</div>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if e.courses %}
 | 
				
			||||||
 | 
					          <h5 class="courses-title">Courses</h5>
 | 
				
			||||||
 | 
					          <ul class="courses">
 | 
				
			||||||
 | 
					            {% for course in e.courses %}
 | 
				
			||||||
 | 
					              <li>{{ course }}</li>
 | 
				
			||||||
 | 
					            {% endfor %}
 | 
				
			||||||
 | 
					          </ul>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					      {% endfor %}
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					{% endif %}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,20 @@
 | 
				
			||||||
 | 
					{% if cv.interests %}
 | 
				
			||||||
 | 
					  <div id="interests" class="entry">
 | 
				
			||||||
 | 
					    <header class="entry-header">
 | 
				
			||||||
 | 
					      <h3 class="entry-title">Interests</h3>
 | 
				
			||||||
 | 
					    </header>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <div class="entry-content">
 | 
				
			||||||
 | 
					      {% for i in cv.interests %}
 | 
				
			||||||
 | 
					        <div class="taxonomy">
 | 
				
			||||||
 | 
					          {% if i.name %}
 | 
				
			||||||
 | 
					            <h4 class="title">{{ i.name }}</h4>
 | 
				
			||||||
 | 
					          {% endif %}
 | 
				
			||||||
 | 
					          {% if i.keywords %}
 | 
				
			||||||
 | 
					            <span class="keywords">{{ i.keywords | array_to_sentence_string }}</span>
 | 
				
			||||||
 | 
					          {% endif %}
 | 
				
			||||||
 | 
					        </div>
 | 
				
			||||||
 | 
					      {% endfor %}
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					{% endif %}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,18 @@
 | 
				
			||||||
 | 
					<header id="intro" role="banner">
 | 
				
			||||||
 | 
					  <div class="inner">
 | 
				
			||||||
 | 
					    <div class="intro-text">
 | 
				
			||||||
 | 
					      <h1 class="intro-title">{{ cv.basics.name | default: page.title | markdownify | remove: '<p>' | remove: '</p>' }}</h1>
 | 
				
			||||||
 | 
					      {% if cv.basics.label %}
 | 
				
			||||||
 | 
					        <p class="intro-subtitle">{{ cv.basics.label | markdownify | remove: '<p>' | remove: '</p>' }}</p>
 | 
				
			||||||
 | 
					      {% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					      {% if page.actions %}
 | 
				
			||||||
 | 
					        <ul class="intro-actions">
 | 
				
			||||||
 | 
					          {% for action in page.actions %}
 | 
				
			||||||
 | 
					            <li><a href="{{ action.url }}" class="btn">{% if action.icon %}<span class="icon">{% include {{ action.icon | prepend: 'icon-' | append: '.svg' }} %}</span>{% endif %}{{ action.label }}</a></li>
 | 
				
			||||||
 | 
					          {% endfor %}
 | 
				
			||||||
 | 
					        </ul>
 | 
				
			||||||
 | 
					      {% endif %}
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					</header>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,20 @@
 | 
				
			||||||
 | 
					{% if cv.languages %}
 | 
				
			||||||
 | 
					  <div id="languages" class="entry">
 | 
				
			||||||
 | 
					    <header class="entry-header">
 | 
				
			||||||
 | 
					      <h3 class="entry-title">Languages</h3>
 | 
				
			||||||
 | 
					    </header>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <div class="entry-content">
 | 
				
			||||||
 | 
					      {% for l in cv.languages %}
 | 
				
			||||||
 | 
					        {% if l.language %}
 | 
				
			||||||
 | 
					          <h4 class="language">{{ l.language }}</h4>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if l.fluency %}
 | 
				
			||||||
 | 
					          <div class="fluency">
 | 
				
			||||||
 | 
					            <em>{{ l.fluency }}</em>
 | 
				
			||||||
 | 
					          </div>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					      {% endfor %}
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					{% endif %}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,30 @@
 | 
				
			||||||
 | 
					{% if cv.publications %}
 | 
				
			||||||
 | 
					  <div id="publications" class="entry">
 | 
				
			||||||
 | 
					    <header class="entry-header">
 | 
				
			||||||
 | 
					      <h3 class="entry-title">Publications</h3>
 | 
				
			||||||
 | 
					    </header>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <div class="entry-content">
 | 
				
			||||||
 | 
					      {% for p in cv.publications %}
 | 
				
			||||||
 | 
					        {% if p.name %}
 | 
				
			||||||
 | 
					          <h4 class="title">
 | 
				
			||||||
 | 
					            {% if p.website %}
 | 
				
			||||||
 | 
					              <a href="{{ p.website }}">{{ p.name }}</a>
 | 
				
			||||||
 | 
					            {% else %}
 | 
				
			||||||
 | 
					              {{ p.name }}
 | 
				
			||||||
 | 
					            {% endif %}
 | 
				
			||||||
 | 
					          </h4>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if p.releaseDate %}
 | 
				
			||||||
 | 
					          <div class="date">{{ p.releaseDate }}</div>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if p.publisher %}
 | 
				
			||||||
 | 
					          <h5 class="publisher">{{ p.publisher | prepend: 'Published by ' }}</h5>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if p.summary %}
 | 
				
			||||||
 | 
					          <div class="summary">{{ p.summary | markdownify }}</div>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					      {% endfor %}
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					{% endif %}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,24 @@
 | 
				
			||||||
 | 
					{% if cv.references %}
 | 
				
			||||||
 | 
					  <div id="references" class="entry">
 | 
				
			||||||
 | 
					    <header class="entry-header">
 | 
				
			||||||
 | 
					      <h3 class="entry-title">References</h3>
 | 
				
			||||||
 | 
					    </header>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <div class="entry-content">
 | 
				
			||||||
 | 
					      {% for r in cv.references %}
 | 
				
			||||||
 | 
					        <div class="item">
 | 
				
			||||||
 | 
					          {% if r.reference %}
 | 
				
			||||||
 | 
					            <blockquote class="reference">
 | 
				
			||||||
 | 
					              {{ r.reference |markdownify }}
 | 
				
			||||||
 | 
					              {% if r.name %}
 | 
				
			||||||
 | 
					                <p class="name">
 | 
				
			||||||
 | 
					                  <cite>{{ r.name }}</cite>
 | 
				
			||||||
 | 
					                </p>
 | 
				
			||||||
 | 
					              {% endif %}
 | 
				
			||||||
 | 
					            </blockquote>
 | 
				
			||||||
 | 
					          {% endif %}
 | 
				
			||||||
 | 
					        </div>
 | 
				
			||||||
 | 
					      {% endfor %}
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					{% endif %}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,20 @@
 | 
				
			||||||
 | 
					{% if cv.skills. %}
 | 
				
			||||||
 | 
					  <div id="skills" class="entry">
 | 
				
			||||||
 | 
					    <header class="entry-header">
 | 
				
			||||||
 | 
					      <h3 class="entry-title">Skills</h3>
 | 
				
			||||||
 | 
					    </header>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <div class="entry-content">
 | 
				
			||||||
 | 
					      {% for s in cv.skills %}
 | 
				
			||||||
 | 
					        <div class="taxonomy">
 | 
				
			||||||
 | 
					          {% if s.name %}
 | 
				
			||||||
 | 
					            <h4 class="title">{{ s.name }}</h4>
 | 
				
			||||||
 | 
					          {% endif %}
 | 
				
			||||||
 | 
					          {% if s.keywords %}
 | 
				
			||||||
 | 
					            <span class="keywords">{{ s.keywords | array_to_sentence_string }}</span>
 | 
				
			||||||
 | 
					          {% endif %}
 | 
				
			||||||
 | 
					        </div>
 | 
				
			||||||
 | 
					      {% endfor %}
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					{% endif %}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,46 @@
 | 
				
			||||||
 | 
					{% if cv.volunteer %}
 | 
				
			||||||
 | 
					  <div id="volunteer" class="entry">
 | 
				
			||||||
 | 
					    <header class="entry-header">
 | 
				
			||||||
 | 
					      <h3 class="entry-title">Volunteer</h3>
 | 
				
			||||||
 | 
					    </header>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <div class="entry-content">
 | 
				
			||||||
 | 
					      {% for v in cv.volunteer %}
 | 
				
			||||||
 | 
					        {% if v.organization %}
 | 
				
			||||||
 | 
					          <h3 class="company">
 | 
				
			||||||
 | 
					            {% if v.website %}
 | 
				
			||||||
 | 
					              <a href="{{ v.website }}">{{ v.organization }}</a>
 | 
				
			||||||
 | 
					            {% else %}
 | 
				
			||||||
 | 
					              {{ v.organization }}
 | 
				
			||||||
 | 
					            {% endif %}
 | 
				
			||||||
 | 
					          </h3>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if v.position %}
 | 
				
			||||||
 | 
					          <h4 class="position">{{ v.position }}</h4>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        <div class="date">
 | 
				
			||||||
 | 
					          {% if v.startDate %}
 | 
				
			||||||
 | 
					            <span class="startDate">{{ v.startDate }}</span>
 | 
				
			||||||
 | 
					          {% endif %}
 | 
				
			||||||
 | 
					          {% if v.endDate %}
 | 
				
			||||||
 | 
					            <span class="endDate">{{ v.endDate | prepend: ' — ' }}</span>
 | 
				
			||||||
 | 
					          {% else %}
 | 
				
			||||||
 | 
					            <span class="endDate">{{ Present | prepend: ' — ' }}</span>
 | 
				
			||||||
 | 
					          {% endif %}
 | 
				
			||||||
 | 
					        </div>
 | 
				
			||||||
 | 
					        {% if v.summary %}
 | 
				
			||||||
 | 
					          <div class="summary">
 | 
				
			||||||
 | 
					            <p>{{ v.summary }}</p>
 | 
				
			||||||
 | 
					          </div>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if v.highlights %}
 | 
				
			||||||
 | 
					          <ul class="highlights">
 | 
				
			||||||
 | 
					            {% for highlight in v.highlights %}
 | 
				
			||||||
 | 
					              <li>{{ highlight }}</li>
 | 
				
			||||||
 | 
					            {% endfor %}
 | 
				
			||||||
 | 
					          </ul>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					      {% endfor %}
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					{% endif %}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,46 @@
 | 
				
			||||||
 | 
					{% if cv.work %}
 | 
				
			||||||
 | 
					  <div id="work" class="entry">
 | 
				
			||||||
 | 
					    <header class="entry-header">
 | 
				
			||||||
 | 
					      <h3 class="entry-title">Work</h3>
 | 
				
			||||||
 | 
					    </header>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <div class="entry-content">
 | 
				
			||||||
 | 
					      {% for w in cv.work %}
 | 
				
			||||||
 | 
					        {% if w.company %}
 | 
				
			||||||
 | 
					          <h3 class="name">
 | 
				
			||||||
 | 
					            {% if w.website %}
 | 
				
			||||||
 | 
					              <a href="{{ w.website }}">{{ w.company }}</a>
 | 
				
			||||||
 | 
					            {% else %}
 | 
				
			||||||
 | 
					              {{ w.company }}
 | 
				
			||||||
 | 
					            {% endif %}
 | 
				
			||||||
 | 
					          </h3>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if w.position %}
 | 
				
			||||||
 | 
					          <h4 class="position">{{ w.position }}</h4>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        <div class="date">
 | 
				
			||||||
 | 
					          {% if w.startDate %}
 | 
				
			||||||
 | 
					            <span class="startDate">{{ w.startDate }}</span>
 | 
				
			||||||
 | 
					          {% endif %}
 | 
				
			||||||
 | 
					          {% if w.endDate %}
 | 
				
			||||||
 | 
					            <span class="endDate">{{ w.endDate | prepend: ' — ' }}</span>
 | 
				
			||||||
 | 
					          {% else %}
 | 
				
			||||||
 | 
					            <span class="endDate">{{ Present | ' — ' }}</span>
 | 
				
			||||||
 | 
					          {% endif %}
 | 
				
			||||||
 | 
					        </div>
 | 
				
			||||||
 | 
					        {% if w.summary %}
 | 
				
			||||||
 | 
					          <div class="summary">
 | 
				
			||||||
 | 
					            <p>{{ w.summary }}</p>
 | 
				
			||||||
 | 
					          </div>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					        {% if w.highlights %}
 | 
				
			||||||
 | 
					          <ul class="highlights">
 | 
				
			||||||
 | 
					            {% for highlight in w.highlights %}
 | 
				
			||||||
 | 
					              <li>{{ highlight }}</li>
 | 
				
			||||||
 | 
					            {% endfor %}
 | 
				
			||||||
 | 
					          </ul>
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					      {% endfor %}
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					{% endif %}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,17 @@
 | 
				
			||||||
 | 
					{% if page.comments != false and jekyll.environment == "production" %}
 | 
				
			||||||
 | 
					  <div id="disqus_thread"></div>
 | 
				
			||||||
 | 
					  <script>
 | 
				
			||||||
 | 
					    var disqus_config = function () {
 | 
				
			||||||
 | 
					      this.page.url = '{{ page.url | absolute_url }}';
 | 
				
			||||||
 | 
					      this.page.identifier = '{{ page.url | absolute_url }}';
 | 
				
			||||||
 | 
					    };
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    (function() {
 | 
				
			||||||
 | 
					      var d = document, s = d.createElement('script');
 | 
				
			||||||
 | 
					      s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
 | 
				
			||||||
 | 
					      s.setAttribute('data-timestamp', +new Date());
 | 
				
			||||||
 | 
					      (d.head || d.body).appendChild(s);
 | 
				
			||||||
 | 
					    })();
 | 
				
			||||||
 | 
					  </script>
 | 
				
			||||||
 | 
					  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
 | 
				
			||||||
 | 
					{% endif %}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,24 @@
 | 
				
			||||||
 | 
					{% if post.id %}
 | 
				
			||||||
 | 
					  {% assign title = post.title | markdownify | remove: "<p>" | remove: "</p>" %}
 | 
				
			||||||
 | 
					{% else %}
 | 
				
			||||||
 | 
					  {% assign title = post.title %}
 | 
				
			||||||
 | 
					{% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<article class="entry">
 | 
				
			||||||
 | 
					  <header class="entry-header">
 | 
				
			||||||
 | 
					    <h3 class="entry-title">
 | 
				
			||||||
 | 
					      <a href="{{ post.url | relative_url }}" rel="bookmark">{{ title }}</a>
 | 
				
			||||||
 | 
					    </h3>
 | 
				
			||||||
 | 
					    <p class="entry-meta">
 | 
				
			||||||
 | 
					      {% if post.date %}
 | 
				
			||||||
 | 
					        <time class="entry-time" datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%b %-d, %Y" }}</time>
 | 
				
			||||||
 | 
					      {% endif %}
 | 
				
			||||||
 | 
					    </p>
 | 
				
			||||||
 | 
					  </header>
 | 
				
			||||||
 | 
					  <div class="entry-excerpt">
 | 
				
			||||||
 | 
					    {% if post.excerpt %}
 | 
				
			||||||
 | 
					      {{ post.excerpt | markdownify }}
 | 
				
			||||||
 | 
					      <p><a href="{{ post.url | relative_url }}" class="more-link">Read More <span class="icon icon--arrow-right">{% include icon-arrow-right.svg %}</span></a></p>
 | 
				
			||||||
 | 
					    {% endif %}
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					</article>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,8 @@
 | 
				
			||||||
 | 
					<footer id="footer" class="site-footer">
 | 
				
			||||||
 | 
					  <div class="copyright">
 | 
				
			||||||
 | 
					    {% if site.copyright %}
 | 
				
			||||||
 | 
					      {{ site.copyright | markdownify }}
 | 
				
			||||||
 | 
					    {% else %}
 | 
				
			||||||
 | 
					      <p>© {{ site.time | date: '%Y' }} {{ site.title }}.</p>
 | 
				
			||||||
 | 
					    {% endif %}
 | 
				
			||||||
 | 
					</footer>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,9 @@
 | 
				
			||||||
 | 
					<script>
 | 
				
			||||||
 | 
					  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 | 
				
			||||||
 | 
					  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 | 
				
			||||||
 | 
					  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 | 
				
			||||||
 | 
					  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  ga('create', '{{ site.google_analytics }}', 'auto');
 | 
				
			||||||
 | 
					  ga('send', 'pageview');
 | 
				
			||||||
 | 
					</script>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<link rel="alternate" type="application/atom+xml" title="{{ site.title | escape }}" href="{{ site.feed.path | default: 'feed.xml' | relative_url }}">
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					{% seo %}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,33 @@
 | 
				
			||||||
 | 
					<head>
 | 
				
			||||||
 | 
					  <meta charset="utf-8">
 | 
				
			||||||
 | 
					  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 | 
				
			||||||
 | 
					  <meta name="viewport" content="width=device-width, initial-scale=1">
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  {% if site.gems contains 'jekyll-seo-tag' %}
 | 
				
			||||||
 | 
					    {% comment %}
 | 
				
			||||||
 | 
					      Add metadata for search engines and social networks if jekyll-seo-tag plugin is enabled
 | 
				
			||||||
 | 
					    {% endcomment %}
 | 
				
			||||||
 | 
					    {% include head-seo.html %}
 | 
				
			||||||
 | 
					  {% else %}
 | 
				
			||||||
 | 
					    <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
 | 
				
			||||||
 | 
					    <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
 | 
				
			||||||
 | 
					    <link rel="canonical" href="{{ page.url | replace:'index.html', '' | absolute_url }}">
 | 
				
			||||||
 | 
					  {% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  <script type="text/javascript">
 | 
				
			||||||
 | 
					    /* Cut the mustard */
 | 
				
			||||||
 | 
					    if ( 'querySelector' in document && 'addEventListener' in window ) {
 | 
				
			||||||
 | 
					      document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + 'js';
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  </script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  <link rel="stylesheet" href="{{ '/assets/stylesheets/main.css' | relative_url }}">
 | 
				
			||||||
 | 
					  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,600,600i">
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  {% if site.gems contains 'jekyll-feed' %}
 | 
				
			||||||
 | 
					    {% comment %}
 | 
				
			||||||
 | 
					      Add Atom feed link if jekyll-feed plugin is enabled
 | 
				
			||||||
 | 
					    {% endcomment %}
 | 
				
			||||||
 | 
					    {% include head-feed.html %}
 | 
				
			||||||
 | 
					  {% endif %}
 | 
				
			||||||
 | 
					</head>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="430 -22.8 16 16"><path d="M433.4-15.7c-.2.2-.4.5-.4.9 0 .3.1.6.4.9l6.7 6.7c.2.3.5.4.9.4.3 0 .6-.1.9-.4l.8-.8c.3-.2.4-.5.4-.9 0-.3-.1-.6-.4-.9l-5-5 5-5c.3-.2.4-.5.4-.9 0-.3-.1-.6-.4-.9l-.8-.8c-.2-.3-.5-.4-.9-.4-.3 0-.7.1-.9.4l-6.7 6.7z"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 292 B  | 
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="50.4 -114.8 16 16"><path d="M63.1-107.7l-6.7-6.7c-.2-.3-.6-.4-.9-.4-.4 0-.7.1-.9.4l-.8.8c-.3.3-.4.6-.4.9 0 .4.1.7.4.9l5 5-5 5c-.3.3-.4.6-.4.9 0 .4.1.7.4.9l.8.8c.3.3.6.4.9.4.4 0 .7-.1.9-.4l6.7-6.7c.3-.3.4-.6.4-.9 0-.4-.2-.7-.4-.9z"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 287 B  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://bitbucket.org/{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--bitbucket">{% include icon-bitbucket.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C4.187 0 1.055 1.02 1.055 2.315c0 .34.817 5.174 1.158 7.08.136.886 2.383 2.11 5.787 2.11s5.583-1.224 5.787-2.11c.34-1.906 1.158-6.74 1.158-7.08C14.877 1.02 11.813 0 8 0zm0 9.94c-1.226 0-2.18-.953-2.18-2.178 0-1.226.954-2.18 2.18-2.18 1.226 0 2.18.954 2.18 2.18C10.18 8.92 9.225 9.94 8 9.94zm0-6.944c-2.45 0-4.426-.41-4.426-.953 0-.545 1.975-.954 4.426-.954 2.45 0 4.426.4 4.426.95 0 .54-1.975.95-4.426.95z" fill-rule="nonzero"/><path d="M12.97 11.234c-.136 0-.204.068-.204.068S11.064 12.664 8 12.664s-4.766-1.362-4.766-1.362-.136-.068-.204-.068c-.136 0-.273.068-.273.272v.068c.273 1.43.477 2.452.477 2.588C3.438 15.182 5.48 16 7.932 16c2.45 0 4.494-.817 4.698-1.838 0-.136.204-1.158.476-2.588v-.068c.068-.136 0-.272-.136-.272z" fill-rule="nonzero"/><circle cx="8" cy="7.694" r="1.089"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 955 B  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://codepen.io/{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--codepen">{% include icon-codepen.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M15.988 5.443c-.004-.02-.007-.04-.012-.058l-.01-.033c-.006-.017-.012-.034-.02-.05-.003-.012-.01-.023-.014-.034l-.023-.045-.02-.032-.03-.04-.03-.03-.04-.03-.03-.02-.04-.03-.03-.02-.01-.01L8.38.12c-.23-.154-.53-.154-.76 0L.302 4.99.292 5l-.03.023-.04.032-.025.027-.034.037-.024.03-.03.04c-.01.01-.02.02-.02.03l-.03.04-.01.04c-.01.01-.01.03-.02.05l-.01.03c-.01.02-.01.04-.01.06v.03C0 5.5 0 5.53 0 5.56v4.875c0 .03.002.06.006.09l.007.03c.003.02.006.04.013.058l.01.033c.006.018.01.035.018.05l.015.033c0 .01.01.03.02.04l.02.03c.01.01.02.03.03.04l.02.03.03.03c.01.01.01.02.02.02l.04.03.03.02.01.01 7.31 4.88c.11.08.25.11.38.11s.26-.04.38-.12L15.68 11l.01-.01.03-.022.04-.03.03-.026.035-.037.024-.03.03-.04.02-.032.02-.046.01-.036.02-.05.01-.03.02-.05v-5c0-.03 0-.06-.01-.09l-.01-.03zM8 9.626L5.568 8 8 6.374 10.432 8 8 9.626zM7.312 5.18l-2.98 1.993-2.406-1.61 5.386-3.59V5.18zM3.095 8l-1.72 1.15v-2.3L3.095 8zm1.237.828l2.98 1.993v3.21l-5.386-3.59 2.406-1.61zm4.355 1.993l2.98-1.99 2.407 1.61-5.387 3.59v-3.2zM12.905 8l1.72-1.15v2.3L12.905 8zm-1.237-.827L8.688 5.18V1.97l5.386 3.59-2.406 1.61z" fill-rule="nonzero"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 1.2 KiB  | 
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.4,4.9C13.7,0.8,9-1.1,4.9,0.6s-6,6.4-4.3,10.5s6.4,6,10.5,4.3c3-1.2,4.9-4.2,4.9-7.4 C16,6.9,15.8,5.9,15.4,4.9z M9.5,12.3L8,13.7l-1.4-1.4L3.1,8.8l1.4-1.4L7,9.8V2.7h2v7.1l2.5-2.5L13,8.8L9.5,12.3z"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 273 B  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://dribbble.com/{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--dribbble">{% include icon-dribbble.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 16c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm6.747-6.905c-.234-.074-2.115-.635-4.257-.292.894 2.456 1.258 4.456 1.328 4.872 1.533-1.037 2.624-2.68 2.93-4.58zM10.67 14.3c-.102-.6-.5-2.688-1.46-5.18l-.044.014C5.312 10.477 3.93 13.15 3.806 13.4c1.158.905 2.614 1.444 4.194 1.444.947 0 1.85-.194 2.67-.543zm-7.747-1.72c.155-.266 2.03-3.37 5.555-4.51.09-.03.18-.056.27-.08-.173-.39-.36-.778-.555-1.16-3.413 1.02-6.723.977-7.023.97l-.003.208c0 1.755.665 3.358 1.756 4.57zM1.31 6.61c.307.005 3.122.017 6.318-.832-1.132-2.012-2.353-3.705-2.533-3.952-1.912.902-3.34 2.664-3.784 4.785zM6.4 1.368c.188.253 1.43 1.943 2.548 4 2.43-.91 3.46-2.293 3.582-2.468C11.323 1.827 9.736 1.176 8 1.176c-.55 0-1.087.066-1.6.19zm6.89 2.322c-.145.194-1.29 1.662-3.816 2.694.16.325.31.656.453.99.05.117.1.235.147.352 2.274-.286 4.533.172 4.758.22-.015-1.613-.59-3.094-1.543-4.257z"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 1.0 KiB  | 
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="313.1 3.7 16 16"><path d="M318.5 8.9c0-.2.2-.4.4-.4h4.5c.2 0 .4.2.4.4s-.2.4-.4.4h-4.5c-.3 0-.4-.2-.4-.4zm.4 2.1h4.5c.2 0 .4-.2.4-.4s-.2-.4-.4-.4h-4.5c-.2 0-.4.2-.4.4s.1.4.4.4zm3.5 1.2c0-.2-.2-.4-.4-.4h-3.1c-.2 0-.4.2-.4.4s.2.4.4.4h3.1c.2.1.4-.1.4-.4zm-1.5-8.4l-1.7 1.4c-.2.1-.2.4 0 .6s.4.2.6 0l1.4-1.2 1.4 1.2c.2.1.4.1.6 0s.1-.4 0-.6l-1.7-1.4c-.3-.1-.5-.1-.6 0zm7.8 6.2c.1.1.1.2.1.3v7.9c0 .8-.7 1.5-1.5 1.5h-12.5c-.8 0-1.5-.7-1.5-1.5v-7.9c0-.1.1-.2.1-.3l1.6-1.3c.2-.1.4-.1.6 0s.1.4 0 .6l-1.2 1 1.8 1.3v-4c0-.6.5-1.1 1.1-1.1h7.5c.6 0 1.1.5 1.1 1.1v4l1.8-1.3-1.2-1c-.2-.1-.2-.4 0-.6s.4-.2.6 0l1.6 1.3zm-11.6 2.2l4 2.8 4-2.8V7.6c0-.1-.1-.2-.2-.2h-7.5c-.1 0-.2.1-.2.2v4.6zm10.9-1l-4.7 3.4 3.4 2.6c.2.1.2.4.1.6-.1.2-.4.2-.6.1l-3.6-2.8-1.2.8c-.1.1-.3.1-.5 0l-1.2-.8-3.6 2.8c-.2.1-.4.1-.6-.1-.1-.2-.1-.4.1-.6l3.4-2.6-4.7-3.4v7.1c0 .4.3.6.6.6h12.5c.4 0 .6-.3.6-.6v-7.1z"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 919 B  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://www.facebook.com/{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--facebook">{% include icon-facebook.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M15.117 0H.883C.395 0 0 .395 0 .883v14.234c0 .488.395.883.883.883h7.663V9.804H6.46V7.39h2.086V5.607c0-2.066 1.262-3.19 3.106-3.19.883 0 1.642.064 1.863.094v2.16h-1.28c-1 0-1.195.48-1.195 1.18v1.54h2.39l-.31 2.42h-2.08V16h4.077c.488 0 .883-.395.883-.883V.883C16 .395 15.605 0 15.117 0" fill-rule="nonzero"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 471 B  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://www.flickr.com/{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--flickr">{% include icon-flickr.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M0 8c0 2.05 1.662 3.71 3.71 3.71 2.05 0 3.713-1.66 3.713-3.71S5.76 4.29 3.71 4.29C1.663 4.29 0 5.95 0 8zm8.577 0c0 2.05 1.662 3.71 3.712 3.71C14.33 11.71 16 10.05 16 8s-1.662-3.71-3.71-3.71c-2.05 0-3.713 1.66-3.713 3.71z"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 388 B  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://github.com/{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--github">{% include icon-github.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.09-.202-.36-1.015.07-2.117 0 0 .67-.215 2.2.82.64-.178 1.32-.266 2-.27.68.004 1.36.092 2 .27 1.52-1.035 2.19-.82 2.19-.82.43 1.102.16 1.915.08 2.117.51.56.82 1.274.82 2.147 0 3.073-1.87 3.75-3.65 3.947.28.24.54.73.54 1.48 0 1.07-.01 1.93-.01 2.19 0 .21.14.46.55.38C13.71 14.53 16 11.53 16 8c0-4.418-3.582-8-8-8"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 812 B  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://gitlab.com{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--gitlab">{% include icon-gitlab.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M15.97 9.058l-.895-2.756L13.3.842c-.09-.282-.488-.282-.58 0L10.946 6.3H5.054L3.28.842C3.188.56 2.79.56 2.7.84L.924 6.3.03 9.058c-.082.25.008.526.22.682L8 15.37l7.75-5.63c.212-.156.302-.43.22-.682"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 363 B  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://plus.google.com/+{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--googleplus">{% include icon-googleplus.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M5.09 7.273v1.745h2.89c-.116.75-.873 2.197-2.887 2.197-1.737 0-3.155-1.44-3.155-3.215S3.353 4.785 5.09 4.785c.99 0 1.652.422 2.03.786l1.382-1.33c-.887-.83-2.037-1.33-3.41-1.33C2.275 2.91 0 5.19 0 8s2.276 5.09 5.09 5.09c2.94 0 4.888-2.065 4.888-4.974 0-.334-.036-.59-.08-.843H5.09zm10.91 0h-1.455V5.818H13.09v1.455h-1.454v1.454h1.455v1.455h1.46V8.727H16"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 520 B  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://instagram.com/{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--instagram">{% include icon-instagram.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C5.827 0 5.555.01 4.702.048 3.85.088 3.27.222 2.76.42c-.526.204-.973.478-1.417.923-.445.444-.72.89-.923 1.417-.198.51-.333 1.09-.372 1.942C.008 5.555 0 5.827 0 8s.01 2.445.048 3.298c.04.852.174 1.433.372 1.942.204.526.478.973.923 1.417.444.445.89.72 1.417.923.51.198 1.09.333 1.942.372.853.04 1.125.048 3.298.048s2.445-.01 3.298-.048c.852-.04 1.433-.174 1.942-.372.526-.204.973-.478 1.417-.923.445-.444.72-.89.923-1.417.198-.51.333-1.09.372-1.942.04-.853.048-1.125.048-3.298s-.01-2.445-.048-3.298c-.04-.852-.174-1.433-.372-1.942-.204-.526-.478-.973-.923-1.417-.444-.445-.89-.72-1.417-.923-.51-.198-1.09-.333-1.942-.372C10.445.008 10.173 0 8 0zm0 1.44c2.136 0 2.39.01 3.233.048.78.036 1.203.166 1.485.276.374.145.64.318.92.598.28.28.453.546.598.92.11.282.24.705.276 1.485.038.844.047 1.097.047 3.233s-.01 2.39-.05 3.233c-.04.78-.17 1.203-.28 1.485-.15.374-.32.64-.6.92-.28.28-.55.453-.92.598-.28.11-.71.24-1.49.276-.85.038-1.1.047-3.24.047s-2.39-.01-3.24-.05c-.78-.04-1.21-.17-1.49-.28-.38-.15-.64-.32-.92-.6-.28-.28-.46-.55-.6-.92-.11-.28-.24-.71-.28-1.49-.03-.84-.04-1.1-.04-3.23s.01-2.39.04-3.24c.04-.78.17-1.21.28-1.49.14-.38.32-.64.6-.92.28-.28.54-.46.92-.6.28-.11.7-.24 1.48-.28.85-.03 1.1-.04 3.24-.04zm0 2.452c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zm0 6.775c-1.473 0-2.667-1.194-2.667-2.667 0-1.473 1.194-2.667 2.667-2.667 1.473 0 2.667 1.194 2.667 2.667 0 1.473-1.194 2.667-2.667 2.667zm5.23-6.937c0 .53-.43.96-.96.96s-.96-.43-.96-.96.43-.96.96-.96.96.43.96.96z"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 1.7 KiB  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://last.fm/user/{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--lastfm">{% include icon-lastfm.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M7.056 11.473L6.47 9.88s-.954 1.062-2.383 1.062c-1.265 0-2.163-1.1-2.163-2.86 0-2.254 1.137-3.06 2.255-3.06 1.61 0 2.12 1.044 2.56 2.382l.58 1.833c.58 1.778 1.68 3.207 4.85 3.207 2.27 0 3.81-.696 3.81-2.53 0-1.483-.85-2.253-2.42-2.62l-1.17-.256c-.81-.183-1.05-.513-1.05-1.063 0-.623.49-.99 1.3-.99.88 0 1.35.33 1.43 1.118l1.83-.22c-.15-1.65-1.29-2.327-3.16-2.327-1.65 0-3.26.623-3.26 2.62 0 1.247.6 2.035 2.12 2.4l1.24.295c.93.22 1.24.61 1.24 1.14 0 .68-.66.96-1.91.96-1.85 0-2.62-.97-3.06-2.31l-.6-1.83c-.77-2.38-2-3.26-4.44-3.26C1.43 3.56 0 5.26 0 8.16c0 2.783 1.43 4.29 3.996 4.29 2.07 0 3.06-.97 3.06-.97z" fill-rule="nonzero"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 797 B  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://www.linkedin.com/in/{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--linkedin">{% include icon-linkedin.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M13.632 13.635h-2.37V9.922c0-.886-.018-2.025-1.234-2.025-1.235 0-1.424.964-1.424 1.96v3.778h-2.37V6H8.51v1.04h.03c.318-.6 1.092-1.233 2.247-1.233 2.4 0 2.845 1.58 2.845 3.637v4.188zM3.558 4.955c-.762 0-1.376-.617-1.376-1.377 0-.758.614-1.375 1.376-1.375.76 0 1.376.617 1.376 1.375 0 .76-.617 1.377-1.376 1.377zm1.188 8.68H2.37V6h2.376v7.635zM14.816 0H1.18C.528 0 0 .516 0 1.153v13.694C0 15.484.528 16 1.18 16h13.635c.652 0 1.185-.516 1.185-1.153V1.153C16 .516 15.467 0 14.815 0z" fill-rule="nonzero"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 666 B  | 
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="379 72.1 16 16"><path d="M386.8 79.1c-.1.2-.1.4-.2.7-.2.7-.3.9-.4 1.1-.1.2-.1.2-.2.5l0 0c0 .1-.1.2-.2.4.5-.2.8-.3 1.3-.5l.3-.1c.2-.1.4-.1.5-.2.1 0 .1 0 .2-.1-.1-.1-.2-.3-.4-.5C387.4 80.1 387.1 79.7 386.8 79.1zM383.2 84.3c-.1.4-.1.4-.1.4.1 0 .2.1.2 0 .1-.1.2-.2.4-.6.1-.1.1-.2.2-.4 0 0 0-.1.1-.1C383.6 83.9 383.3 84.1 383.2 84.3zM386.5 76.7c.1-.6.1-.7 0-1.2 0-.1 0-.1 0-.1 0 0 0 .1-.1.1-.1.3-.1.6 0 1C386.5 76.6 386.5 76.6 386.5 76.7z"/><path d="M391.3,72.1h-8.6c-1.1,0-2,0.9-2,2.1V86c0,1.1,0.9,2.1,2,2.1h6.6l4.1-4.1v-9.8C393.4,73,392.4,72.1,391.3,72.1z M389.2,82.1  c-0.2-0.2-0.3-0.3-0.5-0.4c-0.2,0-0.3,0.1-0.5,0.2c-0.1,0.1-0.3,0.1-0.6,0.2l-0.3,0.1c-0.6,0.2-0.9,0.3-1.6,0.6 c-0.2,0.1-0.3,0.1-0.5,0.2c0,0,0,0.1,0,0.1c0,0.1-0.2,0.5-0.6,1.1c-0.1,0.1-0.1,0.3-0.2,0.4c-0.2,0.4-0.3,0.6-0.6,0.8 c-0.2,0.2-0.4,0.2-0.7,0.2c-0.2,0-0.5-0.1-0.7-0.2c-0.5-0.4-0.3-1.1-0.2-1.4c0.2-0.5,0.7-0.8,1.4-1.2c0.3-0.2,0.6-0.3,0.8-0.5 c0.2-0.3,0.4-0.8,0.6-1.2l0,0c0.1-0.3,0.1-0.3,0.2-0.5c0-0.1,0.1-0.4,0.4-1.1c0.2-0.7,0.3-1.1,0.5-1.5c-0.3-0.6-0.5-1-0.6-1.4 c-0.1-0.5-0.1-0.9,0-1.4c0.2-0.7,0.7-0.8,0.8-0.8l0,0c0.2,0,0.7,0.1,0.9,0.8c0.1,0.6,0.1,0.9-0.1,1.7l-0.1,0.3  c0,0.2-0.1,0.5-0.1,0.6c0.1,0.1,0.1,0.2,0.2,0.3c0.4,0.8,0.7,1.2,1.1,1.8c0.2,0.3,0.4,0.5,0.6,0.7c0.1,0,0.2,0,0.2,0  c0.3-0.1,0.5-0.1,0.7-0.1c0.2,0,0.5,0,0.8,0.1c0.8,0.1,1,0.7,1,1c0,0.2,0,0.8-0.8,0.9c-0.2,0.1-0.6,0.1-0.8,0 C389.9,82.6,389.6,82.5,389.2,82.1z M389.7,87.1v-2.1c0-0.3,0.3-0.6,0.6-0.6h2.1L389.7,87.1z"/><path d="M390.8,81.9c0.1,0,0.1,0,0.1,0c0,0,0-0.1,0-0.1c0,0-0.1-0.1-0.3-0.1c-0.3-0.1-0.5-0.1-0.7-0.1c-0.1,0-0.1,0-0.2,0  c0.3,0.3,0.5,0.4,0.6,0.4C390.4,81.9,390.6,81.9,390.8,81.9z"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 1.6 KiB  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://www.pinterest.com/{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--pinterest">{% include icon-pinterest.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.582 0 0 3.582 0 8c0 3.39 2.108 6.285 5.084 7.45-.07-.633-.133-1.604.028-2.295.146-.625.938-3.977.938-3.977s-.24-.48-.24-1.188c0-1.11.646-1.943 1.448-1.943.683 0 1.012.513 1.012 1.127 0 .687-.436 1.713-.662 2.664-.19.797.4 1.445 1.185 1.445 1.42 0 2.514-1.498 2.514-3.662 0-1.91-1.376-3.25-3.342-3.25-2.276 0-3.61 1.71-3.61 3.47 0 .69.263 1.43.593 1.83.066.08.075.15.057.23-.06.25-.196.8-.223.91-.035.15-.115.18-.268.11C3.516 10.46 2.89 9 2.89 7.82c0-2.52 1.834-4.84 5.287-4.84 2.774 0 4.932 1.98 4.932 4.62 0 2.76-1.74 4.98-4.16 4.98-.81 0-1.57-.42-1.84-.92l-.5 1.9c-.18.698-.67 1.57-1 2.1.75.23 1.54.357 2.37.357 4.41 0 8-3.58 8-8s-3.59-8-8-8z" fill-rule="nonzero"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 839 B  | 
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.8 16C12.8 8.978 7.022 3.2 0 3.2V0c8.777 0 16 7.223 16 16h-3.2zM2.194 11.61c1.21 0 2.195.985 2.195 2.196 0 1.21-.99 2.194-2.2 2.194C.98 16 0 15.017 0 13.806c0-1.21.983-2.195 2.194-2.195zM10.606 16h-3.11c0-4.113-3.383-7.497-7.496-7.497v-3.11c5.818 0 10.606 4.79 10.606 10.607z"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 446 B  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://soundcloud.com/{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--soundcloud">{% include icon-soundcloud.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M.773 8.13c-.034 0-.062.03-.067.066L.55 9.633l.156 1.405c.005.038.033.065.067.065.033 0 .06-.027.066-.065l.17-1.405-.18-1.437c0-.038-.03-.066-.06-.066m-.6.552c-.04 0-.06.025-.07.062l-.11.89.11.872c0 .037.03.063.06.063s.06-.03.07-.07l.14-.88-.14-.89c0-.04-.03-.06-.06-.06m1.22-.82c-.04 0-.08.03-.08.07l-.14 1.71.15 1.64c0 .04.03.08.08.08.04 0 .07-.04.08-.08l.17-1.65-.17-1.7c-.01-.04-.04-.08-.08-.08m.63-.06c-.05 0-.09.04-.1.09L1.8 9.63l.14 1.697c.01.052.05.092.1.092s.09-.04.1-.1l.16-1.69-.16-1.75c0-.05-.04-.09-.09-.09m.75 3.56zm0-3.33c-.003-.06-.05-.1-.106-.1-.06 0-.106.04-.11.1L2.44 9.64l.133 1.71c0 .06.05.105.106.105.05 0 .1-.046.1-.106l.15-1.71-.15-1.63zm.54-1.14c-.067 0-.12.06-.12.12l-.14 2.64.124 1.71c0 .06.054.11.12.11.063 0 .116-.06.12-.12l.14-1.71-.14-2.65c-.005-.07-.058-.12-.12-.12m.64-.61c-.07 0-.13.06-.135.13l-.12 3.25.11 1.7c0 .08.06.14.13.14s.13-.06.14-.14l.13-1.7-.13-3.24c-.01-.08-.07-.14-.14-.14m.66-.3c-.08 0-.14.06-.15.14l-.11 3.52.11 1.68c.01.08.07.15.15.15.08 0 .15-.07.15-.15l.13-1.68-.13-3.52c0-.08-.07-.15-.15-.15m.83.03c0-.09-.07-.16-.16-.16-.08 0-.16.07-.16.16l-.1 3.63.1 1.67c.01.09.08.16.17.16.09 0 .16-.07.16-.16l.11-1.67-.11-3.64zm0 5.3zm.5-5.39c-.09 0-.17.08-.17.17l-.1 3.55.1 1.65c0 .1.08.17.17.17.09 0 .17-.08.17-.18l.1-1.65-.11-3.54c0-.1-.08-.18-.18-.18m.67.11c-.11 0-.19.09-.19.19L6.33 9.6l.09 1.65c0 .1.08.185.19.185.1 0 .18-.08.19-.19l.08-1.63-.09-3.41c-.008-.11-.09-.19-.19-.19m.79-.63c-.03-.02-.07-.03-.11-.03-.04 0-.08.01-.11.03-.06.036-.1.1-.1.17v.04L7 9.63l.077 1.634v.005c.005.04.02.09.05.12.038.04.094.07.156.07.054 0 .105-.03.14-.06.038-.04.06-.09.06-.15l.01-.16.078-1.47-.09-4.06c0-.07-.04-.13-.09-.16m.09 5.87zm.58-6.25c-.03-.03-.06-.04-.1-.04-.05 0-.1.01-.14.04-.05.04-.08.1-.08.16v.02l-.09 4.41.05.81.04.79c0 .11.1.21.22.21s.22-.1.22-.22l.1-1.61-.1-4.43c0-.08-.05-.147-.11-.185m5.96 2.52c-.27 0-.53.057-.76.155-.16-1.77-1.64-3.16-3.46-3.16-.44 0-.87.09-1.26.24-.15.06-.18.12-.19.24v6.25c.01.12.1.22.22.23h5.46c1.08.01 1.96-.86 1.96-1.95s-.88-1.97-1.96-1.97" fill-rule="nonzero"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 2.1 KiB  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://www.stackoverflow.com/users/{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--stackoverflow">{% include icon-stackoverflow.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.658 14.577v-4.27h1.423V16H1.23v-5.693h1.42v4.27h10.006zm-8.583-1.423h7.16V11.73h-7.16v1.424zm.173-3.235l6.987 1.46.3-1.38L4.55 8.54l-.302 1.38zm.906-3.37l6.47 3.02.602-1.3-6.47-3.02-.602 1.29zm1.81-3.19l5.478 4.57.906-1.08L7.87 2.28l-.9 1.078zM10.502 0L9.338.863l4.27 5.735 1.164-.862L10.5 0z"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 464 B  | 
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="15 309.7 16 16"><g><path d="M23.9 315.1v3.6c0 .5-.4.9-.9.9s-.9-.4-.9-.9v-3.6h1.8z"/><path d="M30.1 317.7c.5 3.9-2.3 7.5-6.2 7.9-3.9.5-7.5-2.3-7.9-6.2-.5-3.9 2.3-7.5 6.2-7.9v-1.8H24v1.8c1.1.1 2.7.7 3.5 1.4l1.3-1.3 1.3 1.3-1.3 1.3c.5.9 1.2 2.5 1.3 3.5zm-1.8.9c0-2.9-2.4-5.3-5.3-5.3s-5.3 2.4-5.3 5.3 2.4 5.3 5.3 5.3 5.3-2.3 5.3-5.3z"/></g></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 391 B  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://{{ include.username }}.tumblr.com">
 | 
				
			||||||
 | 
					  <span class="icon icon--tumblr">{% include icon-tumblr.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M9.708 16c-3.396 0-4.687-2.504-4.687-4.274V6.498H3.41V4.432C5.83 3.557 6.418 1.368 6.55.12c.01-.086.077-.12.115-.12H9.01v4.076h3.2v2.422H8.997v4.98c.01.667.25 1.58 1.472 1.58h.06c.42-.012.99-.136 1.29-.278l.77 2.283c-.29.424-1.6.916-2.77.936H9.7z" fill-rule="nonzero"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 434 B  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://twitter.com/{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--twitter">{% include icon-twitter.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.37-1.337.64-2.085.79-.598-.64-1.45-1.04-2.396-1.04-1.812 0-3.282 1.47-3.282 3.28 0 .26.03.51.085.75-2.728-.13-5.147-1.44-6.766-3.42C.83 2.58.67 3.14.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.41-.02-.61-.058.42 1.304 1.63 2.253 3.07 2.28-1.12.88-2.54 1.404-4.07 1.404-.26 0-.52-.015-.78-.045 1.46.93 3.18 1.474 5.04 1.474 6.04 0 9.34-5 9.34-9.33 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7z" fill-rule="nonzero"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 743 B  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://www.xing.com/profile/{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--xing">{% include icon-xing.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.126 0c-.345 0-.494.217-.618.44 0 0-4.97 8.816-5.135 9.105.01.016 3.28 6.015 3.28 6.015.113.205.29.44.644.44H12.6c.14 0 .25-.052.308-.147.06-.1.06-.23-.005-.357L9.65 9.552c-.003-.004-.003-.01 0-.015L14.76.504c.063-.128.064-.258.004-.357-.06-.095-.168-.147-.307-.147h-2.33zM2.432 3.16c-.14 0-.256.05-.315.144-.06.1-.052.226.013.354l1.56 2.7c.003.006.003.01 0 .014L1.24 10.7c-.065.126-.062.254 0 .353.057.095.16.157.3.157h2.308c.345 0 .51-.232.63-.445l2.49-4.406-1.586-2.77c-.115-.21-.29-.44-.642-.44H2.432z"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 676 B  | 
| 
						 | 
					@ -0,0 +1,4 @@
 | 
				
			||||||
 | 
					<a href="https://www.youtube.com/user/{{ include.username }}">
 | 
				
			||||||
 | 
					  <span class="icon icon--youtube">{% include icon-youtube.svg %}</span>
 | 
				
			||||||
 | 
					  <span class="label">{{ include.label | default: include.username }}</span>
 | 
				
			||||||
 | 
					</a>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1 @@
 | 
				
			||||||
 | 
					<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M0 7.345c0-1.294.16-2.59.16-2.59s.156-1.1.636-1.587c.608-.637 1.408-.617 1.764-.684C3.84 2.36 8 2.324 8 2.324s3.362.004 5.6.166c.314.038.996.04 1.604.678.48.486.636 1.588.636 1.588S16 6.05 16 7.346v1.258c0 1.296-.16 2.59-.16 2.59s-.156 1.102-.636 1.588c-.608.638-1.29.64-1.604.678-2.238.162-5.6.166-5.6.166s-4.16-.037-5.44-.16c-.356-.067-1.156-.047-1.764-.684-.48-.487-.636-1.587-.636-1.587S0 9.9 0 8.605v-1.26zm6.348 2.73V5.58l4.323 2.255-4.32 2.24z"/></svg>
 | 
				
			||||||
| 
		 After Width: | Height: | Size: 618 B  | 
| 
						 | 
					@ -0,0 +1,21 @@
 | 
				
			||||||
 | 
					<header id="masthead">
 | 
				
			||||||
 | 
					  <div class="inner">
 | 
				
			||||||
 | 
					    <div class="title-area">
 | 
				
			||||||
 | 
					      {% if page.url == '/' %}
 | 
				
			||||||
 | 
					        <h1 class="site-title">
 | 
				
			||||||
 | 
					          <a href="{{ '/' | relative_url }}">
 | 
				
			||||||
 | 
					            {% if site.image %}<img src="{{ site.image }}" alt="" class="site-image">{% endif %}
 | 
				
			||||||
 | 
					            {{ site.title | escape }}
 | 
				
			||||||
 | 
					          </a>
 | 
				
			||||||
 | 
					        </h1>
 | 
				
			||||||
 | 
					      {% else %}
 | 
				
			||||||
 | 
					        <p class="site-title">
 | 
				
			||||||
 | 
					          <a href="{{ '/' | relative_url }}">
 | 
				
			||||||
 | 
					            {% if site.image %}<img src="{{ site.image }}" alt="" class="site-image">{% endif %}
 | 
				
			||||||
 | 
					            {{ site.title | escape }}
 | 
				
			||||||
 | 
					          </a>
 | 
				
			||||||
 | 
					        </p>
 | 
				
			||||||
 | 
					      {% endif %}
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					</header>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,25 @@
 | 
				
			||||||
 | 
					<nav id="nav-primary" class="site-nav" itemscope itemtype="http://schema.org/SiteNavigationElement" aria-label="Main navigation">
 | 
				
			||||||
 | 
					  <ul id="menu-main-navigation" class="menu">
 | 
				
			||||||
 | 
					    <!-- Home link -->
 | 
				
			||||||
 | 
					    <li class="menu-item">
 | 
				
			||||||
 | 
					      <a href="{{ '/' | relative_url }}" itemprop="url">
 | 
				
			||||||
 | 
					        <span itemprop="name">Home</span>
 | 
				
			||||||
 | 
					      </a>
 | 
				
			||||||
 | 
					    </li>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <!-- site.pages links -->
 | 
				
			||||||
 | 
					    {% assign default_paths = site.pages | map: "path" %}
 | 
				
			||||||
 | 
					    {% assign page_paths = site.navigation_pages | default: default_paths %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    {% for path in page_paths %}
 | 
				
			||||||
 | 
					      {% assign my_page = site.pages | where: "path", path | first %}
 | 
				
			||||||
 | 
					      {% if my_page.title %}
 | 
				
			||||||
 | 
					        <li class="menu-item">
 | 
				
			||||||
 | 
					          <a href="{{ my_page.url | relative_url }}" itemprop="url">
 | 
				
			||||||
 | 
					            <span itemprop="name">{{ my_page.title | escape }}</span>
 | 
				
			||||||
 | 
					          </a>
 | 
				
			||||||
 | 
					        </li>
 | 
				
			||||||
 | 
					      {% endif %}
 | 
				
			||||||
 | 
					    {% endfor %}
 | 
				
			||||||
 | 
					  </ul>
 | 
				
			||||||
 | 
					</nav>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,31 @@
 | 
				
			||||||
 | 
					<header id="intro" role="banner">
 | 
				
			||||||
 | 
					  <div class="inner">
 | 
				
			||||||
 | 
					    <div class="intro-text">
 | 
				
			||||||
 | 
					      <h1 class="intro-title">{{ page.alt_title | default: page.title | default: site.title | markdownify | remove: '<p>' | remove: '</p>' }}</h1>
 | 
				
			||||||
 | 
					      {% if page.sub_title %}
 | 
				
			||||||
 | 
					        <p class="intro-subtitle">{{ page.sub_title | markdownify | remove: '<p>' | remove: '</p>' }}</p>
 | 
				
			||||||
 | 
					      {% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					      {% if page.date %}
 | 
				
			||||||
 | 
					        {% include author %}
 | 
				
			||||||
 | 
					        <p class="entry-meta">
 | 
				
			||||||
 | 
					          {% if author_name %}<span class="byline-item">{{ author_name | prepend: 'by ' }}</span>{% endif %}<span class="byline-item"><time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %-d, %Y" }}</time></span>
 | 
				
			||||||
 | 
					        </p>
 | 
				
			||||||
 | 
					      {% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					      {% if page.introduction %}
 | 
				
			||||||
 | 
					        <div class="intro-more">
 | 
				
			||||||
 | 
					          {{ page.introduction | markdownify }}
 | 
				
			||||||
 | 
					        </div>
 | 
				
			||||||
 | 
					      {% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					      {% if page.actions %}
 | 
				
			||||||
 | 
					        <ul class="intro-actions">
 | 
				
			||||||
 | 
					          {% for action in page.actions %}
 | 
				
			||||||
 | 
					            <li><a href="{{ action.url }}" class="btn">{% if action.icon %}<span class="icon">{% include {{ action.icon | prepend: 'icon-' | append: '.svg' }} %}</span>{% endif %}{{ action.label }}</a></li>
 | 
				
			||||||
 | 
					          {% endfor %}
 | 
				
			||||||
 | 
					        </ul>
 | 
				
			||||||
 | 
					      {% endif %}
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					</header>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,3 @@
 | 
				
			||||||
 | 
					{% for post in site.posts %}
 | 
				
			||||||
 | 
					  {% include entry.html %}
 | 
				
			||||||
 | 
					{% endfor %}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,16 @@
 | 
				
			||||||
 | 
					{% for post in paginator.posts %}
 | 
				
			||||||
 | 
					  {% include entry.html %}
 | 
				
			||||||
 | 
					{% endfor %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<!-- Pagination links -->
 | 
				
			||||||
 | 
					<nav class="pager">
 | 
				
			||||||
 | 
					  <ul>
 | 
				
			||||||
 | 
					    <!-- Page: {{ paginator.page }} of {{ paginator.total_pages }} -->
 | 
				
			||||||
 | 
					    {% if paginator.previous_page %}
 | 
				
			||||||
 | 
					      <li><a href="{{ paginator.previous_page_path | relative_url }}" class="previous"><span class="icon icon--arrow-right">{% include icon-arrow-left.svg %}</span> Newer</a></li>
 | 
				
			||||||
 | 
					    {% endif %}
 | 
				
			||||||
 | 
					    {% if paginator.next_page %}
 | 
				
			||||||
 | 
					      <li><a href="{{ paginator.next_page_path | relative_url }}" class="next">Older <span class="icon icon--arrow-right">{% include icon-arrow-right.svg %}</span></a></li>
 | 
				
			||||||
 | 
					    {% endif %}
 | 
				
			||||||
 | 
					  </ul>
 | 
				
			||||||
 | 
					</nav>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,5 @@
 | 
				
			||||||
 | 
					{% if jekyll.environment == 'production' and site.google_analytics %}
 | 
				
			||||||
 | 
					  {% include google-analytics.html %}
 | 
				
			||||||
 | 
					{% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<script async src="{{ '/assets/javascripts/main.js' | relative_url }}"></script>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,8 @@
 | 
				
			||||||
 | 
					<section>
 | 
				
			||||||
 | 
					  <h2 class="screen-reader-text">Skip links</h2>
 | 
				
			||||||
 | 
					  <ul class="skip-links">
 | 
				
			||||||
 | 
					    <li><a href="#primary-nav" class="screen-reader-shortcut">Skip to primary navigation</a></li>
 | 
				
			||||||
 | 
					    <li><a href="#main" class="screen-reader-shortcut">Skip to content</a></li>
 | 
				
			||||||
 | 
					    <li><a href="#footer" class="screen-reader-shortcut">Skip to footer</a></li>
 | 
				
			||||||
 | 
					  </ul>
 | 
				
			||||||
 | 
					</section>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,21 @@
 | 
				
			||||||
 | 
					---
 | 
				
			||||||
 | 
					layout: default
 | 
				
			||||||
 | 
					---
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					{% include page-intro.html %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<main id="main" class="page-content" aria-label="Content">
 | 
				
			||||||
 | 
					  <div class="inner">
 | 
				
			||||||
 | 
					    <article class="entry-wrap">
 | 
				
			||||||
 | 
					      <div class="entry-content">
 | 
				
			||||||
 | 
					        {{ content }}
 | 
				
			||||||
 | 
					      </div>
 | 
				
			||||||
 | 
					      <aside class="entry-sidebar">
 | 
				
			||||||
 | 
					        {% include author %}
 | 
				
			||||||
 | 
					        <img class="author-picture" src="{{ author_picture }}" alt="{{ author_name }}">
 | 
				
			||||||
 | 
					      </aside>
 | 
				
			||||||
 | 
					    </article>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    {% include footer.html %}
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					</main>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,28 @@
 | 
				
			||||||
 | 
					---
 | 
				
			||||||
 | 
					layout: default
 | 
				
			||||||
 | 
					---
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					{% assign cv = site.data.cv %}
 | 
				
			||||||
 | 
					{% include cv/intro.html %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<main id="main" class="page-content" aria-label="Content">
 | 
				
			||||||
 | 
					  <div class="index inner">
 | 
				
			||||||
 | 
					    <div>{{ content }}</div>
 | 
				
			||||||
 | 
					    <div>
 | 
				
			||||||
 | 
					      <div class="entries">
 | 
				
			||||||
 | 
					        {% include cv/basics.html %}
 | 
				
			||||||
 | 
					        {% include cv/work.html %}
 | 
				
			||||||
 | 
					        {% include cv/volunteer.html %}
 | 
				
			||||||
 | 
					        {% include cv/education.html %}
 | 
				
			||||||
 | 
					        {% include cv/awards.html %}
 | 
				
			||||||
 | 
					        {% include cv/publications.html %}
 | 
				
			||||||
 | 
					        {% include cv/skills.html %}
 | 
				
			||||||
 | 
					        {% include cv/languages.html %}
 | 
				
			||||||
 | 
					        {% include cv/interests.html %}
 | 
				
			||||||
 | 
					        {% include cv/references.html %}
 | 
				
			||||||
 | 
					      </div>
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    {% include footer.html %}
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					</main>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,36 @@
 | 
				
			||||||
 | 
					<!DOCTYPE html>
 | 
				
			||||||
 | 
					<!--
 | 
				
			||||||
 | 
					    Basically Basic Jekyll Theme 0.0.1
 | 
				
			||||||
 | 
					    Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
 | 
				
			||||||
 | 
					    Free for personal and commercial use under the MIT license
 | 
				
			||||||
 | 
					    https://github.com/mmistakes/jekyll-basically-theme/blob/master/LICENSE.md
 | 
				
			||||||
 | 
					-->
 | 
				
			||||||
 | 
					<html lang="{{ page.lang | default: site.lang | default: 'en-US' }}" class="no-js">
 | 
				
			||||||
 | 
					  {% include head.html %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  <body class="layout--{{ page.layout | default: layout.layout }}{% if page.classes or layout.classes %}{{ page.classes | default: layout.classes | join: ' ' | prepend: ' ' }}{% endif %} {{ page.title | slugify }}">
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    {% include skip-links.html %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <a id="sidebar-toggle" class="toggle navicon-button larr">
 | 
				
			||||||
 | 
					      <span class="screen-reader-text">Menu</span>
 | 
				
			||||||
 | 
					      <div class="navicon"></div>
 | 
				
			||||||
 | 
					    </a>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <div id="wrapper">
 | 
				
			||||||
 | 
					      {% include masthead.html %}
 | 
				
			||||||
 | 
					      {{ content }}
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <div id="sidebar">
 | 
				
			||||||
 | 
					      <div class="inner">
 | 
				
			||||||
 | 
					        {% include navigation.html %}
 | 
				
			||||||
 | 
					        {% include contact-list.html %}
 | 
				
			||||||
 | 
					      </div>
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    {% include scripts.html %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  </body>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					</html>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,30 @@
 | 
				
			||||||
 | 
					---
 | 
				
			||||||
 | 
					layout: default
 | 
				
			||||||
 | 
					---
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					{% include page-intro.html %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<main id="main" class="page-content" aria-label="Content">
 | 
				
			||||||
 | 
					  <div class="index inner">
 | 
				
			||||||
 | 
					    <div>{{ content }}</div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <div>
 | 
				
			||||||
 | 
					      <header class="section-title">
 | 
				
			||||||
 | 
					        <h2>Posts</h2>
 | 
				
			||||||
 | 
					      </header>
 | 
				
			||||||
 | 
					      <div class="entries">
 | 
				
			||||||
 | 
					        {% if site.gems contains 'jekyll-paginate' and page.paginate %}
 | 
				
			||||||
 | 
					          {% comment %}
 | 
				
			||||||
 | 
					            Add paginator.posts loop if jekyll-paginate plugin is enabled
 | 
				
			||||||
 | 
					            and page.paginate == true
 | 
				
			||||||
 | 
					          {% endcomment %}
 | 
				
			||||||
 | 
					          {% include posts-paginated.html %}
 | 
				
			||||||
 | 
					        {% else %}
 | 
				
			||||||
 | 
					          {% include posts-all.html %}
 | 
				
			||||||
 | 
					        {% endif %}
 | 
				
			||||||
 | 
					      </div>
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    {% include footer.html %}
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					</main>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,17 @@
 | 
				
			||||||
 | 
					---
 | 
				
			||||||
 | 
					layout: default
 | 
				
			||||||
 | 
					---
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					{% include page-intro.html %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<main id="main" class="page-content" aria-label="Content">
 | 
				
			||||||
 | 
					  <div class="inner">
 | 
				
			||||||
 | 
					    <article class="entry-wrap">
 | 
				
			||||||
 | 
					      <div class="entry-content">
 | 
				
			||||||
 | 
					        {{ content }}
 | 
				
			||||||
 | 
					      </div>
 | 
				
			||||||
 | 
					    </article>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    {% include footer.html %}
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					</main>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,20 @@
 | 
				
			||||||
 | 
					---
 | 
				
			||||||
 | 
					layout: default
 | 
				
			||||||
 | 
					---
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					{% include page-intro.html %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<main id="main" class="page-content" aria-label="Content">
 | 
				
			||||||
 | 
					  <div class="inner">
 | 
				
			||||||
 | 
					    <article class="entry-wrap">
 | 
				
			||||||
 | 
					      <div class="entry-content">
 | 
				
			||||||
 | 
					        {{ content }}
 | 
				
			||||||
 | 
					      </div>
 | 
				
			||||||
 | 
					      {% if site.disqus.shortname %}
 | 
				
			||||||
 | 
					        {% include disqus_comments.html %}
 | 
				
			||||||
 | 
					      {% endif %}
 | 
				
			||||||
 | 
					    </article>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    {% include footer.html %}
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
 | 
					</main>
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,39 @@
 | 
				
			||||||
 | 
					/*!
 | 
				
			||||||
 | 
					 * Basically Basic Jekyll Theme 0.0.1
 | 
				
			||||||
 | 
					 * Copyright 2017 Michael Rose - mademistakes | @mmistakes
 | 
				
			||||||
 | 
					 * Free for personal and commercial use under the MIT license
 | 
				
			||||||
 | 
					 * https://github.com/mmistakes/jekyll-theme-basically-basic/blob/master/LICENSE.md
 | 
				
			||||||
 | 
					*/
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					// Mixins and Functions
 | 
				
			||||||
 | 
					@import "basically-basic/vendor/susy";
 | 
				
			||||||
 | 
					@import "basically-basic/vendor/breakpoint";
 | 
				
			||||||
 | 
					@include breakpoint-set("to ems", true);
 | 
				
			||||||
 | 
					@import "basically-basic/mixins";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					// Variables
 | 
				
			||||||
 | 
					@import "basically-basic/variables";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					// Core CSS
 | 
				
			||||||
 | 
					@import "basically-basic/reset";
 | 
				
			||||||
 | 
					@import "basically-basic/base";
 | 
				
			||||||
 | 
					@import "basically-basic/layout";
 | 
				
			||||||
 | 
					@import "basically-basic/tables";
 | 
				
			||||||
 | 
					// @import "basically-basic/forms";
 | 
				
			||||||
 | 
					@import "basically-basic/syntax-highlighting";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					// Components
 | 
				
			||||||
 | 
					@import "basically-basic/global";
 | 
				
			||||||
 | 
					@import "basically-basic/sidebar";
 | 
				
			||||||
 | 
					@import "basically-basic/navigation";
 | 
				
			||||||
 | 
					@import "basically-basic/header";
 | 
				
			||||||
 | 
					@import "basically-basic/footer";
 | 
				
			||||||
 | 
					@import "basically-basic/entries";
 | 
				
			||||||
 | 
					@import "basically-basic/buttons";
 | 
				
			||||||
 | 
					@import "basically-basic/icons";
 | 
				
			||||||
 | 
					@import "basically-basic/intro";
 | 
				
			||||||
 | 
					@import "basically-basic/navicons";
 | 
				
			||||||
 | 
					@import "basically-basic/contact-lists";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					// Utility classes
 | 
				
			||||||
 | 
					@import "basically-basic/utilities";
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,92 @@
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Base elements
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					html {
 | 
				
			||||||
 | 
					  @include fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					body {
 | 
				
			||||||
 | 
					  color: $text-color;
 | 
				
			||||||
 | 
					  background: $background-color;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					blockquote {
 | 
				
			||||||
 | 
					  color: tint($text-color, 40%);
 | 
				
			||||||
 | 
					  font-style: italic;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  cite {
 | 
				
			||||||
 | 
					    font-size: 80%;
 | 
				
			||||||
 | 
					    font-style: normal;
 | 
				
			||||||
 | 
					    font-weight: bold;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    &:before {
 | 
				
			||||||
 | 
					      content: '\2014';
 | 
				
			||||||
 | 
					      padding-right: 0.25rem;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					code,
 | 
				
			||||||
 | 
					kbd,
 | 
				
			||||||
 | 
					samp,
 | 
				
			||||||
 | 
					pre {
 | 
				
			||||||
 | 
					  font-family: $monospace-font-family;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h1, h2, h3, h4, h5, h6 {
 | 
				
			||||||
 | 
					  font-family: $headline-font-family;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h1 {
 | 
				
			||||||
 | 
					  @include fluid-type($min-vw, $max-vw, $h1-min, $h1-max);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h2 {
 | 
				
			||||||
 | 
					  @include fluid-type($min-vw, $max-vw, $h2-min, $h2-max);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h3 {
 | 
				
			||||||
 | 
					  @include fluid-type($min-vw, $max-vw, $h3-min, $h3-max);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h4 {
 | 
				
			||||||
 | 
					  @include fluid-type($min-vw, $max-vw, $h4-min, $h4-max);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h5 {
 | 
				
			||||||
 | 
					  @include fluid-type($min-vw, $max-vw, $h5-min, $h5-max);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h6 {
 | 
				
			||||||
 | 
					  @include fluid-type($min-vw, $max-vw, $h6-min, $h6-max);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					dt {
 | 
				
			||||||
 | 
					  font-weight: bold;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:not(:first-child) {
 | 
				
			||||||
 | 
					    margin-top: 1rem;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					dd {
 | 
				
			||||||
 | 
					  margin: 0;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					pre {
 | 
				
			||||||
 | 
					  @include fluid-type($min-vw, $max-vw, 12px, 14px);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					figcaption {
 | 
				
			||||||
 | 
					  margin: 0.5rem 0;
 | 
				
			||||||
 | 
					  font-size: 80%;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					a {
 | 
				
			||||||
 | 
					  color: $accent-color;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:hover {
 | 
				
			||||||
 | 
					    color: shade($accent-color, 25%);
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,39 @@
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Buttons
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.btn {
 | 
				
			||||||
 | 
					  display: inline-block;
 | 
				
			||||||
 | 
					  padding: 0.5em 1em;
 | 
				
			||||||
 | 
					  color: #fff;
 | 
				
			||||||
 | 
					  font-weight: bold;
 | 
				
			||||||
 | 
					  text-align: center;
 | 
				
			||||||
 | 
					  text-decoration: none;
 | 
				
			||||||
 | 
					  background-color: $accent-color;
 | 
				
			||||||
 | 
					  border: 0;
 | 
				
			||||||
 | 
					  border-radius: $border-radius;
 | 
				
			||||||
 | 
					  cursor: pointer;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:hover {
 | 
				
			||||||
 | 
					    color: #fff;
 | 
				
			||||||
 | 
					    background-color: tint($accent-color, 20%);
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:focus {
 | 
				
			||||||
 | 
					    background-color: shade($accent-color, 20%);
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .icon {
 | 
				
			||||||
 | 
					    margin-right: 0.5em;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  // block button fills width of parent container
 | 
				
			||||||
 | 
					  &--block {
 | 
				
			||||||
 | 
					    display: block;
 | 
				
			||||||
 | 
					    width: 100%;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    + .btn--block {
 | 
				
			||||||
 | 
					      margin-top: 1rem;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,11 @@
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Contact lists
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.contact-list {
 | 
				
			||||||
 | 
					  @include list-unstyled;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .icon {
 | 
				
			||||||
 | 
					    margin-right: 0.25em;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,138 @@
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Entries (Posts, collection documents, etc.)
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.entry {
 | 
				
			||||||
 | 
					  @include clearfix();
 | 
				
			||||||
 | 
					  margin-bottom: 2rem;
 | 
				
			||||||
 | 
					  padding-bottom: 2rem;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:not(:last-child) {
 | 
				
			||||||
 | 
					    border-bottom: 1px solid $border-color;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  a {
 | 
				
			||||||
 | 
					    color: inherit;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.entry-title {
 | 
				
			||||||
 | 
					  margin-bottom: 0.5rem;
 | 
				
			||||||
 | 
					  color: tint($text-color, 25%);
 | 
				
			||||||
 | 
					  @include fluid-type($min-vw, $max-vw, 18px, 24px);
 | 
				
			||||||
 | 
					  line-height: inherit;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  a {
 | 
				
			||||||
 | 
					    text-decoration: none;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.entry-meta {
 | 
				
			||||||
 | 
					  margin-bottom: 1rem;
 | 
				
			||||||
 | 
					  @include fluid-type($min-vw, $max-vw, 12px, 16px);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  a {
 | 
				
			||||||
 | 
					    color: inherit;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .byline-item {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    &:not(:first-child):before {
 | 
				
			||||||
 | 
					      content: '\00b7';
 | 
				
			||||||
 | 
					      margin: 0 0.5em;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Entry list
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.entries {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .entry-header {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    @include breakpoint($medium) {
 | 
				
			||||||
 | 
					      @include span(5 of 16);
 | 
				
			||||||
 | 
					      @include suffix(1 of 16);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					      // remove space after last child element
 | 
				
			||||||
 | 
					      > *:last-child {
 | 
				
			||||||
 | 
					        margin-bottom: 0;
 | 
				
			||||||
 | 
					      }
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  // hide overflowing text
 | 
				
			||||||
 | 
					  // @include breakpoint($medium) {
 | 
				
			||||||
 | 
					  //   .entry-title {
 | 
				
			||||||
 | 
					  //     position: relative;
 | 
				
			||||||
 | 
					  //     overflow: hidden;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  //     &:after {
 | 
				
			||||||
 | 
					  //       content: '';
 | 
				
			||||||
 | 
					  //       position: absolute;
 | 
				
			||||||
 | 
					  //       top: 0;
 | 
				
			||||||
 | 
					  //       right: 0;
 | 
				
			||||||
 | 
					  //       bottom: 0;
 | 
				
			||||||
 | 
					  //       display: block;
 | 
				
			||||||
 | 
					  //       width: 1rem;
 | 
				
			||||||
 | 
					  //       height: 100%;
 | 
				
			||||||
 | 
					  //       background-image: linear-gradient(90deg, transparent, $background-color);
 | 
				
			||||||
 | 
					  //     }
 | 
				
			||||||
 | 
					  //   }
 | 
				
			||||||
 | 
					  // }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .entry-excerpt {
 | 
				
			||||||
 | 
					    @include breakpoint($medium) {
 | 
				
			||||||
 | 
					      @include span(11 of 16 last);
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    // normalize font sizes
 | 
				
			||||||
 | 
					    > * {
 | 
				
			||||||
 | 
					      font-size: 1em;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    // remove space after last child element
 | 
				
			||||||
 | 
					    > *:last-child {
 | 
				
			||||||
 | 
					      margin-bottom: 0;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .entry-content {
 | 
				
			||||||
 | 
					    @include breakpoint($medium) {
 | 
				
			||||||
 | 
					      @include span(11 of 16 last);
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    // remove space after last child element
 | 
				
			||||||
 | 
					    > *:last-child {
 | 
				
			||||||
 | 
					      margin-bottom: 0;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.entry-content {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  > p:first-child {
 | 
				
			||||||
 | 
					    font-size: 1.125em;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  h1, h2, h3, h4, h5, h6 {
 | 
				
			||||||
 | 
					    color: tint($text-color, 25%);
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					// Footnotes
 | 
				
			||||||
 | 
					.footnotes {
 | 
				
			||||||
 | 
					  margin: 2rem 0;
 | 
				
			||||||
 | 
					  padding-top: 1rem;
 | 
				
			||||||
 | 
					  font-size: 80%;
 | 
				
			||||||
 | 
					  border-top: 1px solid $border-color;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					// Read more link
 | 
				
			||||||
 | 
					.more-link {
 | 
				
			||||||
 | 
					  font-size: 75%;
 | 
				
			||||||
 | 
					  font-weight: bold;
 | 
				
			||||||
 | 
					  text-decoration: none;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,13 @@
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Footer
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#footer {
 | 
				
			||||||
 | 
					  margin-top: 4rem;
 | 
				
			||||||
 | 
					  font-size: 80%;
 | 
				
			||||||
 | 
					  color: tint($text-color, 40%);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.copyright {
 | 
				
			||||||
 | 
					  font-family: $monospace-font-family;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,26 @@
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Site wide
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.site-title {
 | 
				
			||||||
 | 
					  margin: 0;
 | 
				
			||||||
 | 
					  padding: 1.35rem 1rem;
 | 
				
			||||||
 | 
					  padding-right: calc(10vw + #{$navicon-width}); // make room for sidebar toggle
 | 
				
			||||||
 | 
					  font-family: $base-font-family;
 | 
				
			||||||
 | 
					  @include fluid-type($min-vw, $max-vw, 20px, 24px);
 | 
				
			||||||
 | 
					  font-weight: bold;
 | 
				
			||||||
 | 
					  line-height: 1;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  @include breakpoint($medium) {
 | 
				
			||||||
 | 
					    padding-left: 2rem;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  @include breakpoint($large) {
 | 
				
			||||||
 | 
					    padding-left: 5vw;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  a {
 | 
				
			||||||
 | 
					    color: $text-color;
 | 
				
			||||||
 | 
					    text-decoration: none;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,32 @@
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Page header
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#page-header {
 | 
				
			||||||
 | 
					  position: relative;
 | 
				
			||||||
 | 
					  margin: 1rem 0 2rem;
 | 
				
			||||||
 | 
					  padding: 4rem 0;
 | 
				
			||||||
 | 
					  color: #fff;
 | 
				
			||||||
 | 
					  background-image: linear-gradient(-90deg, transparent 0%, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0.55) 60%);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:after {
 | 
				
			||||||
 | 
					    content: '';
 | 
				
			||||||
 | 
					    position: absolute;
 | 
				
			||||||
 | 
					    top: 0;
 | 
				
			||||||
 | 
					    left: 0;
 | 
				
			||||||
 | 
					    width: 100%;
 | 
				
			||||||
 | 
					    height: 100%;
 | 
				
			||||||
 | 
					    opacity: 1;
 | 
				
			||||||
 | 
					    background-image: linear-gradient(60deg, rgba(171, 236, 214, 0.25) 0%, rgba(251, 237, 150, 0.25) 100%);
 | 
				
			||||||
 | 
					    pointer-events: none;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .inner {
 | 
				
			||||||
 | 
					    position: relative;
 | 
				
			||||||
 | 
					    z-index: 1;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .entry-title {
 | 
				
			||||||
 | 
					    font-size: 3em;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,42 @@
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Icons
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.icon {
 | 
				
			||||||
 | 
					  position: relative;
 | 
				
			||||||
 | 
					  top: -0.05em; // fine-tune alignment
 | 
				
			||||||
 | 
					  display: inline-block;
 | 
				
			||||||
 | 
					  fill: currentColor;
 | 
				
			||||||
 | 
					  width: 1em;
 | 
				
			||||||
 | 
					  height: 1em;
 | 
				
			||||||
 | 
					  line-height: 1;
 | 
				
			||||||
 | 
					  vertical-align: middle;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  $icons:
 | 
				
			||||||
 | 
					  (bitbucket, #205081),
 | 
				
			||||||
 | 
					  (codepen, #000000),
 | 
				
			||||||
 | 
					  (dribbble, #ea4c89),
 | 
				
			||||||
 | 
					  (email, #000000),
 | 
				
			||||||
 | 
					  (facebook, #3b5998),
 | 
				
			||||||
 | 
					  (flickr, #0063dc),
 | 
				
			||||||
 | 
					  (github, #181717),
 | 
				
			||||||
 | 
					  (gitlab, #e24329),
 | 
				
			||||||
 | 
					  (googleplus, #dc4e41),
 | 
				
			||||||
 | 
					  (instagram, #e4405f),
 | 
				
			||||||
 | 
					  (lastfm, #d51007),
 | 
				
			||||||
 | 
					  (linkedin, #0077b5),
 | 
				
			||||||
 | 
					  (pinterest, #bd081c),
 | 
				
			||||||
 | 
					  (rss, #ffa500),
 | 
				
			||||||
 | 
					  (soundcloud, #ff3300),
 | 
				
			||||||
 | 
					  (stackoverflow, #fe7a16),
 | 
				
			||||||
 | 
					  (tumblr, #36465d),
 | 
				
			||||||
 | 
					  (twitter, #1da1f2),
 | 
				
			||||||
 | 
					  (xing, #005a5f),
 | 
				
			||||||
 | 
					  (youtube, #cd201f);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  @each $icon, $color in $icons {
 | 
				
			||||||
 | 
					    &--#{$icon} {
 | 
				
			||||||
 | 
					      fill: $color;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,85 @@
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Page intro
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#intro {
 | 
				
			||||||
 | 
					  // position: relative;
 | 
				
			||||||
 | 
					  margin: 1rem 0 1rem;
 | 
				
			||||||
 | 
					  padding-top: 2rem;
 | 
				
			||||||
 | 
					  padding-bottom: 2rem;
 | 
				
			||||||
 | 
					  // darken image
 | 
				
			||||||
 | 
					  // background-color: rgba(0, 0, 0, 0.6);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  // @include breakpoint($large) {
 | 
				
			||||||
 | 
					  //   // darken image
 | 
				
			||||||
 | 
					  //   background-color: initial;
 | 
				
			||||||
 | 
					  //   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.3));
 | 
				
			||||||
 | 
					  // }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  // &:after {
 | 
				
			||||||
 | 
					  //   content: '';
 | 
				
			||||||
 | 
					  //   position: absolute;
 | 
				
			||||||
 | 
					  //   top: 0;
 | 
				
			||||||
 | 
					  //   left: 0;
 | 
				
			||||||
 | 
					  //   width: 100%;
 | 
				
			||||||
 | 
					  //   height: 100%;
 | 
				
			||||||
 | 
					  //   background-image: linear-gradient(60deg, rgba(171, 236, 214, 0.25) 0%, rgba(251, 237, 150, 0.25) 100%);
 | 
				
			||||||
 | 
					  //   pointer-events: none;
 | 
				
			||||||
 | 
					  // }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.intro-text {
 | 
				
			||||||
 | 
					  // position: relative;
 | 
				
			||||||
 | 
					  // color: #fff;
 | 
				
			||||||
 | 
					  // text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
 | 
				
			||||||
 | 
					  // z-index: 1;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  // a {
 | 
				
			||||||
 | 
					  //   color: #fff;
 | 
				
			||||||
 | 
					  // }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  // remove space after last child element
 | 
				
			||||||
 | 
					  > *:last-child {
 | 
				
			||||||
 | 
					    margin-bottom: 0;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.intro-title {
 | 
				
			||||||
 | 
					  margin-bottom: 0.5rem;
 | 
				
			||||||
 | 
					  color: tint($text-color, 25%);
 | 
				
			||||||
 | 
					  @include fluid-type($min-vw, $max-vw, 26px, 80px);
 | 
				
			||||||
 | 
					  line-height: 1;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.intro-subtitle {
 | 
				
			||||||
 | 
					  @include fluid-type($min-vw, $max-vw, 18px, 28px);
 | 
				
			||||||
 | 
					  font-style: italic;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					// .intro-more {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					//   @include breakpoint($medium) {
 | 
				
			||||||
 | 
					//     width: 70%;
 | 
				
			||||||
 | 
					//   }
 | 
				
			||||||
 | 
					// }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					// .intro-image {
 | 
				
			||||||
 | 
					//   position: absolute;
 | 
				
			||||||
 | 
					//   top: 0;
 | 
				
			||||||
 | 
					//   left: 0;
 | 
				
			||||||
 | 
					//   width: 100%;
 | 
				
			||||||
 | 
					//   height: 100%;
 | 
				
			||||||
 | 
					//   z-index: -1;
 | 
				
			||||||
 | 
					//   // parallax effect via fixed background image
 | 
				
			||||||
 | 
					//   background-attachment: fixed;
 | 
				
			||||||
 | 
					//   background-position: center center;
 | 
				
			||||||
 | 
					//   background-size: cover;
 | 
				
			||||||
 | 
					// }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.intro-actions {
 | 
				
			||||||
 | 
					  @include list-unstyled;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  li {
 | 
				
			||||||
 | 
					    display: inline-block;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,150 @@
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Layout
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#wrapper {
 | 
				
			||||||
 | 
					  min-height: 100vh;
 | 
				
			||||||
 | 
					  transition: $global-transition;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#intro, #page-header, #main {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  > .inner {
 | 
				
			||||||
 | 
					    padding: 0 0.5rem;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    @include breakpoint($small) {
 | 
				
			||||||
 | 
					      padding-left: 1rem;
 | 
				
			||||||
 | 
					      padding-right: 1rem;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    @include breakpoint($medium) {
 | 
				
			||||||
 | 
					      padding-left: 2rem;
 | 
				
			||||||
 | 
					      padding-right: 2rem;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    @include breakpoint($large) {
 | 
				
			||||||
 | 
					      padding-left: 3rem;
 | 
				
			||||||
 | 
					      padding-right: 3rem;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    @include breakpoint($xlarge) {
 | 
				
			||||||
 | 
					      padding-left: 4rem;
 | 
				
			||||||
 | 
					      padding-right: 4rem;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#main {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  section {
 | 
				
			||||||
 | 
					    @include container;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.inner {
 | 
				
			||||||
 | 
					  max-width: $large;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Layout specific adjustments
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.layout--post,
 | 
				
			||||||
 | 
					.layout--page {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .entry-content {
 | 
				
			||||||
 | 
					    @include breakpoint($large) {
 | 
				
			||||||
 | 
					      width: span(14 of 16);
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.layout--about {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .entry-wrap {
 | 
				
			||||||
 | 
					    display: flex;
 | 
				
			||||||
 | 
					    flex-wrap: wrap;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    @include breakpoint($medium) {
 | 
				
			||||||
 | 
					      flex-wrap: nowrap;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .entry-content {
 | 
				
			||||||
 | 
					    @include breakpoint($medium) {
 | 
				
			||||||
 | 
					      flex: 1;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .entry-sidebar {
 | 
				
			||||||
 | 
					    order: -1;
 | 
				
			||||||
 | 
					    @include breakpoint($medium) {
 | 
				
			||||||
 | 
					      order: initial;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    .author-picture {
 | 
				
			||||||
 | 
					      margin: 0 0 2rem;
 | 
				
			||||||
 | 
					      border-radius: 2 * $border-radius;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					      @include breakpoint($medium) {
 | 
				
			||||||
 | 
					        margin: 0 0 0 2rem;
 | 
				
			||||||
 | 
					      }
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.layout--cv {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .entry {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    a {
 | 
				
			||||||
 | 
					      color: $accent-color;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    address {
 | 
				
			||||||
 | 
					      font-style: normal;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    .title,
 | 
				
			||||||
 | 
					    .position,
 | 
				
			||||||
 | 
					    .institution,
 | 
				
			||||||
 | 
					    .language {
 | 
				
			||||||
 | 
					      margin-bottom: 0;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    .date {
 | 
				
			||||||
 | 
					      margin-bottom: 1rem;
 | 
				
			||||||
 | 
					      color: tint($text-color, 40%);
 | 
				
			||||||
 | 
					      font-family: $monospace-font-family;
 | 
				
			||||||
 | 
					      font-size: 80%;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    .courses-title,
 | 
				
			||||||
 | 
					    .awarder,
 | 
				
			||||||
 | 
					    .publisher,
 | 
				
			||||||
 | 
					    .level {
 | 
				
			||||||
 | 
					      margin: 1rem 0 0;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    .courses,
 | 
				
			||||||
 | 
					    .keywords {
 | 
				
			||||||
 | 
					      @include list-unstyled;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .taxonomy {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    & + .taxonomy {
 | 
				
			||||||
 | 
					      margin-top: 0.5rem;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    .title {
 | 
				
			||||||
 | 
					      display: inline-block;
 | 
				
			||||||
 | 
					      margin-right: 1rem;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    .keywords {
 | 
				
			||||||
 | 
					      display: inline-block;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,7 @@
 | 
				
			||||||
 | 
					@import "mixins/color";
 | 
				
			||||||
 | 
					@import "mixins/clearfix";
 | 
				
			||||||
 | 
					@import "mixins/fluid-type";
 | 
				
			||||||
 | 
					@import "mixins/float";
 | 
				
			||||||
 | 
					@import "mixins/image";
 | 
				
			||||||
 | 
					@import "mixins/lists";
 | 
				
			||||||
 | 
					@import "mixins/text-truncate";
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,136 @@
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Navicons
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.navicon-button {
 | 
				
			||||||
 | 
					  display: inline-block;
 | 
				
			||||||
 | 
					  position: relative;
 | 
				
			||||||
 | 
					  padding: 1.8125rem 1rem;
 | 
				
			||||||
 | 
					  background-color: $navicon-nav-bg-close;
 | 
				
			||||||
 | 
					  transition: $navicon-duration/2;
 | 
				
			||||||
 | 
					  cursor: pointer;
 | 
				
			||||||
 | 
					  user-select: none;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  @include breakpoint($medium) {
 | 
				
			||||||
 | 
					    padding-right: 2rem;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  @include breakpoint($large) {
 | 
				
			||||||
 | 
					    padding-right: 5vw;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &.open {
 | 
				
			||||||
 | 
					    background-color: $navicon-nav-bg-open;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .navicon:before, .navicon:after {
 | 
				
			||||||
 | 
					    transition: $navicon-duration/2;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:hover {
 | 
				
			||||||
 | 
					    transition: $navicon-duration;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    .navicon:before, .navicon:after {
 | 
				
			||||||
 | 
					      transition: $navicon-duration/2;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    .navicon:before { top: (2.5 * $navicon-height); }
 | 
				
			||||||
 | 
					    .navicon:after { top: (-2.5 * $navicon-height); }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.navicon {
 | 
				
			||||||
 | 
					  position: relative;
 | 
				
			||||||
 | 
					  width: $navicon-width;
 | 
				
			||||||
 | 
					  height: $navicon-height;
 | 
				
			||||||
 | 
					  background: $navicon-content-bg;
 | 
				
			||||||
 | 
					  transition: $navicon-duration;
 | 
				
			||||||
 | 
					  border-radius: $navicon-width;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:before, &:after {
 | 
				
			||||||
 | 
					    display: block;
 | 
				
			||||||
 | 
					    content: "";
 | 
				
			||||||
 | 
					    height: $navicon-height;
 | 
				
			||||||
 | 
					    width: $navicon-width;
 | 
				
			||||||
 | 
					    background: $navicon-content-bg;
 | 
				
			||||||
 | 
					    position: absolute;
 | 
				
			||||||
 | 
					    z-index: -1;
 | 
				
			||||||
 | 
					    transition: $navicon-duration $navicon-duration/2;
 | 
				
			||||||
 | 
					    border-radius: $navicon-width;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:before { top: (2 * $navicon-height); }
 | 
				
			||||||
 | 
					  &:after { top: (-2 * $navicon-height); }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.open:not(.steps) .navicon:before,
 | 
				
			||||||
 | 
					.open:not(.steps) .navicon:after {
 | 
				
			||||||
 | 
					  top: 0 !important;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.open .navicon:before,
 | 
				
			||||||
 | 
					.open .navicon:after {
 | 
				
			||||||
 | 
					  transition: $navicon-duration;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* Minus */
 | 
				
			||||||
 | 
					.open {
 | 
				
			||||||
 | 
					  transform: scale($navicon-toggled-size);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* Arrows */
 | 
				
			||||||
 | 
					.open.larr .navicon,
 | 
				
			||||||
 | 
					.open.rarr .navicon,
 | 
				
			||||||
 | 
					.open.uarr .navicon {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:before, &:after {
 | 
				
			||||||
 | 
					    width: (0.6 * $navicon-width);
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:before {
 | 
				
			||||||
 | 
					    transform: rotate(35deg);
 | 
				
			||||||
 | 
					    transform-origin: left top;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:after {
 | 
				
			||||||
 | 
					    transform: rotate(-35deg);
 | 
				
			||||||
 | 
					    transform-origin: left bottom;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					.open.uarr {
 | 
				
			||||||
 | 
					  transform: scale($navicon-toggled-size) rotate(90deg);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* Arrows */
 | 
				
			||||||
 | 
					.open.rarr .navicon {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:before {
 | 
				
			||||||
 | 
					    transform: translate3d(1em, 0, 0) rotate(-35deg);
 | 
				
			||||||
 | 
					    transform-origin: right top;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:after {
 | 
				
			||||||
 | 
					    transform: translate3d(1em, 0, 0) rotate(35deg);
 | 
				
			||||||
 | 
					    transform-origin: right bottom;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* × and + */
 | 
				
			||||||
 | 
					.open.plus,
 | 
				
			||||||
 | 
					.open.x {
 | 
				
			||||||
 | 
					  .navicon {
 | 
				
			||||||
 | 
					    background: transparent;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    &:before {
 | 
				
			||||||
 | 
					      transform: rotate(-45deg);
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    &:after {
 | 
				
			||||||
 | 
					      transform: rotate(45deg);
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.open.plus {
 | 
				
			||||||
 | 
					  transform: scale($navicon-toggled-size) rotate(45deg)
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,50 @@
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Navigation
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.menu {
 | 
				
			||||||
 | 
					  @include list-unstyled;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  a {
 | 
				
			||||||
 | 
					    color: inherit;
 | 
				
			||||||
 | 
					    text-decoration: none;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Paginator
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.pager {
 | 
				
			||||||
 | 
					  @include clearfix();
 | 
				
			||||||
 | 
					  margin-bottom: 2rem;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  ul {
 | 
				
			||||||
 | 
					    @include list-unstyled;
 | 
				
			||||||
 | 
					    display: flex;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    > li {
 | 
				
			||||||
 | 
					      flex: 1;
 | 
				
			||||||
 | 
					      justify-content: space-between;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    li + li {
 | 
				
			||||||
 | 
					      margin-left: 0.125em;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  a {
 | 
				
			||||||
 | 
					    display: block;
 | 
				
			||||||
 | 
					    padding: 1em;
 | 
				
			||||||
 | 
					    color: #fff;
 | 
				
			||||||
 | 
					    font-weight: bold;
 | 
				
			||||||
 | 
					    text-align: center;
 | 
				
			||||||
 | 
					    text-decoration: none;
 | 
				
			||||||
 | 
					    background-color: $accent-color;
 | 
				
			||||||
 | 
					    border-radius: $border-radius;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    &:hover {
 | 
				
			||||||
 | 
					      background-color: tint($accent-color, 20%);
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,513 @@
 | 
				
			||||||
 | 
					/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * 1. Change the default font family in all browsers (opinionated).
 | 
				
			||||||
 | 
					 * 2. Prevent adjustments of font size after orientation changes in
 | 
				
			||||||
 | 
					 *    IE on Windows Phone and in iOS.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* Document
 | 
				
			||||||
 | 
					   ========================================================================== */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					html {
 | 
				
			||||||
 | 
					  box-sizing: border-box;
 | 
				
			||||||
 | 
					  font-family: $base-font-family; /* 1 */
 | 
				
			||||||
 | 
					  -ms-text-size-adjust: 100%; /* 2 */
 | 
				
			||||||
 | 
					  -webkit-text-size-adjust: 100%; /* 2 */
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					*, *:before, *:after {
 | 
				
			||||||
 | 
					  box-sizing: inherit;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* Sections
 | 
				
			||||||
 | 
					   ========================================================================== */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Remove the margin in all browsers (opinionated).
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					body {
 | 
				
			||||||
 | 
					  margin: 0;
 | 
				
			||||||
 | 
					  line-height: 1.5;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Add the correct display in IE 9-.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					article,
 | 
				
			||||||
 | 
					aside,
 | 
				
			||||||
 | 
					footer,
 | 
				
			||||||
 | 
					header,
 | 
				
			||||||
 | 
					nav,
 | 
				
			||||||
 | 
					section {
 | 
				
			||||||
 | 
					  display: block;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Remove margin padding.
 | 
				
			||||||
 | 
					 *
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h1, h2, h3, h4, h5, h6, p, pre, blockquote, dl, table, address {
 | 
				
			||||||
 | 
					  margin-top: 0;
 | 
				
			||||||
 | 
					  margin-bottom: 1.5rem;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Correct the font size and margin on `h1` elements within `section` and
 | 
				
			||||||
 | 
					 * `article` contexts in Chrome, Firefox, and Safari.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h1 {
 | 
				
			||||||
 | 
					  font-size: 2em;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Adjust heading line-height
 | 
				
			||||||
 | 
					 *
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h1, h2, h3, h4 {
 | 
				
			||||||
 | 
					  line-height: 1.2;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* Grouping content
 | 
				
			||||||
 | 
					   ========================================================================== */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Add the correct display in IE 9-.
 | 
				
			||||||
 | 
					 * 1. Add the correct display in IE.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					figcaption,
 | 
				
			||||||
 | 
					figure,
 | 
				
			||||||
 | 
					main { /* 1 */
 | 
				
			||||||
 | 
					  display: block;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Reset the margins.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					figure {
 | 
				
			||||||
 | 
					  margin: 1rem 0 1.5rem;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * 1. Add the correct box sizing in Firefox.
 | 
				
			||||||
 | 
					 * 2. Show the overflow in Edge and IE.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					hr {
 | 
				
			||||||
 | 
					  box-sizing: content-box; /* 1 */
 | 
				
			||||||
 | 
					  height: 0; /* 1 */
 | 
				
			||||||
 | 
					  overflow: visible; /* 2 */
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * 1. Correct the inheritance and scaling of font size in all browsers.
 | 
				
			||||||
 | 
					 * 2. Correct the odd `em` font sizing in all browsers.
 | 
				
			||||||
 | 
					 * 3. Add scrollbars to wide code blocks.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					pre {
 | 
				
			||||||
 | 
					  font-family: monospace, monospace; /* 1 */
 | 
				
			||||||
 | 
					  font-size: 1em; /* 2 */
 | 
				
			||||||
 | 
					  overflow-x: auto;  /* 3 */
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* Text-level semantics
 | 
				
			||||||
 | 
					   ========================================================================== */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * 1. Remove the gray background on active links in IE 10.
 | 
				
			||||||
 | 
					 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					a {
 | 
				
			||||||
 | 
					  background-color: transparent; /* 1 */
 | 
				
			||||||
 | 
					  -webkit-text-decoration-skip: objects; /* 2 */
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Remove the outline on focused links when they are also active or hovered
 | 
				
			||||||
 | 
					 * in all browsers (opinionated).
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					a:active,
 | 
				
			||||||
 | 
					a:hover {
 | 
				
			||||||
 | 
					  outline-width: 0;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * 1. Remove the bottom border in Firefox 39-.
 | 
				
			||||||
 | 
					 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					abbr[title] {
 | 
				
			||||||
 | 
					  border-bottom: none; /* 1 */
 | 
				
			||||||
 | 
					  text-decoration: underline; /* 2 */
 | 
				
			||||||
 | 
					  text-decoration: underline dotted; /* 2 */
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					b,
 | 
				
			||||||
 | 
					strong {
 | 
				
			||||||
 | 
					  font-weight: inherit;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Add the correct font weight in Chrome, Edge, and Safari.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					b,
 | 
				
			||||||
 | 
					strong {
 | 
				
			||||||
 | 
					  font-weight: bolder;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * 1. Correct the inheritance and scaling of font size in all browsers.
 | 
				
			||||||
 | 
					 * 2. Correct the odd `em` font sizing in all browsers.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					code,
 | 
				
			||||||
 | 
					kbd,
 | 
				
			||||||
 | 
					samp {
 | 
				
			||||||
 | 
					  font-family: monospace, monospace; /* 1 */
 | 
				
			||||||
 | 
					  font-size: 1em; /* 2 */
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Add the correct font style in Android 4.3-.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					dfn {
 | 
				
			||||||
 | 
					  font-style: italic;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Add the correct background and color in IE 9-.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					mark {
 | 
				
			||||||
 | 
					  background-color: #ff0;
 | 
				
			||||||
 | 
					  color: #000;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Add the correct font size in all browsers.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					small {
 | 
				
			||||||
 | 
					  font-size: 80%;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Change the margin and padding and add a line rule on the left-side in all
 | 
				
			||||||
 | 
					 * browsers (opinionated).
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					blockquote {
 | 
				
			||||||
 | 
					  margin-left: 0;
 | 
				
			||||||
 | 
					  margin-right: 0;
 | 
				
			||||||
 | 
					  padding: 0 1rem;
 | 
				
			||||||
 | 
					  border-left: solid 0.25rem;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  *:last-child {
 | 
				
			||||||
 | 
					    margin-bottom: 0;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Prevent `sub` and `sup` elements from affecting the line height in
 | 
				
			||||||
 | 
					 * all browsers.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					sub,
 | 
				
			||||||
 | 
					sup {
 | 
				
			||||||
 | 
					  font-size: 75%;
 | 
				
			||||||
 | 
					  line-height: 0;
 | 
				
			||||||
 | 
					  position: relative;
 | 
				
			||||||
 | 
					  vertical-align: baseline;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					sub {
 | 
				
			||||||
 | 
					  bottom: -0.25em;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					sup {
 | 
				
			||||||
 | 
					  top: -0.5em;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Remove margin
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					ul, ol {
 | 
				
			||||||
 | 
					  margin-top: 0;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* Embedded content
 | 
				
			||||||
 | 
					   ========================================================================== */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Add the correct display in IE 9-.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					audio,
 | 
				
			||||||
 | 
					video {
 | 
				
			||||||
 | 
					  display: inline-block;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Add the correct display in iOS 4-7.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					audio:not([controls]) {
 | 
				
			||||||
 | 
					  display: none;
 | 
				
			||||||
 | 
					  height: 0;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					img {
 | 
				
			||||||
 | 
					  /* Responsive images (ensure images don't scale beyond their parents) */
 | 
				
			||||||
 | 
					  max-width: 100%; /* part 1: Set a maximum relative to the parent*/
 | 
				
			||||||
 | 
					  width: auto\9; /* IE7-8 need help adjusting responsive images*/
 | 
				
			||||||
 | 
					  height: auto; /* part 2: Scale the height according to the width, otherwise you get stretching*/
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  border-style: none; /* Remove the border on images inside links in IE 10-.*/
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  vertical-align: middle;
 | 
				
			||||||
 | 
					  -ms-interpolation-mode: bicubic;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Hide the overflow in IE.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					svg:not(:root) {
 | 
				
			||||||
 | 
					  overflow: hidden;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* Forms
 | 
				
			||||||
 | 
					   ========================================================================== */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * 1. Change the font styles in all browsers (opinionated).
 | 
				
			||||||
 | 
					 * 2. Remove the margin in Firefox and Safari.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					button,
 | 
				
			||||||
 | 
					input,
 | 
				
			||||||
 | 
					optgroup,
 | 
				
			||||||
 | 
					select,
 | 
				
			||||||
 | 
					textarea {
 | 
				
			||||||
 | 
					  font-family: $base-font-family; /* 1 */
 | 
				
			||||||
 | 
					  font-size: 100%; /* 1 */
 | 
				
			||||||
 | 
					  line-height: 1.15; /* 1 */
 | 
				
			||||||
 | 
					  margin: 0; /* 2 */
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Show the overflow in IE.
 | 
				
			||||||
 | 
					 * 1. Show the overflow in Edge.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					button,
 | 
				
			||||||
 | 
					input { /* 1 */
 | 
				
			||||||
 | 
					  overflow: visible;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 | 
				
			||||||
 | 
					 * 1. Remove the inheritance of text transform in Firefox.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					button,
 | 
				
			||||||
 | 
					select { /* 1 */
 | 
				
			||||||
 | 
					  text-transform: none;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 | 
				
			||||||
 | 
					 *    controls in Android 4.
 | 
				
			||||||
 | 
					 * 2. Correct the inability to style clickable types in iOS and Safari.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					button,
 | 
				
			||||||
 | 
					html [type="button"], /* 1 */
 | 
				
			||||||
 | 
					[type="reset"],
 | 
				
			||||||
 | 
					[type="submit"] {
 | 
				
			||||||
 | 
					  -webkit-appearance: button; /* 2 */
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Remove the inner border and padding in Firefox.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					button::-moz-focus-inner,
 | 
				
			||||||
 | 
					[type="button"]::-moz-focus-inner,
 | 
				
			||||||
 | 
					[type="reset"]::-moz-focus-inner,
 | 
				
			||||||
 | 
					[type="submit"]::-moz-focus-inner {
 | 
				
			||||||
 | 
					  border-style: none;
 | 
				
			||||||
 | 
					  padding: 0;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Restore the focus styles unset by the previous rule.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					button:-moz-focusring,
 | 
				
			||||||
 | 
					[type="button"]:-moz-focusring,
 | 
				
			||||||
 | 
					[type="reset"]:-moz-focusring,
 | 
				
			||||||
 | 
					[type="submit"]:-moz-focusring {
 | 
				
			||||||
 | 
					  outline: 1px dotted ButtonText;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Change the border, margin, and padding in all browsers (opinionated).
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					fieldset {
 | 
				
			||||||
 | 
					  border: 1px solid #c0c0c0;
 | 
				
			||||||
 | 
					  margin: 0 2px;
 | 
				
			||||||
 | 
					  padding: 0.35em 0.625em 0.75em;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * 1. Correct the text wrapping in Edge and IE.
 | 
				
			||||||
 | 
					 * 2. Correct the color inheritance from `fieldset` elements in IE.
 | 
				
			||||||
 | 
					 * 3. Remove the padding so developers are not caught out when they zero out
 | 
				
			||||||
 | 
					 *    `fieldset` elements in all browsers.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					legend {
 | 
				
			||||||
 | 
					  box-sizing: border-box; /* 1 */
 | 
				
			||||||
 | 
					  color: inherit; /* 2 */
 | 
				
			||||||
 | 
					  display: table; /* 1 */
 | 
				
			||||||
 | 
					  max-width: 100%; /* 1 */
 | 
				
			||||||
 | 
					  padding: 0; /* 3 */
 | 
				
			||||||
 | 
					  white-space: normal; /* 1 */
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * 1. Add the correct display in IE 9-.
 | 
				
			||||||
 | 
					 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					progress {
 | 
				
			||||||
 | 
					  display: inline-block; /* 1 */
 | 
				
			||||||
 | 
					  vertical-align: baseline; /* 2 */
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Remove the default vertical scrollbar in IE.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					textarea {
 | 
				
			||||||
 | 
					  overflow: auto;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * 1. Add the correct box sizing in IE 10-.
 | 
				
			||||||
 | 
					 * 2. Remove the padding in IE 10-.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					[type="checkbox"],
 | 
				
			||||||
 | 
					[type="radio"] {
 | 
				
			||||||
 | 
					  box-sizing: border-box; /* 1 */
 | 
				
			||||||
 | 
					  padding: 0; /* 2 */
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Correct the cursor style of increment and decrement buttons in Chrome.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					[type="number"]::-webkit-inner-spin-button,
 | 
				
			||||||
 | 
					[type="number"]::-webkit-outer-spin-button {
 | 
				
			||||||
 | 
					  height: auto;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * 1. Correct the odd appearance in Chrome and Safari.
 | 
				
			||||||
 | 
					 * 2. Correct the outline style in Safari.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					[type="search"] {
 | 
				
			||||||
 | 
					  -webkit-appearance: textfield; /* 1 */
 | 
				
			||||||
 | 
					  outline-offset: -2px; /* 2 */
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					[type="search"]::-webkit-search-cancel-button,
 | 
				
			||||||
 | 
					[type="search"]::-webkit-search-decoration {
 | 
				
			||||||
 | 
					  -webkit-appearance: none;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * 1. Correct the inability to style clickable types in iOS and Safari.
 | 
				
			||||||
 | 
					 * 2. Change font properties to `inherit` in Safari.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					::-webkit-file-upload-button {
 | 
				
			||||||
 | 
					  -webkit-appearance: button; /* 1 */
 | 
				
			||||||
 | 
					  font: inherit; /* 2 */
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* Interactive
 | 
				
			||||||
 | 
					   ========================================================================== */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/*
 | 
				
			||||||
 | 
					 * Add the correct display in IE 9-.
 | 
				
			||||||
 | 
					 * 1. Add the correct display in Edge, IE, and Firefox.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					details, /* 1 */
 | 
				
			||||||
 | 
					menu {
 | 
				
			||||||
 | 
					  display: block;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/*
 | 
				
			||||||
 | 
					 * Add the correct display in all browsers.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					summary {
 | 
				
			||||||
 | 
					  display: list-item;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* Scripting
 | 
				
			||||||
 | 
					   ========================================================================== */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Add the correct display in IE 9-.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					canvas {
 | 
				
			||||||
 | 
					  display: inline-block;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Add the correct display in IE.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					template {
 | 
				
			||||||
 | 
					  display: none;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* Hidden
 | 
				
			||||||
 | 
					   ========================================================================== */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/**
 | 
				
			||||||
 | 
					 * Add the correct display in IE 10-.
 | 
				
			||||||
 | 
					 */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					[hidden] {
 | 
				
			||||||
 | 
					  display: none;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,168 @@
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Sidebar
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#sidebar {
 | 
				
			||||||
 | 
					  position: fixed;
 | 
				
			||||||
 | 
					  left: 0;
 | 
				
			||||||
 | 
					  top: 0;
 | 
				
			||||||
 | 
					  width: 100%;
 | 
				
			||||||
 | 
					  height: 100%;
 | 
				
			||||||
 | 
					  overflow: hidden;
 | 
				
			||||||
 | 
					  pointer-events: none;
 | 
				
			||||||
 | 
					  z-index: 150;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  // page overlay dimmer
 | 
				
			||||||
 | 
					  &:after {
 | 
				
			||||||
 | 
					    content: '';
 | 
				
			||||||
 | 
					    display: block;
 | 
				
			||||||
 | 
					    position: absolute;
 | 
				
			||||||
 | 
					    left: 0;
 | 
				
			||||||
 | 
					    top: 0;
 | 
				
			||||||
 | 
					    width: 100%;
 | 
				
			||||||
 | 
					    height: 100%;
 | 
				
			||||||
 | 
					    background: rgba($base-color, 0.5);
 | 
				
			||||||
 | 
					    opacity: 0;
 | 
				
			||||||
 | 
					    will-change: opacity;
 | 
				
			||||||
 | 
					    pointer-events: none;
 | 
				
			||||||
 | 
					    transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  // line hover effect
 | 
				
			||||||
 | 
					  li {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    a {
 | 
				
			||||||
 | 
					      position: relative;
 | 
				
			||||||
 | 
					      color: $base-color;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					      &:before {
 | 
				
			||||||
 | 
					        content: '';
 | 
				
			||||||
 | 
					        display: block;
 | 
				
			||||||
 | 
					        position: absolute;
 | 
				
			||||||
 | 
					        top: 50%;
 | 
				
			||||||
 | 
					        left: -3rem;
 | 
				
			||||||
 | 
					        height: 1px;
 | 
				
			||||||
 | 
					        width: 0;
 | 
				
			||||||
 | 
					        background-color: $base-color;
 | 
				
			||||||
 | 
					        transition: width 0.3s cubic-bezier(0, 0, 0.3, 1);
 | 
				
			||||||
 | 
					      }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					      &:hover {
 | 
				
			||||||
 | 
					        color: $accent-color;
 | 
				
			||||||
 | 
					      }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					      &:hover:before {
 | 
				
			||||||
 | 
					        width: 2.5rem;
 | 
				
			||||||
 | 
					      }
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &.is--visible {
 | 
				
			||||||
 | 
					    transform: translateX(0);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    &:after {
 | 
				
			||||||
 | 
					      opacity: 1;
 | 
				
			||||||
 | 
					      pointer-events: auto;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    > .inner {
 | 
				
			||||||
 | 
					      box-shadow: 0 1em 5em 0 rgba(0, 0, 0, 0.125);
 | 
				
			||||||
 | 
					      transform: none;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &.is--animatable > .inner {
 | 
				
			||||||
 | 
					    transition: all 130ms ease-in;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &.is--visible.is--animatable > .inner {
 | 
				
			||||||
 | 
					    transition: all 330ms ease-out;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  > .inner {
 | 
				
			||||||
 | 
					    position: relative;
 | 
				
			||||||
 | 
					    padding: 1.5em;
 | 
				
			||||||
 | 
					    width: 100%;
 | 
				
			||||||
 | 
					    max-width: $sidebar-width;
 | 
				
			||||||
 | 
					    height: 100%;
 | 
				
			||||||
 | 
					    overflow-x: hidden;
 | 
				
			||||||
 | 
					    background-color: $sidebar-background-color;
 | 
				
			||||||
 | 
					    box-shadow: none;
 | 
				
			||||||
 | 
					    transform: translateX(-1 * $sidebar-width);
 | 
				
			||||||
 | 
					    will-change: transform;
 | 
				
			||||||
 | 
					    z-index: 160;
 | 
				
			||||||
 | 
					    pointer-events: auto;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    @include breakpoint($medium) {
 | 
				
			||||||
 | 
					      padding: 3rem;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    @include breakpoint($large) {
 | 
				
			||||||
 | 
					      transform: translateX(-1.5 * $sidebar-width);
 | 
				
			||||||
 | 
					      max-width: (1.5 * $sidebar-width);
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .menu {
 | 
				
			||||||
 | 
					    position: relative;
 | 
				
			||||||
 | 
					    margin-bottom: 1.5rem;
 | 
				
			||||||
 | 
					    padding-bottom: 0.5rem;
 | 
				
			||||||
 | 
					    @include fluid-type($min-vw, $max-vw, 24px, 48px);
 | 
				
			||||||
 | 
					    font-weight: bold;
 | 
				
			||||||
 | 
					    line-height: 1;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    a {
 | 
				
			||||||
 | 
					      display: block;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    // divider line
 | 
				
			||||||
 | 
					    &:after {
 | 
				
			||||||
 | 
					      content: '';
 | 
				
			||||||
 | 
					      position: absolute;
 | 
				
			||||||
 | 
					      bottom: 0;
 | 
				
			||||||
 | 
					      width: 1.5em;
 | 
				
			||||||
 | 
					      height: 1px;
 | 
				
			||||||
 | 
					      background-color: $base-color;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    li {
 | 
				
			||||||
 | 
					      margin-bottom: 1.5rem;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  li {
 | 
				
			||||||
 | 
					    transform: translateX(-1rem);
 | 
				
			||||||
 | 
					    opacity: 0;
 | 
				
			||||||
 | 
					    transition: all 0.5s;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    &.is--moved {
 | 
				
			||||||
 | 
					      opacity: 1;
 | 
				
			||||||
 | 
					      transform: translateX(0);
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .contact-list {
 | 
				
			||||||
 | 
					    margin-top: 0.5rem;
 | 
				
			||||||
 | 
					    padding-top: 0.5rem;
 | 
				
			||||||
 | 
					    @include fluid-type($min-vw, $max-vw, 18px, 24px);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    li:not(:last-child) {
 | 
				
			||||||
 | 
					      margin-bottom: 0.5rem;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    a {
 | 
				
			||||||
 | 
					      display: block;
 | 
				
			||||||
 | 
					      color: $base-color;
 | 
				
			||||||
 | 
					      text-decoration: none;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#sidebar-toggle {
 | 
				
			||||||
 | 
					  position: fixed;
 | 
				
			||||||
 | 
					  top: 0;
 | 
				
			||||||
 | 
					  right: 0;
 | 
				
			||||||
 | 
					  cursor: pointer;
 | 
				
			||||||
 | 
					  z-index: 10000;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,127 @@
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					// Syntax highlighitng
 | 
				
			||||||
 | 
					//
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.highlight {
 | 
				
			||||||
 | 
					  padding: 1em;
 | 
				
			||||||
 | 
					  background-color: $code-background-color;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  pre {
 | 
				
			||||||
 | 
					    margin: 0;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  .lineno {
 | 
				
			||||||
 | 
					    color: tint($base-color, 50%);
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.highlight table {
 | 
				
			||||||
 | 
					  margin: 0;
 | 
				
			||||||
 | 
					  font-size: 1em;
 | 
				
			||||||
 | 
					  border: none;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  tr {
 | 
				
			||||||
 | 
					    border: none;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  td {
 | 
				
			||||||
 | 
					    padding: 5px;
 | 
				
			||||||
 | 
					    border: none;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    // line numbers
 | 
				
			||||||
 | 
					    &.gutter {
 | 
				
			||||||
 | 
					      padding-right: 1rem;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  pre {
 | 
				
			||||||
 | 
					    margin: 0;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.highlight pre { width: 100%; }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/*
 | 
				
			||||||
 | 
					   Solarized Light
 | 
				
			||||||
 | 
					   http://ethanschoonover.com/solarized
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					   SOLARIZED HEX      ROLE
 | 
				
			||||||
 | 
					   --------- -------- ------------------------------------------
 | 
				
			||||||
 | 
					   base01    #586e75  body text / default code / primary content
 | 
				
			||||||
 | 
					   base1     #93a1a1  comments / secondary content
 | 
				
			||||||
 | 
					   base3     #fdf6e3  background
 | 
				
			||||||
 | 
					   orange    #cb4b16  constants
 | 
				
			||||||
 | 
					   red       #dc322f  regex, special keywords
 | 
				
			||||||
 | 
					   blue      #22b3eb  reserved keywords
 | 
				
			||||||
 | 
					   cyan      #2aa198  strings, numbers
 | 
				
			||||||
 | 
					   green     #859900  operators, other keywords
 | 
				
			||||||
 | 
					   ========================================================================== */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.highlight .c { color: #93a1a1 } /* Comment */
 | 
				
			||||||
 | 
					.highlight .err { color: #586e75 } /* Error */
 | 
				
			||||||
 | 
					.highlight .g { color: #586e75 } /* Generic */
 | 
				
			||||||
 | 
					.highlight .k { color: #859900 } /* Keyword */
 | 
				
			||||||
 | 
					.highlight .l { color: #586e75 } /* Literal */
 | 
				
			||||||
 | 
					.highlight .n { color: #586e75 } /* Name */
 | 
				
			||||||
 | 
					.highlight .o { color: #859900 } /* Operator */
 | 
				
			||||||
 | 
					.highlight .x { color: #cb4b16 } /* Other */
 | 
				
			||||||
 | 
					.highlight .p { color: #586e75 } /* Punctuation */
 | 
				
			||||||
 | 
					.highlight .cm { color: #93a1a1 } /* Comment.Multiline */
 | 
				
			||||||
 | 
					.highlight .cp { color: #859900 } /* Comment.Preproc */
 | 
				
			||||||
 | 
					.highlight .c1 { color: #93a1a1 } /* Comment.Single */
 | 
				
			||||||
 | 
					.highlight .cs { color: #859900 } /* Comment.Special */
 | 
				
			||||||
 | 
					.highlight .gd { color: #2aa198 } /* Generic.Deleted */
 | 
				
			||||||
 | 
					.highlight .ge { color: #586e75; font-style: italic } /* Generic.Emph */
 | 
				
			||||||
 | 
					.highlight .gr { color: #dc322f } /* Generic.Error */
 | 
				
			||||||
 | 
					.highlight .gh { color: #cb4b16 } /* Generic.Heading */
 | 
				
			||||||
 | 
					.highlight .gi { color: #859900 } /* Generic.Inserted */
 | 
				
			||||||
 | 
					.highlight .go { color: #586e75 } /* Generic.Output */
 | 
				
			||||||
 | 
					.highlight .gp { color: #586e75 } /* Generic.Prompt */
 | 
				
			||||||
 | 
					.highlight .gs { color: #586e75; font-weight: bold } /* Generic.Strong */
 | 
				
			||||||
 | 
					.highlight .gu { color: #cb4b16 } /* Generic.Subheading */
 | 
				
			||||||
 | 
					.highlight .gt { color: #586e75 } /* Generic.Traceback */
 | 
				
			||||||
 | 
					.highlight .kc { color: #cb4b16 } /* Keyword.Constant */
 | 
				
			||||||
 | 
					.highlight .kd { color: #22b3eb } /* Keyword.Declaration */
 | 
				
			||||||
 | 
					.highlight .kn { color: #859900 } /* Keyword.Namespace */
 | 
				
			||||||
 | 
					.highlight .kp { color: #859900 } /* Keyword.Pseudo */
 | 
				
			||||||
 | 
					.highlight .kr { color: #22b3eb } /* Keyword.Reserved */
 | 
				
			||||||
 | 
					.highlight .kt { color: #dc322f } /* Keyword.Type */
 | 
				
			||||||
 | 
					.highlight .ld { color: #586e75 } /* Literal.Date */
 | 
				
			||||||
 | 
					.highlight .m { color: #2aa198 } /* Literal.Number */
 | 
				
			||||||
 | 
					.highlight .s { color: #2aa198 } /* Literal.String */
 | 
				
			||||||
 | 
					.highlight .na { color: #586e75 } /* Name.Attribute */
 | 
				
			||||||
 | 
					.highlight .nb { color: #B58900 } /* Name.Builtin */
 | 
				
			||||||
 | 
					.highlight .nc { color: #22b3eb } /* Name.Class */
 | 
				
			||||||
 | 
					.highlight .no { color: #cb4b16 } /* Name.Constant */
 | 
				
			||||||
 | 
					.highlight .nd { color: #22b3eb } /* Name.Decorator */
 | 
				
			||||||
 | 
					.highlight .ni { color: #cb4b16 } /* Name.Entity */
 | 
				
			||||||
 | 
					.highlight .ne { color: #cb4b16 } /* Name.Exception */
 | 
				
			||||||
 | 
					.highlight .nf { color: #22b3eb } /* Name.Function */
 | 
				
			||||||
 | 
					.highlight .nl { color: #586e75 } /* Name.Label */
 | 
				
			||||||
 | 
					.highlight .nn { color: #586e75 } /* Name.Namespace */
 | 
				
			||||||
 | 
					.highlight .nx { color: #586e75 } /* Name.Other */
 | 
				
			||||||
 | 
					.highlight .py { color: #586e75 } /* Name.Property */
 | 
				
			||||||
 | 
					.highlight .nt { color: #22b3eb } /* Name.Tag */
 | 
				
			||||||
 | 
					.highlight .nv { color: #22b3eb } /* Name.Variable */
 | 
				
			||||||
 | 
					.highlight .ow { color: #859900 } /* Operator.Word */
 | 
				
			||||||
 | 
					.highlight .w { color: #586e75 } /* Text.Whitespace */
 | 
				
			||||||
 | 
					.highlight .mf { color: #2aa198 } /* Literal.Number.Float */
 | 
				
			||||||
 | 
					.highlight .mh { color: #2aa198 } /* Literal.Number.Hex */
 | 
				
			||||||
 | 
					.highlight .mi { color: #2aa198 } /* Literal.Number.Integer */
 | 
				
			||||||
 | 
					.highlight .mo { color: #2aa198 } /* Literal.Number.Oct */
 | 
				
			||||||
 | 
					.highlight .sb { color: #93a1a1 } /* Literal.String.Backtick */
 | 
				
			||||||
 | 
					.highlight .sc { color: #2aa198 } /* Literal.String.Char */
 | 
				
			||||||
 | 
					.highlight .sd { color: #586e75 } /* Literal.String.Doc */
 | 
				
			||||||
 | 
					.highlight .s2 { color: #2aa198 } /* Literal.String.Double */
 | 
				
			||||||
 | 
					.highlight .se { color: #cb4b16 } /* Literal.String.Escape */
 | 
				
			||||||
 | 
					.highlight .sh { color: #586e75 } /* Literal.String.Heredoc */
 | 
				
			||||||
 | 
					.highlight .si { color: #2aa198 } /* Literal.String.Interpol */
 | 
				
			||||||
 | 
					.highlight .sx { color: #2aa198 } /* Literal.String.Other */
 | 
				
			||||||
 | 
					.highlight .sr { color: #dc322f } /* Literal.String.Regex */
 | 
				
			||||||
 | 
					.highlight .s1 { color: #2aa198 } /* Literal.String.Single */
 | 
				
			||||||
 | 
					.highlight .ss { color: #2aa198 } /* Literal.String.Symbol */
 | 
				
			||||||
 | 
					.highlight .bp { color: #22b3eb } /* Name.Builtin.Pseudo */
 | 
				
			||||||
 | 
					.highlight .vc { color: #22b3eb } /* Name.Variable.Class */
 | 
				
			||||||
 | 
					.highlight .vg { color: #22b3eb } /* Name.Variable.Global */
 | 
				
			||||||
 | 
					.highlight .vi { color: #22b3eb } /* Name.Variable.Instance */
 | 
				
			||||||
 | 
					.highlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */
 | 
				
			||||||