improvement: better theming
This commit is contained in:
parent
9d62b9d466
commit
b0864810a4
17 changed files with 34 additions and 28 deletions
|
@ -11,11 +11,10 @@ fancybox: true
|
||||||
# Sidebar
|
# Sidebar
|
||||||
sidebar: right
|
sidebar: right
|
||||||
widgets:
|
widgets:
|
||||||
- category
|
|
||||||
- tag
|
|
||||||
- tagcloud
|
|
||||||
- archive
|
|
||||||
- recent_posts
|
- recent_posts
|
||||||
|
- category
|
||||||
|
- archive
|
||||||
|
- tag
|
||||||
|
|
||||||
# display widgets at the bottom of index pages (pagination == 2)
|
# display widgets at the bottom of index pages (pagination == 2)
|
||||||
index_widgets:
|
index_widgets:
|
||||||
|
|
|
@ -31,6 +31,8 @@
|
||||||
<% if (config.highlight.enable){ %>
|
<% if (config.highlight.enable){ %>
|
||||||
<link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
|
<link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
|
||||||
<% } %>
|
<% } %>
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,800&display=swap" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Amatic+SC&display=swap" rel="stylesheet">
|
||||||
<link href="/dep/spectre/css/spectre.min.css" rel="stylesheet">
|
<link href="/dep/spectre/css/spectre.min.css" rel="stylesheet">
|
||||||
<link href="/dep/fork-awesome/css/fork-awesome.css" rel="stylesheet">
|
<link href="/dep/fork-awesome/css/fork-awesome.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<% if (site.posts.length){ %>
|
<% if (site.posts.length){ %>
|
||||||
<div class="card card-info">
|
<div class="card card-primary">
|
||||||
<div class="card-header"><%= __('archive_a') %></div>
|
<div class="card-header"><i class="fa fa-calendar-o"></i><%= __('archive_a') %></div>
|
||||||
<div class="card-menu">
|
<div class="card-menu">
|
||||||
<%- list_archives({show_count: theme.show_count,
|
<%- list_archives({show_count: theme.show_count,
|
||||||
type: theme.archive_type, style:"list", class:"menu-element"}) %>
|
type: theme.archive_type, style:"list", class:"menu-element"}) %>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<% if (site.categories.length){ %>
|
<% if (site.categories.length){ %>
|
||||||
<div class="card card-info">
|
<div class="card card-primary">
|
||||||
<div class="card-header"><%= __('categories') %></div>
|
<div class="card-header"><i class="fa fa-folder"></i><%= __('categories') %></div>
|
||||||
<div class="card-menu">
|
<div class="card-menu">
|
||||||
<%- list_categories({show_count: theme.show_count}) %>
|
<%- list_categories({show_count: theme.show_count}) %>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<% if (site.posts.length){ %>
|
<% if (site.posts.length){ %>
|
||||||
<div class="card card-info">
|
<div class="card card-primary">
|
||||||
<div class="card-header"><%= __('recent_posts') %></div>
|
<div class="card-header"><i class="fa fa-rss"></i><%= __('recent_posts') %></div>
|
||||||
<div class="card-menu">
|
<div class="card-menu">
|
||||||
<% site.posts.sort('date', -1).limit(5).each(function(post){ %>
|
<% site.posts.sort('date', -1).limit(5).each(function(post){ %>
|
||||||
<a class="menu-element" href="<%- url_for(post.path) %>">
|
<a class="menu-element" href="<%- url_for(post.path) %>">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<% if (site.tags.length){ %>
|
<% if (site.tags.length){ %>
|
||||||
<div class="card card-info">
|
<div class="card card-primary">
|
||||||
<h3 class="card-header"><%= __('tags') %></h3>
|
<h3 class="card-header"><i class="fa fa-tags"></i><%= __('tags') %></h3>
|
||||||
<div class="card-menu">
|
<div class="card-menu">
|
||||||
<%- list_tags({show_count: theme.show_count}) %>
|
<%- list_tags({show_count: theme.show_count}) %>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<% if (site.tags.length){ %>
|
<% if (site.tags.length){ %>
|
||||||
<div class="card card-info">
|
<div class="card card-primary">
|
||||||
<h3 class="card-header"><%= __('tagcloud') %></h3>
|
<h3 class="card-header"><%= __('tagcloud') %></h3>
|
||||||
<div class="card-body tagcloud">
|
<div class="card-body tagcloud">
|
||||||
<%- tagcloud() %>
|
<%- tagcloud() %>
|
||||||
|
|
|
@ -235,6 +235,7 @@ code {
|
||||||
.container-typographic {
|
.container-typographic {
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
margin:auto;
|
margin:auto;
|
||||||
|
margin-bottom: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -66,6 +66,9 @@ $card-smallpad: $lineheight_half;
|
||||||
|
|
||||||
&-header {
|
&-header {
|
||||||
@include card-header($card-bigpad);
|
@include card-header($card-bigpad);
|
||||||
|
.fa {
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Menu handling */
|
/* Menu handling */
|
||||||
|
|
|
@ -11,11 +11,10 @@ fancybox: true
|
||||||
# Sidebar
|
# Sidebar
|
||||||
sidebar: right
|
sidebar: right
|
||||||
widgets:
|
widgets:
|
||||||
- category
|
|
||||||
- tag
|
|
||||||
- tagcloud
|
|
||||||
- archive
|
|
||||||
- recent_posts
|
- recent_posts
|
||||||
|
- category
|
||||||
|
- archive
|
||||||
|
- tag
|
||||||
|
|
||||||
# display widgets at the bottom of index pages (pagination == 2)
|
# display widgets at the bottom of index pages (pagination == 2)
|
||||||
index_widgets:
|
index_widgets:
|
||||||
|
|
|
@ -2,9 +2,9 @@
|
||||||
<div class="article-inner">
|
<div class="article-inner">
|
||||||
<%- partial('post/gallery') %>
|
<%- partial('post/gallery') %>
|
||||||
<% if (post.link || post.title){ %>
|
<% if (post.link || post.title){ %>
|
||||||
<header class="article-header">
|
<div class="article-header">
|
||||||
<%- partial('post/title', {class_name: 'article-title'}) %>
|
<%- partial('post/title', {class_name: 'article-title'}) %>
|
||||||
</header>
|
</div>
|
||||||
<% } %>
|
<% } %>
|
||||||
<div class="article-entry" itemprop="articleBody">
|
<div class="article-entry" itemprop="articleBody">
|
||||||
<% if (post.excerpt && index){ %>
|
<% if (post.excerpt && index){ %>
|
||||||
|
|
|
@ -31,6 +31,8 @@
|
||||||
<% if (config.highlight.enable){ %>
|
<% if (config.highlight.enable){ %>
|
||||||
<link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
|
<link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
|
||||||
<% } %>
|
<% } %>
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,800&display=swap" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Amatic+SC&display=swap" rel="stylesheet">
|
||||||
<link href="/dep/spectre/css/spectre.min.css" rel="stylesheet">
|
<link href="/dep/spectre/css/spectre.min.css" rel="stylesheet">
|
||||||
<link href="/dep/fork-awesome/css/fork-awesome.css" rel="stylesheet">
|
<link href="/dep/fork-awesome/css/fork-awesome.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<% if (site.posts.length){ %>
|
<% if (site.posts.length){ %>
|
||||||
<div class="card card-info">
|
<div class="card card-primary">
|
||||||
<div class="card-header"><%= __('archive_a') %></div>
|
<div class="card-header"><i class="fa fa-calendar-o"></i><%= __('archive_a') %></div>
|
||||||
<div class="card-menu">
|
<div class="card-menu">
|
||||||
<%- list_archives({show_count: theme.show_count,
|
<%- list_archives({show_count: theme.show_count,
|
||||||
type: theme.archive_type, style:"list", class:"menu-element"}) %>
|
type: theme.archive_type, style:"list", class:"menu-element"}) %>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<% if (site.categories.length){ %>
|
<% if (site.categories.length){ %>
|
||||||
<div class="card card-info">
|
<div class="card card-primary">
|
||||||
<div class="card-header"><%= __('categories') %></div>
|
<div class="card-header"><i class="fa fa-folder"></i><%= __('categories') %></div>
|
||||||
<div class="card-menu">
|
<div class="card-menu">
|
||||||
<%- list_categories({show_count: theme.show_count}) %>
|
<%- list_categories({show_count: theme.show_count}) %>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<% if (site.posts.length){ %>
|
<% if (site.posts.length){ %>
|
||||||
<div class="card card-info">
|
<div class="card card-primary">
|
||||||
<div class="card-header"><%= __('recent_posts') %></div>
|
<div class="card-header"><i class="fa fa-rss"></i><%= __('recent_posts') %></div>
|
||||||
<div class="card-menu">
|
<div class="card-menu">
|
||||||
<% site.posts.sort('date', -1).limit(5).each(function(post){ %>
|
<% site.posts.sort('date', -1).limit(5).each(function(post){ %>
|
||||||
<a class="menu-element" href="<%- url_for(post.path) %>">
|
<a class="menu-element" href="<%- url_for(post.path) %>">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<% if (site.tags.length){ %>
|
<% if (site.tags.length){ %>
|
||||||
<div class="card card-info">
|
<div class="card card-primary">
|
||||||
<h3 class="card-header"><%= __('tags') %></h3>
|
<h3 class="card-header"><i class="fa fa-tags"></i><%= __('tags') %></h3>
|
||||||
<div class="card-menu">
|
<div class="card-menu">
|
||||||
<%- list_tags({show_count: theme.show_count}) %>
|
<%- list_tags({show_count: theme.show_count}) %>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<% if (site.tags.length){ %>
|
<% if (site.tags.length){ %>
|
||||||
<div class="card card-info">
|
<div class="card card-primary">
|
||||||
<h3 class="card-header"><%= __('tagcloud') %></h3>
|
<h3 class="card-header"><%= __('tagcloud') %></h3>
|
||||||
<div class="card-body tagcloud">
|
<div class="card-body tagcloud">
|
||||||
<%- tagcloud() %>
|
<%- tagcloud() %>
|
||||||
|
|
Reference in a new issue