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: right
widgets:
- category
- tag
- tagcloud
- archive
- recent_posts
- category
- archive
- tag
# display widgets at the bottom of index pages (pagination == 2)
index_widgets:

View file

@ -31,6 +31,8 @@
<% if (config.highlight.enable){ %>
<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/fork-awesome/css/fork-awesome.css" rel="stylesheet">

View file

@ -1,6 +1,6 @@
<% if (site.posts.length){ %>
<div class="card card-info">
<div class="card-header"><%= __('archive_a') %></div>
<div class="card card-primary">
<div class="card-header"><i class="fa fa-calendar-o"></i><%= __('archive_a') %></div>
<div class="card-menu">
<%- list_archives({show_count: theme.show_count,
type: theme.archive_type, style:"list", class:"menu-element"}) %>

View file

@ -1,6 +1,6 @@
<% if (site.categories.length){ %>
<div class="card card-info">
<div class="card-header"><%= __('categories') %></div>
<div class="card card-primary">
<div class="card-header"><i class="fa fa-folder"></i><%= __('categories') %></div>
<div class="card-menu">
<%- list_categories({show_count: theme.show_count}) %>
</div>

View file

@ -1,6 +1,6 @@
<% if (site.posts.length){ %>
<div class="card card-info">
<div class="card-header"><%= __('recent_posts') %></div>
<div class="card card-primary">
<div class="card-header"><i class="fa fa-rss"></i><%= __('recent_posts') %></div>
<div class="card-menu">
<% site.posts.sort('date', -1).limit(5).each(function(post){ %>
<a class="menu-element" href="<%- url_for(post.path) %>">

View file

@ -1,6 +1,6 @@
<% if (site.tags.length){ %>
<div class="card card-info">
<h3 class="card-header"><%= __('tags') %></h3>
<div class="card card-primary">
<h3 class="card-header"><i class="fa fa-tags"></i><%= __('tags') %></h3>
<div class="card-menu">
<%- list_tags({show_count: theme.show_count}) %>
</div>

View file

@ -1,5 +1,5 @@
<% if (site.tags.length){ %>
<div class="card card-info">
<div class="card card-primary">
<h3 class="card-header"><%= __('tagcloud') %></h3>
<div class="card-body tagcloud">
<%- tagcloud() %>

View file

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

View file

@ -66,6 +66,9 @@ $card-smallpad: $lineheight_half;
&-header {
@include card-header($card-bigpad);
.fa {
margin-right: 0.5em;
}
}
/* Menu handling */

View file

@ -11,11 +11,10 @@ fancybox: true
# Sidebar
sidebar: right
widgets:
- category
- tag
- tagcloud
- archive
- recent_posts
- category
- archive
- tag
# display widgets at the bottom of index pages (pagination == 2)
index_widgets:

View file

@ -2,9 +2,9 @@
<div class="article-inner">
<%- partial('post/gallery') %>
<% if (post.link || post.title){ %>
<header class="article-header">
<div class="article-header">
<%- partial('post/title', {class_name: 'article-title'}) %>
</header>
</div>
<% } %>
<div class="article-entry" itemprop="articleBody">
<% if (post.excerpt && index){ %>

View file

@ -31,6 +31,8 @@
<% if (config.highlight.enable){ %>
<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/fork-awesome/css/fork-awesome.css" rel="stylesheet">

View file

@ -1,6 +1,6 @@
<% if (site.posts.length){ %>
<div class="card card-info">
<div class="card-header"><%= __('archive_a') %></div>
<div class="card card-primary">
<div class="card-header"><i class="fa fa-calendar-o"></i><%= __('archive_a') %></div>
<div class="card-menu">
<%- list_archives({show_count: theme.show_count,
type: theme.archive_type, style:"list", class:"menu-element"}) %>

View file

@ -1,6 +1,6 @@
<% if (site.categories.length){ %>
<div class="card card-info">
<div class="card-header"><%= __('categories') %></div>
<div class="card card-primary">
<div class="card-header"><i class="fa fa-folder"></i><%= __('categories') %></div>
<div class="card-menu">
<%- list_categories({show_count: theme.show_count}) %>
</div>

View file

@ -1,6 +1,6 @@
<% if (site.posts.length){ %>
<div class="card card-info">
<div class="card-header"><%= __('recent_posts') %></div>
<div class="card card-primary">
<div class="card-header"><i class="fa fa-rss"></i><%= __('recent_posts') %></div>
<div class="card-menu">
<% site.posts.sort('date', -1).limit(5).each(function(post){ %>
<a class="menu-element" href="<%- url_for(post.path) %>">

View file

@ -1,6 +1,6 @@
<% if (site.tags.length){ %>
<div class="card card-info">
<h3 class="card-header"><%= __('tags') %></h3>
<div class="card card-primary">
<h3 class="card-header"><i class="fa fa-tags"></i><%= __('tags') %></h3>
<div class="card-menu">
<%- list_tags({show_count: theme.show_count}) %>
</div>

View file

@ -1,5 +1,5 @@
<% if (site.tags.length){ %>
<div class="card card-info">
<div class="card card-primary">
<h3 class="card-header"><%= __('tagcloud') %></h3>
<div class="card-body tagcloud">
<%- tagcloud() %>