improvement: better theming

This commit is contained in:
Kazhnuz 2020-05-16 17:54:24 +02:00
parent 9d62b9d466
commit b0864810a4
17 changed files with 34 additions and 28 deletions

View file

@ -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:

View file

@ -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">

View file

@ -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"}) %>

View file

@ -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>

View file

@ -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) %>">

View file

@ -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>

View file

@ -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() %>

View file

@ -235,6 +235,7 @@ code {
.container-typographic { .container-typographic {
max-width: 800px; max-width: 800px;
margin:auto; margin:auto;
margin-bottom: 3rem;
} }

View file

@ -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 */

View file

@ -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:

View file

@ -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){ %>

View file

@ -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">

View file

@ -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"}) %>

View file

@ -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>

View file

@ -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) %>">

View file

@ -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>

View file

@ -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() %>