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

Let the formatter have a run

pull/13/head
Luke Murphy 4 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
Split 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
# -*- 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'
"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",
},
'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"

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 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 = ""

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

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

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

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