added a theme 'dianaband'

+ several example pages added
+ working on the layout

content/pages/about/about.rst

@@ -0,0 +1,74 @@
+소개, about
+====================
+
+:slug: about
+:url: about/
+:save_as: about/index.html
+
+.. role:: raw-html(raw)
+          :format: html
+
+| 다이애나 밴드는 관계적 미학을 향한 디자인과 미디어 아트를 실험하는 2인조팀이다.
+| 우리는 관객들의 참여와 관계형성을 위해 공연성과 상호작용성을 작업에 적용하고,
+| 관객은 때때로 작품의 적극적인 개입자로서 혹은 일시적 사건에 개입되는 관찰자로서 사건에 초대된다.
+|
+| Diana Band is an inter-disciplinary artist duo established in 2010 and currently based in Seoul.
+| They explore in the fields of object design and media art, in order to find the imaginary moment and situation of everyday life.
+| They believe :raw-html:`<a href="http://www.youtube.com/watch?v=iuqkIM0rm0Y" target="_blank">“Sensible Objects”</a>` makes narrative environments or events and invites people to find common sense and universal language.
+|
+
+| **Dianaband** has been exhibited their works internationally in Germany, Netherlands, Spain, Turkey and South Korea.
+| Their projects was committed by National Museum of Modern and Contemporary Art, Korea(2015), Arco Performing Arts Center(2015),  Korea Craft & Design Foundation(2014), Zuiderzee Museum(2012), MEM Experimental Arts International Festival(2011) and so on.
+|
+| **people** Wonjung Shin신원정, Dooho Yi이두호
+|
+| 서울 서대문구 연희동에서 작업합니다.
+| currently working in **Seoul**, ROK
+|
+| `CV`_ – `씨브이`_
+|
+
+.. _`CV`: {attach}cv_dianaband_영어_2020.pdf
+.. _`씨브이`: {attach}cv_dianaband_한글_2020.pdf
+
+| :raw-html:`<a href="https://www.facebook.com/dianaband.info" target="_blank">Facebook Page!!</a>`
+| :raw-html:`<a href="https://www.instagram.com/dianaband_w/" target="_blank">Wonjung Insta!!</a>`
+| :raw-html:`<a href="https://www.instagram.com/lost.tra8n/" target="_blank">Dooho Insta!!</a>`
+|
+| `pdf_portfolio`_
+|
+
+.. _`pdf_portfolio`: {attach}Portfolio_dianaband_en.pdf
+
+| wonjung24\@gmail.com
+| pilotedeguerre\@gmail.com
+|
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+| .
+|

content/pages/home.rst

@@ -0,0 +1,6 @@
+시작, start!
+=====================
+
+:save_as: index.html
+
+안녕하세요?

publishconf.py

@@ -15,7 +15,11 @@ CATEGORY_FEED_ATOM = 'feeds/{slug}.atom.xml'
 
 DELETE_OUTPUT_DIRECTORY = True
 
-THEME = "./themes/simple"
+THEME = "./themes/dianaband"
+MENUITEMS = {
+    "who": "/about/",
+    "루트에 대한, 대화": "/conversation-about-the-root.html"
+}
 
 #FILENAME_METADATA = r'(?P<title>.*)'
 #PATH_METADATA = r'.*/(?P<title>.*)'

themes/dianaband/static/base.css

@@ -0,0 +1,61 @@
+html, body {
+    margin: 0;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: 12px;
+    line-height: 1.5;
+}
+
+a {
+    color: #529AB5;
+    text-decoration: none;
+}
+
+.sidebar {
+    list-style: none;
+    float: left;
+    width: 25%;
+    margin: 0;
+    padding: 0;
+    /* padding-top: 107px; */
+    /* padding-left: 30px; */
+    /* background-color: #f1f1f1; */
+    /* position: fixed; */
+    /* height: 100%; */
+    /* overflow: auto; */
+}
+
+.sidebar a:hover {
+    color: #529AB5;
+    font-weight: bold;
+}
+
+.content {
+    float: right;
+    width: 75%;
+    margin: 0;
+    padding: 0;
+}
+
+.content a:hover {
+    color: #529AB5;
+    text-decoration: underline;
+}
+
+/* On screens that are less than 700px wide, make the sidebar into a topbar */
+@media screen and (max-width: 700px) {
+    .sidebar {
+        width: 100%;
+        height: auto;
+        position: relative;
+    }
+    .sidebar a {float: left;}
+    div.content {margin-left: 0;}
+}
+
+/* On screens that are less than 400px, display the bar vertically, instead of horizontally */
+@media screen and (max-width: 400px) {
+    .sidebar a {
+        text-align: center;
+        float: none;
+    }
+}

themes/dianaband/static/base.js

@@ -0,0 +1,6 @@
+// // let all external links to open into a new tab
+// Array.from(document.getElementsByClassName("reference external")).forEach(elm => {
+//   elm.setAttribute('target', '_blank');
+//   console.log(elm);
+//   elm.getAttribute('target');
+// });

themes/dianaband/templates/archives.html

@@ -0,0 +1,14 @@
+{% extends "base.html" %}
+
+{% block title %}{{ SITENAME }} - Archives{% endblock %}
+
+{% block content %}
+<h1>Archives for {{ SITENAME }}</h1>
+
+<dl>
+{% for article in dates %}
+    <dt>{{ article.locale_date }}</dt>
+    <dd><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></dd>
+{% endfor %}
+</dl>
+{% endblock %}

themes/dianaband/templates/article.html

@@ -0,0 +1,67 @@
+{% extends "base.html" %}
+{% block html_lang %}{{ article.lang }}{% endblock %}
+
+{% block title %}{{ SITENAME }} - {{ article.title|striptags  }}{% endblock %}
+
+{% block head %}
+  {{ super() }}
+
+  {% import 'translations.html' as translations with context %}
+  {% if translations.entry_hreflang(article) %}
+    {{ translations.entry_hreflang(article) }}
+  {% endif %}
+
+  {% if article.description %}
+    <meta name="description" content="{{article.description}}" />
+  {% endif %}
+
+  {% for tag in article.tags %}
+    <meta name="tags" content="{{tag}}" />
+  {% endfor %}
+
+{% endblock %}
+
+{% block content %}
+<section id="content" class="body">
+  <header>
+    <h2 class="entry-title">
+      <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
+         title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2>
+ {% import 'translations.html' as translations with context %}
+ {{ translations.translations_for(article) }}
+  </header>
+  <footer class="post-info">
+    <time class="published" datetime="{{ article.date.isoformat() }}">
+      {{ article.locale_date }}
+    </time>
+    {% if article.modified %}
+    <time class="modified" datetime="{{ article.modified.isoformat() }}">
+      {{ article.locale_modified }}
+    </time>
+    {% endif %}
+    {% if article.authors %}
+    <address class="vcard author">
+      By {% for author in article.authors %}
+          <a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
+        {% endfor %}
+    </address>
+    {% endif %}
+    {% if article.category %}
+    <div class="category">
+        Category: <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
+    </div>
+    {% endif %}
+    {% if article.tags %}
+    <div class="tags">
+        Tags:
+        {% for tag in article.tags %}
+            <a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a>
+        {% endfor %}
+    </div>
+    {% endif %}
+  </footer><!-- /.post-info -->
+  <div class="entry-content">
+    {{ article.content }}
+  </div><!-- /.entry-content -->
+</section>
+{% endblock %}

themes/dianaband/templates/author.html

@@ -0,0 +1,8 @@
+{% extends "index.html" %}
+
+{% block title %}{{ SITENAME }} - Articles by {{ author }}{% endblock %}
+
+{% block content_title %}
+<h2>Articles by {{ author }}</h2>
+{% endblock %}
+

themes/dianaband/templates/authors.html

@@ -0,0 +1,12 @@
+{% extends "base.html" %}
+
+{% block title %}{{ SITENAME }} - Authors{% endblock %}
+
+{% block content %}
+    <h1>Authors on {{ SITENAME }}</h1>
+    <ul>
+    {% for author, articles in authors|sort %}
+        <li><a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a> ({{ articles|count }})</li>
+    {% endfor %}
+    </ul>
+{% endblock %}

themes/dianaband/templates/base.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}">
+  <head>
+    {% block head %}
+    <title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
+    <meta charset="utf-8" />
+    <meta name="generator" content="Pelican" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link type="text/css" rel="stylesheet" href="/theme/base.css" />
+    {% endblock head %}
+  </head>
+
+  <body>
+    <ul class="sidebar">
+      {% for title, link in MENUITEMS.items() %}
+      <li><a href="{{ link }}">{{ title }}</a></li>
+      {% endfor %}
+    </ul>
+    <div class="content">
+      {% block content %}
+      {% endblock %}
+    </div>
+    <!-- <script src="/theme/base.js"></script> -->
+  </body>
+</html>

themes/dianaband/templates/categories.html

@@ -0,0 +1,12 @@
+{% extends "base.html" %}
+
+{% block title %}{{ SITENAME }} - Categories{% endblock %}
+
+{% block content %}
+    <h1>Categories on {{ SITENAME }}</h1>
+    <ul>
+    {% for category, articles in categories|sort %}
+        <li><a href="{{ SITEURL }}/{{ category.url }}">{{ category }}</a> ({{ articles|count }})</li>
+    {% endfor %}
+    </ul>
+{% endblock %}

themes/dianaband/templates/category.html

@@ -0,0 +1,8 @@
+{% extends "index.html" %}
+
+{% block title %}{{ SITENAME }} - {{ category }} category{% endblock %}
+
+{% block content_title %}
+<h2>Articles in the {{ category }} category</h2>
+{% endblock %}
+

themes/dianaband/templates/gosquared.html

@@ -0,0 +1,14 @@
+{% if GOSQUARED_SITENAME %}
+<script type="text/javascript">
+    var GoSquared={};
+    GoSquared.acct = "{{ GOSQUARED_SITENAME }}";
+    (function(w){
+        function gs(){
+            w._gstc_lt=+(new Date); var d=document;
+            var g = d.createElement("script"); g.type = "text/javascript"; g.async = true; g.src = "https://d1l6p2sc9645hc.cloudfront.net/tracker.js";
+            var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(g, s);
+        }
+        w.addEventListener?w.addEventListener("load",gs,false):w.attachEvent("onload",gs);
+    })(window);
+</script>
+{% endif %}

themes/dianaband/templates/index.html

@@ -0,0 +1,28 @@
+{% extends "base.html" %}
+{% block content %}
+<section id="content">
+{% block content_title %}
+<h2>All articles</h2>
+{% endblock %}
+
+<ol id="post-list">
+{% for article in articles_page.object_list %}
+        <li><article class="hentry">
+                <header> <h2 class="entry-title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2> </header>
+                <footer class="post-info">
+                    <time class="published" datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time>
+                    <address class="vcard author">By
+                    {% for author in article.authors %}
+                        <a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
+                    {% endfor %}
+                    </address>
+                </footer><!-- /.post-info -->
+                <div class="entry-content"> {{ article.summary }} </div><!-- /.entry-content -->
+        </article></li>
+{% endfor %}
+</ol><!-- /#posts-list -->
+{% if articles_page.has_other_pages() %}
+    {% include 'pagination.html' %}
+{% endif %}
+</section><!-- /#content -->
+{% endblock content %}

themes/dianaband/templates/page.html

@@ -0,0 +1,21 @@
+{% extends "base.html" %}
+{% block html_lang %}{{ page.lang }}{% endblock %}
+
+{% block title %}{{ SITENAME }} - {{ page.title|striptags }}{%endblock%}
+
+{% block head %}
+  {{ super() }}
+
+  {% import 'translations.html' as translations with context %}
+  {% if translations.entry_hreflang(page) %}
+    {{ translations.entry_hreflang(page) }}
+  {% endif %}
+{% endblock %}
+
+{% block content %}
+    {% import 'translations.html' as translations with context %}
+    {{ translations.translations_for(page) }}
+
+    {{ page.content }}
+
+{% endblock %}

themes/dianaband/templates/pagination.html

@@ -0,0 +1,15 @@
+{% if DEFAULT_PAGINATION %}
+{% set first_page = articles_paginator.page(1) %}
+{% set last_page = articles_paginator.page(articles_paginator.num_pages) %}
+<p class="paginator">
+    {% if articles_page.has_previous() %}
+        <a href="{{ SITEURL }}/{{ first_page.url }}">&#8647;</a>
+        <a href="{{ SITEURL }}/{{ articles_previous_page.url }}">&laquo;</a>
+    {% endif %}
+    Page {{ articles_page.number }} / {{ articles_paginator.num_pages }}
+    {% if articles_page.has_next() %}
+        <a href="{{ SITEURL }}/{{ articles_next_page.url }}">&raquo;</a>
+        <a href="{{ SITEURL }}/{{ last_page.url }}">&#8649;</a>
+    {% endif %}
+</p>
+{% endif %}

themes/dianaband/templates/period_archives.html

@@ -0,0 +1,14 @@
+{% extends "base.html" %}
+
+{% block title %}{{ SITENAME }} - {{ period | reverse | join(' ') }} archives{% endblock %}
+
+{% block content %}
+<h1>Archives for {{ period | reverse | join(' ') }}</h1>
+
+<dl>
+{% for article in dates %}
+    <dt>{{ article.locale_date }}</dt>
+    <dd><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></dd>
+{% endfor %}
+</dl>
+{% endblock %}

themes/dianaband/templates/tag.html

@@ -0,0 +1,7 @@
+{% extends "index.html" %}
+
+{% block title %}{{ SITENAME }} - {{ tag }} tag{% endblock %}
+
+{% block content_title %}
+<h2>Articles tagged with {{ tag }}</h2>
+{% endblock %}

themes/dianaband/templates/tags.html

@@ -0,0 +1,12 @@
+{% extends "base.html" %}
+
+{% block title %}{{ SITENAME }} - Tags{% endblock %}
+
+{% block content %}
+    <h1>Tags for {{ SITENAME }}</h1>
+    <ul>
+    {% for tag, articles in tags|sort %}
+        <li><a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a> ({{ articles|count }})</li>
+    {% endfor %}
+    </ul>
+{% endblock %}

themes/dianaband/templates/translations.html

@@ -0,0 +1,16 @@
+{% macro translations_for(article) %}
+{% if article.translations %}
+Translations:
+{% for translation in article.translations %}
+<a href="{{ SITEURL }}/{{ translation.url }}" hreflang="{{ translation.lang }}">{{ translation.lang }}</a>
+{% endfor %}
+{% endif %}
+{% endmacro %}
+
+{% macro entry_hreflang(entry) %}
+{% if entry.translations %}
+  {% for translation in entry.translations %}
+    <link rel="alternate" hreflang="{{ translation.lang }}" href="{{ SITEURL }}/{{ translation.url }}">
+  {% endfor %}
+{% endif %}
+{% endmacro %}

themes/simple/static/default.css

@@ -1,3 +0,0 @@
-html, body {
-    margin: 0;
-}