diff --git a/pelicanconf.py b/pelicanconf.py
index 540ea0b2c..f49e38d22 100644
--- a/pelicanconf.py
+++ b/pelicanconf.py
@@ -1,23 +1,18 @@
-#!/usr/bin/env python
-# -*- coding: utf-8 -*- #
-from __future__ import unicode_literals
+AUTHOR = u"Varia"
+SITENAME = u"Varia"
+SITEURL = "https://varia.zone"
-AUTHOR = u'Varia'
-SITENAME = u'Varia'
-SITEURL = 'https://varia.zone'
+PATH = "content"
-PATH = 'content'
+TIMEZONE = "Europe/Amsterdam"
-TIMEZONE = 'Europe/Amsterdam'
-
-DEFAULT_LANG = u'nl'
-DEFAULT_DATE = 'fs'
+DEFAULT_LANG = u"nl"
+DEFAULT_DATE = "fs"
USE_FOLDER_AS_CATEGORY = True
-# Feed generation is usually not desired when developing
FEED_DOMAIN = SITEURL
-FEED_ALL_RSS = 'feeds/all.rss.xml'
-TRANSLATION_FEED_RSS = 'feeds/all-%s.rss.xml'
+FEED_ALL_RSS = "feeds/all.rss.xml"
+TRANSLATION_FEED_RSS = "feeds/all-%s.rss.xml"
RSS_FEED_SUMMARY_ONLY = False
FEED_ALL_ATOM = None
CATEGORY_FEED_ATOM = None
@@ -28,75 +23,64 @@ AUTHOR_FEED_RSS = None
DEFAULT_PAGINATION = 100
-# Uncomment following line if you want document-relative URLs when developing
-PLUGIN_PATHS = ['./pelican-plugins', './plugins-custom']
+PLUGIN_PATHS = ["./pelican-plugins", "./plugins-custom"]
PLUGINS = [
- 'dateish',
- 'extract_toc',
- 'i18n_subsites',
- 'summary',
- 'events-ics',
- 'complex_footnotes',
- # Note(decentral1se): disable for now as breaking site generation
- # please feel free to re-enable it as needed
- # 'stream',
- 'thumbnailer'
+ "dateish",
+ "extract_toc",
+ "i18n_subsites",
+ "summary",
+ "events-ics",
+ "complex_footnotes",
+ "thumbnailer",
]
MARKDOWN = {
- 'extension_configs': {
- 'markdown.extensions.codehilite': {'css_class': 'highlight'},
- 'markdown.extensions.extra': {},
- 'markdown.extensions.meta': {},
- 'markdown.extensions.toc': {
- 'marker': '[TOC]',
+ "extension_configs": {
+ "markdown.extensions.codehilite": {"css_class": "highlight"},
+ "markdown.extensions.extra": {},
+ "markdown.extensions.meta": {},
+ "markdown.extensions.toc": {
+ "marker": "[TOC]",
},
},
- 'output_format': 'html5',
+ "output_format": "html5",
}
-STATIC_PATHS = ['extra/favicon.ico', 'images', 'pdfs', 'stream']
+STATIC_PATHS = ["extra/favicon.ico", "images", "pdfs", "stream"]
EXTRA_PATH_METADATA = {
- 'extra/robots.txt': {'path': 'robots.txt'},
- 'extra/favicon.ico': {'path': 'favicon.ico'},
- 'extra/htaccess': {'path': '.htaccess'}
+ "extra/robots.txt": {"path": "robots.txt"},
+ "extra/favicon.ico": {"path": "favicon.ico"},
+ "extra/htaccess": {"path": ".htaccess"},
}
-THEME = 'themes/varia'
-THEME_STATIC_DIR = 'theme/'
+THEME = "themes/varia"
+THEME_STATIC_DIR = "theme/"
I18N_SUBSITES = {
- 'en': {
- 'SITESUBTITLE':u'Centre for Everyday Technology',
- 'SITEURL':'varia.zone/en/',
- 'locale':'en_US.UTF-8'
- },
- 'nl': {
- 'SITESUBTITLE':u'Centrum voor Alledaagse Technologie',
- 'SITEURL':'varia.zone/',
- 'locale':'nl.UTF-8'
- }
+ "en": {
+ "SITESUBTITLE": u"Centre for Everyday Technology",
+ "SITEURL": "varia.zone/en/",
+ "locale": "en_US.UTF-8",
+ },
+ "nl": {
+ "SITESUBTITLE": u"Centrum voor Alledaagse Technologie",
+ "SITEURL": "varia.zone/",
+ "locale": "nl.UTF-8",
+ },
}
-#Options for plugins
-
-#Our custom events plugin
PLUGIN_EVENTS = {
- 'ics_calendars': ['events.ics', 'curriculum.ics'],
- 'default_location' : '',
- 'calendar_per_category': False
+ "ics_calendars": ["events.ics", "curriculum.ics"],
+ "default_location": "",
+ "calendar_per_category": False,
}
-#Dateish plugin settings
-DATEISH_PROPERTIES = ['event_start', 'event_end']
+DATEISH_PROPERTIES = ["event_start", "event_end"]
-#Thumbnailer plugin settings
-IMAGE_PATH ="images"
+IMAGE_PATH = "images"
THUMBNAIL_KEEP_NAME = True
-THUMBNAIL_DIR ="images"
-THUMBNAIL_SIZES = {'thumb':'200x?', 'thumb2x':'400x?'}
-
-# category url
-CATEGORY_URL = '/{slug}.html'
+THUMBNAIL_DIR = "images"
+THUMBNAIL_SIZES = {"thumb": "200x?", "thumb2x": "400x?"}
+CATEGORY_URL = "/{slug}.html"
diff --git a/publishconf.py b/publishconf.py
index 79b371b20..7f3afd20b 100644
--- a/publishconf.py
+++ b/publishconf.py
@@ -1,18 +1,8 @@
-#!/usr/bin/env python
-# -*- coding: utf-8 -*- #
-from __future__ import unicode_literals
-
-# This file is only used if you use `make publish` or
-# explicitly specify it as your config file.
-
import os
import sys
+
sys.path.append(os.curdir)
from pelicanconf import *
RELATIVE_URLS = False
DELETE_OUTPUT_DIRECTORY = True
-
-# Following items are often useful when publishing
-#DISQUS_SITENAME = ""
-#GOOGLE_ANALYTICS = ""
diff --git a/themes/varia/static/css/main.css b/themes/varia/static/css/main.css
index 7866ac3a1..1eb3d4aac 100644
--- a/themes/varia/static/css/main.css
+++ b/themes/varia/static/css/main.css
@@ -1,532 +1,555 @@
-@font-face{
- font-family: "header";
- src:url('../fonts/cmuntt.ttf');
- font-weight: normal;
- font-style: normal;
+@font-face {
+ font-family: "header";
+ src: url("../fonts/cmuntt.ttf");
+ font-weight: normal;
+ font-style: normal;
}
-@font-face{
- font-family: "kop";
- src:url('../fonts/cmunssdc.ttf');
- font-weight: normal;
- font-style: normal;
+@font-face {
+ font-family: "kop";
+ src: url("../fonts/cmunssdc.ttf");
+ font-weight: normal;
+ font-style: normal;
}
-@font-face{
- font-family: "main";
- src:url('../fonts/cooper-hewitt/CooperHewitt-Medium.otf');
- font-weight: normal;
- font-style: normal;
+@font-face {
+ font-family: "main";
+ src: url("../fonts/cooper-hewitt/CooperHewitt-Medium.otf");
+ font-weight: normal;
+ font-style: normal;
}
-@font-face{
- font-family: "main";
- src:url('../fonts/cooper-hewitt/CooperHewitt-Bold.otf');
- font-weight: bold;
- font-style: normal;
+@font-face {
+ font-family: "main";
+ src: url("../fonts/cooper-hewitt/CooperHewitt-Bold.otf");
+ font-weight: bold;
+ font-style: normal;
}
-@font-face{
- font-family: "main";
- src:url('../fonts/cooper-hewitt/CooperHewitt-MediumItalic.otf');
- font-weight: normal;
- font-style: italic;
+@font-face {
+ font-family: "main";
+ src: url("../fonts/cooper-hewitt/CooperHewitt-MediumItalic.otf");
+ font-weight: normal;
+ font-style: italic;
}
-@font-face{
- font-family: "main";
- src:url('../fonts/cooper-hewitt/CooperHewitt-BoldItalic.otf');
- font-weight: bold;
- font-style: italic;
+@font-face {
+ font-family: "main";
+ src: url("../fonts/cooper-hewitt/CooperHewitt-BoldItalic.otf");
+ font-weight: bold;
+ font-style: italic;
}
-body{
- position: relative;
- width: calc(100% - 50px);
- min-width: 500px;
- top:0px;
- left:0px;
- margin:0 auto 5em auto;
- padding: 14px 15px;
- font-family: "main", monospace;
- font-size: 22px;
- line-height:1.65;
- background-color: rgba(238, 238, 238, 0.5);
- color:#164515;
+body {
+ position: relative;
+ width: calc(100% - 50px);
+ min-width: 500px;
+ top: 0px;
+ left: 0px;
+ margin: 0 auto 5em auto;
+ padding: 14px 15px;
+ font-family: "main", monospace;
+ font-size: 22px;
+ line-height: 1.65;
+ background-color: rgba(238, 238, 238, 0.5);
+ color: #164515;
}
-#content{
- margin-top:1em;
+#content {
+ margin-top: 1em;
}
/****************************/
/* general elements */
a {
- color:#7e5211;
+ color: #7e5211;
}
-a:hover{
- border:0;
- text-decoration: none;
+a:hover {
+ border: 0;
+ text-decoration: none;
}
-h1, h2, h3, h4, h5, h6, #header{
- margin:0;
- padding:0;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+#header {
+ margin: 0;
+ padding: 0;
}
- h1{
- font-family: "kop";
- font-size: 100%;
- }
- h2{
- font-size: 100%;
- text-decoration: underline;
- }
- h3{
- font-size: 100%;
- font-weight: normal;
- }
-p{
- margin:0 0 1em 0;
+h1 {
+ font-family: "kop";
+ font-size: 100%;
}
-em{
-
+h2 {
+ font-size: 100%;
+ text-decoration: underline;
}
-small{
- display: block;
- font-size: 15px;
- line-height: 1.2;
- margin-top:0.5em;
+h3 {
+ font-size: 100%;
+ font-weight: normal;
}
-sup{
- font-size: 12px;
+p {
+ margin: 0 0 1em 0;
}
-pre{
- line-height: 1.0;
- font-family: monospace;
+em {
+}
+small {
+ display: block;
+ font-size: 15px;
+ line-height: 1.2;
+ margin-top: 0.5em;
+}
+sup {
+ font-size: 12px;
+}
+pre {
+ line-height: 1;
+ font-family: monospace;
}
-hr, .separator hr {
- border:0;
- border-top:1px dotted #7e5211;
- color: black;
- margin:1em 0 .5em;
+hr,
+.separator hr {
+ border: 0;
+ border-top: 1px dotted #7e5211;
+ color: black;
+ margin: 1em 0 0.5em;
}
blockquote {
- font-style:italic;
+ font-style: italic;
}
ul {
- padding-left:0px;
+ padding-left: 0px;
}
-.paginator{
- float:right;
- margin:0px;
+.paginator {
+ float: right;
+ margin: 0px;
}
#post-list {
- padding-left:0px;
- margin-top:0px;
+ padding-left: 0px;
+ margin-top: 0px;
}
-ul li{
- list-style: none;
- margin: 0 0 0 20px;
+ul li {
+ list-style: none;
+ margin: 0 0 0 20px;
+}
+ul li:before {
+ content: "* ";
+ margin: 0 4px 0 -20px;
}
- ul li:before{
- content: '* ';
- margin: 0 4px 0 -20px;
- }
/* article info */
-.article-info{
- font-size: 12px;
- margin:0;
+.article-info {
+ font-size: 12px;
+ margin: 0;
+}
+/* date */
+.article-info .event-details {
+ color: #7e5211;
+}
+/* featured image */
+.article-info .featured-image img {
+ width: 100%;
+ margin: 0.5em 0;
}
- /* date */
- .article-info .event-details{
- color:#7e5211;
- }
- /* featured image */
- .article-info .featured-image img{
- width:100%;
- margin:0.5em 0;
- }
- .event-details .article-event-start{
- margin-bottom:1em;
- }
- /* category & translation link */
- .post-info{
- font-size: 12px;
- font-style: italic;
- }
- .post-info time{
- display: block;
- }
- .post-info sup{
- font-size: 80%;
- }
- .post-info .article-authors{
- display: block;
- }
- .post-info .article-translation{
- margin-top:1em;
- }
- .post-info .categories:before, .post-info .article-translation:before{
- content:'↓';
- color:#7e5211;
- font-family: sans-serif;
- padding-right: 5px;
- }
- .post-info .article-translation:before{
- content:'→';
- }
+.event-details .article-event-start {
+ margin-bottom: 1em;
+}
+/* category & translation link */
+.post-info {
+ font-size: 12px;
+ font-style: italic;
+}
+.post-info time {
+ display: block;
+}
+.post-info sup {
+ font-size: 80%;
+}
+.post-info .article-authors {
+ display: block;
+}
+.post-info .article-translation {
+ margin-top: 1em;
+}
+.post-info .categories:before,
+.post-info .article-translation:before {
+ content: "↓";
+ color: #7e5211;
+ font-family: sans-serif;
+ padding-right: 5px;
+}
+.post-info .article-translation:before {
+ content: "→";
+}
/****************************/
/* header & #translation */
header {
- width:calc(100% - 50px);
- margin-top:26px;
- margin-bottom:1em;
- padding-bottom:1em;
- font-family: "header";
- font-size: 17px;
- line-height: 1.6;
- letter-spacing: -0.03em;
+ width: calc(100% - 50px);
+ margin-top: 26px;
+ margin-bottom: 1em;
+ padding-bottom: 1em;
+ font-family: "header";
+ font-size: 17px;
+ line-height: 1.6;
+ letter-spacing: -0.03em;
+}
+header img {
+ width: 50px;
+ display: inline;
+ margin: 0;
+ vertical-align: calc(-2px);
+}
+/* custom font size for index */
+#banner {
+ font-size: 24px;
+ line-height: 1.5;
+}
+header p {
+ display: inline;
}
- header img{
- width: 50px;
- display: inline;
- margin: 0;
- vertical-align: calc(-2px);
- }
- /* custom font size for index */
- #banner {
- font-size: 24px;
- line-height: 1.5;
- }
- header p{
- display: inline;
- }
- #stream{
- position: absolute;
- width: 100%;
- }
- #stream a .container{
- background-clip: padding-box;
- background-position: center center;
- background-size: cover;
- height: 600px;
- width: 100%;
- }
- /* reset header img styles */
- #stream a .container img{
- min-width: none;
- min-height: none;
- width: none;
- height: none;
- }
- #stream a{
- display: block;
- }
- #stream.overview{
- width: 100%;
- }
- div#stream a:nth-child(odd) {
- transform: skew(-2deg);
- }
- div#stream a:nth-child(even) {
- transform: skew(2deg);
- }
+#stream {
+ position: absolute;
+ width: 100%;
+}
+#stream a .container {
+ background-clip: padding-box;
+ background-position: center center;
+ background-size: cover;
+ height: 600px;
+ width: 100%;
+}
+/* reset header img styles */
+#stream a .container img {
+ min-width: none;
+ min-height: none;
+ width: none;
+ height: none;
+}
+#stream a {
+ display: block;
+}
+#stream.overview {
+ width: 100%;
+}
+div#stream a:nth-child(odd) {
+ transform: skew(-2deg);
+}
+div#stream a:nth-child(even) {
+ transform: skew(2deg);
+}
button.stream-button {
- width: 24.5%;
- padding: 0.5em 0;
- background: #fbfdc6;
- font-size: 1em;
- border-radius: 25px;
- font-family: 'kop';
- outline: none;
+ width: 24.5%;
+ padding: 0.5em 0;
+ background: #fbfdc6;
+ font-size: 1em;
+ border-radius: 25px;
+ font-family: "kop";
+ outline: none;
}
- button.stream-button:active {
- background: #f6ca59;
- border: none;
- }
+button.stream-button:active {
+ background: #f6ca59;
+ border: none;
+}
.kiwi-startup-common-section-info-content {
- display: none;
+ display: none;
}
-.buttons{
- position: absolute;
- font-size: 14px;
- margin:0;
- padding:0;
+.buttons {
+ position: absolute;
+ font-size: 14px;
+ margin: 0;
+ padding: 0;
+}
+.buttons.top,
+.buttons.side {
+ top: 10px;
+ right: 15px;
+ text-align: right;
+}
+.buttons.top.left {
+ top: 10px;
+ left: 35px;
+ text-align: left;
+}
+.buttons.side {
+ top: 40px;
+}
+.buttons.side li {
+ display: block;
+}
+.buttons li {
+ list-style: none;
+ display: inline-block;
+ padding-left: 3px;
+}
+.buttons li.active a {
+ text-decoration: none;
}
- .buttons.top, .buttons.side{
- top:10px;
- right:15px;
- text-align: right;
- }
- .buttons.top.left{
- top:10px;
- left:35px;
- text-align: left;
- }
- .buttons.side{
- top:40px;
- }
- .buttons.side li{
- display: block;
- }
- .buttons li{
- list-style: none;
- display: inline-block;
- padding-left: 3px;
- }
- .buttons li.active a{
- text-decoration: none;
- }
/****************************/
/* main/index overview page */
-#content #post-list{
- width: 100%;
+#content #post-list {
+ width: 100%;
}
-.summary p{
- display: inline;
+.summary p {
+ display: inline;
}
-.summary .read_more:before{
- content:'→';
- padding: 0 5px;
- font-family: sans-serif;
- font-size:12px;
- color:#7e5211;
+.summary .read_more:before {
+ content: "→";
+ padding: 0 5px;
+ font-family: sans-serif;
+ font-size: 12px;
+ color: #7e5211;
}
-.article.hentry, /*.documentation.hentry*/{
- width:calc(400px + 2em);
+.article.hentry, /*.documentation.hentry*/ {
+ width: calc(400px + 2em);
}
-.hentry{
- display: inline-block;
- width: 200px;
- font-size: 14px;
- line-height: 1.65;
- margin:0 2em 5em 0;
- padding:0;
- vertical-align: top;
+.hentry {
+ display: inline-block;
+ width: 200px;
+ font-size: 14px;
+ line-height: 1.65;
+ margin: 0 2em 5em 0;
+ padding: 0;
+ vertical-align: top;
+}
+.hentry .article-info {
+ width: 100%;
+}
+.hentry .article-info .event-details {
+ margin: 5px 0 2px;
+ min-height: 1.65em;
+ font-family: monospace;
+}
+/* title */
+.hentry .article-info .entry-title {
+ display: block;
+ width: 100%;
+ font-family: "kop";
+ font-size: 185%;
+ font-weight: bold;
+ line-height: 1.15;
+ margin: 0;
+}
+.hentry .article-info .entry-title a {
+ text-decoration: none;
+}
+/* ascii art styling */
+.hentry pre {
+ font-size: 14.4px;
+ font-weight: normal;
+ clear: both; /*to prevent the ascii to break up*/
+}
+/* double-blocks for super important categories */
+.hentry.current,
+.hentry.article,
+.hentry.artikel,
+.hentry.current .article-info,
+.hentry.current .featured-image img {
+ width: calc(400px + 1em);
+}
+/* color background for articles */
+.hentry.article,
+.hentry.artikel {
+ padding: 1.5em 1em 1em 1em;
+ border: 1px dashed #7e5211;
+ border-radius: 15px;
}
- .hentry .article-info{
- width: 100%;
- }
- .hentry .article-info .event-details{
- margin:5px 0 2px;
- min-height: 1.65em;
- font-family: monospace;
- }
- /* title */
- .hentry .article-info .entry-title{
- display: block;
- width: 100%;
- font-family: "kop";
- font-size: 185%;
- font-weight: bold;
- line-height: 1.15;
- margin:0;
- }
- .hentry .article-info .entry-title a{
- text-decoration: none;
- }
- /* ascii art styling */
- .hentry pre{
- font-size: 14.4px;
- font-weight: normal;
- clear:both; /*to prevent the ascii to break up*/
- }
- /* double-blocks for super important categories */
- .hentry.current, .hentry.article, .hentry.artikel, .hentry.current .article-info, .hentry.current .featured-image img{
- width: calc(400px + 1em);
- }
- /* color background for articles */
- .hentry.article, .hentry.artikel{
- padding:1.5em 1em 1em 1em;
- border:1px dashed #7e5211;
- border-radius:15px;
- }
/****************************/
/* article */
-#content.body .entry-title{
- display:inline-block;
- font-family: "kop";
- font-size: 250%;
- line-height: 1.25;
- font-weight: bold;
- margin:30px 0 30px 250px;
- color:#7e5211;
- width: calc(100% - 250px);
+#content.body .entry-title {
+ display: inline-block;
+ font-family: "kop";
+ font-size: 250%;
+ line-height: 1.25;
+ font-weight: bold;
+ margin: 30px 0 30px 250px;
+ color: #7e5211;
+ width: calc(100% - 250px);
}
-#content.body .article-info{
- width:200px;
- float: left;
+#content.body .article-info {
+ width: 200px;
+ float: left;
}
-.entry-content-container, #page-content-container{
- width: calc(100% - 260px);
- float: right;
- padding:0 30px;
- margin-bottom:25px;
+.entry-content-container,
+#page-content-container {
+ width: calc(100% - 260px);
+ float: right;
+ padding: 0 30px;
+ margin-bottom: 25px;
+}
+.entry-content,
+#page-content {
+ position: relative;
+ max-width: 750px;
+ margin: -3px auto 0 20px;
+}
+.entry-content img,
+#page-content img {
+ max-height: 400px;
+}
+.entry-content .seperator hr,
+#page-content hr {
+ width: 100%;
}
- .entry-content, #page-content{
- position: relative;
- max-width: 750px;
- margin:-3px auto 0 20px;
- }
- .entry-content img, #page-content img{
- max-height:400px;
- }
- .entry-content .seperator hr, #page-content hr{
- width:100%;
- }
/****************************/
/* other */
-.highlight{
- margin: auto;
- max-width:800px;
+.highlight {
+ margin: auto;
+ max-width: 800px;
}
.divider {
- font-size:14.8px;
- width:100%;
- line-height:1em;
- background-color:white;
+ font-size: 14.8px;
+ width: 100%;
+ line-height: 1em;
+ background-color: white;
}
#categories {
- font-size: 40px;
- margin-top: 2em;
- text-align: center;
+ font-size: 40px;
+ margin-top: 2em;
+ text-align: center;
}
-.author{
- /*display: none;*/
+.author {
+ /*display: none;*/
}
-iframe{
- width: 100%;
- height: auto;
- min-height: 500px;
- margin:0.5em 0 1em 0;
+iframe {
+ width: 100%;
+ height: auto;
+ min-height: 500px;
+ margin: 0.5em 0 1em 0;
}
/*footnotes*/
-sup span{
- float: right;
- width: 200px;
- margin:0.25em -150px 1em 3em;
- clear:both;
- font-size: 11px;
- line-height: 1.5;
- display: inline;
+sup span {
+ float: right;
+ width: 200px;
+ margin: 0.25em -150px 1em 3em;
+ clear: both;
+ font-size: 11px;
+ line-height: 1.5;
+ display: inline;
+}
+sup span p {
+ display: inline;
}
- sup span p{
- display: inline;
- }
/****************************/
/*mobile style*/
-@media only screen
- and (min-device-width: 320px)
- and (max-device-width: 480px) {
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
+ /*home page*/
- /*home page*/
+ html,
+ body {
+ padding: 0;
+ }
- html, body {
- padding: 0;
- }
+ body {
+ min-width: auto;
+ width: 100%;
+ }
- body {
- min-width: auto;
- width: 100%;
- }
+ .buttons.top {
+ margin-top: 30px;
+ text-align: left;
+ margin-left: 15px;
+ }
- .buttons.top {
- margin-top: 30px;
- text-align: left;
- margin-left: 15px;
- }
+ .buttons.top li {
+ margin: 0;
+ padding: 0;
+ }
- .buttons.top li {
- margin: 0;
- padding: 0;
- }
+ .buttons.top.left {
+ margin-top: 0;
+ right: auto;
+ left: 0;
+ }
- .buttons.top.left {
- margin-top: 0;
- right: auto;
- left: 0;
- }
+ #banner {
+ width: calc(100% - 30px);
+ padding: 100px 15px 0 15px;
+ font-size: 20px;
+ margin-top: 0;
+ }
- #banner {
- width: calc(100% - 30px);
- padding: 100px 15px 0 15px;
- font-size: 20px;
- margin-top: 0;
- }
+ #content {
+ padding: 15px;
+ width: calc(100% - 30px);
+ }
- #content {
- padding: 15px;
- width: calc(100% - 30px);
- }
+ .hentry.current,
+ .hentry.article,
+ .hentry.artikel,
+ .hentry.current .article-info,
+ .hentry.current .featured-image img {
+ width: 100%;
+ }
- .hentry.current, .hentry.article, .hentry.artikel, .hentry.current .article-info, .hentry.current .featured-image img {
- width: 100%;
- }
+ .hentry {
+ width: 85%;
+ margin-right: 0;
+ }
- .hentry {
- width: 85%;
- margin-right: 0;
- }
+ .hentry.article,
+ .hentry.artikel {
+ width: 90%;
+ }
- .hentry.article, .hentry.artikel {
- width: 90%;
- }
+ .hentry pre {
+ font-size: 9px;
+ }
- .hentry pre {
- font-size: 9px;
- }
+ /*single page*/
+ #content.body .entry-title {
+ font-size: 24px;
+ margin: 0;
+ width: 100%;
+ }
- /*single page*/
+ #content.body .article-info {
+ float: none;
+ width: 100%;
+ margin-top: 15px;
+ margin-bottom: 30px;
+ }
- #content.body .entry-title {
- font-size: 24px;
- margin: 0;
- width: 100%;
- }
+ .entry-content-container,
+ #page-content-container {
+ float: none;
+ width: 100%;
+ padding: 0;
+ font-size: 16px;
+ }
- #content.body .article-info {
- float: none;
- width: 100%;
- margin-top: 15px;
- margin-bottom: 30px;
- }
+ .entry-content,
+ #page-content {
+ margin: 0;
+ }
- .entry-content-container, #page-content-container {
- float: none;
- width: 100%;
- padding: 0;
- font-size: 16px;
- }
-
- .entry-content, #page-content {
- margin: 0;
- }
-
- .entry-content img, #page-content img {
- max-width: 100%;
- height: auto;
- }
-
- /*about*/
-
- .entry-content, #page-content p, .entry-content, #page-content h1 {
- font-size: 16px;
- padding: 0 15px;
- }
+ .entry-content img,
+ #page-content img {
+ max-width: 100%;
+ height: auto;
+ }
+ /*about*/
+ .entry-content,
+ #page-content p,
+ .entry-content,
+ #page-content h1 {
+ font-size: 16px;
+ padding: 0 15px;
+ }
}
diff --git a/themes/varia/static/js/stars.js b/themes/varia/static/js/stars.js
index 985acec94..bafb4c5da 100644
--- a/themes/varia/static/js/stars.js
+++ b/themes/varia/static/js/stars.js
@@ -1,27 +1,27 @@
// stars.js
// Random Stars
-var generateStars = function(){
-
- var $galaxy = $(".galaxy");
- var iterator = 0;
-
- while (iterator <= 100){
- var xposition = Math.random();
- var yposition = Math.random();
- var star_type = Math.floor((Math.random() * 3) + 1);
- var position = {
- "x" : $galaxy.width() * xposition,
- "y" : $galaxy.height() * yposition,
- };
-
- $('').appendTo($galaxy).css({
- "top" : position.y,
- "left" : position.x
- });
-
- iterator++;
- }
-
+var generateStars = function () {
+ var $galaxy = $(".galaxy");
+ var iterator = 0;
+
+ while (iterator <= 100) {
+ var xposition = Math.random();
+ var yposition = Math.random();
+ var star_type = Math.floor(Math.random() * 3 + 1);
+ var position = {
+ x: $galaxy.width() * xposition,
+ y: $galaxy.height() * yposition,
+ };
+
+ $('')
+ .appendTo($galaxy)
+ .css({
+ top: position.y,
+ left: position.x,
+ });
+
+ iterator++;
+ }
};
-generateStars();
\ No newline at end of file
+generateStars();