Repository: artemsheludko/galada
Branch: master
Commit: 73ab009d1aa0
Files: 53
Total size: 113.9 KB
Directory structure:
gitextract_ta4vvcsw/
├── .gitignore
├── 404.html
├── Gemfile
├── LICENSE.txt
├── README.md
├── _config.yml
├── _includes/
│ ├── disqus-comments.html
│ ├── footer.html
│ ├── google-analytics.html
│ ├── head.html
│ ├── header.html
│ ├── javascripts.html
│ ├── loader.html
│ ├── main.scss
│ ├── pagination.html
│ └── sidebar.html
├── _layouts/
│ ├── default.html
│ ├── page.html
│ └── post.html
├── _pages/
│ ├── about.md
│ └── styleguide.md
├── _posts/
│ ├── 2018-05-29-welcome-to-jekyll.markdown
│ ├── 2018-08-23-abstraction-as-art.markdown
│ ├── 2018-08-23-flower-care-guide.markdown
│ ├── 2018-08-23-how-to-plan-a-camping-trip.markdown
│ ├── 2018-08-23-night-city-lights.markdown
│ ├── 2018-08-23-premiere-on-broadway.markdown
│ ├── 2018-08-23-the-most-popular-mistakes.markdown
│ └── 2018-08-23-the-path-to-self-perfection.markdown
├── _sass/
│ ├── 0-settings/
│ │ ├── _colors.scss
│ │ └── _global.scss
│ ├── 1-tools/
│ │ ├── _grid.scss
│ │ ├── _mixins.scss
│ │ ├── _normalize.scss
│ │ ├── _reset.scss
│ │ ├── _shared.scss
│ │ └── _syntax-highlighting.scss
│ ├── 2-base/
│ │ └── _base.scss
│ ├── 3-modules/
│ │ ├── _buttons.scss
│ │ ├── _footer.scss
│ │ ├── _loader.scss
│ │ ├── _pagination.scss
│ │ └── _sidebar.scss
│ ├── 4-layouts/
│ │ ├── _home.scss
│ │ ├── _page.scss
│ │ ├── _post.scss
│ │ └── _tags.scss
│ └── 5-trumps/
│ └── _helpers.scss
├── index.html
├── js/
│ ├── common.js
│ └── jquery.fitvids.js
├── search.json
└── tags.html
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
_site
.sass-cache
.jekyll-metadata
*.DS_Store
================================================
FILE: 404.html
================================================
---
layout: page
title: Page not found
image: 04.jpg
permalink: /404.html
---
<div class="container">
<div class="row">
<div class="col col-12" style="text-align: center">
<h2>404</h2>
<p>The requested page could not be found.</p>
<p><a href="{{site.baseurl}}/">Back to the bLog</a></p>
</div>
</div>
</div>
================================================
FILE: Gemfile
================================================
source "https://rubygems.org"
gem "bundler"
gem "jekyll", ">= 3.8.4"
gem "jekyll-paginate"
gem "jekyll-sitemap"
# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
gem "tzinfo-data", platforms: [:mingw, :mswin, :x64_mingw, :jruby]
# Performance-booster for watching directories on Windows
gem "wdm", "~> 0.1.0" if Gem.win_platform?
================================================
FILE: LICENSE.txt
================================================
The MIT License
Copyright (c) 2018 Artem Sheludko
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.
================================================
FILE: README.md
================================================
Galada - Easy & Simple Theme for Personal Blog
======
Galada is an easy and simple theme for Jekyll. Dark colors, give it a special exquisite look. A careful approach to design and features make it an ideal solution for a personal blog.
* * *
Table of Contents
-----------------
* [Features](#features)
* [Demo](#demo)
* [Deployment](#deployment)
* [Posts](#posts)
* [Disqus Comments](#DisqusComments)
* [Instagram](#instagram)
* [Google Analytics](#GoogleAnalytics)
* [Update favicon](#UpdateFavicon)
* [Credits](#Credits)
* [Support](#Support)
* * *
### Features
* 100% responsive and clean theme
* Optimized for mobile devices
* Minimal design
* Valid HTML5 code
* Post sharing
* Subscription form
* Supports Disqus Comments
* Instagram Feed
* Ionicons Icons
* Google Fonts
* * *
### Demo
Check the theme in action [Demo](https://artemsheludko.github.io/galada/)
The post page would look like this:
* * *
### Deployment
To run the theme locally, navigate to the theme directory and run `bundle install` to install the dependencies, then run `jekyll serve` or `bundle exec jekyll serve` to start the Jekyll server.
I would recommend checking the [Deployment Methods](https://jekyllrb.com/docs/deployment-methods/) page on Jekyll website.
* * *
### Posts
To create a new post, you can create a new markdown file inside the \_posts directory by following the [recommended file structure](https://jekyllrb.com/docs/posts/#creating-post-files).
---
layout: post
title: Premiere on Broadway
date: 2018-08-23 16:04:00 +0300
image: 03.jpg
tags: [Rest]
---
You can set the tags and the post image.
Add post images to **/img/** directory.
For tags, try to not add space between two words, for example, `Ruby on Rails`, could be something like (`ruby-on-rails`, `Ruby_on_Rails`, or `Ruby-on-Rails`).
* * *
### Disqus Comments
Galada Theme comes with Disqus comments enabled.
Open `_config.yml` file, and change the `mr-brown` value on line 26 with your [Disqus account shortname](https://help.disqus.com/customer/portal/articles/466208).
Comment Section (Disqus)
disqus-identifier: mr-brown \# Add your shortname for Disqus Comment. For example mr-brown
That’s all you need to setup Disqus from the theme side. If you get any issue regarding that comments are unable to load. First, make sure you have [registered your website with Disqus (Step 1)](https://help.disqus.com/customer/portal/articles/466182-publisher-quick-start-guide).
And also check [Disqus troubleshooting guide](https://help.disqus.com/customer/portal/articles/472007-i-m-receiving-the-message-%22we-were-unable-to-load-disqus-%22) if you still have issues.
* * *
### Instagram
The Instagram feed is working using [Instafeed.js](http://instafeedjs.com/) to show the photos.
First, you will need to get your account `userId` and `accessToken` from the following URLs:
* userId: [smashballoon.com/instagram-feed/find-instagram-user-id](https://smashballoon.com/instagram-feed/find-instagram-user-id/)
* accessToken: [instagram.pixelunion.net](http://instagram.pixelunion.net/)
Second, open the `js/common.js` file and replace the `userId` and `accessToken` values.
var instagramFeed = new Instafeed({
get: 'user',
limit: 6,
resolution: 'standard_resolution',
userId: '8987997106',
accessToken: '8987997106.924f677.8555ecbd52584f41b9b22ec1a16dafb9',
template: ''
});
Third, open the `_config.yml` file and replace the `instafeed: false` on `instafeed: true` value.
\# Instagram Feed
instafeed: false \# To enable the instafeed, use the value true. To turn off use the value false.
* * *
### Google Analytics
To integrate Google Analytics, open `_config.yml`, and add your Google Analytics identifier.
\# Google Analytics
google-analytics: \# Add your identifier. For example UA-99631805-1
* * *
### Update favicon
You can find the current favicon (favicon.ico) inside the theme root directory, just replace it with your new favicon.
* * *
### Credits
I have used the following scripts, fonts or other files as listed.
* [Google Fonts](https://fonts.google.com/specimen/Nunito) (Nunito, Sans Serif).
* [Ionicons Icons](https://ionicons.com/)
* [FitVids.js](http://fitvidsjs.com/)
* [Instafeed.js](http://instafeedjs.com/)
* [jQuery.com](https://jquery.com/)
* [Wait For Images](https://github.com/alexanderdickson/waitForImages)
* Preview Images form [unsplash.com](https://unsplash.com/), [pexels.com](https://www.pexels.com/)
* * *
### License
Mit License
* * *
### Premium Themes by Artem
| [](https://jekyllthemes.io/theme/coderon-blog-jekyll-theme) | [](https://jekyllthemes.io/theme/renva-portfolio-jekyll-theme) | [](https://jekyllthemes.io/theme/nomod-blog-jekyll-theme) |
|:---:|:---:|:---:|
| **Coderon** | **Renva** | **Nomod** |
================================================
FILE: _config.yml
================================================
#-------------------------------
# General Site Settings
title: Galada Theme | Theme for Jekyll
description: Galada is an easy and simple theme for Jekyll. Dark colors, give it a special exquisite look. A careful approach to design and features make it an ideal solution for a personal blog. # this means to ignore newlines until "baseurl:"
baseurl: "/galada" # the subpath of your site, e.g. /blog
url: "" # the base hostname & protocol for your site, e.g. http://example.com
#-------------------------------
# About Section
author-name: Natali Anderson
author-avatar: 09.jpg
#-------------------------------
# Contact links
facebook: https://facebook.com/ # Add your Facebook handle
twitter: https://twitter.com/ # Add your Facebook handle
instagram: https://www.instagram.com/ # Add your Facebook handle
pinterest: https://www.pinterest.com/ # Add your Facebook handle
#-------------------------------
# Comment Section (Disqus)
disqus-identifier: mr-brown # Add your shortname for Disqus Comment. For example mr-brown
#-------------------------------
# Instagram Feed
instafeed: true # To enable the instafeed, use the value true. To turn off use the value false.
#-------------------------------
# Google Analytics
google-analytics: # Add your identifier. For example UA-99631805-1.
#-------------------------------
# Newsletter
mailchimp: # Add your MailChimp form identifier. For example - blogenjoyfreedom.us16.list-manage.com/subscribe/post?u=cd56155d76ddeeb4c0bc4d080&id=7a526cd13e
#-------------------------------
# Build settings
markdown: kramdown
permalink: ':title/'
plugins:
- jekyll-paginate
- jekyll-sitemap
paginate: 7
paginate_path: "/page/:num"
include:
- _pages
sass:
sass_dir: _sass
style: compressed
#-------------------------------
# Exclude from processing.
# exclude:
# - Gemfile
# - Gemfile.lock
# - node_modules
# - vendor/bundle/
# - vendor/cache/
# - vendor/gems/
# - vendor/ruby/
================================================
FILE: _includes/disqus-comments.html
================================================
<div class="comments">
<div id="disqus_thread" class="article-comments"></div>
<script>
(function () {
var d = document, s = d.createElement('script');
s.src = '//{{ site.disqus-identifier }}.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the
<a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a>
</noscript>
</div> <!-- /.comments -->
================================================
FILE: _includes/footer.html
================================================
<footer class="footer">
<div class="container">
<div class="row">
<div class="col col-12">
<div class="footer-top">
<h2 class="logo-title">
<a href="{{site.baseurl}}/" class="logo-text">Galada</a>
</h2>
<div class="top"><i class="ion ion-ios-arrow-up"></i></div>
</div>
<div class="footer-bottom">
<div class="copyright">
<p>© {{site.time | date: '%Y'}} Crafted & Designed by <a href="https://github.com/artemsheludko">Artem Sheludko</a></p>
</div>
<div class="footer-social">
<ul class="list-reset">
{% if site.facebook %}
<li><a href="{{ site.facebook }}">Facebook</a></li>
{% else %} {% endif %}
{% if site.twitter %}
<li><a href="{{ site.twitter }}">Twitter</a></li>
{% else %} {% endif %}
{% if site.instagram %}
<li><a href="{{ site.instagram }}">Instagram</a></li>
{% else %} {% endif %}
{% if site.pinterest %}
<li><a href="{{ site.pinterest }}">Pinterest</a></li>
{% else %} {% endif %}
</ul>
</div>
</div>
</div>
</div>
</div>
</footer> <!-- /.footer -->
================================================
FILE: _includes/google-analytics.html
================================================
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', '{{ site.google-analytics }}', 'auto');
ga('send', 'pageview');
</script>
================================================
FILE: _includes/head.html
================================================
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<meta name='description' content='{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}'>
<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
<!-- Ionicons -->
<link href="https://unpkg.com/ionicons@4.2.2/dist/css/ionicons.min.css" rel="stylesheet">
<style>
{% capture include_to_scssify %}
{% include main.scss %}
{% endcapture %}
{{ include_to_scssify | scssify }}
</style>
</head>
================================================
FILE: _includes/header.html
================================================
<header class="header">
<div class="container">
<div class="row">
<div class="col col-12">
<div class="header-box">
<div class="logo-title">
<a href="{{site.baseurl}}/" class="logo-text">Galada</a>
</div>
<nav class="nav-menu">
<i class="menu-close ion ion-ios-close"></i>
<ul class="menu-list">
<li class="menu-item"><a href="{{site.baseurl}}/" class="menu-link">Home</a></li>
{% for page in site.pages %}
{% unless page.name == 'tags.html' or page.name == '404.html' %}
{% if page.title %}
<li class="menu-item"><a href="{{ page.url | prepend: site.baseurl }}" class="menu-link">{{ page.title }}</a></li>
{% endif %}
{% endunless %}
{% endfor %}
</ul>
</nav>
<div class="nav-buttons">
<i class="menu-button d-hide ion ion-ios-menu"></i>
<i class="search-button ion ion-ios-search"></i>
</div>
</div>
</div>
</div>
</div>
<div class="search">
<div class="search-box">
<i class="search-close-button ion ion-ios-close"></i>
<label for="js-search-input" class="screen-reader-text"></label>
<input type="text" id="js-search-input" class="search-text" autocomplete="off" placeholder="Search Something...">
<ol id="js-results-container" class="search-results-list"></ol>
</div>
</div>
</header> <!-- /.header -->
================================================
FILE: _includes/javascripts.html
================================================
<script src="{{ site.baseurl }}/js/jquery-3.3.1.min.js"></script>
<script src="{{ site.baseurl }}/js/simple-jekyll-search.min.js"></script>
<script>
SimpleJekyllSearch({
searchInput: document.getElementById("js-search-input"),
resultsContainer: document.getElementById("js-results-container"),
json: "{{site.baseurl}}/search.json",
searchResultTemplate:
'<li class="search-item"><a class="search-link" href="{url}">{title}</a></li>',
noResultsText: '<li class="search-no-item">No results found</li>'
});
</script>
<script src="{{ site.baseurl }}/js/instafeed.min.js"></script>
<script src="{{ site.baseurl }}/js/jquery.waitforimages.min.js"></script>
<script src="{{ site.baseurl }}/js/jquery.fitvids.js"></script>
<script src="{{ site.baseurl }}/js/common.js"></script>
================================================
FILE: _includes/loader.html
================================================
<div class="preloader">
<div class="loader">
<span>Loading</span>
</div>
</div> <!-- /.loader -->
================================================
FILE: _includes/main.scss
================================================
// 0-SETTINGS
@import '0-settings/global';
@import '0-settings/colors';
// 1-TOOLS
@import '1-tools/normalize';
@import '1-tools/reset';
@import '1-tools/shared';
@import '1-tools/syntax-highlighting';
@import '1-tools/mixins';
@import '1-tools/grid';
// 2-BASE
@import '2-base/base';
// 3-MODULES
@import '3-modules/loader';
@import '3-modules/buttons';
@import '3-modules/sidebar';
@import '3-modules/pagination';
@import '3-modules/footer';
// 4-LAYOUTS
@import '4-layouts/home';
@import '4-layouts/post';
@import '4-layouts/page';
@import '4-layouts/tags';
// 5-TRUMPS
@import '5-trumps/helpers';
================================================
FILE: _includes/pagination.html
================================================
<div class="row">
<div class="col col-12">
<div class="pagination">
<ul class="pagination-list list-reset">
{% if paginator.previous_page %} {% if paginator.previous_page == 1 %}
<li class="previous-posts">
<a class="previous-link" href="{{ site.baseurl }}/">
<i class="ion ion-ios-arrow-back"></i> Previous posts</a>
</li>
{% else %}
<li class="newer-posts">
<a class="newer-link" href="{{ site.baseurl }}/page/{{ paginator.previous_page }}/">
<i class="ion ion-ios-arrow-back"></i> Previous posts</a>
</li>
{% endif %} {% endif %}
{% if paginator.next_page %}
<li class="older-posts">
<a class="older-link" href="{{ site.baseurl }}/page/{{ paginator.next_page }}/">Older posts
<i class="ion ion-ios-arrow-forward"></i>
</a>
</li>
{% endif %}
</ul>
</div> <!-- /.pagination -->
</div>
</div>
================================================
FILE: _includes/sidebar.html
================================================
<aside class="sidebar">
{% if page.id %}
<div class="widget widget-recent">
<h3 class="widget-title">Recent Posts</h3>
{% for post in site.posts limit:4 %}
<div class="recent-posts">
{% if post.image %}
<div class="recent-header">
<a class="recent-image" href="{{ root_url }}{{ post.url | prepend: site.baseurl }}" style="background-image: url({{"/img/" | prepend: site.baseurl | append: post.image}})"></a>
</div>
{% else %}
{% endif %}
<div class="recent-content">
<h6 class="recent-title"><a href="{{ root_url }}{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h6>
<div class="recent-date">
<time datetime="{{ post.date | date_to_xmlschema }}">{{post.date | date: "%B %-d, %Y"}}</time>
</div>
</div>
</div>
{% endfor %}
</div>
{% else %}
{% endif %}
<div class="widget widget-social">
<h3 class="widget-title">Subscribe & Follow</h3>
<ul class="social-profiles list-reset">
{% if site.facebook %}
<li class="social-profiles-item">
<a href="{{ site.facebook }}" class="social-profiles-link"><i class="ion ion-logo-facebook"></i></a>
</li>
{% else %} {% endif %}
{% if site.twitter %}
<li class="social-profiles-item">
<a href="{{ site.twitter }}" class="social-profiles-link"><i class="ion ion-logo-twitter"></i></a>
</li>
{% else %} {% endif %}
{% if site.instagram %}
<li class="social-profiles-item">
<a href="{{ site.instagram }}" class="social-profiles-link"><i class="ion ion-logo-instagram"></i></a>
</li>
{% else %} {% endif %}
{% if site.pinterest %}
<li class="social-profiles-item">
<a href="{{ site.pinterest }}" class="social-profiles-link"><i class="ion ion-logo-pinterest"></i></a>
</li>
{% else %} {% endif %}
</ul>
</div>
<div class="widget widget-newsletter">
<h3 class="widget-title">Newsletter</h3>
<div class="newsletter-subtitle">Get Interesting News</div>
<div class="newsletter-text">Receive the latest news via email.</div>
<form class="c-newsletter-form validate" action="{% if site.mailchimp %}//{{site.mailchimp}}{% else %}#{% endif %}" method="POST"
id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate>
<div class="newsletter-group">
<div class="newsletter-group-top">
<label class="screen-reader-text" for="mce-EMAIL">Email address</label>
<i class="email-icon ion ion-ios-mail"></i>
<input class="newsletter-email required email" id="mce-EMAIL" type="text" name="EMAIL" placeholder="E-mail">
</div>
<input class="newsletter-button" id="mc-embedded-subscribe" type="submit" name="subscribe" value="Subscribe">
</div>
</form>
</div>
{% if site.instafeed == true %}
<div class="widget widget-instagram">
<h3 class="widget-title">Instagram</h3>
<div class="instagram-box">
<ul id="instafeed" class="instagram-grid list-reset clearfix"></ul>
<a class="instagram-prof" href="#">@UserName</a>
</div>
</div>
{% endif %}
<div class="widget widget-tags">
<h3 class="widget-title">Tag Cloud</h3>
{% capture site_tags %}{% for tag in site.tags %}{{ tag | first }}{% unless forloop.last %},{% endunless %}{% endfor %}{%
endcapture %} {% assign tag_words = site_tags | split:',' | sort %}
<ul class="tag-list list-reset">
{% for item in (0..site.tags.size) %}{% unless forloop.last %}
{% capture this_word %}{{ tag_words[item] | strip_newlines }}{% endcapture %}
<li class="tag-item"><a href="{{ site.baseurl }}/tags#{{ this_word | cgi_escape }}" class="tag">{{ this_word }}</a></li>
{% endunless %}
{% endfor %}
</ul>
</div>
</aside> <!-- /.sidebar -->
================================================
FILE: _layouts/default.html
================================================
<!DOCTYPE html>
<html lang="en">
{% include head.html %}
<body>
{% if site.google-analytics %}
{% include google-analytics.html %}
{% endif %}
{% include loader.html %}
{% include header.html %}
{{ content }}
{% include footer.html %}
{% include javascripts.html %}
</body>
</html>
================================================
FILE: _layouts/page.html
================================================
---
layout: default
---
<div class="container">
<div class="row">
<div class="col col-12">
<div class="page-image-box">
<div class="page-image" style="background-image: url({{"/img/" | prepend: site.baseurl | append : page.image}})"></div>
</div>
</div>
<article class="col col-12 col-t-10 push-t-1 page">
<div class="page-content">
<div class="page-head">
<h1 class="page-title">{{ page.title | escape }}</h1>
</div>
<div class="page-body">
{{ content }}
</div>
</div>
</article> <!-- /.page -->
</div>
</div>
================================================
FILE: _layouts/post.html
================================================
---
layout: default
---
<div class="container">
<div class="row">
<div class="col col-12">
<div class="post-image-box">
<div class="post-image" style="background-image: url({{"/img/" | prepend: site.baseurl | append : page.image}})"></div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<article class="col col-12 col-t-8 post">
<div class="post-content">
<div class="post-head">
{% if page.tags.size >= 1 %}
<div class="post-tag">
{% for tag in page.tags %}
<a href="{{ site.baseurl }}/tags#{{tag}}" class="tag">{{ tag }}</a>
{% endfor %}
</div>
{% endif %}
<h1 class="post-title">{{ page.title | escape }}</h1>
<div class="post-info">
<div class="post-info-author">
<div class="info-author-avatar" style="background-image: url({{"/img/" | prepend: site.baseurl | append : site.author-avatar}})"></div>
<span>by</span>
<span class="info-author-name">{{site.author-name}}</span>
</div>
<div class="post-date">
<span>
<time datetime="{{ page.date | date_to_xmlschema }}">{{page.date | date: '%b %d, %Y'}}</time>
</span>
</div>
</div>
</div>
<div class="post-body">
{{ content }}
<div class="post-share">
<ul class="share-list list-reset">
<li class="share-item">
<a class="share-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ site.baseurl }}{{ page.url }}"
onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
title="Share on Facebook" rel="nofollow">
<i class="ion ion-logo-facebook"></i>
</a>
</li>
<li class="share-item">
<a class="share-twitter" href="https://twitter.com/intent/tweet?text={{ page.title | uri_escape }}&url={{ site.url }}{{ site.baseurl }}{{ page.url }}"
onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
title="Share on Twitter" rel="nofollow">
<i class="ion ion-logo-twitter"></i>
</a>
</li>
<li class="share-item">
<a class="share-linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ site.baseurl }}{{ page.url }}&title={{ page.title | uri_escape }}&summary={{ page.description | uri_escape }}&source={{ site.title | uri_escape }}"
onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
title="Share on LinkedIn" rel="nofollow">
<i class="ion ion-logo-linkedin"></i>
</a>
</li>
<li class="share-item">
<a class="share-pinterest" href="http://pinterest.com/pin/create/button/?url={{ site.url }}{{ page.url }}&media={{ site.url }}{{ site.baseurl }}/img/{{ page.image }}&description={{ page.title | uri_escape }}"
onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=900,height=500,toolbar=1,resizable=0'); return false;"
title="Share on Pinterest" rel="nofollow">
<i class="ion ion-logo-pinterest"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="post-navigation">
{% if page.previous.url %}
<a href="{{ site.baseurl }}{{page.previous.url}}" class="prev">
<div class="post-nav-arrow"><i class="ion ion-ios-arrow-round-back"></i> Previous Article</div>
<h2 class="post-nav-title">{{page.previous.title}}</h2>
</a>
{% endif %} {% if page.next.url %}
<a href="{{ site.baseurl }}{{page.next.url}}" class="next">
<div class="post-nav-arrow">Next Article <i class="ion ion-ios-arrow-round-forward"></i></div>
<h2 class="post-nav-title">{{page.next.title}}</h2>
</a>
{% endif %}
</div>
</div>
{% if site.disqus-identifier %}
{% include disqus-comments.html %}
{% endif %}
</article> <!-- /.post -->
<div class="col col-12 col-t-4">
{% include sidebar.html %}
</div>
</div>
</div>
================================================
FILE: _pages/about.md
================================================
---
layout: page
title: About
image: 08.jpg
permalink: /about/
---
My name is Natali Anderson. I'm an actress. Copper mug fam food truck intelligentsia 8-bit echo park ramps meggings humblebrag tacos selfies. Umami austin mlkshk, sriracha sartorial everyday carry shaman meh coloring book taxidermy slow-carb scenester pitchfork echo park. Selvage bushwick chambray coloring book put a bird on it 90's stumptown intelligentsia direct trade. Cornhole +1 polaroid gentrify, offal twee before they sold out whatever wolf.
#### Austin scenester...
<small>2008 - 2017</small>
Offal post-ironic before they sold out mixtape you probably haven't heard of them. Pinterest roof party umami everyday carry street art. Chillwave helvetica swag quinoa messenger bag hexagon poutine selfies thundercats small batch hell of godard roof party XOXO. Authentic post-ironic kogi, schlitz shabby chic cardigan plaid artisan copper mug woke hoodie lumbersexual gluten-free franzen. Schlitz taiyaki freegan vinyl cloud bread narwhal, meh +1 cray prism fanny pack helvetica meditation chartreuse raw denim.
#### Vinyl hexagon before...
<small>2001 - 2008</small>
Chillwave helvetica swag quinoa messenger bag hexagon poutine selfies thundercats small batch hell of godard roof party XOXO. Vinyl hexagon before they sold out, crucifix humblebrag squid chicharrones enamel pin. Iceland humblebrag farm-to-table, lyft pug tilde irony.
Hot chicken shoreditch tousled listicle, actually meggings vape. Pok pok listicle meggings, gluten-free deep v you probably haven't heard of them taxidermy iPhone gentrify seitan. Marfa schlitz literally pour-over keffiyeh messenger bag synth pinterest godard knausgaard letterpress squid cardigan poke listicle.
#### La croix you probably...
<small>1995 - 2000</small>
Shoreditch activated charcoal iceland hexagon. Glossier umami twee, snackwave paleo vaporware pickled tacos meditation typewriter drinking vinegar leggings. Mumblecore freegan butcher messenger bag, twee thundercats ennui gochujang disrupt mlkshk. Wayfarers neutra listicle YOLO ennui ramps vinyl tote bag waistcoat blue bottle poutine. Fam yuccie man bun brunch fashion axe XOXO ethical squid cray jianbing mustache. Leggings hell of shabby chic activated charcoal forage intelligentsia artisan cronut slow-carb tousled venmo mumblecore williamsburg. Tousled brunch leggings hella viral twee etsy 90's sartorial kogi keytar fam hot chicken yr. Meh small batch single-origin coffee brooklyn trust fund cornhole freegan stumptown banjo sriracha tote bag aesthetic listicle crucifix pug. Mustache vaporware kitsch, snackwave cronut semiotics viral cray lumbersexual pour-over forage.
================================================
FILE: _pages/styleguide.md
================================================
---
layout: page
title: Style Guide
permalink: /styleguide/
image: 11.jpg
---
A paragraph looks like this — dolor amet cray stumptown fingerstache neutra food truck seitan poke cardigan waistcoat VHS snackwave celiac hella. Godard seitan shoreditch flexitarian next level trust fund man braid vegan listicle keytar bitters. Disrupt cray fashion axe unicorn lomo shaman poke glossier keffiyeh snackwave austin tattooed seitan hexagon lo-fi. Lumbersexual irony vaporware, butcher shaman church-key iceland.
### Headings by default:
# H1 For example
## H2 For example
### H3 For example
#### H4 For example
##### H5 For example
###### H6 For example
{% highlight markdown %}
## Heading first level
### Heading second level
#### Heading third level
{% endhighlight %}
***
### Lists
#### Ordered list example:
1. Poutine drinking vinegar bitters.
2. Coloring book distillery fanny pack.
3. Venmo biodiesel gentrify enamel pin meditation.
4. Jean shorts shaman listicle pickled portland.
5. Salvia mumblecore brunch iPhone migas.
***
#### Unordered list example:
* Bitters semiotics vice thundercats synth.
* Literally cred narwhal bitters wayfarers.
* Kale chips chartreuse paleo tbh street art marfa.
* Mlkshk polaroid sriracha brooklyn.
* Pug you probably haven't heard of them air plant man bun.
{% highlight markdown %}
1. Order list item 1
2. Order list item 1
* Unordered list item 1
* Unordered list item 2
{% endhighlight %}
***
### Table
<div class="table-container">
<table>
<tr><th>Header 1</th><th>Header 2</th><th>Header 3</th><th>Header 4</th><th>Header 5</th></tr>
<tr><td>Row:1 Cell:1</td><td>Row:1 Cell:2</td><td>Row:1 Cell:3</td><td>Row:1 Cell:4</td><td>Row:1 Cell:5</td></tr>
<tr><td>Row:2 Cell:1</td><td>Row:2 Cell:2</td><td>Row:2 Cell:3</td><td>Row:2 Cell:4</td><td>Row:2 Cell:5</td></tr>
<tr><td>Row:3 Cell:1</td><td>Row:3 Cell:2</td><td>Row:3 Cell:3</td><td>Row:3 Cell:4</td><td>Row:3 Cell:5</td></tr>
<tr><td>Row:4 Cell:1</td><td>Row:4 Cell:2</td><td>Row:4 Cell:3</td><td>Row:4 Cell:4</td><td>Row:4 Cell:5</td></tr>
<tr><td>Row:5 Cell:1</td><td>Row:5 Cell:2</td><td>Row:5 Cell:3</td><td>Row:5 Cell:4</td><td>Row:5 Cell:5</td></tr>
<tr><td>Row:6 Cell:1</td><td>Row:6 Cell:2</td><td>Row:6 Cell:3</td><td>Row:6 Cell:4</td><td>Row:6 Cell:5</td></tr>
</table>
</div>
***
### Quotes
#### A quote looks like this:
> Never put off till tomorrow what may be done day after tomorrow just as well. — Mark Twain
***
### Syntax Highlighter
{% highlight js %}
$('.top').click(function () {
$('html, body').stop().animate({ scrollTop: 0 }, 'slow', 'swing');
});
$(window).scroll(function () {
if ($(this).scrollTop() > $(window).height()) {
$('.top').addClass("top-active");
} else {
$('.top').removeClass("top-active");
};
});
{% endhighlight %}
***
### Images
***
### Videos
<iframe src="https://www.youtube.com/embed/iWowJBRMtpc" frameborder="0" allowfullscreen></iframe>
================================================
FILE: _posts/2018-05-29-welcome-to-jekyll.markdown
================================================
---
layout: post
title: "Welcome to Jekyll!"
date: 2018-05-29 18:05:55 +0300
image: 11.jpg
tags: [Jekyll]
---
You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
Jekyll also offers powerful support for code snippets:
{% highlight ruby %}
def print_hi(name)
puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.
{% endhighlight %}
Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
[jekyll-docs]: https://jekyllrb.com/docs/home
[jekyll-gh]: https://github.com/jekyll/jekyll
[jekyll-talk]: https://talk.jekyllrb.com/
================================================
FILE: _posts/2018-08-23-abstraction-as-art.markdown
================================================
---
layout: post
title: Abstraction as art
date: 2018-08-23 16:03:50 +0300
image: 04.jpg
tags: Art
---
Unicorn vegan humblebrag whatever microdosing, yr pabst post-ironic chartreuse. IPhone irony fingerstache microdosing juice poutine. Lorem ipsum dolor amet pok pok sriracha drinking vinegar, kogi chia gochujang bicycle rights gentrify shabby chic fingerstache chillwave four loko poke yuccie. La croix hashtag umami, put a bird on it leggings semiotics you probably haven't heard of them wolf iPhone. Beard portland sustainable poke pinterest messenger bag helvetica 8-bit cray. Keffiyeh PBR&B helvetica organic palo santo, art party pop-up letterpress next level VHS selvage snackwave tumblr deep v. Wayfarers irony ramps, flannel shaman drinking vinegar mumblecore tacos single-origin coffee art party lomo master cleanse cardigan taiyaki.
Retro activated charcoal mustache selvage sartorial four loko brooklyn woke dreamcatcher lyft migas VHS. Bitters celiac flannel schlitz aesthetic echo park polaroid. Hella lyft selvage enamel pin banjo before they sold out retro quinoa taiyaki freegan hexagon edison bulb prism. Everyday carry 8-bit actually, godard bitters lomo echo park kickstarter tilde.
Gluten-free bicycle rights kogi ramps chartreuse lyft. Art party literally etsy, truffaut migas normcore copper mug single-origin coffee pickled. Pop-up godard activated charcoal vinyl, kombucha chicharrones cray brooklyn hell of mustache banh mi lo-fi small batch. Ugh literally cred gluten-free. Bitters humblebrag skateboard letterpress biodiesel enamel pin single-origin coffee umami irony meditation neutra freegan deep v dreamcatcher. Pok pok celiac church-key lomo XOXO squid intelligentsia kale chips bushwick. Tacos brooklyn edison bulb glossier, snackwave franzen taxidermy kombucha lo-fi twee yr.
Typewriter jean shorts literally godard la croix. Put a bird on it wayfarers distillery taiyaki knausgaard +1, hella fixie. Gochujang vape poke poutine lyft, pour-over shabby chic coloring book tote bag fixie. Activated charcoal echo park post-ironic cardigan, flexitarian banjo knausgaard fashion axe hammock live-edge YOLO forage fixie everyday carry.
Kickstarter +1 brunch hell of twee asymmetrical cardigan hella forage humblebrag. Tumeric jianbing mustache selfies, blog freegan brooklyn typewriter air plant ennui. Poke snackwave chia vaporware normcore. Chambray brooklyn poutine polaroid. Locavore shoreditch deep v hexagon live-edge freegan af raw denim chicharrones drinking vinegar leggings master cleanse aesthetic pug. Taiyaki offal twee lomo, hell of lyft kogi vegan keytar before they sold out XOXO godard. Slow-carb quinoa pitchfork tumblr biodiesel.
Live-edge williamsburg semiotics organic. Blue bottle thundercats flexitarian, pinterest YOLO meh vice truffaut selvage selfies wolf tousled. Whatever viral farm-to-table pork belly humblebrag prism vape squid, edison bulb sriracha flexitarian vexillologist vice. Locavore blog wolf bicycle rights yr literally vaporware vinyl.
Next level lo-fi yuccie bitters echo park tacos single-origin coffee man braid sartorial. Kale chips PBR&B ethical banjo chia hot chicken paleo small batch synth drinking vinegar. Chartreuse gluten-free flannel, mumblecore whatever pug umami butcher neutra. Hoodie banjo tacos, stumptown readymade distillery fashion axe af deep v hot chicken seitan tofu. Listicle vape portland, art party mlkshk yuccie YOLO austin 8-bit. Vaporware vinyl artisan, roof party deep v banjo cronut.
Letterpress next level master cleanse mlkshk echo park celiac chillwave cray 90's chia deep v. Lyft austin sustainable banh mi lomo street art kickstarter synth portland chambray chia trust fund try-hard jean shorts. Fanny pack synth vegan four loko, farm-to-table ugh celiac pitchfork chambray beard cred prism readymade roof party typewriter. Swag tofu vaporware, lo-fi yr single-origin coffee salvia etsy artisan tattooed. Hella schlitz shoreditch disrupt leggings roof party kickstarter taiyaki swag four dollar toast +1 fixie humblebrag. Pour-over air plant literally bespoke hella raw denim. Sustainable fam everyday carry, typewriter kinfolk narwhal direct trade.
Man braid sustainable affogato pinterest leggings. Shabby chic kombucha drinking vinegar, migas helvetica franzen vice pabst. Fashion axe YOLO hexagon ramps. Keffiyeh gluten-free williamsburg kombucha. Pickled mustache mlkshk yr gastropub occupy retro four dollar toast kogi normcore. Austin skateboard franzen enamel pin lomo literally aesthetic tattooed typewriter blog quinoa humblebrag ethical freegan authentic. Vaporware crucifix 90's, venmo adaptogen bitters migas.
================================================
FILE: _posts/2018-08-23-flower-care-guide.markdown
================================================
---
layout: post
title: Flower Care Guide
date: 2018-08-23 16:02:00 +0300
image: 07.jpg
tags: [Guide, Flowers]
---
Unicorn vegan humblebrag whatever microdosing, yr pabst post-ironic chartreuse. IPhone irony fingerstache microdosing juice poutine. Lorem ipsum dolor amet pok pok sriracha drinking vinegar, kogi chia gochujang bicycle rights gentrify shabby chic fingerstache chillwave four loko poke yuccie. La croix hashtag umami, put a bird on it leggings semiotics you probably haven't heard of them wolf iPhone. Beard portland sustainable poke pinterest messenger bag helvetica 8-bit cray. Keffiyeh PBR&B helvetica organic palo santo, art party pop-up letterpress next level VHS selvage snackwave tumblr deep v. Wayfarers irony ramps, flannel shaman drinking vinegar mumblecore tacos single-origin coffee art party lomo master cleanse cardigan taiyaki.
Retro activated charcoal mustache selvage sartorial four loko brooklyn woke dreamcatcher lyft migas VHS. Bitters celiac flannel schlitz aesthetic echo park polaroid. Hella lyft selvage enamel pin banjo before they sold out retro quinoa taiyaki freegan hexagon edison bulb prism. Everyday carry 8-bit actually, godard bitters lomo echo park kickstarter tilde.
Gluten-free bicycle rights kogi ramps chartreuse lyft. Art party literally etsy, truffaut migas normcore copper mug single-origin coffee pickled. Pop-up godard activated charcoal vinyl, kombucha chicharrones cray brooklyn hell of mustache banh mi lo-fi small batch. Ugh literally cred gluten-free. Bitters humblebrag skateboard letterpress biodiesel enamel pin single-origin coffee umami irony meditation neutra freegan deep v dreamcatcher. Pok pok celiac church-key lomo XOXO squid intelligentsia kale chips bushwick. Tacos brooklyn edison bulb glossier, snackwave franzen taxidermy kombucha lo-fi twee yr.
Typewriter jean shorts literally godard la croix. Put a bird on it wayfarers distillery taiyaki knausgaard +1, hella fixie. Gochujang vape poke poutine lyft, pour-over shabby chic coloring book tote bag fixie. Activated charcoal echo park post-ironic cardigan, flexitarian banjo knausgaard fashion axe hammock live-edge YOLO forage fixie everyday carry.
Kickstarter +1 brunch hell of twee asymmetrical cardigan hella forage humblebrag. Tumeric jianbing mustache selfies, blog freegan brooklyn typewriter air plant ennui. Poke snackwave chia vaporware normcore. Chambray brooklyn poutine polaroid. Locavore shoreditch deep v hexagon live-edge freegan af raw denim chicharrones drinking vinegar leggings master cleanse aesthetic pug. Taiyaki offal twee lomo, hell of lyft kogi vegan keytar before they sold out XOXO godard. Slow-carb quinoa pitchfork tumblr biodiesel.
Live-edge williamsburg semiotics organic. Blue bottle thundercats flexitarian, pinterest YOLO meh vice truffaut selvage selfies wolf tousled. Whatever viral farm-to-table pork belly humblebrag prism vape squid, edison bulb sriracha flexitarian vexillologist vice. Locavore blog wolf bicycle rights yr literally vaporware vinyl.
Next level lo-fi yuccie bitters echo park tacos single-origin coffee man braid sartorial. Kale chips PBR&B ethical banjo chia hot chicken paleo small batch synth drinking vinegar. Chartreuse gluten-free flannel, mumblecore whatever pug umami butcher neutra. Hoodie banjo tacos, stumptown readymade distillery fashion axe af deep v hot chicken seitan tofu. Listicle vape portland, art party mlkshk yuccie YOLO austin 8-bit. Vaporware vinyl artisan, roof party deep v banjo cronut.
Letterpress next level master cleanse mlkshk echo park celiac chillwave cray 90's chia deep v. Lyft austin sustainable banh mi lomo street art kickstarter synth portland chambray chia trust fund try-hard jean shorts. Fanny pack synth vegan four loko, farm-to-table ugh celiac pitchfork chambray beard cred prism readymade roof party typewriter. Swag tofu vaporware, lo-fi yr single-origin coffee salvia etsy artisan tattooed. Hella schlitz shoreditch disrupt leggings roof party kickstarter taiyaki swag four dollar toast +1 fixie humblebrag. Pour-over air plant literally bespoke hella raw denim. Sustainable fam everyday carry, typewriter kinfolk narwhal direct trade.
Man braid sustainable affogato pinterest leggings. Shabby chic kombucha drinking vinegar, migas helvetica franzen vice pabst. Fashion axe YOLO hexagon ramps. Keffiyeh gluten-free williamsburg kombucha. Pickled mustache mlkshk yr gastropub occupy retro four dollar toast kogi normcore. Austin skateboard franzen enamel pin lomo literally aesthetic tattooed typewriter blog quinoa humblebrag ethical freegan authentic. Vaporware crucifix 90's, venmo adaptogen bitters migas.
================================================
FILE: _posts/2018-08-23-how-to-plan-a-camping-trip.markdown
================================================
---
layout: post
title: How to Plan a Camping Trip
date: 2018-08-23 16:03:00 +0300
image: 06.jpg
tags: Trip
---
Unicorn vegan humblebrag whatever microdosing, yr pabst post-ironic chartreuse. IPhone irony fingerstache microdosing juice poutine. Lorem ipsum dolor amet pok pok sriracha drinking vinegar, kogi chia gochujang bicycle rights gentrify shabby chic fingerstache chillwave four loko poke yuccie. La croix hashtag umami, put a bird on it leggings semiotics you probably haven't heard of them wolf iPhone. Beard portland sustainable poke pinterest messenger bag helvetica 8-bit cray. Keffiyeh PBR&B helvetica organic palo santo, art party pop-up letterpress next level VHS selvage snackwave tumblr deep v. Wayfarers irony ramps, flannel shaman drinking vinegar mumblecore tacos single-origin coffee art party lomo master cleanse cardigan taiyaki.
Retro activated charcoal mustache selvage sartorial four loko brooklyn woke dreamcatcher lyft migas VHS. Bitters celiac flannel schlitz aesthetic echo park polaroid. Hella lyft selvage enamel pin banjo before they sold out retro quinoa taiyaki freegan hexagon edison bulb prism. Everyday carry 8-bit actually, godard bitters lomo echo park kickstarter tilde.
Gluten-free bicycle rights kogi ramps chartreuse lyft. Art party literally etsy, truffaut migas normcore copper mug single-origin coffee pickled. Pop-up godard activated charcoal vinyl, kombucha chicharrones cray brooklyn hell of mustache banh mi lo-fi small batch. Ugh literally cred gluten-free. Bitters humblebrag skateboard letterpress biodiesel enamel pin single-origin coffee umami irony meditation neutra freegan deep v dreamcatcher. Pok pok celiac church-key lomo XOXO squid intelligentsia kale chips bushwick. Tacos brooklyn edison bulb glossier, snackwave franzen taxidermy kombucha lo-fi twee yr.
Typewriter jean shorts literally godard la croix. Put a bird on it wayfarers distillery taiyaki knausgaard +1, hella fixie. Gochujang vape poke poutine lyft, pour-over shabby chic coloring book tote bag fixie. Activated charcoal echo park post-ironic cardigan, flexitarian banjo knausgaard fashion axe hammock live-edge YOLO forage fixie everyday carry.
Kickstarter +1 brunch hell of twee asymmetrical cardigan hella forage humblebrag. Tumeric jianbing mustache selfies, blog freegan brooklyn typewriter air plant ennui. Poke snackwave chia vaporware normcore. Chambray brooklyn poutine polaroid. Locavore shoreditch deep v hexagon live-edge freegan af raw denim chicharrones drinking vinegar leggings master cleanse aesthetic pug. Taiyaki offal twee lomo, hell of lyft kogi vegan keytar before they sold out XOXO godard. Slow-carb quinoa pitchfork tumblr biodiesel.
Live-edge williamsburg semiotics organic. Blue bottle thundercats flexitarian, pinterest YOLO meh vice truffaut selvage selfies wolf tousled. Whatever viral farm-to-table pork belly humblebrag prism vape squid, edison bulb sriracha flexitarian vexillologist vice. Locavore blog wolf bicycle rights yr literally vaporware vinyl.
Next level lo-fi yuccie bitters echo park tacos single-origin coffee man braid sartorial. Kale chips PBR&B ethical banjo chia hot chicken paleo small batch synth drinking vinegar. Chartreuse gluten-free flannel, mumblecore whatever pug umami butcher neutra. Hoodie banjo tacos, stumptown readymade distillery fashion axe af deep v hot chicken seitan tofu. Listicle vape portland, art party mlkshk yuccie YOLO austin 8-bit. Vaporware vinyl artisan, roof party deep v banjo cronut.
Letterpress next level master cleanse mlkshk echo park celiac chillwave cray 90's chia deep v. Lyft austin sustainable banh mi lomo street art kickstarter synth portland chambray chia trust fund try-hard jean shorts. Fanny pack synth vegan four loko, farm-to-table ugh celiac pitchfork chambray beard cred prism readymade roof party typewriter. Swag tofu vaporware, lo-fi yr single-origin coffee salvia etsy artisan tattooed. Hella schlitz shoreditch disrupt leggings roof party kickstarter taiyaki swag four dollar toast +1 fixie humblebrag. Pour-over air plant literally bespoke hella raw denim. Sustainable fam everyday carry, typewriter kinfolk narwhal direct trade.
Man braid sustainable affogato pinterest leggings. Shabby chic kombucha drinking vinegar, migas helvetica franzen vice pabst. Fashion axe YOLO hexagon ramps. Keffiyeh gluten-free williamsburg kombucha. Pickled mustache mlkshk yr gastropub occupy retro four dollar toast kogi normcore. Austin skateboard franzen enamel pin lomo literally aesthetic tattooed typewriter blog quinoa humblebrag ethical freegan authentic. Vaporware crucifix 90's, venmo adaptogen bitters migas.
================================================
FILE: _posts/2018-08-23-night-city-lights.markdown
================================================
---
layout: post
title: Night city lights
date: 2018-08-23 16:04:55 +0300
image: 02.jpg
tags: Cities
---
Unicorn vegan humblebrag whatever microdosing, yr pabst post-ironic chartreuse. IPhone irony fingerstache microdosing juice poutine. Lorem ipsum dolor amet pok pok sriracha drinking vinegar, kogi chia gochujang bicycle rights gentrify shabby chic fingerstache chillwave four loko poke yuccie. La croix hashtag umami, put a bird on it leggings semiotics you probably haven't heard of them wolf iPhone. Beard portland sustainable poke pinterest messenger bag helvetica 8-bit cray. Keffiyeh PBR&B helvetica organic palo santo, art party pop-up letterpress next level VHS selvage snackwave tumblr deep v. Wayfarers irony ramps, flannel shaman drinking vinegar mumblecore tacos single-origin coffee art party lomo master cleanse cardigan taiyaki.
Retro activated charcoal mustache selvage sartorial four loko brooklyn woke dreamcatcher lyft migas VHS. Bitters celiac flannel schlitz aesthetic echo park polaroid. Hella lyft selvage enamel pin banjo before they sold out retro quinoa taiyaki freegan hexagon edison bulb prism. Everyday carry 8-bit actually, godard bitters lomo echo park kickstarter tilde.
Gluten-free bicycle rights kogi ramps chartreuse lyft. Art party literally etsy, truffaut migas normcore copper mug single-origin coffee pickled. Pop-up godard activated charcoal vinyl, kombucha chicharrones cray brooklyn hell of mustache banh mi lo-fi small batch. Ugh literally cred gluten-free. Bitters humblebrag skateboard letterpress biodiesel enamel pin single-origin coffee umami irony meditation neutra freegan deep v dreamcatcher. Pok pok celiac church-key lomo XOXO squid intelligentsia kale chips bushwick. Tacos brooklyn edison bulb glossier, snackwave franzen taxidermy kombucha lo-fi twee yr.
Typewriter jean shorts literally godard la croix. Put a bird on it wayfarers distillery taiyaki knausgaard +1, hella fixie. Gochujang vape poke poutine lyft, pour-over shabby chic coloring book tote bag fixie. Activated charcoal echo park post-ironic cardigan, flexitarian banjo knausgaard fashion axe hammock live-edge YOLO forage fixie everyday carry.
Kickstarter +1 brunch hell of twee asymmetrical cardigan hella forage humblebrag. Tumeric jianbing mustache selfies, blog freegan brooklyn typewriter air plant ennui. Poke snackwave chia vaporware normcore. Chambray brooklyn poutine polaroid. Locavore shoreditch deep v hexagon live-edge freegan af raw denim chicharrones drinking vinegar leggings master cleanse aesthetic pug. Taiyaki offal twee lomo, hell of lyft kogi vegan keytar before they sold out XOXO godard. Slow-carb quinoa pitchfork tumblr biodiesel.
Live-edge williamsburg semiotics organic. Blue bottle thundercats flexitarian, pinterest YOLO meh vice truffaut selvage selfies wolf tousled. Whatever viral farm-to-table pork belly humblebrag prism vape squid, edison bulb sriracha flexitarian vexillologist vice. Locavore blog wolf bicycle rights yr literally vaporware vinyl.
Next level lo-fi yuccie bitters echo park tacos single-origin coffee man braid sartorial. Kale chips PBR&B ethical banjo chia hot chicken paleo small batch synth drinking vinegar. Chartreuse gluten-free flannel, mumblecore whatever pug umami butcher neutra. Hoodie banjo tacos, stumptown readymade distillery fashion axe af deep v hot chicken seitan tofu. Listicle vape portland, art party mlkshk yuccie YOLO austin 8-bit. Vaporware vinyl artisan, roof party deep v banjo cronut.
Letterpress next level master cleanse mlkshk echo park celiac chillwave cray 90's chia deep v. Lyft austin sustainable banh mi lomo street art kickstarter synth portland chambray chia trust fund try-hard jean shorts. Fanny pack synth vegan four loko, farm-to-table ugh celiac pitchfork chambray beard cred prism readymade roof party typewriter. Swag tofu vaporware, lo-fi yr single-origin coffee salvia etsy artisan tattooed. Hella schlitz shoreditch disrupt leggings roof party kickstarter taiyaki swag four dollar toast +1 fixie humblebrag. Pour-over air plant literally bespoke hella raw denim. Sustainable fam everyday carry, typewriter kinfolk narwhal direct trade.
Man braid sustainable affogato pinterest leggings. Shabby chic kombucha drinking vinegar, migas helvetica franzen vice pabst. Fashion axe YOLO hexagon ramps. Keffiyeh gluten-free williamsburg kombucha. Pickled mustache mlkshk yr gastropub occupy retro four dollar toast kogi normcore. Austin skateboard franzen enamel pin lomo literally aesthetic tattooed typewriter blog quinoa humblebrag ethical freegan authentic. Vaporware crucifix 90's, venmo adaptogen bitters migas.
================================================
FILE: _posts/2018-08-23-premiere-on-broadway.markdown
================================================
---
layout: post
title: Premiere on Broadway
date: 2018-08-23 16:04:00 +0300
image: 03.jpg
tags: Rest
---
Unicorn vegan humblebrag whatever microdosing, yr pabst post-ironic chartreuse. IPhone irony fingerstache microdosing juice poutine. Lorem ipsum dolor amet pok pok sriracha drinking vinegar, kogi chia gochujang bicycle rights gentrify shabby chic fingerstache chillwave four loko poke yuccie. La croix hashtag umami, put a bird on it leggings semiotics you probably haven't heard of them wolf iPhone. Beard portland sustainable poke pinterest messenger bag helvetica 8-bit cray. Keffiyeh PBR&B helvetica organic palo santo, art party pop-up letterpress next level VHS selvage snackwave tumblr deep v. Wayfarers irony ramps, flannel shaman drinking vinegar mumblecore tacos single-origin coffee art party lomo master cleanse cardigan taiyaki.
Retro activated charcoal mustache selvage sartorial four loko brooklyn woke dreamcatcher lyft migas VHS. Bitters celiac flannel schlitz aesthetic echo park polaroid. Hella lyft selvage enamel pin banjo before they sold out retro quinoa taiyaki freegan hexagon edison bulb prism. Everyday carry 8-bit actually, godard bitters lomo echo park kickstarter tilde.
Gluten-free bicycle rights kogi ramps chartreuse lyft. Art party literally etsy, truffaut migas normcore copper mug single-origin coffee pickled. Pop-up godard activated charcoal vinyl, kombucha chicharrones cray brooklyn hell of mustache banh mi lo-fi small batch. Ugh literally cred gluten-free. Bitters humblebrag skateboard letterpress biodiesel enamel pin single-origin coffee umami irony meditation neutra freegan deep v dreamcatcher. Pok pok celiac church-key lomo XOXO squid intelligentsia kale chips bushwick. Tacos brooklyn edison bulb glossier, snackwave franzen taxidermy kombucha lo-fi twee yr.
Typewriter jean shorts literally godard la croix. Put a bird on it wayfarers distillery taiyaki knausgaard +1, hella fixie. Gochujang vape poke poutine lyft, pour-over shabby chic coloring book tote bag fixie. Activated charcoal echo park post-ironic cardigan, flexitarian banjo knausgaard fashion axe hammock live-edge YOLO forage fixie everyday carry.
Kickstarter +1 brunch hell of twee asymmetrical cardigan hella forage humblebrag. Tumeric jianbing mustache selfies, blog freegan brooklyn typewriter air plant ennui. Poke snackwave chia vaporware normcore. Chambray brooklyn poutine polaroid. Locavore shoreditch deep v hexagon live-edge freegan af raw denim chicharrones drinking vinegar leggings master cleanse aesthetic pug. Taiyaki offal twee lomo, hell of lyft kogi vegan keytar before they sold out XOXO godard. Slow-carb quinoa pitchfork tumblr biodiesel.
Live-edge williamsburg semiotics organic. Blue bottle thundercats flexitarian, pinterest YOLO meh vice truffaut selvage selfies wolf tousled. Whatever viral farm-to-table pork belly humblebrag prism vape squid, edison bulb sriracha flexitarian vexillologist vice. Locavore blog wolf bicycle rights yr literally vaporware vinyl.
Next level lo-fi yuccie bitters echo park tacos single-origin coffee man braid sartorial. Kale chips PBR&B ethical banjo chia hot chicken paleo small batch synth drinking vinegar. Chartreuse gluten-free flannel, mumblecore whatever pug umami butcher neutra. Hoodie banjo tacos, stumptown readymade distillery fashion axe af deep v hot chicken seitan tofu. Listicle vape portland, art party mlkshk yuccie YOLO austin 8-bit. Vaporware vinyl artisan, roof party deep v banjo cronut.
Letterpress next level master cleanse mlkshk echo park celiac chillwave cray 90's chia deep v. Lyft austin sustainable banh mi lomo street art kickstarter synth portland chambray chia trust fund try-hard jean shorts. Fanny pack synth vegan four loko, farm-to-table ugh celiac pitchfork chambray beard cred prism readymade roof party typewriter. Swag tofu vaporware, lo-fi yr single-origin coffee salvia etsy artisan tattooed. Hella schlitz shoreditch disrupt leggings roof party kickstarter taiyaki swag four dollar toast +1 fixie humblebrag. Pour-over air plant literally bespoke hella raw denim. Sustainable fam everyday carry, typewriter kinfolk narwhal direct trade.
Man braid sustainable affogato pinterest leggings. Shabby chic kombucha drinking vinegar, migas helvetica franzen vice pabst. Fashion axe YOLO hexagon ramps. Keffiyeh gluten-free williamsburg kombucha. Pickled mustache mlkshk yr gastropub occupy retro four dollar toast kogi normcore. Austin skateboard franzen enamel pin lomo literally aesthetic tattooed typewriter blog quinoa humblebrag ethical freegan authentic. Vaporware crucifix 90's, venmo adaptogen bitters migas.
================================================
FILE: _posts/2018-08-23-the-most-popular-mistakes.markdown
================================================
---
layout: post
title: The most popular mistakes
date: 2018-08-23 16:05:55 +0300
image: 01.jpg
tags: [Lifehacks]
---
Meditation tacos narwhal gochujang, shaman ramps green vegan humblebrag whatever microdosing juice poutine migas occupy fingerstache kickstarter disrupt brunch. Lorem ipsum dolor amet pok pok sriracha drinking vinegar, kogi chia gochujang bicycle rights gentrify shabby chic fingerstache chillwave four loko poke yuccie. La croix hashtag umami, put a bird on it leggings semiotics you probably haven't heard of them wolf iPhone. Beard portland sustainable poke pinterest messenger bag helvetica 8-bit cray. Keffiyeh PBR&B helvetica organic palo santo, art party pop-up letterpress next level VHS selvage snackwave tumblr deep v. Wayfarers irony ramps, flannel shaman drinking vinegar mumblecore tacos single-origin coffee art party lomo master cleanse cardigan taiyaki.
Retro activated charcoal mustache selvage sartorial four loko brooklyn woke dreamcatcher lyft migas VHS. Bitters celiac flannel schlitz aesthetic echo park polaroid. Hella lyft selvage enamel pin banjo before they sold out retro quinoa taiyaki freegan hexagon edison bulb prism. Everyday carry 8-bit actually, godard bitters lomo echo park kickstarter tilde.
Gluten-free bicycle rights kogi ramps chartreuse lyft. Art party literally etsy, truffaut migas normcore copper mug single-origin coffee pickled. Pop-up godard activated charcoal vinyl, kombucha chicharrones cray brooklyn hell of mustache banh mi lo-fi small batch. Ugh literally cred gluten-free. Bitters humblebrag skateboard letterpress biodiesel enamel pin single-origin coffee umami irony meditation neutra freegan deep v dreamcatcher. Pok pok celiac church-key lomo XOXO squid intelligentsia kale chips bushwick. Tacos brooklyn edison bulb glossier, snackwave franzen taxidermy kombucha lo-fi twee yr.
Typewriter jean shorts literally godard la croix. Put a bird on it wayfarers distillery taiyaki knausgaard +1, hella fixie. Gochujang vape poke poutine lyft, pour-over shabby chic coloring book tote bag fixie. Activated charcoal echo park post-ironic cardigan, flexitarian banjo knausgaard fashion axe hammock live-edge YOLO forage fixie everyday carry.
Kickstarter +1 brunch hell of twee asymmetrical cardigan hella forage humblebrag. Tumeric jianbing mustache selfies, blog freegan brooklyn typewriter air plant ennui. Poke snackwave chia vaporware normcore. Chambray brooklyn poutine polaroid. Locavore shoreditch deep v hexagon live-edge freegan af raw denim chicharrones drinking vinegar leggings master cleanse aesthetic pug. Taiyaki offal twee lomo, hell of lyft kogi vegan keytar before they sold out XOXO godard. Slow-carb quinoa pitchfork tumblr biodiesel.
Live-edge williamsburg semiotics organic. Blue bottle thundercats flexitarian, pinterest YOLO meh vice truffaut selvage selfies wolf tousled. Whatever viral farm-to-table pork belly humblebrag prism vape squid, edison bulb sriracha flexitarian vexillologist vice. Locavore blog wolf bicycle rights yr literally vaporware vinyl.
Next level lo-fi yuccie bitters echo park tacos single-origin coffee man braid sartorial. Kale chips PBR&B ethical banjo chia hot chicken paleo small batch synth drinking vinegar. Chartreuse gluten-free flannel, mumblecore whatever pug umami butcher neutra. Hoodie banjo tacos, stumptown readymade distillery fashion axe af deep v hot chicken seitan tofu. Listicle vape portland, art party mlkshk yuccie YOLO austin 8-bit. Vaporware vinyl artisan, roof party deep v banjo cronut.
Letterpress next level master cleanse mlkshk echo park celiac chillwave cray 90's chia deep v. Lyft austin sustainable banh mi lomo street art kickstarter synth portland chambray chia trust fund try-hard jean shorts. Fanny pack synth vegan four loko, farm-to-table ugh celiac pitchfork chambray beard cred prism readymade roof party typewriter. Swag tofu vaporware, lo-fi yr single-origin coffee salvia etsy artisan tattooed. Hella schlitz shoreditch disrupt leggings roof party kickstarter taiyaki swag four dollar toast +1 fixie humblebrag. Pour-over air plant literally bespoke hella raw denim. Sustainable fam everyday carry, typewriter kinfolk narwhal direct trade.
Man braid sustainable affogato pinterest leggings. Shabby chic kombucha drinking vinegar, migas helvetica franzen vice pabst. Fashion axe YOLO hexagon ramps. Keffiyeh gluten-free williamsburg kombucha. Pickled mustache mlkshk yr gastropub occupy retro four dollar toast kogi normcore. Austin skateboard franzen enamel pin lomo literally aesthetic tattooed typewriter blog quinoa humblebrag ethical freegan authentic. Vaporware crucifix 90's, venmo adaptogen bitters migas.
================================================
FILE: _posts/2018-08-23-the-path-to-self-perfection.markdown
================================================
---
layout: post
title: The path to self-perfection
date: 2018-08-23 16:03:30 +0300
image: 05.jpg
tags: Life
---
Unicorn vegan humblebrag whatever microdosing, yr pabst post-ironic chartreuse. IPhone irony fingerstache microdosing juice poutine. Lorem ipsum dolor amet pok pok sriracha drinking vinegar, kogi chia gochujang bicycle rights gentrify shabby chic fingerstache chillwave four loko poke yuccie. La croix hashtag umami, put a bird on it leggings semiotics you probably haven't heard of them wolf iPhone. Beard portland sustainable poke pinterest messenger bag helvetica 8-bit cray. Keffiyeh PBR&B helvetica organic palo santo, art party pop-up letterpress next level VHS selvage snackwave tumblr deep v. Wayfarers irony ramps, flannel shaman drinking vinegar mumblecore tacos single-origin coffee art party lomo master cleanse cardigan taiyaki.
Retro activated charcoal mustache selvage sartorial four loko brooklyn woke dreamcatcher lyft migas VHS. Bitters celiac flannel schlitz aesthetic echo park polaroid. Hella lyft selvage enamel pin banjo before they sold out retro quinoa taiyaki freegan hexagon edison bulb prism. Everyday carry 8-bit actually, godard bitters lomo echo park kickstarter tilde.
Gluten-free bicycle rights kogi ramps chartreuse lyft. Art party literally etsy, truffaut migas normcore copper mug single-origin coffee pickled. Pop-up godard activated charcoal vinyl, kombucha chicharrones cray brooklyn hell of mustache banh mi lo-fi small batch. Ugh literally cred gluten-free. Bitters humblebrag skateboard letterpress biodiesel enamel pin single-origin coffee umami irony meditation neutra freegan deep v dreamcatcher. Pok pok celiac church-key lomo XOXO squid intelligentsia kale chips bushwick. Tacos brooklyn edison bulb glossier, snackwave franzen taxidermy kombucha lo-fi twee yr.
Typewriter jean shorts literally godard la croix. Put a bird on it wayfarers distillery taiyaki knausgaard +1, hella fixie. Gochujang vape poke poutine lyft, pour-over shabby chic coloring book tote bag fixie. Activated charcoal echo park post-ironic cardigan, flexitarian banjo knausgaard fashion axe hammock live-edge YOLO forage fixie everyday carry.
Kickstarter +1 brunch hell of twee asymmetrical cardigan hella forage humblebrag. Tumeric jianbing mustache selfies, blog freegan brooklyn typewriter air plant ennui. Poke snackwave chia vaporware normcore. Chambray brooklyn poutine polaroid. Locavore shoreditch deep v hexagon live-edge freegan af raw denim chicharrones drinking vinegar leggings master cleanse aesthetic pug. Taiyaki offal twee lomo, hell of lyft kogi vegan keytar before they sold out XOXO godard. Slow-carb quinoa pitchfork tumblr biodiesel.
Live-edge williamsburg semiotics organic. Blue bottle thundercats flexitarian, pinterest YOLO meh vice truffaut selvage selfies wolf tousled. Whatever viral farm-to-table pork belly humblebrag prism vape squid, edison bulb sriracha flexitarian vexillologist vice. Locavore blog wolf bicycle rights yr literally vaporware vinyl.
Next level lo-fi yuccie bitters echo park tacos single-origin coffee man braid sartorial. Kale chips PBR&B ethical banjo chia hot chicken paleo small batch synth drinking vinegar. Chartreuse gluten-free flannel, mumblecore whatever pug umami butcher neutra. Hoodie banjo tacos, stumptown readymade distillery fashion axe af deep v hot chicken seitan tofu. Listicle vape portland, art party mlkshk yuccie YOLO austin 8-bit. Vaporware vinyl artisan, roof party deep v banjo cronut.
Letterpress next level master cleanse mlkshk echo park celiac chillwave cray 90's chia deep v. Lyft austin sustainable banh mi lomo street art kickstarter synth portland chambray chia trust fund try-hard jean shorts. Fanny pack synth vegan four loko, farm-to-table ugh celiac pitchfork chambray beard cred prism readymade roof party typewriter. Swag tofu vaporware, lo-fi yr single-origin coffee salvia etsy artisan tattooed. Hella schlitz shoreditch disrupt leggings roof party kickstarter taiyaki swag four dollar toast +1 fixie humblebrag. Pour-over air plant literally bespoke hella raw denim. Sustainable fam everyday carry, typewriter kinfolk narwhal direct trade.
Man braid sustainable affogato pinterest leggings. Shabby chic kombucha drinking vinegar, migas helvetica franzen vice pabst. Fashion axe YOLO hexagon ramps. Keffiyeh gluten-free williamsburg kombucha. Pickled mustache mlkshk yr gastropub occupy retro four dollar toast kogi normcore. Austin skateboard franzen enamel pin lomo literally aesthetic tattooed typewriter blog quinoa humblebrag ethical freegan authentic. Vaporware crucifix 90's, venmo adaptogen bitters migas.
================================================
FILE: _sass/0-settings/_colors.scss
================================================
// Main Colors
$primary-color: #1ABC9C;
$secondary-color: #C19CD8;
$highlight: #ffeea8;
$text: #C9D3E7;
$gray-blue: #707890;
$white: #ffffff;
$black: #101010;
$lighten-black: #323743;
$blue-black: #2C2F36;
$blue-darken: #232427;
$green-darken: #2C3635;
$danger: #e02f40;
$success: #34a74e;
// Background Colors
$background: $blue-black;
// Body Color
$body-color: $text;
// Headings
$heading-font-color: #404040;
// Links
$link-color: $primary-color;
$link-color-hover: lighten($link-color, 15%);
// Button
$button-color: $white;
$button-background-color: $primary-color;
// Border
$border-color: #3E4250;
================================================
FILE: _sass/0-settings/_global.scss
================================================
// Spaces
$base-spacing-unit: 15px;
// Border radius
$global-radius: 3px;
// Transition
$global-transition: .35s;
================================================
FILE: _sass/1-tools/_grid.scss
================================================
$columns: 12;
$container-base-width: 1200px;
$container-offset: $base-spacing-unit;
$mobile: 576px;
$tablet: 768px;
$desktop: 992px;
$mq: ( $mobile:$columns, $tablet:$columns, $desktop:$columns );
.container {
max-width: $container-base-width;
padding-left: $container-offset;
padding-right: $container-offset;
margin: 0 auto;
}
.container-full {
max-width: 100%;
padding-left: $container-offset;
padding-right: $container-offset;
margin: 0 auto;
}
.row {
display: flex;
flex-wrap: wrap;
flex: 0 1 auto;
flex-direction: row;
box-sizing: border-box;
margin-left: ($base-spacing-unit * -1);
margin-right: ($base-spacing-unit * -1);
}
.col {
padding-left: $base-spacing-unit;
padding-right: $base-spacing-unit;
}
[class^="col-"] {
flex: auto;
}
/* ========== MOBILE FIRST ========== */
// MOBILE
@for $i from 0 through $columns {
.col-#{$i} {
width: percentage( $i / $columns );
}
}
@for $i from 0 through $columns {
.push-#{$i} {
margin-left: percentage( $i / $columns );
}
}
@for $i from 0 through $columns {
.pull-#{$i} {
margin-right: percentage( $i / $columns );
}
}
@each $key, $val in $mq {
// TABLET
@media(min-width: $tablet) {
@for $i from 0 through $columns {
.col-t-#{$i} {
width: percentage( $i / $columns );
}
}
@for $i from 0 through $columns {
.push-t-#{$i} {
margin-left: percentage( $i / $columns );
}
}
@for $i from 0 through $columns {
.pull-t-#{$i} {
margin-right: percentage( $i / $columns );
}
}
}
// DESKTOP
@media(min-width: $desktop) {
@for $i from 0 through $columns {
.col-d-#{$i} {
width: percentage( $i / $columns );
}
}
@for $i from 0 through $columns {
.push-d-#{$i} {
margin-left: percentage( $i / $columns );
}
}
@for $i from 0 through $columns {
.pull-d-#{$i} {
margin-right: percentage( $i / $columns );
}
}
}
}
@media(min-width: $desktop) {
.d-hide {
display: none !important;
}
.d-show {
display: block !important;
}
}
================================================
FILE: _sass/1-tools/_mixins.scss
================================================
// Clearfix
@mixin clearfix() {
&::after,
::before {
content: "";
display: table;
clear: both;
}
}
// Reset lists
@mixin list-reset() {
list-style-type: none;
margin: 0;
padding: 0;
}
// Screen reader text
@mixin screen-reader() {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
================================================
FILE: _sass/1-tools/_normalize.scss
================================================
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
================================================
FILE: _sass/1-tools/_reset.scss
================================================
/**
* A very simple reset that sits on top of Normalize.css.
*/
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
fieldset, legend,
figure,
hr {
margin: 0;
padding: 0;
}
/**
* Remove trailing margins from nested lists.
*/
li > {
ul,
ol {
margin-bottom: 0;
}
}
/**
* Remove default table spacing.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
================================================
FILE: _sass/1-tools/_shared.scss
================================================
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
margin-bottom: $base-spacing-unit;
}
ul, ol,
dd {
margin-left: $base-spacing-unit;
}
================================================
FILE: _sass/1-tools/_syntax-highlighting.scss
================================================
/*
Syntax Highlighting
*/
.highlight {
background: $blue-black;
.highlighter-rouge & {
background: #eef;
}
.c { color: #998; font-style: italic } // Comment
.err { color: #a61717; background-color: #e3d2d2 } // Error
.k { font-weight: bold } // Keyword
.o { font-weight: bold } // Operator
.cm { color: #998; font-style: italic } // Comment.Multiline
.cp { color: #999; font-weight: bold } // Comment.Preproc
.c1 { color: #998; font-style: italic } // Comment.Single
.cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
.gd { color: #000; background-color: #fdd } // Generic.Deleted
.gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
.ge { font-style: italic } // Generic.Emph
.gr { color: #a00 } // Generic.Error
.gh { color: #999 } // Generic.Heading
.gi { color: #000; background-color: #dfd } // Generic.Inserted
.gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
.go { color: #888 } // Generic.Output
.gp { color: #555 } // Generic.Prompt
.gs { font-weight: bold } // Generic.Strong
.gu { color: #aaa } // Generic.Subheading
.gt { color: #a00 } // Generic.Traceback
.kc { font-weight: bold } // Keyword.Constant
.kd { font-weight: bold } // Keyword.Declaration
.kp { font-weight: bold } // Keyword.Pseudo
.kr { font-weight: bold } // Keyword.Reserved
.kt { color: #458; font-weight: bold } // Keyword.Type
.m { color: #099 } // Literal.Number
.s { color: #d14 } // Literal.String
.na { color: #008080 } // Name.Attribute
.nb { color: #0086B3 } // Name.Builtin
.nc { color: #458; font-weight: bold } // Name.Class
.no { color: #008080 } // Name.Constant
.ni { color: #800080 } // Name.Entity
.ne { color: #900; font-weight: bold } // Name.Exception
.nf { color: #900; font-weight: bold } // Name.Function
.nn { color: #555 } // Name.Namespace
.nt { color: #000080 } // Name.Tag
.nv { color: #008080 } // Name.Variable
.ow { font-weight: bold } // Operator.Word
.w { color: #bbb } // Text.Whitespace
.mf { color: #099 } // Literal.Number.Float
.mh { color: #099 } // Literal.Number.Hex
.mi { color: #099 } // Literal.Number.Integer
.mo { color: #099 } // Literal.Number.Oct
.sb { color: #6d1 } // Literal.String.Backtick
.sc { color: #6d1 } // Literal.String.Char
.sd { color: #6d1 } // Literal.String.Doc
.s2 { color: #6d1 } // Literal.String.Double
.se { color: #6d1 } // Literal.String.Escape
.sh { color: #6d1 } // Literal.String.Heredoc
.si { color: #6d1 } // Literal.String.Interpol
.sx { color: #6d1 } // Literal.String.Other
.sr { color: #009926 } // Literal.String.Regex
.s1 { color: #6d1 } // Literal.String.Single
.ss { color: #990073 } // Literal.String.Symbol
.bp { color: #999 } // Name.Builtin.Pseudo
.vc { color: #008080 } // Name.Variable.Class
.vg { color: #008080 } // Name.Variable.Global
.vi { color: #008080 } // Name.Variable.Instance
.il { color: #099 } // Literal.Number.Integer.Long
}
================================================
FILE: _sass/2-base/_base.scss
================================================
// Body
$base-font-size: 16px;
$base-font-style: normal;
$base-font-variant: normal;
$base-font-weight: normal;
$base-font-family: 'Nunito', sans-serif;
$base-line-height: 28px;
*, *::after, *::before {
box-sizing: border-box;
}
body {
font-family: $base-font-family;
font-size: $base-font-size;
line-height: $base-line-height;
color: $body-color;
background: $background;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
input, textarea {
border: $border-color 1px solid;
outline: none;
&:focus:required:invalid {
border-color: $danger;
}
&:required:valid {
border-color: $success;
}
}
}
::placeholder {
color: #666;
}
*::selection {
color: $white;
background-color: $primary-color;
}
// Headings
$heading-font-weight: 700;
$heading-font-family: 'Nunito', -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, sans-serif;
$font-size-h1: 36px;
$font-size-h2: 28px;
$font-size-h3: 24px;
$font-size-h4: 20px;
$font-size-h5: 18px;
$font-size-h6: 16px;
$heading-line-height: 1.2;
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: initial;
}
h1 {
font-size: $font-size-h1;
}
h2 {
font-size: $font-size-h2;
}
h3 {
font-size: $font-size-h3;
}
h4 {
font-size: $font-size-h4;
}
h5 {
font-size: $font-size-h5;
}
h6 {
font-size: $font-size-h6;
}
// Blockquote
blockquote {
padding-left: $base-spacing-unit;
border-left: 3px solid $primary-color;
font-style: normal;
}
// Pre
pre {
overflow: auto;
padding: 15px;
margin-bottom: 0;
font-size: 14px;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
}
// Images
img {
max-width: 100%;
height: auto;
vertical-align: middle;
&+em {
text-align: center;
display: block;
margin-top: 10px;
font-weight: normal;
font-size: 16px;
color: $gray-blue;
}
}
// Links
a {
text-decoration: none;
color: $link-color;
transition: $global-transition;
&:hover {
color: $link-color-hover;
}
}
// Hr
hr {
display: block;
height: 2px;
padding: 0;
margin: 30px 0;
line-height: 0;
border: 0;
background-color: $border-color;
}
// Blockquote
blockquote {
padding: 15px 15px 15px 30px;
font-size: 18px;
font-style: normal;
border-left: 4px solid $primary-color;
p {
margin-bottom: 0;
}
}
// Pre
pre {
overflow: auto;
padding: 15px;
margin-bottom: 0;
font-size: 14px;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
}
// Table
.table-container {
max-width: 100%;
overflow-x: auto;
}
table {
font-size: 12px;
color:$black;
width: 100%;
border-width: 1px;
border-color: $gray-blue;
border-collapse: collapse;
}
table th {
padding: 8px;
font-size: 16px;
text-align: left;
border: 1px solid $gray-blue;
color: $white;
background-color: $primary-color;
}
table tr {
background-color: lighten($primary-color, 45%);
transition: all .3s ease;
&:nth-child(even) {
background-color: $white;
}
}
table td {
padding: 8px;
font-size: 14px;
border: 1px solid $gray-blue;
}
table tr:hover {
background-color: $white;
}
================================================
FILE: _sass/3-modules/_buttons.scss
================================================
.button {
display: inline-block;
white-space: nowrap;
vertical-align: middle;
font: inherit;
text-align: center;
padding: round($base-spacing-unit / 2) ($base-spacing-unit * 2);
border-radius: $global-radius;
cursor: pointer;
transition: $global-transition;
&--primary {
color: $button-color;
background-color: $button-background-color;
&:hover {
background-color: darken($primary-color, 15%);
color: $white;
transition: $global-transition;
}
}
&--big {
display: block;
width: 100%;
}
}
================================================
FILE: _sass/3-modules/_footer.scss
================================================
// FOOTER
.footer {
padding: 50px 0;
margin-top: 30px;
background: $black;
}
.footer-top {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 15px;
margin-bottom: 10px;
border-bottom: 1px solid $border-color;
.logo-text {
font-size: 16px;
font-weight: 700;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 5px;
color: $text;
&:hover {
color: $gray-blue;
}
}
.top {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
border: 1px solid $blue-black;
background-color: $blue-black;
color: $text;
cursor: pointer;
transition: $global-transition;
opacity: .5;
&:hover {
opacity: 1;
}
}
}
.footer-bottom {
display: flex;
align-items: center;
flex-wrap: wrap;
.copyright {
margin-right: 60px;
p {
margin-bottom: 0;
font-size: 13px;
color: $gray-blue;
a {
color: $gray-blue;
&:hover {
color: $primary-color;
}
}
}
}
.footer-social {
ul {
li {
display: inline-block;
margin-left: 15px;
&:first-child {
margin-left: 0;
}
a {
font-size: 13px;
font-weight: bold;
color: $gray-blue;
transition: $global-transition;
&:hover {
color: $primary-color;
}
}
}
}
}
}
================================================
FILE: _sass/3-modules/_loader.scss
================================================
// Loader Settings
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
overflow: hidden;
background: $black;
}
.loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px;
font-family: 'Nunito', sans-serif;
font-size: 21px;
letter-spacing: .5em;
text-transform: uppercase;
font-weight: 700;
color: #fff;
background: $black;
span {
color: #fff;
mix-blend-mode: difference;
}
&:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 100%;
background: #fff;
animation: animate 3s linear infinite;
}
}
@keyframes animate {
0% {
left: 0;
}
50% {
left: calc(100% - 70px);
}
100% {
left: 0;
}
}
================================================
FILE: _sass/3-modules/_pagination.scss
================================================
// Pagination
.pagination {
margin: 20px 0 40px;
.pagination-list {
display: flex;
align-items: center;
text-align: center;
.older-posts, .previous-posts, .newer-posts {
display: inline-block;
flex-grow: 1;
.older-link, .previous-link, .newer-link {
display: flex;
justify-content: center;
align-items: center;
padding: 20px 35px;
font-size: 14px;
line-height: 18px;
font-weight: bold;
color: $text;
background: rgba($blue-darken, .95);
transition: $global-transition;
&:hover {
background: rgba(28, 29, 31, 0.95);
}
}
}
.older-link {
i {
margin-left: 10px;
}
}
.previous-link, .newer-link {
i {
margin-right: 10px;
}
}
}
@media only screen and (min-width: 768px) {
margin: 20px 0;
}
}
================================================
FILE: _sass/3-modules/_sidebar.scss
================================================
// Sidebar
.sidebar {
margin-bottom: 30px;
}
.widget {
padding: 40px 15px;
margin-bottom: 30px;
background: rgba($blue-darken, .95);
box-shadow: 0 9px 18px 0 rgba(0, 0, 0, 0.25);
.widget-title {
position: relative;
padding-bottom: 15px;
margin-bottom: 20px;
font-size: 21px;
text-align: center;
&:after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
display: block;
width: 50px;
height: 2px;
background: $border-color;
}
}
}
// Recent Widget
.recent-posts {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 15px;
&:hover{
.recent-image {
&::before {
background: rgba(0, 0, 0, .15);
transition: all .5s ease;
}
}
.recent-content {
.recent-title {
a {
color: $link-color-hover;
}
}
}
}
&:last-child {
margin-bottom: 0;
}
.recent-header {
width: 100%;
margin-bottom: 10px;
background: $black;
&.reveal-in {
.recent-image {
opacity: 1;
}
}
}
.recent-image {
position: relative;
display: block;
width: 100%;
height: 220px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: $black;
box-shadow: 0 9px 18px 0 rgba(0, 0, 0, 0.25);
opacity: 0;
transition: all 1s cubic-bezier(0.6, 0.3, 0, 1);
&:after {
content: "";
display: table;
padding-top: 20%;
}
&:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
transition: all .5s ease;
}
}
.recent-content {
margin: 5px 0;
.recent-title {
margin-bottom: 0;
font-weight: 700;
a {
font-size: 18px;
color: $text;
}
}
.recent-date {
font-size: 12px;
color: $gray-blue;
}
}
}
// Social Widget
.social-profiles {
text-align: center;
.social-profiles-item {
display: inline-block;
margin: 3px;
}
.social-profiles-link {
display: inline-block;
line-height: 16px;
padding: 8px 10px;
border: 1px solid $border-color;
border-radius: $global-radius;
color: $border-color;
&:hover {
border-color: $primary-color;
color: $primary-color;
}
i {
font-size: 18px;
}
}
}
// Instagram Widget
.widget-instagram {
.instagram-box {
text-align: center;
.instagram-grid {
margin-bottom: 30px;
}
.instagram-item {
width: 33.333%;
padding: 3px;
float: left;
overflow: hidden;
a {
position: relative;
display: block;
&:after {
content: "";
position: absolute;
top: 0;
display: block;
height: 100%;
width: 100%;
background: rgba($blue-darken, .3);
transition: $global-transition;
}
&:hover {
&:after {
background: transparent;
}
}
}
}
.instagram-prof {
font-size: 14px;
color: #3E4250;
&:hover {
text-decoration: underline;
}
}
}
}
// Newsletter Widget
.widget-newsletter {
text-align: center;
.newsletter-subtitle {
margin-bottom: 20px;
font-size: 18px;
}
.newsletter-text {
max-width: 170px;
margin: 0 auto 30px;
font-size: 14px;
line-height: 19px;
}
.newsletter-group-top {
position: relative;
}
.email-icon {
position: absolute;
top: 50%;
left: 10px;
font-size: 22px;
transform: translateY(-50%);
color: rgba(44, 47, 54, 0.4);
}
.newsletter-email,
.newsletter-button {
width: 100%;
height: 50px;
border: none;
outline: none;
}
.newsletter-email {
padding: 15px 15px 15px 33px;
}
.newsletter-button {
margin-top: 20px;
font-size: 14px;
font-weight: 700;
cursor: pointer;
color: $white;
background: $blue-black;
transition: $global-transition;
&:hover {
background: $primary-color;
}
}
}
// Tags Widget
.tag-list {
.tag-item {
display: inline-block;
margin: 3px;
&:last-child {
margin-right: 0;
}
.tag {
display: inline-block;
padding: 5px 15px;
font-size: 12px;
border-radius: $global-radius;
color: $text;
background: $blue-black;
&:hover {
color: $white;
background: $primary-color;
}
}
}
}
// Media
@media only screen and (min-width: 576px) {
.widget {
padding: 40px;
}
}
@media only screen and (min-width: 768px) {
.recent-posts {
.recent-header {
margin-bottom: 5px;
}
.recent-image {
height: 120px;
}
.recent-content {
.recent-title {
a {
font-size: 16px;
}
}
}
}
}
@media only screen and (min-width: 992px) {
.recent-posts {
flex-wrap: nowrap;
.recent-header {
width: auto;
margin-right: 15px;
}
.recent-image {
width: 110px;
}
}
}
================================================
FILE: _sass/4-layouts/_home.scss
================================================
// Header
.header {
margin-bottom: 50px;
background: $black;
}
.header, .header-box {
height: 60px;
}
.header-box {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
.logo-title {
.logo-text {
font-size: 16px;
font-weight: 700;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 5px;
color: $text;
&:hover {
color: #fff;
}
}
}
}
.nav-menu,
.search {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: scale(.5);
z-index: -1;
background: $blue-black;
overflow-y: auto;
opacity: 0;
&.active {
transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transform: scale(1);
z-index: 10;
opacity: 1;
}
}
.menu-list {
max-width: 750px;
width: 100%;
margin: 5% auto 0;
padding: 15px;
list-style: none;
overflow-y: auto;
.menu-item {
text-align: center;
}
.menu-link {
position: relative;
font-size: 30px;
font-weight: 700;
line-height: 60px;
color: $text;
&:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 5px;
pointer-events: none;
background: #3DDCA1;
transform: scale3d(0, 1, 1);
transform-origin: 100% 50%;
transition: transform 0.35s cubic-bezier(0.8, 0, 0.2, 1);
}
&:hover {
&:before {
transform: scale3d(1, 1, 1);
transform-origin: 0 50%;
}
}
}
}
.search-close-button {
margin: 0 auto 50px;
}
.menu-close {
margin: 20% auto 0;
}
.menu-close,
.search-close-button {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
font-size: 40px;
border-radius: 50%;
border: 2px solid $gray-blue;
color: $gray-blue;
transition: all $global-transition;
cursor: pointer;
&:hover {
border-color: $text;
color: $text;
}
}
.nav-menu .menu-link,
.nav-buttons i.ion {
transition: color $global-transition;
&:hover {
color: #fff;
}
}
.nav-buttons {
i.ion {
margin-left: 10px;
font-size: 20px;
vertical-align: middle;
color: $text;
cursor: pointer;
&:first-child {
margin-left: 0;
}
}
}
.search-box {
max-width: 750px;
width: 100%;
margin: 10% auto 0;
padding: 15px;
text-align: center;
.search-text {
width: 100%;
height: 60px;
margin-bottom: 30px;
text-align: center;
font-size: 18px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: #c1c1c7;
background: #4f505d;
&::placeholder {
color: #c1c1c7;
}
}
}
.search-results-list {
margin: 0;
.search-item {
margin-bottom: 15px;
list-style: decimal inside;
text-align: left;
border-bottom: 2px solid $lighten-black;
white-space: nowrap;
.search-link {
display: inline-block;
width: 100%;
padding: 15px;
font-size: 21px;
color: $white;
white-space: normal;
&:hover {
color: $gray-blue;
}
}
}
.search-no-item {
font-size: 18px;
color: $danger;
list-style: none;
}
}
// Articles
.article-first {
margin-bottom: 30px;
background: $black;
.article-image-first {
position: relative;
display: flex;
align-items: center;
min-height: 450px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: $black;
box-shadow: 0 9px 18px 0 rgba(0, 0, 0, .25);
&:before {
content: "";
display: table;
padding-top: 50%;
}
}
.article-content-first {
padding: 20px;
color: $text;
.article-tag {
.tag {
font-size: 12px;
}
}
.article-date {
.date {
font-size: 12px;
color: rgba($text, .8);
}
}
.article-title {
margin-bottom: 20px;
font-size: 30px;
line-height: 30px;
font-weight: normal;
a {
color: $text;
transition: $global-transition;
}
}
.article-excerpt {
max-width: 450px;
margin-bottom: 30px;
font-size: 14px;
line-height: 23px;
}
.button {
font-size: 14px;
font-weight: 700;
border: 1px solid rgba(201, 211, 231, 50);
color: $text;
transition: $global-transition;
&:hover {
border: 1px solid $primary-color;
background: $primary-color;
color: $white;
}
}
}
}
.article {
display: flex;
margin-bottom: 25px;
&:hover {
.article-image {
.image-overlay-text {
opacity: 1;
}
}
.article-image {
.image-overlay {
opacity: .5;
width: 100%;
}
}
}
.article-box {
padding-bottom: 20px;
border-bottom: 2px solid $border-color;
}
.article-head {
background: $black;
}
.article-image {
position: relative;
display: block;
margin-bottom: 20px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: $black;
box-shadow: 0 9px 18px 0 rgba(0, 0, 0, .25);
&:before {
content: "";
display: table;
padding-top: 75%;
}
.image-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 0;
height: 100%;
background-color: rgba(0,0,0,0.8);
opacity: 0;
transition: all 0.4s ease;
}
.image-overlay-text {
position: absolute;
top: 50%;
left: 50%;
font-size: 110px;
text-align: center;
letter-spacing: 2px;
color: $text;
transform: translate(-50%,-50%);
transition: all 0.4s ease 0.3s;
opacity: 0;
}
}
.article-content {
.article-info {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 5px;
.article-date {
font-size: 12px;
color: rgba($text, .8);
}
.article-tag {
.tag {
display: inline-block;
padding: 2px 5px;
margin-right: 5px;
font-size: 12px;
line-height: 18px;
font-weight: bold;
border: 1px solid $primary-color;
border-radius: $global-radius;
text-transform: capitalize;
color: $primary-color;
transition: $global-transition;
&:last-child {
margin-right: 0;
}
&:hover {
background: $primary-color;
color: $white;
}
}
}
}
.article-title {
margin-bottom: 5px;
a {
font-size: 24px;
color: $text;
}
}
.article-excerpt {
margin-bottom: 0;
font-size: 15px;
line-height: 25px;
color: $gray-blue;
}
}
}
.article-box {
position: relative;
overflow: hidden;
}
.article-first .article-image-first, .article-box .article-image {
position: relative;
opacity: 0;
transition: all 1s cubic-bezier(0.6, 0.3, 0, 1);
}
.article-first.reveal-in .article-image-first, .article-box.reveal-in .article-image {
opacity: 1;
}
// Media
@media only screen and (min-width: 576px) {
.article-first {
.article-content-first {
.article-title {
font-size: 45px;
line-height: 45px;
}
.article-excerpt {
margin-bottom: 50px;
}
}
}
.menu-list {
.menu-link {
font-size: 50px;
line-height: 80px;
&:before {
height: 8px;
}
}
}
.search-box {
.search-text {
height: 80px;
margin-bottom: 30px;
font-size: 24px;
}
}
}
@media only screen and (min-width: 768px) {
.article-first {
.article-content-first {
padding: 60px 40px 0;
}
}
}
@media only screen and (min-width: 992px) {
.nav-menu {
position: relative;
display: block;
transform: none;
opacity: 1;
z-index: 10;
background: transparent;
.menu-list {
padding: 0;
margin: 0;
.menu-item {
display: inline-block;
margin: 0 15px 0 0;
&:last-child {
margin-right: 0;
}
}
.menu-link {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
line-height: 19px;
&:before {
content: none;
}
}
}
.menu-close {
display: none;
}
}
.nav-menu .menu-link,
.nav-buttons i.ion {
transition: color $global-transition;
&:hover {
color: #fff;
}
}
}
================================================
FILE: _sass/4-layouts/_page.scss
================================================
// Page
.page {
margin-bottom: 20px;
}
.page-image-box {
background: $black;
&.reveal-in {
.page-image {
opacity: 1;
}
}
}
.page-image {
min-height: 230px;
margin-bottom: 30px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: $black;
box-shadow: 0 9px 18px 0 rgba(0,0,0,0.25);
opacity: 0;
transition: all 1s cubic-bezier(0.6, 0.3, 0, 1);
&:after {
content: "";
display: table;
width: 100%;
padding-top: 50%;
}
}
.page-content {
padding: 40px 15px;
box-shadow: 0 9px 18px 0 rgba(0,0,0,0.25);
background: rgba($blue-darken, .95);
}
.page-head {
padding-bottom: 30px;
.page-title {
font-size: 28px;
text-align: center;
font-weight: normal;
line-height: 28px;
margin-bottom: 0;
}
}
.page-head, .page-body {
margin-bottom: 20px;
border-bottom: 1px solid $border-color;
}
.page-body {
padding-bottom: 20px;
}
@media only screen and (min-width: 576px) {
.page-content {
padding: 40px;
}
.page-head {
.page-title {
font-size: 43px;
line-height: 43px;
margin-bottom: 10px;
}
}
}
================================================
FILE: _sass/4-layouts/_post.scss
================================================
// Post
.post {
margin-bottom: 20px;
}
.post-image-box {
background: $black;
&.reveal-in {
.post-image {
opacity: 1;
}
}
}
.post-image {
min-height: 430px;
margin-bottom: 30px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: $black;
box-shadow: 0 9px 18px 0 rgba(0,0,0,0.25);
position: relative;
opacity: 0;
transition: all 1s cubic-bezier(0.6, 0.3, 0, 1);
&:after {
content: "";
display: table;
width: 100%;
padding-top: 50%;
}
}
.post-head, .post-content {
background: rgba($blue-darken, .95);
}
.post-content {
padding: 40px 15px;
box-shadow: 0 9px 18px 0 rgba(0,0,0,0.25);
}
.post-head, .post-body {
margin-bottom: 20px;
border-bottom: 1px solid $border-color;
}
.post-head {
padding-bottom: 30px;
.post-tag {
margin-bottom: 20px;
text-align: center;
.tag {
display: inline-block;
padding: 5px 15px;
margin-right: 5px;
font-size: 12px;
line-height: 18px;
font-weight: bold;
border: 1px solid $primary-color;
text-transform: capitalize;
color: $primary-color;
transition: $global-transition;
&:last-child {
margin-right: 0;
}
&:hover {
background: $primary-color;
color: $white;
}
}
}
.post-title {
font-size: 28px;
text-align: center;
font-weight: normal;
line-height: 28px;
margin-bottom: 5px;
}
.post-date {
span {
font-size: 12px;
}
}
}
.post-info, .post-info-author {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.post-info {
.post-info-author {
.info-author-avatar {
display: inline-block;
width: 32px;
height: 32px;
margin-right: 10px;
border-radius: 50%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.info-author-name, span {
font-size: 12px;
text-transform: uppercase;
}
span {
margin-right: 10px;
}
.info-author-name {
position: relative;
padding-right: 20px;
margin-right: 15px;
color: $text;
&:after {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
display: block;
width: 2px;
height: 12px;
background: $border-color;
}
}
}
}
.post-body {
padding-bottom: 20px;
}
.post-share {
padding: 10px 0;
.share-item {
display: inline-block;
padding-right: 15px;
a {
color: $border-color;
&:hover {
color: $primary-color;
}
i.ion {
font-size: 20px;
}
}
}
}
// POST NAVIGATION
.post-navigation {
display: flex;
flex-wrap: wrap;
margin-top: 30px;
}
.prev, .next {
flex-basis: 100%;
padding: 15px;
background: #26272B;
&:hover {
background: darken(#26272B, 3%);
.post-nav-title {
color: $primary-color;
transition: $global-transition;
}
}
.post-nav-arrow {
font-size: 14px;
color: $text;
}
.post-nav-title {
font-size: 18px;
color: $text;
transition: $global-transition;
}
}
.prev {
margin-bottom: 10px;
}
.prev, .next {
text-align: center;
}
// COMMENTS SECTION
.comments {
padding: 0 15px;
background: $blue-darken;
}
// MEDIA
@media only screen and (min-width: 576px) {
.post-content {
padding: 40px;
}
.post-head {
.post-title {
font-size: 43px;
line-height: 43px;
margin-bottom: 10px;
}
}
.post-navigation {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
.prev, .next {
flex-basis: 48%;
padding: 20px;
.post-nav-title {
font-size: 21px;
}
}
.prev {
text-align: left;
margin-bottom: 0;
}
.next {
text-align: right;
}
.comments {
padding: 0 40px;
}
}
================================================
FILE: _sass/4-layouts/_tags.scss
================================================
// Tags
.tags-list {
display: flex;
flex-wrap: wrap;
margin: 40px 0;
padding: 0;
list-style: none;
.tags-item {
margin: 5px;
}
.tags-link {
display: inline-block;
padding: 7px 12px;
font-size: 14px;
border-radius: 4px;
color: $text;
font-weight: 700;
background: $blue-black;
&:hover {
color: $white;
background: $primary-color;
}
}
}
.tags-title {
margin-bottom: 5px;
}
.tags-group {
margin-bottom: 30px;
}
================================================
FILE: _sass/5-trumps/_helpers.scss
================================================
// Text Alignment
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
// Display
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
// Vertical Center
.vertical-center {
display: flex;
align-items: center;
justify-content: center;
}
// Display State
.show {
display: block !important;
}
.hide {
display: none !important;
}
.invisible {
visibility: hidden;
}
// Floats
.float-left {
float: left;
}
.float-right {
float: right;
}
// Padding
.no-padding {
padding: 0;
}
// Margins
.no-margin {
margin: 0;
}
// Clearfix
.clearfix {
@include clearfix();
}
// Lists Reset
.list-reset {
@include list-reset();
}
// Screen Reader
.screen-reader-text {
@include screen-reader();
}
================================================
FILE: index.html
================================================
---
layout: default
---
<div class="container">
<div class="row">
{% if site.posts.size > 0 %}
{%- for post in paginator.posts -%}
{% if forloop.index <= 1 %}
<div class="col col-12">
<article class="article-first">
<div class="article-image-first" style="background-image: url({{"/img/" | prepend: site.baseurl | append : post.image}})">
<div class="article-content-first">
<div class="article-tag">
{% if post.tags.size >= 1 %}
{% for tag in post.tags %}
<a href="{{ site.baseurl }}/tags#{{tag}}" class="tag">{{ tag }}</a>
{% endfor %}
{% else %} {% endif %}
</div>
<h2 class="article-title"><a href="{{ post.url | prepend: site.baseurl }}">{{post.title}}</a></h2>
<p class="article-excerpt">{% if post.description %}{{ post.description | strip_html | truncate: 163 }}{% else %}{{ post.content | strip_html | truncate: 163 }}{% endif %}</p>
<a href="{{ post.url | prepend: site.baseurl }}" class="button read-more">Read More</a>
</div>
</div>
</article> <!-- /.article-first -->
</div>
{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
<div class="container">
<div class="row">
<div class="col col-12 col-t-8">
<div class="row">
{%- for post in paginator.posts offset: 1 -%}
<article class="article col col-12 col-t-6">
<div class="article-box">
<div class="article-head">
<a href="{{ post.url | prepend: site.baseurl }}" class="article-image" style="background-image: url({{"/img/" | prepend: site.baseurl | append : post.image}})">
<div class="image-overlay">
<span class="image-overlay-text">{{post.title | slice: 0}}</span>
</div>
</a>
</div>
<div class="article-content">
<div class="article-info">
<div class="article-date">
<span class="date"><time datetime="{{ post.date | date_to_xmlschema }}">{% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}{{ post.date | date: date_format }}</time></span>
</div>
<div class="article-tag">
{% if post.tags.size >= 1 %}
{% for tag in post.tags %}
<a href="{{ site.baseurl }}/tags#{{tag}}" class="tag">{{ tag }}</a>
{% endfor %}
{% else %} {% endif %}
</div>
</div>
<h2 class="article-title">
<a href="{{ post.url | prepend: site.baseurl }}">{{post.title}}</a>
</h2>
<p class="article-excerpt">{% if post.description %}{{ post.description | strip_html | truncate: 135 }}{% else %}{{ post.content | strip_html | truncate: 135 }}{% endif %}</p>
</div>
</div>
</article> <!-- /.article -->
{% endfor %}
</div>
{% include pagination.html %}
</div>
<div class="col col-12 col-t-4">
{% include sidebar.html %}
</div>
</div>
</div>
================================================
FILE: js/common.js
================================================
$(function() {
'use strict';
/* =======================
// Toggle Menu and Search
======================= */
var $menuOpenButton = $(".menu-button"),
$menuCloseButton = $(".menu-close"),
$navMenu = $(".nav-menu"),
$searchOpenButton = $(".search-button"),
$searchCloseButton = $(".search-close-button"),
$search = $(".search");
$(window).on("resize", function () {
var e = $(this);
if (e.width() >= 991) {
$navMenu.removeClass("active"); // Remove class - "active" if width window more than 991px
}
});
$menuOpenButton.on("click", function() {
openMenu();
});
$menuCloseButton.on("click", function() {
closeMenu();
});
$searchOpenButton.on("click", function() {
openSearch();
});
$searchCloseButton.on("click", function() {
closeSearch();
});
function openMenu() {
$navMenu.addClass("active");
}
function closeMenu() {
$navMenu.removeClass("active");
}
function openSearch() {
$search.addClass("active");
}
function closeSearch() {
$search.removeClass("active");
}
/* =======================
// Reveal Image
======================= */
var ww = window.innerWidth,
wh = window.innerHeight;
$(window).ready(function () {
$('body').waitForImages({
finished: function () {
setTimeout(function () {
$('.preloader').addClass('hide');
setTimeout(function () {
reveals();
}, 100);
}, 500);
},
waitForAll: true
});
});
function reveals() {
$(window).on('scroll', function () {
$(".article-box, .article-first, .post-image-box, .page-image-box, .post-body img, .page-body img, .recent-header").each(
function(i) {
var el_top = $(this).offset().top,
win_bottom = wh + $(window).scrollTop();
if (el_top < win_bottom) {
$(this)
.delay(i * 100)
.queue(function() {
$(this).addClass("reveal-in");
});
}
}
);
}).scroll();
}
/* =======================
// Responsive Videos
======================= */
$(".post-content, .page-content").fitVids({
customSelector: ['iframe[src*="ted.com"]']
});
/* =======================
// Instagram Feed
======================= */
// userId and accessToken from Matthew Elsom (https://codepen.io/matthewelsom/pen/zrrrLN) for example, for which he thanks a lot!
var instagramFeed = new Instafeed({
get: 'user',
limit: 6,
resolution: 'standard_resolution',
userId: '8987997106',
accessToken: '8987997106.924f677.8555ecbd52584f41b9b22ec1a16dafb9',
template:
'<li class="instagram-item"><a href="{{link}}" aria-label="{{caption}}" target="_blank"><img src="{{image}}" alt="{{caption}}"></a></li>'
});
if ($('#instafeed').length) {
instagramFeed.run();
}
/* =======================
// Scroll Top Button
======================= */
$(".top").click(function () {
$("html, body")
.stop()
.animate({ scrollTop: 0 }, "slow", "swing");
});
});
================================================
FILE: js/jquery.fitvids.js
================================================
/*jshint browser:true */
/*!
* FitVids 1.1
*
* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
*
*/
;(function( $ ){
'use strict';
$.fn.fitVids = function( options ) {
var settings = {
customSelector: null,
ignore: null
};
if(!document.getElementById('fit-vids-style')) {
// appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js
var head = document.head || document.getElementsByTagName('head')[0];
var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';
var div = document.createElement("div");
div.innerHTML = '<p>x</p><style id="fit-vids-style">' + css + '</style>';
head.appendChild(div.childNodes[1]);
}
if ( options ) {
$.extend( settings, options );
}
return this.each(function(){
var selectors = [
'iframe[src*="player.vimeo.com"]',
'iframe[src*="youtube.com"]',
'iframe[src*="youtube-nocookie.com"]',
'iframe[src*="kickstarter.com"][src*="video.html"]',
'object',
'embed'
];
if (settings.customSelector) {
selectors.push(settings.customSelector);
}
var ignoreList = '.fitvidsignore';
if(settings.ignore) {
ignoreList = ignoreList + ', ' + settings.ignore;
}
var $allVideos = $(this).find(selectors.join(','));
$allVideos = $allVideos.not('object object'); // SwfObj conflict patch
$allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video.
$allVideos.each(function(){
var $this = $(this);
if($this.parents(ignoreList).length > 0) {
return; // Disable FitVids on this video.
}
if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width'))))
{
$this.attr('height', 9);
$this.attr('width', 16);
}
var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
aspectRatio = height / width;
if(!$this.attr('name')){
var videoName = 'fitvid' + $.fn.fitVids._count;
$this.attr('name', videoName);
$.fn.fitVids._count++;
}
$this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');
$this.removeAttr('height').removeAttr('width');
});
});
};
// Internal counter for unique video names.
$.fn.fitVids._count = 0;
// Works with either jQuery or Zepto
})( window.jQuery || window.Zepto );
================================================
FILE: search.json
================================================
---
layout: null
---
[
{% for post in site.posts %}
{
"title" : "{{ post.title | escape }}",
"category" : "{{ post.category }}",
"tags" : "{{ post.tags | array_to_sentence_string }}",
"url" : "{{ site.baseurl }}{{ post.url }}",
"date" : "{{ post.date }}"
} {% unless forloop.last %},{% endunless %}
{% endfor %}
]
================================================
FILE: tags.html
================================================
---
layout: page
title: Tags in Blog
image: 10.jpg
permalink: /tags/
---
{% capture site_tags %}{% for tag in site.tags %}{{ tag | first }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
{% assign tag_words = site_tags | split:',' | sort %}
<div class="tags">
<ul class="tags-list">
{% for item in (0..site.tags.size) %}{% unless forloop.last %}
{% capture this_word %}{{ tag_words[item] | strip_newlines }}{% endcapture %}
<li class="tags-item"><a href="#{{ this_word | cgi_escape }}" class="tags-link">{{ this_word }} <span>{{ site.tags[this_word].size }}</span></a></li>
{% endunless %}{% endfor %}
</ul>
<hr>
{% for item in (0..site.tags.size) %}{% unless forloop.last %}
{% capture this_word %}{{ tag_words[item] | strip_newlines }}{% endcapture %}
<h2 class="tags-title" id="{{ this_word | cgi_escape }}">{{ this_word }}</h2>
<div class="tags-group">
{% for post in site.tags[this_word] %}{% if post.title != null %}
<div class="tag-item">
<div class="tag-text">
<a class="tag-link" href="{{ root_url }}{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a> | <small><span class="tag-date">{{ post.date | date_to_string }}</span></small>
</div>
</div>
{% endif %}{% endfor %}
</div>
{% endunless %}{% endfor %}
</div> <!-- /.tags -->
gitextract_ta4vvcsw/ ├── .gitignore ├── 404.html ├── Gemfile ├── LICENSE.txt ├── README.md ├── _config.yml ├── _includes/ │ ├── disqus-comments.html │ ├── footer.html │ ├── google-analytics.html │ ├── head.html │ ├── header.html │ ├── javascripts.html │ ├── loader.html │ ├── main.scss │ ├── pagination.html │ └── sidebar.html ├── _layouts/ │ ├── default.html │ ├── page.html │ └── post.html ├── _pages/ │ ├── about.md │ └── styleguide.md ├── _posts/ │ ├── 2018-05-29-welcome-to-jekyll.markdown │ ├── 2018-08-23-abstraction-as-art.markdown │ ├── 2018-08-23-flower-care-guide.markdown │ ├── 2018-08-23-how-to-plan-a-camping-trip.markdown │ ├── 2018-08-23-night-city-lights.markdown │ ├── 2018-08-23-premiere-on-broadway.markdown │ ├── 2018-08-23-the-most-popular-mistakes.markdown │ └── 2018-08-23-the-path-to-self-perfection.markdown ├── _sass/ │ ├── 0-settings/ │ │ ├── _colors.scss │ │ └── _global.scss │ ├── 1-tools/ │ │ ├── _grid.scss │ │ ├── _mixins.scss │ │ ├── _normalize.scss │ │ ├── _reset.scss │ │ ├── _shared.scss │ │ └── _syntax-highlighting.scss │ ├── 2-base/ │ │ └── _base.scss │ ├── 3-modules/ │ │ ├── _buttons.scss │ │ ├── _footer.scss │ │ ├── _loader.scss │ │ ├── _pagination.scss │ │ └── _sidebar.scss │ ├── 4-layouts/ │ │ ├── _home.scss │ │ ├── _page.scss │ │ ├── _post.scss │ │ └── _tags.scss │ └── 5-trumps/ │ └── _helpers.scss ├── index.html ├── js/ │ ├── common.js │ └── jquery.fitvids.js ├── search.json └── tags.html
SYMBOL INDEX (5 symbols across 1 files)
FILE: js/common.js
function openMenu (line 39) | function openMenu() {
function closeMenu (line 43) | function closeMenu() {
function openSearch (line 47) | function openSearch() {
function closeSearch (line 51) | function closeSearch() {
function reveals (line 77) | function reveals() {
Condensed preview — 53 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (125K chars).
[
{
"path": ".gitignore",
"chars": 46,
"preview": "_site\n.sass-cache\n.jekyll-metadata\n*.DS_Store\n"
},
{
"path": "404.html",
"chars": 339,
"preview": "---\nlayout: page\ntitle: Page not found\nimage: 04.jpg\npermalink: /404.html\n---\n\n<div class=\"container\">\n <div class=\"row"
},
{
"path": "Gemfile",
"chars": 358,
"preview": "source \"https://rubygems.org\"\n\ngem \"bundler\"\ngem \"jekyll\", \">= 3.8.4\"\ngem \"jekyll-paginate\"\ngem \"jekyll-sitemap\"\n\n\n# Win"
},
{
"path": "LICENSE.txt",
"chars": 1074,
"preview": "The MIT License\n\nCopyright (c) 2018 Artem Sheludko\n\nPermission is hereby granted, free of charge, to any person obtainin"
},
{
"path": "README.md",
"chars": 5657,
"preview": "Galada - Easy & Simple Theme for Personal Blog\n======\nGalada is an easy and simple theme for Jekyll. Dark colors, give i"
},
{
"path": "_config.yml",
"chars": 1965,
"preview": "#-------------------------------\n# General Site Settings\n\ntitle: Galada Theme | Theme for Jekyll\ndescription: Galada is "
},
{
"path": "_includes/disqus-comments.html",
"chars": 518,
"preview": "<div class=\"comments\">\n <div id=\"disqus_thread\" class=\"article-comments\"></div>\n <script>\n (function () {\n var"
},
{
"path": "_includes/footer.html",
"chars": 1314,
"preview": "<footer class=\"footer\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col col-12\">\n <div clas"
},
{
"path": "_includes/google-analytics.html",
"chars": 427,
"preview": "<script>\n (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){\n (i[r].q=i[r].q||[]).push(argum"
},
{
"path": "_includes/head.html",
"chars": 1015,
"preview": "<head>\n <meta charset=\"utf-8\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n <meta name=\"viewport\" content="
},
{
"path": "_includes/header.html",
"chars": 1533,
"preview": "<header class=\"header\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col col-12\">\n <div clas"
},
{
"path": "_includes/javascripts.html",
"chars": 789,
"preview": "<script src=\"{{ site.baseurl }}/js/jquery-3.3.1.min.js\"></script>\n<script src=\"{{ site.baseurl }}/js/simple-jekyll-searc"
},
{
"path": "_includes/loader.html",
"chars": 105,
"preview": "<div class=\"preloader\">\n <div class=\"loader\">\n <span>Loading</span>\n </div>\n</div> <!-- /.loader -->"
},
{
"path": "_includes/main.scss",
"chars": 606,
"preview": "// 0-SETTINGS\n@import '0-settings/global';\n@import '0-settings/colors';\n\n// 1-TOOLS\n@import '1-tools/normalize';\n@import"
},
{
"path": "_includes/pagination.html",
"chars": 982,
"preview": "<div class=\"row\">\n <div class=\"col col-12\">\n <div class=\"pagination\">\n <ul class=\"pagination-list list-reset\">\n"
},
{
"path": "_includes/sidebar.html",
"chars": 3882,
"preview": "<aside class=\"sidebar\">\n \n {% if page.id %}\n <div class=\"widget widget-recent\">\n <h3 class=\"widget-title\">Recent P"
},
{
"path": "_layouts/default.html",
"chars": 311,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n{% include head.html %}\n\n<body>\n\n {% if site.google-analytics %}\n {% include googl"
},
{
"path": "_layouts/page.html",
"chars": 563,
"preview": "---\nlayout: default\n---\n<div class=\"container\">\n\t<div class=\"row\">\n\t\t<div class=\"col col-12\">\n\t\t\t<div class=\"page-image-"
},
{
"path": "_layouts/post.html",
"chars": 4113,
"preview": "---\nlayout: default\n---\n<div class=\"container\">\n\t<div class=\"row\">\n\t\t<div class=\"col col-12\">\n\t\t\t<div class=\"post-image-"
},
{
"path": "_pages/about.md",
"chars": 2669,
"preview": "---\nlayout: page\ntitle: About\nimage: 08.jpg\npermalink: /about/\n---\n\nMy name is Natali Anderson. I'm an actress. Copper m"
},
{
"path": "_pages/styleguide.md",
"chars": 3007,
"preview": "---\nlayout: page\ntitle: Style Guide\npermalink: /styleguide/\nimage: 11.jpg\n---\nA paragraph looks like this — dolor amet c"
},
{
"path": "_posts/2018-05-29-welcome-to-jekyll.markdown",
"chars": 1209,
"preview": "---\nlayout: post\ntitle: \"Welcome to Jekyll!\"\ndate: 2018-05-29 18:05:55 +0300\nimage: 11.jpg\ntags: [Jekyll]\n---\nYou’"
},
{
"path": "_posts/2018-08-23-abstraction-as-art.markdown",
"chars": 4679,
"preview": "---\nlayout: post\ntitle: Abstraction as art\ndate: 2018-08-23 16:03:50 +0300\nimage: 04.jpg\ntags: Art\n---\nUnicorn veg"
},
{
"path": "_posts/2018-08-23-flower-care-guide.markdown",
"chars": 4691,
"preview": "---\nlayout: post\ntitle: Flower Care Guide\ndate: 2018-08-23 16:02:00 +0300\nimage: 07.jpg\ntags: [Guide, Flowers]\n---"
},
{
"path": "_posts/2018-08-23-how-to-plan-a-camping-trip.markdown",
"chars": 4688,
"preview": "---\nlayout: post\ntitle: How to Plan a Camping Trip\ndate: 2018-08-23 16:03:00 +0300\nimage: 06.jpg\ntags: Trip\n---\nUn"
},
{
"path": "_posts/2018-08-23-night-city-lights.markdown",
"chars": 4681,
"preview": "---\nlayout: post\ntitle: Night city lights\ndate: 2018-08-23 16:04:55 +0300\nimage: 02.jpg\ntags: Cities\n---\nUnicorn v"
},
{
"path": "_posts/2018-08-23-premiere-on-broadway.markdown",
"chars": 4682,
"preview": "---\nlayout: post\ntitle: Premiere on Broadway\ndate: 2018-08-23 16:04:00 +0300\nimage: 03.jpg\ntags: Rest\n---\nUnicorn "
},
{
"path": "_posts/2018-08-23-the-most-popular-mistakes.markdown",
"chars": 4722,
"preview": "---\nlayout: post\ntitle: The most popular mistakes\ndate: 2018-08-23 16:05:55 +0300\nimage: 01.jpg\ntags: [Lifehacks]\n"
},
{
"path": "_posts/2018-08-23-the-path-to-self-perfection.markdown",
"chars": 4689,
"preview": "---\nlayout: post\ntitle: The path to self-perfection\ndate: 2018-08-23 16:03:30 +0300\nimage: 05.jpg\ntags: Life\n---\nU"
},
{
"path": "_sass/0-settings/_colors.scss",
"chars": 613,
"preview": "// Main Colors\n$primary-color: #1ABC9C;\n$secondary-color: #C19CD8;\n$highlight: #ffeea8;\n$text: #C9D3E7;\n$gray-blue: #707"
},
{
"path": "_sass/0-settings/_global.scss",
"chars": 116,
"preview": "// Spaces\n$base-spacing-unit: 15px;\n\n// Border radius\n$global-radius: 3px;\n\n// Transition\n$global-transition: .35s;\n"
},
{
"path": "_sass/1-tools/_grid.scss",
"chars": 2138,
"preview": "$columns: 12;\n$container-base-width: 1200px;\n$container-offset: $base-spacing-unit;\n\n$mobile: 576px;\n$tablet: 768px;\n$"
},
{
"path": "_sass/1-tools/_mixins.scss",
"chars": 407,
"preview": "// Clearfix\n@mixin clearfix() {\n &::after,\n ::before {\n content: \"\";\n display: table;\n clear: both;\n }\n}\n\n//"
},
{
"path": "_sass/1-tools/_normalize.scss",
"chars": 6052,
"preview": "/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ==========================="
},
{
"path": "_sass/1-tools/_reset.scss",
"chars": 404,
"preview": "/**\n * A very simple reset that sits on top of Normalize.css.\n*/\n\nbody,\nh1, h2, h3, h4, h5, h6,\np, blockquote, pre,\ndl, "
},
{
"path": "_sass/1-tools/_shared.scss",
"chars": 186,
"preview": "h1, h2, h3, h4, h5, h6,\nul, ol, dl,\nblockquote, p, address,\nhr,\ntable,\nfieldset, figure,\npre {\n margin-bottom: $base-sp"
},
{
"path": "_sass/1-tools/_syntax-highlighting.scss",
"chars": 3197,
"preview": "/*\n Syntax Highlighting\n*/\n\n.highlight {\n background: $blue-black;\n\n .highlighter-rouge & {\n background: #eef;\n }"
},
{
"path": "_sass/2-base/_base.scss",
"chars": 3172,
"preview": "// Body\n$base-font-size: 16px;\n$base-font-style: normal;\n$base-font-variant: normal;\n$base-font-weight: normal;\n$base-fo"
},
{
"path": "_sass/3-modules/_buttons.scss",
"chars": 558,
"preview": ".button {\n display: inline-block;\n white-space: nowrap;\n vertical-align: middle;\n font: inherit;\n text-align: cente"
},
{
"path": "_sass/3-modules/_footer.scss",
"chars": 1492,
"preview": "// FOOTER\n.footer {\n padding: 50px 0;\n margin-top: 30px;\n background: $black;\n}\n\n.footer-top {\n display: flex;\n jus"
},
{
"path": "_sass/3-modules/_loader.scss",
"chars": 797,
"preview": "// Loader Settings\n.preloader {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 999;\n overf"
},
{
"path": "_sass/3-modules/_pagination.scss",
"chars": 905,
"preview": "// Pagination\n.pagination {\n margin: 20px 0 40px;\n .pagination-list {\n display: flex;\n align-items: center;\n "
},
{
"path": "_sass/3-modules/_sidebar.scss",
"chars": 5127,
"preview": "// Sidebar\n.sidebar {\n margin-bottom: 30px;\n}\n.widget {\n padding: 40px 15px;\n margin-bottom: 30px;\n background: rgba"
},
{
"path": "_sass/4-layouts/_home.scss",
"chars": 8643,
"preview": "// Header\n.header {\n margin-bottom: 50px;\n background: $black;\n}\n\n.header, .header-box {\n height: 60px;\n}\n\n.header-bo"
},
{
"path": "_sass/4-layouts/_page.scss",
"chars": 1165,
"preview": "// Page\n.page {\n margin-bottom: 20px;\n}\n\n.page-image-box {\n background: $black;\n &.reveal-in {\n .page-image {\n "
},
{
"path": "_sass/4-layouts/_post.scss",
"chars": 3970,
"preview": "// Post\n.post {\n margin-bottom: 20px;\n}\n\n.post-image-box {\n background: $black;\n &.reveal-in {\n .post-image {\n "
},
{
"path": "_sass/4-layouts/_tags.scss",
"chars": 489,
"preview": "// Tags\n.tags-list {\n display: flex;\n flex-wrap: wrap;\n margin: 40px 0;\n padding: 0;\n list-style: none;\n .tags-ite"
},
{
"path": "_sass/5-trumps/_helpers.scss",
"chars": 855,
"preview": "// Text Alignment\n.text-left {\n\ttext-align: left;\n}\n\n.text-right {\n\ttext-align: right;\n}\n\n.text-center {\n\ttext-align: ce"
},
{
"path": "index.html",
"chars": 2837,
"preview": "---\nlayout: default\n---\n<div class=\"container\">\n\t<div class=\"row\">\n\t{% if site.posts.size > 0 %}\n\t\t{%- for post in pagin"
},
{
"path": "js/common.js",
"chars": 3141,
"preview": "$(function() {\n 'use strict';\n\n /* =======================\n // Toggle Menu and Search\n ======================= */\n "
},
{
"path": "js/jquery.fitvids.js",
"chars": 3350,
"preview": "/*jshint browser:true */\n/*!\n* FitVids 1.1\n*\n* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http"
},
{
"path": "search.json",
"chars": 372,
"preview": "---\nlayout: null\n---\n[\n {% for post in site.posts %}\n {\n \"title\" : \"{{ post.title | escape }}\",\n \"categ"
},
{
"path": "tags.html",
"chars": 1338,
"preview": "---\nlayout: page\ntitle: Tags in Blog\nimage: 10.jpg\npermalink: /tags/\n---\n{% capture site_tags %}{% for tag in site.tags "
}
]
About this extraction
This page contains the full source code of the artemsheludko/galada GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 53 files (113.9 KB), approximately 32.9k tokens, and a symbol index with 5 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.