back to black and white layout

themes/basic/static/css/fonts.css

@@ -1,6 +1,8 @@
 @font-face {
 	font-family: "White Rabbit";
-	src: url("../fonts/whiterabbit/whitrabt.ttf") format("truetype");
+	src: 
+		local("White Rabbit"),
+		url(../fonts/whiterabbit/whitrabt.ttf);
 }
 
 @font-face {

themes/basic/static/css/main.css

@@ -1,52 +1,40 @@
+@font-face {
+	font-family: "White Rabbit";
+	src: url(../fonts/white-rabbit/WHITRABT.ttf);
+}
+
+@import("fonts.css");
+
 body {
 	position: relative;
 	top: 0;
 	left: 0;
-	/*max-width: 1280px;*/
+	max-width: 1120px;
-	margin: 3em;
+	margin: 1em 2em;
 	/*padding: 1em;*/
-	background-color: lavender;
+	/*background-color: lavender;*/
 	font-family: monospace;
 	font-size: 14px;
-	color: red;
+	line-height: 1.6;
+	/*color: red;*/
 }
 
 header,
-nav#menu,
+section#intro,
-section#subscribe,
 footer{
 	position: relative;
 	width: calc(100% - 4em);
-	margin: 4em 0;
+	margin: 0 0 4em 0;
-	/*padding: 2em;*/
-	/*text-align: center;*/
-}
-
-article.post{
-	margin: 2em 0;
-	/*padding: 2em;*/
-	/*background-color: white;*/
-}
-
-#menu .links a{
-	border: 1px solid red;
-	padding: 1em;
-}
-
-header pre,
-footer pre, 
-article.post pre{
-	/*text-align: center;*/
-	line-height: 1;
-}
-
-
-a, 
-a:visited,
-a:active{
-	color: magenta;
-	text-decoration: none;
 }
+	section#intro,
+	article.post{
+		width: calc(100% - 4em);
+		padding: 1em 2em;
+	}
+	section#intro{
+		columns: 2 auto;
+		column-fill: auto;
+	}
 
 h1, 
 h2, 
@@ -54,11 +42,39 @@ h3,
 h1 a,
 h2 a,
 h3 a{
-	font-family: "monospace";
+	font-family: "White Rabbit";
-	font-size: 100%;
+	/*font-size: 100%;*/
-	margin:0;
+	margin: 1.5em 0;
-	padding:0;
+	padding: 0;
 	font-weight: normal;
 	/*color:red !important;*/
 }
+	h1#title{
+		width: 100%;
+		text-align: center;
+	}
+
+a, 
+a:visited,
+a:active{
+	color: black;
+	text-decoration: none;
+}
+
+article.post{
+}
+
+#menu .links a{
+	border: 1px solid;
+	padding: 1em;
+}
+
+/* ASCII */
+header pre,
+footer pre, 
+article.post pre,
+section#content pre{
+	line-height: 1;
+}
+
 

themes/basic/static/fonts/white-rabbit/Matthew Welch License - White Rabbit.txt

@@ -0,0 +1,42 @@
+Font: White Rabbit
+Created By: Matthew Welch
+E-Mail: matt@squaregear.net
+Web Address: http://www.squaregear.net/fonts/
+
+My fonts are all free.  You can use them for personal or commercial projects,
+and I ask for no money.  I would, however, love to hear from you.  If you use
+my fonts for something please e-mail me letting me know how you used it.  Send
+me a copy if you can or let me know where I can find your work. You are under
+no obligation to do this, I just like to see how my fonts get used.
+
+A license.txt file should have been included with this font, explaining the
+license under which it is made available. You can also read it at:
+
+http://www.squaregear.net/fonts/license.shtml
+
+About the font:
+
+White Rabbit is reminiscent of the characters displayed on all those
+old low-res terminal screens. Smoothed out and cleaned up for 1999,
+this is the font to use for all your computing applications.
+
+
+Copyright (C) 1999 by Matthew Welch
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this font software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+of the Software, and to permit persons to whom the Software is furnished to do
+so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

themes/basic/static/fonts/white-rabbit/WHITRABT.TXT

@@ -0,0 +1,42 @@
+-----BEGIN PGP SIGNED MESSAGE-----
+Hash: SHA1
+
+
+Font: White Rabbit (whitrabt.ttf)
+Created By: Matthew Welch
+E-Mail: daffy-duck@worldnet.att.net
+Web Address: http://home.att.net/~daffy-duck
+             (PGP public key available here)
+
+White Rabbit, like all of my fonts, is free.  You can use it for most
+personal or business uses you'd like, and I ask for no money.  I
+would, however, like to hear from you.  If you use my fonts for
+something please send me a postcard or e-mail letting me know how
+you used it.  Send me a copy if you can or let me know where I can
+find your work.
+
+You may use this font for graphical or printed work, but you may not
+sell it or include it in a collection of fonts (on CD or otherwise)
+being sold. You can redistribute this font as long as you charge
+nothing to receive it. If you redistribute it include this text file
+with it as is (without modifications).
+
+If you use this font for commercial purposes please credit me in
+at least some little way.
+
+About the font:
+
+White Rabbit is reminiscent of the characters displayed on all those
+old low-res terminal screens. Smoothed out and cleaned up for 1999,
+this is the font to use for all your computing applications.
+
+
+
+-----BEGIN PGP SIGNATURE-----
+Version: PGP for Personal Privacy 5.0
+Charset: noconv
+
+iQA/AwUBNzDcWuEM8BJ4ZA+2EQJlHgCff/odpTMZxjkMHJrSJMpKNxRMCmsAoNu0
+kdQTGph0RRtmtuaBROcKnCxW
+=lMfG
+-----END PGP SIGNATURE-----

themes/basic/templates/base.html

@@ -37,7 +37,7 @@
  )  ) )) )  )  )  )  ) )) )  )  ) )  ) )) )  )  )  )  ) )) )  )  ) )  ) )) )  )  )  )  ) )) )  )  ) )  ) )) )  )  )  )  ) )) )  )  )
 (  ( (( (  (  (  (  ( (( (  (  ( (  ( (( (  (  (  (  ( (( (  (  ( (  ( (( (  (  (  (  ( (( (  (  ( (  ( (( (  (  (  (  ( (( (  (  ( 
 		</pre>
-		<a href="{{ SITEURL }}/"><pre>
+		<!-- <a href="{{ SITEURL }}/"><pre>
 
                  _      _   _                  _     _     _               _   _      _                      _    
                 / \    | \ | | ___  _   _ _ __(_)___| |__ (_)_ __   __ _  | \ | | ___| |___      _____  _ __| | __
@@ -46,8 +46,8 @@
              /_/   \_\ |_| \_|\___/ \__,_|_|  |_|___/_| |_|_|_| |_|\__, | |_| \_|\___|\__| \_/\_/ \___/|_|  |_|\_\
                                                                    |___/                                          
 
-		</pre></a>
+		</pre></a> -->
-		<!-- <h1><a href="{{ SITEURL }}/">{{ SITENAME }}{% if SITESUBTITLE %} <strong>{{ SITESUBTITLE }}</strong>{% endif %}</a></h1> -->
+		<h1 id="title"><a href="{{ SITEURL }}/">{{ SITENAME }}{% if SITESUBTITLE %} <strong>{{ SITESUBTITLE }}</strong>{% endif %}</a></h1>
 		<pre>	
  )  ) )) )  )  )  )  ) )) )  )  ) )  ) )) )  )  )  )  ) )) )  )  ) )  ) )) )  )  )  )  ) )) )  )  ) )  ) )) )  )  )  )  ) )) )  )  )
 (  ( (( (  (  (  (  ( (( (  (  ( (  ( (( (  (  (  (  ( (( (  (  ( (  ( (( (  (  (  (  ( (( (  (  ( (  ( (( (  (  (  (  ( (( (  (  ( 
@@ -58,33 +58,19 @@
  )  ) )) )  )  )  )  ) )) )  )  ) )  ) )) )  )  )  )  ) )) )  )  ) )  ) )) )  )  )  )  ) )) )  )  ) )  ) )) )  )  )  )  ) )) )  )  )
 (  ( (( (  (  (  (  ( (( (  (  ( (  ( (( (  (  (  (  ( (( (  (  ( (  ( (( (  (  (  (  ( (( (  (  ( (  ( (( (  (  (  (  ( (( (  (  ( 
 		</pre>
-		<nav id="menu">
+		<section id="intro">
-			<div id="intro">
+			<p>A Nourishing Network is a small publishing project that documents and circulates current research done by a network of artists, activists and programmers that collaborate with the Austrian net culture initiative servus.at. Especially in this moment of reduced mobility and physical encounters, we are excited to launch this playful publishing experiment, which will circulate within a community that usually gathers in small-sized events and festivals.</p>
-				<p>A peer-to-peer publishing experiment starting from the feed as a potentially multi-directional circulation device. Through web-syndication protocols and mail art practices, this publication engages with complex circulation flows, thereby exploring the social dynamics of such networked forms of publishing.</p>
+			<p>A subscription to the digital and/or postal feed will activate a stream of essays that will reach you in the coming months. The network nourishes her subscribers at irregular times and involves her readers into the feeding process, by providing means to further disseminate the material in different networked ways.</p>
-				<p>A subscription to the digital and/or postal feed, nourishes her subscribers with a stream of essays.</p>
+			<!-- <p>Read more <a href="{{ SITEURL }}/pages/about.html">here</a>!</p> -->
-				<p>Read more <a href="{{ SITEURL }}/pages/about.html">here</a>!</p>
+			<br>
-			</div>
+			<p><strong>Subscribe</strong></p>
-			<!-- <div class="links">
+			<ul>
-			{% if DISPLAY_CATEGORIES_ON_MENU %}
+				<li>Web Feed: <a href="{{ SITEURL }}/{{ FEED_RSS }}">RSS</a>, <a href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}">ATOM</a></li>
-				{% for cat, null in categories %}
+				<li>Postal Feed: <a href="{{SITEURL}}/pages/subscribe.html">(un)subscribe</a></li>
-					<a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a>
+			</ul>
-				{% endfor %}
+		</section>
-			{% endif %}
-			{% for page in pages %}
-				<a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a>
-			{% endfor %}
-			</div> -->
-		</nav>
 	</header>
-	<section id="subscribe">
+
-		<h2>Subscribe</h2>
-		<ul>
-			<li>Web Feed: <a href="{{ SITEURL }}/{{ FEED_RSS }}">RSS</a>, <a href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}">ATOM</a></li>
-			<!-- <li>Articles Feed: <a href="{{ SITEURL }}/{{ FEED_RSS }}/category/articles.rss.xml">RSS</a>, <a href="{{ SITEURL }}/ATOM/category/articles.atom.xml">ATOM</a></li> -->
-			<!-- <li>Projections Feed: <a href="{{ SITEURL }}/{{ FEED_RSS }}/category/projections.rss.xml">RSS</a>, <a href="{{ SITEURL }}/ATOM/category/projections.atom.xml">ATOM</a></li> -->
-			<li>Postal Feed: <a href="#">subscribe</a>, <a href="#">unsubscribe</a></li>
-		</ul>
-	</section>
 	<section id="content">
 	{% block content %}
 

themes/basic/templates/index.html

@@ -1,7 +1,6 @@
 {% extends "base.html" %}
 
 {% block content %}
-<section>
 
 {% for article in articles %}
 <!-- <pre>
@@ -44,5 +43,4 @@ o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o
 </pre>
 {% endfor %}
 
-</section>
 {% endblock content %}