Intial Commit
This commit is contained in:
Sai Kiran Sripada
commit
4582790774
9
.gitignore
vendored
Normal file
9
.gitignore
vendored
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
_site
|
||||||
|
.sass-cache
|
||||||
|
.DS_Store
|
||||||
|
.jekyll-metadata
|
||||||
|
|
||||||
|
# Ignore the config file that's used for gh-pages.
|
||||||
|
_config.gh-pages.yml
|
||||||
|
|
||||||
|
Gemfile.lock
|
||||||
13
404.md
Normal file
13
404.md
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
layout: center
|
||||||
|
permalink: /404.html
|
||||||
|
---
|
||||||
|
|
||||||
|
# 404
|
||||||
|
|
||||||
|
Sorry, we can't seem to find this page.
|
||||||
|
|
||||||
|
<div class="mt3">
|
||||||
|
<a href="{{ site.baseurl }}/" class="button button-blue button-big">Home</a>
|
||||||
|
<a href="{{ site.baseurl }}/about/" class="button button-blue button-big">Contact</a>
|
||||||
|
</div>
|
||||||
6
Gemfile
Normal file
6
Gemfile
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
source 'https://rubygems.org'
|
||||||
|
|
||||||
|
# A simple Ruby Gem to bootstrap dependencies for setting up and
|
||||||
|
# maintaining a local Jekyll environment in sync with GitHub Pages
|
||||||
|
# https://github.com/github/pages-gem
|
||||||
|
gem 'github-pages'
|
||||||
25
LICENSE.txt
Normal file
25
LICENSE.txt
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
Copyright (c) 2014-2019 John Otander
|
||||||
|
Copyright (c) 2014 Daniel Eden for animate.css
|
||||||
|
Copyright (c) 2014 Brent Jackson for Basscss
|
||||||
|
Copyright (c) 2013 Twitter, Inc for CSS copied from Bootstrap
|
||||||
|
|
||||||
|
MIT License
|
||||||
|
|
||||||
|
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.
|
||||||
11
README.md
Normal file
11
README.md
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
# saikiransripada.github.io [](https://travis-ci.org/saikiransripada/saikiransripada.github.io)
|
||||||
|
|
||||||
|
[saikiransripada.com](https://www.saikiransripada.com) - My personal blog
|
||||||
|
|
||||||
|
## Thanks to the following
|
||||||
|
|
||||||
|
* [BASSCSS](http://basscss.com)
|
||||||
|
* [Jekyll](http://jekyllrb.com)
|
||||||
|
* [Refills](http://refills.bourbon.io/)
|
||||||
|
* [Solarized](http://ethanschoonover.com/solarized)
|
||||||
|
* [Animate.css](http://daneden.github.io/animate.css/)
|
||||||
111
Rakefile
Normal file
111
Rakefile
Normal file
@ -0,0 +1,111 @@
|
|||||||
|
drafts_dir = '_drafts'
|
||||||
|
posts_dir = '_posts'
|
||||||
|
|
||||||
|
# rake post['my new post']
|
||||||
|
desc 'create a new post with "rake post[\'post title\']"'
|
||||||
|
task :post, :title do |t, args|
|
||||||
|
if args.title
|
||||||
|
title = args.title
|
||||||
|
else
|
||||||
|
puts "Please try again. Remember to include the filename."
|
||||||
|
end
|
||||||
|
mkdir_p "#{posts_dir}"
|
||||||
|
filename = "#{posts_dir}/#{Time.now.strftime('%Y-%m-%d')}-#{title.downcase.gsub(/[^\w]+/, '-')}.md"
|
||||||
|
puts "Creating new post: #{filename}"
|
||||||
|
File.open(filename, "w") do |f|
|
||||||
|
f << <<-EOS.gsub(/^ /, '')
|
||||||
|
---
|
||||||
|
layout: post
|
||||||
|
title: #{title}
|
||||||
|
date: #{Time.new.strftime('%Y-%m-%d %H:%M')}
|
||||||
|
categories:
|
||||||
|
---
|
||||||
|
|
||||||
|
EOS
|
||||||
|
end
|
||||||
|
|
||||||
|
# Uncomment the line below if you want the post to automatically open in your default text editor
|
||||||
|
# system ("#{ENV['EDITOR']} #{filename}")
|
||||||
|
end
|
||||||
|
|
||||||
|
# usage: rake draft['my new draft']
|
||||||
|
desc 'create a new draft post with "rake draft[\'draft title\']"'
|
||||||
|
task :draft, :title do |t, args|
|
||||||
|
if args.title
|
||||||
|
title = args.title
|
||||||
|
else
|
||||||
|
puts "Please try again. Remember to include the filename."
|
||||||
|
end
|
||||||
|
mkdir_p "#{drafts_dir}"
|
||||||
|
filename = "#{drafts_dir}/#{title.downcase.gsub(/[^\w]+/, '-')}.md"
|
||||||
|
puts "Creating new draft: #{filename}"
|
||||||
|
File.open(filename, "w") do |f|
|
||||||
|
f << <<-EOS.gsub(/^ /, '')
|
||||||
|
---
|
||||||
|
layout: post
|
||||||
|
title: #{title}
|
||||||
|
date: #{Time.new.strftime('%Y-%m-%d %H:%M')}
|
||||||
|
categories:
|
||||||
|
---
|
||||||
|
|
||||||
|
EOS
|
||||||
|
end
|
||||||
|
|
||||||
|
# Uncomment the line below if you want the draft to automatically open in your default text editor
|
||||||
|
# system ("#{ENV['EDITOR']} #{filename}")
|
||||||
|
end
|
||||||
|
|
||||||
|
desc 'preview the site with drafts'
|
||||||
|
task :preview do
|
||||||
|
puts "## Generating site"
|
||||||
|
puts "## Stop with ^C ( <CTRL>+C )"
|
||||||
|
system "jekyll serve --watch --drafts"
|
||||||
|
end
|
||||||
|
|
||||||
|
# usage: rake undraft['my-file.md']
|
||||||
|
desc 'publish a draft post with "rake undraft[\'draft-file.md\']"'
|
||||||
|
task :undraft, :file do |t, args|
|
||||||
|
if args.file
|
||||||
|
file = args.file
|
||||||
|
else
|
||||||
|
abort "Please try again. Remember to include the file name."
|
||||||
|
end
|
||||||
|
|
||||||
|
draft = "#{drafts_dir}/#{file}"
|
||||||
|
unless File.exists?(draft)
|
||||||
|
abort "Draft does not exist: #{draft}"
|
||||||
|
end
|
||||||
|
|
||||||
|
today = Time.now
|
||||||
|
post = "#{posts_dir}/#{today.strftime('%Y-%m-%d')}-#{file}"
|
||||||
|
|
||||||
|
# Slurp file in to memory
|
||||||
|
lines = IO.readlines(draft).map do |line|
|
||||||
|
dateline = /\s*^date:\s*(.*)\s*$/.match(line)
|
||||||
|
if dateline
|
||||||
|
puts "Original date of draft: #{dateline[1]}"
|
||||||
|
"date: #{today.strftime('%Y-%m-%d %H:%M')}"
|
||||||
|
else
|
||||||
|
line
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
print "Moving #{draft} to #{post}..."
|
||||||
|
FileUtils.mv(draft, post)
|
||||||
|
puts "done."
|
||||||
|
|
||||||
|
print "Modifying date for post to '#{today.strftime('%Y-%m-%d %H:%M')}'..."
|
||||||
|
File.open(post, 'w') do |file|
|
||||||
|
file.puts lines
|
||||||
|
end
|
||||||
|
puts "done."
|
||||||
|
|
||||||
|
# Uncomment the line below if you want the post to automatically open in your default text editor
|
||||||
|
# system ("#{ENV['EDITOR']} #{post}")
|
||||||
|
end
|
||||||
|
|
||||||
|
desc 'list tasks'
|
||||||
|
task :list do
|
||||||
|
puts "Tasks: #{(Rake::Task.tasks - [Rake::Task[:list]]).join(', ')}"
|
||||||
|
puts "(type rake -T for more detail)\n\n"
|
||||||
|
end
|
||||||
86
_config.yml
Normal file
86
_config.yml
Normal file
@ -0,0 +1,86 @@
|
|||||||
|
# Site settings
|
||||||
|
title: Mixyll
|
||||||
|
email: hello@example.com
|
||||||
|
author: Sai Kiran Sripada
|
||||||
|
description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
|
||||||
|
baseurl: ""
|
||||||
|
url: "https://mixyll.saikiransripada.com"
|
||||||
|
date_format: "%b %-d, %Y"
|
||||||
|
header_pages:
|
||||||
|
- about.md
|
||||||
|
- contact.html
|
||||||
|
|
||||||
|
google_analytics:
|
||||||
|
|
||||||
|
# Optional features
|
||||||
|
animated: true
|
||||||
|
show_related_posts: true
|
||||||
|
show_post_footers: false
|
||||||
|
show_social_icons: true
|
||||||
|
|
||||||
|
# Preview image for social media aka og:image and twitter:image
|
||||||
|
post_preview_image: false
|
||||||
|
|
||||||
|
# Disqus post comments
|
||||||
|
disqus_shortname:
|
||||||
|
|
||||||
|
# Social icons
|
||||||
|
github_username: saikiransripada
|
||||||
|
twitter_username: wp_user
|
||||||
|
linkedin_username: saikiransripada
|
||||||
|
|
||||||
|
# Post sharing icons
|
||||||
|
show_sharing_icons: true
|
||||||
|
# Change to 'true' to enable individual icons
|
||||||
|
share_facebook: true
|
||||||
|
share_twitter: true
|
||||||
|
share_googleplus: true
|
||||||
|
share_linkedin: true
|
||||||
|
share_digg: true
|
||||||
|
share_tumblr: true
|
||||||
|
share_reddit: true
|
||||||
|
share_stumbleupon: true
|
||||||
|
share_hackernews: true
|
||||||
|
|
||||||
|
text:
|
||||||
|
pagination:
|
||||||
|
newer: 'Newer'
|
||||||
|
older: 'Older'
|
||||||
|
share_buttons:
|
||||||
|
text: 'Share:'
|
||||||
|
facebook: 'Share on Facebook'
|
||||||
|
twitter: 'Share on Twitter'
|
||||||
|
googleplus: 'Share on Google+'
|
||||||
|
linkedin: 'Share on LinkedIn'
|
||||||
|
digg: 'Share on Digg'
|
||||||
|
tumblr: 'Share on Tumblr'
|
||||||
|
reddit: 'Share on Reddit'
|
||||||
|
stumbleupon: 'Share on StumbleUpon'
|
||||||
|
hackernews: 'Share on Hacker News'
|
||||||
|
post:
|
||||||
|
updated: 'Updated'
|
||||||
|
minute_read: 'minute read'
|
||||||
|
related_posts: 'Related Posts'
|
||||||
|
post_footer: 'Lorem ipsum'
|
||||||
|
index:
|
||||||
|
coming_soon: 'Coming soon...'
|
||||||
|
og_locale: 'en_US'
|
||||||
|
|
||||||
|
# Build settings
|
||||||
|
markdown: kramdown
|
||||||
|
redcarpet:
|
||||||
|
extensions: ['smart', 'tables', 'with_toc_data']
|
||||||
|
permalink: :title
|
||||||
|
paginate: 4
|
||||||
|
sass:
|
||||||
|
style: compressed
|
||||||
|
plugins:
|
||||||
|
- jekyll-paginate
|
||||||
|
- jekyll-sitemap
|
||||||
|
|
||||||
|
exclude:
|
||||||
|
- Gemfile
|
||||||
|
- Gemfile.lock
|
||||||
|
- Rakefile
|
||||||
|
- README.md
|
||||||
|
- vendor
|
||||||
17
_includes/footer.html
Normal file
17
_includes/footer.html
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<footer class="center">
|
||||||
|
<div class="measure">
|
||||||
|
<div class="left">
|
||||||
|
<small>
|
||||||
|
© {{ site.time | date:"%Y" }} {{ site.title }}
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
{% if site.show_social_icons %}
|
||||||
|
{% include social_links.html %}
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script type="text/javascript">
|
||||||
|
if ("serviceWorker" in navigator) {
|
||||||
|
navigator.serviceWorker.register("{{ '/sw.js' | relative_url }}")
|
||||||
|
}
|
||||||
|
</script>
|
||||||
66
_includes/head.html
Normal file
66
_includes/head.html
Normal file
@ -0,0 +1,66 @@
|
|||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>{% if page.title %}{{ page.title | strip_html }} – {% endif %}{{ site.title | strip_html }}</title>
|
||||||
|
<link rel="dns-prefetch" href="//fonts.googleapis.com">
|
||||||
|
<link rel="dns-prefetch" href="//fonts.gstatic.com">
|
||||||
|
<link rel="dns-prefetch" href="//maxcdn.bootstrapcdn.com">
|
||||||
|
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="description" content="{% if page.meta_description %}{{ page.meta_description | xml_escape }}{% elsif page.summary %}{{ page.summary | xml_escape }}{% else %}{{ site.description | xml_escape }}{% endif %}">
|
||||||
|
{% if page.meta_robots %}<meta name="robots" content="{{ page.meta_robots }}">
|
||||||
|
{% else %}<meta name="robots" content="all">{% endif %}
|
||||||
|
<meta name="author" content="{{ site.author }}">
|
||||||
|
{% if page.categories %}<meta name="keywords" content="{{ page.categories | join: ', ' }}">{% endif %}
|
||||||
|
<link rel="canonical" href="{{ page.url | absolute_url }}">
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="RSS Feed for {{ site.title }}" href="{{ "/feed.xml" | relative_url }}" />
|
||||||
|
|
||||||
|
<!-- Custom CSS -->
|
||||||
|
<link rel="stylesheet" href="{{ "/css/style.css" | relative_url }}?{{ site.time | date: "%Y%m%d%H%M" }}" type="text/css">
|
||||||
|
|
||||||
|
<!-- Fonts -->
|
||||||
|
<link href='//fonts.googleapis.com/css?family=Merriweather:900,900italic,300,300italic' rel='stylesheet' type='text/css'>
|
||||||
|
<link href='//fonts.googleapis.com/css?family=Lato:900,300' rel='stylesheet' type='text/css'>
|
||||||
|
{% if site.show_social_icons or site.show_sharing_icons %}
|
||||||
|
<link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<!-- Open Graph -->
|
||||||
|
<!-- From: https://github.com/mmistakes/hpstr-jekyll-theme/blob/master/_includes/head.html -->
|
||||||
|
<meta property="og:locale" content="{{ site.text.og_locale | default: "en_US" }}">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:title" content="{% if page.title %}{{ page.title | xml_escape }}{% else %}{{ site.title | xml_escape }}{% endif %}">
|
||||||
|
<meta property="og:description" content="{% if page.description %}{{ page.description | xml_escape }}{% else %}{{ site.description | xml_escape }}{% endif %}">
|
||||||
|
<meta property="og:url" content="{{ site.url }}{{ page.url }}">
|
||||||
|
<meta property="og:site_name" content="{{ site.title | xml_escape }}">
|
||||||
|
{% if site.post_preview_image %}
|
||||||
|
<meta property="og:image" content="{{ site.url }}/images/me.jpeg">
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<!-- Twitter Card -->
|
||||||
|
<meta name="twitter:card" content="summary" />
|
||||||
|
{% if site.twitter_username %}
|
||||||
|
<meta name="twitter:site" content="@{{ site.twitter_username }}" />
|
||||||
|
<meta name="twitter:creator" content="@{{ site.twitter_username }}" />
|
||||||
|
{% endif %}
|
||||||
|
<meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
|
||||||
|
<meta name="twitter:description" content="{% if page.summary %}{{ page.summary }}{% else %}{{ site.description }}{% endif %}" />
|
||||||
|
<meta name="twitter:url" content="{{ site.url }}{{ page.url }}" />
|
||||||
|
{% if site.post_preview_image %}
|
||||||
|
<meta name="twitter:image" content="{{ site.url }}/images/me.jpeg" />
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<!-- Icons -->
|
||||||
|
<link rel="shortcut icon" href="{{ "/favicon.ico" | relative_url }}">
|
||||||
|
|
||||||
|
{% if site.google_analytics %}
|
||||||
|
<script type="text/javascript">
|
||||||
|
(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','//www.google-analytics.com/analytics.js','ga');
|
||||||
|
ga('create', '{{ site.google_analytics }}', 'auto');
|
||||||
|
ga('send', 'pageview');
|
||||||
|
</script>
|
||||||
|
{% endif %}
|
||||||
|
</head>
|
||||||
11
_includes/header.html
Normal file
11
_includes/header.html
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
<header class="site-header px2 px-responsive">
|
||||||
|
<div class="mt2 wrap">
|
||||||
|
<div class="measure">
|
||||||
|
<a href="{{ "/" | relative_url }}" class="site-title">{{ site.title }}</a>
|
||||||
|
<nav class="site-nav">
|
||||||
|
{% include navigation.html %}
|
||||||
|
</nav>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
15
_includes/navigation.html
Normal file
15
_includes/navigation.html
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
{% assign default_paths = site.pages | map: "path" %}
|
||||||
|
{% assign page_paths = site.header_pages | default: default_paths %}
|
||||||
|
|
||||||
|
{% for path in page_paths %}
|
||||||
|
|
||||||
|
{% assign item = site.pages | where: "path", path | first %}
|
||||||
|
|
||||||
|
{% if item.title and page.title == item.title %}
|
||||||
|
<a class="nav-active" href="{{ item.url | relative_url }}">{{ item.title }}</a>
|
||||||
|
{% elsif item.title %}
|
||||||
|
<a class="nav-link" href="{{ item.url | relative_url }}">{{ item.title }}</a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
|
||||||
|
{% endfor %}
|
||||||
23
_includes/pagination.html
Normal file
23
_includes/pagination.html
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
{% if paginator.total_pages != 1 %}
|
||||||
|
<div class="pagination clearfix mb1 mt4">
|
||||||
|
<div class="left">
|
||||||
|
{% if paginator.previous_page %}
|
||||||
|
{% if paginator.page == 2 %}
|
||||||
|
<a class="pagination-item" href="{{ "/" | relative_url }}">« {{ site.text.pagination.newer | default: "Newer" }}</a>
|
||||||
|
{% else %}
|
||||||
|
<a class="pagination-item" href="{{ paginator.previous_page_path | relative_url }}">« {{ site.text.pagination.newer | default: "Newer" }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% else %}
|
||||||
|
<span class="pagination-item disabled">« {{ site.text.pagination.newer | default: "Newer" }}</span>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
{% if paginator.next_page %}
|
||||||
|
<a class="pagination-item" href="{{ paginator.next_page_path | relative_url }}">{{ site.text.pagination.older | default: "Older" }} »</a>
|
||||||
|
{% else %}
|
||||||
|
<span class="pagination-item disabled">{{ site.text.pagination.older | default: "Older" }} »</span>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div class="pagination-meta">Page {{ paginator.page }} of {{ paginator.total_pages }}</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
5
_includes/post_footer.html
Normal file
5
_includes/post_footer.html
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
<div class="py2 post-footer">
|
||||||
|
<p>
|
||||||
|
{{ site.text.share_buttons.text }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
41
_includes/share_buttons.html
Normal file
41
_includes/share_buttons.html
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
<div class="share-page">
|
||||||
|
<div class="share-links">
|
||||||
|
{{ site.text.share_buttons.text | default: "Share this post!" }}
|
||||||
|
|
||||||
|
{% if site.share_facebook %}
|
||||||
|
<a class="fa fa-facebook" href="https://facebook.com/sharer.php?u={{ site.url | cgi_escape }}{{ page.url | cgi_escape }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.facebook | default: "Share on Facebook" }}"></a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if site.share_twitter %}
|
||||||
|
<a class="fa fa-twitter" href="https://twitter.com/intent/tweet?text={{ page.title | cgi_escape }}&url={{ site.url | cgi_escape }}{{ page.url | cgi_escape }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.twitter | default: "Share on Twitter" }}"></a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if site.share_googleplus %}
|
||||||
|
<a class="fa fa-google-plus" href="https://plus.google.com/share?url={{ site.url | cgi_escape }}{{ page.url | cgi_escape }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.googleplus | default: "Share on Google+" }}"></a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if site.share_linkedin %}
|
||||||
|
<a class="fa fa-linkedin" href="http://www.linkedin.com/shareArticle?url={{ site.url | cgi_escape }}{{ page.url | cgi_escape }}&title={{ page.title | cgi_escape }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.linkedin | default: "Share on LinkedIn" }}"></a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if site.share_digg %}
|
||||||
|
<a class="fa fa-digg" href="http://digg.com/submit?url={{ site.url | cgi_escape }}{{ page.url | cgi_escape }}&title={{ page.title | cgi_escape }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.digg | default: "Share on Digg" }}"></a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if site.share_tumblr %}
|
||||||
|
<a class="fa fa-tumblr" href="http://www.tumblr.com/share/link?url={{ site.url | cgi_escape }}{{ page.url | cgi_escape }}&name={{ page.title | cgi_escape }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.tumblr | default: "Share on Tumblr" }}"></a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if site.share_reddit %}
|
||||||
|
<a class="fa fa-reddit" href="http://reddit.com/submit?url={{ site.url | cgi_escape }}{{ page.url | cgi_escape }}&title={{ page.title | cgi_escape }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.reddit | default: "Share on Reddit" }}"></a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if site.share_stumbleupon %}
|
||||||
|
<a class="fa fa-stumbleupon" href="http://www.stumbleupon.com/submit?url={{ site.url | cgi_escape }}{{ page.url | cgi_escape }}&title={{ page.title | cgi_escape }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.stumbleupon | default: "Share on StumbleUpon" }}"></a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if site.share_hackernews %}
|
||||||
|
<a class="fa fa-hacker-news" onclick="parent.postMessage('submit','*')" href="https://news.ycombinator.com/submitlink?u={{ site.url | cgi_escape }}{{ page.url | cgi_escape }}&t={{ page.title | cgi_escape }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.hackernews | default: "Share on Hacker News" }}"></a>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
16
_includes/social_links.html
Normal file
16
_includes/social_links.html
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<div class="social-icons right">
|
||||||
|
{% if site.linkedin_username %}
|
||||||
|
<a class="fa fa-linkedin" href="https://www.linkedin.com/in/{{ site.linkedin_username }}" target="_blank"></a>
|
||||||
|
{% endif %}
|
||||||
|
{% if site.github_username %}
|
||||||
|
<a class="fa fa-github" href="https://github.com/{{ site.github_username }}" target="_blank"></a>
|
||||||
|
{% endif %}
|
||||||
|
{% if site.twitter_username %}
|
||||||
|
<a class="fa fa-twitter" href="https://twitter.com/{{ site.twitter_username }}" target="_blank"></a>
|
||||||
|
{% endif %}
|
||||||
|
{% if site.email %}
|
||||||
|
<a class="fa fa-envelope" href="mailto:{{ site.email }}"></a>
|
||||||
|
{% endif %}
|
||||||
|
<a class="fa fa-rss" href="{{ "/feed.xml" | relative_url }}" target="_blank"></a>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
18
_layouts/center.html
Normal file
18
_layouts/center.html
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="{{ page.lang | default: site.lang | default: 'en' }}">
|
||||||
|
{% include head.html %}
|
||||||
|
<body class="site{% if site.animated %} animated fade-in-down{% endif %}">
|
||||||
|
|
||||||
|
<div class="site-wrap center">
|
||||||
|
{% include header.html %}
|
||||||
|
|
||||||
|
<div class="post p2 p-responsive wrap" role="main">
|
||||||
|
<div class="measure">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% include footer.html %}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
18
_layouts/default.html
Normal file
18
_layouts/default.html
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="{{ page.lang | default: site.lang | default: 'en' }}">
|
||||||
|
{% include head.html %}
|
||||||
|
<body class="site{% if site.animated %} animated fade-in-down{% endif %}">
|
||||||
|
|
||||||
|
<div class="site-wrap">
|
||||||
|
{% include header.html %}
|
||||||
|
|
||||||
|
<div class="post p2 p-responsive wrap" role="main">
|
||||||
|
<div class="measure">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% include footer.html %}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
11
_layouts/page.html
Normal file
11
_layouts/page.html
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
---
|
||||||
|
layout: default
|
||||||
|
---
|
||||||
|
<div class="post">
|
||||||
|
<header class="post-header">
|
||||||
|
<h1 class="h2">{{ page.title }}</h1>
|
||||||
|
</header>
|
||||||
|
<article class="post-content">
|
||||||
|
{{ content }}
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
64
_layouts/post.html
Normal file
64
_layouts/post.html
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
---
|
||||||
|
layout: default
|
||||||
|
---
|
||||||
|
|
||||||
|
{% assign minutes = content | strip_html | number_of_words | divided_by: 180 %}
|
||||||
|
{% if minutes == 0 %}
|
||||||
|
{% assign minutes = 1 %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<div class="post-header mb2">
|
||||||
|
<h1>{{ page.title }}</h1>
|
||||||
|
<span class="post-meta">{{ page.date | date: site.date_format }} |</span>
|
||||||
|
{% if page.update_date %}
|
||||||
|
<span class="post-meta">{{ site.text.post.updated | default: "Updated" }}: {{ page.update_date | date: site.date_format }} |</span>
|
||||||
|
{% endif %}
|
||||||
|
<span class="post-meta small">
|
||||||
|
{% if page.minutes %}
|
||||||
|
{{ page.minutes }} {{ site.text.post.minute_read | default: "minute read" }}
|
||||||
|
{% else %}
|
||||||
|
{{ minutes }} {{ site.text.post.minute_read | default: "minute read" }}
|
||||||
|
{% endif %}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<article class="post-content">
|
||||||
|
{{ content }}
|
||||||
|
</article>
|
||||||
|
|
||||||
|
{% if site.show_sharing_icons %}
|
||||||
|
{% include share_buttons.html %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if site.show_post_footers %}
|
||||||
|
{% include post_footer.html %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if site.disqus_shortname %}
|
||||||
|
<div id="disqus_thread"></div>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var disqus_shortname = '{{ site.disqus_shortname }}';
|
||||||
|
var disqus_identifier = '{{ page.id }}';
|
||||||
|
var disqus_title = {{ page.title | jsonify }};
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||||
|
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
||||||
|
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if site.show_related_posts %}
|
||||||
|
<h3 class="related-post-title">{{ site.text.post.related_posts | default: "Related Posts" }}</h3>
|
||||||
|
<ul class="related-posts">
|
||||||
|
{% for post in site.related_posts %}
|
||||||
|
<li>
|
||||||
|
<a href="{{ post.url | relative_url }}" class="post-link">
|
||||||
|
{{ post.title }}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
{% endif %}
|
||||||
9
_posts/2014-06-08-mixyll-has-pagination.md
Normal file
9
_posts/2014-06-08-mixyll-has-pagination.md
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
---
|
||||||
|
layout: post
|
||||||
|
title: Mixyll has Pagination
|
||||||
|
date: 2014-06-08 11:21:29
|
||||||
|
summary: This is an empty post to illustrate the pagination component with Mixyll.
|
||||||
|
categories: jekyll mixyll
|
||||||
|
---
|
||||||
|
|
||||||
|
This is an empty post to illustrate the pagination component with Mixyll.
|
||||||
17
_posts/2014-06-09-so-what-is-jekyll.md
Normal file
17
_posts/2014-06-09-so-what-is-jekyll.md
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
---
|
||||||
|
layout: post
|
||||||
|
title: So, What is Jekyll?
|
||||||
|
date: 2014-06-09 12:32:18
|
||||||
|
summary: Transform your plain text into static websites and blogs. Simple, static, and blog-aware.
|
||||||
|
categories: jekyll mixyll
|
||||||
|
---
|
||||||
|
|
||||||
|
Jekyll is a tool for transforming your plain text into static websites and
|
||||||
|
blogs. It is simple, static, and blog-aware. Jekyll uses the
|
||||||
|
[Liquid](http://docs.shopify.com/themes/liquid-basics) templating
|
||||||
|
language and has builtin [Markdown](http://daringfireball.net/projects/markdown/)
|
||||||
|
and [Textile](http://en.wikipedia.org/wiki/Textile_(markup_language)) support.
|
||||||
|
|
||||||
|
It also ties in nicely to [Github Pages](https://pages.github.com/).
|
||||||
|
|
||||||
|
Learn more about Jekyll on their [website](http://jekyllrb.com/).
|
||||||
174
_posts/2014-06-10-see-mixyll-in-action.md
Normal file
174
_posts/2014-06-10-see-mixyll-in-action.md
Normal file
@ -0,0 +1,174 @@
|
|||||||
|
---
|
||||||
|
layout: post
|
||||||
|
title: Mixyll in Action
|
||||||
|
date: 2014-06-10 12:31:19
|
||||||
|
summary: See what the different elements looks like. Your markdown has never looked better. I promise.
|
||||||
|
categories: jekyll mixyll
|
||||||
|
---
|
||||||
|
|
||||||
|
There is a significant amount of subtle, yet precisely calibrated, styling to ensure
|
||||||
|
that your content is emphasized while still looking aesthetically pleasing.
|
||||||
|
|
||||||
|
All links are easy to [locate and discern](#), yet don't detract from the [harmony
|
||||||
|
of a paragraph](#). The _same_ goes for italics and __bold__ elements. Even the the strikeout
|
||||||
|
works if <del>for some reason you need to update your post</del>. For consistency's sake,
|
||||||
|
<ins>The same goes for insertions</ins>, of course.
|
||||||
|
|
||||||
|
### Code, with syntax highlighting
|
||||||
|
|
||||||
|
Here's an example of some ruby code with line anchors.
|
||||||
|
|
||||||
|
{% highlight ruby lineanchors %}
|
||||||
|
# The most awesome of classes
|
||||||
|
class Awesome < ActiveRecord::Base
|
||||||
|
include EvenMoreAwesome
|
||||||
|
|
||||||
|
validates_presence_of :something
|
||||||
|
validates :email, email_format: true
|
||||||
|
|
||||||
|
def initialize(email, name = nil)
|
||||||
|
self.email = email
|
||||||
|
self.name = name
|
||||||
|
self.favorite_number = 12
|
||||||
|
puts 'created awesomeness'
|
||||||
|
end
|
||||||
|
|
||||||
|
def email_format
|
||||||
|
email =~ /\S+@\S+\.\S+/
|
||||||
|
end
|
||||||
|
end
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
Here's some CSS:
|
||||||
|
|
||||||
|
{% highlight css %}
|
||||||
|
.foobar {
|
||||||
|
/* Named colors rule */
|
||||||
|
color: tomato;
|
||||||
|
}
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
Here's some JavaScript:
|
||||||
|
|
||||||
|
{% highlight js %}
|
||||||
|
var isPresent = require('is-present')
|
||||||
|
|
||||||
|
module.exports = function doStuff(things) {
|
||||||
|
if (isPresent(things)) {
|
||||||
|
doOtherStuff(things)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
Here's some HTML:
|
||||||
|
|
||||||
|
{% highlight html %}
|
||||||
|
<div class="m0 p0 bg-blue white">
|
||||||
|
<h3 class="h1">Hello, world!</h3>
|
||||||
|
</div>
|
||||||
|
{% endhighlight %}
|
||||||
|
|
||||||
|
# Headings!
|
||||||
|
|
||||||
|
They're responsive, and well-proportioned (in `padding`, `line-height`, `margin`, and `font-size`).
|
||||||
|
They also heavily rely on the awesome utility, [BASSCSS](http://www.basscss.com/).
|
||||||
|
|
||||||
|
##### They draw the perfect amount of attention
|
||||||
|
|
||||||
|
This allows your content to have the proper informational and contextual hierarchy. Yay.
|
||||||
|
|
||||||
|
### There are lists, too
|
||||||
|
|
||||||
|
* Apples
|
||||||
|
* Oranges
|
||||||
|
* Potatoes
|
||||||
|
* Milk
|
||||||
|
|
||||||
|
1. Mow the lawn
|
||||||
|
2. Feed the dog
|
||||||
|
3. Dance
|
||||||
|
|
||||||
|
### Images look great, too
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
__
|
||||||
|
|
||||||
|
|
||||||
|
### There are also pretty colors
|
||||||
|
|
||||||
|
Also the result of [BASSCSS](http://www.basscss.com/), you can <span class="bg-dark-gray white">highlight</span> certain components
|
||||||
|
of a <span class="red">post</span> <span class="mid-gray">with</span> <span class="green">CSS</span> <span class="orange">classes</span>.
|
||||||
|
|
||||||
|
I don't recommend using blue, though. It looks like a <span class="blue">link</span>.
|
||||||
|
|
||||||
|
### Footnotes!
|
||||||
|
|
||||||
|
Markdown footnotes are supported, and they look great! Simply put e.g. `[^1]` where you want the footnote to appear,[^1] and then add
|
||||||
|
the reference at the end of your markdown.
|
||||||
|
|
||||||
|
### Stylish blockquotes included
|
||||||
|
|
||||||
|
You can use the markdown quote syntax, `>` for simple quotes.
|
||||||
|
|
||||||
|
> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis porta mauris.
|
||||||
|
|
||||||
|
However, you need to inject html if you'd like a citation footer. I will be working on a way to
|
||||||
|
hopefully sidestep this inconvenience.
|
||||||
|
|
||||||
|
<blockquote>
|
||||||
|
<p>
|
||||||
|
Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.
|
||||||
|
</p>
|
||||||
|
<footer><cite title="Antoine de Saint-Exupéry">Antoine de Saint-Exupéry</cite></footer>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
|
||||||
|
### Tables
|
||||||
|
|
||||||
|
Tables represent tabular data and can be built using markdown syntax. They are rendered responsively in Mixyll for a variety of screen widths.
|
||||||
|
|
||||||
|
Here's a simple example of a table:
|
||||||
|
|
||||||
|
| Quantity | Description | Price |
|
||||||
|
|----------+-------------+----------:|
|
||||||
|
| 2 | Orange | $0.99 |
|
||||||
|
| 1 | Pineapple | $2.99 |
|
||||||
|
| 4 | Banana | $0.39 |
|
||||||
|
|==========|=============|===========|
|
||||||
|
| | **Total** | **$6.14** |
|
||||||
|
|
||||||
|
A table must have a body of one or more rows, but can optionally also have a header or footer.
|
||||||
|
|
||||||
|
The cells in a column, including the header row cell, can either be aligned:
|
||||||
|
|
||||||
|
- left,
|
||||||
|
- right or
|
||||||
|
- center.
|
||||||
|
|
||||||
|
Most inline text formatting is available in table cells, block-level formatting are not.
|
||||||
|
|
||||||
|
|----------------+----------------------+------------------------+----------------------------------|
|
||||||
|
| Default header | Left header | Center header | Right header |
|
||||||
|
|----------------|:---------------------|:----------------------:|---------------------------------:|
|
||||||
|
| Default | Left | Center | Right |
|
||||||
|
| *Italic* | **Bold** | ***Bold italic*** | `monospace` |
|
||||||
|
| [link text](#) | ```code``` | ~~Strikeout~~ | <ins>Insertion<ins> |
|
||||||
|
| line<br/>break | "Smart quotes" | <mark>highlight</mark> | <span class="green">green</span> |
|
||||||
|
| Footnote[^2] | <sub>subscript</sub> | <sup>superscript</sup> | <span class="red">red</span> |
|
||||||
|
|================+======================+========================+==================================+
|
||||||
|
| Footer row |
|
||||||
|
|----------------+----------------------+------------------------+----------------------------------|
|
||||||
|
|
||||||
|
### There's more being added all the time
|
||||||
|
|
||||||
|
Checkout the [Github repository](https://github.com/saikiransripada/mixyll) to request,
|
||||||
|
or add, features.
|
||||||
|
|
||||||
|
Happy writing.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
[^1]: Important information that may distract from the main text can go in footnotes.
|
||||||
|
|
||||||
|
[^2]: Footnotes will work in tables since they're just links.
|
||||||
26
_posts/2014-06-11-welcome-to-mixyll.markdown
Normal file
26
_posts/2014-06-11-welcome-to-mixyll.markdown
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
---
|
||||||
|
layout: post
|
||||||
|
title: Hello, Mixyll
|
||||||
|
date: 2014-06-11 15:31:19
|
||||||
|
summary: Mixyll is a simple, beautiful theme for Jekyll that emphasizes content rather than aesthetic fluff.
|
||||||
|
categories: jekyll mixyll
|
||||||
|
---
|
||||||
|
|
||||||
|
Hello.
|
||||||
|
|
||||||
|
Mixyll (Minimal version of Pixyll) is a simple, beautiful theme for Jekyll based on the popular Jekyll theme Pixyll by John Otander that emphasizes content rather than aesthetic fluff. It's mobile _first_, fluidly responsive, and delightfully lightweight.
|
||||||
|
|
||||||
|
It's pretty minimal, but leverages large type and drastic contrast to make a statement, on all devices.
|
||||||
|
|
||||||
|
<blockquote>
|
||||||
|
<p>
|
||||||
|
Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.
|
||||||
|
</p>
|
||||||
|
<footer><cite title="Antoine de Saint-Exupéry">Antoine de Saint-Exupéry</cite></footer>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
## Where is it?
|
||||||
|
|
||||||
|
Checkout the [Github repository](https://github.com/saikiransripada/mixyll) to download it, request a feature, or report a bug.
|
||||||
|
|
||||||
|
It's free, and open source ([MIT](http://opensource.org/licenses/MIT)).
|
||||||
66
_posts/2019-01-26-guide-to-forking-pixyll.md
Normal file
66
_posts/2019-01-26-guide-to-forking-pixyll.md
Normal file
@ -0,0 +1,66 @@
|
|||||||
|
---
|
||||||
|
layout: post
|
||||||
|
title: Guide to Forking Mixyll
|
||||||
|
date: 2019-01-26 19:22
|
||||||
|
summary: Mixyll is available to you under the MIT license.
|
||||||
|
categories: jekyll mixyll
|
||||||
|
---
|
||||||
|
|
||||||
|
The following is an overview to copying and sharing Mixyll.[^1]
|
||||||
|
|
||||||
|
Most people have an understanding of what the copyright and licensing obligations are for source code, but not everyone has practical experience. There is a lot of information about how to use free and open source source code generally, but not necessarily how it works specifically.
|
||||||
|
|
||||||
|
## Basics
|
||||||
|
|
||||||
|
Mixyll is free and open source software under the MIT license, a _permissive license_. You can use Mixyll without charge and it is provided to you, "as is", without warranty of any kind.
|
||||||
|
|
||||||
|
These are some of the rights for Mixyll since it is under the MIT license:[^2]
|
||||||
|
|
||||||
|
1. You can **copy** Mixyll by forking it on GitHub or by any other means of copying.
|
||||||
|
2. You can **use** Mixyll to publish your site without restriction or limitation.
|
||||||
|
3. You can **change** Mixyll as you wish, and you can publish your site with a modified version of Mixyll.
|
||||||
|
4. You can also **distribute** copies of Mixyll to other people.
|
||||||
|
5. You can also **distribute modified** copies of Mixyll.
|
||||||
|
|
||||||
|
Other rights you have of Mixyll under the MIT license:
|
||||||
|
|
||||||
|
- You can **sell** copies of Mixyll, including copies you have modified.
|
||||||
|
- You can **combine** Mixyll with other works that are under the MIT license, or other permissive licenses, a copyleft license or a proprietary license. Mixyll already does this itself by using Jekyll, Ruby and other dependencies.
|
||||||
|
- You can distribute copies of Mixyll to others under either the MIT license or you can **relicense** Mixyll under another license. This includes a different permissive license, a copyleft license or a proprietary license.
|
||||||
|
|
||||||
|
Your only responsibility is to preserve both the copyright notices of Mixyll and the MIT license in your copy or modified work.
|
||||||
|
|
||||||
|
## How to
|
||||||
|
|
||||||
|
If you've modified Mixyll significantly and want to share your version, especially public copies of the code, then there are a few items you should do.
|
||||||
|
|
||||||
|
1. You should probably **rename** your fork of Mixyll with a different name.
|
||||||
|
2. A new name isn't required by the MIT license, but it is good etiquette.[^3]
|
||||||
|
3. You should add your name to the **copyright** of your version, and you should preserve the existing copyrights of Mixyll.
|
||||||
|
4. Maintaining the copyright notices isn't required of the MIT license, but it is suggested by the license and is a good practice for documenting the copyrights of your derived work.
|
||||||
|
|
||||||
|
The items above do not apply when you just copied and modified Mixyll in small ways to just publish your site and you have no plans to fork Mixyll under a different name.
|
||||||
|
|
||||||
|
If you want to publish a fork of Mixyll under a different name but keeping it under the MIT license, then you should add your name to the copyright notices:
|
||||||
|
|
||||||
|
Copyright (c) 2019 Your Name
|
||||||
|
Copyright (c) 2014-2019 John Otander for Mixyll
|
||||||
|
|
||||||
|
However, if you want to publish a fork of Mixyll under a different name *and* a different license, then you should should still add your name to the copyright notices but have a section titled "Mixyll" at the bottom of your LICENSE file that preserves the copyright and license notices for Mixyll:
|
||||||
|
|
||||||
|
Mixyll
|
||||||
|
|
||||||
|
Copyright (c) 2014-2019 John Otander
|
||||||
|
|
||||||
|
MIT License
|
||||||
|
|
||||||
|
Permission is hereby granted, [...]
|
||||||
|
|
||||||
|
If you are just modifying Mixyll in small ways to customize your site, you are not obligated to maintain the copyright notices of Mixyll on your site. However, if you want to credit the Mixyll theme that would be appreciated, see section on "Mixyll Plug" in the README file that came with Mixyll.
|
||||||
|
|
||||||
|
Thanks for using Mixyll, and happy hacking!
|
||||||
|
|
||||||
|
---
|
||||||
|
[^1]: **Disclaimer**: This material is for informational purposes only, and should not be construed as legal advice or opinion. For actual legal advice, you should consult with professional legal services.
|
||||||
|
[^2]: This list of privileges are derived from the four freedoms of "The Free Software Definition" published by the GNU project <https://www.gnu.org/philosophy/free-sw.en.html>.
|
||||||
|
[^3]: Using a different name from "Mixyll" for your derivate work helps avoid misdirected questions from people who are using your version. It's similar to using version numbers to discrimate the revisions of software when troubleshooting issues.
|
||||||
60
_sass/_animations.scss
Normal file
60
_sass/_animations.scss
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
/*!
|
||||||
|
Animate.css - http://daneden.me/animate
|
||||||
|
Licensed under the MIT license - http://opensource.org/licenses/MIT
|
||||||
|
|
||||||
|
Copyright (c) 2014 Daniel Eden
|
||||||
|
*/
|
||||||
|
|
||||||
|
.animated {
|
||||||
|
-webkit-animation-duration: 1s;
|
||||||
|
animation-duration: 1s;
|
||||||
|
-webkit-animation-fill-mode: both;
|
||||||
|
animation-fill-mode: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.animated.infinite {
|
||||||
|
-webkit-animation-iteration-count: infinite;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.animated.hinge {
|
||||||
|
-webkit-animation-duration: 2s;
|
||||||
|
animation-duration: 2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes fadeInDown {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: translateY(-20px);
|
||||||
|
transform: translateY(-20px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeInDown {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
|
-webkit-transform: translateY(-20px) translate3d(0, 0, 0);
|
||||||
|
-ms-transform: translateY(-20px) translate3d(0, 0, 0);
|
||||||
|
transform: translateY(-20px) translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
|
||||||
|
-webkit-transform: translateY(0) translate3d(0, 0, 0);
|
||||||
|
-ms-transform: translateY(0) translate3d(0, 0, 0);
|
||||||
|
transform: translateY(0) translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fade-in-down {
|
||||||
|
-webkit-animation-name: fadeInDown;
|
||||||
|
animation-name: fadeInDown;
|
||||||
|
}
|
||||||
34
_sass/_base.scss
Normal file
34
_sass/_base.scss
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
@charset "UTF-8";
|
||||||
|
/*!
|
||||||
|
|
||||||
|
Pixyll
|
||||||
|
|
||||||
|
A simple, beautiful theme for Jekyll that emphasizes content rather than
|
||||||
|
aesthetic fluff.
|
||||||
|
|
||||||
|
Built upon BASSCSS (http://jxnblk.github.io/basscss).
|
||||||
|
|
||||||
|
Crafted with <3 by John Otander (@4lpine) - ©2015-2019 John Otander
|
||||||
|
MIT License http://opensource.org/licenses/MIT
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
height: auto;
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
em img {
|
||||||
|
max-width: 100%;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
}
|
||||||
25
_sass/_basscss.scss
Normal file
25
_sass/_basscss.scss
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
/*!
|
||||||
|
|
||||||
|
BASSCSS
|
||||||
|
|
||||||
|
Next-level CSS toolkit - basscss.com
|
||||||
|
|
||||||
|
Made with love by Jxnblk - ©2014 Brent Jackson
|
||||||
|
MIT License http://opensource.org/licenses/MIT
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
@import 'basscss/base-buttons';
|
||||||
|
@import 'basscss/base-forms';
|
||||||
|
@import 'basscss/base-reset';
|
||||||
|
@import 'basscss/base-typography';
|
||||||
|
|
||||||
|
@import 'basscss/buttons-blue';
|
||||||
|
|
||||||
|
@import 'basscss/syntax-highlighting';
|
||||||
|
@import 'basscss/color-base';
|
||||||
|
@import 'basscss/colors';
|
||||||
|
|
||||||
|
@import 'basscss/utility-headings';
|
||||||
|
@import 'basscss/utility-typography';
|
||||||
|
@import 'basscss/utility-white-space';
|
||||||
16
_sass/_blockquotes.scss
Normal file
16
_sass/_blockquotes.scss
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
blockquote {
|
||||||
|
border-left: 5px solid #7a7a7a;
|
||||||
|
font-style: italic;
|
||||||
|
margin-left: $space-1;
|
||||||
|
padding: $space-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote footer {
|
||||||
|
background-color: #fff;
|
||||||
|
border-color: transparent;
|
||||||
|
color: #7a7a7a;
|
||||||
|
font-size: .85rem;
|
||||||
|
font-style: normal;
|
||||||
|
text-align: left;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
8
_sass/_clearfix.scss
Normal file
8
_sass/_clearfix.scss
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
.clearfix:before, .clearfix:after {
|
||||||
|
content: ' ';
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
82
_sass/_code.scss
Normal file
82
_sass/_code.scss
Normal file
@ -0,0 +1,82 @@
|
|||||||
|
pre,
|
||||||
|
pre code {
|
||||||
|
background-color: transparent;
|
||||||
|
border-radius: $pre-border-radius;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre,
|
||||||
|
code {
|
||||||
|
font-family: $monospace-font-family;
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
color: #bf616a;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
code {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
border-radius: 3px;
|
||||||
|
padding: .25em .5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
padding: 1.125em;
|
||||||
|
line-height: 1.11;
|
||||||
|
overflow-x: scroll;
|
||||||
|
margin-bottom: 0.88em;
|
||||||
|
background-color: $pre-background-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight {
|
||||||
|
margin: 1rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .p {
|
||||||
|
font-size: 1.125rem;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
counter-reset: line-numbering;
|
||||||
|
white-space: pre;
|
||||||
|
overflow-x: auto;
|
||||||
|
word-break: inherit;
|
||||||
|
word-wrap: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre a {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre a::before {
|
||||||
|
content: counter(line-numbering);
|
||||||
|
counter-increment: line-numbering;
|
||||||
|
padding-right: 1em; /* space after numbers */
|
||||||
|
width: 25px;
|
||||||
|
text-align: right;
|
||||||
|
opacity: 0.7;
|
||||||
|
display: inline-block;
|
||||||
|
color: $light-gray;
|
||||||
|
margin-right: 16px;
|
||||||
|
font-size: 13px;
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre a:first-of-type::before {
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre a:last-of-type::before {
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre a:only-of-type::before {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
38
_sass/_footer.scss
Normal file
38
_sass/_footer.scss
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
.site {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-webkit-flex-direction: column;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-wrap {
|
||||||
|
-webkit-box-flex: 1;
|
||||||
|
-webkit-flex: 1;
|
||||||
|
-ms-flex: 1 0 auto;
|
||||||
|
flex: 1 0 auto;
|
||||||
|
padding-bottom: $h1-responsive-max;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: $footer-bg-color;
|
||||||
|
border-top: $footer-border-top;
|
||||||
|
color: $footer-color;
|
||||||
|
font-size: $footer-font-size;
|
||||||
|
font-weight: $footer-font-weight;
|
||||||
|
padding: $space-2 $footer-padding;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .measure {
|
||||||
|
line-height: $space-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer small {
|
||||||
|
font-family: $heading-font-family;
|
||||||
|
}
|
||||||
106
_sass/_forms.scss
Normal file
106
_sass/_forms.scss
Normal file
@ -0,0 +1,106 @@
|
|||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea,
|
||||||
|
fieldset {
|
||||||
|
font-size: $form-field-font-size;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: $space-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=text],
|
||||||
|
input[type=datetime],
|
||||||
|
input[type=datetime-local],
|
||||||
|
input[type=email],
|
||||||
|
input[type=month],
|
||||||
|
input[type=number],
|
||||||
|
input[type=password],
|
||||||
|
input[type=search],
|
||||||
|
input[type=tel],
|
||||||
|
input[type=time],
|
||||||
|
input[type=url],
|
||||||
|
input[type=week] {
|
||||||
|
box-sizing: border-box;
|
||||||
|
height: $form-field-height;
|
||||||
|
padding: $form-field-padding-y $form-field-padding-x;
|
||||||
|
vertical-align: middle;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
select {
|
||||||
|
box-sizing: border-box;
|
||||||
|
line-height: 1.75;
|
||||||
|
padding: $form-field-padding-y $form-field-padding-x;
|
||||||
|
}
|
||||||
|
|
||||||
|
select:not([multiple]) {
|
||||||
|
height: $form-field-height;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
box-sizing: border-box;
|
||||||
|
line-height: 1.75;
|
||||||
|
padding: $form-field-padding-y $form-field-padding-x;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-stacked input,
|
||||||
|
.form-stacked textarea,
|
||||||
|
.form-stacked select {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-light {
|
||||||
|
background-color: white;
|
||||||
|
transition: box-shadow .2s ease;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: $border-width;
|
||||||
|
border-color: $border-color;
|
||||||
|
border-radius: $border-radius;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-light:focus {
|
||||||
|
outline: none;
|
||||||
|
border-color: $blue;
|
||||||
|
box-shadow: 0 0 2px rgba($blue,.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-light:disabled {
|
||||||
|
color: $mid-gray;
|
||||||
|
background-color: $darken-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-light:read-only:not(select) {
|
||||||
|
background-color: $darken-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-light:invalid {
|
||||||
|
border-color: $red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-light.is-success {
|
||||||
|
border-color: $green;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-light.is-warning {
|
||||||
|
border-color: $yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-light.is-error {
|
||||||
|
border-color: $red;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.radio-light,
|
||||||
|
.checkbox-light {
|
||||||
|
transition: box-shadow .2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radio-light {
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radio-light:focus,
|
||||||
|
.checkbox-light:focus {
|
||||||
|
outline: none;
|
||||||
|
box-shadow: 0 0 2px rgba($blue, .5);
|
||||||
|
}
|
||||||
12
_sass/_gists.scss
Normal file
12
_sass/_gists.scss
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
.gist,
|
||||||
|
.gist .highlight .p {
|
||||||
|
font-size: .75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gist .lines {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gist table>tbody>tr>td {
|
||||||
|
border-top: 0px;
|
||||||
|
}
|
||||||
65
_sass/_header.scss
Normal file
65
_sass/_header.scss
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
.site-header {
|
||||||
|
padding-top: $space-1;
|
||||||
|
padding-bottom: $space-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.share-page {
|
||||||
|
padding: $space-2 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.share-links a {
|
||||||
|
margin: 0 0.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header a,
|
||||||
|
.social-icons a,
|
||||||
|
.share-links a {
|
||||||
|
color: $header-color;
|
||||||
|
font-size: $h3;
|
||||||
|
font-weight: $header-font-weight;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header .site-title {
|
||||||
|
font-size: $h2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header nav a {
|
||||||
|
color: $nav-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header nav a:hover,
|
||||||
|
.site-header nav a:focus,
|
||||||
|
.site-header nav a:active,
|
||||||
|
.site-header nav a.nav-active:hover,
|
||||||
|
.site-header nav a.nav-active:focus,
|
||||||
|
.site-header nav a.nav-active:active {
|
||||||
|
color: $nav-link-color;
|
||||||
|
opacity: 1;
|
||||||
|
border-bottom: $nav-link-border-bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header nav a.nav-active {
|
||||||
|
border-bottom: $nav-active-border-bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-nav a + a {
|
||||||
|
margin-left: $nav-link-padding-x;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header a:hover,
|
||||||
|
.posts .post a:hover .post-meta,
|
||||||
|
.posts .post a:hover .post-title,
|
||||||
|
.posts .post a:hover .post-summary,
|
||||||
|
.social-icons a:hover,
|
||||||
|
.share-links a:hover {
|
||||||
|
opacity: 0.88;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header .site-nav {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
40
_sass/_links.scss
Normal file
40
_sass/_links.scss
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
a {
|
||||||
|
color: $link-color;
|
||||||
|
background-image: linear-gradient(to top,
|
||||||
|
rgba(0,0,0,0) 13%,
|
||||||
|
rgba($link-color,.8) 13%,
|
||||||
|
rgba($link-color,.8) 18%,
|
||||||
|
rgba(0,0,0,0) 17%
|
||||||
|
);
|
||||||
|
text-shadow: white 1px 0px 0px, white -1px 0px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover,
|
||||||
|
a:focus,
|
||||||
|
a:active {
|
||||||
|
border: 0;
|
||||||
|
color: $link-hover-color;
|
||||||
|
text-decoration: none;
|
||||||
|
background-image: linear-gradient(to top,
|
||||||
|
rgba(0,0,0,0) 13%,
|
||||||
|
rgba($link-hover-color,.8) 13%,
|
||||||
|
rgba($link-hover-color,.8) 17%,
|
||||||
|
rgba(0,0,0,0) 17%
|
||||||
|
);
|
||||||
|
text-shadow: white 1px 0px 0px, white -1px 0px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Correct issues with buttons
|
||||||
|
button,
|
||||||
|
.button {
|
||||||
|
text-shadow: none;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button:hover,
|
||||||
|
.button:focus,
|
||||||
|
.button:active {
|
||||||
|
color: white;
|
||||||
|
text-shadow: none;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
4
_sass/_measure.scss
Normal file
4
_sass/_measure.scss
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
.measure {
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: $measure-width;
|
||||||
|
}
|
||||||
59
_sass/_media-queries.scss
Normal file
59
_sass/_media-queries.scss
Normal file
@ -0,0 +1,59 @@
|
|||||||
|
@media screen and (min-width: $viewport-small) {
|
||||||
|
html {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
.h1 {
|
||||||
|
font-size: $h1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-nav {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header a,
|
||||||
|
.social-icons a,
|
||||||
|
.share-links a {
|
||||||
|
font-size: $h5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header .site-title {
|
||||||
|
font-size: $h4;
|
||||||
|
float: left;
|
||||||
|
font-weight: $bold-font-weight;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header .site-nav {
|
||||||
|
float: right;
|
||||||
|
margin-top: .25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
margin: 0 0 0 $space-2;
|
||||||
|
padding: $space-2 $space-1 + $space-2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: $viewport-medium) {
|
||||||
|
html {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: $viewport-large) {
|
||||||
|
html {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: $viewport-large + 14) {
|
||||||
|
em img {
|
||||||
|
max-width: $measure-width + 14;
|
||||||
|
margin-left: -7em;
|
||||||
|
}
|
||||||
|
}
|
||||||
53
_sass/_pagination.scss
Normal file
53
_sass/_pagination.scss
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
.pagination {
|
||||||
|
font-size: $h5;
|
||||||
|
font-family: $heading-font-family;
|
||||||
|
font-weight: 300;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination a, .pagination .disabled {
|
||||||
|
-webkit-transition: all 0.2s ease-in-out;
|
||||||
|
-moz-transition: all 0.2s ease-in-out;
|
||||||
|
transition: all 0.2s ease-in-out;
|
||||||
|
background: #fafafa;
|
||||||
|
border-radius: 0.1875em;
|
||||||
|
border: 1px solid #f3f3f3;
|
||||||
|
color: #333333;
|
||||||
|
padding: .75em 1.5em;
|
||||||
|
font-size: $h5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination .disabled, .pagination .pagination-meta {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination .pagination-meta {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination a:hover, .pagination a:focus {
|
||||||
|
background: white;
|
||||||
|
color: #477dca;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination a:active {
|
||||||
|
background: #f7f7f7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination .button {
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 300;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-disabled {
|
||||||
|
opacity: 0.55;
|
||||||
|
background-color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-disabled:hover,
|
||||||
|
.button-disabled:active,
|
||||||
|
.button-disabled:focus {
|
||||||
|
cursor: not-allowed;
|
||||||
|
background-color: #999;
|
||||||
|
}
|
||||||
7
_sass/_positions.scss
Normal file
7
_sass/_positions.scss
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
.left {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
67
_sass/_posts.scss
Normal file
67
_sass/_posts.scss
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
|
||||||
|
.posts {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts .post {
|
||||||
|
margin-bottom: 0.75em;
|
||||||
|
border-bottom: thin solid #f3f3f3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts .post:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
margin-bottom: .375em;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-link .post-title {
|
||||||
|
margin-top: 0;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-footer {
|
||||||
|
@extend .italic;
|
||||||
|
|
||||||
|
margin-top: .75rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-footer .avatar {
|
||||||
|
margin: 2rem 0;
|
||||||
|
width: 100px;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.meta,
|
||||||
|
.post-meta {
|
||||||
|
width: auto;
|
||||||
|
font-weight: 300;
|
||||||
|
margin: 0;
|
||||||
|
padding: .25em 0;
|
||||||
|
color: #7a7a7a;
|
||||||
|
font-size: $h6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-summary {
|
||||||
|
line-height: $h1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.related-post-title {
|
||||||
|
padding-bottom: 0.25em;
|
||||||
|
border-bottom: thin solid #f3f3f3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.related-posts {
|
||||||
|
line-height: $h1;
|
||||||
|
padding-top: $space-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.related-posts a {
|
||||||
|
color: $dark-gray;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.related-posts a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
18
_sass/_social-icons.scss
Normal file
18
_sass/_social-icons.scss
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
.social-icons {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-icons a.fa {
|
||||||
|
cursor: pointer;
|
||||||
|
opacity: 0.8;
|
||||||
|
padding: 0 0.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-icons a.fa:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-icons iframe[title=Flattr] {
|
||||||
|
position: relative;
|
||||||
|
top: 0.1em;
|
||||||
|
}
|
||||||
47
_sass/_tables.scss
Normal file
47
_sass/_tables.scss
Normal file
@ -0,0 +1,47 @@
|
|||||||
|
/*
|
||||||
|
Table styles copied from Bootstrap
|
||||||
|
Copyright (c) 2013 Twitter, Inc
|
||||||
|
*/
|
||||||
|
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
font-size: 1.125rem;
|
||||||
|
overflow-x:auto;
|
||||||
|
display:block;
|
||||||
|
// Cells
|
||||||
|
> thead,
|
||||||
|
> tbody,
|
||||||
|
> tfoot {
|
||||||
|
> tr {
|
||||||
|
> th,
|
||||||
|
> td {
|
||||||
|
padding: 12px;
|
||||||
|
line-height: 1.2;
|
||||||
|
vertical-align: top;
|
||||||
|
border-top: 1px solid #333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Bottom align for column headings
|
||||||
|
> thead > tr > th {
|
||||||
|
vertical-align: bottom;
|
||||||
|
border-bottom: 2px solid #333;
|
||||||
|
}
|
||||||
|
// Remove top border from thead by default
|
||||||
|
> caption + thead,
|
||||||
|
> colgroup + thead,
|
||||||
|
> thead:first-child {
|
||||||
|
> tr:first-child {
|
||||||
|
> th,
|
||||||
|
> td {
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Account for multiple tbody instances
|
||||||
|
> tbody + tbody {
|
||||||
|
border-top: 2px solid #333;
|
||||||
|
}
|
||||||
|
}
|
||||||
24
_sass/_typography.scss
Normal file
24
_sass/_typography.scss
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
html {
|
||||||
|
font-size: $base-font-size;
|
||||||
|
}
|
||||||
|
|
||||||
|
abbr {
|
||||||
|
border-bottom: $abbr-border-bottom;
|
||||||
|
cursor: help;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: #333;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
small,
|
||||||
|
.small {
|
||||||
|
font-size: 0.707rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
position: relative;
|
||||||
|
vertical-align: middle;
|
||||||
|
top: -0.9ex;
|
||||||
|
}
|
||||||
134
_sass/_variables.scss
Normal file
134
_sass/_variables.scss
Normal file
@ -0,0 +1,134 @@
|
|||||||
|
// Typography
|
||||||
|
$base-font-size: 14px !default;
|
||||||
|
$bold-font-weight: bold !default;
|
||||||
|
$font-family: 'Merriweather', 'PT Serif', Georgia, 'Times New Roman', serif !default;
|
||||||
|
$line-height: 1.5 !default;
|
||||||
|
$heading-font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif !default;
|
||||||
|
$heading-font-weight: 900 !default;
|
||||||
|
$heading-line-height: 1.25 !default;
|
||||||
|
$monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
|
||||||
|
$h1: 1.5rem !default;
|
||||||
|
$h2: 1.5rem !default;
|
||||||
|
$h3: 1.25rem !default;
|
||||||
|
$h4: 1rem !default;
|
||||||
|
$h5: .875rem !default;
|
||||||
|
$h6: .75rem !default;
|
||||||
|
$h00: 4rem !default;
|
||||||
|
$h0: 3rem !default;
|
||||||
|
$h00-responsive: 8vw !default;
|
||||||
|
$h0-responsive: 6vw !default;
|
||||||
|
$h1-responsive: 4vw !default;
|
||||||
|
$h00-responsive-max: 7.68rem !default;
|
||||||
|
$h0-responsive-max: 5.76rem !default;
|
||||||
|
$h1-responsive-max: 3.84rem !default;
|
||||||
|
$abbr-border-bottom: 1px black dotted;
|
||||||
|
|
||||||
|
// Page width
|
||||||
|
$measure-width: 42rem !default;
|
||||||
|
|
||||||
|
// Viewport widths
|
||||||
|
$viewport-small: 32em;
|
||||||
|
$viewport-medium: 48em;
|
||||||
|
$viewport-large: 64em;
|
||||||
|
|
||||||
|
// Colors
|
||||||
|
$blue: #0076df !default;
|
||||||
|
$red: #f95020 !default;
|
||||||
|
$green: #00cf26 !default;
|
||||||
|
$yellow: #efcc00 !default;
|
||||||
|
$orange: #ffcc22 !default;
|
||||||
|
$purple: #f92080 !default;
|
||||||
|
$dark-blue: #00369f !default;
|
||||||
|
$green: #00ab37 !default;
|
||||||
|
$dark-green: #009f06 !default;
|
||||||
|
$light-pink: #ffdddd !default;
|
||||||
|
$light-green: #ddffdd !default;
|
||||||
|
$dark-gray: #444 !default;
|
||||||
|
$mid-gray: #777 !default;
|
||||||
|
$light-gray: #ccc !default;
|
||||||
|
$lighter-gray: #eee !default;
|
||||||
|
$darken-1: rgba(#000,.0625) !default;
|
||||||
|
$darken-2: rgba(#000,.125) !default;
|
||||||
|
$darken-3: rgba(#000,.25) !default;
|
||||||
|
$darken-4: rgba(#000,.5) !default;
|
||||||
|
|
||||||
|
// Links
|
||||||
|
$link-color: $blue;
|
||||||
|
$link-hover-color: darken($blue, 40%);
|
||||||
|
|
||||||
|
// Breakpoints
|
||||||
|
$breakpoint-md: '(min-width: 52em)';
|
||||||
|
$breakpoint-xl: '(min-width: 96em)';
|
||||||
|
|
||||||
|
// Whitespace
|
||||||
|
$space-1: .5rem !default;
|
||||||
|
$space-2: 1rem !default;
|
||||||
|
$space-3: 2rem !default;
|
||||||
|
$space-4: 4rem !default;
|
||||||
|
|
||||||
|
// Buttons
|
||||||
|
$button-font-size: inherit !default;
|
||||||
|
$button-font-weight: normal !default;
|
||||||
|
$button-line-height: 1.125rem !default;
|
||||||
|
$button-padding-y: .5rem !default;
|
||||||
|
$button-padding-x: 1rem !default;
|
||||||
|
$button-font-family: $heading-font-family;
|
||||||
|
|
||||||
|
// Forms
|
||||||
|
$form-field-font-size: 1rem !default;
|
||||||
|
$form-field-height: 2.25rem !default;
|
||||||
|
$form-field-padding-y: .5rem !default;
|
||||||
|
$form-field-padding-x: .5rem !default;
|
||||||
|
|
||||||
|
// Borders
|
||||||
|
$border-color: $light-gray !default;
|
||||||
|
$border-width: 1px !default;
|
||||||
|
$border-radius: 3px !default;
|
||||||
|
|
||||||
|
// Forms
|
||||||
|
$form-field-font-size: 1rem;
|
||||||
|
$form-field-height: 2.25rem;
|
||||||
|
$form-field-padding-y: .5rem;
|
||||||
|
$form-field-padding-x: .5rem;
|
||||||
|
|
||||||
|
// Code
|
||||||
|
$pre-border-radius: 0;
|
||||||
|
$pre-background-color: #fafafa;
|
||||||
|
$hljs-comment: $mid-gray;
|
||||||
|
$hljs-keyword: $dark-blue;
|
||||||
|
$hljs-name: $dark-gray;
|
||||||
|
$hljs-number: $dark-green;
|
||||||
|
$hljs-string: $red;
|
||||||
|
$hljs-title: $red;
|
||||||
|
$hljs-type: $dark-blue;
|
||||||
|
$hljs-tag: $dark-blue;
|
||||||
|
$hljs-attribute: $dark-green;
|
||||||
|
$hljs-regexp: $dark-green;
|
||||||
|
$hljs-symbol: $purple;
|
||||||
|
$hljs-built-in: $dark-blue;
|
||||||
|
$hljs-preprocessor: $mid-gray;
|
||||||
|
$hljs-deletion: $light-pink;
|
||||||
|
$hljs-addition: $light-green;
|
||||||
|
$hljs-change: $dark-blue;
|
||||||
|
$hljs-chunk: $light-gray;
|
||||||
|
|
||||||
|
// Header
|
||||||
|
$header-border-top: thin solid #f3f3f3;
|
||||||
|
$header-color: $dark-gray;
|
||||||
|
$header-bg-color: #fafafa;
|
||||||
|
$header-font-weight: 300;
|
||||||
|
|
||||||
|
// Nav
|
||||||
|
$nav-color: $mid-gray;
|
||||||
|
$nav-link-color: #444;
|
||||||
|
$nav-link-padding-x: $space-2;
|
||||||
|
$nav-link-border-bottom: 2px solid #444;
|
||||||
|
$nav-active-border-bottom: 1px solid $light-gray;
|
||||||
|
|
||||||
|
// Footer
|
||||||
|
$footer-border-top: thin solid #f3f3f3;
|
||||||
|
$footer-padding: $space-3;
|
||||||
|
$footer-color: #7a7a7a;
|
||||||
|
$footer-bg-color: #fafafa;
|
||||||
|
$footer-font-weight: 300;
|
||||||
|
$footer-font-size: .75rem;
|
||||||
29
_sass/basscss/_base-buttons.scss
Normal file
29
_sass/basscss/_base-buttons.scss
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
/* Basscss Base Buttons */
|
||||||
|
|
||||||
|
button,
|
||||||
|
.button {
|
||||||
|
font-family: $button-font-family;
|
||||||
|
font-size: $button-font-size;
|
||||||
|
font-weight: $button-font-weight;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
box-sizing: border-box;
|
||||||
|
line-height: $button-line-height;
|
||||||
|
padding: $button-padding-y $button-padding-x;
|
||||||
|
margin: 0;
|
||||||
|
height: auto;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
vertical-align: middle;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-moz-focus-inner {
|
||||||
|
border: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
}
|
||||||
57
_sass/basscss/_base-forms.scss
Normal file
57
_sass/basscss/_base-forms.scss
Normal file
@ -0,0 +1,57 @@
|
|||||||
|
/* Basscss Base Forms */
|
||||||
|
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea,
|
||||||
|
fieldset {
|
||||||
|
font-size: $form-field-font-size;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: $space-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=text],
|
||||||
|
input[type=datetime],
|
||||||
|
input[type=datetime-local],
|
||||||
|
input[type=email],
|
||||||
|
input[type=month],
|
||||||
|
input[type=number],
|
||||||
|
input[type=password],
|
||||||
|
input[type=search],
|
||||||
|
input[type=tel],
|
||||||
|
input[type=time],
|
||||||
|
input[type=url],
|
||||||
|
input[type=week] {
|
||||||
|
box-sizing: border-box;
|
||||||
|
height: $form-field-height;
|
||||||
|
padding: $form-field-padding-y $form-field-padding-x;
|
||||||
|
vertical-align: middle;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
select {
|
||||||
|
box-sizing: border-box;
|
||||||
|
line-height: 1.75;
|
||||||
|
padding: $form-field-padding-y $form-field-padding-x;
|
||||||
|
}
|
||||||
|
|
||||||
|
select:not([multiple]) {
|
||||||
|
height: $form-field-height;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
box-sizing: border-box;
|
||||||
|
line-height: 1.75;
|
||||||
|
padding: $form-field-padding-y $form-field-padding-x;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fieldset-reset {
|
||||||
|
padding: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fieldset-reset legend {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
20
_sass/basscss/_base-reset.scss
Normal file
20
_sass/basscss/_base-reset.scss
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
body,
|
||||||
|
button {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg {
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
101
_sass/basscss/_base-typography.scss
Normal file
101
_sass/basscss/_base-typography.scss
Normal file
@ -0,0 +1,101 @@
|
|||||||
|
/* Basscss Base Typography */
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: $font-family;
|
||||||
|
line-height: $line-height;
|
||||||
|
font-size: 88%;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
font-family: $heading-font-family;
|
||||||
|
font-weight: $heading-font-weight;
|
||||||
|
line-height: $heading-line-height;
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-bottom: .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
p,
|
||||||
|
dl,
|
||||||
|
ol,
|
||||||
|
ul {
|
||||||
|
font-size: $h5;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: $space-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol,
|
||||||
|
ul {
|
||||||
|
padding-left: $space-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre,
|
||||||
|
code,
|
||||||
|
samp {
|
||||||
|
font-family: $monospace-font-family;
|
||||||
|
font-size: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: $space-2;
|
||||||
|
overflow-x: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
margin-top: $space-3;
|
||||||
|
margin-bottom: $space-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
margin-top: $space-3;
|
||||||
|
margin-bottom: $space-3;
|
||||||
|
margin-left: 0;
|
||||||
|
padding-left: $space-2;
|
||||||
|
padding-right: $space-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote,
|
||||||
|
blockquote p {
|
||||||
|
font-size: $h3;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
.h1 {
|
||||||
|
font-size: $h1;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2,
|
||||||
|
.h2 {
|
||||||
|
font-size: $h2;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3,
|
||||||
|
.h3 {
|
||||||
|
font-size: $h3;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4,
|
||||||
|
.h4 {
|
||||||
|
font-size: $h4;
|
||||||
|
}
|
||||||
|
|
||||||
|
h5,
|
||||||
|
.h5 {
|
||||||
|
font-size: $h5;
|
||||||
|
}
|
||||||
|
|
||||||
|
h6,
|
||||||
|
.h6 {
|
||||||
|
font-size: $h6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-reset {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
27
_sass/basscss/_buttons-blue.scss
Normal file
27
_sass/basscss/_buttons-blue.scss
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
.button-blue {
|
||||||
|
color: white;
|
||||||
|
background-color: $blue;
|
||||||
|
border-radius: $border-radius;
|
||||||
|
transition-duration: .1s;
|
||||||
|
transition-timing-function: ease-out;
|
||||||
|
transition-property: box-shadow, background-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-blue:hover {
|
||||||
|
opacity: .875;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-blue:active,
|
||||||
|
.button-blue.is-active {
|
||||||
|
box-shadow: inset 0 0 0 32px rgba(#000,.125), inset 0 2px 3px 0 rgba(#000,.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-blue:focus {
|
||||||
|
outline: none;
|
||||||
|
box-shadow: 0 0 0 2px rgba(white, .5), 0 0 1px 4px rgba($blue, .5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-blue:disabled,
|
||||||
|
.button-blue.is-disabled {
|
||||||
|
opacity: .5;
|
||||||
|
}
|
||||||
28
_sass/basscss/_color-base.scss
Normal file
28
_sass/basscss/_color-base.scss
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
/* Basscss Color Base */
|
||||||
|
|
||||||
|
body {
|
||||||
|
color: $dark-gray;
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $blue;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre,
|
||||||
|
code {
|
||||||
|
background-color: $lighter-gray;
|
||||||
|
border-radius: $border-radius;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border: 0;
|
||||||
|
border-bottom-style: solid;
|
||||||
|
border-bottom-width: $border-width;
|
||||||
|
border-bottom-color: $border-color;
|
||||||
|
}
|
||||||
97
_sass/basscss/_colors.scss
Normal file
97
_sass/basscss/_colors.scss
Normal file
@ -0,0 +1,97 @@
|
|||||||
|
/* Basscss Colors */
|
||||||
|
|
||||||
|
.dark-gray {
|
||||||
|
color: $dark-gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.white {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blue {
|
||||||
|
color: $blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mid-gray {
|
||||||
|
color: $mid-gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.light-gray {
|
||||||
|
color: $light-gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lighter-gray {
|
||||||
|
color: $lighter-gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.red {
|
||||||
|
color: $red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.green {
|
||||||
|
color: $green;
|
||||||
|
}
|
||||||
|
|
||||||
|
.yellow {
|
||||||
|
color: $yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orange {
|
||||||
|
color: $orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-dark-gray {
|
||||||
|
background-color: $dark-gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-white {
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-blue {
|
||||||
|
background-color: $blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-mid-gray {
|
||||||
|
background-color: $mid-gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-light-gray {
|
||||||
|
background-color: $light-gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-lighter-gray {
|
||||||
|
background-color: $lighter-gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-red {
|
||||||
|
background-color: $red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-green {
|
||||||
|
background-color: $green;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-yellow {
|
||||||
|
background-color: $yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-orange {
|
||||||
|
background-color: $orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-darken-1 {
|
||||||
|
background-color: $darken-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-darken-2 {
|
||||||
|
background-color: $darken-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-darken-3 {
|
||||||
|
background-color: $darken-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-darken-4 {
|
||||||
|
background-color: $darken-4;
|
||||||
|
}
|
||||||
119
_sass/basscss/_syntax-highlighting.scss
Normal file
119
_sass/basscss/_syntax-highlighting.scss
Normal file
@ -0,0 +1,119 @@
|
|||||||
|
.highlight {
|
||||||
|
-webkit-text-size-adjust: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .c,
|
||||||
|
.highlight .cs,
|
||||||
|
.highlight .cm,
|
||||||
|
.highlight .cp,
|
||||||
|
.highlight .c1 {
|
||||||
|
color: $hljs-comment;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .k,
|
||||||
|
.highlight .kc,
|
||||||
|
.highlight .kd,
|
||||||
|
.highlight .kn,
|
||||||
|
.highlight .kr,
|
||||||
|
.highlight .kt,
|
||||||
|
.highlight .kp {
|
||||||
|
color: $hljs-keyword;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .na,
|
||||||
|
.highlight .nb,
|
||||||
|
.highlight .nc,
|
||||||
|
.highlight .no,
|
||||||
|
.highlight .nd,
|
||||||
|
.highlight .ni,
|
||||||
|
.highlight .ne,
|
||||||
|
.highlight .nf,
|
||||||
|
.highlight .nl,
|
||||||
|
.highlight .nn,
|
||||||
|
.highlight .nx {
|
||||||
|
color: $hljs-name;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .mi,
|
||||||
|
.highlight .il {
|
||||||
|
color: $hljs-number;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .s,
|
||||||
|
.highlight .sb,
|
||||||
|
.highlight .sc,
|
||||||
|
.highlight .sd,
|
||||||
|
.highlight .s2,
|
||||||
|
.highlight .s3,
|
||||||
|
.highlight .sh,
|
||||||
|
.highlight .si,
|
||||||
|
.highlight .sx,
|
||||||
|
.highlight .sr,
|
||||||
|
.highlight .ss,
|
||||||
|
.highlight .s1 {
|
||||||
|
color: $hljs-string;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-title,
|
||||||
|
.hljs-id,
|
||||||
|
.scss .hljs-preprocessor {
|
||||||
|
color: $hljs-title;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .k {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .nc,
|
||||||
|
.highlight .no {
|
||||||
|
color: $hljs-type;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .o {
|
||||||
|
color: $hljs-tag;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .nb {
|
||||||
|
color: $hljs-attribute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .sr {
|
||||||
|
color: $hljs-regexp;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight .ss {
|
||||||
|
color: $hljs-symbol;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-built_in {
|
||||||
|
color: $hljs-built-in;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-preprocessor,
|
||||||
|
.hljs-pragma,
|
||||||
|
.hljs-pi,
|
||||||
|
.hljs-doctype,
|
||||||
|
.hljs-shebang,
|
||||||
|
.hljs-cdata {
|
||||||
|
color: $hljs-preprocessor;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-deletion {
|
||||||
|
background: $hljs-deletion;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-addition {
|
||||||
|
background: $hljs-addition;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diff .hljs-change {
|
||||||
|
background: $hljs-change;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-chunk {
|
||||||
|
color: $hljs-chunk;
|
||||||
|
}
|
||||||
37
_sass/basscss/_utility-headings.scss
Normal file
37
_sass/basscss/_utility-headings.scss
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
/* Basscss Utility Headings */
|
||||||
|
|
||||||
|
.h00 {
|
||||||
|
font-size: $h00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h0 {
|
||||||
|
font-size: $h0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media #{$breakpoint-md} {
|
||||||
|
.h00-responsive {
|
||||||
|
font-size: $h00-responsive;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h0-responsive {
|
||||||
|
font-size: $h0-responsive;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h1-responsive {
|
||||||
|
font-size: $h1-responsive;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media #{$breakpoint-xl} {
|
||||||
|
.h00-responsive {
|
||||||
|
font-size: $h00-responsive-max;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h0-responsive {
|
||||||
|
font-size: $h0-responsive-max;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h1-responsive {
|
||||||
|
font-size: $h1-responsive-max;
|
||||||
|
}
|
||||||
|
}
|
||||||
38
_sass/basscss/_utility-typography.scss
Normal file
38
_sass/basscss/_utility-typography.scss
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
/* Basscss Utility Typography */
|
||||||
|
|
||||||
|
.bold {
|
||||||
|
font-weight: $bold-font-weight;
|
||||||
|
}
|
||||||
|
|
||||||
|
.regular {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.italic {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.caps {
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: .2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left-align {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-align {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.justify {
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nowrap {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
182
_sass/basscss/_utility-white-space.scss
Normal file
182
_sass/basscss/_utility-white-space.scss
Normal file
@ -0,0 +1,182 @@
|
|||||||
|
/* Basscss Utility White Space */
|
||||||
|
|
||||||
|
.m0 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt0 {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mr0 {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mb0 {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ml0 {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m1 {
|
||||||
|
margin: $space-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt1 {
|
||||||
|
margin-top: $space-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mr1 {
|
||||||
|
margin-right: $space-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mb1 {
|
||||||
|
margin-bottom: $space-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ml1 {
|
||||||
|
margin-left: $space-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m2 {
|
||||||
|
margin: $space-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt2 {
|
||||||
|
margin-top: $space-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mr2 {
|
||||||
|
margin-right: $space-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mb2 {
|
||||||
|
margin-bottom: $space-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ml2 {
|
||||||
|
margin-left: $space-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m3 {
|
||||||
|
margin: $space-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt3 {
|
||||||
|
margin-top: $space-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mr3 {
|
||||||
|
margin-right: $space-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mb3 {
|
||||||
|
margin-bottom: $space-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ml3 {
|
||||||
|
margin-left: $space-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m4 {
|
||||||
|
margin: $space-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt4 {
|
||||||
|
margin-top: $space-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mr4 {
|
||||||
|
margin-right: $space-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mb4 {
|
||||||
|
margin-bottom: $space-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ml4 {
|
||||||
|
margin-left: $space-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mxn1 {
|
||||||
|
margin-left: -$space-1;
|
||||||
|
margin-right: -$space-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mxn2 {
|
||||||
|
margin-left: -$space-2;
|
||||||
|
margin-right: -$space-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mxn3 {
|
||||||
|
margin-left: -$space-3;
|
||||||
|
margin-right: -$space-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mxn4 {
|
||||||
|
margin-left: -$space-4;
|
||||||
|
margin-right: -$space-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mx-auto {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p1 {
|
||||||
|
padding: $space-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.py1 {
|
||||||
|
padding-top: $space-1;
|
||||||
|
padding-bottom: $space-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.px1 {
|
||||||
|
padding-left: $space-1;
|
||||||
|
padding-right: $space-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p2 {
|
||||||
|
padding: $space-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.py2 {
|
||||||
|
padding-top: $space-2;
|
||||||
|
padding-bottom: $space-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.px2 {
|
||||||
|
padding-left: $space-2;
|
||||||
|
padding-right: $space-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p3 {
|
||||||
|
padding: $space-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.py3 {
|
||||||
|
padding-top: $space-2;
|
||||||
|
padding-bottom: $space-1 + $space-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.px3 {
|
||||||
|
padding-left: $space-3;
|
||||||
|
padding-right: $space-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p4 {
|
||||||
|
padding: $space-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.py4 {
|
||||||
|
padding-top: $space-4;
|
||||||
|
padding-bottom: $space-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.px4 {
|
||||||
|
padding-left: $space-4;
|
||||||
|
padding-right: $space-4;
|
||||||
|
}
|
||||||
94
about.md
Normal file
94
about.md
Normal file
@ -0,0 +1,94 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: About Mixyll
|
||||||
|
permalink: /about/
|
||||||
|
tags: about
|
||||||
|
---
|
||||||
|
|
||||||
|
This Jekyll theme was crafted with <3 by [John Otander](http://johnotander.com)
|
||||||
|
([@4lpine](https://twitter.com/4lpine)).
|
||||||
|
|
||||||
|
Checkout the [Github repository](https://github.com/saikiransripada/mixyll) to download it,
|
||||||
|
request a feature, report a bug, or contribute. It's free, and open source
|
||||||
|
([MIT](http://opensource.org/licenses/MIT)).
|
||||||
|
|
||||||
|
Thanks to the following:
|
||||||
|
|
||||||
|
* [BASSCSS](http://basscss.com)
|
||||||
|
* [Jekyll](http://jekyllrb.com)
|
||||||
|
* [Refills](http://refills.bourbon.io/)
|
||||||
|
* [Type Scale](http://type-scale.com/)
|
||||||
|
|
||||||
|
List of contributors:
|
||||||
|
|
||||||
|
- Aaron S. Hawley
|
||||||
|
- Adam Menges
|
||||||
|
- Alex Claman
|
||||||
|
- Alex Johnson
|
||||||
|
- Alex Touchet
|
||||||
|
- Allister Antosik
|
||||||
|
- Amin Bandali
|
||||||
|
- Anders Nissen
|
||||||
|
- Andrea Margiovanni
|
||||||
|
- Andreas Niedermair
|
||||||
|
- Andrzej Ośmiałowski
|
||||||
|
- Anuj More
|
||||||
|
- Arvind Chembarpu
|
||||||
|
- Assaf Gelber
|
||||||
|
- Barry vd. Heuvel
|
||||||
|
- Bartek Krzemień
|
||||||
|
- Benjamin Sinkula
|
||||||
|
- Bennett Rogers
|
||||||
|
- Brian Gaid
|
||||||
|
- Brian Hurst
|
||||||
|
- Chee Yeo
|
||||||
|
- Cody Chan
|
||||||
|
- Cristian Henrique
|
||||||
|
- David Ernst
|
||||||
|
- David Moodie
|
||||||
|
- Donate Altenburger
|
||||||
|
- Eddie Schoute
|
||||||
|
- Fernando Mantoan
|
||||||
|
- Gurchet Rai
|
||||||
|
- Harish Narayanan
|
||||||
|
- Jack Platten
|
||||||
|
- Jehan Tremback
|
||||||
|
- Jiaxi Gu (Isaac)
|
||||||
|
- John Otander
|
||||||
|
- Jordan Danielewski
|
||||||
|
- Josh Buxton
|
||||||
|
- Kirill Kulikov
|
||||||
|
- Kyle Maxwell
|
||||||
|
- Marta Sztybor
|
||||||
|
- Martin Wagner
|
||||||
|
- Matthew Graybosch
|
||||||
|
- Maxim Tsoy
|
||||||
|
- Mete Balci
|
||||||
|
- Mike Lloyd
|
||||||
|
- Mikhail Grachev
|
||||||
|
- mindwind
|
||||||
|
- Nick Rakochy
|
||||||
|
- Nikolay Georgiev
|
||||||
|
- Noel Bautista
|
||||||
|
- Oliver Hamlet
|
||||||
|
- Onur (e0i)
|
||||||
|
- Praveer Gupta
|
||||||
|
- Rassol (Karmeye)
|
||||||
|
- Renato Fialho
|
||||||
|
- Ricky Han
|
||||||
|
- Roberto Pesando
|
||||||
|
- Ryan Jacobs
|
||||||
|
- Scott Martin
|
||||||
|
- Selim Eren Bekçe
|
||||||
|
- Shruti Rijhwani
|
||||||
|
- Steef Hegeman
|
||||||
|
- Tehmasp Chaudhri
|
||||||
|
- Thomas Galvin
|
||||||
|
- Timothy Gu
|
||||||
|
- Tom Kraak
|
||||||
|
- Vishnu Ks
|
||||||
|
- Vladislav Arbatov
|
||||||
|
- Wilfred Hughes
|
||||||
|
- Yaroslav Yadrishnikov
|
||||||
|
- Yee Chie Tu
|
||||||
|
- Yeou Chien
|
||||||
23
appveyor.yml
Normal file
23
appveyor.yml
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
# appveyor.yml
|
||||||
|
|
||||||
|
environment:
|
||||||
|
RUBY_VERSION: 25
|
||||||
|
|
||||||
|
platform:
|
||||||
|
- x64
|
||||||
|
|
||||||
|
install:
|
||||||
|
- set PATH=C:\Ruby%RUBY_VERSION%\bin;%PATH%
|
||||||
|
- bundle install
|
||||||
|
|
||||||
|
before_build:
|
||||||
|
- ruby -v
|
||||||
|
- gem -v
|
||||||
|
- rake --version
|
||||||
|
- bundle -v
|
||||||
|
- bundle exec jekyll -v
|
||||||
|
|
||||||
|
build_script:
|
||||||
|
- bundle exec jekyll build
|
||||||
|
- rake 'draft[Hello\, world]'
|
||||||
|
- rake undraft[hello-world.md]
|
||||||
47
contact.html
Normal file
47
contact.html
Normal file
@ -0,0 +1,47 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: Say Hello
|
||||||
|
permalink: /contact/
|
||||||
|
tags: contact
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="py2">
|
||||||
|
{% if site.ajaxify_contact_form %}
|
||||||
|
<form class="form-stacked">
|
||||||
|
<label>
|
||||||
|
Email
|
||||||
|
<input type="text" name="email" class="field-light" placeholder="{{ site.text.contact.email | default: "Email Address" }}">
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<label>
|
||||||
|
Content
|
||||||
|
<textarea type="text" name="content" class="field-light" rows="5" placeholder="{{ site.text.contact.content | default: "What would you like to say?" }}" style="resize: vertical"></textarea>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<input type="text" name="_gotcha" style="display:none" />
|
||||||
|
|
||||||
|
<button type='submit' class="button button-blue button-big mobile-block">{{ site.text.contact.submit | default: "Say Hello" }}</button>
|
||||||
|
</form>
|
||||||
|
{% else %}
|
||||||
|
<form action="https://formspree.io/{{ site.email }}" method="POST" class="form-stacked">
|
||||||
|
<label>
|
||||||
|
Email
|
||||||
|
<input type="text" name="email" class="field-light" placeholder="{{ site.text.contact.email | default: "Email Address" }}">
|
||||||
|
</label>
|
||||||
|
<label>
|
||||||
|
Content
|
||||||
|
<textarea type="text" name="content" class="field-light" rows="5" placeholder="{{ site.text.contact.content | default: "What would you like to say?" }}" style="resize: vertical"></textarea>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<input type="hidden" name="_next" value="{{ site.baseurl }}/thanks/" />
|
||||||
|
<input type="hidden" name="_subject" value="{{ site.text.contact.subject | default: "New submission!" }}" />
|
||||||
|
<input type="text" name="_gotcha" style="display:none" />
|
||||||
|
|
||||||
|
<input type="submit" class="button button-blue button-big mobile-block" value="{{ site.text.contact.submit | default: "Say Hello" }}">
|
||||||
|
</form>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% if site.ajaxify_contact_form %}
|
||||||
|
{% include ajaxify_content_form.html %}
|
||||||
|
{% endif %}
|
||||||
28
css/style.scss
Normal file
28
css/style.scss
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
---
|
||||||
|
# The scss file which include files from _sass/
|
||||||
|
---
|
||||||
|
@charset "UTF-8";
|
||||||
|
|
||||||
|
@import 'variables';
|
||||||
|
|
||||||
|
@import 'basscss';
|
||||||
|
|
||||||
|
@import 'base';
|
||||||
|
|
||||||
|
@import 'links';
|
||||||
|
@import 'positions';
|
||||||
|
@import 'clearfix';
|
||||||
|
@import 'code';
|
||||||
|
@import 'forms';
|
||||||
|
@import 'typography';
|
||||||
|
@import 'header';
|
||||||
|
@import 'tables';
|
||||||
|
@import 'animations';
|
||||||
|
@import 'footer';
|
||||||
|
@import 'social-icons';
|
||||||
|
@import 'blockquotes';
|
||||||
|
@import 'posts';
|
||||||
|
@import 'media-queries';
|
||||||
|
@import 'gists';
|
||||||
|
@import 'measure';
|
||||||
|
@import 'pagination';
|
||||||
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
35
fb-instant-articles.xml
Normal file
35
fb-instant-articles.xml
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
---
|
||||||
|
layout: null
|
||||||
|
---
|
||||||
|
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/">
|
||||||
|
<channel>
|
||||||
|
<title>{{ site.name | xml_escape }}</title>
|
||||||
|
<link>{{ site.url }}</link>
|
||||||
|
<description>
|
||||||
|
{% if site.description %}{{ site.description | xml_escape }}{% endif %}
|
||||||
|
</description>
|
||||||
|
{% for post in site.posts %}
|
||||||
|
{% unless post.link %}
|
||||||
|
<item>
|
||||||
|
<title>{{ post.title | xml_escape }}</title>
|
||||||
|
<link>{{ site.url }}{{ post.url }}</link>
|
||||||
|
<content:encoded>
|
||||||
|
<![CDATA[
|
||||||
|
{{ post.content }}
|
||||||
|
]]>
|
||||||
|
</content:encoded>
|
||||||
|
<guid isPermaLink="false">{{ post.url }}</guid>
|
||||||
|
<description>
|
||||||
|
{% if post.summary %}
|
||||||
|
{{ post.summary | xml_escape }}
|
||||||
|
{% endif %}
|
||||||
|
</description>
|
||||||
|
<pubDate>{{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }}</pubDate>
|
||||||
|
<author>{{ site.author }}</author>
|
||||||
|
</item>
|
||||||
|
{% endunless %}
|
||||||
|
{% endfor %}
|
||||||
|
</channel>
|
||||||
|
</rss>
|
||||||
21
feed.xml
Normal file
21
feed.xml
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
---
|
||||||
|
layout: null
|
||||||
|
---
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
|
<channel>
|
||||||
|
<title>{{ site.title | xml_escape }}</title>
|
||||||
|
<description>{{ site.description | xml_escape }}</description>
|
||||||
|
<link>{{ site.url }}{{ site.baseurl }}/</link>
|
||||||
|
<atom:link href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" rel="self" type="application/rss+xml" />
|
||||||
|
{% for post in site.posts limit:10 %}
|
||||||
|
<item>
|
||||||
|
<title>{{ post.title | xml_escape }}</title>
|
||||||
|
<description>{{ post.content | xml_escape }}</description>
|
||||||
|
<pubDate>{{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }}</pubDate>
|
||||||
|
<link>{{ post.url | prepend: site.baseurl | prepend: site.url }}</link>
|
||||||
|
<guid isPermaLink="true">{{ post.url | prepend: site.baseurl | prepend: site.url }}</guid>
|
||||||
|
</item>
|
||||||
|
{% endfor %}
|
||||||
|
</channel>
|
||||||
|
</rss>
|
||||||
34
index.html
Normal file
34
index.html
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
---
|
||||||
|
layout: default
|
||||||
|
---
|
||||||
|
{% assign posts_count = paginator.posts | size %}
|
||||||
|
|
||||||
|
<div class="home">
|
||||||
|
{% if posts_count > 0 %}
|
||||||
|
<div class="posts">
|
||||||
|
{% for post in paginator.posts %}
|
||||||
|
<div class="post py3">
|
||||||
|
<p class="post-meta">
|
||||||
|
{% if site.date_format %}
|
||||||
|
{{ post.date | date: site.date_format }}
|
||||||
|
{% else %}
|
||||||
|
{{ post.date | date: "%b %-d, %Y" }}
|
||||||
|
{% endif %}
|
||||||
|
</p>
|
||||||
|
<a href="{{ post.url | relative_url }}" class="post-link"><h3 class="h1 post-title">{{ post.title }}</h3></a>
|
||||||
|
<span class="post-summary">
|
||||||
|
{% if post.summary %}
|
||||||
|
{{ post.summary }}
|
||||||
|
{% else %}
|
||||||
|
{{ post.excerpt }}
|
||||||
|
{% endif %}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% include pagination.html %}
|
||||||
|
{% else %}
|
||||||
|
<h1 class='center'>{{ site.text.index.coming_soon }}</h1>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
54
sw.js
Normal file
54
sw.js
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
---
|
||||||
|
layout: null
|
||||||
|
---
|
||||||
|
var CACHE_NAME = "saikiransripada-{{site.time | date: '%Y%m%d%H%M%S'}}";
|
||||||
|
|
||||||
|
self.addEventListener("install", function(e) {
|
||||||
|
e.waitUntil(
|
||||||
|
caches.open(CACHE_NAME).then(function(cache) {
|
||||||
|
return cache.addAll([
|
||||||
|
"{{ '/css/style.css' | relative_url }}?{{ site.time | date: '%Y%m%d%H%M' }}",
|
||||||
|
"{{ '/' | relative_url }}"
|
||||||
|
]);
|
||||||
|
})
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
self.addEventListener("activate", function(e) {
|
||||||
|
e.waitUntil(
|
||||||
|
caches.keys().then(function(names) {
|
||||||
|
return Promise.all(
|
||||||
|
names.map(function(name) {
|
||||||
|
if (name != CACHE_NAME) {
|
||||||
|
return caches.delete(name);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
);
|
||||||
|
})
|
||||||
|
);
|
||||||
|
return clients.claim();
|
||||||
|
});
|
||||||
|
|
||||||
|
addEventListener("fetch", function(e) {
|
||||||
|
e.respondWith(
|
||||||
|
caches.match(e.request).then(function(response) {
|
||||||
|
return response || fetch(e.request).then(function(response) {
|
||||||
|
var clonedResponse = response.clone();
|
||||||
|
var hosts = [
|
||||||
|
"https://fonts.googleapis.com",
|
||||||
|
"https://fonts.gstatic.com",
|
||||||
|
"https://maxcdn.bootstrapcdn.com",
|
||||||
|
"https://cdnjs.cloudflare.com"
|
||||||
|
];
|
||||||
|
hosts.map(function(host) {
|
||||||
|
if (e.request.url.indexOf(host) === 0) {
|
||||||
|
caches.open(CACHE_NAME).then(function(cache) {
|
||||||
|
cache.put(e.request, clonedResponse);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return response;
|
||||||
|
});
|
||||||
|
})
|
||||||
|
);
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue
Block a user