Browse Source

started to fill two pages with content

master
manetta 4 years ago
parent
commit
39c8eea3ad
  1. 15
      content/Section 4 - Digital Infrastructures for Communication/1-introduction.md
  2. 22
      content/Section 4 - Infrapunctural Imaginaries (exercise)/1-introduction.md
  3. 5
      content/Section 4 - Infrapunctural Imaginaries (exercise)/2-step-1.md
  4. 3
      content/Section 4 - Infrapunctural Imaginaries (exercise)/3-step-2.md
  5. 3
      content/Section 4 - Infrapunctural Imaginaries (exercise)/4-step-3.md
  6. 3
      content/Section 4 - Infrapunctural Imaginaries (exercise)/5-step-4.md
  7. 2
      content/Section 5 - Critical Interventions Through Bots (exercise)/1-introduction.md
  8. 0
      content/Section 5 - Critical Interventions Through Bots (exercise)/2-example-bot.md
  9. 0
      content/Section 5 - Critical Interventions Through Bots (exercise)/3-situated-bot-code.md
  10. 6
      content/pages/about.md
  11. 28
      content/pages/start.md
  12. 27
      themes/default/static/css/main.css
  13. 21
      themes/default/templates/article.html
  14. 20
      themes/default/templates/base.html
  15. 6
      themes/default/templates/categories.html
  16. 7
      themes/default/templates/home.html
  17. 2
      themes/default/templates/index.html
  18. 2
      themes/default/templates/page.html

15
content/Section 4 - Digital Infrastructures for Communication/1-introduction.md

@ -1,15 +0,0 @@
Title: Digital Infrastructures for Communication
Slug: section-4-introduction
Date: 2020-08-25 12:00
How do we amend systematic causes of pain?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in libero viverra risus pulvinar congue. Sed pellentesque condimentum cursus. Quisque vestibulum ex quis tincidunt faucibus. Etiam porta nec eros quis ornare. Curabitur posuere lorem a lectus tincidunt fermentum. Nunc efficitur neque in mattis ullamcorper. Nullam aliquam nunc et elit tempor hendrerit. Proin eu erat sit amet nisl ultrices feugiat. Suspendisse dignissim ipsum sed ex porttitor molestie. Aenean elementum vitae justo eget scelerisque. Phasellus in quam vulputate, tempus libero eu, ornare tellus. Etiam sollicitudin venenatis hendrerit. Ut dolor dolor, commodo sit amet arcu eget, porttitor aliquam justo. Fusce maximus laoreet turpis sit amet molestie. Nulla facilisi.
Curabitur ut sapien et velit rutrum laoreet. Cras ac aliquet massa. Pellentesque elementum ornare orci. Donec mattis auctor lacus, quis dignissim arcu sollicitudin sit amet. Etiam imperdiet, risus sed condimentum interdum, ante est mattis sem, a tempor mi odio eget tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin sed justo ac nisi aliquam efficitur nec venenatis turpis.
Nulla pretium, purus vitae pretium porttitor, elit purus sagittis leo, ut blandit arcu nisl a metus. Nunc sit amet arcu ac magna finibus suscipit. Sed malesuada sem arcu, id egestas risus pharetra at. Sed sed pulvinar massa, at ornare odio. Donec quis magna sed turpis rhoncus dignissim. Aenean scelerisque sapien nec interdum suscipit. Donec sit amet tincidunt odio, in fermentum eros. Morbi varius augue nulla. Aliquam erat volutpat. Sed sit amet ligula hendrerit nisl posuere venenatis placerat quis sem. Phasellus in iaculis urna. Etiam mollis arcu eget dui volutpat molestie. Pellentesque sodales leo nec mi interdum interdum. Proin at gravida ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec non massa sapien. Aenean ligula lectus, iaculis ut tempus quis, scelerisque sit amet dui. Donec varius dui sed elit consectetur rhoncus non in leo. Quisque feugiat lobortis magna, eu auctor nisi sodales et. Fusce nec iaculis arcu. Morbi placerat pellentesque felis sed eleifend. Vivamus consectetur felis fringilla urna porta aliquam.
Nam rhoncus lacus libero, ut tincidunt lorem ultricies vel. Proin nibh neque, tempor quis nulla ac, vulputate dapibus metus. Proin rhoncus a diam quis hendrerit. Ut laoreet est id erat gravida, vitae aliquet lorem suscipit. Mauris eu tempor metus, sit amet blandit erat. Aenean viverra imperdiet orci, at condimentum nunc euismod ac. Suspendisse lectus augue, venenatis ullamcorper sollicitudin vel, venenatis vitae dui. In in velit feugiat, molestie nibh vitae, finibus elit. Nulla mattis metus eu finibus laoreet. Nullam lobortis dui ac feugiat dictum.

22
content/Section 4 - Infrapunctural Imaginaries (exercise)/1-introduction.md

@ -0,0 +1,22 @@
Title: Infrapunctural Imaginaries (exercise)
Slug: section-4.1-introduction
# Infrapunctural Imaginaries
While keeping in mind that different groups use different tools all differently [:-)] it is important to take some time to focus on a specific context, to zoom in and work with a specific context in mind. What digital tool does a group use to communicate with each other? What are the norms of the conversations and who decides what is normal?
To dive into these question and further explore how communicative tools are transforming and being transformed by groups, we will now switch modes and do an exercise.
So far, you have encountered different digital infrastructures throughout this module. In this section we will focus specifically on *communicative infrastructures*, which for example include micro-blogging platforms, groupchats, discussion forums, mailinglists, etc.
# Why an exercise?
Doing an exercise will create space to engage with the term *digital infrapunctures* in a playful way, allowing us to speculate about possible bot interventions or infrapunctural actions.
# What is the exercise?
Imagine that a specific group is working with (or on) a bot as infrapunctural intervention. Choose a communicative infrastructure that is used by the group for this intervention and imagine what is happening.
At the end of the exercise, you have written a script of a speculative dialog, that displays how the bot operates, what its attitude is and what it would say. The format of the dialog will challenge you to also think about possible responses and reactions to the bot, which are obviously a piece of fiction as well.

5
content/Section 4 - Digital Infrastructures for Communication/2-step-1.md → content/Section 4 - Infrapunctural Imaginaries (exercise)/2-step-1.md

@ -1,10 +1,8 @@
Title: Step 1: Group formation Title: Step 1: Group formation
Slug: section-4-step-1 Slug: section-4.2-step-1
Date: 2020-08-25 12:00
Please answer the following questions, you can write below them. Please answer the following questions, you can write below them.
When we talk about digital infrastructures for communication, which ones come to mind? When we talk about digital infrastructures for communication, which ones come to mind?
Pick a digital communication infrastructure and answer the following questions: Pick a digital communication infrastructure and answer the following questions:
@ -13,7 +11,6 @@ Pick a digital communication infrastructure and answer the following questions:
* Who maintains the infrastructure? * Who maintains the infrastructure?
* What groups come to mind that use this infrastructure? * What groups come to mind that use this infrastructure?
Pick a group to work with in this exercise. Pick a group to work with in this exercise.
What kind of group are you interested in (that you are possibly even part of)? Ideas for possible groups: What kind of group are you interested in (that you are possibly even part of)? Ideas for possible groups:

3
content/Section 4 - Digital Infrastructures for Communication/3-step-2.md → content/Section 4 - Infrapunctural Imaginaries (exercise)/3-step-2.md

@ -1,6 +1,5 @@
Title: Step 2: Norms Title: Step 2: Norms
Slug: section-4-step-2 Slug: section-4.3-step-2
Date: 2020-08-25 12:00
What are the conversational norms of the group you have selected? What are the conversational norms of the group you have selected?
What are the norms of the infrastructure? What are the norms of the infrastructure?

3
content/Section 4 - Digital Infrastructures for Communication/4-step-3.md → content/Section 4 - Infrapunctural Imaginaries (exercise)/4-step-3.md

@ -1,6 +1,5 @@
Title: Step 3: Infrapunctures Title: Step 3: Infrapunctures
Slug: section-4-step-3 Slug: section-4.4-step-3
Date: 2020-08-25 12:00
Outline a bot that tackles a specific stress you have identified in the digital communication infrastructure you chose previously. Follow the following steps. Outline a bot that tackles a specific stress you have identified in the digital communication infrastructure you chose previously. Follow the following steps.

3
content/Section 4 - Digital Infrastructures for Communication/5-step-4.md → content/Section 4 - Infrapunctural Imaginaries (exercise)/5-step-4.md

@ -1,6 +1,5 @@
Title: Step 4: Dialogue Writing Title: Step 4: Dialogue Writing
Slug: section-4-step-4 Slug: section-4.5-step-4
Date: 2020-08-25 12:00
Describe the scene in a few sentences: Describe the scene in a few sentences:

2
content/Section 5 - Critical Interventions Through Bots/1-introduction.md → content/Section 5 - Critical Interventions Through Bots (exercise)/1-introduction.md

@ -1,4 +1,4 @@
Title: Introduction Title: Critical Interventions through Bots (exercise)
Slug: section-5-introduction Slug: section-5-introduction
Date: 2020-08-25 12:00 Date: 2020-08-25 12:00

0
content/Section 5 - Critical Interventions Through Bots/2-example-bot.md → content/Section 5 - Critical Interventions Through Bots (exercise)/2-example-bot.md

0
content/Section 5 - Critical Interventions Through Bots/3-situated-bot-code.md → content/Section 5 - Critical Interventions Through Bots (exercise)/3-situated-bot-code.md

6
content/pages/about.md

@ -1,7 +1,7 @@
Title: About this Module Title: About this Module
Date: 2020-08-25 12:00 Date: 2020-08-25 12:00
Slug: about-this-module Slug: about
This is the online module Bots as Digital Infrapunctures, commissioned by the University of Utrecht.
This is the online module Bots as Digital Infrapuncture, commissioned by the University of Utrecht These pages are made with [Pelican](https://getpelican.com/).

28
content/pages/start.md

@ -0,0 +1,28 @@
Title: Start
Slug: start
# Bots as Digital Infrapunctures
Welcome to the online module *Bots as Digital Infrapunctures*. :-)
Inspired by the potential of "digital infrapuncture", a term coined by researcher Deb Verhoeven, this module brings bots and infrastructure together as *infrapunctures*. "Infrapuncture" is a portmanteau word which conflates "infrastructure" and "acupuncture", referring to small-scale interventions that have a catalytic effect on the whole. This module explores what role bots can have as infrastructural "stress relievers".
The module contains a set of exercises, short programming logic introductions and video recordings of invited speakers. You will encounter examples of bots, bot makers and theoretical reflections.
# Goals
By the end of this course you will have analyzed the norms and values embedded in a specific digital environment where group formation and group communication happens (e.g. micro-blogging platforms, groupchats, discussion forums, mailinglists, etc).
Through readings, introductions and exercises, you will have reflected on how infrastructural agency, impact or power is shaped and structured. You will have identified moments of tension and friction within digital infrastructures and considered how a bot could intervene to release stress.
You can go through this module at your own speed. No subscription is required, you can simply start by clicking on the "next" button and follow the instructions.
You will need approximately 4 hours to go through this whole module.
# About this module
This module is written by Cristina Cochior and Manetta Berends who are both part of [Varia](https://varia.zone/en/), a member-based organisation in the South of Rotterdam that works on/with everyday technology.
The module is developed in the context of the *Tool Criticism* course at the [University of Utrecht](https://datafiedsociety.nl/research/) in collaboration with [Creative Coding Utrecht](https://creativecodingutrecht.nl/).
The work is funded by the University of Utrecht and published in November 2020.

27
themes/default/static/css/main.css

@ -27,6 +27,12 @@ nav#menu{
list-style: none; list-style: none;
display: inline-block; display: inline-block;
} }
nav#menu li.active{
background-color: yellow;
}
nav#menu a{
text-decoration: none;
}
section#content{ section#content{
margin: 4em 0; margin: 4em 0;
@ -34,6 +40,12 @@ section#content{
article{ article{
margin: 0 0 2em; margin: 0 0 2em;
} }
article:first-of-type{
background-color:yellow;
padding:2em 3em;
}
/* big pink boxes for the section titles */
h1.category{ h1.category{
width: calc(100% - 4em); width: calc(100% - 4em);
background-color: magenta; background-color: magenta;
@ -44,6 +56,11 @@ h1.category{
text-align: center; text-align: center;
} }
footer{
font-style: normal;
font-size: smaller;
}
/* general elements */ /* general elements */
a, a,
a:visited, a:visited,
@ -51,9 +68,19 @@ a:hover,
a:active{ a:active{
color:inherit; color:inherit;
} }
a.nounderline{
text-decoration: none;
}
hr{ hr{
width: 100%; width: 100%;
border:0; border:0;
border-bottom:1px solid; border-bottom:1px solid;
margin:3em auto; margin:3em auto;
} }
.lastupdate{
font-size: smaller;
margin:4em 0;
color:magenta;
}

21
themes/default/templates/article.html

@ -31,24 +31,9 @@
{{ translations.translations_for(article) }} {{ translations.translations_for(article) }}
</header> </header>
<footer class="post-info"> <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 %} {% if article.category %}
<div class="category"> <div class="category">
Category: <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a> Part of: <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
</div> </div>
{% endif %} {% endif %}
{% if article.tags %} {% if article.tags %}
@ -59,9 +44,9 @@
{% endfor %} {% endfor %}
</div> </div>
{% endif %} {% endif %}
</footer><!-- /.post-info --> </footer>
<div class="entry-content"> <div class="entry-content">
{{ article.content }} {{ article.content }}
</div><!-- /.entry-content --> </div>
</section> </section>
{% endblock %} {% endblock %}

20
themes/default/templates/base.html

@ -19,18 +19,14 @@
{% for title, link in MENUITEMS %} {% for title, link in MENUITEMS %}
<li><a href="{{ link }}">{{ title }}</a></li> <li><a href="{{ link }}">{{ title }}</a></li>
{% endfor %} {% endfor %}
{% if DISPLAY_PAGES_ON_MENU %}
{% for p in pages %}
<li{% if p == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></li>
{% endfor %}
{% endif %}
{% if DISPLAY_CATEGORIES_ON_MENU %} {% if DISPLAY_CATEGORIES_ON_MENU %}
{% for cat, null in categories %} {% for cat, null in categories %}
<li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li> <li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
{% endfor %} {% endfor %}
{% endif %} {% endif %}
<li class="active"><a href="{{ SITEURL }}/categories/">Overview</a></li> <li><a href="{{ SITEURL }}/pages/about.html">About this Module</a></li>
</ul></nav><!-- /#menu --> <li><a href="{{ SITEURL }}/categories">Overview</a></li>
</ul></nav>
<section id="content"> <section id="content">
{% block content %} {% block content %}
@ -39,9 +35,7 @@
<footer id="contentinfo" class="body"> <footer id="contentinfo" class="body">
<hr> <hr>
<address id="about" class="vcard body"> The online module <em>Bots as Digital Infrapunctures</em> is developed in the context of the course <a href="#">Tool Criticism</a> at the <a href="#">University of Utrecht</a>.
The online module Bots as Digital Infrapuncture is developed in the context of the course <a href="#">Tool Criticism</a> at the <a href="#">University of Utrecht</a>. The course itself is made with <a href="https://getpelican.com/">Pelican</a>.
</address>
</footer> </footer>
</body> </body>

6
themes/default/templates/categories.html

@ -7,8 +7,10 @@
{% block content_title %} {% block content_title %}
{% endblock %} {% endblock %}
{% for category, articles in categories|sort %} {% for category, articles in categories | sort %}
<h1 class="category">{{ category }}</h1> <a class="nounderline" href="{{ SITEURL }}/{{ category.url }}" title="Permalink to {{ category|striptags }}">
<h1 class="category">{{ category }}</h1>
</a>
{% for article in articles %} {% for article in articles %}
<article class="hentry"> <article class="hentry">
<header> <header>

7
themes/default/templates/home.html

@ -5,6 +5,11 @@
{% block content_title %} {% block content_title %}
{% endblock %} {% endblock %}
:) {% for page in pages %}
{% if page.title == 'Start' %}
{{ page.content }}
{% endif %}
{% endfor %}
{% endblock content %} {% endblock content %}

2
themes/default/templates/index.html

@ -3,7 +3,7 @@
{% block content_title %} {% block content_title %}
{% endblock %} {% endblock %}
{% for article in articles_page.object_list %} {% for article in articles_page.object_list|sort(attribute="slug")%}
<article class="hentry"> <article class="hentry">
<header> <header>
<h2 class="entry-title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2> <h2 class="entry-title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2>

2
themes/default/templates/page.html

@ -21,7 +21,7 @@
{{ page.content }} {{ page.content }}
{% if page.modified %} {% if page.modified %}
<p> <p class="lastupdate">
Last updated: {{ page.locale_modified }} Last updated: {{ page.locale_modified }}
</p> </p>
{% endif %} {% endif %}

Loading…
Cancel
Save