Browse Source

back to black and white layout

master
manetta 4 years ago
parent
commit
76e00af853
  1. 4
      themes/basic/static/css/fonts.css
  2. 86
      themes/basic/static/css/main.css
  3. 42
      themes/basic/static/fonts/white-rabbit/Matthew Welch License - White Rabbit.txt
  4. 42
      themes/basic/static/fonts/white-rabbit/WHITRABT.TXT
  5. BIN
      themes/basic/static/fonts/white-rabbit/WHITRABT.ttf
  6. BIN
      themes/basic/static/fonts/white-rabbit/whitrabt.ttf
  7. 38
      themes/basic/templates/base.html
  8. 2
      themes/basic/templates/index.html

4
themes/basic/static/css/fonts.css

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

86
themes/basic/static/css/main.css

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

42
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.

42
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-----

BIN
themes/basic/static/fonts/white-rabbit/WHITRABT.ttf

Binary file not shown.

BIN
themes/basic/static/fonts/white-rabbit/whitrabt.ttf

Binary file not shown.

38
themes/basic/templates/base.html

@ -37,7 +37,7 @@
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
</pre> </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> <pre>
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
@ -58,33 +58,19 @@
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
</pre> </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">
{% if DISPLAY_CATEGORIES_ON_MENU %}
{% for cat, null in categories %}
<a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a>
{% endfor %}
{% endif %}
{% for page in pages %}
<a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a>
{% endfor %}
</div> -->
</nav>
</header>
<section id="subscribe">
<h2>Subscribe</h2>
<ul> <ul>
<li>Web Feed: <a href="{{ SITEURL }}/{{ FEED_RSS }}">RSS</a>, <a href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}">ATOM</a></li> <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>Postal Feed: <a href="{{SITEURL}}/pages/subscribe.html">(un)subscribe</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> </ul>
</section> </section>
</header>
<section id="content"> <section id="content">
{% block content %} {% block content %}

2
themes/basic/templates/index.html

@ -1,7 +1,6 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<section>
{% for article in articles %} {% for article in articles %}
<!-- <pre> <!-- <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> </pre>
{% endfor %} {% endfor %}
</section>
{% endblock content %} {% endblock content %}

Loading…
Cancel
Save