Continue to refine styles and layouts
This commit is contained in:
Michael Rose
_assets/css
_archive.scss_base.scss_buttons.scss_masthead.scss_navigation.scss_notices.scss_page.scss_site.scss_syntax.scss_toc.scss_variables.scssmain.scss
_includes
_layouts
_pages
category-archive.htmlcollection-archive.htmlportfolio-archive.htmlrecipes-archive.htmltag-archive.htmlyear-archive.html
_posts
assets/css
@ -1,8 +1,8 @@
|
||||
<article itemscope itemtype="http://schema.org/CreativeWork">
|
||||
<article class="archive__item" itemscope itemtype="http://schema.org/CreativeWork">
|
||||
{% if post.link %}
|
||||
<h2 class="link-post" itemprop="headline"><a href="{{ base_path }}{{ post.url }}">{% if post.id %}{{ post.title | markdownify | remove: "<p>" | remove: "</p>" }}{% else %}{{ post.title }}{% endif %}</a> <a href="{{ post.link }}" target="_blank"><i class="fa fa-link"></i></a></h2>
|
||||
<h2 class="archive__item-title link-post" itemprop="headline"><a href="{{ base_path }}{{ post.url }}">{% if post.id %}{{ post.title | markdownify | remove: "<p>" | remove: "</p>" }}{% else %}{{ post.title }}{% endif %}</a> <a href="{{ post.link }}" target="_blank"><i class="fa fa-link"></i></a></h2>
|
||||
{% else %}
|
||||
<h2 itemprop="headline"><a href="{{ base_path }}{{ post.url }}">{% if post.id %}{{ post.title | markdownify | remove: "<p>" | remove: "</p>" }}{% else %}{{ post.title }}{% endif %}</a></h2>
|
||||
<h2 class="archive__item-title" itemprop="headline"><a href="{{ base_path }}{{ post.url }}">{% if post.id %}{{ post.title | markdownify | remove: "<p>" | remove: "</p>" }}{% else %}{{ post.title }}{% endif %}</a></h2>
|
||||
{% endif %}
|
||||
{% if post.excerpt %}<p itemprop="description">{{ post.excerpt | markdownify | strip_html | truncate: 160 }}</p>{% endif %}
|
||||
{% if post.excerpt %}<p class="archive__item-excerpt" itemprop="description">{{ post.excerpt | markdownify | strip_html | truncate: 160 }}</p>{% endif %}
|
||||
</article>
|
||||
@ -5,74 +5,74 @@
|
||||
<div itemscope itemtype="http://schema.org/Person">
|
||||
|
||||
{% if author.avatar contains "http" %}
|
||||
<img src="{{ author.avatar }}" class="author-avatar" alt="{{ author.name }} photo">
|
||||
<img src="{{ author.avatar }}" class="author__avatar" alt="{{ author.name }}">
|
||||
{% else %}
|
||||
<img src="{{ author.avatar | prepend: "/images/" | prepend: base_path }}" class="author-avatar" alt="{{ author.name }} photo">
|
||||
<img src="{{ author.avatar | prepend: "/images/" | prepend: base_path }}" class="author__avatar" alt="{{ author.name }}">
|
||||
{% endif %}
|
||||
|
||||
<h3 class="author-name">{{ author.name }}</h3>
|
||||
{% if author.bio %}<p class="author-bio">{{ author.bio }}</p>{% endif %}
|
||||
{% if author.bio %}<p class="author__bio">{{ author.bio }}</p>{% endif %}
|
||||
{% if author.uri %}
|
||||
<a href="{{ author.uri }}" class="author-social" target="_blank"><i class="fa fa-fw fa-globe"></i>Website</a>
|
||||
<a href="{{ author.uri }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-globe"></i>Website</a>
|
||||
{% endif %}
|
||||
{% if author.email %}
|
||||
<a href="mailto:{{ author.email }}" class="author-social" target="_blank"><i class="fa fa-fw fa-envelope-square"></i> Email</a>
|
||||
<a href="mailto:{{ author.email }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-envelope-square"></i> Email</a>
|
||||
{% endif %}
|
||||
{% if author.twitter %}
|
||||
<a href="http://twitter.com/{{ author.twitter }}" class="author-social" target="_blank"><i class="fa fa-fw fa-twitter-square"></i> Twitter</a>
|
||||
<a href="http://twitter.com/{{ author.twitter }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-twitter-square"></i> Twitter</a>
|
||||
{% endif %}
|
||||
{% if author.facebook %}
|
||||
<a href="http://facebook.com/{{ author.facebook }}" class="author-social" target="_blank"><i class="fa fa-fw fa-facebook-square"></i> Facebook</a>
|
||||
<a href="http://facebook.com/{{ author.facebook }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-facebook-square"></i> Facebook</a>
|
||||
{% endif %}
|
||||
{% if author.google_plus %}
|
||||
<a href="http://plus.google.com/+{{ author.google_plus }}" class="author-social" target="_blank"><i class="fa fa-fw fa-google-plus-square"></i> Google+</a>
|
||||
<a href="http://plus.google.com/+{{ author.google_plus }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-google-plus-square"></i> Google+</a>
|
||||
{% endif %}
|
||||
{% if author.linkedin %}
|
||||
<a href="http://linkedin.com/in/{{ author.linkedin }}" class="author-social" target="_blank"><i class="fa fa-fw fa-linkedin-square"></i> LinkedIn</a>
|
||||
<a href="http://linkedin.com/in/{{ author.linkedin }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-linkedin-square"></i> LinkedIn</a>
|
||||
{% endif %}
|
||||
{% if author.xing %}
|
||||
<a href="http://www.xing.com/profile/{{ author.xing }}" class="author-social" target="_blank"><i class="fa fa-fw fa-xing-square"></i> XING</a>
|
||||
<a href="http://www.xing.com/profile/{{ author.xing }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-xing-square"></i> XING</a>
|
||||
{% endif %}
|
||||
{% if author.instagram %}
|
||||
<a href="http://instagram.com/{{ author.instagram }}" class="author-social" target="_blank"><i class="fa fa-fw fa-instagram"></i> Instagram</a>
|
||||
<a href="http://instagram.com/{{ author.instagram }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-instagram"></i> Instagram</a>
|
||||
{% endif %}
|
||||
{% if author.tumblr %}
|
||||
<a href="http://{{ author.tumblr }}.tumblr.com" class="author-social" target="_blank"><i class="fa fa-fw fa-tumblr-square"></i> Tumblr</a>
|
||||
<a href="http://{{ author.tumblr }}.tumblr.com" class="author__social-url" target="_blank"><i class="fa fa-fw fa-tumblr-square"></i> Tumblr</a>
|
||||
{% endif %}
|
||||
{% if author.github %}
|
||||
<a href="http://github.com/{{ author.github }}" class="author-social" target="_blank"><i class="fa fa-fw fa-github"></i> Github</a>
|
||||
<a href="http://github.com/{{ author.github }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-github"></i> Github</a>
|
||||
{% endif %}
|
||||
{% if author.stackoverflow %}
|
||||
<a href="http://stackoverflow.com/users/{{ author.stackoverflow }}" class="author-social" target="_blank"><i class="fa fa-fw fa-stack-overflow"></i> Stackoverflow</a>
|
||||
<a href="http://stackoverflow.com/users/{{ author.stackoverflow }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-stack-overflow"></i> Stackoverflow</a>
|
||||
{% endif %}
|
||||
{% if author.lastfm %}
|
||||
<a href="http://lastfm.com/user/{{ author.lastfm }}" class="author-social" target="_blank"><i class="fa fa-fw fa-music"></i> Last.fm</a>
|
||||
<a href="http://lastfm.com/user/{{ author.lastfm }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-music"></i> Last.fm</a>
|
||||
{% endif %}
|
||||
{% if author.dribbble %}
|
||||
<a href="http://dribbble.com/{{ author.dribbble }}" class="author-social" target="_blank"><i class="fa fa-fw fa-dribbble"></i> Dribbble</a>
|
||||
<a href="http://dribbble.com/{{ author.dribbble }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-dribbble"></i> Dribbble</a>
|
||||
{% endif %}
|
||||
{% if author.pinterest %}
|
||||
<a href="http://www.pinterest.com/{{ author.pinterest }}" class="author-social" target="_blank"><i class="fa fa-fw fa-pinterest"></i> Pinterest</a>
|
||||
<a href="http://www.pinterest.com/{{ author.pinterest }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-pinterest"></i> Pinterest</a>
|
||||
{% endif %}
|
||||
{% if author.foursquare %}
|
||||
<a href="http://foursquare.com/{{ author.foursquare }}" class="author-social" target="_blank"><i class="fa fa-fw fa-foursquare"></i> Foursquare</a>
|
||||
<a href="http://foursquare.com/{{ author.foursquare }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-foursquare"></i> Foursquare</a>
|
||||
{% endif %}
|
||||
{% if author.steam %}
|
||||
<a href="http://steamcommunity.com/id/{{ author.steam }}" class="author-social" target="_blank"><i class="fa fa-fw fa-steam-square"></i> Steam</a>
|
||||
<a href="http://steamcommunity.com/id/{{ author.steam }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-steam-square"></i> Steam</a>
|
||||
{% endif %}
|
||||
{% if author.youtube %}
|
||||
<a href="https://youtube.com/user/{{ author.youtube }}" class="author-social" target="_blank"><i class="fa fa-fw fa-youtube-square"></i> Youtube</a>
|
||||
<a href="https://youtube.com/user/{{ author.youtube }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-youtube-square"></i> Youtube</a>
|
||||
{% endif %}
|
||||
{% if author.soundcloud %}
|
||||
<a href="http://soundcloud.com/{{ author.soundcloud }}" class="author-social" target="_blank"><i class="fa fa-fw fa-soundcloud"></i> Soundcloud</a>
|
||||
<a href="http://soundcloud.com/{{ author.soundcloud }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-soundcloud"></i> Soundcloud</a>
|
||||
{% endif %}
|
||||
{% if author.weibo %}
|
||||
<a href="http://www.weibo.com/{{ author.weibo }}" class="author-social" target="_blank"><i class="fa fa-fw fa-weibo"></i> Weibo</a>
|
||||
<a href="http://www.weibo.com/{{ author.weibo }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-weibo"></i> Weibo</a>
|
||||
{% endif %}
|
||||
{% if author.flickr %}
|
||||
<a href="http://www.flickr.com/{{ author.flickr }}" class="author-social" target="_blank"><i class="fa fa-fw fa-flickr"></i> Flickr</a>
|
||||
<a href="http://www.flickr.com/{{ author.flickr }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-flickr"></i> Flickr</a>
|
||||
{% endif %}
|
||||
{% if author.codepen %}
|
||||
<a href="http://codepen.io/{{ author.codepen }}" class="author-social" target="_blank"><i class="fa fa-fw fa-codepen"></i> CodePen</a>
|
||||
<a href="http://codepen.io/{{ author.codepen }}" class="author__social-url" target="_blank"><i class="fa fa-fw fa-codepen"></i> CodePen</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
@ -1,19 +1,19 @@
|
||||
<div class="navigation-wrapper">
|
||||
<div class="masthead">
|
||||
<div class="site-name">
|
||||
<a href="{{ base_path }}/">{{ site.title }}</a>
|
||||
</div><!-- /.site-name -->
|
||||
<div class="top-navigation">
|
||||
<nav id="site-nav" class="nav">
|
||||
<ul>
|
||||
{% for link in site.data.navigation %}
|
||||
{% if link.url contains 'http' %}
|
||||
{% assign domain = '' %}
|
||||
{% else %}
|
||||
{% assign domain = base_path %}
|
||||
{% endif %}
|
||||
<li><a href="{{ domain }}{{ link.url }}" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<div class="masthead__menu">
|
||||
<nav id="site-nav">
|
||||
<ul>
|
||||
{% for link in site.data.navigation %}
|
||||
{% if link.url contains 'http' %}
|
||||
{% assign domain = '' %}
|
||||
{% else %}
|
||||
{% assign domain = base_path %}
|
||||
{% endif %}
|
||||
<li class="masthead__menu-item"><a href="{{ domain }}{{ link.url }}" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
</div><!-- /.top-navigation -->
|
||||
</div><!-- /.navigation-wrapper -->
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<section class="toc">
|
||||
<aside class="toc">
|
||||
<header><h4 class="toc__title"><i class="fa fa-{{ include.icon | default: 'book' }}"></i> {{ include.title | default: site.data.ui-text[site.locale].toc_label }}</h4></header>
|
||||
<nav markdown="1">
|
||||
* Auto generated table of contents
|
||||
{:toc .toc__menu}
|
||||
</nav>
|
||||
</section>
|
||||
</aside>
|
||||
Reference in New Issue
Block a user