Merge branch 'feature137' into develop
This commit is contained in:
trendschau
commit
de748332e3
86 changed files with 1532 additions and 3067 deletions
|
|
@ -19,11 +19,13 @@ class Settings
|
|||
# no individual image sizes are allowed sind 1.3.4
|
||||
$settings['images'] = $defaultSettings['images'];
|
||||
|
||||
# if there is no theme set
|
||||
if(!isset($settings['theme']))
|
||||
# we have to check if the theme has been deleted
|
||||
$themefolder = $settings['rootPath'] . $settings['themeFolder'] . DIRECTORY_SEPARATOR;
|
||||
|
||||
# if there is no theme in settings or theme has been deleted
|
||||
if(!isset($settings['theme']) OR !file_exists($themefolder . $settings['theme']))
|
||||
{
|
||||
# scan theme folder and get the first theme
|
||||
$themefolder = $settings['rootPath'] . $settings['themeFolder'] . DIRECTORY_SEPARATOR;
|
||||
$themes = array_diff(scandir($themefolder), array('..', '.'));
|
||||
$firsttheme = reset($themes);
|
||||
|
||||
|
|
@ -72,7 +74,7 @@ class Settings
|
|||
'userPath' => $rootPath . 'settings' . DIRECTORY_SEPARATOR . 'users',
|
||||
'authorPath' => __DIR__ . DIRECTORY_SEPARATOR . 'author' . DIRECTORY_SEPARATOR,
|
||||
'editor' => 'visual',
|
||||
'formats' => ['markdown', 'headline', 'ulist', 'olist', 'table', 'quote', 'image', 'video', 'file', 'toc', 'hr', 'definition', 'code'],
|
||||
'formats' => ['markdown', 'headline', 'ulist', 'olist', 'table', 'quote', 'notice', 'image', 'video', 'file', 'toc', 'hr', 'definition', 'code'],
|
||||
'contentFolder' => 'content',
|
||||
'cache' => true,
|
||||
'cachePath' => $rootPath . 'cache',
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ class Translations
|
|||
$language = $settings['language'];
|
||||
}
|
||||
|
||||
$theme = 'typemill';
|
||||
$theme = 'cyanine';
|
||||
if($settings !== NULL){
|
||||
if(is_array($settings)){
|
||||
if (array_key_exists('theme', $settings)) {
|
||||
|
|
|
|||
|
|
@ -238,6 +238,22 @@ figcaption{
|
|||
caption-side: bottom;
|
||||
}
|
||||
|
||||
button.note1{
|
||||
background-color: #d00;
|
||||
color: #fff;
|
||||
}
|
||||
button.note2{
|
||||
background-color: #fb0;
|
||||
color: #fff;
|
||||
}
|
||||
button.note3{
|
||||
background-color: #08e;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.blox-editor textarea.pl-notice{
|
||||
padding-left: 40px;
|
||||
}
|
||||
.notice1 {
|
||||
margin: 1em 0;
|
||||
padding: 10px 1em;
|
||||
|
|
@ -1814,16 +1830,21 @@ button.hdown{
|
|||
left: 0px;
|
||||
font-size: 1em;
|
||||
font-weight: 700;
|
||||
background: #f9f8f6;
|
||||
border: 0px solid #fff;
|
||||
border-right: 1px solid #fff;
|
||||
color: #66b0a3;
|
||||
// background: #f9f8f6;
|
||||
// color: #66b0a3;
|
||||
}
|
||||
button.hdown.headline{
|
||||
color: #f9f8f6;
|
||||
background: #66b0a3;
|
||||
}
|
||||
/*
|
||||
button.hdown:hover,button.hdown:focus,button.hdown:active{
|
||||
color: #f9f8f6;
|
||||
background: #66b0a3;
|
||||
}
|
||||
|
||||
*/
|
||||
.blox-editor .contenttype {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
BIN
system/author/img/favicon-114.png
Normal file
BIN
system/author/img/favicon-114.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
BIN
system/author/img/favicon-144.png
Normal file
BIN
system/author/img/favicon-144.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
system/author/img/favicon-16.png
Normal file
BIN
system/author/img/favicon-16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 471 B |
Binary file not shown.
|
Before Width: | Height: | Size: 500 B |
BIN
system/author/img/favicon-180.png
Normal file
BIN
system/author/img/favicon-180.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
system/author/img/favicon-32.png
Normal file
BIN
system/author/img/favicon-32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1,017 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1 KiB |
BIN
system/author/img/favicon-72.png
Normal file
BIN
system/author/img/favicon-72.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
|
|
@ -63,6 +63,13 @@ let determiner = {
|
|||
}
|
||||
return false;
|
||||
},
|
||||
notice: function(block,lines,firstChar,secondChar,thirdChar){
|
||||
if( firstChar == '!' && ( secondChar == '!' || secondChar == ' ') )
|
||||
{
|
||||
return "notice-component";
|
||||
}
|
||||
return false;
|
||||
},
|
||||
ulist: function(block,lines,firstChar,secondChar,thirdChar){
|
||||
if( (firstChar == '*' || firstChar == '-' || firstChar == '+') && secondChar == ' ')
|
||||
{
|
||||
|
|
@ -79,6 +86,7 @@ let bloxFormats = {
|
|||
olist: { label: '<svg class="icon icon-list-numbered"><use xlink:href="#icon-list-numbered"></use></svg>', title: 'Numbered List', component: 'olist-component' },
|
||||
table: { label: '<svg class="icon icon-table2"><use xlink:href="#icon-table2"></use></svg>', title: 'Table', component: 'table-component' },
|
||||
quote: { label: '<svg class="icon icon-quotes-left"><use xlink:href="#icon-quotes-left"></use></svg>', title: 'Quote', component: 'quote-component' },
|
||||
notice: { label: '<svg class="icon icon-exclamation-circle"><use xlink:href="#icon-exclamation-circle"></use></svg>', title: 'Notice', component: 'notice-component' },
|
||||
image: { label: '<svg class="icon icon-image"><use xlink:href="#icon-image"></use></svg>', title: 'Image', component: 'image-component' },
|
||||
video: { label: '<svg class="icon icon-play"><use xlink:href="#icon-play"></use></svg>', title: 'Video', component: 'video-component' },
|
||||
file: { label: '<svg class="icon icon-paperclip"><use xlink:href="#icon-paperclip"></use></svg>', title: 'File', component: 'file-component' },
|
||||
|
|
|
|||
|
|
@ -165,7 +165,7 @@ const contentComponent = Vue.component('content-block', {
|
|||
},
|
||||
submitBlock: function(){
|
||||
var emptyline = /^\s*$(?:\r\n?|\n)/gm;
|
||||
if(this.componentType == "code-component" || this.componentType == "math-component"){ }
|
||||
if(this.componentType == "code-component" || this.componentType == "math-component" || this.componentType == "notice-component"){ }
|
||||
else if(this.componentType == "ulist-component" || this.componentType == "olist-component")
|
||||
{
|
||||
var listend = (this.componentType == "ulist-component") ? '* \n' : '1. \n';
|
||||
|
|
@ -834,11 +834,82 @@ const olistComponent = Vue.component('olist-component', {
|
|||
},
|
||||
})
|
||||
|
||||
|
||||
const noticeComponent = Vue.component('notice-component', {
|
||||
props: ['compmarkdown', 'disabled'],
|
||||
template: '<div>' +
|
||||
'<input type="hidden" ref="markdown" :value="compmarkdown" :disabled="disabled" @input="updatemarkdown" />' +
|
||||
'<div class="contenttype"><svg class="icon icon-exclamation-circle"><use xlink:href="#icon-exclamation-circle"></use></svg></div>' +
|
||||
'<button class="hdown" :class="noteclass" @click.prevent="noticedown" v-html="prefix"></button>' +
|
||||
'<inline-formats>' +
|
||||
'<textarea class="mdcontent pl-notice" ref="markdown" v-model="notice" :disabled="disabled" @input="updatemarkdown(event.target.value)"></textarea>' +
|
||||
'</inline-formats>' +
|
||||
'</div>',
|
||||
data: function(){
|
||||
return {
|
||||
prefix: '! ',
|
||||
notice: '',
|
||||
noteclass: 'note1'
|
||||
}
|
||||
},
|
||||
mounted: function(){
|
||||
this.$refs.markdown.focus();
|
||||
if(this.compmarkdown)
|
||||
{
|
||||
this.prefix = this.getNoticePrefix(this.compmarkdown);
|
||||
|
||||
var lines = this.compmarkdown.match(/^.*([\n\r]+|$)/gm);
|
||||
for (var i = 0; i < lines.length; i++) {
|
||||
lines[i] = lines[i].replace(/(^[\! ]+)/mg, '');
|
||||
}
|
||||
|
||||
this.notice = lines.join('');
|
||||
this.noteclass = 'note'+this.prefix.length;
|
||||
}
|
||||
this.$nextTick(function () {
|
||||
autosize(document.querySelectorAll('textarea'));
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
noticedown: function()
|
||||
{
|
||||
this.prefix = this.getNoticePrefix(this.compmarkdown);
|
||||
this.prefix += "! ";
|
||||
if(this.prefix.length > 4)
|
||||
{
|
||||
this.prefix = "! ";
|
||||
}
|
||||
this.noteclass = 'note' + (this.prefix.length-1);
|
||||
this.updatemarkdown(this.notice);
|
||||
},
|
||||
getNoticePrefix: function(str)
|
||||
{
|
||||
var prefix = '';
|
||||
for(var i = 0; i < str.length; i++){
|
||||
if(str[i] != '!'){ return prefix }
|
||||
prefix += '!';
|
||||
}
|
||||
return prefix+' ';
|
||||
},
|
||||
updatemarkdown: function(value)
|
||||
{
|
||||
this.notice = value;
|
||||
|
||||
var lines = value.match(/^.*([\n\r]|$)/gm);
|
||||
|
||||
var notice = this.prefix + lines.join(this.prefix);
|
||||
|
||||
this.$emit('updatedMarkdown', notice);
|
||||
},
|
||||
},
|
||||
})
|
||||
|
||||
|
||||
const headlineComponent = Vue.component('headline-component', {
|
||||
props: ['compmarkdown', 'disabled'],
|
||||
template: '<div>' +
|
||||
'<div class="contenttype"><svg class="icon icon-header"><use xlink:href="#icon-header"></use></svg></div>' +
|
||||
'<button class="hdown" @click.prevent="headlinedown" v-html="level"></button>' +
|
||||
'<button class="hdown headline" @click.prevent="headlinedown" v-html="level"></button>' +
|
||||
'<input class="mdcontent" :class="hlevel" type="text" ref="markdown" v-model="compmarkdown" :disabled="disabled" @input="updatemarkdown">' +
|
||||
'</div>',
|
||||
data: function(){
|
||||
|
|
|
|||
|
|
@ -115,6 +115,7 @@ NONE: Keine
|
|||
NO_PREVIEW: Keine Vorschau
|
||||
NO_SETTINGS: Keine Einstellungen
|
||||
NOT_EDITABLE: Nicht editierbar
|
||||
NOTICE: Hinweis
|
||||
NUMBERED_LIST: Aufzählung
|
||||
OLIST: olist
|
||||
ONLINE: online
|
||||
|
|
|
|||
|
|
@ -120,6 +120,7 @@ NONE: None
|
|||
NO_PREVIEW: No Preview
|
||||
NO_SETTINGS: No Settings
|
||||
NOT_EDITABLE: not editable
|
||||
NOTICE: Notice
|
||||
NUMBERED_LIST: Numbered List
|
||||
OLIST: olist
|
||||
ONLINE: online
|
||||
|
|
|
|||
|
|
@ -8,18 +8,19 @@
|
|||
<meta name="description" content="Configure your TYPEMILL website"/>
|
||||
|
||||
<base href="{{ base_url }}/">
|
||||
|
||||
|
||||
<meta name="msapplication-TileColor" content="#F9F8F6" />
|
||||
<meta name="msapplication-TileImage" content="{{ base_url }}/system/author/img/mstile-144x144.png" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-32x32.png" sizes="32x32" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-16x16.png" sizes="16x16" />
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ base_url }}/system/author/img/apple-touch-icon-144x144.png" />
|
||||
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ base_url }}/system/author/img/apple-touch-icon-152x152.png" />
|
||||
<meta name="msapplication-TileImage" content="{{ base_url }}/system/author/img/favicon-144.png" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-16.png" sizes="16x16" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-32.png" sizes="32x32" />
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="{{ base_url }}/system/author/img/favicon-72.png" />
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="{{ base_url }}/system/author/img/favicon-114.png" />
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="{{ base_url }}/system/author/img/favicon-144.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ base_url }}/system/author/img/favicon-180.png" />
|
||||
|
||||
<link rel="stylesheet" href="{{ base_url }}/system/author/css/normalize.css" />
|
||||
<link rel="stylesheet" href="{{ base_url }}/system/author/css/tachyons.min.css?20200505" />
|
||||
<link rel="stylesheet" href="{{ base_url }}/system/author/css/style.css?20200505" />
|
||||
<link rel="stylesheet" href="{{ base_url }}/system/author/css/color-picker.min.css" />
|
||||
</head>
|
||||
<body>
|
||||
<svg style="position: absolute; width: 0; height: 0; overflow: hidden" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
|
|
|
|||
|
|
@ -11,11 +11,13 @@
|
|||
<base href="{{ base_url }}/">
|
||||
|
||||
<meta name="msapplication-TileColor" content="#F9F8F6" />
|
||||
<meta name="msapplication-TileImage" content="{{ base_url }}/system/author/img/mstile-144x144.png" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-32x32.png" sizes="32x32" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-16x16.png" sizes="16x16" />
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ base_url }}/system/author/img/apple-touch-icon-144x144.png" />
|
||||
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ base_url }}/system/author/img/apple-touch-icon-152x152.png" />
|
||||
<meta name="msapplication-TileImage" content="{{ base_url }}/system/author/img/favicon-144.png" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-16.png" sizes="16x16" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-32.png" sizes="32x32" />
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="{{ base_url }}/system/author/img/favicon-72.png" />
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="{{ base_url }}/system/author/img/favicon-114.png" />
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="{{ base_url }}/system/author/img/favicon-144.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ base_url }}/system/author/img/favicon-180.png" />
|
||||
|
||||
<link rel="stylesheet" href="{{ base_url }}/system/author/css/normalize.css" />
|
||||
<link rel="stylesheet" href="{{ base_url }}/system/author/css/style.css?20200505" />
|
||||
|
|
|
|||
|
|
@ -10,11 +10,13 @@
|
|||
<base href="{{ base_url }}/">
|
||||
|
||||
<meta name="msapplication-TileColor" content="#F9F8F6" />
|
||||
<meta name="msapplication-TileImage" content="{{ base_url }}/system/author/img/mstile-144x144.png" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-32x32.png" sizes="32x32" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-16x16.png" sizes="16x16" />
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ base_url }}/system/author/img/apple-touch-icon-144x144.png" />
|
||||
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ base_url }}/system/author/img/apple-touch-icon-152x152.png" />
|
||||
<meta name="msapplication-TileImage" content="{{ base_url }}/system/author/img/favicon-144.png" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-16.png" sizes="16x16" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-32.png" sizes="32x32" />
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="{{ base_url }}/system/author/img/favicon-72.png" />
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="{{ base_url }}/system/author/img/favicon-114.png" />
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="{{ base_url }}/system/author/img/favicon-144.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ base_url }}/system/author/img/favicon-180.png" />
|
||||
|
||||
<link rel="stylesheet" href="{{ base_url }}/system/author/css/normalize.css" />
|
||||
<link rel="stylesheet" href="{{ base_url }}/system/author/css/style.css?20200505" />
|
||||
|
|
|
|||
|
|
@ -10,11 +10,13 @@
|
|||
<base href="{{ base_url }}/">
|
||||
|
||||
<meta name="msapplication-TileColor" content="#F9F8F6" />
|
||||
<meta name="msapplication-TileImage" content="{{ base_url }}/system/author/img/mstile-144x144.png" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-32x32.png" sizes="32x32" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-16x16.png" sizes="16x16" />
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ base_url }}/system/author/img/apple-touch-icon-144x144.png" />
|
||||
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ base_url }}/system/author/img/apple-touch-icon-152x152.png" />
|
||||
<meta name="msapplication-TileImage" content="{{ base_url }}/system/author/img/favicon-144.png" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-16.png" sizes="16x16" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-32.png" sizes="32x32" />
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="{{ base_url }}/system/author/img/favicon-72.png" />
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="{{ base_url }}/system/author/img/favicon-114.png" />
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="{{ base_url }}/system/author/img/favicon-144.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ base_url }}/system/author/img/favicon-180.png" />
|
||||
|
||||
<link rel="stylesheet" href="{{ base_url }}/system/author/css/normalize.css" />
|
||||
<link rel="stylesheet" href="{{ base_url }}/system/author/css/tachyons.min.css" />
|
||||
|
|
@ -79,6 +81,10 @@
|
|||
<path d="M26 9c0 1.657-1.343 3-3 3s-3-1.343-3-3 1.343-3 3-3 3 1.343 3 3z"></path>
|
||||
<path d="M28 26h-24v-4l7-12 8 10h2l7-6z"></path>
|
||||
</symbol>
|
||||
<symbol id="icon-exclamation-circle" viewBox="0 0 24 28">
|
||||
<title>{{ __('NOTICE') }}</title>
|
||||
<path d="M12 2c6.625 0 12 5.375 12 12s-5.375 12-12 12-12-5.375-12-12 5.375-12 12-12zM14 21.484v-2.969c0-0.281-0.219-0.516-0.484-0.516h-3c-0.281 0-0.516 0.234-0.516 0.516v2.969c0 0.281 0.234 0.516 0.516 0.516h3c0.266 0 0.484-0.234 0.484-0.516zM13.969 16.109l0.281-9.703c0-0.109-0.047-0.219-0.156-0.281-0.094-0.078-0.234-0.125-0.375-0.125h-3.437c-0.141 0-0.281 0.047-0.375 0.125-0.109 0.063-0.156 0.172-0.156 0.281l0.266 9.703c0 0.219 0.234 0.391 0.531 0.391h2.891c0.281 0 0.516-0.172 0.531-0.391z"></path>
|
||||
</symbol>
|
||||
<symbol id="icon-paperclip" viewBox="0 0 22 28">
|
||||
<title>{{ __('PAPERCLIP') }}</title>
|
||||
<path d="M21.938 21.641c0 2.438-1.859 4.297-4.297 4.297-1.375 0-2.703-0.594-3.672-1.563l-12.141-12.125c-1.109-1.125-1.766-2.656-1.766-4.234 0-3.313 2.609-5.953 5.922-5.953 1.594 0 3.125 0.641 4.266 1.766l9.453 9.469c0.094 0.094 0.156 0.219 0.156 0.344 0 0.328-0.875 1.203-1.203 1.203-0.141 0-0.266-0.063-0.359-0.156l-9.469-9.484c-0.75-0.734-1.766-1.203-2.828-1.203-2.219 0-3.938 1.797-3.938 4 0 1.062 0.438 2.078 1.188 2.828l12.125 12.141c0.594 0.594 1.422 0.984 2.266 0.984 1.328 0 2.312-0.984 2.312-2.312 0-0.859-0.391-1.672-0.984-2.266l-9.078-9.078c-0.25-0.234-0.594-0.375-0.938-0.375-0.594 0-1.047 0.438-1.047 1.047 0 0.344 0.156 0.672 0.391 0.922l6.406 6.406c0.094 0.094 0.156 0.219 0.156 0.344 0 0.328-0.891 1.219-1.219 1.219-0.125 0-0.25-0.063-0.344-0.156l-6.406-6.406c-0.625-0.609-0.984-1.469-0.984-2.328 0-1.719 1.344-3.062 3.063-3.062 0.875 0 1.719 0.359 2.328 0.984l9.078 9.078c0.984 0.969 1.563 2.297 1.563 3.672z"></path>
|
||||
|
|
|
|||
|
|
@ -10,16 +10,16 @@
|
|||
<base href="{{ base_url }}/">
|
||||
|
||||
<meta name="msapplication-TileColor" content="#F9F8F6" />
|
||||
<meta name="msapplication-TileImage" content="{{ base_url }}/system/author/img/mstile-144x144.png" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-32x32.png" sizes="32x32" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-16x16.png" sizes="16x16" />
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ base_url }}/system/author/img/apple-touch-icon-144x144.png" />
|
||||
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ base_url }}/system/author/img/apple-touch-icon-152x152.png" />
|
||||
|
||||
<meta name="msapplication-TileImage" content="{{ base_url }}/system/author/img/favicon-144.png" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-16.png" sizes="16x16" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/system/author/img/favicon-32.png" sizes="32x32" />
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="{{ base_url }}/system/author/img/favicon-72.png" />
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="{{ base_url }}/system/author/img/favicon-114.png" />
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="{{ base_url }}/system/author/img/favicon-144.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ base_url }}/system/author/img/favicon-180.png" />
|
||||
|
||||
<link rel="stylesheet" href="{{ base_url }}/system/author/css/normalize.css" />
|
||||
<link rel="stylesheet" href="{{ base_url }}/system/author/css/style.css?20200505" />
|
||||
<link rel="stylesheet" href="{{ base_url }}/system/author/css/color-picker.min.css" />
|
||||
|
||||
{{ assets.renderCSS() }}
|
||||
|
||||
|
|
|
|||
|
|
@ -218,22 +218,22 @@ $container['view'] = function ($container)
|
|||
$view->getEnvironment()->addGlobal('assets', $container->assets);
|
||||
|
||||
|
||||
/******************************
|
||||
* LOAD TRANSLATIONS *
|
||||
******************************/
|
||||
$uri = $_SERVER['REQUEST_URI'];
|
||||
if(isset($uri) && (strpos($uri,'/tm/') !== false OR strpos($uri,'/setup') !== false))
|
||||
{
|
||||
// Admin environment labels
|
||||
$labels = Typemill\Translations::loadTranslations('admin');
|
||||
} else {
|
||||
// User environment labels
|
||||
// For now it is useless, but it will prove useful in the future
|
||||
$labels = Typemill\Translations::loadTranslations('user');
|
||||
}
|
||||
$container['translations'] = $labels;
|
||||
$view['translations'] = $labels;
|
||||
$view->addExtension(new Typemill\Extensions\TwigLanguageExtension( $labels ));
|
||||
/******************************
|
||||
* LOAD TRANSLATIONS *
|
||||
******************************/
|
||||
$uri = $_SERVER['REQUEST_URI'];
|
||||
if(isset($uri) && (strpos($uri,'/tm/') !== false OR strpos($uri,'/setup') !== false))
|
||||
{
|
||||
// Admin environment labels
|
||||
$labels = Typemill\Translations::loadTranslations('admin');
|
||||
} else {
|
||||
// User environment labels
|
||||
// For now it is useless, but it will prove useful in the future
|
||||
$labels = Typemill\Translations::loadTranslations('user');
|
||||
}
|
||||
$container['translations'] = $labels;
|
||||
$view['translations'] = $labels;
|
||||
$view->addExtension(new Typemill\Extensions\TwigLanguageExtension( $labels ));
|
||||
|
||||
return $view;
|
||||
};
|
||||
|
|
|
|||
24
themes/cyanine/404.twig
Normal file
24
themes/cyanine/404.twig
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
{% extends 'layout.twig' %}
|
||||
|
||||
{% block title %}ERROR 404: Page not found{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<section class="bg-secondary w-100 dib tc bt bl br bb b--primary">
|
||||
|
||||
<div class="mw7 pb7 ph3 center">
|
||||
<header class="mt6">
|
||||
<h1 class="f-large f-headline-ns lh-title mv2 pt5-ns {{ settings.themes.cyanine.fontheadline|default('tm-sans-serif') }}">Not Found</h1>
|
||||
</header>
|
||||
|
||||
<div class="f5 f4-ns fw3 lh-copy">
|
||||
<p>Sorry, but we did not find the page that you are looking for.</p>
|
||||
</div>
|
||||
|
||||
<a class="link bg-primary white dim ph4 pv3 mt3 dib" href="{{ base_url }}">Home</a>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
{% endblock %}
|
||||
478
themes/cyanine/css/style.css
Normal file
478
themes/cyanine/css/style.css
Normal file
|
|
@ -0,0 +1,478 @@
|
|||
/* Y O U R C S S S T Y L E S
|
||||
**
|
||||
** Style all markdown content elements properly
|
||||
** Use the markdown test file to check it: https://github.com/typemill/typemill/blob/master/content/00-Welcome/03-Markdown-Test.md
|
||||
** You can activate and use the Tachyons CSS library: https://typemill.net/theme-developers/helper-functions#activate-tachyons
|
||||
**
|
||||
*/
|
||||
|
||||
/************************************
|
||||
* STANDARD-ELEMENTS *
|
||||
************************************/
|
||||
html{}
|
||||
body{}
|
||||
header{}
|
||||
footer{}
|
||||
nav{}
|
||||
main{}
|
||||
aside{}
|
||||
article{}
|
||||
article a, article a:link, article a:visited{ text-decoration: underline; }
|
||||
/* article a:before{ content: '\203A'; margin-right: 5px; } */
|
||||
abbr{}
|
||||
blockquote{
|
||||
margin: 1.5em 1.5em;
|
||||
padding: 0.5em 0;
|
||||
quotes: "\201C""\201D""\2018""\2019";
|
||||
font-style: italic;
|
||||
}
|
||||
blockquote:before{
|
||||
color: #ccc;
|
||||
content: open-quote;
|
||||
font-size: 4em;
|
||||
line-height: 0.1em;
|
||||
margin-right: 0.25em;
|
||||
vertical-align: -0.4em;
|
||||
}
|
||||
blockquote p {
|
||||
display: inline;
|
||||
}
|
||||
article pre, article code{
|
||||
font-family: monospace;
|
||||
}
|
||||
article pre{
|
||||
white-space: pre;
|
||||
padding: 1em;
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
article code{
|
||||
font-size: 0.8em;
|
||||
line-height: 1.4em;
|
||||
padding: 0 0.5em;
|
||||
word-break: break-all;
|
||||
}
|
||||
pre > code{
|
||||
font-size: 0.8em;
|
||||
padding: 0;
|
||||
}
|
||||
dl{}
|
||||
dt{}
|
||||
dd{}
|
||||
img{}
|
||||
article h1, article h2, article h3, article h4, article h5, article h6{
|
||||
line-height: 1.15em;
|
||||
font-weight: 700;
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
}
|
||||
article h1{ font-size: 2.2em; margin: 1.4em 0 0.6em; }
|
||||
article h2{ font-size: 1.6em; margin: 1.8em 0 0.6em; }
|
||||
article h3{ font-size: 1.3em; margin: 1.6em 0 0.6em; }
|
||||
article h4{ font-size: 1.1em; margin: 1.4em 0 0.6em; }
|
||||
article h5{ font-size: 1em; margin: 1.2em 0 0.6em; }
|
||||
article h6{ font-size: 1em; font-style: italic; font-weight:300; margin: 1em 0 0.6em; }
|
||||
article .h1, article .h2, article .h3, article .h4, article .h5, article .h6{
|
||||
height: auto; /* fix for tachyons */
|
||||
}
|
||||
hr{}
|
||||
ol{}
|
||||
footer ul{ padding-left:1em; }
|
||||
li{}
|
||||
sup{}
|
||||
/* Make table look good */
|
||||
.tm-table{
|
||||
overflow-x: auto;
|
||||
}
|
||||
table{
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: .8em;
|
||||
}
|
||||
thead{
|
||||
text-align: left;
|
||||
}
|
||||
tr{
|
||||
border-top: 1px solid;
|
||||
border-bottom: 1px solid;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
th,td{
|
||||
padding: .5em 1em;
|
||||
}
|
||||
|
||||
/************************************
|
||||
* STANDARD SUGGESTIONS *
|
||||
************************************/
|
||||
|
||||
/* Make links and buttons smooth */
|
||||
.link, .link:active, .link:focus, .link:hover, .link:link, .link:visited{
|
||||
transition: none;
|
||||
}
|
||||
a, a:link, a:visited, a:focus, a:hover, a:active, button{
|
||||
transition: all .15s ease!important;
|
||||
transition-property: color, background-color, text-shadow, border;
|
||||
}
|
||||
|
||||
/* Fix background for hightlight plugin */
|
||||
code.hljs{ background: transparent; }
|
||||
|
||||
/* For definition list */
|
||||
dt::after{
|
||||
content: ":";
|
||||
}
|
||||
|
||||
/* Make images and image captions look good */
|
||||
img, figure,figure img{
|
||||
max-width: 100%;
|
||||
}
|
||||
figure{
|
||||
display: table;
|
||||
margin: 2em auto;
|
||||
padding: 0;
|
||||
}
|
||||
figure.left{
|
||||
width: auto;
|
||||
float: left;
|
||||
margin: 0 2em 2em 0;
|
||||
}
|
||||
figure.right{
|
||||
width: auto;
|
||||
float: right;
|
||||
margin: 0 0 2em 2em;
|
||||
}
|
||||
figure img{
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
figcaption{
|
||||
display: table-caption;
|
||||
caption-side: bottom;
|
||||
font-size: 0.8em;
|
||||
margin-top: .5em;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
.footnotes ol{
|
||||
font-size: .8em;
|
||||
line-height: 1em;
|
||||
margin: 0 0 0 0;
|
||||
}
|
||||
|
||||
/************************************
|
||||
* TYPEMILL-ELEMENTS *
|
||||
************************************/
|
||||
|
||||
ul.TOC,.TOC ul{
|
||||
list-style: none;
|
||||
}
|
||||
.TOC{
|
||||
padding: 1em;
|
||||
border: 1px solid;
|
||||
}
|
||||
.TOC{
|
||||
border-color: lightgray;
|
||||
}
|
||||
.TOC li{
|
||||
position: relative;
|
||||
}
|
||||
.TOC li a{
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
border-bottom: 1px dashed lightseagreen;
|
||||
line-height: 1em;
|
||||
margin: .3em 0;
|
||||
}
|
||||
.TOC li a:hover,.TOC li a:focus,.TOC li a:active{
|
||||
border-bottom: 1px solid lightseagreen;
|
||||
}
|
||||
.TOC li a:after{
|
||||
content: '\203A';
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
transition: all .2s;
|
||||
}
|
||||
.TOC li a:hover:after{
|
||||
right: 0px;
|
||||
}
|
||||
.notice1 {
|
||||
margin: 1em 0;
|
||||
padding: 10px 1em;
|
||||
background-color: #ffded4;
|
||||
border-left: 4px solid #f65a3c;
|
||||
}
|
||||
.notice2 {
|
||||
margin: 1em 0;
|
||||
padding: 10px 1em;
|
||||
background-color: #fff3d4;
|
||||
border-left: 4px solid #f6b73c;
|
||||
}
|
||||
.notice3,
|
||||
.notice4,
|
||||
.notice5,
|
||||
.notice6 {
|
||||
margin: 1em 0;
|
||||
padding: 10px 1em;
|
||||
background-color: #d4e0ff;
|
||||
border-left: 4px solid #3c7bf6;
|
||||
}
|
||||
|
||||
/* Style the optional anchor-links for headlines */
|
||||
a.tm-heading-anchor {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -0.8em;
|
||||
width: 0.8em;
|
||||
font-weight: 300;
|
||||
opacity: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
a.tm-heading-anchor:hover,a.tm-heading-anchor:focus {
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
h2:focus > .tm-heading-anchor,
|
||||
h2:hover > .tm-heading-anchor,
|
||||
h3:focus > .tm-heading-anchor,
|
||||
h3:hover > .tm-heading-anchor,
|
||||
h4:focus > .tm-heading-anchor,
|
||||
h4:hover > .tm-heading-anchor,
|
||||
h5:focus > .tm-heading-anchor,
|
||||
h5:hover > .tm-heading-anchor,
|
||||
h6:focus > .tm-heading-anchor,
|
||||
h6:hover > .tm-heading-anchor{
|
||||
opacity: .5;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* style the typemill download-button for files */
|
||||
a.tm-download
|
||||
{
|
||||
line-height: 35px;
|
||||
margin-left: 40px;
|
||||
}
|
||||
a.tm-download::before{
|
||||
content: '\2193';
|
||||
position: absolute;
|
||||
margin-left: -40px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-family: Calibri, "Segoe UI", Roboto, Courier, Helvetica, -apple-system, BlinkMacSystemFont, sans-serif, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
font-size: 1.3em;
|
||||
font-weight: 900;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
a.tm-download:hover::before{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Fake youtube button. Works with typemillutilities.js */
|
||||
.video-container{
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
img.youtube{
|
||||
position: relative;
|
||||
max-width: 560px;
|
||||
}
|
||||
button.play-video {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -50px;
|
||||
margin-left: -50px;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background: #e0474c;
|
||||
color: #FFFFFF;
|
||||
border-radius: 50%;
|
||||
border: 0px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
button.play-video:hover {
|
||||
background: #cc4146;
|
||||
cursor: pointer;
|
||||
}
|
||||
button.play-video::after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin: -20px 0 0 -15px;
|
||||
height: 0;
|
||||
width: 0;
|
||||
border-style: solid;
|
||||
border-width: 20px 0 20px 40px;
|
||||
border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
|
||||
content: ' ';
|
||||
}
|
||||
|
||||
|
||||
/************************************
|
||||
* TACHYONS ADDITIONS *
|
||||
************************************/
|
||||
|
||||
/* Keeps Footer at the bottom */
|
||||
.body-footer-bottom { /* add this class to the body-tag */
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.footer-bottom { /* add this class to the footer-tag */
|
||||
margin-top: auto;
|
||||
}
|
||||
/* Nice set of system fonts, add this to the body-tag */
|
||||
.sans-serif-tm {
|
||||
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
||||
}
|
||||
.sans-serif-title{
|
||||
font-family: arial,"Segoe UI",Roboto,-apple-system,BlinkMacSystemFont,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
||||
}
|
||||
/* optimize text, add this to the body-tag */
|
||||
.optimize-text{
|
||||
/* Adjust font size */
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
/* Font varient */
|
||||
font-variant-ligatures: none;
|
||||
-webkit-font-variant-ligatures: none;
|
||||
/* Smoothing */
|
||||
text-rendering: optimizeLegibility;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
font-smoothing: antialiased;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
|
||||
}
|
||||
.grid-container{
|
||||
display: block;
|
||||
}
|
||||
.grid-header, .grid-main, .grid-sidebar{
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.f-large{
|
||||
font-size: 4rem;
|
||||
}
|
||||
.h4-5{
|
||||
height: 12rem;
|
||||
}
|
||||
.shadow-2-hover{
|
||||
transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
|
||||
}
|
||||
.shadow-2-hover:hover, .shadow-2-hover:focus{
|
||||
box-shadow:0px 0px 8px 2px rgba( 0, 0, 0, 0.2 );
|
||||
}
|
||||
.margin-bottom-1{
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
.arrow-after:after{
|
||||
content: '\203A'; position: absolute; right:5px;
|
||||
}
|
||||
.arrow-after-transition:after{
|
||||
content: '\203A'; position: absolute; right:5px;
|
||||
transition: all .2s;
|
||||
}
|
||||
.arrow-after-transition:hover:after{
|
||||
right:0px;
|
||||
}
|
||||
.indent-l-1{ padding-left:1rem; }
|
||||
.indent-l-2{ padding-left:2rem; }
|
||||
.indent-l-3{ padding-left:3rem; }
|
||||
.indent-l-4{ padding-left:4rem; }
|
||||
.indent-l-5{ padding-left:4.5rem; }
|
||||
.indent-l-6{ padding-left:5rem; }
|
||||
.b--solid-hover:hover,.b--solid-hover:focus,.b--solid-hover:active{
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
/*************************
|
||||
* RESPONSIVE NAVIGATION *
|
||||
*************************/
|
||||
|
||||
.contentnav{
|
||||
width: 70%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.burgerbutton{
|
||||
display: inline-block;
|
||||
font-size: 2em;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
padding: 2rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.burgerbutton, .menu{
|
||||
transition:all .2s ease;
|
||||
}
|
||||
.menu {
|
||||
max-height: 0; /* hide menu completely when burger unchecked */
|
||||
margin: 0px;
|
||||
overflow:hidden;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
#burger:checked ~ .menu {
|
||||
max-height: 200%;
|
||||
}
|
||||
|
||||
#burger:checked ~ .menu {
|
||||
background: #333;
|
||||
}
|
||||
.menu a{
|
||||
color: #fff;
|
||||
}
|
||||
#burger:checked ~ .burgerbutton {
|
||||
color: #fff;
|
||||
background: #333;
|
||||
}
|
||||
|
||||
@media screen and (min-width:50em) {
|
||||
.grid-container{
|
||||
display: grid;
|
||||
grid-template-columns: 30% 70%;
|
||||
grid-column-gap: 1em;
|
||||
grid-template-rows: auto auto;
|
||||
grid-template-areas:
|
||||
"gridHeader gridMain"
|
||||
"gridSidebar gridMain"
|
||||
". gridMain"
|
||||
}
|
||||
.grid-header{
|
||||
grid-area: gridHeader;
|
||||
}
|
||||
.grid-main{
|
||||
grid-area: gridMain;
|
||||
}
|
||||
.grid-sidebar{
|
||||
grid-area: gridSidebar;
|
||||
}
|
||||
|
||||
|
||||
#burger:checked ~ .burgerbutton {
|
||||
color: inherit;
|
||||
background: inherit;
|
||||
}
|
||||
#burger:checked ~ .menu {
|
||||
background: inherit;
|
||||
}
|
||||
.menu a{
|
||||
color: inherit;
|
||||
}
|
||||
.contentnav{
|
||||
position: relative;
|
||||
width: auto;
|
||||
}
|
||||
.burgerbutton{
|
||||
display: none;
|
||||
}
|
||||
.menu{
|
||||
font-size: inherit;
|
||||
max-height: inherit;
|
||||
}
|
||||
}
|
||||
304
themes/cyanine/cyanine.yaml
Normal file
304
themes/cyanine/cyanine.yaml
Normal file
|
|
@ -0,0 +1,304 @@
|
|||
name: Cyanine Theme
|
||||
version: 1.0.0
|
||||
description: Cyanine is a modern and flexible multi-purpose theme and the standard theme for typemill.
|
||||
author: Trendschau
|
||||
homepage: https://trendschau.net
|
||||
licence: MIT
|
||||
paypal: https://paypal.me/typemill
|
||||
amount: 25
|
||||
|
||||
settings:
|
||||
myfield: My Default Value
|
||||
|
||||
forms:
|
||||
fields:
|
||||
|
||||
landingpage:
|
||||
type: checkbox
|
||||
checkboxlabel: Activate a landingpage
|
||||
|
||||
landingpageIntro:
|
||||
type: fieldset
|
||||
legend: Landingpage Intro Segment
|
||||
fields:
|
||||
landingpageIntro:
|
||||
type: number
|
||||
label: Position of Intro Segment
|
||||
description: Use 0 to disable the section
|
||||
introButtonLink:
|
||||
type: text
|
||||
label: Link for startbutton
|
||||
placeholder: /my/deeplink
|
||||
introButtonLabel:
|
||||
type: text
|
||||
label: Label for startbutton
|
||||
placeholder: my label
|
||||
|
||||
landingpageInfo:
|
||||
type: fieldset
|
||||
legend: Landingpage Info Segment
|
||||
fields:
|
||||
landingpageInfo:
|
||||
type: number
|
||||
label: Position of Info Segment
|
||||
description: Use 0 to disable the section
|
||||
infoMarkdown:
|
||||
type: textarea
|
||||
label: Use Makrdown
|
||||
|
||||
landingpageTeaser:
|
||||
type: fieldset
|
||||
legend: Landingpage Teaser Segment
|
||||
fields:
|
||||
landingpageTeaser:
|
||||
type: number
|
||||
label: Position of Teaser Segment
|
||||
description: Use 0 to disable the section
|
||||
teaser1title:
|
||||
type: text
|
||||
label: Teaser 1 Title
|
||||
teaser1text:
|
||||
type: text
|
||||
label: Teaser 1 Text
|
||||
teaser1link:
|
||||
type: text
|
||||
label: Teaser 1 Link
|
||||
fieldsize: half
|
||||
teaser1label:
|
||||
type: text
|
||||
label: Teaser 1 Label
|
||||
fieldsize: half
|
||||
teaser2title:
|
||||
type: text
|
||||
label: Teaser 2 Title
|
||||
teaser2text:
|
||||
type: text
|
||||
label: Teaser 2 Text
|
||||
teaser2link:
|
||||
type: text
|
||||
label: Teaser 2 Link
|
||||
fieldsize: half
|
||||
teaser2label:
|
||||
type: text
|
||||
label: Teaser 2 Label
|
||||
fieldsize: half
|
||||
|
||||
landingpageContrast:
|
||||
type: fieldset
|
||||
legend: Landingpage Contrast Segment
|
||||
fields:
|
||||
landingpageContrast:
|
||||
type: number
|
||||
label: Position of Contrast Segment
|
||||
description: Use 0 to disable the section
|
||||
contrastTitle:
|
||||
type: text
|
||||
label: Title
|
||||
contrastText:
|
||||
type: textarea
|
||||
label: Text
|
||||
contrastLink:
|
||||
type: text
|
||||
label: Button Link
|
||||
contrastLabel:
|
||||
type: text
|
||||
label: Button Label
|
||||
|
||||
landingpageNavi:
|
||||
type: fieldset
|
||||
legend: Landingpage Contrast Segment
|
||||
fields:
|
||||
landingpageNavi:
|
||||
type: number
|
||||
label: Position of Navi Segment
|
||||
description: Use 0 to disable the section
|
||||
naviTitle:
|
||||
type: text
|
||||
label: Title for navigation
|
||||
naviDepth:
|
||||
type: number
|
||||
label: How many navigation levels?
|
||||
|
||||
landingpageNews:
|
||||
type: fieldset
|
||||
legend: Landingpage News Segment
|
||||
fields:
|
||||
landingpageNews:
|
||||
type: number
|
||||
label: Position of News Segment
|
||||
description: Use 0 to disable the section
|
||||
newsHeadline:
|
||||
type: text
|
||||
label: Headline for news-segment
|
||||
placeholder: News
|
||||
newsFolder:
|
||||
type: text
|
||||
label: List entries from folder
|
||||
placeholder: /blog
|
||||
description: Add a path to a folder from which you want to list entries
|
||||
newsLabel:
|
||||
type: text
|
||||
label: Label for read more link
|
||||
placeholder: All News
|
||||
|
||||
fieldsetAuthor:
|
||||
type: fieldset
|
||||
legend: Article Author
|
||||
fields:
|
||||
authorPosition:
|
||||
type: checkboxlist
|
||||
label: Position of article author-line (top/bottom)
|
||||
options:
|
||||
top: Top
|
||||
bottom: Bottom
|
||||
|
||||
authorIntro:
|
||||
type: text
|
||||
label: Author intro text
|
||||
placeholder: Author
|
||||
|
||||
fieldsetDate:
|
||||
type: fieldset
|
||||
legend: Article Date
|
||||
fields:
|
||||
datePosition:
|
||||
type: checkboxlist
|
||||
label: Position of article date (top/bottom)
|
||||
options:
|
||||
top: Top
|
||||
bottom: Bottom
|
||||
|
||||
dateIntro:
|
||||
type: text
|
||||
label: Date intro text
|
||||
placeholder: Last Updated
|
||||
|
||||
dateFormat:
|
||||
type: select
|
||||
label: Date format
|
||||
options:
|
||||
'm/d/Y': 01/20/2020
|
||||
'd.m.Y': 20.01.2020
|
||||
|
||||
fieldsetGitHub:
|
||||
type: fieldset
|
||||
legend: Article edit link
|
||||
fields:
|
||||
gitPosition:
|
||||
type: checkboxlist
|
||||
label: Position of the edit link (top/bottom)
|
||||
options:
|
||||
top: Top
|
||||
bottom: Bottom
|
||||
|
||||
gitLink:
|
||||
type: text
|
||||
label: Link to repository
|
||||
placeholder: https://github.com/typemill/documentation
|
||||
help: Add the base url to the content repository (e.g. github).
|
||||
|
||||
editText:
|
||||
type: text
|
||||
label: Text/label for edit link
|
||||
placeholder: edit on github
|
||||
|
||||
fieldsetfooter:
|
||||
type: fieldset
|
||||
legend: Footer columns
|
||||
fields:
|
||||
footercolumns:
|
||||
type: checkboxlist
|
||||
label: Activate footer columns
|
||||
options:
|
||||
footer1: Column 1
|
||||
footer2: Column 2
|
||||
footer3: Column 3
|
||||
footer1:
|
||||
type: textarea
|
||||
label: footer column 1 (use markdown)
|
||||
footer2:
|
||||
type: textarea
|
||||
label: footer column 2 (use markdown)
|
||||
footer3:
|
||||
type: textarea
|
||||
label: footer column 3 (use markdown)
|
||||
|
||||
fieldsetFonts:
|
||||
type: fieldset
|
||||
legend: Font Families
|
||||
fields:
|
||||
font:
|
||||
type: select
|
||||
label: Basic font-family
|
||||
description: All fonts are system fonts with (fallbacks) if the font is not installed
|
||||
options:
|
||||
serif: serif
|
||||
sans-serif-tm: sans-serif
|
||||
courier: courier (sans-serif)
|
||||
helvetica: helvetica (sans-serif)
|
||||
avenir: avenir (sans-serif)
|
||||
athelas: athelas (serif)
|
||||
georgia: georgia (serif)
|
||||
times: times (serif)
|
||||
bodoni: bodoni (serif)
|
||||
calisto: calisto (serif)
|
||||
garamond: garamond (serif)
|
||||
baskerville: baskerville (serif)
|
||||
fontheadline:
|
||||
type: select
|
||||
label: Font-family for headlines
|
||||
description: All fonts are system fonts with (fallbacks) if the font is not installed
|
||||
options:
|
||||
serif: serif
|
||||
sans-serif-tm: sans-serif
|
||||
fontnavi:
|
||||
type: select
|
||||
label: Font-family for navigations
|
||||
description: All fonts are system fonts with (fallbacks) if the font is not installed
|
||||
options:
|
||||
serif: serif
|
||||
sans-serif-tm: sans-serif
|
||||
courier: courier (sans-serif)
|
||||
helvetica: helvetica (sans-serif)
|
||||
avenir: avenir (sans-serif)
|
||||
athelas: athelas (serif)
|
||||
georgia: georgia (serif)
|
||||
times: times (serif)
|
||||
bodoni: bodoni (serif)
|
||||
calisto: calisto (serif)
|
||||
garamond: garamond (serif)
|
||||
baskerville: baskerville (serif)
|
||||
fieldsetColors:
|
||||
type: fieldset
|
||||
legend: Colors
|
||||
fields:
|
||||
brandcolorprimary:
|
||||
type: text
|
||||
label: Primary brand color
|
||||
placeholder: 'leightseagreen'
|
||||
description: Used for the body background and borders
|
||||
brandcolorsecondary:
|
||||
type: text
|
||||
label: Secondary brand color
|
||||
placeholder: '#f7f7f7'
|
||||
description: Used for content background, font-colors on hover and more
|
||||
fontcolorprimary:
|
||||
type: text
|
||||
label: Primary font color
|
||||
placeholder: 'lightseagreen'
|
||||
description: Used for text
|
||||
fontcolorsecondary:
|
||||
type: text
|
||||
label: Secondary font color
|
||||
placeholder: '#F7F7F7'
|
||||
description: Used as contrary color for hovers in navigation and buttons
|
||||
fontcolorlink:
|
||||
type: text
|
||||
label: text-links
|
||||
placeholder: '#007F7F'
|
||||
description: Used for links, check contrast for a11y.
|
||||
thinbordercolor:
|
||||
type: text
|
||||
label: Thin border color
|
||||
placeholder: 'lightgray'
|
||||
description: Used for thin borders in navigations and tables
|
||||
19
themes/cyanine/home.twig
Normal file
19
themes/cyanine/home.twig
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
{% set home = {
|
||||
"landingpageIntro" : settings.themes.cyanine.landingpageIntro,
|
||||
"landingpageInfo" : settings.themes.cyanine.landingpageInfo,
|
||||
"landingpageTeaser" : settings.themes.cyanine.landingpageTeaser,
|
||||
"landingpageContrast" : settings.themes.cyanine.landingpageContrast,
|
||||
"landingpageNavi" : settings.themes.cyanine.landingpageNavi,
|
||||
"landingpageNews" : settings.themes.cyanine.landingpageNews
|
||||
}
|
||||
%}
|
||||
|
||||
{% for section,index in home|sort %}
|
||||
|
||||
{% if index > 0 %}
|
||||
|
||||
{% include 'home/' ~ section ~ '.twig' %}
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% endfor %}
|
||||
9
themes/cyanine/home/landingpageContrast.twig
Normal file
9
themes/cyanine/home/landingpageContrast.twig
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<section class="bg-primary white w-100 dib tc bl br bb b--primary">
|
||||
|
||||
<div class="mw7 pv6 ph3 center">
|
||||
<h2 class="f2 {{ settings.themes.cyanine.fontheadline|default('tm-sans-serif') }}">{{ settings.themes.cyanine.contrastTitle }}</h2>
|
||||
<p class="f5 f4-ns fw3 lh-copy">{{ settings.themes.cyanine.contrastText }}</p>
|
||||
<a class="link ba b--white bg-primary white dim ph4 pv3 mt3 dib {{ settings.themes.cyanine.fontnavi|default('tm-sans-serif') }}" href="{{ settings.themes.cyanine.contrastLink }}">{{ settings.themes.cyanine.contrastLabel }}</a>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
9
themes/cyanine/home/landingpageInfo.twig
Normal file
9
themes/cyanine/home/landingpageInfo.twig
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<section class="bg-secondary w-100 dib tc bl br bb b--primary">
|
||||
|
||||
<div class="mw7 pv6 ph3 center">
|
||||
|
||||
{{ markdown(settings.themes.cyanine.infoMarkdown) }}
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
20
themes/cyanine/home/landingpageIntro.twig
Normal file
20
themes/cyanine/home/landingpageIntro.twig
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<section class="bg-secondary w-100 dib tc bt bl br bb b--primary">
|
||||
|
||||
<div class="mw7 pb7 ph3 center">
|
||||
<header class="mt6">
|
||||
<h1 class="f-large f-headline-ns lh-title mv2 pt5-ns {{ settings.themes.cyanine.fontheadline|default('tm-sans-serif') }}">{{ title }}</h1>
|
||||
</header>
|
||||
|
||||
<div class="f5 f4-ns fw3 lh-copy">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
{% if settings.themes.cyanine.introButtonLink %}
|
||||
|
||||
<a class="link bg-primary white dim ph4 pv3 mt3 dib {{ settings.themes.cyanine.fontnavi|default('tm-sans-serif') }}" href="{{ settings.themes.cyanine.introButtonLink }}">{{ settings.themes.cyanine.introButtonLabel }}</a>
|
||||
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
12
themes/cyanine/home/landingpageNavi.twig
Normal file
12
themes/cyanine/home/landingpageNavi.twig
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<section class="bg-secondary w-100 dib tc bl br bb b--primary">
|
||||
|
||||
<div class="mw7 pv6 ph3 center">
|
||||
|
||||
<h2 class="f2 {{ settings.themes.cyanine.fontheadline|default('tm-sans-serif') }}">{{ settings.themes.cyanine.naviTitle }}</h2>
|
||||
<nav class="f5 f4-l fw3">
|
||||
{% include 'partials/navigationFlat.twig' with {'flatnavi': navigation, 'navidepth': settings.themes.cyanine.naviDepth } %}
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
66
themes/cyanine/home/landingpageNews.twig
Normal file
66
themes/cyanine/home/landingpageNews.twig
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
<section class="bg-secondary w-100 dib tc bl br bb b--primary">
|
||||
|
||||
<div class="mw8 pv6 ph3 center">
|
||||
|
||||
<h2 class="f2 {{ settings.themes.cyanine.fontheadline|default('tm-sans-serif') }}">{{ settings.themes.cyanine.newsHeadline }}</h2>
|
||||
|
||||
{% set pagelist = getPageList(navigation, settings.themes.cyanine.newsFolder, base_url) %}
|
||||
|
||||
{% if pagelist.contains == 'pages' %}
|
||||
|
||||
<ul class="flex-l justify-between pa0">
|
||||
|
||||
{% for element in pagelist.folderContent|slice(0, 3) %}
|
||||
|
||||
{% set page = getPageMeta(settings, element) %}
|
||||
|
||||
<li class="db list tl pa0 w-100 mh0 mv2 mh2-l bg-white">
|
||||
<a class="link dark-gray mv4" href="{{ element.urlAbs }}">
|
||||
<div class="db h4-5 overflow-hidden">
|
||||
<img class="db w-100" src="{{ page.meta.heroimage }}" alt="{{ page.meta.heroimagealt }}">
|
||||
</div>
|
||||
<div class="pa2 ph3-ns pb3-ns">
|
||||
<h3 class="{{ settings.themes.cyanine.fontheadline|default('tm-sans-serif') }}">{{ page.meta.title }}</h3>
|
||||
<p class="f5 lh-copy">{{ page.meta.description|length > 80 ? page.meta.description|slice(0, 81)|split(' ')|slice(0, -1)|join(' ') ~ '…' : page.meta.description }}</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
|
||||
{% elseif pagelist.contains == 'posts' %}
|
||||
|
||||
<ul class="flex-l justify-between pa0">
|
||||
|
||||
{% for element in pagelist.folderContent|slice(0, 3) %}
|
||||
|
||||
{% set post = getPageMeta(settings, element) %}
|
||||
{% set date = element.order[0:4] ~ '-' ~ element.order[4:2] ~ '-' ~ element.order[6:2] %}
|
||||
|
||||
<li class="db list tl pa0 w-100 mh0 mv2 mh2-l bg-white shadow-2-hover">
|
||||
|
||||
<a class="link dark-gray mv4" href="{{ element.urlAbs }}">
|
||||
<div class="db h4-5 overflow-hidden">
|
||||
<img class="db w-100" src="{{ post.meta.heroimage }}" alt="{{ post.meta.heroimagealt }}">
|
||||
</div>
|
||||
<div class="pa2 ph3-ns pb3-ns">
|
||||
<h3 class="{{ settings.themes.cyanine.fontheadline|default('tm-sans-serif') }}">{{ post.meta.title }}</h3>
|
||||
<small class="f6 gray"><time datetime="{{date}}">{{ date | date("d.m.Y") }}</time> | {{ post.meta.author }}</small>
|
||||
<p class="f5 lh-copy">{{ post.meta.description|length > 80 ? post.meta.description|slice(0, 81)|split(' ')|slice(0, -1)|join(' ') ~ '…' : post.meta.description }}</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
|
||||
{% endif %}
|
||||
|
||||
<a href="{{ settings.themes.cyanine.newsFolder }}" class="dib link pa3 ma1 dark-gray hover-white hover-bg-dark-gray ba b--dark-gray">{{ settings.themes.cyanine.newsLabel }}</a>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
16
themes/cyanine/home/landingpageTeaser.twig
Normal file
16
themes/cyanine/home/landingpageTeaser.twig
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<section class="bg-secondary w-100 dib tc bl br bb b--primary">
|
||||
|
||||
<div class="mw7 pv6 ph3 center flex-m flex-l justify-between">
|
||||
<div class="mw5 center ml0-l mr0-l mv4 dib">
|
||||
<h2 class="f2 {{ settings.themes.cyanine.fontheadline|default('tm-sans-serif') }}">{{ settings.themes.cyanine.teaser1title }}</h2>
|
||||
<p class="f5 f4-ns fw3 lh-copy">{{ settings.themes.cyanine.teaser1text }}</p>
|
||||
<a href="{{ settings.themes.cyanine.teaser1link }}" class="w-100 dib link pa3 ma1 dark-gray hover-white hover-bg-dark-gray ba b--dark-gray {{ settings.themes.cyanine.fontnavi|default('tm-sans-serif') }}">{{ settings.themes.cyanine.teaser1label }}</a>
|
||||
</div>
|
||||
<div class="mw5 center ml0-l mr0-l mv4 dib">
|
||||
<h2 class="f2 {{ settings.themes.cyanine.fontheadline|default('tm-sans-serif') }}">{{ settings.themes.cyanine.teaser2title }}</h2>
|
||||
<p class="f5 f4-ns fw3 lh-copy">{{ settings.themes.cyanine.teaser2text }}</p>
|
||||
<a href="{{ settings.themes.cyanine.teaser2link }}" class="w-100 dib link pa3 ma1 dark-gray hover-white hover-bg-dark-gray ba b--dark-gray {{ settings.themes.cyanine.fontnavi|default('tm-sans-serif') }}">{{ settings.themes.cyanine.teaser2label }}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
17
themes/cyanine/index.twig
Normal file
17
themes/cyanine/index.twig
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
{% extends '/layout.twig' %}
|
||||
|
||||
{% block title %}{{ metatabs.meta.title }} | {{ settings.title }}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% if home and settings.themes.cyanine.landingpage %}
|
||||
|
||||
{% include 'home.twig' %}
|
||||
|
||||
{% else %}
|
||||
|
||||
{% include 'page.twig' %}
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
7
themes/cyanine/js/script.js
Normal file
7
themes/cyanine/js/script.js
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
/* Y O U R J A V A S C R I P T
|
||||
|
||||
** Add your JavaScript here
|
||||
** You can activate and use VUE.js and AXIOS: https://typemill.net/theme-developers/helper-functions#activate-vuejs-and-axios
|
||||
** Typemillutilities.js is included in index.twig for managing youtube-videos.
|
||||
|
||||
*/
|
||||
2
themes/cyanine/languages/en.yaml
Normal file
2
themes/cyanine/languages/en.yaml
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
# Please add translations for your theme like this
|
||||
# ACTIVATE_SPECIAL_STARTPAGE_DESIGN: Activate Special Startpage-Design
|
||||
128
themes/cyanine/layout.twig
Normal file
128
themes/cyanine/layout.twig
Normal file
|
|
@ -0,0 +1,128 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ settings.langattr | default('en') }}">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{% block title %}{% endblock %}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta name="description" content="{{ metatabs.meta.description }}" />
|
||||
<meta name="author" content="{{ metatabs.meta.author }}" />
|
||||
<meta name="generator" content="TYPEMILL" />
|
||||
<meta name="msapplication-TileColor" content="#F9F8F6" />
|
||||
|
||||
<base href="{{ base_url }}/">
|
||||
|
||||
{% if favicon %}
|
||||
<meta name="msapplication-TileColor" content="#F9F8F6" />
|
||||
<meta name="msapplication-TileImage" content="{{ base_url }}/media/files/favicon-144.png" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/media/files/favicon-16.png" sizes="16x16" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/media/files/favicon-32.png" sizes="32x32" />
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="{{ base_url }}/media/files/favicon-72.png" />
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="{{ base_url }}/media/files/favicon-114.png" />
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="{{ base_url }}/media/files/favicon-144.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ base_url }}/media/files/favicon-180.png" />
|
||||
{% endif %}
|
||||
|
||||
<link rel="canonical" href="{{ base_url }}{{ item.urlAbs }}" />
|
||||
|
||||
<meta property="og:site_name" content="{{ settings.title }}">
|
||||
<meta property="og:title" content="{{ title }}">
|
||||
<meta property="og:description" content="{{ metatabs.meta.description }}">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:url" content="{{ item.urlAbs }}">
|
||||
<meta property="og:image" content="{{ image.img_url }}">
|
||||
<meta name="twitter:image:alt" content="{{ image.img_alt }}">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
|
||||
{% block stylesheets %}
|
||||
|
||||
<link rel="stylesheet" href="{{ base_url }}/themes/cyanine/css/style.css" />
|
||||
|
||||
<style>
|
||||
.f-link,a.tm-download::before,
|
||||
article a, article a:link, article a:visited,
|
||||
footer a, footer a:link, footer a:visited{
|
||||
color: {{ settings.themes.cyanine.fontcolorlink|default('#007F7F') }};
|
||||
}
|
||||
article a:hover, article a:focus, article a:active,
|
||||
footer a:hover, footer a:focus, footer a:active{
|
||||
text-decoration: none;
|
||||
}
|
||||
table{
|
||||
background: #fff;
|
||||
}
|
||||
thead{
|
||||
color: {{ settings.themes.cyanine.fontcolorsecondary|default('#F7F7F7') }};
|
||||
background-color: {{ settings.themes.cyanine.brandcolorprimary|default('lightseagreen') }};
|
||||
}
|
||||
tr{
|
||||
border-color: {{ settings.themes.cyanine.thinbordercolor|default('lightgray') }};
|
||||
}
|
||||
article pre, article code{
|
||||
background-color: #ddd;
|
||||
}
|
||||
article pre{
|
||||
border-left: 4px solid {{ settings.themes.cyanine.brandcolorprimary|default('lightseagreen') }};
|
||||
}
|
||||
a.tm-download::before{
|
||||
border: 1px solid {{ settings.themes.cyanine.fontcolorlink|default('#007F7F') }};
|
||||
}
|
||||
a.tm-download:hover::before{
|
||||
color: {{ settings.themes.cyanine.fontcolorsecondary|default('#f7f7f7') }};
|
||||
background: {{ settings.themes.cyanine.fontcolorlink|default('#007F7F') }};
|
||||
}
|
||||
.f-primary{
|
||||
color: {{ settings.themes.cyanine.fontcolorprimary|default('#333') }};
|
||||
}
|
||||
.f-secondary,
|
||||
.hover-f-secondary:hover,.hover-f-secondary:focus,.hover-f-secondary:active, .active > a:first-child.hover-f-secondary{
|
||||
color: {{ settings.themes.cyanine.fontcolorsecondary|default('#f7f7f7') }};
|
||||
}
|
||||
.bg-primary,
|
||||
.hover-bg-primary:hover,.hover-bg-primary:focus,.hover-bg-primary:active, .active > a:first-child.hover-bg-primary{
|
||||
background-color: {{ settings.themes.cyanine.brandcolorprimary|default('lightseagreen') }};
|
||||
}
|
||||
.bg-secondary{
|
||||
background-color: {{ settings.themes.cyanine.brandcolorsecondary|default('#f7f7f7') }};
|
||||
}
|
||||
.b--primary{
|
||||
border-color: {{ settings.themes.cyanine.brandcolorprimary|default('lightseagreen') }};
|
||||
}
|
||||
.b--secondary{
|
||||
border-color: {{ settings.themes.cyanine.brandcolorsecondary|default('#f7f7f7') }};
|
||||
}
|
||||
.b--tertiary{
|
||||
border-color: {{ settings.themes.cyanine.thinbordercolor|default('lightgray') }};
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
{% if settings.themes.cyanine.fontheadline == 'serif' %}
|
||||
font-family: georgia, times, serif;
|
||||
{% elseif settings.themes.cyanine.fontheadline == 'sans-serif-tm' %}
|
||||
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
||||
{% endif %}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
{{ assets.activateTachyons() }}
|
||||
{{ assets.renderCSS() }}
|
||||
|
||||
{% endblock %}
|
||||
</head>
|
||||
<body class="{{ settings.themes.cyanine.font|default('tm-sans-serif') }} optimize-text pa2 bg-primary dark-gray">
|
||||
|
||||
{% block content %}{% endblock %}
|
||||
|
||||
{% include 'partials/footer.twig' %}
|
||||
|
||||
{% block javascripts %}
|
||||
|
||||
<script src="{{ base_url }}/system/author/js/typemillutils.js?20200418"></script>
|
||||
<script>typemillUtilities.start();</script>
|
||||
|
||||
{{ assets.renderJS() }}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
124
themes/cyanine/page.twig
Normal file
124
themes/cyanine/page.twig
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
{% set published = metatabs.meta.manualdate ? metatabs.meta.manualdate : metatabs.meta.modified %}
|
||||
|
||||
<main class="{{ item.elementType }} w-100 bg-secondary pb5 bl br bb b--primary">
|
||||
|
||||
<div class="w-100 mw8 center grid-container">
|
||||
|
||||
<aside class="grid-header ph3 pv3">
|
||||
|
||||
<header>
|
||||
|
||||
<div class="logo">
|
||||
<p class="pa0 ma0">
|
||||
<a class="link f1 fw9 f-primary {{ settings.themes.cyanine.fontheadline|default('tm-sans-serif') }}" href="{{ base_url }}" title="My Title">
|
||||
{% if logo %}
|
||||
<img src="{{ logo }}" class="logo-image"/>
|
||||
{% else %}
|
||||
{{ settings.title }}
|
||||
{% endif %}
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
</aside>
|
||||
|
||||
<div class="grid-main ph3 ph4-l pv3 lh-copy f4 fw3">
|
||||
|
||||
<nav>
|
||||
{% include 'partials/breadcrumb.twig' %}
|
||||
</nav>
|
||||
|
||||
<article>
|
||||
<header>
|
||||
|
||||
<h1 class="{{ settings.themes.cyanine.fontheadline|default('tm-sans-serif') }}">{{ title }}</h1>
|
||||
|
||||
{% if (settings.themes.cyanine.datePosition.top or settings.themes.cyanine.authorPosition.top or settings.themes.cyanine.gitPosition.top) %}
|
||||
<div class="f5 pv1 flex justify-between">
|
||||
<div class="byline">
|
||||
{% if settings.themes.cyanine.datePosition.top %}
|
||||
<time pubdate datetime="{{ published }}" class="pr2">{{ settings.themes.cyanine.dateIntro }} {{ published|date(settings.themes.cyanine.dateFormat) }}</time>
|
||||
{% endif %}
|
||||
{% if settings.themes.cyanine.authorPosition.top %}
|
||||
<adress class="pr2">{{ settings.themes.cyanine.authorIntro }} {{ metatabs.meta.author|default(settings.author) }}</adress>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if settings.themes.cyanine.gitPosition.top %}
|
||||
<a class="link" title="edit on github" href="{{ settings.themes.cyanine.gitLink }}{{ item.path }}">{{ settings.themes.cyanine.editText }}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</header>
|
||||
|
||||
{{ content }}
|
||||
|
||||
{% if (settings.themes.cyanine.datePosition.bottom or settings.themes.cyanine.authorPosition.bottom or settings.themes.cyanine.gitPosition.bottom) %}
|
||||
<div class="f5 pv1 flex justify-between">
|
||||
<div class="byline">
|
||||
{% if settings.themes.cyanine.datePosition.bottom %}
|
||||
<time pubdate datetime="{{ published }}" class="pr2">{{ settings.themes.cyanine.dateIntro }} {{ published|date(settings.themes.cyanine.dateFormat) }}</time>
|
||||
{% endif %}
|
||||
{% if settings.themes.cyanine.authorPosition.bottom %}
|
||||
<adress class="pr2">{{ settings.themes.cyanine.authorIntro }} {{ metatabs.meta.author|default(settings.author) }}</adress>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if settings.themes.cyanine.gitPosition.bottom %}
|
||||
<a class="link" title="edit on github" href="{{ settings.themes.cyanine.gitLink }}{{ item.path }}">{{ settings.themes.cyanine.editText }}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</article>
|
||||
|
||||
{% if item.elementType == 'file' %}
|
||||
|
||||
{% if item.prevItem or item.nextItem %}
|
||||
|
||||
<div class="f5 pv5 flex justify-between {{ settings.themes.cyanine.fontnavi|default('tm-sans-serif') }}">
|
||||
{% if item.prevItem %}
|
||||
<a class="link pv2 ph3 bg-primary white dim" href="{{ item.prevItem.urlRel }}">‹ {{ item.prevItem.name }}</a>
|
||||
{% endif %}
|
||||
{% if item.nextItem %}
|
||||
<a class="link pv2 ph3 bg-primary white dim" href="{{ item.nextItem.urlRel }}">{{ item.nextItem.name }} ›</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% if item.elementType == 'folder' and item.contains == 'pages' %}
|
||||
|
||||
<nav class="f4">
|
||||
{% include 'partials/navigationFlat.twig' with {'flatnavi': item.folderContent} %}
|
||||
</nav>
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% if item.elementType == 'folder' and item.contains == 'posts' %}
|
||||
|
||||
{% include 'partials/posts.twig' %}
|
||||
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
<aside class="grid-sidebar ph3 pv4">
|
||||
|
||||
<nav class="contentnav" aria-label="Menu">
|
||||
|
||||
<!-- burger menu controlled by invisible checkbox -->
|
||||
<input type="checkbox" id="burger" class="dn">
|
||||
<label for="burger" class="burgerbutton">☰</label>
|
||||
|
||||
{% include 'partials/navigation.twig' %}
|
||||
|
||||
</nav>
|
||||
|
||||
</aside>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
23
themes/cyanine/partials/breadcrumb.twig
Normal file
23
themes/cyanine/partials/breadcrumb.twig
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<div class="f6 pv3 w-100 flex-l justify-between {{ settings.themes.cyanine.fontnavi}}">
|
||||
|
||||
<div>
|
||||
<a class="link f-link underline-hover" href="{{ base_url }}">{{ settings.title|title }}</a>
|
||||
|
||||
{% for crumb in breadcrumb %}
|
||||
›
|
||||
{% if loop.last %}
|
||||
{{ crumb.name|title }}
|
||||
{% else %}
|
||||
<a class="link f-link underline-hover" href="{{ crumb.urlRel }}">{{ crumb.name|title }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="dn dib-l">
|
||||
{% if item.prevItem %}
|
||||
<a class="link pr1 f-link underline-hover" href="{{ item.prevItem.urlRel }}">‹ previous</a>
|
||||
{% endif %}
|
||||
{% if item.nextItem %}
|
||||
<a class="link pl1 f-link underline-hover" href="{{ item.nextItem.urlRel }}">next ›</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
24
themes/cyanine/partials/footer.twig
Normal file
24
themes/cyanine/partials/footer.twig
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
{% set nowYear = "now"|date("Y") %}
|
||||
|
||||
<footer class="w-100 bg-secondary bl br bb b--primary lh-copy">
|
||||
<div class="mw8 center pv3 flex-l">
|
||||
{% for column,key in settings.themes.cyanine.footercolumns %}
|
||||
{% if settings.themes.cyanine[column] %}
|
||||
<div class="w-100 pv3 ph3 ph4-l">
|
||||
{{ markdown(settings.themes.cyanine[column]) }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="mw8 center pv3 tc-l w100">
|
||||
{% if settings.year is empty or settings.year == nowYear %}
|
||||
{% set copyrightYears = nowYear %}
|
||||
{% else %}
|
||||
{% set copyrightYears = settings.year ~ ' - ' ~ nowYear %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div class="w-100 center f6 f-secondary">
|
||||
<p class="f6">{{ settings.copyright }} by {{ settings.author }}, {{ copyrightYears }}. All Rights Reserved. Built with <a class="link underline f-secondary" href="https://typemill.net">Typemill</a>.</p>
|
||||
</div>
|
||||
35
themes/cyanine/partials/navigation.twig
Normal file
35
themes/cyanine/partials/navigation.twig
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
{% macro loop_over(navigation) %}
|
||||
|
||||
{% import _self as macros %}
|
||||
|
||||
{% for element in navigation %}
|
||||
|
||||
{% set depth = element.keyPathArray|length %}
|
||||
|
||||
{% if element.activeParent %}
|
||||
<li class="bt bb b--tertiary margin-bottom-1 {{ element.elementType }} level-{{ depth }} activeParent">
|
||||
{% elseif element.active %}
|
||||
<li class="bt bb b--tertiary margin-bottom-1 {{ element.elementType }} level-{{ depth }} active">
|
||||
{% else %}
|
||||
<li class="bt bb b--tertiary margin-bottom-1 {{ element.elementType }} level-{{ depth }}">
|
||||
{% endif %}
|
||||
|
||||
{% if (element.elementType == 'folder') %}
|
||||
<a class="link dib w-100 relative fw9 pv2 pr2 indent-l-{{depth}} margin-bottom-1 arrow-after hover-bg-primary f-primary hover-f-secondary" href="{{ element.urlAbs }}">{{ element.name }}</a>
|
||||
{% if (element.folderContent|length > 0) and (element.contains == 'pages') %}
|
||||
<ul class="list pa0">
|
||||
{{ macros.loop_over(element.folderContent) }}
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<a class="link dib w-100 relative fw3 pv2 pr2 indent-l-{{depth}} margin-bottom-1 arrow-after hover-bg-primary f-primary hover-f-secondary" href="{{ element.urlAbs }}">{{ element.name }}</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% endmacro %}
|
||||
|
||||
{% import _self as macros %}
|
||||
|
||||
<ul class="list pa0 menu {{ settings.themes.cyanine.fontnavi}}">
|
||||
{{ macros.loop_over(navigation) }}
|
||||
</ul>
|
||||
27
themes/cyanine/partials/navigationFlat.twig
Normal file
27
themes/cyanine/partials/navigationFlat.twig
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
{% set maxdepth = navidepth ? navidepth : 2 %}
|
||||
|
||||
{% macro loop_over(navigation, level, maxdepth, chapnum) %}
|
||||
|
||||
{% import _self as macros %}
|
||||
|
||||
{% for element in navigation %}
|
||||
<li class="{% if level == 1 %}w-100 w-50-l ba bb bg-primary f-secondary b--secondary pa4{% endif %} {{ element.elementType }}">
|
||||
{% if element.elementType == 'folder' and level < maxdepth %}
|
||||
<a class="link relative f-secondary dib bb bt-0 br-0 bl-0 b--dashed b--solid-hover b--light-gray w-100 ma2 arrow-after-transition" href="{{ element.urlAbs }}">{% if chapnum %}{{ element.chapter }}. {% endif %}{{ element.name }}</a>
|
||||
{% if element.contains == 'pages' %}
|
||||
<ul class="list">
|
||||
{{ macros.loop_over(element.folderContent,level+1, maxdepth, chapnum) }}
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<a class="link relative f-secondary dib bb bt-0 br-0 bl-0 b--dashed b--solid-hover b--light-gray w-100 ma2 arrow-after-transition" href="{{ element.urlAbs }}">{% if chapnum %}{{ element.chapter }} {% endif %}{{ element.name }}</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% endmacro %}
|
||||
|
||||
{% import _self as macros %}
|
||||
|
||||
<ul class="list pa0 flex-m flex-l flex-wrap tl justify-between {{ settings.themes.cyanine.fontnavi}}">
|
||||
{{ macros.loop_over(flatnavi, 1, maxdepth, settings.themes.cyanine.chapnum) }}
|
||||
</ul>
|
||||
18
themes/cyanine/partials/posts.twig
Normal file
18
themes/cyanine/partials/posts.twig
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<ul class="post list pa0">
|
||||
|
||||
{% for element in item.folderContent %}
|
||||
|
||||
{% set post = getPageMeta(settings, element) %}
|
||||
{% set date = element.order[0:4] ~ '-' ~ element.order[4:2] ~ '-' ~ element.order[6:2] %}
|
||||
|
||||
<li class="post-entry">
|
||||
<header>
|
||||
<a class="link f-link underline-hover" href="{{ element.urlAbs }}"><h2 class="mt4 mb2 {{ settings.themes.cyanine.fontheadline}}">{{ post.meta.title }}</h2></a>
|
||||
<div class="mt3"><small><time datetime="{{date}}">{{ date | date("d.m.Y") }}</time> | {{ post.meta.author }}</small></div>
|
||||
</header>
|
||||
<p>{{ post.meta.description }}</p>
|
||||
</li>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
{% extends '/partials/layout.twig' %}
|
||||
|
||||
{% block title %}ERROR 404: Page not found{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<h1>Not Found</h1>
|
||||
<p>Sorry, but we did not find the page that you are looking for.</p>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
|
||||
{% if settings.themes.typemill.chapter %}
|
||||
|
||||
<div class="chapterNumber">{{ settings.themes.typemill.chapter }} {{ item.chapter }}</div>
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% if content is empty %}
|
||||
|
||||
<h1>{{ item.name }}</h1>
|
||||
|
||||
{% endif %}
|
||||
|
||||
<h1>{{ title }}</h1>
|
||||
|
||||
{{ content }}
|
||||
|
||||
|
||||
{% if item.contains == 'pages' %}
|
||||
<div class="toc-nav">
|
||||
|
||||
<ul>
|
||||
{% for element in item.folderContent %}
|
||||
|
||||
<li class="level-2"><a href="{{ element.urlAbs }}">{% if settings.themes.typemill.chapnum %}{{ element.chapter }} {% endif %}{{ element.name }}</a></li>
|
||||
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
{% elseif item.contains == 'posts' %}
|
||||
|
||||
<ul class="post">
|
||||
|
||||
{% for element in item.folderContent %}
|
||||
|
||||
{% set post = getPageMeta(settings, element) %}
|
||||
{% set date = element.order[0:4] ~ '-' ~ element.order[4:2] ~ '-' ~ element.order[6:2] %}
|
||||
|
||||
<li class="post-entry">
|
||||
<a href="{{ element.urlAbs }}"><h2>{{ post.meta.title }}</h2></a>
|
||||
<small><time datetime="{{date}}">{{ date | date("d.m.Y") }}</time> | {{ post.meta.author }}</small>
|
||||
<p>{{ post.meta.description }}</p>
|
||||
</li>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
|
||||
{% endif %}
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
{% extends '/partials/layoutCover.twig' %}
|
||||
|
||||
{% block title %}{{ metatabs.meta.title | default(title) }} | {{ settings.title }}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% if logo and settings.themes.typemill.coverlogo %}
|
||||
|
||||
<img src="{{ logo }}" alt="logo {{title}}" class="coverlogo"/>
|
||||
|
||||
{% else %}
|
||||
|
||||
<h1 class="coverheadline">{{ title }}</h1>
|
||||
|
||||
{% endif %}
|
||||
|
||||
<div class="lead">
|
||||
|
||||
{{ content }}
|
||||
|
||||
<div class="actionLink">
|
||||
<a href="{{ navigation[0].urlRel }}">{{ settings.themes.typemill.start ? settings.themes.typemill.start : 'Start' }}</a>
|
||||
|
||||
{% if settings.setup %}
|
||||
<a href="{{ base_url }}/setup">Setup</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
Font license info
|
||||
|
||||
|
||||
## Font Awesome
|
||||
|
||||
Copyright (C) 2016 by Dave Gandy
|
||||
|
||||
Author: Dave Gandy
|
||||
License: SIL ()
|
||||
Homepage: http://fortawesome.github.com/Font-Awesome/
|
||||
|
||||
|
||||
## Entypo
|
||||
|
||||
Copyright (C) 2012 by Daniel Bruce
|
||||
|
||||
Author: Daniel Bruce
|
||||
License: SIL (http://scripts.sil.org/OFL)
|
||||
Homepage: http://www.entypo.com
|
||||
|
||||
|
||||
|
|
@ -1,75 +0,0 @@
|
|||
This webfont is generated by http://fontello.com open source project.
|
||||
|
||||
|
||||
================================================================================
|
||||
Please, note, that you should obey original font licenses, used to make this
|
||||
webfont pack. Details available in LICENSE.txt file.
|
||||
|
||||
- Usually, it's enough to publish content of LICENSE.txt file somewhere on your
|
||||
site in "About" section.
|
||||
|
||||
- If your project is open-source, usually, it will be ok to make LICENSE.txt
|
||||
file publicly available in your repository.
|
||||
|
||||
- Fonts, used in Fontello, don't require a clickable link on your site.
|
||||
But any kind of additional authors crediting is welcome.
|
||||
================================================================================
|
||||
|
||||
|
||||
Comments on archive content
|
||||
---------------------------
|
||||
|
||||
- /font/* - fonts in different formats
|
||||
|
||||
- /css/* - different kinds of css, for all situations. Should be ok with
|
||||
twitter bootstrap. Also, you can skip <i> style and assign icon classes
|
||||
directly to text elements, if you don't mind about IE7.
|
||||
|
||||
- demo.html - demo file, to show your webfont content
|
||||
|
||||
- LICENSE.txt - license info about source fonts, used to build your one.
|
||||
|
||||
- config.json - keeps your settings. You can import it back into fontello
|
||||
anytime, to continue your work
|
||||
|
||||
|
||||
Why so many CSS files ?
|
||||
-----------------------
|
||||
|
||||
Because we like to fit all your needs :)
|
||||
|
||||
- basic file, <your_font_name>.css - is usually enough, it contains @font-face
|
||||
and character code definitions
|
||||
|
||||
- *-ie7.css - if you need IE7 support, but still don't wish to put char codes
|
||||
directly into html
|
||||
|
||||
- *-codes.css and *-ie7-codes.css - if you like to use your own @font-face
|
||||
rules, but still wish to benefit from css generation. That can be very
|
||||
convenient for automated asset build systems. When you need to update font -
|
||||
no need to manually edit files, just override old version with archive
|
||||
content. See fontello source code for examples.
|
||||
|
||||
- *-embedded.css - basic css file, but with embedded WOFF font, to avoid
|
||||
CORS issues in Firefox and IE9+, when fonts are hosted on the separate domain.
|
||||
We strongly recommend to resolve this issue by `Access-Control-Allow-Origin`
|
||||
server headers. But if you ok with dirty hack - this file is for you. Note,
|
||||
that data url moved to separate @font-face to avoid problems with <IE9, when
|
||||
string is too long.
|
||||
|
||||
- animate.css - use it to get ideas about spinner rotation animation.
|
||||
|
||||
|
||||
Attention for server setup
|
||||
--------------------------
|
||||
|
||||
You MUST setup server to reply with proper `mime-types` for font files -
|
||||
otherwise some browsers will fail to show fonts.
|
||||
|
||||
Usually, `apache` already has necessary settings, but `nginx` and other
|
||||
webservers should be tuned. Here is list of mime types for our file extensions:
|
||||
|
||||
- `application/vnd.ms-fontobject` - eot
|
||||
- `application/x-font-woff` - woff
|
||||
- `application/x-font-ttf` - ttf
|
||||
- `image/svg+xml` - svg
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
{
|
||||
"name": "",
|
||||
"css_prefix_text": "icon-",
|
||||
"css_use_suffix": false,
|
||||
"hinting": true,
|
||||
"units_per_em": 1000,
|
||||
"ascent": 850,
|
||||
"glyphs": [
|
||||
{
|
||||
"uid": "bf882b30900da12fca090d9796bc3030",
|
||||
"css": "mail",
|
||||
"code": 59392,
|
||||
"src": "fontawesome"
|
||||
},
|
||||
{
|
||||
"uid": "91426c82d94428a33353e495418435e3",
|
||||
"css": "share",
|
||||
"code": 59393,
|
||||
"src": "entypo"
|
||||
},
|
||||
{
|
||||
"uid": "884cfc3e6e2d456dd2a2ca0dbb9e6337",
|
||||
"css": "left-open-big",
|
||||
"code": 59394,
|
||||
"src": "entypo"
|
||||
},
|
||||
{
|
||||
"uid": "004882ab2d5c418c5b2060e80596279b",
|
||||
"css": "right-open-big",
|
||||
"code": 59395,
|
||||
"src": "entypo"
|
||||
},
|
||||
{
|
||||
"uid": "627abcdb627cb1789e009c08e2678ef9",
|
||||
"css": "twitter",
|
||||
"code": 61593,
|
||||
"src": "fontawesome"
|
||||
},
|
||||
{
|
||||
"uid": "8e04c98c8f5ca0a035776e3001ad2638",
|
||||
"css": "facebook",
|
||||
"code": 61594,
|
||||
"src": "fontawesome"
|
||||
},
|
||||
{
|
||||
"uid": "11ebb30e17efcd988a228ade5d3e8c74",
|
||||
"css": "xing",
|
||||
"code": 61800,
|
||||
"src": "fontawesome"
|
||||
},
|
||||
{
|
||||
"uid": "e9107949dd6c9e8ab2b29ae07156e38c",
|
||||
"css": "linkedin",
|
||||
"code": 61665,
|
||||
"src": "fontawesome"
|
||||
},
|
||||
{
|
||||
"uid": "9d3e9faf68fd4e12def853f0d4e1173b",
|
||||
"css": "whatsapp",
|
||||
"code": 62002,
|
||||
"src": "fontawesome"
|
||||
},
|
||||
{
|
||||
"uid": "9a76bc135eac17d2c8b8ad4a5774fc87",
|
||||
"css": "download",
|
||||
"code": 59396,
|
||||
"src": "fontawesome"
|
||||
},
|
||||
{
|
||||
"uid": "0f6a2573a7b6df911ed199bb63717e27",
|
||||
"css": "github-circled",
|
||||
"code": 61595,
|
||||
"src": "fontawesome"
|
||||
}
|
||||
]
|
||||
}
|
||||
85
themes/typemill/css/fontello/css/animation.css
vendored
85
themes/typemill/css/fontello/css/animation.css
vendored
|
|
@ -1,85 +0,0 @@
|
|||
/*
|
||||
Animation example, for spinners
|
||||
*/
|
||||
.animate-spin {
|
||||
-moz-animation: spin 2s infinite linear;
|
||||
-o-animation: spin 2s infinite linear;
|
||||
-webkit-animation: spin 2s infinite linear;
|
||||
animation: spin 2s infinite linear;
|
||||
display: inline-block;
|
||||
}
|
||||
@-moz-keyframes spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
|
||||
.icon-mail:before { content: '\e800'; } /* '' */
|
||||
.icon-share:before { content: '\e801'; } /* '' */
|
||||
.icon-left-open-big:before { content: '\e802'; } /* '' */
|
||||
.icon-right-open-big:before { content: '\e803'; } /* '' */
|
||||
.icon-download:before { content: '\e804'; } /* '' */
|
||||
.icon-twitter:before { content: '\f099'; } /* '' */
|
||||
.icon-facebook:before { content: '\f09a'; } /* '' */
|
||||
.icon-github-circled:before { content: '\f09b'; } /* '' */
|
||||
.icon-linkedin:before { content: '\f0e1'; } /* '' */
|
||||
.icon-xing:before { content: '\f168'; } /* '' */
|
||||
.icon-whatsapp:before { content: '\f232'; } /* '' */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,12 +0,0 @@
|
|||
|
||||
.icon-mail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-share { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-left-open-big { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-right-open-big { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-download { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-facebook { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-github-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-linkedin { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-xing { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-whatsapp { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
|
|
@ -1,23 +0,0 @@
|
|||
[class^="icon-"], [class*=" icon-"] {
|
||||
font-family: 'fontello';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
|
||||
/* fix buttons height */
|
||||
line-height: 1em;
|
||||
|
||||
/* you can be more comfortable with increased icons size */
|
||||
/* font-size: 120%; */
|
||||
}
|
||||
|
||||
.icon-mail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-share { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-left-open-big { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-right-open-big { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-download { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-facebook { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-github-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-linkedin { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-xing { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-whatsapp { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
68
themes/typemill/css/fontello/css/fontello.css
vendored
68
themes/typemill/css/fontello/css/fontello.css
vendored
|
|
@ -1,68 +0,0 @@
|
|||
@font-face {
|
||||
font-family: 'fontello';
|
||||
src: url('../font/fontello.eot?8743082');
|
||||
src: url('../font/fontello.eot?8743082#iefix') format('embedded-opentype'),
|
||||
url('../font/fontello.woff2?8743082') format('woff2'),
|
||||
url('../font/fontello.woff?8743082') format('woff'),
|
||||
url('../font/fontello.ttf?8743082') format('truetype'),
|
||||
url('../font/fontello.svg?8743082#fontello') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
|
||||
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
|
||||
/*
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
@font-face {
|
||||
font-family: 'fontello';
|
||||
src: url('../font/fontello.svg?8743082#fontello') format('svg');
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||||
font-family: "fontello";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
speak: none;
|
||||
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
margin-right: .2em;
|
||||
text-align: center;
|
||||
/* opacity: .8; */
|
||||
|
||||
/* For safety - reset parent styles, that can break glyph codes*/
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
|
||||
/* fix buttons height, for twitter bootstrap */
|
||||
line-height: 1em;
|
||||
|
||||
/* Animation center compensation - margins should be symmetric */
|
||||
/* remove if not needed */
|
||||
margin-left: .2em;
|
||||
|
||||
/* you can be more comfortable with increased icons size */
|
||||
/* font-size: 120%; */
|
||||
|
||||
/* Font smoothing. That was taken from TWBS */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
/* Uncomment for 3D effect */
|
||||
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
||||
}
|
||||
|
||||
.icon-mail:before { content: '\e800'; } /* '' */
|
||||
.icon-share:before { content: '\e801'; } /* '' */
|
||||
.icon-left-open-big:before { content: '\e802'; } /* '' */
|
||||
.icon-right-open-big:before { content: '\e803'; } /* '' */
|
||||
.icon-download:before { content: '\e804'; } /* '' */
|
||||
.icon-twitter:before { content: '\f099'; } /* '' */
|
||||
.icon-facebook:before { content: '\f09a'; } /* '' */
|
||||
.icon-github-circled:before { content: '\f09b'; } /* '' */
|
||||
.icon-linkedin:before { content: '\f0e1'; } /* '' */
|
||||
.icon-xing:before { content: '\f168'; } /* '' */
|
||||
.icon-whatsapp:before { content: '\f232'; } /* '' */
|
||||
|
|
@ -1,320 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head><!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<meta charset="UTF-8"><style>/*
|
||||
* Bootstrap v2.2.1
|
||||
*
|
||||
* Copyright 2012 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
||||
*/
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
}
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0;
|
||||
}
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
html {
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
}
|
||||
a:focus {
|
||||
outline: thin dotted #333;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
a:hover,
|
||||
a:active {
|
||||
outline: 0;
|
||||
}
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
button,
|
||||
input {
|
||||
*overflow: visible;
|
||||
line-height: normal;
|
||||
}
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
color: #333;
|
||||
background-color: #fff;
|
||||
}
|
||||
a {
|
||||
color: #08c;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: #005580;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.row {
|
||||
margin-left: -20px;
|
||||
*zoom: 1;
|
||||
}
|
||||
.row:before,
|
||||
.row:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0;
|
||||
}
|
||||
.row:after {
|
||||
clear: both;
|
||||
}
|
||||
[class*="span"] {
|
||||
float: left;
|
||||
min-height: 1px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.container,
|
||||
.navbar-static-top .container,
|
||||
.navbar-fixed-top .container,
|
||||
.navbar-fixed-bottom .container {
|
||||
width: 940px;
|
||||
}
|
||||
.span12 {
|
||||
width: 940px;
|
||||
}
|
||||
.span11 {
|
||||
width: 860px;
|
||||
}
|
||||
.span10 {
|
||||
width: 780px;
|
||||
}
|
||||
.span9 {
|
||||
width: 700px;
|
||||
}
|
||||
.span8 {
|
||||
width: 620px;
|
||||
}
|
||||
.span7 {
|
||||
width: 540px;
|
||||
}
|
||||
.span6 {
|
||||
width: 460px;
|
||||
}
|
||||
.span5 {
|
||||
width: 380px;
|
||||
}
|
||||
.span4 {
|
||||
width: 300px;
|
||||
}
|
||||
.span3 {
|
||||
width: 220px;
|
||||
}
|
||||
.span2 {
|
||||
width: 140px;
|
||||
}
|
||||
.span1 {
|
||||
width: 60px;
|
||||
}
|
||||
[class*="span"].pull-right,
|
||||
.row-fluid [class*="span"].pull-right {
|
||||
float: right;
|
||||
}
|
||||
.container {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
*zoom: 1;
|
||||
}
|
||||
.container:before,
|
||||
.container:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0;
|
||||
}
|
||||
.container:after {
|
||||
clear: both;
|
||||
}
|
||||
p {
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
.lead {
|
||||
margin-bottom: 20px;
|
||||
font-size: 21px;
|
||||
font-weight: 200;
|
||||
line-height: 30px;
|
||||
}
|
||||
small {
|
||||
font-size: 85%;
|
||||
}
|
||||
h1 {
|
||||
margin: 10px 0;
|
||||
font-family: inherit;
|
||||
font-weight: bold;
|
||||
line-height: 20px;
|
||||
color: inherit;
|
||||
text-rendering: optimizelegibility;
|
||||
}
|
||||
h1 small {
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
color: #999;
|
||||
}
|
||||
h1 {
|
||||
line-height: 40px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 38.5px;
|
||||
}
|
||||
h1 small {
|
||||
font-size: 24.5px;
|
||||
}
|
||||
body {
|
||||
margin-top: 90px;
|
||||
}
|
||||
.header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -480px;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding-top: 10px;
|
||||
z-index: 10;
|
||||
}
|
||||
.footer {
|
||||
color: #ddd;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.footer a {
|
||||
color: #ccc;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.the-icons {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.switch {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 10px;
|
||||
color: #666;
|
||||
}
|
||||
.switch input {
|
||||
margin-right: 0.3em;
|
||||
}
|
||||
.codesOn .i-name {
|
||||
display: none;
|
||||
}
|
||||
.codesOn .i-code {
|
||||
display: inline;
|
||||
}
|
||||
.i-code {
|
||||
display: none;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'fontello';
|
||||
src: url('./font/fontello.eot?27459207');
|
||||
src: url('./font/fontello.eot?27459207#iefix') format('embedded-opentype'),
|
||||
url('./font/fontello.woff?27459207') format('woff'),
|
||||
url('./font/fontello.ttf?27459207') format('truetype'),
|
||||
url('./font/fontello.svg?27459207#fontello') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
.demo-icon
|
||||
{
|
||||
font-family: "fontello";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
speak: none;
|
||||
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
margin-right: .2em;
|
||||
text-align: center;
|
||||
/* opacity: .8; */
|
||||
|
||||
/* For safety - reset parent styles, that can break glyph codes*/
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
|
||||
/* fix buttons height, for twitter bootstrap */
|
||||
line-height: 1em;
|
||||
|
||||
/* Animation center compensation - margins should be symmetric */
|
||||
/* remove if not needed */
|
||||
margin-left: .2em;
|
||||
|
||||
/* You can be more comfortable with increased icons size */
|
||||
/* font-size: 120%; */
|
||||
|
||||
/* Font smoothing. That was taken from TWBS */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
/* Uncomment for 3D effect */
|
||||
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
|
||||
<script>
|
||||
function toggleCodes(on) {
|
||||
var obj = document.getElementById('icons');
|
||||
|
||||
if (on) {
|
||||
obj.className += ' codesOn';
|
||||
} else {
|
||||
obj.className = obj.className.replace(' codesOn', '');
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container header">
|
||||
<h1>fontello <small>font demo</small></h1>
|
||||
<label class="switch">
|
||||
<input type="checkbox" onclick="toggleCodes(this.checked)">show codes
|
||||
</label>
|
||||
</div>
|
||||
<div class="container" id="icons">
|
||||
<div class="row">
|
||||
<div class="the-icons span3" title="Code: 0xe800"><i class="demo-icon icon-mail"></i> <span class="i-name">icon-mail</span><span class="i-code">0xe800</span></div>
|
||||
<div class="the-icons span3" title="Code: 0xe801"><i class="demo-icon icon-share"></i> <span class="i-name">icon-share</span><span class="i-code">0xe801</span></div>
|
||||
<div class="the-icons span3" title="Code: 0xe802"><i class="demo-icon icon-left-open-big"></i> <span class="i-name">icon-left-open-big</span><span class="i-code">0xe802</span></div>
|
||||
<div class="the-icons span3" title="Code: 0xe803"><i class="demo-icon icon-right-open-big"></i> <span class="i-name">icon-right-open-big</span><span class="i-code">0xe803</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="the-icons span3" title="Code: 0xe804"><i class="demo-icon icon-download"></i> <span class="i-name">icon-download</span><span class="i-code">0xe804</span></div>
|
||||
<div class="the-icons span3" title="Code: 0xf099"><i class="demo-icon icon-twitter"></i> <span class="i-name">icon-twitter</span><span class="i-code">0xf099</span></div>
|
||||
<div class="the-icons span3" title="Code: 0xf09a"><i class="demo-icon icon-facebook"></i> <span class="i-name">icon-facebook</span><span class="i-code">0xf09a</span></div>
|
||||
<div class="the-icons span3" title="Code: 0xf09b"><i class="demo-icon icon-github-circled"></i> <span class="i-name">icon-github-circled</span><span class="i-code">0xf09b</span></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="the-icons span3" title="Code: 0xf0e1"><i class="demo-icon icon-linkedin"></i> <span class="i-name">icon-linkedin</span><span class="i-code">0xf0e1</span></div>
|
||||
<div class="the-icons span3" title="Code: 0xf168"><i class="demo-icon icon-xing"></i> <span class="i-name">icon-xing</span><span class="i-code">0xf168</span></div>
|
||||
<div class="the-icons span3" title="Code: 0xf232"><i class="demo-icon icon-whatsapp"></i> <span class="i-name">icon-whatsapp</span><span class="i-code">0xf232</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
|
@ -1,32 +0,0 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>Copyright (C) 2019 by original authors @ fontello.com</metadata>
|
||||
<defs>
|
||||
<font id="fontello" horiz-adv-x="1000" >
|
||||
<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
|
||||
<missing-glyph horiz-adv-x="1000" />
|
||||
<glyph glyph-name="mail" unicode="" d="M929 11v428q-18-20-39-36-149-115-238-189-28-24-46-37t-48-28-57-13h-2q-26 0-57 13t-48 28-46 37q-88 74-238 189-21 16-39 36v-428q0-7 6-13t12-5h822q7 0 12 5t6 13z m0 586v14t-1 7-1 7-3 5-5 4-8 2h-822q-7 0-12-6t-6-12q0-94 83-159 107-84 223-176 4-3 20-17t25-21 25-17 28-16 24-5h2q11 0 24 5t28 16 25 17 25 21 20 17q116 92 224 176 30 24 56 65t26 73z m71 21v-607q0-37-26-63t-63-27h-822q-36 0-63 27t-26 63v607q0 37 26 63t63 26h822q37 0 63-26t26-63z" horiz-adv-x="1000" />
|
||||
|
||||
<glyph glyph-name="share" unicode="" d="M650 200q62 0 106-43t44-107q0-62-44-106t-106-44-106 44-44 106q0 6 1 14t1 12l-260 156q-42-32-92-32-62 0-106 44t-44 106 44 106 106 44q54 0 92-30l260 156q0 4-1 12t-1 12q0 62 44 106t106 44 106-43 44-107q0-62-44-106t-106-44q-52 0-90 32l-262-156q2-8 2-26 0-16-2-24l262-156q36 30 90 30z" horiz-adv-x="800" />
|
||||
|
||||
<glyph glyph-name="left-open-big" unicode="" d="M452-20q26-26 0-48-26-26-48 0l-392 394q-24 24 0 50l392 394q22 26 48 0 26-22 0-48l-358-372z" horiz-adv-x="465" />
|
||||
|
||||
<glyph glyph-name="right-open-big" unicode="" d="M13-20l358 370-358 372q-26 26 0 48 26 26 48 0l392-394q24-26 0-50l-392-394q-22-26-48 0-26 22 0 48z" horiz-adv-x="465" />
|
||||
|
||||
<glyph glyph-name="download" unicode="" d="M714 100q0 15-10 25t-25 11-25-11-11-25 11-25 25-11 25 11 10 25z m143 0q0 15-10 25t-26 11-25-11-10-25 10-25 25-11 26 11 10 25z m72 125v-179q0-22-16-37t-38-16h-821q-23 0-38 16t-16 37v179q0 22 16 38t38 16h259l75-76q33-32 76-32t76 32l76 76h259q22 0 38-16t16-38z m-182 318q10-23-8-39l-250-250q-10-11-25-11t-25 11l-250 250q-17 16-8 39 10 21 33 21h143v250q0 15 11 25t25 11h143q14 0 25-11t10-25v-250h143q24 0 33-21z" horiz-adv-x="928.6" />
|
||||
|
||||
<glyph glyph-name="twitter" unicode="" d="M904 622q-37-54-90-93 0-8 0-23 0-73-21-145t-64-139-103-117-144-82-181-30q-151 0-276 81 19-2 43-2 126 0 224 77-59 1-105 36t-64 89q19-3 34-3 24 0 48 6-63 13-104 62t-41 115v2q38-21 82-23-37 25-59 64t-22 86q0 49 25 91 68-83 164-133t208-55q-5 21-5 41 0 75 53 127t127 53q79 0 132-57 61 12 115 44-21-64-80-100 52 6 104 28z" horiz-adv-x="928.6" />
|
||||
|
||||
<glyph glyph-name="facebook" unicode="" d="M535 843v-147h-87q-48 0-65-20t-17-60v-106h164l-22-165h-142v-424h-171v424h-142v165h142v122q0 104 58 161t155 57q82 0 127-7z" horiz-adv-x="571.4" />
|
||||
|
||||
<glyph glyph-name="github-circled" unicode="" d="M429 779q116 0 215-58t156-156 57-215q0-140-82-252t-211-155q-15-3-22 4t-7 17q0 1 0 43t0 75q0 54-29 79 32 3 57 10t53 22 45 37 30 58 11 84q0 67-44 115 21 51-4 114-16 5-46-6t-51-25l-21-13q-52 15-107 15t-108-15q-8 6-23 15t-47 22-47 7q-25-63-5-114-44-48-44-115 0-47 12-83t29-59 45-37 52-22 57-10q-21-20-27-58-12-5-25-8t-32-3-36 12-31 35q-11 18-27 29t-28 14l-11 1q-12 0-16-2t-3-7 5-8 7-6l4-3q12-6 24-21t18-29l6-13q7-21 24-34t37-17 39-3 31 1l13 3q0-22 0-50t1-30q0-10-8-17t-22-4q-129 43-211 155t-82 252q0 117 58 215t155 156 216 58z m-267-616q2 4-3 7-6 1-8-1-1-4 4-7 5-3 7 1z m18-19q4 3-1 9-6 5-9 2-4-3 1-9 5-6 9-2z m16-25q6 4 0 11-4 7-9 3-5-3 0-10t9-4z m24-23q4 4-2 10-7 7-11 2-5-5 2-11 6-6 11-1z m32-14q1 6-8 9-8 2-10-4t7-9q8-3 11 4z m35-3q0 7-10 6-9 0-9-6 0-7 10-6 9 0 9 6z m32 5q-1 7-10 5-9-1-8-8t10-4 8 7z" horiz-adv-x="857.1" />
|
||||
|
||||
<glyph glyph-name="linkedin" unicode="" d="M195 501v-553h-184v553h184z m12 171q0-41-29-68t-75-27h-1q-46 0-74 27t-28 68q0 41 29 68t75 27 74-27 29-68z m650-407v-317h-183v296q0 59-23 92t-71 33q-35 0-58-19t-36-48q-6-17-6-45v-309h-184q1 223 1 361t0 165l-1 27h184v-80h-1q11 18 23 31t31 29 49 24 64 9q95 0 153-63t58-186z" horiz-adv-x="857.1" />
|
||||
|
||||
<glyph glyph-name="xing" unicode="" d="M333 478q-5-10-143-255-15-25-36-25h-134q-12 0-17 9t0 20l141 250q1 0 0 1l-90 156q-7 12 0 20 5 9 17 9h134q22 0 37-26z m450 358q6-9 0-21l-295-521v0l188-344q6-11 0-20-5-9-17-9h-134q-23 0-37 25l-189 348q10 18 296 525 14 25 36 25h135q12 0 17-8z" horiz-adv-x="785.7" />
|
||||
|
||||
<glyph glyph-name="whatsapp" unicode="" d="M550 307q7 0 54-25t50-30q1-2 1-8 0-18-9-42-9-22-40-37t-57-15q-32 0-106 35-55 25-95 66t-82 103q-41 60-40 108v5q2 50 41 88 14 12 29 12 4 0 10-1t11-1q11 0 15-3t8-16q5-11 19-49t14-41q0-12-19-33t-20-26q0-3 3-8 19-41 57-76 31-30 84-57 7-4 13-4 8 0 30 27t29 28z m-114-296q71 0 136 28t112 74 75 112 28 136-28 136-75 112-112 75-136 28-135-28-112-75-75-112-28-136q0-113 67-205l-44-130 135 43q88-58 192-58z m0 771q86 0 164-34t134-89 90-135 33-163-33-163-90-134-134-90-164-34q-108 0-203 53l-233-75 76 226q-60 99-60 217 0 86 33 163t90 135 134 89 163 34z" horiz-adv-x="857.1" />
|
||||
</font>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
461
themes/typemill/css/normalize.css
vendored
461
themes/typemill/css/normalize.css
vendored
|
|
@ -1,461 +0,0 @@
|
|||
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/**
|
||||
* 1. Change the default font family in all browsers (opinionated).
|
||||
* 2. Correct the line height in all browsers.
|
||||
* 3. Prevent adjustments of font size after orientation changes in
|
||||
* IE on Windows Phone and in iOS.
|
||||
*/
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
line-height: 1.15; /* 2 */
|
||||
-ms-text-size-adjust: 100%; /* 3 */
|
||||
-webkit-text-size-adjust: 100%; /* 3 */
|
||||
}
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
footer,
|
||||
header,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
* 1. Add the correct display in IE.
|
||||
*/
|
||||
|
||||
figcaption,
|
||||
figure,
|
||||
main { /* 1 */
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct margin in IE 8.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove the gray background on active links in IE 10.
|
||||
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent; /* 1 */
|
||||
-webkit-text-decoration-skip: objects; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the outline on focused links when they are also active or hovered
|
||||
* in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Firefox 39-.
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font style in Android 4.3-.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct background and color in IE 9-.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background-color: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
audio,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in iOS 4-7.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10-.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide the overflow in IE.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers (opinionated).
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: sans-serif; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: 1.15; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
||||
* controls in Android 4.
|
||||
* 2. Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
html [type="button"], /* 1 */
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Change the border, margin, and padding in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct display in IE 9-.
|
||||
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
display: inline-block; /* 1 */
|
||||
vertical-align: baseline; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10-.
|
||||
* 2. Remove the padding in IE 10-.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in IE 9-.
|
||||
* 1. Add the correct display in Edge, IE, and Firefox.
|
||||
*/
|
||||
|
||||
details, /* 1 */
|
||||
menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* Scripting
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
canvas {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hidden
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10-.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -1,950 +0,0 @@
|
|||
/**********************
|
||||
* TRANSITIONS *
|
||||
**********************/
|
||||
|
||||
a, a:link, a:visited, a:focus, a:hover, a:active, button, .button, .share-link, .open .share-link{
|
||||
-webkit-transition: all 0.2s ease;
|
||||
-moz-transition: all 0.2s ease;
|
||||
-o-transition: all 0.2s ease;
|
||||
-ms-transition: all 0.2s ease;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
/**********************
|
||||
* COLORS *
|
||||
**********************/
|
||||
|
||||
body{ background: #f9f8f6; color: #444; }
|
||||
aside{ background: #f9f8f6; border-left: 30px solid #FFF; border-right: 30px solid #FFF; border-bottom: 30px solid #FFF; }
|
||||
.main-menu li.folder.level-1{ border-left: 4px solid #f9f8f6; }
|
||||
.main-menu li.active.folder.level-1{ background: #fdfcfa; border-left: 4px solid #e0474c; }
|
||||
.main-menu li a:focus, .main-menu li a:hover, .main-menu li a:active, .main-menu li.active.file a{ color: #e0474c; }
|
||||
article {background: #FFF; }
|
||||
article a, article a:link, article a:visited,
|
||||
footer a, footer a:link, footer a:visited
|
||||
.lead a, .lead a:link, .lead a:visited{ text-decoration: none; color: #e0474c; }
|
||||
article a:focus, article a:hover, article a:active,
|
||||
footer a:focus, footer a:hover, footer a:active
|
||||
.lead a:focus, .lead a:hover, .lead a:active{ text-decoration: underline }
|
||||
article .breadcrumb,article .paging a{ background: #f9f8f6; }
|
||||
article .breadcrumb span a{ background: #e0474c; color: #f9f8f6; border: 1px solid #e0474c; }
|
||||
article .breadcrumb a:focus,article .breadcrumb a:hover,article .breadcrumb a:active { background: #f9f8f6; color: #e0474c; }
|
||||
article .breadcrumb button{ border: 1px solid #e0474c; color: #e0474c; background: #f9f8f6; }
|
||||
article .breadcrumb button.active{ border: 1px solid #e0474c; color: #f9f8f6; background: #e0474c; }
|
||||
article .paging a{ color: #e0474c; }
|
||||
article .paging a:focus, article .paging a:hover, article .paging a:active{ color: #f9f8f6; background: #e0474c; }
|
||||
header a span, .cover span{ color: #e0474c; }
|
||||
header a, .cover{ color: #444; }
|
||||
footer{ background: #FFF; }
|
||||
.chapterNumber{ color: #bbb; }
|
||||
.chapter h1{ border-bottom: 2px solid #f9f8f6; }
|
||||
.cover .actionLink a, .cover .actionLink a:link, .cover .actionLink a:visited,
|
||||
a.readMore, a.readMore:link, a.readMore:visited{ border: 2px solid #e0474c; background: #e0474c; color: #f9f8f6; }
|
||||
.cover .lead a:focus, .cover .actionLink a:hover, .cover .actionLink a:active,
|
||||
a.readMore:focus, a.readMore:hover, a.readMore:active{
|
||||
border: 2px solid #e0474c;
|
||||
color: #444;
|
||||
background: transparent;
|
||||
text-decoration: none;
|
||||
}
|
||||
pre,code{ color: #333; background: #f9f8f6; }
|
||||
pre{ border-left: 4px solid #e0474c; }
|
||||
code.hljs{ background: transparent; }
|
||||
.TOC li:before{ color: #bbb; }
|
||||
|
||||
/********************
|
||||
* FONTS *
|
||||
********************/
|
||||
|
||||
body{
|
||||
font-family: Calibri, Helvetica, Arial, sans-serif;
|
||||
}
|
||||
pre,code{
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
/********************
|
||||
* HEADLINES *
|
||||
********************/
|
||||
|
||||
h1, h2, h3, h4, h5, h6{ font-weight: 700; line-height: 1em; position: relative;}
|
||||
h1{ font-size: 2.2em; margin: 1.4em 0 0.6em; }
|
||||
h2{ font-size: 1.6em; margin: 1.3em 0 0.6em; }
|
||||
h3{ font-size: 1.3em; margin: 1.2em 0 0.6em; }
|
||||
h4{ font-size: 1.1em; margin: 1.2em 0 0.6em; }
|
||||
h5{ font-size: 1em; margin: 1.2em 0 0.6em; }
|
||||
h6{ font-size: 1em; font-style: italic; font-weight:300; margin: 1em 0 0.6em; }
|
||||
|
||||
/********************
|
||||
* STRUCTURE *
|
||||
********************/
|
||||
|
||||
html,body{
|
||||
padding: 0;
|
||||
margin:0;
|
||||
}
|
||||
html{
|
||||
/* Adjust font size */
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
/* Font varient */
|
||||
font-variant-ligatures: none;
|
||||
-webkit-font-variant-ligatures: none;
|
||||
/* Smoothing */
|
||||
text-rendering: optimizeLegibility;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
font-smoothing: antialiased;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
|
||||
}
|
||||
body{
|
||||
padding: 20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.main{
|
||||
display: block;
|
||||
margin: auto;
|
||||
max-width: 1200px;
|
||||
}
|
||||
header, aside, article{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
header{
|
||||
width: 100%;
|
||||
}
|
||||
aside{
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
left: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
aside#tmnavigation{
|
||||
position: absolute;
|
||||
top: 175px;
|
||||
}
|
||||
article{
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.cover{
|
||||
display: block;
|
||||
margin: auto;
|
||||
max-width: 800px;
|
||||
text-align: center;
|
||||
}
|
||||
footer{
|
||||
margin: 20px 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/********************
|
||||
* HEADER *
|
||||
********************/
|
||||
header{
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
}
|
||||
header a{
|
||||
font-weight: 700;
|
||||
font-size: 2.5em;
|
||||
text-decoration: none;
|
||||
}
|
||||
header p{
|
||||
padding-top: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/************************
|
||||
* NAVIGATION *
|
||||
************************/
|
||||
.close{
|
||||
max-height: 0;
|
||||
transition: max-height 0.25s ease-out;
|
||||
overflow: hidden;
|
||||
z-index: -1;
|
||||
}
|
||||
.open{
|
||||
max-height: 2500px;
|
||||
transition: max-height 0.25s ease-in;
|
||||
overflow: hidden;
|
||||
}
|
||||
.main-menu{
|
||||
line-height: 1.4em;
|
||||
padding-left: 0px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
.main-menu a, .main-menu a:link, .main-menu a:focus, .main-menu a:hover, .main-menu a:active, .main-menu a:visited{
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
}
|
||||
.main-menu a:focus, .main-menu a:hover, .main-menu a:active, .main-menu a.active{}
|
||||
.main-menu ul, .main-menu li{
|
||||
padding:0 5px;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
text-transform: none;
|
||||
font-size: 1em;
|
||||
font-weight: 300;
|
||||
}
|
||||
.main-menu li.folder{
|
||||
padding:5px;
|
||||
}
|
||||
.main-menu li.folder.level-1{
|
||||
padding-left: 15px;
|
||||
}
|
||||
.main-menu li.file.level-1{
|
||||
padding-left: 20px;
|
||||
}
|
||||
.main-menu > ul > li
|
||||
{
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.main-menu > ul > li.folder
|
||||
{
|
||||
text-transform: uppercase;
|
||||
margin: 15px 0 5px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/************************
|
||||
* COVER *
|
||||
************************/
|
||||
.cover h1{
|
||||
font-size: 2.5em;
|
||||
font-weight: 700;
|
||||
}
|
||||
.cover .actionLink a, a.readMore{
|
||||
display: inline-block;
|
||||
min-width: 100px;
|
||||
padding: 5px 10px;
|
||||
margin: 25px 5px;
|
||||
border-radius: 3px;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.7em;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
.cover.startpage h1{
|
||||
margin: 1em 0 0.6em;
|
||||
}
|
||||
.cover.startpage .breadcrumb{
|
||||
background: transparent;
|
||||
}
|
||||
.cover footer{
|
||||
background: transparent;
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
|
||||
/************************
|
||||
* TOC-NAV *
|
||||
************************/
|
||||
|
||||
.toc-nav{
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
font-size: 0.8em;
|
||||
border-top: 2px solid #f9f8f6;
|
||||
padding-top: 50px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.cover .toc-nav{
|
||||
border-top: 0;
|
||||
margin-top: 100px;
|
||||
}
|
||||
.toc-nav ul, .toc-nav li{
|
||||
padding: 0 0 0 0;
|
||||
margin: 0 0 0 0;
|
||||
list-style: none;
|
||||
text-transform: none;
|
||||
font-weight: 300;
|
||||
}
|
||||
.toc-nav li{
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
text-transform: capitalize;
|
||||
text-align: left;
|
||||
}
|
||||
.toc-nav li a {
|
||||
display: inline-block;
|
||||
margin: 5px 0;
|
||||
width: 100%;
|
||||
padding: 12px 8px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.toc-nav li.level-1{
|
||||
padding-left: 0px;
|
||||
text-transform: uppercase;
|
||||
margin: 15px 0 5px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.toc-nav li.level-1 a{
|
||||
text-decoration: none;
|
||||
color: #444;
|
||||
}
|
||||
.toc-nav li.level-2{
|
||||
width: 100%;
|
||||
margin: 0% 1%;
|
||||
}
|
||||
.toc-nav li.level-2 a{
|
||||
background: #fdfcfa;
|
||||
border-left: 2px solid #ddd;
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
}
|
||||
.toc-nav li.level-2 a:hover{
|
||||
background: #f4f3f1;
|
||||
border-left: 2px solid #e0474c;
|
||||
}
|
||||
|
||||
|
||||
/************************
|
||||
* CHAPTER *
|
||||
************************/
|
||||
.chapterNumber, .chapter h1{
|
||||
text-align: center;
|
||||
}
|
||||
.chapterNumber{
|
||||
font-size: 1em;
|
||||
font-weight: 300;
|
||||
padding: 1.5em 0 0;
|
||||
margin: 0px
|
||||
}
|
||||
.chapter h1{
|
||||
text-transform: uppercase;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
/************************
|
||||
* ARTICLE *
|
||||
************************/
|
||||
article{
|
||||
padding: 30px 30px;
|
||||
font-size: 1em;
|
||||
line-height: 1.35em;
|
||||
}
|
||||
|
||||
img, figure,figure img{
|
||||
max-width: 100%;
|
||||
}
|
||||
figure{
|
||||
display: table;
|
||||
margin: 2em auto;
|
||||
padding: 0;
|
||||
}
|
||||
figure.left{
|
||||
width: auto;
|
||||
float: left;
|
||||
margin: 0px 30px 30px 0;
|
||||
}
|
||||
figure.right{
|
||||
width: auto;
|
||||
float: right;
|
||||
margin: 0px 0px 30px 30px;
|
||||
}
|
||||
figure img{
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
figcaption{
|
||||
display: table-caption;
|
||||
caption-side: bottom;
|
||||
}
|
||||
|
||||
|
||||
article img.youtube{
|
||||
position: relative;
|
||||
max-width: 560px;
|
||||
}
|
||||
.video-container{
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
button.play-video {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -50px;
|
||||
margin-left: -50px;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background: #e0474c;
|
||||
color: #FFFFFF;
|
||||
border-radius: 50%;
|
||||
border: 0px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
button.play-video:hover {
|
||||
background: #cc4146;
|
||||
cursor: pointer;
|
||||
}
|
||||
button.play-video::after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin: -20px 0 0 -15px;
|
||||
height: 0;
|
||||
width: 0;
|
||||
border-style: solid;
|
||||
border-width: 20px 0 20px 40px;
|
||||
border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
|
||||
content: ' ';
|
||||
}
|
||||
article .gitlink{
|
||||
float: right;
|
||||
}
|
||||
.herocontainer{
|
||||
position: relative;
|
||||
margin: -30px -90px 0px;
|
||||
height: 300px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.heroimage{
|
||||
width: 100%;
|
||||
}
|
||||
.herocontainer .breadcrumb{
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 10%;
|
||||
width: 80%;
|
||||
}
|
||||
.notice1 {
|
||||
margin: 1em 0;
|
||||
padding: 10px 1em;
|
||||
background-color: #fdf0f0;
|
||||
border-left: 10px solid #d00;
|
||||
}
|
||||
.notice2 {
|
||||
margin: 1em 0;
|
||||
padding: 10px 1em;
|
||||
background-color: #fffbf0;
|
||||
border-left: 10px solid #fb0;
|
||||
}
|
||||
.notice3,
|
||||
.notice4,
|
||||
.notice5,
|
||||
.notice6 {
|
||||
margin: 1em 0;
|
||||
padding: 10px 1em;
|
||||
background-color: #f0f8fe;
|
||||
border-left: 10px solid #08e;
|
||||
}
|
||||
|
||||
|
||||
/************************
|
||||
* PAGING / BREADCRUMB *
|
||||
************************/
|
||||
article .paging, article .breadcrumb{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 5px 0;
|
||||
font-size: 0.8em;
|
||||
border-radius: 3px;
|
||||
margin: 0 0 10px 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
article .breadcrumb{
|
||||
display: inline-block;
|
||||
min-height: 40px;
|
||||
}
|
||||
article .paging a{
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
padding: 5px 10px;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
margin: 5px 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
article .breadcrumb a{
|
||||
text-decoration: none;
|
||||
padding: 5px;
|
||||
}
|
||||
article .paging{
|
||||
margin: 50px 0 30px;
|
||||
}
|
||||
article .paging .next{
|
||||
text-align: right;
|
||||
}
|
||||
article .breadcrumb span{
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
}
|
||||
article .breadcrumb span a{
|
||||
display: inline-block;
|
||||
padding: 0px;
|
||||
border-radius: 50%;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
article .breadcrumb span.prev{
|
||||
left: 5px;
|
||||
}
|
||||
article .breadcrumb span.next{
|
||||
right: 5px;
|
||||
}
|
||||
article .breadcrumb ul{
|
||||
display: none;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
article .breadcrumb ul li{
|
||||
display: inline-block;
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
article .breadcrumb ul li:before{
|
||||
content: '>';
|
||||
}
|
||||
article .breadcrumb ul li:first-child:before{
|
||||
content: '';
|
||||
padding:0;
|
||||
}
|
||||
article .breadcrumb button{
|
||||
display: block;
|
||||
margin: auto;
|
||||
border-radius: 3px;
|
||||
padding: 5px;
|
||||
}
|
||||
/************************
|
||||
* FOOTER *
|
||||
************************/
|
||||
|
||||
footer{
|
||||
font-size: 0.7em;
|
||||
padding: 5px 30px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
footer a{
|
||||
text-decoration: none;
|
||||
}
|
||||
footer p{
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
/************************
|
||||
* CONTENT ELEMENTS *
|
||||
************************/
|
||||
|
||||
code{
|
||||
display: inline-block;
|
||||
padding: 0 0.5em;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.4em;
|
||||
border-radius: 3px;
|
||||
word-break: break-all;
|
||||
}
|
||||
pre{
|
||||
white-space: pre;
|
||||
padding: 10px;
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.math{
|
||||
white-space: pre;
|
||||
}
|
||||
table{
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
thead{
|
||||
border-bottom: 1px solid #e0474c;
|
||||
border-top: 1px solid #e0474c;
|
||||
background: #f9f8f6;
|
||||
font-weight: 700;
|
||||
}
|
||||
tbody{}
|
||||
tr{}
|
||||
tr:nth-child(odd){ }
|
||||
tr:nth-child(even){ background-color:#f9f8f6; }
|
||||
td{ padding: 5px;}
|
||||
th{ padding: 10px 0;}
|
||||
|
||||
|
||||
dl{
|
||||
border-top: 1px solid #e0474c;
|
||||
border-bottom: 1px solid #e0474c;
|
||||
padding: 0.5em 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
dt,dd{
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 3px 5px;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
dt{
|
||||
font-weight: 700;
|
||||
}
|
||||
dt::after{
|
||||
content: ":";
|
||||
}
|
||||
dd{
|
||||
width: 80%
|
||||
}
|
||||
ul,ol{
|
||||
padding-left: 0px;
|
||||
margin-left: 18px;
|
||||
}
|
||||
ul.post{
|
||||
list-style: none;
|
||||
padding: 0 0 0 0;
|
||||
margin: 0 0 0 0;
|
||||
}
|
||||
blockquote{
|
||||
border-left: 4px solid #e0474c;
|
||||
background: #f9f8f6;
|
||||
}
|
||||
blockquote{
|
||||
position: relative;
|
||||
font-style: italic;
|
||||
font-family: serif;
|
||||
border-left: 4px solid #e0474c;
|
||||
background: #f9f8f6;
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
}
|
||||
blockquote:before {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 20px;
|
||||
color: #ccc;
|
||||
content: open-quote;
|
||||
font-size: 4em;
|
||||
}
|
||||
blockquote p{
|
||||
margin-left: 50px;
|
||||
}
|
||||
img{}
|
||||
sup{}
|
||||
cite{}
|
||||
abbr{}
|
||||
hr{}
|
||||
|
||||
img.logo{
|
||||
width: 100%;
|
||||
}
|
||||
img.coverlogo{
|
||||
margin-top: 4em;
|
||||
}
|
||||
/****************************
|
||||
* download-commponent *
|
||||
****************************/
|
||||
|
||||
a.tm-download
|
||||
{
|
||||
line-height: 35px;
|
||||
margin-left: 40px;
|
||||
}
|
||||
a.tm-download::before{
|
||||
content: '\2193';
|
||||
position: absolute;
|
||||
margin-left: -40px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-family: Calibri, "Segoe UI", Roboto, Courier, Helvetica, -apple-system, BlinkMacSystemFont, sans-serif, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
font-size: 1.3em;
|
||||
font-weight: 900;
|
||||
border: 2px solid #e0474c;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
a.tm-download:hover::before{
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
background: #e0474c;
|
||||
}
|
||||
a.tm-heading-anchor {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -1em;
|
||||
width: 1em;
|
||||
opacity: 0;
|
||||
}
|
||||
a.tm-heading-anchor:hover,a.tm-heading-anchor:focus {
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
h2:focus > .tm-heading-anchor,
|
||||
h2:hover > .tm-heading-anchor,
|
||||
h3:focus > .tm-heading-anchor,
|
||||
h3:hover > .tm-heading-anchor,
|
||||
h4:focus > .tm-heading-anchor,
|
||||
h4:hover > .tm-heading-anchor,
|
||||
h5:focus > .tm-heading-anchor,
|
||||
h5:hover > .tm-heading-anchor,
|
||||
h6:focus > .tm-heading-anchor,
|
||||
h6:hover > .tm-heading-anchor{
|
||||
opacity: .75;
|
||||
}
|
||||
|
||||
|
||||
/************************
|
||||
* TABLE OF CONTENTS *
|
||||
************************/
|
||||
|
||||
ul.TOC,.TOC ul{
|
||||
list-style: none;
|
||||
padding-left: 0px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
.TOC li:before{
|
||||
content: "\2192";
|
||||
margin-left: -7px;
|
||||
margin-right: 7px;
|
||||
}
|
||||
.TOC li.h1:before{
|
||||
content: "";
|
||||
}
|
||||
ul.TOC{
|
||||
background: #f9f8f6;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
li.h1{
|
||||
font-weight: 700;
|
||||
}
|
||||
li.h2, li.h3, li.h4, li.h5, li.h6
|
||||
{
|
||||
font-weight: 400;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.control-set{
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
/************************
|
||||
* GitHub Ribbon *
|
||||
************************/
|
||||
|
||||
.github a{
|
||||
color:#e0474c;
|
||||
background:#f9f8f6;
|
||||
text-decoration:none;
|
||||
font-family: calibri,"Helvetica Neue",arial,sans-serif;
|
||||
text-align:center;
|
||||
font-weight:300;
|
||||
padding:5px 30px;
|
||||
font-size:1rem;
|
||||
line-height:1.5rem;
|
||||
position:relative;
|
||||
}
|
||||
.github a:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/************************
|
||||
* Share Buttons *
|
||||
************************/
|
||||
|
||||
.meta-info{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
.meta-info .share-icons{
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
display: inline-block;
|
||||
background: #fff;
|
||||
}
|
||||
.meta-info .share-link, .meta-info .share-button{
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
}
|
||||
.meta-info .hide .share-link{
|
||||
width: 0px;
|
||||
opacity: 1;
|
||||
}
|
||||
.meta-info .hide .share-link a{
|
||||
color: #fff;
|
||||
}
|
||||
.meta-info .show .share-link{
|
||||
width: 30px;
|
||||
opacity: 1;
|
||||
}
|
||||
.share-link{
|
||||
transition: width 0.25s ease out;
|
||||
}
|
||||
.share-icons .share-button{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* for test only */
|
||||
|
||||
img.imgClass{
|
||||
width: auto;
|
||||
max-width: 100px;
|
||||
display: block;
|
||||
}
|
||||
img.myClass{
|
||||
border: 4px solid #e0474c;
|
||||
}
|
||||
|
||||
/************************
|
||||
* RESPONSIVE *
|
||||
************************/
|
||||
@media only screen and (min-width: 360px) {
|
||||
.cover h1{
|
||||
font-size: 3em;
|
||||
}
|
||||
h1{
|
||||
margin: 1.6em 0 0.6em;
|
||||
}
|
||||
h2{
|
||||
margin: 1.4em 0 0.6em;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 600px) {
|
||||
.cover h1{
|
||||
font-size: 4em;
|
||||
}
|
||||
a.tm-heading-anchor{
|
||||
display: block;
|
||||
}
|
||||
.github{
|
||||
position:absolute;
|
||||
display:block;
|
||||
top:0;
|
||||
right:0;
|
||||
width:150px;
|
||||
overflow:hidden;
|
||||
height:150px;
|
||||
z-index:9999;
|
||||
}
|
||||
.github a{
|
||||
background:#444;
|
||||
color:#f9f8f6;
|
||||
font-weight: 700;
|
||||
width:150px;
|
||||
position:absolute;
|
||||
top:45px;
|
||||
right:-45px;
|
||||
transform:rotate(45deg);
|
||||
-webkit-transform:rotate(45deg);
|
||||
-ms-transform:rotate(45deg);
|
||||
-moz-transform:rotate(45deg);
|
||||
-o-transform:rotate(45deg);
|
||||
box-shadow:1px 1px 2px rgba(0,0,0,0.8);
|
||||
}
|
||||
.github a:hover{
|
||||
text-decoration: none;
|
||||
background:#e0474c;
|
||||
color:#f9f8f6;
|
||||
}
|
||||
.github a::before,.github a::after{
|
||||
content:"";
|
||||
width:100%;
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:1px;
|
||||
left:0;
|
||||
height:1px;
|
||||
background:#f9f8f6;
|
||||
}
|
||||
.github a::after{
|
||||
bottom:1px;
|
||||
top:auto;
|
||||
}
|
||||
.cover .lead a, a.readMore{
|
||||
min-width: 150px;
|
||||
}
|
||||
.cover .toc-nav{
|
||||
margin-top: 150px;
|
||||
}
|
||||
.toc-nav li.level-2{
|
||||
width: 47.5%;
|
||||
}
|
||||
article .paging a{
|
||||
width: auto;
|
||||
}
|
||||
article .paging .next{
|
||||
float: right;
|
||||
}
|
||||
ul,ol{
|
||||
list-style-position: outside;
|
||||
padding-left: 40px;
|
||||
}
|
||||
dd{
|
||||
width: 80%;
|
||||
}
|
||||
dt{
|
||||
width: 19%;
|
||||
text-align: right;
|
||||
}
|
||||
.meta-info .show .share-link{
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 980px) {
|
||||
header p{
|
||||
margin: 20px 0;
|
||||
}
|
||||
.close{
|
||||
display: block;
|
||||
max-height: none;
|
||||
overflow: visible;
|
||||
}
|
||||
.chapterNumber{
|
||||
margin: 20px auto 0;
|
||||
}
|
||||
body{
|
||||
font-size: 18px;
|
||||
}
|
||||
header, aside{
|
||||
width: 20%;
|
||||
margin-right: 5%;
|
||||
float:left;
|
||||
}
|
||||
header{
|
||||
text-align: left;
|
||||
}
|
||||
aside, aside#tmnavigation{
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
article,footer{
|
||||
width: 75%;
|
||||
float: right;
|
||||
}
|
||||
footer{
|
||||
padding: 5px 90px;
|
||||
}
|
||||
article{
|
||||
padding: 30px 90px;
|
||||
}
|
||||
article .breadcrumb ul{
|
||||
display: inline-block;
|
||||
}
|
||||
article .breadcrumb span.prev{
|
||||
left: -40px;
|
||||
}
|
||||
article .breadcrumb span.next{
|
||||
right: -40px;
|
||||
}
|
||||
article .breadcrumb button{
|
||||
display: none;
|
||||
}
|
||||
.cover.startpage .breadcrumb{
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
{% extends '/partials/layout.twig' %}
|
||||
|
||||
{% block title %}{{ metatabs.meta.title | default(title) }} | {{ settings.title }}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% if metatabs.meta.heroimage %}
|
||||
|
||||
<div class="herocontainer">
|
||||
|
||||
<img class="heroimage" src="{{ metatabs.meta.heroimage }}" alt="{{ metatabs.meta.heroimagealt }}"/>
|
||||
|
||||
{% include '/partials/breadcrumb.twig' %}
|
||||
|
||||
</div>
|
||||
|
||||
{% else %}
|
||||
|
||||
{% include '/partials/breadcrumb.twig' %}
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% if item.elementType == 'file' %}
|
||||
|
||||
{% include 'page.twig' %}
|
||||
|
||||
{% else %}
|
||||
|
||||
{% include 'chapter.twig' %}
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -1,55 +0,0 @@
|
|||
var menu = document.getElementById("tmmenu"),
|
||||
navi = document.getElementById("tmnavigation");
|
||||
|
||||
if(menu)
|
||||
{
|
||||
menu.addEventListener("click", function()
|
||||
{
|
||||
if(navi.className == "close")
|
||||
{
|
||||
navi.className = "open";
|
||||
menu.className = "active";
|
||||
}
|
||||
else
|
||||
{
|
||||
navi.className = "close";
|
||||
menu.className = "";
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var shareButton = document.getElementById("share-button");
|
||||
var shareIcons = document.getElementById("share-icons");
|
||||
|
||||
if(shareButton)
|
||||
{
|
||||
shareButton.addEventListener("click", function()
|
||||
{
|
||||
if(shareIcons.className == "share-icons show")
|
||||
{
|
||||
shareIcons.className = "share-icons hide";
|
||||
}
|
||||
else
|
||||
{
|
||||
shareIcons.className = "share-icons show";
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var shareButtonBottom = document.getElementById("share-button-bottom");
|
||||
var shareIconsBottom = document.getElementById("share-icons-bottom");
|
||||
|
||||
if(shareButtonBottom)
|
||||
{
|
||||
shareButtonBottom.addEventListener("click", function()
|
||||
{
|
||||
if(shareIconsBottom.className == "share-icons show")
|
||||
{
|
||||
shareIconsBottom.className = "share-icons hide";
|
||||
}
|
||||
else
|
||||
{
|
||||
shareIconsBottom.className = "share-icons show";
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
# English
|
||||
ACTIVATE_SPECIAL_STARTPAGE_DESIGN: Spezielles Start-Design aktivieren
|
||||
ADD_LABEL_FOR_START_BUTTON: Label für Start-Button
|
||||
ADD_NAME_FOR_CHAPTER: Name für Kapitel
|
||||
AUTHOR_INTRO: Präfix für Autorenname
|
||||
CHAPTER: Kapitel
|
||||
COUNT_CHAPTERS_IN_NAVIGATION?: Kapitel in Navigation nummerieren?
|
||||
DIFFERENT_DESIGN_FOR_STARTPAGE: Alternatives Design für Startseite
|
||||
FACEBOOK: Facebook
|
||||
GITHUB: GitHub
|
||||
LABEL_FOR_CHAPTER: Label für Kapitel
|
||||
LABEL_FOR_START_BUTTON: Label für Start-Button
|
||||
LAST_MODIFIED_FORMAT: Format für zuletzt geändert
|
||||
LAST_MODIFIED: Zuletzt geändert
|
||||
LAST_MODIFIED_TEXT: Text für zuletzt geändert
|
||||
LAST_UPDATED: Zuletzt geändert
|
||||
LINKEDIN: Linkedin
|
||||
LINK_TO_GIT_REPOSITORY: Link zum Git-Repository
|
||||
LOGO_ON_STARTPAGE: Logo auf Startseite anzeigen?
|
||||
MAIL: E-Mail
|
||||
PLEASE_ADD_THE_BASE_URL_TO_THE_TEXT_REPOSITORY_E_G__ON_GITHUB_: Bitte füge die Basis-URL zum Git-Repository ein, zum Beispiel von github.
|
||||
POSITION_OF_AUTHOR: Position des Autorennamens
|
||||
POSITION_OF_GIT_EDIT_LINK: Position des Git Editier-Links
|
||||
POSITION_OF_MODIFIED_TEXT: Position des Texts für zuletzt geändert
|
||||
POSITION_OF_SHARE_BUTTONS: Position der Share-Buttons
|
||||
SELECT_SHARE_BUTTONS: Wähle Share-Buttons aus
|
||||
SHARE: Teilen
|
||||
SHOW_CHAPTER_NUMBERS: Kapitel nummerieren
|
||||
SHOW_LOGO_INSTEAD_OF_TITLE_ON_STARTPAGE: Logo anstelle des Titels anzeigen.
|
||||
THE_STANDARD_THEME_FOR_TYPEMILL__RESPONSIVE__MINIMAL_AND_WITHOUT_ANY_DEPENDENCIES__IT_USES_THE_SYSTEM_FONTS_CALIBRI_AND_HELVETICA__NO_JAVASCRIPT_IS_USED_: 'Das Standard-Theme für Typemill. Minimal, responsiv und ohne Abhängigkeiten. kein JavaScript erforderlich. Gut für Dokumentationen und text-fokussierte Webseiten.'
|
||||
TWITTER: Twitter
|
||||
WHATSAPP: WhatsApp
|
||||
XING: Xing
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
# English
|
||||
ACTIVATE_SPECIAL_STARTPAGE_DESIGN: Activate Special Startpage-Design
|
||||
ADD_LABEL_FOR_START_BUTTON: Add Label for Start-Button
|
||||
ADD_NAME_FOR_CHAPTER: Add Name for Chapter
|
||||
AUTHOR_INTRO: Author Intro
|
||||
CHAPTER: Chapter
|
||||
COUNT_CHAPTERS_IN_NAVIGATION?: Count chapters in navigation?
|
||||
DIFFERENT_DESIGN_FOR_STARTPAGE: Different Design for Startpage
|
||||
FACEBOOK: Facebook
|
||||
GITHUB: GitHub
|
||||
LABEL_FOR_CHAPTER: Label for Chapter
|
||||
LABEL_FOR_START_BUTTON: Label for Start Button
|
||||
LAST_MODIFIED_FORMAT: Last Modified Format
|
||||
LAST_MODIFIED: Last Modified
|
||||
LAST_MODIFIED_TEXT: Last Modified Text
|
||||
LAST_UPDATED: Last Updated
|
||||
LINKEDIN: Linkedin
|
||||
LINK_TO_GIT_REPOSITORY: Link to git repository
|
||||
LOGO_ON_STARTPAGE: Logo on startpage
|
||||
MAIL: Mail
|
||||
PLEASE_ADD_THE_BASE_URL_TO_THE_TEXT_REPOSITORY_E_G__ON_GITHUB_: Please add the base url to the text repository e.g. on github.
|
||||
POSITION_OF_AUTHOR: Position of Author
|
||||
POSITION_OF_GIT_EDIT_LINK: Position of Git Edit Link
|
||||
POSITION_OF_MODIFIED_TEXT: Position of Modified Text
|
||||
POSITION_OF_SHARE_BUTTONS: Position of Share-Buttons
|
||||
SELECT_SHARE_BUTTONS: Select Share Buttons
|
||||
SHARE: Share
|
||||
SHOW_CHAPTER_NUMBERS: Show Chapter Numbers
|
||||
SHOW_LOGO_INSTEAD_OF_TITLE_ON_STARTPAGE: Show logo instead of title on startpage
|
||||
THE_STANDARD_THEME_FOR_TYPEMILL__RESPONSIVE__MINIMAL_AND_WITHOUT_ANY_DEPENDENCIES__IT_USES_THE_SYSTEM_FONTS_CALIBRI_AND_HELVETICA__NO_JAVASCRIPT_IS_USED_: 'The standard theme for Typemill. Responsive, minimal and without any dependencies. It uses the system fonts Calibri and Helvetica. No JavaScript is used.'
|
||||
TWITTER: Twitter
|
||||
WHATSAPP: WhatsApp
|
||||
XING: Xing
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
# Français
|
||||
ACTIVATE_SPECIAL_STARTPAGE_DESIGN: Activer le design spécial pour la page d'accueil
|
||||
ADD_LABEL_FOR_START_BUTTON: Ajouter une étiquette pour le bouton de démarrage
|
||||
ADD_NAME_FOR_CHAPTER: Ajouter des noms de chapitre
|
||||
AUTHOR_INTRO: Étiquette de mention de l'auteur
|
||||
CHAPTER: Chapitre
|
||||
COUNT_CHAPTERS_IN_NAVIGATION?: Numéroter les chapitres dans la navigation ?
|
||||
DIFFERENT_DESIGN_FOR_STARTPAGE: Design différent pour la page d'accueil
|
||||
FACEBOOK: Facebook
|
||||
GITHUB: GitHub
|
||||
LABEL_FOR_CHAPTER: Étiquette de chapitre
|
||||
LABEL_FOR_START_BUTTON: Étiquette pour le bouton Démarrer
|
||||
LAST_MODIFIED_FORMAT: Format de la date de modification
|
||||
LAST_MODIFIED: Dernière modification
|
||||
LAST_MODIFIED_TEXT: Étiquette pour la date de modification
|
||||
LAST_UPDATED: Dernière mise à jour
|
||||
LINKEDIN: Linkedin
|
||||
LINK_TO_GIT_REPOSITORY: Lien vers le dépôt git
|
||||
LOGO_ON_STARTPAGE: Logo sur la page d'accueil
|
||||
MAIL: Courriel
|
||||
PLEASE_ADD_THE_BASE_URL_TO_THE_TEXT_REPOSITORY_E_G__ON_GITHUB_: Veuillez ajouter l'url de base pour le dépôt git (par ex. Github)
|
||||
POSITION_OF_AUTHOR: Position de l'auteur
|
||||
POSITION_OF_GIT_EDIT_LINK: Position du lien d'édition dans github
|
||||
POSITION_OF_MODIFIED_TEXT: Position de la date de modification
|
||||
POSITION_OF_SHARE_BUTTONS: Position des boutons de partage
|
||||
SELECT_SHARE_BUTTONS: Sélection des boutons de partage
|
||||
SHARE: Partager
|
||||
SHOW_CHAPTER_NUMBERS: Afficher les numéros de chapitre
|
||||
SHOW_LOGO_INSTEAD_OF_TITLE_ON_STARTPAGE: Afficher le logo au lieu du titre en page d'accueil
|
||||
THE_STANDARD_THEME_FOR_TYPEMILL__RESPONSIVE__MINIMAL_AND_WITHOUT_ANY_DEPENDENCIES__IT_USES_THE_SYSTEM_FONTS_CALIBRI_AND_HELVETICA__NO_JAVASCRIPT_IS_USED_: 'Le thème standard pour Typemill. Responsive, minimal et sans aucune dépendances. Il emploie les polices système Calibri et Helvetica. Pas de Javascript utilisé.'
|
||||
TWITTER: Twitter
|
||||
WHATSAPP: WhatsApp
|
||||
XING: Xing
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
# Italiano
|
||||
ACTIVATE_SPECIAL_STARTPAGE_DESIGN: Attiva il disegno speciale della pagina iniziale
|
||||
ADD_LABEL_FOR_START_BUTTON: Aggiungi etichetta per pulsante di avvio
|
||||
ADD_NAME_FOR_CHAPTER: Aggiungi nome per capitolo
|
||||
AUTHOR_INTRO: Introduzione dell'autore
|
||||
CHAPTER: Capitolo
|
||||
COUNT_CHAPTERS_IN_NAVIGATION?: Contare i capitoli nella navigazione?
|
||||
DIFFERENT_DESIGN_FOR_STARTPAGE: Disegno diverso per la pagina iniziale
|
||||
FACEBOOK: Facebook
|
||||
GITHUB: GitHub
|
||||
LABEL_FOR_CHAPTER: Etichetta per capitolo
|
||||
LABEL_FOR_START_BUTTON: Etichetta per il pulsante Comincia
|
||||
LAST_MODIFIED_FORMAT: Ultimo formato modificato
|
||||
LAST_MODIFIED_TEXT: Ultimo testo modificato
|
||||
LAST_MODIFIED: Ultima modifica
|
||||
LAST_UPDATED: Ultimo aggiornamento
|
||||
LINKEDIN: Linkedin
|
||||
LINK_TO_GIT_REPOSITORY: Collegamento al deposito git
|
||||
LOGO_ON_STARTPAGE: Logo sulla pagina iniziale
|
||||
MAIL: Mail
|
||||
PLEASE_ADD_THE_BASE_URL_TO_THE_TEXT_REPOSITORY_E_G__ON_GITHUB_: Aggiungi l'URL di base al deposito di testo, ad es. su github.
|
||||
POSITION_OF_AUTHOR: Posizione dell'autore
|
||||
POSITION_OF_GIT_EDIT_LINK: Posizione del collegamento modifica Git
|
||||
POSITION_OF_MODIFIED_TEXT: Posizione del testo modificato
|
||||
POSITION_OF_SHARE_BUTTONS: Posizione dei pulsanti di condivisione
|
||||
SELECT_SHARE_BUTTONS: Seleziona i pulsanti pulsanti di condivisione
|
||||
SHARE: Condividere
|
||||
SHOW_CHAPTER_NUMBERS: Mostra i numeri dei capitoli
|
||||
SHOW_LOGO_INSTEAD_OF_TITLE_ON_STARTPAGE: Mostra logo invece del titolo sulla pagina iniziale
|
||||
THE_STANDARD_THEME_FOR_TYPEMILL__RESPONSIVE__MINIMAL_AND_WITHOUT_ANY_DEPENDENCIES__IT_USES_THE_SYSTEM_FONTS_CALIBRI_AND_HELVETICA__NO_JAVASCRIPT_IS_USED_: 'Il tema standard per Typemill. Reattivo, minimo e senza dipendenze. Utilizza i caratteri di sistema Calibri ed Helvetica. Non viene utilizzato JavaScript.'
|
||||
TWITTER: Twitter
|
||||
WHATSAPP: WhatsApp
|
||||
XING: Xing
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
# Dutch
|
||||
ACTIVATE_SPECIAL_STARTPAGE_DESIGN: Activeer speciaal startpagina-ontwerp
|
||||
AUTHOR_INTRO: Auteur Intro
|
||||
COUNT_CHAPTERS_IN_NAVIGATION?: Hoofdstukken tellen in navigatie?
|
||||
DIFFERENT_DESIGN_FOR_STARTPAGE: ander ontwerp voor startpagina
|
||||
FACEBOOK: Facebook
|
||||
GITHUB: GitHub
|
||||
LABEL_FOR_CHAPTER: Label voor hoofdstuk
|
||||
LABEL_FOR_START_BUTTON: label voor startknop
|
||||
LAST_MODIFIED_FORMAT: Laatst gewijzigd formaat
|
||||
LAST_MODIFIED: Laatst gewijzigd
|
||||
LAST_MODIFIED_TEXT: Laatst gewijzigde tekst
|
||||
LINKEDIN: Linkedin
|
||||
LINK_TO_GIT_REPOSITORY: Link naar git repository
|
||||
MAIL: Mail
|
||||
POSITION_OF_AUTHOR: Positie van auteur
|
||||
POSITION_OF_GIT_EDIT_LINK: Positie van Git Link bewerken
|
||||
POSITION_OF_MODIFIED_TEXT: Positie van gemodificeerde tekst
|
||||
POSITION_OF_SHARE_BUTTONS: Positie van Share-knoppen
|
||||
SELECT_SHARE_BUTTONS: Selecteer Share-knoppen
|
||||
SHARE: deel
|
||||
SHOW_CHAPTER_NUMBERS: hoofdstuknummers tonen
|
||||
TWITTER: Twitter
|
||||
WHATSAPP: Whatsapp
|
||||
XING: Xing
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
# Russian
|
||||
#Translation: Paul (https://paul.bid) paulbid@protonmail.com
|
||||
ACTIVATE_SPECIAL_STARTPAGE_DESIGN: Активировать особый дизайн для Главной страницы
|
||||
AUTHOR_INTRO: Напись перед указанием автора
|
||||
COUNT_CHAPTERS_IN_NAVIGATION?: Нумеровать разделы в панели навигации?
|
||||
DIFFERENT_DESIGN_FOR_STARTPAGE: Особый дизайн для Главной страницы
|
||||
FACEBOOK: Facebook
|
||||
GITHUB: GitHub
|
||||
LABEL_FOR_CHAPTER: Надпись обозначающая раздел
|
||||
LABEL_FOR_START_BUTTON: Надпись на кнопке «Начать»
|
||||
LAST_MODIFIED_FORMAT: Формат даты последнего изменения
|
||||
LAST_MODIFIED: Последние изменения
|
||||
LAST_MODIFIED_TEXT: Текст перед указанием даты последнего изменения
|
||||
LINKEDIN: LinkedIn
|
||||
LINK_TO_GIT_REPOSITORY: Ссылка на git репозиторий
|
||||
LOGO_ON_STARTPAGE: Логотип на Стартовой странице
|
||||
MAIL: Почта
|
||||
POSITION_OF_AUTHOR: Место для отображения авторства
|
||||
POSITION_OF_GIT_EDIT_LINK: Позиция Git-ссылки на редактирование
|
||||
POSITION_OF_MODIFIED_TEXT: Позиция надписи о последнем изменении
|
||||
POSITION_OF_SHARE_BUTTONS: Позиция кнопок «поделиться»
|
||||
SELECT_SHARE_BUTTONS: Выберите кнопки нужные «поделиться»
|
||||
SHARE: Поделиться
|
||||
SHOW_CHAPTER_NUMBERS: Отображать нумерацию разделов
|
||||
SHOW_LOGO_INSTEAD_OF_TITLE_ON_STARTPAGE: Показывать логотип вместо названия на Стартовой странице
|
||||
TWITTER: Twitter
|
||||
WHATSAPP: WhatsApp
|
||||
XING: Xing
|
||||
|
|
@ -1 +0,0 @@
|
|||
# English
|
||||
|
|
@ -1 +0,0 @@
|
|||
# Italiano
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
{% set published = metatabs.meta.manualdate ? metatabs.meta.manualdate : metatabs.meta.modified %}
|
||||
|
||||
{% if content is empty %}
|
||||
|
||||
<h1>{{ item.name }}</h1>
|
||||
|
||||
{% endif %}
|
||||
|
||||
<h1>{{ title }}</h1>
|
||||
|
||||
{% if (settings.themes.typemill.socialPosition.top or settings.themes.typemill.modifiedPosition.top or settings.themes.typemill.authorPosition.top or settings.themes.typemill.gitPosition.top) %}
|
||||
<div class="meta-info">
|
||||
{% if settings.themes.typemill.authorPosition.top %}
|
||||
<small>{{ settings.themes.typemill.authorIntro }}: {{ metatabs.meta.author|default(settings.author) }}</small>
|
||||
{% endif %}
|
||||
{% if settings.themes.typemill.modifiedPosition.top %}
|
||||
<small>{{ settings.themes.typemill.modifiedText }}: {{ published|date(settings.themes.typemill.modifiedFormat) }}</small>
|
||||
{% endif %}
|
||||
{% if settings.themes.typemill.socialPosition.top %}
|
||||
<div id="share-icons" class="share-icons hide">
|
||||
{% include 'partials/share.twig' with {'share' : settings.themes.typemill.socialButtons } %}
|
||||
<div class="share-button" id="share-button">
|
||||
<i class="icon-share"></i>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if settings.themes.typemill.gitPosition.top %}
|
||||
<div class="gitlink"><a title="edit on github" href="{{ settings.themes.typemill.gitlink }}{{ item.path }}">edit <i class="icon-github-circled"></i></a></div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{{ content }}
|
||||
|
||||
|
||||
{% if (settings.themes.typemill.socialPosition.bottom or settings.themes.typemill.modifiedPosition.bottom or settings.themes.typemill.authorPosition.bottom or settings.themes.typemill.gitPosition.bottom) %}
|
||||
<div class="meta-info">
|
||||
{% if settings.themes.typemill.authorPosition.bottom %}
|
||||
<small>{{ settings.themes.typemill.authorIntro }}: {{ metatabs.meta.author|default(settings.author) }}</small>
|
||||
{% endif %}
|
||||
{% if settings.themes.typemill.modifiedPosition.bottom %}
|
||||
<small>{{ settings.themes.typemill.modifiedText }}: {{ published|date(settings.themes.typemill.modifiedFormat) }}</small>
|
||||
{% endif %}
|
||||
{% if settings.themes.typemill.socialPosition.bottom %}
|
||||
<div id="share-icons-bottom" class="share-icons hide">
|
||||
{% include 'partials/share.twig' with {'share' : settings.themes.typemill.socialButtons } %}
|
||||
<div id="share-button-bottom" class="share-button">
|
||||
<i class="icon-share"></i>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if settings.themes.typemill.gitPosition.bottom %}
|
||||
<div class="gitlink"><a title="edit on github" href="{{ settings.themes.typemill.gitlink }}{{ item.path }}">edit <i class="icon-github-circled"></i></a></div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if item.prevItem or item.nextItem %}
|
||||
|
||||
<div class="paging">
|
||||
{% if item.prevItem %}
|
||||
<span class="prev"><a href="{{ item.prevItem.urlRel }}"><i class="icon-left-open-big"></i> {{ item.prevItem.name }}</a></span>
|
||||
{% endif %}
|
||||
{% if item.nextItem %}
|
||||
<span class="next"><a href="{{ item.nextItem.urlRel }}">{{ item.nextItem.name }} <i class="icon-right-open-big"></i></a></span>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
|
||||
<div class="breadcrumb">
|
||||
{% if item.prevItem %}
|
||||
<span class="prev"><a href="{{ item.prevItem.urlRel }}"><i class="icon-left-open-big"></i></a></span>
|
||||
{% endif %}
|
||||
<ul>
|
||||
{% for crumb in breadcrumb %}
|
||||
<li><a href="{{ crumb.urlRel }}">{{ crumb.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<button id="tmmenu" class="menu">contents</button>
|
||||
{% if item.nextItem %}
|
||||
<span class="next"><a href="{{ item.nextItem.urlRel }}"><i class="icon-right-open-big"></i></a></span>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
{% set nowYear = "now"|date("Y") %}
|
||||
{% if settings.year is empty or settings.year == nowYear %}
|
||||
{% set copyrightYears = nowYear %}
|
||||
{% else %}
|
||||
{% set copyrightYears = settings.year ~ ' - ' ~ nowYear %}
|
||||
{% endif %}
|
||||
|
||||
<div class="copyrightLine"><p>{{ settings.copyright }} by {{ settings.author }}, {{ copyrightYears }}. All Rights Reserved. Built with <a href="https://typemill.net">TYPEMILL</a>.</p></div>
|
||||
|
|
@ -1,84 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ settings.langattr|default('en') }}">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{% block title %}{% endblock %}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<base href="{{ base_url }}/">
|
||||
|
||||
<meta name="description" content="{{ metatabs.meta.description }}" />
|
||||
<meta name="author" content="{{ settings.author }}" />
|
||||
<meta name="generator" content="TYPEMILL" />
|
||||
|
||||
{% if favicon %}
|
||||
<meta name="msapplication-TileColor" content="#F9F8F6" />
|
||||
<meta name="msapplication-TileImage" content="{{ base_url }}/media/files/favicon-144.png" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/media/files/favicon-16.png" sizes="16x16" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/media/files/favicon-32.png" sizes="32x32" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ base_url }}/media/files/favicon-180.png" />
|
||||
{% endif %}
|
||||
|
||||
<link rel="canonical" href="{{ item.urlAbs }}" />
|
||||
|
||||
<meta property="og:site_name" content="{{ settings.title }}">
|
||||
<meta property="og:title" content="{{ metatabs.meta.title }}">
|
||||
<meta property="og:description" content="{{ metatabs.meta.description }}">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:url" content="{{ item.urlAbs }}">
|
||||
<meta property="og:image" content="{{ image.img_url }}">
|
||||
<meta name="twitter:image:alt" content="{{ image.img_alt }}">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
|
||||
{% block stylesheets %}
|
||||
<link rel="stylesheet" href="{{ base_url }}/themes/typemill/css/fontello/css/fontello.css" />
|
||||
<link rel="stylesheet" href="{{ base_url }}/themes/typemill/css/normalize.css" />
|
||||
<link rel="stylesheet" href="{{ base_url }}/themes/typemill/css/style.css?20191022" />
|
||||
|
||||
{{ assets.renderCSS() }}
|
||||
|
||||
{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
<div class="main">
|
||||
<header>
|
||||
<p><a href="{{ base_url }}">
|
||||
{% if logo %}
|
||||
<img src="{{ logo }}" class="logo"/>
|
||||
{% else %}
|
||||
{{ settings.title }}
|
||||
{% endif %}
|
||||
</a></p>
|
||||
</header>
|
||||
|
||||
<article class="{{ item.elementType == 'file' ? 'page' : 'chapter' }}">
|
||||
{% block content %}{% endblock %}
|
||||
</article>
|
||||
|
||||
{% if widgets %}
|
||||
{% for index,widget in widgets %}
|
||||
<aside id="{{ index }}">
|
||||
{{ widget }}
|
||||
</aside>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
<aside id="tmnavigation" class="close">
|
||||
<nav class="main-menu">
|
||||
{% include 'partials/navigation.twig' %}
|
||||
</nav>
|
||||
</aside>
|
||||
<footer>
|
||||
{% include 'partials/footer.twig' %}
|
||||
</footer>
|
||||
</div>
|
||||
{% block javascripts %}
|
||||
|
||||
<script src="{{ base_url }}/themes/typemill/js/script.js"></script>
|
||||
<script src="{{ base_url }}/system/author/js/typemillutils.js?20200418"></script>
|
||||
<script>typemillUtilities.start();</script>
|
||||
|
||||
{{ assets.renderJS() }}
|
||||
|
||||
{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ settings.langattr|default('en') }}">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{% block title %}{% endblock %}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<base href="{{ base_url }}/">
|
||||
|
||||
<meta name="description" content="{{ metatabs.meta.description }}" />
|
||||
<meta name="author" content="{{ settings.author }}" />
|
||||
<meta name="generator" content="TYPEMILL" />
|
||||
|
||||
{% if favicon %}
|
||||
<meta name="msapplication-TileColor" content="#F9F8F6" />
|
||||
<meta name="msapplication-TileImage" content="{{ base_url }}/media/files/favicon-144.png" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/media/files/favicon-16.png" sizes="16x16" />
|
||||
<link rel="icon" type="image/png" href="{{ base_url }}/media/files/favicon-32.png" sizes="32x32" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ base_url }}/media/files/favicon-180.png" />
|
||||
{% endif %}
|
||||
|
||||
<link rel="canonical" href="{{ item.urlAbs }}" />
|
||||
|
||||
<meta property="og:site_name" content="{{ settings.title }}">
|
||||
<meta property="og:title" content="{{ metatabs.meta.title }}">
|
||||
<meta property="og:description" content="{{ metatabs.meta.description }}">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:url" content="{{ item.urlAbs }}">
|
||||
<meta property="og:image" content="{{ image.img_url }}">
|
||||
<meta name="twitter:image:alt" content="{{ image.img_alt }}">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
|
||||
{% block stylesheets %}
|
||||
<link rel="stylesheet" href="{{ base_url }}/themes/typemill/css/fontello/css/fontello.css" />
|
||||
<link rel="stylesheet" href="{{ base_url }}/themes/typemill/css/normalize.css" />
|
||||
<link rel="stylesheet" href="{{ base_url }}/themes/typemill/css/style.css?20191022" />
|
||||
|
||||
{{ assets.renderCSS() }}
|
||||
|
||||
{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
<div class="cover">
|
||||
{% block content %}{% endblock %}
|
||||
<nav class="toc-nav">
|
||||
{% include 'partials/navigationCover.twig' %}
|
||||
</nav>
|
||||
<footer>
|
||||
{% include 'partials/footer.twig' %}
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
{% block javascripts %}
|
||||
<script src="{{ base_url }}/themes/typemill/js/script.js"></script>
|
||||
<script src="{{ base_url }}/system/author/js/typemillutils.js?20200418"></script>
|
||||
<script>typemillUtilities.start();</script>
|
||||
|
||||
{{ assets.renderJS() }}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
{% macro loop_over(navigation,chapnum) %}
|
||||
|
||||
{% import _self as macros %}
|
||||
|
||||
{% for element in navigation %}
|
||||
|
||||
{% set depth = element.keyPathArray|length %}
|
||||
|
||||
{% if element.activeParent %}
|
||||
<li class="{{ element.elementType }} level-{{ depth }} active parent">
|
||||
{% elseif element.active %}
|
||||
<li class="{{ element.elementType }} level-{{ depth }} active">
|
||||
{% else %}
|
||||
<li class="{{ element.elementType }} level-{{ depth }}">
|
||||
{% endif %}
|
||||
{% if (element.elementType == 'folder') %}
|
||||
<a href="{{ element.urlAbs }}">{% if chapnum %}{{ element.chapter }}. {% endif %}{{ element.name }}</a>
|
||||
{% if ( element.folderContent|length > 0 ) and (element.contains == 'pages') %}
|
||||
<ul>
|
||||
{{ macros.loop_over(element.folderContent,chapnum) }}
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<a href="{{ element.urlAbs }}">{% if chapnum %}{{ element.chapter }} {% endif %}{{ element.name }}</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% endmacro %}
|
||||
|
||||
{% import _self as macros %}
|
||||
|
||||
<ul>
|
||||
{{ macros.loop_over(navigation,settings.themes.typemill.chapnum) }}
|
||||
</ul>
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
{% macro loop_over(navigation,chapnum) %}
|
||||
|
||||
{% import _self as macros %}
|
||||
|
||||
{% for element in navigation %}
|
||||
{% if element.activeParent %}
|
||||
<li class="{{ element.elementType }} level-{{ element.keyPathArray|length }} active parent">
|
||||
{% elseif element.active %}
|
||||
<li class="{{ element.elementType }} level-{{ element.keyPathArray|length }} active">
|
||||
{% else %}
|
||||
<li class="{{ element.elementType }} level-{{ element.keyPathArray|length }}">
|
||||
{% endif %}
|
||||
{% if element.elementType == 'folder' and element.keyPathArray|length == 1 %}
|
||||
<a href="{{ element.urlAbs }}">{% if chapnum %}{{ element.chapter }}. {% endif %}{{ element.name }}</a>
|
||||
<ul>
|
||||
{{ macros.loop_over(element.folderContent,chapnum) }}
|
||||
</ul>
|
||||
{% else %}
|
||||
<a href="{{ element.urlAbs }}">{% if chapnum %}{{ element.chapter }} {% endif %}{{ element.name }}</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% endmacro %}
|
||||
|
||||
{% import _self as macros %}
|
||||
|
||||
<ul>
|
||||
{{ macros.loop_over(navigation,settings.themes.typemill.chapnum) }}
|
||||
</ul>
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
{% if share.twitter %}
|
||||
<div class="share-link twitter">
|
||||
<a href="https://twitter.com/intent/tweet?source=webclient&text='{{ title|url_encode }}:{{ description|url_encode }}&url={{ item.urlAbs }}" target="_blank"><i class="icon-twitter"></i></a>
|
||||
</div>{% endif %}{% if share.facebook %}<div class="share-link facebook">
|
||||
<a href="https://facebook.com/sharer/sharer.php?u={{ item.urlAbs }}&t={{ title|url_encode }}" target="_blank"><i class="icon-facebook"></i></a>
|
||||
</div>{% endif %}{% if share.xing %}<div class="share-link xing">
|
||||
<a href="https://www.xing.com/spi/shares/new?url={{ item.urlAbs }}" target="_blank"><i class="icon-xing"></i></a>
|
||||
</div>{% endif %}{% if share.linkedin %}<div class="share-link linkedin">
|
||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ item.urlAbs }}&title={{ title|url_encode }}" target="_blank"><i class="icon-linkedin"></i></a>
|
||||
</div>{% endif %}{% if share.whatsapp %}<div class="share-link whatsapp">
|
||||
<a href="whatsapp://send?text={{ item.urlAbs }}" target="_blank"><i class="icon-whatsapp"></i></a>
|
||||
</div>{% endif %}{% if share.mail %}<div class="share-link mail">
|
||||
<a href="mailto:?subject={{ title|url_encode }}&body={{ item.urlAbs }}" target="_blank"><i class="icon-mail"></i></a>
|
||||
</div>
|
||||
{% endif %}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 116 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 116 KiB |
|
|
@ -1,128 +0,0 @@
|
|||
name: Typemill Theme
|
||||
version: 1.2.5
|
||||
description: The standard theme for Typemill. Responsive, minimal and without any dependencies. It uses the system fonts Calibri and Helvetica. No JavaScript is used.
|
||||
author: Sebastian Schürmanns
|
||||
homepage: https://typemill.net
|
||||
licence: MIT
|
||||
paypal: https://paypal.me/typemill
|
||||
amount: 10
|
||||
|
||||
settings:
|
||||
chapter: Chapter
|
||||
start: Start
|
||||
cover: true
|
||||
modified: true
|
||||
modifiedText: 'Last updated'
|
||||
modifiedFormat: 'd.m.Y'
|
||||
authorIntro: 'Author'
|
||||
images:
|
||||
live:
|
||||
width: 820
|
||||
|
||||
forms:
|
||||
fields:
|
||||
|
||||
cover:
|
||||
type: checkbox
|
||||
label: Different Design for Startpage
|
||||
checkboxlabel: Activate Special Startpage-Design
|
||||
|
||||
coverlogo:
|
||||
type: checkbox
|
||||
label: Logo on startpage
|
||||
checkboxlabel: Show logo instead of title on startpage
|
||||
|
||||
start:
|
||||
type: text
|
||||
label: Label for Start Button
|
||||
placeholder: Add Label for Start-Button
|
||||
required: true
|
||||
|
||||
chapter:
|
||||
type: text
|
||||
label: Label for Chapter
|
||||
placeholder: Add Name for Chapter
|
||||
|
||||
chapnum:
|
||||
type: checkbox
|
||||
label: Show Chapter Numbers
|
||||
checkboxlabel: Count chapters in navigation?
|
||||
|
||||
fieldset0:
|
||||
type: fieldset
|
||||
legend: Author
|
||||
fields:
|
||||
authorPosition:
|
||||
type: checkboxlist
|
||||
label: Position of Author
|
||||
options:
|
||||
top: Top
|
||||
bottom: Bottom
|
||||
|
||||
authorIntro:
|
||||
type: text
|
||||
label: Author Intro
|
||||
placeholder: Author
|
||||
|
||||
fieldset1:
|
||||
type: fieldset
|
||||
legend: Last Modified
|
||||
fields:
|
||||
modifiedPosition:
|
||||
type: checkboxlist
|
||||
label: Position of Modified Text
|
||||
options:
|
||||
top: Top
|
||||
bottom: Bottom
|
||||
|
||||
modifiedText:
|
||||
type: text
|
||||
label: Last Modified Text
|
||||
placeholder: Last Updated
|
||||
|
||||
modifiedFormat:
|
||||
type: select
|
||||
label: Last Modified Format
|
||||
placeholder: 'Add name of theme'
|
||||
options:
|
||||
'm/d/Y': 01/20/2020
|
||||
'd.m.Y': 20.01.2020
|
||||
|
||||
fieldset2:
|
||||
type: fieldset
|
||||
legend: Share
|
||||
fields:
|
||||
socialPosition:
|
||||
type: checkboxlist
|
||||
label: Position of Share-Buttons
|
||||
options:
|
||||
top: Top
|
||||
bottom: Bottom
|
||||
|
||||
socialButtons:
|
||||
type: checkboxlist
|
||||
label: Select Share Buttons
|
||||
options:
|
||||
facebook: Facebook
|
||||
twitter: Twitter
|
||||
xing: Xing
|
||||
linkedin: Linkedin
|
||||
whatsapp: WhatsApp
|
||||
mail: Mail
|
||||
|
||||
fieldset3:
|
||||
type: fieldset
|
||||
legend: GitHub
|
||||
fields:
|
||||
gitPosition:
|
||||
type: checkboxlist
|
||||
label: Position of Git Edit Link
|
||||
options:
|
||||
top: Top
|
||||
bottom: Bottom
|
||||
|
||||
gitlink:
|
||||
type: text
|
||||
label: Link to git repository
|
||||
placeholder: https://github.com/typemill/documentation
|
||||
help: Please add the base url to the text repository e.g. on github.
|
||||
Loading…
Add table
Reference in a new issue