varia/varia.website
13
2
Fork 3
Code Issues 5 Pull Requests Releases Activity

added header.md and changed the main.css

Browse Source
This commit is contained in:
mb@mb 2017-09-12 17:27:17 +02:00
parent f791a606ec
commit ce74e89cba
13 changed files with 208 additions and 202 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
content/pages/about.md → content/pages/about-en.md
View File

@ -1,8 +1,7 @@
Title: over ons Title: about
Date: 2017-04-09 Date: 2017-04-09
Category: about Category: about
Slug: about Slug: about
lang: en lang: en
The Center of Everyday Technology is a Rotterdam based initiative that collects, conducts and instigates research and projects relating to the emerging developments in everyday technology. We aim to provide an environment where questions can be asked, opinions can be stated, projects can be developed and research can be conducted, both collectively and individually. Our goal is to become a hub for exchange and a source for resilience, within the city and beyond. The Center of Everyday Technology is a Rotterdam based initiative that collects, conducts and instigates research and projects relating to the emerging developments in everyday technology. We aim to provide an environment where questions can be asked, opinions can be stated, projects can be developed and research can be conducted, both collectively and individually. Our goal is to become a hub for exchange and a source for resilience, within the city and beyond.

3
content/pages/over-ons.md → content/pages/about-nl.md
View File

@ -1,8 +1,7 @@
Title: over ons Title: about-nl
Date: 2017-04-09 Date: 2017-04-09
Category: about Category: about
Slug: about Slug: about
lang: nl lang: nl
Het centrum voor alledaagse technologie is een Rotterdamse initiatief dat werkt aan, met en door technologie. Gezamenlijk en individueel initiëren en verzamelen wij onderzoek naar nieuwe tendensen, organiseren collectieve leermomenten en ontwikkelen nieuwe projecten. Ons doel is om een sociale infrastructuur te creëren waar ruimte is voor vragen, meningen, ingrepen, hulp en actie. Wij willen een plek voor uitwisseling zijn, een stem in debatten bieden en een bron van weerbaarheid vormen. Het centrum voor alledaagse technologie is een Rotterdamse initiatief dat werkt aan, met en door technologie. Gezamenlijk en individueel initiëren en verzamelen wij onderzoek naar nieuwe tendensen, organiseren collectieve leermomenten en ontwikkelen nieuwe projecten. Ons doel is om een sociale infrastructuur te creëren waar ruimte is voor vragen, meningen, ingrepen, hulp en actie. Wij willen een plek voor uitwisseling zijn, een stem in debatten bieden en een bron van weerbaarheid vormen.

12
content/pages/curriculum.md Normal file
View File

@ -0,0 +1,12 @@
Title: curriculum
Date: 2017-04-09
Category: about
Tags: things, we, do or did
Slug: curriculum
lang:nl
# Curriculum
* een
* twee
* drie

8
content/pages/header.md Normal file
View File

@ -0,0 +1,8 @@
Title: header
Date: 2017-04-09
Category: about
Slug: header
lang: en
CAT/CET, center of everyday technology is a Rotterdam based initiative working [with, about and through technology](/pages/projects.html). At its core CAT/CET is a [social infrastructure](/pages/about.html) from which to collectively relate to everyday technology. In the city it sees its role as a space for questions, opinions, modifications, help and action. In a wider network De Samenscholing wants to become a [hub for exchange](/pages/curriculum.html), a voice in debates and a resource for resilience. [Current events](/). [Become a member](/pages/membership.html).

6
content/pages/membership.md Normal file
View File

@ -0,0 +1,6 @@
Title: membership
Date: 2017-04-09
Category: about
Slug: membership
Become a member of the center of everyday technology.

17
content/pages/projecten.md
View File

@ -1,17 +0,0 @@
Title: projecten
Date: 2017-04-09
Category: about
Tags: things, we, do or did
Slug: projects
lang:nl
Projecten die we hebben geinitieerd:
De Samenscholing
----
De Samenscholing is een MMMOOC, een 'massive multiplayer massive online open course'. Een collectieve benadering voor individualistische leeromgevingen. We beginnen gezamelijk aan een MOOC. De eerste bijeenkomst zal gaan om het uitkiezen van de MOOC die we gezamelijk willen volgen. Vervolgens komen we elke week bij een voor het volgende college.
Relearn
----
[Relearn](http://relearn.be/2017/) is een collectief leerexperiment met evenveel leraren als deelnemers. De collectieve studieweek zet omstandigheden van/voor leren centraal, en zoekt manieren om deze te bevragen. Relearn vindt sinds 2013 jaarlijks plaats en wordt georganiseerd door wisselende collectieven. ʬ faciliteerde de editie van 2017 in Rotterdam.

1
content/pages/projects.md
View File

@ -3,7 +3,6 @@ Date: 2017-04-09
Category: about Category: about
Tags: things, we, do or did Tags: things, we, do or did
Slug: projects Slug: projects
lang:en
Projecten we initiated: Projecten we initiated:

20
pelicanconf.py
View File

@ -49,18 +49,18 @@ EXTRA_PATH_METADATA = {
MENUITEMS=( MENUITEMS=(
# adds extra menu items, the others are automatically generated as pages # adds extra menu items, the others are automatically generated as pages
('log', '/'), ('log', '/'),
) )
THEME = 'themes/cetcat' THEME = 'themes/cetcat'
ARTICLE_LANG_URL = '{slug}-{lang}.html' # ARTICLE_LANG_URL = '{slug}-{lang}.html'
I18N_SUBSITES = { # I18N_SUBSITES = {
'en': { # 'en': {
'SITENAME': u'ʬ', 'SITESUBTITLE':u'Centre for Everyday Technology', 'locale':'en_US.UTF-8' # 'SITENAME': u'ʬ', 'SITESUBTITLE':u'Centre for Everyday Technology', 'locale':'en_US.UTF-8'
}, # },
'nl': { # 'nl': {
'SITENAME': u'ʬ', 'SITESUBTITLE':u'Centrum voor Alledaagse Technologie', # 'SITENAME': u'ʬ', 'SITESUBTITLE':u'Centrum voor Alledaagse Technologie',
} # }
} # }

285
themes/cetcat/static/css/main.css
View File

@ -10,112 +10,96 @@ http://majesticmoo.se
*/ */
@font-face { @font-face {
font-family: 'NowBlack'; font-family: 'NowBlack';
src: url('../fonts/Now-Black.otf') format('opentype'); src: url('../fonts/Now-Black.otf') format('opentype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'NowBold'; font-family: 'NowBold';
src: url('../fonts/Now-Bold.otf') format('opentype'); src: url('../fonts/Now-Bold.otf') format('opentype');
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'NowLight'; font-family: 'NowLight';
src: url('../fonts/Now-Light.otf') format('opentype'); src: url('../fonts/Now-Light.otf') format('opentype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'NowMedium'; font-family: 'NowMedium';
src: url('../fonts/Now-Medium.otf') format('opentype'); src: url('../fonts/Now-Medium.otf') format('opentype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'NowRegular'; font-family: 'NowRegular';
src: url('../fonts/Now-Regular.otf') format('opentype'); src: url('../fonts/Now-Regular.otf') format('opentype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'NowThin'; font-family: 'NowThin';
src: url('../fonts/Now-Thin.otf') format('opentype'); src: url('../fonts/Now-Thin.otf') format('opentype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face{
header { font-family: "liberation";
width:100%; src:url('../fonts/LiberationMono.ttf');
margin-top:3em;
margin-bottom:1em;
line-height: 1.5em;
border-bottom: 1px solid;
padding-bottom:1em;
/*transform:rotate(3deg);*/
}
#title {
margin-top:0.5em;
font-size: 120px;
width:50%;
}
#subtitle{
font-size: 16px;
}
hr {
border:0;
color: black;
border-bottom:1px solid;
margin-top:1em;
}
pre {
}
#menu{
position: absolute;
top:25px;
right:25px;
font-size:20px;
font-weight:bold;
float: right;
} }
body { body {
font-size: 16px; position: relative;
line-height:1.8; width: calc(100% - 50px);
background-color: rgb(239, 225, 79); top:0px;
/*background-color: rgba(100,100,250,1);*/ left:0px;
margin: 0 auto; margin: 0 auto;
width: calc(100% - 50px); padding: 0;
color:black; font-family: monospace, "liberation";
/*color:white;*/ font-size: 16px;
font-family: monospace; line-height:1.8;
font-style: normal; font-style: normal;
background-color: rgb(252, 255, 120);
color:black;
} }
a { a {
color:#7e5211; color:#7e5211;
font-weight: bold; /*font-weight: bold;*/
} }
hr {
border:0;
color: black;
border-bottom:1px solid;
margin-top:1em;
margin-bottom:1em;
}
blockquote {
font-style:italic;
}
ul {
padding-left:0px;
}
h1, h2, h3, h4, h5, h6, #header{ h1, h2, h3, h4, h5, h6, #header{
font-family: sans-serif, "NowRegular"; font-family: "liberation", monospace;
margin:1em 0 0 0; margin:0 0 0 0;
padding:0; padding:0;
} }
.paginator{ .paginator{
float:right; float:right;
margin:0px; margin:0px;
}
#index{
} }
#post-list { #post-list {
@ -123,62 +107,70 @@ h1, h2, h3, h4, h5, h6, #header{
margin-top:0px; margin-top:0px;
} }
ul { /* --- */
padding-left:0px;
header {
width:100%;
margin-top:1em;
line-height: 1.5em;
padding-bottom:1em;
}
#title{
font-family: "liberation", monospace;
font-size: 22px;
line-height: 1.5;
}
#content{
margin-top:1em;
} }
#translation{ /* index */
float: left; #content #post-list{
width: 100%;
} }
.hentry{ .hentry{
float: left; float: left;
width: 200px; display: inline-block;
display: inline-block; width: 200px;
margin-right:2em; font-size: 12px;
font-size: 12px; margin:0 2em 2em 0;
vertical-align: top;
} }
/* article */
.article-info{ .article-info{
/*clear: right;*/ margin-bottom:1em;
/*display: inline;*/
/*float: left;*/
/*margin-bottom: 0em;*/
/*max-width: 150px;*/
/*padding-right: 1em;*/
/*transform: rotate(-3deg);*/
}
/* log */
.entry-title span{
width:100%;
display:inline-block;
} }
.post-info time sup{
font-size: 100%;
}
#translation{
float: left;
}
.entry-title{
width:100%;
display:inline-block;
font-family: "liberation", monospace;
font-size: 120%;
line-height: 1.3;
}
.entry-content{ .entry-content{
/*display: inline;*/ max-width: 800px;
/*float: right;*/ margin:0 0 5em 0;
/*margin-top:-6em;*/
/*margin-bottom: 2.5em;*/
/*min-width: 400px;*/
/*max-width: 800px;*/
/*transform:rotate(-3deg);*/
/*padding:0 15%;*/
/*border-bottom: 1px solid;*/
} }
.entry-content p, .entry-content h1, .entry-content h2, .entry-content h3{ .entry-content p, .entry-content h1, .entry-content h2, .entry-content h3{
/*transform:rotate(3deg); */
}
}
.entry-content pre{ .entry-content pre{
font-size:20px; font-size:20px;
padding-left:1em; padding-left:1em;
overflow: auto; overflow: auto;
background-color: #F8F8F8; background-color: #F8F8F8;
line-height:1.2em; line-height:1.2em;
} }
.entry-content img{ .entry-content img{
max-width:100%; max-width:100%;
} }
.entry-content ul { .entry-content ul {
font-size:20px; font-size:20px;
@ -186,8 +178,16 @@ ul {
margin: auto; margin: auto;
max-width:800px; max-width:800px;
} }
.separator hr{ .separator hr{
display: none; display: none;
} }
.highlight{ .highlight{
@ -196,22 +196,13 @@ ul {
} }
#page-content{ #page-content{
clear: both; clear: both;
float: left; float: left;
margin-top:-0.5em; margin-top:-0.5em;
/*max-width: 800px;*/ /*max-width: 800px;*/
} }
#page-content img{ #page-content img{
max-width:100%; max-width:100%;
}
blockquote {
font-style:italic;
}
#content{
margin:auto;
width:100%;
} }
.divider { .divider {
@ -222,17 +213,17 @@ blockquote {
} }
/* /*
.published{ .published{
font-size:smaller; font-size:smaller;
} }
.article_tags{ .article_tags{
font-size:smaller; font-size:smaller;
} }
*/ */
#categories { #categories {
font-size: 40px; font-size: 40px;
margin-top: 2em; margin-top: 2em;
text-align: center; text-align: center;
} }
#pertaining{ #pertaining{
margin-top:2em; margin-top:2em;
@ -246,7 +237,7 @@ blockquote {
} }
.author{ .author{
display: none; display: none;
font-size:smaller; font-size:smaller;
} }

BIN
themes/cetcat/static/fonts/LiberationMono.ttf Normal file
View File

Binary file not shown.

4
themes/cetcat/templates/article.html
View File

@ -22,8 +22,8 @@
<div class="entry-title"> <div class="entry-title">
<a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a> <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a>
</div> </div>
{% import 'translations.html' as translations with context %} <!-- {% import 'translations.html' as translations with context %} -->
{{ translations.translations_for(article) }} <!-- {{ translations.translations_for(article) }} -->
<div class="post-info"> <div class="post-info">
<time class="published" datetime="{{ article.date.isoformat() }}"> <time class="published" datetime="{{ article.date.isoformat() }}">
{{ article.locale_date }} {{ article.locale_date }}

47
themes/cetcat/templates/base.html
View File

@ -42,26 +42,35 @@
<body id="index" class="home"> <body id="index" class="home">
<header id="banner"> <header id="banner">
<span id="title">{{ SITENAME }}</span> {% for p in pages %}
</br> {% if p.title == 'header' %}
<span id="subtitle">{{ SITESUBTITLE }}</span> <div id="title">{{ p.content }}</div>
<!-- /#banner --> {% endif %}
<nav id="menu">
{% for title, link in MENUITEMS %}
<a class="menu-item" href="{{ link }}">{{ title }}</a>
{% endfor %}
{% if DISPLAY_PAGES_ON_MENU %}
{% for p in pages %}
<span {% if p == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></span>
{% endfor %}
{% else %}
{% if DISPLAY_CATEGORIES_ON_MENU %}
{% for cat, null in categories %}
<li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
{% endfor %} {% endfor %}
{% endif %}
{% endif %} <!-- <span id="title">{{ SITENAME }}</span>
</ul></nav></header><!-- /#menu --> </br>
<span id="subtitle">{{ SITESUBTITLE }}</span> -->
<!-- <nav id="menu"> -->
<!-- {% for title, link in MENUITEMS %} -->
<!-- <a class="menu-item" href="{{ link }}">{{ title }}</a> -->
<!-- {% endfor %} -->
<!-- {% if DISPLAY_PAGES_ON_MENU %} -->
<!-- {% for p in pages %} -->
<!-- <span {% if p == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></span> -->
<!-- {% endfor %} -->
<!-- {% else %} -->
<!-- {% if DISPLAY_CATEGORIES_ON_MENU %} -->
<!-- {% for cat, null in categories %} -->
<!-- <li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li> -->
<!-- {% endfor %} -->
<!-- {% endif %} -->
<!-- {% endif %} -->
<!-- </ul> -->
<!-- </nav> -->
</header>
{% block content %} {% block content %}
{% endblock %} {% endblock %}

4
themes/cetcat/templates/page.html
View File

@ -1,8 +1,8 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %}{{ page.title }}{%endblock%} {% block title %}{{ page.title }}{%endblock%}
{% block content %} {% block content %}
{% import 'translations.html' as translations with context %} <!-- {% import 'translations.html' as translations with context %} -->
{{ translations.translations_for(page) }} <!-- {{ translations.translations_for(page) }} -->
<div id ="page-content"> <div id ="page-content">
{{ page.content }} {{ page.content }}