forked from varia/varia.website
added header.md and changed the main.css
This commit is contained in:
parent
f791a606ec
commit
ce74e89cba
@ -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.
|
@ -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
12
content/pages/curriculum.md
Normal 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
8
content/pages/header.md
Normal 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
6
content/pages/membership.md
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
Title: membership
|
||||||
|
Date: 2017-04-09
|
||||||
|
Category: about
|
||||||
|
Slug: membership
|
||||||
|
|
||||||
|
Become a member of the center of everyday technology.
|
@ -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.
|
|
||||||
|
|
@ -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:
|
||||||
|
|
||||||
|
@ -53,14 +53,14 @@ MENUITEMS=(
|
|||||||
|
|
||||||
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',
|
||||||
}
|
# }
|
||||||
}
|
# }
|
||||||
|
|
||||||
|
@ -50,24 +50,29 @@ http://majesticmoo.se
|
|||||||
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 {
|
body {
|
||||||
margin-top:0.5em;
|
position: relative;
|
||||||
font-size: 120px;
|
width: calc(100% - 50px);
|
||||||
width:50%;
|
top:0px;
|
||||||
}
|
left:0px;
|
||||||
#subtitle{
|
margin: 0 auto;
|
||||||
|
padding: 0;
|
||||||
|
font-family: monospace, "liberation";
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
line-height:1.8;
|
||||||
|
font-style: normal;
|
||||||
|
background-color: rgb(252, 255, 120);
|
||||||
|
color:black;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color:#7e5211;
|
||||||
|
/*font-weight: bold;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
@ -75,38 +80,20 @@ hr {
|
|||||||
color: black;
|
color: black;
|
||||||
border-bottom:1px solid;
|
border-bottom:1px solid;
|
||||||
margin-top:1em;
|
margin-top:1em;
|
||||||
}
|
margin-bottom:1em;
|
||||||
pre {
|
|
||||||
}
|
|
||||||
#menu{
|
|
||||||
position: absolute;
|
|
||||||
top:25px;
|
|
||||||
right:25px;
|
|
||||||
font-size:20px;
|
|
||||||
font-weight:bold;
|
|
||||||
float: right;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
blockquote {
|
||||||
font-size: 16px;
|
font-style:italic;
|
||||||
line-height:1.8;
|
|
||||||
background-color: rgb(239, 225, 79);
|
|
||||||
/*background-color: rgba(100,100,250,1);*/
|
|
||||||
margin: 0 auto;
|
|
||||||
width: calc(100% - 50px);
|
|
||||||
color:black;
|
|
||||||
/*color:white;*/
|
|
||||||
font-family: monospace;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
ul {
|
||||||
color:#7e5211;
|
padding-left:0px;
|
||||||
font-weight: bold;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
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;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -115,61 +102,66 @@ h1, h2, h3, h4, h5, h6, #header{
|
|||||||
margin:0px;
|
margin:0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#index{
|
|
||||||
}
|
|
||||||
|
|
||||||
#post-list {
|
#post-list {
|
||||||
padding-left:0px;
|
padding-left:0px;
|
||||||
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;
|
||||||
margin-right:2em;
|
width: 200px;
|
||||||
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);*/
|
|
||||||
}
|
}
|
||||||
|
.post-info time sup{
|
||||||
|
font-size: 100%;
|
||||||
/* log */
|
}
|
||||||
.entry-title span{
|
#translation{
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.entry-title{
|
||||||
width:100%;
|
width:100%;
|
||||||
display:inline-block;
|
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;
|
||||||
@ -186,6 +178,14 @@ ul {
|
|||||||
margin: auto;
|
margin: auto;
|
||||||
max-width:800px;
|
max-width:800px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.separator hr{
|
.separator hr{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@ -205,15 +205,6 @@ ul {
|
|||||||
max-width:100%;
|
max-width:100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote {
|
|
||||||
font-style:italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content{
|
|
||||||
margin:auto;
|
|
||||||
width:100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.divider {
|
.divider {
|
||||||
font-size:12px;
|
font-size:12px;
|
||||||
width:100%;
|
width:100%;
|
||||||
|
BIN
themes/cetcat/static/fonts/LiberationMono.ttf
Normal file
BIN
themes/cetcat/static/fonts/LiberationMono.ttf
Normal file
Binary file not shown.
@ -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 }}
|
||||||
|
@ -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>
|
|
||||||
</br>
|
|
||||||
<span id="subtitle">{{ SITESUBTITLE }}</span>
|
|
||||||
<!-- /#banner -->
|
|
||||||
<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 %}
|
{% for p in pages %}
|
||||||
<span {% if p == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></span>
|
{% if p.title == 'header' %}
|
||||||
{% endfor %}
|
<div id="title">{{ p.content }}</div>
|
||||||
{% 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 %}
|
||||||
{% endif %}
|
{% endfor %}
|
||||||
</ul></nav></header><!-- /#menu -->
|
|
||||||
|
<!-- <span id="title">{{ SITENAME }}</span>
|
||||||
|
</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 %}
|
||||||
|
|
||||||
|
@ -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 }}
|
||||||
|
Loading…
Reference in New Issue
Block a user