updated to blue links, added qr codes at the bottom, new photo section
This commit is contained in:
Peter Molnar
parent
c5bb7d87a5
commit
e9899b3e33
10 changed files with 240 additions and 185 deletions
34
archive.html
34
archive.html
|
|
@ -1,15 +1,17 @@
|
|||
{% include 'block_header_open.html' %}
|
||||
|
||||
{%- if taxonomy.name -%}
|
||||
{%- set title = taxonomy.name ~ ' | ' ~ site.name -%}
|
||||
{%- set title = taxonomy.name ~ ' | ' ~ site.domain -%}
|
||||
{%- else -%}
|
||||
{%- set title = site.name -%}
|
||||
{%- set title = site.title -%}
|
||||
{%- endif -%}
|
||||
|
||||
{%- if ( taxonomy.paged > 1 ) -%}
|
||||
{%- set turl = site.url ~ taxonomy.url ~ taxonomy.paged ~ '/' -%}
|
||||
{%- else -%}
|
||||
{%- set turl = site.url ~ taxonomy.url -%}
|
||||
{%- endif -%}
|
||||
|
||||
<title>{{ title }}</title>
|
||||
<link rel="alternate" type="application/rss+xml" title="{{ title }} RSS Feed" href="{{ site.url}}{{ taxonomy.url }}feed" />
|
||||
|
||||
|
|
@ -20,14 +22,14 @@
|
|||
<meta property="og:type" content="website" />
|
||||
<meta name="og:updated_time" content="{{ posts[0].published|date("c") }}" />
|
||||
<meta property="og:url" content="{{ turl }}" />
|
||||
<meta property="og:image" content="{{ site.url }}/theme/favicon.png"/>
|
||||
<meta property="og:image" content="{{ site.url }}/favicon.png"/>
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="twitter:description" content="{{ taxonomy.description|default(title) }}" />
|
||||
{% if site.author.twitter %}<meta name="twitter:site" content="@{{ site.author.twitter }}" />{% endif %}
|
||||
{% if site.author.twitter %}<meta name="twitter:creator" content="@{{ site.author.twitter }}" />{% endif %}
|
||||
<meta name="twitter:title" content="{{ title }}" />
|
||||
<meta name="twitter:image" content="{{ site.url }}/theme/favicon.png">
|
||||
<meta name="twitter:image" content="{{ site.url }}/favicon.png">
|
||||
|
||||
<meta name="DC.Format" content="text/html" />
|
||||
<meta name="DC.Title" content="{{ title }}" />
|
||||
|
|
@ -79,15 +81,15 @@
|
|||
{% set hentry = 'status' %}
|
||||
{% endif %}
|
||||
|
||||
<article class="h-entry h-{{ hentry }}"{% if post and post.lang %} lang="{{ post.lang }}"{% endif %}>
|
||||
<article class="h-entry hentry h-{{ hentry }}"{% if post and post.lang %} lang="{{ post.lang }}"{% endif %}>
|
||||
<header>
|
||||
|
||||
{% if post.reactions %}
|
||||
<h2 class="reaction">{% include 'block_reaction.html' %}</h2>
|
||||
{% include 'block_reaction.html' %}
|
||||
{% elif post.title|length %}
|
||||
<h2>
|
||||
<a href="{{ site.url }}/{{ post.slug }}" title="{{ post.title }}">
|
||||
<span class="p-name">
|
||||
<span class="p-name entry-title">
|
||||
{{ post.title }}
|
||||
</span>
|
||||
</a>
|
||||
|
|
@ -106,13 +108,7 @@
|
|||
</header>
|
||||
|
||||
{% if hentry == "article" %}
|
||||
<div class="e-summary long">
|
||||
<!--
|
||||
{%if post.thumbnail %}
|
||||
<img src="{{ post.thumbnail }}" alt="{{ post.title }}" class="alignleft" />
|
||||
{% else %}
|
||||
<svg class="icon large"><use xlink:href="#icon-{{ post.category }}" /></svg>
|
||||
{% endif %}-->
|
||||
<div class="e-summary entry-summary">
|
||||
{{ post.sumhtml }}
|
||||
<span class="more">
|
||||
<a href="{{ site.url }}/{{ post.slug }}" title="{{ post.title }}"></a>
|
||||
|
|
@ -120,15 +116,13 @@
|
|||
<br class="clear" />
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="e-content">
|
||||
<div class="e-content entry-content">
|
||||
{% if ( post.photo ) %}
|
||||
{% include 'block_photo.html' %}
|
||||
{% endif %}
|
||||
|
||||
{{ post.html }}
|
||||
|
||||
{% if ( post.exif ) %}
|
||||
{% include 'block_exif.html' %}
|
||||
{% endif %}
|
||||
|
||||
<br class="clear" />
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<li class="h-entry p-comment">
|
||||
<a class="u-url u-uuid" href="{{ site.url }}/{{ site.commentspath }}/{{ reply.fname }}/" name="{{ reply.fname }}"></a>
|
||||
<header>
|
||||
<div class="p-author h-card">
|
||||
<p class="p-author h-card">
|
||||
{% if reply.author.url %}
|
||||
<a class="url u-url" href="{{ reply.author.url }}">
|
||||
<span class="p-name fn">{{ reply.author.name }}</span>
|
||||
|
|
@ -14,19 +14,19 @@
|
|||
{% else %}
|
||||
<span class="p-name fn">{{ reply.author.name }}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
<time class="dt-published" datetime="{{ reply.published|date('c') }}">
|
||||
{{ reply.published|date('%Y-%m-%d %H:%M') }}
|
||||
</time>
|
||||
{% if reply.source|length > 0 %}
|
||||
<a href="{{ reply.source }}" class="u-repost-of">{{ reply.source }}</a>
|
||||
{% endif %}
|
||||
</p>
|
||||
</header>
|
||||
<div class="e-content">
|
||||
{{ reply.html }}
|
||||
</div>
|
||||
<footer>
|
||||
{% if reply.source|length > 0 %}
|
||||
<a href="{{ reply.source }}" class="u-repost-of">{{ reply.source }}</a>
|
||||
{% endif %}
|
||||
</footer
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
|
|
|
|||
|
|
@ -42,7 +42,15 @@
|
|||
</dd>
|
||||
</dl>
|
||||
</nav>
|
||||
<aside class="footer-notes p-note">{{ site.author.note }}</aside>
|
||||
<aside class="footer-notes p-note">
|
||||
{{ site.author.note }}
|
||||
{% for title, vcard in site.author.qr.items() %}
|
||||
<figure>
|
||||
<img src="{{ vcard }}" alt="{{ title }}" />
|
||||
<figcaption>{{ title }}</figcaption>
|
||||
</figure>
|
||||
{% endfor %}
|
||||
</aside>
|
||||
<a href="/notforbot" title="This link is here to identify bad robots. Don't follow it. Don't click on it." rel="nofollow"></a>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,6 @@
|
|||
<style media="all">
|
||||
{% include 'style.css' %}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
@ -13,39 +16,39 @@
|
|||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="photos" href="{{ site.url }}/category/photo/" class="{% if (post and post.category == 'photo' ) or ( taxonomy.name|lower == 'photo' ) %} active{% endif %}">
|
||||
<a title="photos" href="{{ site.url }}/category/photo/" class="{% if (post and post.category == 'photo' ) or ( taxonomy.slug == 'photo' ) %} active{% endif %}">
|
||||
<svg class="icon"><use xlink:href="#icon-photo" /></svg>
|
||||
photos
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="journal" href="{{ site.url }}/category/journal/" class="{% if ( post and post.category == 'journal' ) or ( post and 'journal' in post.tags ) or ( taxonomy.name|lower == 'journal' ) %} active{% endif %}">
|
||||
<a title="journal" href="{{ site.url }}/category/journal/" class="{% if ( post and post.category == 'journal' ) or ( post and 'journal' in post.tags ) or ( taxonomy.slug == 'journal' ) %} active{% endif %}">
|
||||
<svg class="icon"><use xlink:href="#icon-journal" /></svg>
|
||||
journal
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="IT" href="{{ site.url }}/category/article/" class="{% if ( post and post.category == 'article' ) or ( post and 'IT' in post.tags ) or ( ( taxonomy.name|lower == 'article' ) or ( taxonomy.name|lower == 'it' ) ) %} active{% endif %}">
|
||||
<a title="IT" href="{{ site.url }}/category/article/" class="{% if ( post and post.category == 'article' ) or ( post and 'IT' in post.tags ) or ( ( taxonomy.slug == 'article' ) or ( taxonomy.slug == 'it' ) ) %} active{% endif %}">
|
||||
<svg class="icon"><use xlink:href="#icon-article" /></svg>
|
||||
IT
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a title="notes" href="{{ site.url }}/category/note/" class="{% if ( post and 'Note' in post.tags ) or ( taxonomy.name|lower == 'note' ) %} active{% endif %}">
|
||||
<a title="notes" href="{{ site.url }}/category/note/" class="{% if ( post and 'Note' in post.tags ) or ( taxonomy.slug == 'note' ) %} active{% endif %}">
|
||||
<svg class="icon"><use xlink:href="#icon-note" /></svg>
|
||||
notes
|
||||
</a>
|
||||
</li>
|
||||
{#
|
||||
<li>
|
||||
<a title="replies" href="{{ site.url }}/category/reply/" class="{% if ( post and 'Reply' in post.tags ) or ( taxonomy.name|lower == 'reply' ) %} active{% endif %}">
|
||||
<a title="replies" href="{{ site.url }}/category/reply/" class="{% if ( post and 'Reply' in post.tags ) or ( taxonomy.slug == 'reply' ) %} active{% endif %}">
|
||||
<svg class="icon"><use xlink:href="#icon-reply" /></svg>
|
||||
re:
|
||||
</a>
|
||||
</li>
|
||||
#}
|
||||
<li>
|
||||
<a title="bookmarks" href="{{ site.url }}/category/bookmark/" class="{% if ( post and post.category == 'bookmark' ) or ( post and 'Bookmark' in post.tags ) or ( taxonomy.name|lower == 'bookmark' ) %} active{% endif %}">
|
||||
<a title="bookmarks" href="{{ site.url }}/category/bookmark/" class="{% if ( post and post.category == 'bookmark' ) or ( post and 'Bookmark' in post.tags ) or ( taxonomy.slug == 'bookmark' ) %} active{% endif %}">
|
||||
<svg class="icon"><use xlink:href="#icon-bookmark" /></svg>
|
||||
bookmarks
|
||||
</a>
|
||||
|
|
@ -55,8 +58,9 @@
|
|||
|
||||
<form role="search" method="get" class="search-form" action="/search">
|
||||
<label for="search" class="hide">Search</label>
|
||||
<input type="search" class="search-field" placeholder="search..." value="" name="s" id="s" title="Search for:">
|
||||
<input type="submit" class="search-submit" value="Go ➡">
|
||||
<input type="search" class="search-field" placeholder="search..." value="" name="s" id="s" title="Search for:" />
|
||||
<input type="submit" class="search-submit" value="Go ➡" />
|
||||
<input type="hidden" class="hide" value="{{ taxonomy.slug }}" name="c" id="c" />
|
||||
</form>
|
||||
|
||||
<br class="clear" />
|
||||
|
|
|
|||
|
|
@ -4,12 +4,9 @@
|
|||
<meta charset="{{ site.charset }}" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1" />
|
||||
<link rel="self" href="{{ site.url }}/" />
|
||||
<link rel="shortcut icon" href="{{ site.url }}/theme/favicon.png" />
|
||||
<link rel="shortcut icon" href="{{ site.url }}/theme/favicon.ico" />
|
||||
<link rel="apple-touch-icon" href="{{ site.url }}/theme/favicon.png" />
|
||||
<link rel="icon" href="{{ site.url }}/theme/favicon.png" />
|
||||
<style media="all">
|
||||
{% include 'style.css' %}
|
||||
</style>
|
||||
<link rel="icon" href="{{ site.url }}/theme/favicon.ico" />
|
||||
<link rel="http://webmention.org/" href="{{ site.url }}/webmention" />
|
||||
<link rel="webmention" href="{{ site.url }}/webmention" />
|
||||
<link rel="micropub" href="{{ site.url }}/micropub" />
|
||||
|
|
|
|||
54
block_photo.html
Normal file
54
block_photo.html
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
<section class="photo">
|
||||
<p>
|
||||
<a href="{{ post.photo.target }}" class="{{ post.photo.cl }}">
|
||||
<img src="{{ post.photo.fallback }}" title="{{ post.photo.title }}" alt="{{ post.photo.alt }}" class="adaptimg" />
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<aside class="exif">
|
||||
<dl>
|
||||
{% if post.exif.camera %}
|
||||
<dt>Camera</dt>
|
||||
<dd>
|
||||
<svg class="icon"><use xlink:href="#icon-camera" /></svg>
|
||||
{{ post.exif.camera }}
|
||||
</dd>
|
||||
{% endif %}
|
||||
{% if post.exif.aperture %}
|
||||
<dt>Aperture</dt>
|
||||
<dd>
|
||||
<svg class="icon"><use xlink:href="#icon-aperture" /></svg>
|
||||
f/{{ post.exif.aperture }}
|
||||
</dd>
|
||||
{% endif %}
|
||||
{% if post.exif.shutter_speed %}
|
||||
<dt>Shutter speed</dt>
|
||||
<dd>
|
||||
<svg class="icon"><use xlink:href="#icon-clock" /></svg>
|
||||
{{ post.exif.shutter_speed }} sec
|
||||
</dd>
|
||||
{% endif %}
|
||||
{% if post.exif.focal_length %}
|
||||
<dt>Focal length (as set)</dt>
|
||||
<dd>
|
||||
<svg class="icon"><use xlink:href="#icon-focallength" /></svg>
|
||||
{{ post.exif.focal_length }}{% if not post.exif.focal_length|search( 'mm' ) %} mm{% endif %}
|
||||
</dd>
|
||||
{% endif %}
|
||||
{% if post.exif.iso %}
|
||||
<dt>Sensitivity</dt>
|
||||
<dd>
|
||||
<svg class="icon"><use xlink:href="#icon-sensitivity" /></svg>
|
||||
ISO {{ post.exif.iso }}
|
||||
</dd>
|
||||
{% endif %}
|
||||
{% if post.exif.lens %}
|
||||
<dt>Lens</dt>
|
||||
<dd>
|
||||
<svg class="icon"><use xlink:href="#icon-lens" /></svg>
|
||||
{{ post.exif.lens }}
|
||||
</dd>
|
||||
{% endif %}
|
||||
</dl>
|
||||
</aside>
|
||||
</section>
|
||||
|
|
@ -1,38 +1,44 @@
|
|||
{% if post.reactions.bookmark %}
|
||||
{% for reaction in post.reactions.bookmark %}
|
||||
{% if post.title|length %}
|
||||
<span class="p-name">{{ post.title }}</span><br />
|
||||
<h2 class="p-name">{{ post.title }}</h2>
|
||||
<p>
|
||||
<svg class="icon"><use xlink:href="#icon-bookmark" /></svg>
|
||||
<a href="{{ reaction }}" class="u-bookmark-of" title="Bookmarked URL: {{ reaction }}">{{ reaction }}</a>
|
||||
</p>
|
||||
{% else %}
|
||||
<span class="p-name">
|
||||
<p class="p-name">
|
||||
<svg class="icon"><use xlink:href="#icon-bookmark" /></svg>
|
||||
<a href="{{ reaction }}" class="{{ class }}">{{ reaction }}</a>
|
||||
</span>
|
||||
</p>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
{% if post.reactions.reply %}
|
||||
{% for reaction in post.reactions.reply %}
|
||||
<span class="p-name">
|
||||
<p class="p-name">
|
||||
<svg class="icon"><use xlink:href="#icon-reply" /></svg>
|
||||
<a href="{{ reaction }}" class="u-in-reply-to" title="Reply to: {{ reaction }}">{{ reaction }}</a>
|
||||
</span>
|
||||
</p>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
{% if post.reactions.repost %}
|
||||
{% for reaction in post.reactions.repost %}
|
||||
{% if post.title|length %}
|
||||
<span class="p-name">{{ post.title }}</span><br />
|
||||
<h2 class="p-name">{{ post.title }}</h2>
|
||||
<p>
|
||||
<svg class="icon"><use xlink:href="#icon-repost" /></svg>
|
||||
<a href="{{ reaction }}" class="u-repost-of" title="Repost of: {{ reaction }}">{{ reaction }}</a>
|
||||
</p>
|
||||
{% else %}
|
||||
<p>
|
||||
<svg class="icon"><use xlink:href="#icon-repost" /></svg>
|
||||
<span class="p-name">
|
||||
<a href="{{ reaction }}" class="u-repost-of" title="Repost of: {{ reaction }}">{{ reaction }}</a>
|
||||
</span>
|
||||
</p>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
|
@ -40,14 +46,18 @@
|
|||
{% if post.reactions.fav %}
|
||||
{% for reaction in post.reactions.fav %}
|
||||
{% if post.title|length %}
|
||||
<span class="p-name">{{ post.title }}</span><br />
|
||||
<h2 class="p-name">{{ post.title }}</h2>
|
||||
<p>
|
||||
<svg class="icon"><use xlink:href="#icon-repost" /></svg>
|
||||
<a href="{{ reaction }}" class="u-favorite-of" title="Favorite of: {{ reaction }}">{{ reaction }}</a>
|
||||
</p>
|
||||
{% else %}
|
||||
<p>
|
||||
<svg class="icon"><use xlink:href="#icon-repost" /></svg>
|
||||
<span class="p-name">
|
||||
<a href="{{ reaction }}" class="u-favorite-of" title="Favorite of: {{ reaction }}">{{ reaction }}</a>
|
||||
</span>
|
||||
</p>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
{% if post.title %}
|
||||
<title>{{ post.title }} | {{ site.domain }}</title>
|
||||
{% else %}
|
||||
<title>{{ post.name }} | {{ site.domain }}</title>
|
||||
<title>{{ post.slug }} | {{ site.domain }}</title>
|
||||
{% endif %}
|
||||
|
||||
<link rel="canonical" href="{{ site.url }}/{{ post.slug }}/" />
|
||||
|
|
@ -40,18 +40,18 @@
|
|||
{% include 'block_header_close.html' %}
|
||||
|
||||
<section class="content-body">
|
||||
<article class="h-entry singular"{% if post and post.lang %} lang="{{ post.lang }}"{% endif %}>
|
||||
<article class="h-entry hentry singular"{% if post and post.lang %} lang="{{ post.lang }}"{% endif %}>
|
||||
<header>
|
||||
<p class="hide"><a class="u-url u-uuid" rel="bookmark" href="{{ site.url}}/{{ post.slug }}/"></a></p>
|
||||
{% if post.reactions %}
|
||||
<h1 class="reaction">{% include 'block_reaction.html' %}</h1>
|
||||
{% elif post.title|length %}
|
||||
<h1>
|
||||
<a href="{{ site.url }}/{{ post.slug }}/" title="{{ post.title }}">
|
||||
<span class="p-name">{{ post.title }}</span>
|
||||
<span class="entry-title p-name">{{ post.title }}</span>
|
||||
</a>
|
||||
</h1>
|
||||
{% endif %}
|
||||
|
||||
{% if 'IT' in post.tags %}
|
||||
{% if post.updated %}
|
||||
{% set py = post.updated|date('%Y')|int %}
|
||||
|
|
@ -66,20 +66,21 @@
|
|||
</header>
|
||||
|
||||
{% if post.summary %}
|
||||
<div class="e-summary">
|
||||
<div class="e-summary entry-summary">
|
||||
{{ post.sumhtml }}
|
||||
<br class="clear" />
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="e-content">
|
||||
<div class="e-content entry-content">
|
||||
<div class="content-inner">
|
||||
{{ post.html }}
|
||||
|
||||
{% if ( post.exif ) %}
|
||||
{% include 'block_exif.html' %}
|
||||
{% if ( post.photo ) %}
|
||||
{% include 'block_photo.html' %}
|
||||
{% endif %}
|
||||
|
||||
{{ post.html }}
|
||||
|
||||
{% if ( post.syndicate ) %}
|
||||
{% include 'block_syndicate.html' %}
|
||||
{% endif %}
|
||||
|
|
@ -87,12 +88,11 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
{% if ( post.comments ) %}
|
||||
{% include 'block_comments.html' %}
|
||||
{% endif %}
|
||||
|
||||
<footer>
|
||||
<a class="u-url u-uuid" href="{{ site.url}}/{{ post.slug }}/"></a>
|
||||
<p class="shorturl">
|
||||
<a href="{{ site.url }}/{{ post.shortslug }}">{{ site.url }}/{{ post.shortslug }}</a>
|
||||
</p>
|
||||
<p class="published">
|
||||
<time class="dt-published"
|
||||
datetime="{{ post.published|date("c") }}">
|
||||
|
|
@ -103,24 +103,22 @@
|
|||
<p class="updated">
|
||||
<time class="dt-updated"
|
||||
datetime="{{ post.updated|date("c") }}">
|
||||
{{ post.updated|date("%Y-%m-%d %H:%M") }}
|
||||
(updated: {{ post.updated|date("%Y-%m-%d %H:%M") }})
|
||||
</time>
|
||||
</p>
|
||||
{% endif %}
|
||||
{% if post.tags %}
|
||||
<ul class="tags">
|
||||
<p class="tags">
|
||||
{% for tname in post.tags %}
|
||||
<li>
|
||||
<a href="{{ site.url }}/tag/{{ tname|slugify }}" class="p-category">{{ tname }}</a>
|
||||
</li>
|
||||
#<a href="{{ site.url }}/tag/{{ tname|slugify }}" rel="tag" class="p-category">{{ tname }}</a>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</p>
|
||||
{% endif %}
|
||||
</footer>
|
||||
<p class="shorturl">
|
||||
<a href="{{ site.url }}/{{ post.shortslug }}">{{ site.url }}/{{ post.shortslug }}</a>
|
||||
</p>
|
||||
|
||||
{% if ( post.comments ) %}
|
||||
{% include 'block_comments.html' %}
|
||||
{% endif %}
|
||||
</footer>
|
||||
|
||||
</article>
|
||||
|
||||
|
|
|
|||
208
style.css
208
style.css
|
|
@ -1,4 +1,5 @@
|
|||
* {
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
|
@ -33,7 +34,7 @@ html, body {
|
|||
min-height: 100%;
|
||||
font-size:19px;
|
||||
line-height: 1.2rem;
|
||||
font-family:"Liberation Sans", "Helvetica Neue", "Roboto", sans-serif;
|
||||
font-family: "Liberation Sans", "Helvetica Neue", "Roboto", "Arial", sans-serif;
|
||||
font-weight: normal;
|
||||
color: #333336;
|
||||
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
|
||||
|
|
@ -46,13 +47,11 @@ html {
|
|||
|
||||
a {
|
||||
color: #333;
|
||||
border-bottom: 1px solid #999;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #000;
|
||||
border-bottom-color: #000;
|
||||
}
|
||||
|
||||
b, strong {
|
||||
|
|
@ -72,7 +71,7 @@ li {
|
|||
}
|
||||
|
||||
ul li {
|
||||
line-height: 1.6rem;
|
||||
line-height: 1.6rem;
|
||||
}
|
||||
|
||||
li p {
|
||||
|
|
@ -80,11 +79,12 @@ li p {
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
blockquote {
|
||||
margin: 0.3rem;
|
||||
padding-left: 0.6rem;
|
||||
font-style: italic;
|
||||
border-left: 2px solid #999;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
table {
|
||||
|
|
@ -97,7 +97,7 @@ hr {
|
|||
height: 1px;
|
||||
border: none;
|
||||
border-top: 1px solid #999;
|
||||
margin: 0.3rem 0 1rem 0;
|
||||
margin: 1.3rem 0 1rem 0;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
|
|
@ -109,85 +109,96 @@ hr {
|
|||
|
||||
.h-entry {
|
||||
padding: 0 0.6rem;
|
||||
font-size: 0.9rem;
|
||||
font-size: 0.86rem;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6,
|
||||
dt {
|
||||
h1, h2, h3, h4, h5, h6, dt {
|
||||
font-weight:bold;
|
||||
clear:both;
|
||||
margin: 1rem 0;
|
||||
font-size: 1.1rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 1.3rem 0 0.3rem 0;
|
||||
padding: 0 0 0.3rem 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.3rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1 a,
|
||||
h2 a {
|
||||
border: none;
|
||||
font-size: 1.2rem;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.1rem;
|
||||
border-bottom: 2px solid #999;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.h-feed .h-entry h2 {
|
||||
border: none;
|
||||
margin:0 0 0.3rem 0;
|
||||
font-size: 1rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.h-feed .h-entry {
|
||||
margin: 2rem 0 0 0;
|
||||
}
|
||||
|
||||
.h-entry.singular .e-summary {
|
||||
margin-top: 1rem;
|
||||
.h-entry footer {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
h3 {
|
||||
border-bottom: 1px dotted #999;
|
||||
.published, .updated {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
aside p {
|
||||
padding:0;
|
||||
.shorturl,
|
||||
.tags {
|
||||
padding: 0.3rem 0;
|
||||
}
|
||||
|
||||
svg {
|
||||
transform: rotate(0.01deg);
|
||||
.e-content a {
|
||||
color:#115394;
|
||||
}
|
||||
|
||||
.e-content a:hover {
|
||||
color:#004283;
|
||||
}
|
||||
|
||||
.icon {
|
||||
transform: rotate(0.01deg);
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
display: inline-block;
|
||||
display: inline;
|
||||
fill: currentColor;
|
||||
vertical-align:middle;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
code.sourceCode span.al { color: white; }
|
||||
code.sourceCode span.at { color: white; }
|
||||
code.sourceCode span.bn { color: white; }
|
||||
code.sourceCode span.bu { color: white; }
|
||||
code.sourceCode span.cf { color: white; }
|
||||
code.sourceCode span.ch { color: white; }
|
||||
code.sourceCode span.al { color: black; }
|
||||
code.sourceCode span.at { color: black; }
|
||||
code.sourceCode span.bn { color: black; }
|
||||
code.sourceCode span.bu { color: black; }
|
||||
code.sourceCode span.cf { color: black; }
|
||||
code.sourceCode span.ch { color: black; }
|
||||
code.sourceCode span.co { color: darkgray; }
|
||||
code.sourceCode span.dt { color: white; }
|
||||
code.sourceCode span.dv { color: white; }
|
||||
code.sourceCode span.er { color: white; }
|
||||
code.sourceCode span.dt { color: black; }
|
||||
code.sourceCode span.dv { color: black; }
|
||||
code.sourceCode span.er { color: black; }
|
||||
code.sourceCode span.ex { color: darkorange; }
|
||||
code.sourceCode span.fl { color: white; }
|
||||
code.sourceCode span.fl { color: black; }
|
||||
code.sourceCode span.fu { color: darkorange; }
|
||||
code.sourceCode span.im { color: white; }
|
||||
code.sourceCode span.im { color: black; }
|
||||
code.sourceCode span.kw { color: darkcyan; }
|
||||
code.sourceCode span.op { color: white; }
|
||||
code.sourceCode span.ot { color: white; }
|
||||
code.sourceCode span.pp { color: white; }
|
||||
code.sourceCode span.sc { color: white; }
|
||||
code.sourceCode span.ss { color: white; }
|
||||
code.sourceCode span.op { color: black; }
|
||||
code.sourceCode span.ot { color: black; }
|
||||
code.sourceCode span.pp { color: black; }
|
||||
code.sourceCode span.sc { color: black; }
|
||||
code.sourceCode span.ss { color: black; }
|
||||
code.sourceCode span.st { color: magenta; }
|
||||
code.sourceCode span.va { color: darkturquoise; }
|
||||
|
||||
|
|
@ -195,8 +206,7 @@ code,
|
|||
pre {
|
||||
font-family: "Inconsolata", monospace;
|
||||
font-size: 0.8rem;
|
||||
background-color: #222;
|
||||
color: lightgreen;
|
||||
color: darkslategrey;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
|
|
@ -204,6 +214,8 @@ pre {
|
|||
word-break: normal;
|
||||
tab-size: 2;
|
||||
hyphens: none;
|
||||
border: 1px solid #ccc;
|
||||
background-color: whitesmoke;
|
||||
}
|
||||
|
||||
pre {
|
||||
|
|
@ -215,7 +227,7 @@ pre {
|
|||
code {
|
||||
display: inline-block;
|
||||
padding: 0 0.3rem;
|
||||
line-height: 1.2rem;
|
||||
line-height: 1.1rem;
|
||||
}
|
||||
|
||||
pre code {
|
||||
|
|
@ -228,37 +240,21 @@ pre code {
|
|||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.tags {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.tags,
|
||||
.tags li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.tags li {
|
||||
margin:0 0.3rem 0 0;
|
||||
}
|
||||
|
||||
.tags li:before {
|
||||
content: '#';
|
||||
color: #999;
|
||||
}
|
||||
|
||||
|
||||
.footnoteRef,
|
||||
.footnoteRef:hover {
|
||||
border: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.footnoteRef a {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.footnoteRef sup {
|
||||
vertical-align: baseline;
|
||||
position: relative;
|
||||
top: -0.3rem;
|
||||
font-size: 0.8rem;
|
||||
color: #33c;
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
|
||||
|
|
@ -267,26 +263,8 @@ pre code {
|
|||
color: #33c;
|
||||
}
|
||||
|
||||
.footnoteRef sup:before {
|
||||
content: "[";
|
||||
}
|
||||
|
||||
.footnoteRef sup:after {
|
||||
content: "]";
|
||||
}
|
||||
|
||||
.footnoteRef sup:hover,
|
||||
.footnoteRef sup:hover:after,
|
||||
.footnoteRef sup:hover:before {
|
||||
text-shadow: 1px 0 0 #33c;
|
||||
}
|
||||
|
||||
.footnotes ol {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.footnotes ol li {
|
||||
margin-bottom: 0.6rem;
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
|
||||
.comments ol .u-repost-of,
|
||||
|
|
@ -296,14 +274,9 @@ pre code {
|
|||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: top;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.footnotes ol li a {
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
|
||||
.footnotes ol li a[href^="#"] {
|
||||
margin: 0 0 0 0.6rem;
|
||||
max-width: 20%;
|
||||
|
|
@ -384,6 +357,15 @@ pre code {
|
|||
border-bottom: none;
|
||||
}
|
||||
|
||||
.footer-notes figure {
|
||||
display: inline-block;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.footer-notes figure img {
|
||||
width:7rem;
|
||||
}
|
||||
|
||||
input {
|
||||
vertical-align:middle;
|
||||
border: none;
|
||||
|
|
@ -396,7 +378,7 @@ input {
|
|||
}
|
||||
|
||||
input[type=submit] {
|
||||
|
||||
|
||||
width: 2.2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -429,7 +411,7 @@ input[type=submit]:hover {
|
|||
|
||||
.content-navigation ul li a {
|
||||
display:block;
|
||||
padding:0.2rem;
|
||||
padding:0 0.2rem;
|
||||
font-weight: bold;
|
||||
border-bottom: 3px solid transparent;
|
||||
text-align: center;
|
||||
|
|
@ -514,7 +496,7 @@ input[type=submit]:hover {
|
|||
|
||||
.more {
|
||||
display:block;
|
||||
font-weight:bold;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.more a:before {
|
||||
|
|
@ -537,12 +519,8 @@ input[type=submit]:hover {
|
|||
}
|
||||
|
||||
time {
|
||||
font-family: "Inconsolata", monospace;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.pubdate a {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.exif {
|
||||
font-size: 0.8rem;
|
||||
|
|
@ -574,22 +552,23 @@ time {
|
|||
margin-bottom: 1.3rem;
|
||||
}
|
||||
|
||||
.comments ol .u-repost-of {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.comments ol .u-repost-of {
|
||||
opacity: 0.7;
|
||||
font-size: 0.7rem;
|
||||
max-width: 99%;
|
||||
}
|
||||
|
||||
.comments ol .p-name {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* reactions */
|
||||
.comments ol time,
|
||||
.comments ol .u-repost-of {
|
||||
font-size: 0.8rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.comments ol .u-repost-of:before {
|
||||
content: '•';
|
||||
margin: 0 0.3rem;
|
||||
}
|
||||
|
||||
.comments dt,
|
||||
.comments dd,
|
||||
.comments dl ul,
|
||||
|
|
@ -604,7 +583,7 @@ time {
|
|||
|
||||
.comments dl a.u-repost-of {
|
||||
margin-left: 0.3rem;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.content-note {
|
||||
|
|
@ -656,7 +635,7 @@ time {
|
|||
}
|
||||
|
||||
.u-favorite-of {
|
||||
font-size: 0.9rem;
|
||||
font-size: 0.9rem;
|
||||
font-weight: initial;
|
||||
}
|
||||
|
||||
|
|
@ -690,7 +669,7 @@ time {
|
|||
|
||||
@media print {
|
||||
* {
|
||||
background-color: #fff;
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
html, body {
|
||||
|
|
@ -745,7 +724,7 @@ time {
|
|||
max-height:45vh;
|
||||
}
|
||||
|
||||
.content-note, .content-header, .content-footer,
|
||||
.content-note, .content-header, .content-footer,
|
||||
video, audio,
|
||||
.footnotes ol li a[href^="#"],
|
||||
.footnotes ol li a[href^="#"]:after {
|
||||
|
|
@ -761,7 +740,7 @@ time {
|
|||
}
|
||||
|
||||
code.sourceCode span { color: #000; }
|
||||
|
||||
|
||||
pre.sourceCode, code, pre {
|
||||
color: #222;
|
||||
word-break: break-all;
|
||||
|
|
@ -770,3 +749,4 @@ time {
|
|||
line-height: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
10
symbols.svg
10
symbols.svg
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 29 KiB |
Loading…
Reference in a new issue