varia
/
varia.website
12
2
Fork 2
Code Issues 4 Pull Requests Releases Activity
Browse Source

Let the formatter have a run

master
Luke Murphy 3 years ago
parent
f00f1e18ed
commit
a4333afc60
No known key found for this signature in database GPG Key ID: 5E2EF5A63E3718CC
4 changed files with 563 additions and 566 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 110
      pelicanconf.py
  2. 12
      publishconf.py
  3. 461
      themes/varia/static/css/main.css
  4. 20
      themes/varia/static/js/stars.js

110
pelicanconf.py
View File

@ -1,23 +1,18 @@
#!/usr/bin/env python AUTHOR = u"Varia"
# -*- coding: utf-8 -*- # SITENAME = u"Varia"
from __future__ import unicode_literals SITEURL = "https://varia.zone"
AUTHOR = u'Varia' PATH = "content"
SITENAME = u'Varia'
SITEURL = 'https://varia.zone'
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 USE_FOLDER_AS_CATEGORY = True
# Feed generation is usually not desired when developing
FEED_DOMAIN = SITEURL FEED_DOMAIN = SITEURL
FEED_ALL_RSS = 'feeds/all.rss.xml' FEED_ALL_RSS = "feeds/all.rss.xml"
TRANSLATION_FEED_RSS = 'feeds/all-%s.rss.xml' TRANSLATION_FEED_RSS = "feeds/all-%s.rss.xml"
RSS_FEED_SUMMARY_ONLY = False RSS_FEED_SUMMARY_ONLY = False
FEED_ALL_ATOM = None FEED_ALL_ATOM = None
CATEGORY_FEED_ATOM = None CATEGORY_FEED_ATOM = None
@ -28,75 +23,64 @@ AUTHOR_FEED_RSS = None
DEFAULT_PAGINATION = 100 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 = [ PLUGINS = [
'dateish', "dateish",
'extract_toc', "extract_toc",
'i18n_subsites', "i18n_subsites",
'summary', "summary",
'events-ics', "events-ics",
'complex_footnotes', "complex_footnotes",
# Note(decentral1se): disable for now as breaking site generation "thumbnailer",
# please feel free to re-enable it as needed
# 'stream',
'thumbnailer'
] ]
MARKDOWN = { MARKDOWN = {
'extension_configs': { "extension_configs": {
'markdown.extensions.codehilite': {'css_class': 'highlight'}, "markdown.extensions.codehilite": {"css_class": "highlight"},
'markdown.extensions.extra': {}, "markdown.extensions.extra": {},
'markdown.extensions.meta': {}, "markdown.extensions.meta": {},
'markdown.extensions.toc': { "markdown.extensions.toc": {
'marker': '[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_PATH_METADATA = {
'extra/robots.txt': {'path': 'robots.txt'}, "extra/robots.txt": {"path": "robots.txt"},
'extra/favicon.ico': {'path': 'favicon.ico'}, "extra/favicon.ico": {"path": "favicon.ico"},
'extra/htaccess': {'path': '.htaccess'} "extra/htaccess": {"path": ".htaccess"},
} }
THEME = 'themes/varia' THEME = "themes/varia"
THEME_STATIC_DIR = 'theme/' THEME_STATIC_DIR = "theme/"
I18N_SUBSITES = { I18N_SUBSITES = {
'en': { "en": {
'SITESUBTITLE':u'Centre for Everyday Technology', "SITESUBTITLE": u"Centre for Everyday Technology",
'SITEURL':'varia.zone/en/', "SITEURL": "varia.zone/en/",
'locale':'en_US.UTF-8' "locale": "en_US.UTF-8",
},
"nl": {
"SITESUBTITLE": u"Centrum voor Alledaagse Technologie",
"SITEURL": "varia.zone/",
"locale": "nl.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 = { PLUGIN_EVENTS = {
'ics_calendars': ['events.ics', 'curriculum.ics'], "ics_calendars": ["events.ics", "curriculum.ics"],
'default_location' : '', "default_location": "",
'calendar_per_category': False "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_KEEP_NAME = True
THUMBNAIL_DIR ="images" THUMBNAIL_DIR = "images"
THUMBNAIL_SIZES = {'thumb':'200x?', 'thumb2x':'400x?'} THUMBNAIL_SIZES = {"thumb": "200x?", "thumb2x": "400x?"}
# category url
CATEGORY_URL = '/{slug}.html'
CATEGORY_URL = "/{slug}.html"

12
publishconf.py
View File

@ -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 os
import sys import sys
sys.path.append(os.curdir) sys.path.append(os.curdir)
from pelicanconf import * from pelicanconf import *
RELATIVE_URLS = False RELATIVE_URLS = False
DELETE_OUTPUT_DIRECTORY = True DELETE_OUTPUT_DIRECTORY = True
# Following items are often useful when publishing
#DISQUS_SITENAME = ""
#GOOGLE_ANALYTICS = ""

461
themes/varia/static/css/main.css
View File

@ -1,237 +1,244 @@
@font-face{ @font-face {
font-family: "header"; font-family: "header";
src:url('../fonts/cmuntt.ttf'); src: url("../fonts/cmuntt.ttf");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face{ @font-face {
font-family: "kop"; font-family: "kop";
src:url('../fonts/cmunssdc.ttf'); src: url("../fonts/cmunssdc.ttf");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face{ @font-face {
font-family: "main"; font-family: "main";
src:url('../fonts/cooper-hewitt/CooperHewitt-Medium.otf'); src: url("../fonts/cooper-hewitt/CooperHewitt-Medium.otf");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face{ @font-face {
font-family: "main"; font-family: "main";
src:url('../fonts/cooper-hewitt/CooperHewitt-Bold.otf'); src: url("../fonts/cooper-hewitt/CooperHewitt-Bold.otf");
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
} }
@font-face{ @font-face {
font-family: "main"; font-family: "main";
src:url('../fonts/cooper-hewitt/CooperHewitt-MediumItalic.otf'); src: url("../fonts/cooper-hewitt/CooperHewitt-MediumItalic.otf");
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
} }
@font-face{ @font-face {
font-family: "main"; font-family: "main";
src:url('../fonts/cooper-hewitt/CooperHewitt-BoldItalic.otf'); src: url("../fonts/cooper-hewitt/CooperHewitt-BoldItalic.otf");
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
} }
body{ body {
position: relative; position: relative;
width: calc(100% - 50px); width: calc(100% - 50px);
min-width: 500px; min-width: 500px;
top:0px; top: 0px;
left:0px; left: 0px;
margin:0 auto 5em auto; margin: 0 auto 5em auto;
padding: 14px 15px; padding: 14px 15px;
font-family: "main", monospace; font-family: "main", monospace;
font-size: 22px; font-size: 22px;
line-height:1.65; line-height: 1.65;
background-color: rgba(238, 238, 238, 0.5); background-color: rgba(238, 238, 238, 0.5);
color:#164515; color: #164515;
} }
#content{ #content {
margin-top:1em; margin-top: 1em;
} }
/****************************/ /****************************/
/* general elements */ /* general elements */
a { a {
color:#7e5211; color: #7e5211;
} }
a:hover{ a:hover {
border:0; border: 0;
text-decoration: none; text-decoration: none;
} }
h1, h2, h3, h4, h5, h6, #header{ h1,
margin:0; h2,
padding:0; h3,
h4,
h5,
h6,
#header {
margin: 0;
padding: 0;
} }
h1{ h1 {
font-family: "kop"; font-family: "kop";
font-size: 100%; font-size: 100%;
} }
h2{ h2 {
font-size: 100%; font-size: 100%;
text-decoration: underline; text-decoration: underline;
} }
h3{ h3 {
font-size: 100%; font-size: 100%;
font-weight: normal; font-weight: normal;
}
p{
margin:0 0 1em 0;
} }
em{ p {
margin: 0 0 1em 0;
} }
small{ em {
}
small {
display: block; display: block;
font-size: 15px; font-size: 15px;
line-height: 1.2; line-height: 1.2;
margin-top:0.5em; margin-top: 0.5em;
} }
sup{ sup {
font-size: 12px; font-size: 12px;
} }
pre{ pre {
line-height: 1.0; line-height: 1;
font-family: monospace; font-family: monospace;
} }
hr, .separator hr { hr,
border:0; .separator hr {
border-top:1px dotted #7e5211; border: 0;
border-top: 1px dotted #7e5211;
color: black; color: black;
margin:1em 0 .5em; margin: 1em 0 0.5em;
} }
blockquote { blockquote {
font-style:italic; font-style: italic;
} }
ul { ul {
padding-left:0px; padding-left: 0px;
} }
.paginator{ .paginator {
float:right; float: right;
margin:0px; margin: 0px;
} }
#post-list { #post-list {
padding-left:0px; padding-left: 0px;
margin-top:0px; margin-top: 0px;
} }
ul li{ ul li {
list-style: none; list-style: none;
margin: 0 0 0 20px; margin: 0 0 0 20px;
} }
ul li:before{ ul li:before {
content: '* '; content: "* ";
margin: 0 4px 0 -20px; margin: 0 4px 0 -20px;
} }
/* article info */ /* article info */
.article-info{ .article-info {
font-size: 12px; font-size: 12px;
margin:0; 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{ .event-details .article-event-start {
margin-bottom:1em; margin-bottom: 1em;
} }
/* category & translation link */ /* category & translation link */
.post-info{ .post-info {
font-size: 12px; font-size: 12px;
font-style: italic; font-style: italic;
} }
.post-info time{ .post-info time {
display: block; display: block;
} }
.post-info sup{ .post-info sup {
font-size: 80%; font-size: 80%;
} }
.post-info .article-authors{ .post-info .article-authors {
display: block; display: block;
} }
.post-info .article-translation{ .post-info .article-translation {
margin-top:1em; margin-top: 1em;
} }
.post-info .categories:before, .post-info .article-translation:before{ .post-info .categories:before,
content:'↓'; .post-info .article-translation:before {
color:#7e5211; content: "↓";
color: #7e5211;
font-family: sans-serif; font-family: sans-serif;
padding-right: 5px; padding-right: 5px;
} }
.post-info .article-translation:before{ .post-info .article-translation:before {
content:'→'; content: "→";
} }
/****************************/ /****************************/
/* header & #translation */ /* header & #translation */
header { header {
width:calc(100% - 50px); width: calc(100% - 50px);
margin-top:26px; margin-top: 26px;
margin-bottom:1em; margin-bottom: 1em;
padding-bottom:1em; padding-bottom: 1em;
font-family: "header"; font-family: "header";
font-size: 17px; font-size: 17px;
line-height: 1.6; line-height: 1.6;
letter-spacing: -0.03em; letter-spacing: -0.03em;
} }
header img{ header img {
width: 50px; width: 50px;
display: inline; display: inline;
margin: 0; margin: 0;
vertical-align: calc(-2px); vertical-align: calc(-2px);
} }
/* custom font size for index */ /* custom font size for index */
#banner { #banner {
font-size: 24px; font-size: 24px;
line-height: 1.5; line-height: 1.5;
} }
header p{ header p {
display: inline; display: inline;
} }
#stream{ #stream {
position: absolute; position: absolute;
width: 100%; width: 100%;
} }
#stream a .container{ #stream a .container {
background-clip: padding-box; background-clip: padding-box;
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
height: 600px; height: 600px;
width: 100%; width: 100%;
} }
/* reset header img styles */ /* reset header img styles */
#stream a .container img{ #stream a .container img {
min-width: none; min-width: none;
min-height: none; min-height: none;
width: none; width: none;
height: none; height: none;
} }
#stream a{ #stream a {
display: block; display: block;
} }
#stream.overview{ #stream.overview {
width: 100%; width: 100%;
} }
div#stream a:nth-child(odd) { div#stream a:nth-child(odd) {
transform: skew(-2deg); transform: skew(-2deg);
} }
div#stream a:nth-child(even) { div#stream a:nth-child(even) {
transform: skew(2deg); transform: skew(2deg);
} }
button.stream-button { button.stream-button {
width: 24.5%; width: 24.5%;
@ -239,162 +246,172 @@ button.stream-button {
background: #fbfdc6; background: #fbfdc6;
font-size: 1em; font-size: 1em;
border-radius: 25px; border-radius: 25px;
font-family: 'kop'; font-family: "kop";
outline: none; outline: none;
} }
button.stream-button:active { button.stream-button:active {
background: #f6ca59; background: #f6ca59;
border: none; border: none;
} }
.kiwi-startup-common-section-info-content { .kiwi-startup-common-section-info-content {
display: none; display: none;
} }
.buttons{ .buttons {
position: absolute; position: absolute;
font-size: 14px; font-size: 14px;
margin:0; margin: 0;
padding:0; padding: 0;
} }
.buttons.top, .buttons.side{ .buttons.top,
top:10px; .buttons.side {
right:15px; top: 10px;
right: 15px;
text-align: right; text-align: right;
} }
.buttons.top.left{ .buttons.top.left {
top:10px; top: 10px;
left:35px; left: 35px;
text-align: left; text-align: left;
} }
.buttons.side{ .buttons.side {
top:40px; top: 40px;
} }
.buttons.side li{ .buttons.side li {
display: block; display: block;
} }
.buttons li{ .buttons li {
list-style: none; list-style: none;
display: inline-block; display: inline-block;
padding-left: 3px; padding-left: 3px;
} }
.buttons li.active a{ .buttons li.active a {
text-decoration: none; text-decoration: none;
} }
/****************************/ /****************************/
/* main/index overview page */ /* main/index overview page */
#content #post-list{ #content #post-list {
width: 100%; width: 100%;
} }
.summary p{ .summary p {
display: inline; display: inline;
} }
.summary .read_more:before{ .summary .read_more:before {
content:'→'; content: "→";
padding: 0 5px; padding: 0 5px;
font-family: sans-serif; font-family: sans-serif;
font-size:12px; font-size: 12px;
color:#7e5211; color: #7e5211;
} }
.article.hentry, /*.documentation.hentry*/{ .article.hentry, /*.documentation.hentry*/ {
width:calc(400px + 2em); width: calc(400px + 2em);
} }
.hentry{ .hentry {
display: inline-block; display: inline-block;
width: 200px; width: 200px;
font-size: 14px; font-size: 14px;
line-height: 1.65; line-height: 1.65;
margin:0 2em 5em 0; margin: 0 2em 5em 0;
padding:0; padding: 0;
vertical-align: top; vertical-align: top;
} }
.hentry .article-info{ .hentry .article-info {
width: 100%; width: 100%;
} }
.hentry .article-info .event-details{ .hentry .article-info .event-details {
margin:5px 0 2px; margin: 5px 0 2px;
min-height: 1.65em; min-height: 1.65em;
font-family: monospace; font-family: monospace;
} }
/* title */ /* title */
.hentry .article-info .entry-title{ .hentry .article-info .entry-title {
display: block; display: block;
width: 100%; width: 100%;
font-family: "kop"; font-family: "kop";
font-size: 185%; font-size: 185%;
font-weight: bold; font-weight: bold;
line-height: 1.15; line-height: 1.15;
margin:0; margin: 0;
} }
.hentry .article-info .entry-title a{ .hentry .article-info .entry-title a {
text-decoration: none; text-decoration: none;
} }
/* ascii art styling */ /* ascii art styling */
.hentry pre{ .hentry pre {
font-size: 14.4px; font-size: 14.4px;
font-weight: normal; font-weight: normal;
clear:both; /*to prevent the ascii to break up*/ clear: both; /*to prevent the ascii to break up*/
} }
/* double-blocks for super important categories */ /* double-blocks for super important categories */
.hentry.current, .hentry.article, .hentry.artikel, .hentry.current .article-info, .hentry.current .featured-image img{ .hentry.current,
.hentry.article,
.hentry.artikel,
.hentry.current .article-info,
.hentry.current .featured-image img {
width: calc(400px + 1em); width: calc(400px + 1em);
} }
/* color background for articles */ /* color background for articles */
.hentry.article, .hentry.artikel{ .hentry.article,
padding:1.5em 1em 1em 1em; .hentry.artikel {
border:1px dashed #7e5211; padding: 1.5em 1em 1em 1em;
border-radius:15px; border: 1px dashed #7e5211;
} border-radius: 15px;
}
/****************************/ /****************************/
/* article */ /* article */
#content.body .entry-title{ #content.body .entry-title {
display:inline-block; display: inline-block;
font-family: "kop"; font-family: "kop";
font-size: 250%; font-size: 250%;
line-height: 1.25; line-height: 1.25;
font-weight: bold; font-weight: bold;
margin:30px 0 30px 250px; margin: 30px 0 30px 250px;
color:#7e5211; color: #7e5211;
width: calc(100% - 250px); width: calc(100% - 250px);
} }
#content.body .article-info{ #content.body .article-info {
width:200px; width: 200px;
float: left; float: left;
} }
.entry-content-container, #page-content-container{ .entry-content-container,
#page-content-container {
width: calc(100% - 260px); width: calc(100% - 260px);
float: right; float: right;
padding:0 30px; padding: 0 30px;
margin-bottom:25px; margin-bottom: 25px;
} }
.entry-content, #page-content{ .entry-content,
#page-content {
position: relative; position: relative;
max-width: 750px; max-width: 750px;
margin:-3px auto 0 20px; margin: -3px auto 0 20px;
} }
.entry-content img, #page-content img{ .entry-content img,
max-height:400px; #page-content img {
} max-height: 400px;
.entry-content .seperator hr, #page-content hr{ }
width:100%; .entry-content .seperator hr,
} #page-content hr {
width: 100%;
}
/****************************/ /****************************/
/* other */ /* other */
.highlight{ .highlight {
margin: auto; margin: auto;
max-width:800px; max-width: 800px;
} }
.divider { .divider {
font-size:14.8px; font-size: 14.8px;
width:100%; width: 100%;
line-height:1em; line-height: 1em;
background-color:white; background-color: white;
} }
#categories { #categories {
@ -402,39 +419,37 @@ button.stream-button {
margin-top: 2em; margin-top: 2em;
text-align: center; text-align: center;
} }
.author{ .author {
/*display: none;*/ /*display: none;*/
} }
iframe{ iframe {
width: 100%; width: 100%;
height: auto; height: auto;
min-height: 500px; min-height: 500px;
margin:0.5em 0 1em 0; margin: 0.5em 0 1em 0;
} }
/*footnotes*/ /*footnotes*/
sup span{ sup span {
float: right; float: right;
width: 200px; width: 200px;
margin:0.25em -150px 1em 3em; margin: 0.25em -150px 1em 3em;
clear:both; clear: both;
font-size: 11px; font-size: 11px;
line-height: 1.5; line-height: 1.5;
display: inline; display: inline;
} }
sup span p{ sup span p {
display: inline; display: inline;
} }
/****************************/ /****************************/
/*mobile style*/ /*mobile style*/
@media only screen @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
and (min-device-width: 320px)
and (max-device-width: 480px) {
/*home page*/ /*home page*/
html, body { html,
body {
padding: 0; padding: 0;
} }
@ -472,7 +487,11 @@ sup span{
width: calc(100% - 30px); width: calc(100% - 30px);
} }
.hentry.current, .hentry.article, .hentry.artikel, .hentry.current .article-info, .hentry.current .featured-image img { .hentry.current,
.hentry.article,
.hentry.artikel,
.hentry.current .article-info,
.hentry.current .featured-image img {
width: 100%; width: 100%;
} }
@ -481,7 +500,8 @@ sup span{
margin-right: 0; margin-right: 0;
} }
.hentry.article, .hentry.artikel { .hentry.article,
.hentry.artikel {
width: 90%; width: 90%;
} }
@ -489,7 +509,6 @@ sup span{
font-size: 9px; font-size: 9px;
} }
/*single page*/ /*single page*/
#content.body .entry-title { #content.body .entry-title {
@ -505,28 +524,32 @@ sup span{
margin-bottom: 30px; margin-bottom: 30px;
} }
.entry-content-container, #page-content-container { .entry-content-container,
#page-content-container {
float: none; float: none;
width: 100%; width: 100%;
padding: 0; padding: 0;
font-size: 16px; font-size: 16px;
} }
.entry-content, #page-content { .entry-content,
#page-content {
margin: 0; margin: 0;
} }
.entry-content img, #page-content img { .entry-content img,
#page-content img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
/*about*/ /*about*/
.entry-content, #page-content p, .entry-content, #page-content h1 { .entry-content,
#page-content p,
.entry-content,
#page-content h1 {
font-size: 16px; font-size: 16px;
padding: 0 15px; padding: 0 15px;
} }
} }

20
themes/varia/static/js/stars.js
View File

@ -1,27 +1,27 @@
// stars.js // stars.js
// Random Stars // Random Stars
var generateStars = function(){ var generateStars = function () {
var $galaxy = $(".galaxy"); var $galaxy = $(".galaxy");
var iterator = 0; var iterator = 0;
while (iterator <= 100){ while (iterator <= 100) {
var xposition = Math.random(); var xposition = Math.random();
var yposition = Math.random(); var yposition = Math.random();
var star_type = Math.floor((Math.random() * 3) + 1); var star_type = Math.floor(Math.random() * 3 + 1);
var position = { var position = {
"x" : $galaxy.width() * xposition, x: $galaxy.width() * xposition,
"y" : $galaxy.height() * yposition, y: $galaxy.height() * yposition,
}; };
$('<div class="star star-type' + star_type + '"></div>').appendTo($galaxy).css({ $('<div class="star star-type' + star_type + '"></div>')
"top" : position.y, .appendTo($galaxy)
"left" : position.x .css({
top: position.y,
left: position.x,
}); });
iterator++; iterator++;
} }
}; };
generateStars(); generateStars();
Write Preview
Loading…
Cancel
Save