While contemporary social media have been critiqued for their ephemeral effects on activist politics, the mailing list has proven an enduring venue for geographically dispersed communities to participate remain in dialogue over the course of decades. Founded in Amsterdam in 1995, the Nettime mailing list (http://nettime.org) has played host to a community of activists and media artists and help to launch or establish the careers of a number of prominent new media theorists and Internet critics. Established in an era prior to the corporatization of the Web, over the course of its twenty first years (1995-2016), Nettime has continued to discuss the Web in terms of the radical political possibilities with which it was imagined in its ‘salad days’.
+
This project aims to trace the evolution of Nettime (more precisely nettime-l) through a survey of its mailing list's archive (http://nettime.org/archives.php).
+
Questions
+
During our quick investigation of Nettime's list structure and content, we came up with three main clusters of questions that we subsequently approached in our study.
+
+
List activity: As a mailing list, Nettime is popularly associated with mid-90's / early 2000's media activism, yet it continues to be active to this day.
+
+
When was Nettime most active?
+
Does Nettime have periods and/or cohorts?
+
+
List vigour: A mailing list's health may, perhaps, be seen as a function of the extent to which it is a space of dialogue.
+
+
When was Nettime at its most dialogical?
+
What can be a sound measure of Nettime's vigour (over time)?
+
+
Outspokeness: Mailing lists, such as Nettime, tend to be dominated by strong personalities/stark intellectual and political convictions.
+
+
Who have been (are) Nettime's most prolific contributors?
+
Is there different kinds of contributions (posting, threads/replies)?
+
How might one begin to periodize the list in light of these contributions?
+
Does Nettime have cliques?
+
+
+
It is worth noting that our study is not (at this stage) a discourse analysis of the content of the mailing list per se. Rather, we used the structure of the list itself (the "meta-data" so to speak) to infer a type of "time series" of the networked activity that occured on the list in the past 21 years (1995-2016).
+
+
+
\ No newline at end of file
diff --git a/docs/index.md b/docs/index.md
new file mode 100644
index 0000000..cc78149
--- /dev/null
+++ b/docs/index.md
@@ -0,0 +1,94 @@
+---
+title: Nettime Survey (1995-2016)
+---
+
+#Synopsis
+
+While contemporary social media have been critiqued for their ephemeral effects on activist politics, the mailing list has proven an enduring venue for geographically dispersed communities to participate remain in dialogue over the course of decades. Founded in Amsterdam in 1995, the Nettime mailing list ([http://nettime.org](http://nettime.org)) has played host to a community of activists and media artists and help to launch or establish the careers of a number of prominent new media theorists and Internet critics. Established in an era prior to the corporatization of the Web, over the course of its twenty first years (1995-2016), Nettime has continued to discuss the Web in terms of the radical political possibilities with which it was imagined in its ‘salad days’.
+
+This project aims to trace the evolution of Nettime (more precisely nettime-l) through a survey of its mailing list's archive ([http://nettime.org/archives.php](http://nettime.org/archives.php)).
+
+#Questions
+
+During our quick investigation of Nettime's list structure and content, we came up with three main clusters of questions that we subsequently approached in our study.
+
+* List activity: As a mailing list, Nettime is popularly associated with mid-90's / early 2000's media activism, yet it continues to be active to this day.
+
+ * When was Nettime most active?
+ * Does Nettime have periods and/or cohorts?
+
+* List vigour: A mailing list's health may, perhaps, be seen as a function of the extent to which it is a space of dialogue.
+
+ * When was Nettime at its most dialogical?
+ * What can be a sound measure of Nettime's vigour (over time)?
+
+* Outspokeness: Mailing lists, such as Nettime, tend to be dominated by strong personalities/stark intellectual and political convictions.
+
+ * Who have been (are) Nettime's most prolific contributors?
+ * Is there different kinds of contributions (posting, threads/replies)?
+ * How might one begin to periodize the list in light of these contributions?
+ * Does Nettime have cliques?
+
+It is worth noting that our study is not (at this stage) a discourse analysis of the content of the mailing list per se. Rather, we used the structure of the list itself (the "meta-data" so to speak) to infer a type of "time series" of the networked activity that occured on the list in the past 21 years (1995-2016).
+
+##Activity
+
+
+
+
+
+
+
+
+
+<--html_msgs_threads_replies_avg_rep_msg_thrd-->
+<--html_activity_from_ranking-->
+<--html_threads_replies_to_ranking-->
+<--html_threads_initiated_from_ranking-->
+
+##Vigour
+<--html_threads_activity_threads_initiated_avg_ranking-->
+<--html_threads_initiated_replies_avg_ranking-->
+<--html_replies_ranking-->
+
+##Outspokenness
+<--html_replies_avg_ranking-->
+<--html_threads_ranking_year-->
diff --git a/docs/makefile b/docs/makefile
new file mode 100644
index 0000000..41b7d8b
--- /dev/null
+++ b/docs/makefile
@@ -0,0 +1,23 @@
+# generates docs
+
+ARCHIVE := archives/nettime-l_2016-12-31.json.gz
+CMDSCRIPT := command-script.json
+
+all: init index.html clean-stage
+
+init:
+ @command -v pandoc > /dev/null 2>&1 || (echo 'pandoc not found... please visit -- http://johnmacfarlane.net/pandoc/installing.html' && exit 1)
+
+%.stage.md: index.md
+ python ../report.py -i $(CMDSCRIPT) -o index.stage.md -t index.md
+
+%.html: %.stage.md
+ pandoc -s --template style/template.html5 -c style/style.css -o $@ $<
+
+clean-stage:
+ rm -rf *.stage.md
+
+clean:
+ rm -rf *.hml *.txt
+
+.PHONY: init clean clean-stage
\ No newline at end of file
diff --git a/docs/style/style.css b/docs/style/style.css
new file mode 100644
index 0000000..df26e5f
--- /dev/null
+++ b/docs/style/style.css
@@ -0,0 +1,504 @@
+/*
+ Style.css
+ A revised Pandoc/Markdown/Multi-Markdown CSS stylesheet tailored for html5
+ output for the wwwriting site hosted on ....
+ Author: gauthiier
+ Revised: 10 Feb 2015
+
+ This file is based on:
+
+ Buttondown
+ A Markdown/MultiMarkdown/Pandoc HTML output CSS stylesheet
+ Author: Ryan Gray
+ Date: 15 Feb 2011
+ Revised: 21 Feb 2012
+
+ General style is clean, with minimal re-definition of the defaults or
+ overrides of user font settings. The body text and header styles are
+ left alone except title, author and date classes are centered. A Pandoc TOC
+ is not printed, URLs are printed after hyperlinks in parentheses.
+ Block quotes are italicized. Tables are lightly styled with lines above
+ and below the table and below the header with a boldface header. Code
+ blocks are line wrapped.
+
+ All elements that Pandoc and MultiMarkdown use should be listed here, even
+ if the style is empty so you can easily add styling to anything.
+
+ There are some elements in here for HTML5 output of Pandoc, but I have not
+ gotten around to testing that yet.
+*/
+
+/* NOTES:
+
+ Stuff tried and failed:
+
+ It seems that specifying font-family:serif in Safari will always use
+ Times New Roman rather than the user's preferences setting.
+
+ Making the font size different or a fixed value for print in case the screen
+ font size is making the print font too big: Making font-size different for
+ print than for screen causes horizontal lines to disappear in math when using
+ MathJax under Safari.
+*/
+
+/* ---- Front Matter ---- */
+
+/* Pandoc header DIV. Contains .title, .author and .date. Comes before div#TOC.
+ Only appears if one of those three are in the document.
+*/
+
+div#header, header
+ {
+ /* Put border on bottom. Separates it from TOC or body that comes after it. */
+ border-bottom: 1px solid #aaa;
+ margin-bottom: 0.5em;
+ }
+
+.title /* Pandoc title header (h1.title) */
+ {
+ text-align: center;
+ }
+
+.author, .date /* Pandoc author(s) and date headers (h2.author and h3.date) */
+ {
+ text-align: center;
+ }
+
+/* Pandoc table of contents DIV when using the --toc option.
+ NOTE: this doesn't support Pandoc's --id-prefix option for #TOC and #header.
+ Probably would need to use div[id$='TOC'] and div[id$='header'] as selectors.
+*/
+
+div#TOC, nav#TOC
+ {
+ /* Put border on bottom to separate it from body. */
+ border-bottom: 1px solid #aaa;
+ margin-bottom: 0.5em;
+ }
+
+@media print
+ {
+ div#TOC, nav#TOC
+ {
+ /* Don't display TOC in print */
+ display: none;
+ }
+ }
+
+/* ---- Headers and sections ---- */
+
+h1, h2, h3, h4, h5, h6
+{
+ /* font-family: "Helvetica Neue", Helvetica, "Liberation Sans", Calibri, Arial, sans-serif; /* Sans-serif headers */
+
+ font-family: "Liberation Serif", "Georgia", "Times New Roman", serif; /* Serif headers */
+
+ page-break-after: avoid; /* Firefox, Chrome, and Safari do not support the property value "avoid" */
+}
+
+/* Pandoc with --section-divs option */
+
+div div, section section /* Nested sections */
+ {
+ margin-left: 2em; /* This will increasingly indent nested header sections */
+ }
+
+p {}
+
+/* Main container for the whole content / body section -- html5 */
+content {
+ padding: 0.9em;
+ max-width: 45em;
+ display: block;
+ text-align: justify;
+ margin: auto;
+ word-wrap: break-word;
+}
+
+.references {
+ text-align: left;
+}
+
+blockquote
+ {
+ font-style: italic;
+ }
+
+li /* All list items */
+ {
+ }
+
+li > p /* Loosely spaced list item */
+ {
+ margin-top: 1em; /* IE: lack of space above a
when the item is inside a
*/
+ }
+
+ul /* Whole unordered list */
+ {
+ }
+
+ul li /* Unordered list item */
+ {
+ }
+
+ol /* Whole ordered list */
+ {
+ }
+
+ol li /* Ordered list item */
+ {
+ }
+
+hr {}
+
+/* ---- Some span elements --- */
+
+sub /* Subscripts. Pandoc: H~2~O */
+ {
+ }
+
+sup /* Superscripts. Pandoc: The 2^nd^ try. */
+ {
+ }
+
+em /* Emphasis. Markdown: *emphasis* or _emphasis_ */
+ {
+ }
+
+em > em /* Emphasis within emphasis: *This is all *emphasized* except that* */
+ {
+ font-style: normal;
+ }
+
+strong /* Markdown **strong** or __strong__ */
+ {
+ }
+
+/* ---- Links (anchors) ---- */
+
+a /* All links */
+ {
+ /* Keep links clean. On screen, they are colored; in print, they do nothing anyway. */
+ text-decoration: none;
+ }
+
+@media screen
+ {
+ a:hover
+ {
+ /* On hover, we indicate a bit more that it is a link. */
+ text-decoration: underline;
+ }
+ }
+
+@media print
+ {
+ a {
+ /* In print, a colored link is useless, so un-style it. */
+ color: black;
+ background: transparent;
+ }
+
+ a[href^="http://"]:after, a[href^="https://"]:after
+ {
+ /* However, links that go somewhere else, might be useful to the reader,
+ so for http and https links, print the URL after what was the link
+ text in parens
+ */
+ content: " (" attr(href) ") ";
+ font-size: 90%;
+ }
+ }
+
+/* ---- Images ---- */
+
+img
+ {
+ /* Let it be inline left/right where it wants to be, but verticality make
+ it in the middle to look nicer, but opinions differ, and if in a multi-line
+ paragraph, it might not be so great.
+ */
+ vertical-align: middle;
+ max-width: 100%;
+ }
+
+div.figure /* Pandoc figure-style image */
+ {
+ /* Center the image and caption */
+ margin-left: auto;
+ margin-right: auto;
+ text-align: center;
+ font-style: italic;
+ }
+
+/** EXXXTRA **/
+figure /* Pandoc figure-style image */
+ {
+ /* Center the image and caption */
+ margin-left: auto;
+ margin-right: auto;
+ text-align: center;
+ font-style: italic;
+ }
+
+p.caption /* Pandoc figure-style caption within div.figure */
+ {
+ /* Inherits div.figure props by default */
+ }
+
+.inline-img
+{
+ display: block;
+ margin-right: auto;
+ margin-left: auto;
+}
+
+/* ---- Code blocks and spans ---- */
+
+pre, code
+ {
+ background-color: #fdf7ee;
+ /* BEGIN word wrap */
+ /* Need all the following to word wrap instead of scroll box */
+ /* This will override the overflow:auto if present */
+ white-space: pre-wrap; /* css-3 */
+ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
+ white-space: -pre-wrap; /* Opera 4-6 */
+ white-space: -o-pre-wrap; /* Opera 7 */
+ word-wrap: break-word; /* Internet Explorer 5.5+ */
+ /* END word wrap */
+ }
+
+pre /* Code blocks */
+ {
+ /* Distinguish pre blocks from other text by more than the font with a background tint. */
+ padding: 0.5em; /* Since we have a background color */
+ border-radius: 5px; /* Softens it */
+ /* Give it a some definition */
+ border: 1px solid #aaa;
+ /* Set it off left and right, seems to look a bit nicer when we have a background */
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+ }
+
+@media screen
+ {
+ pre
+ {
+ /* On screen, use an auto scroll box for long lines, unless word-wrap is enabled */
+ white-space: pre;
+ overflow: auto;
+ /* Dotted looks better on screen and solid seems to print better. */
+ border: 1px dotted #777;
+ }
+ }
+
+code /* All inline code spans */
+ {
+ }
+
+p > code, li > code /* Code spans in paragraphs and tight lists */
+ {
+ /* Pad a little from adjacent text */
+ padding-left: 2px;
+ padding-right: 2px;
+ }
+
+li > p code /* Code span in a loose list */
+ {
+ /* We have room for some more background color above and below */
+ padding: 2px;
+ }
+
+/* ---- Math ---- */
+
+span.math /* Pandoc inline math default and --jsmath inline math */
+ {
+ /* Tried font-style:italic here, and it messed up MathJax rendering in some browsers. Maybe don't mess with at all. */
+ }
+
+div.math /* Pandoc --jsmath display math */
+ {
+ }
+
+span.LaTeX /* Pandoc --latexmathml math */
+ {
+ }
+
+eq /* Pandoc --gladtex math */
+ {
+ }
+
+/* ---- Tables ---- */
+
+/* A clean textbook-like style with horizontal lines above and below and under
+ the header. Rows highlight on hover to help scanning the table on screen.
+*/
+
+/*table {
+ width: 100%;
+}
+
+table, th, td {
+ border: 1px solid black;
+ text-align: center;
+}
+*/
+
+table
+ {
+
+ width: 100%;
+
+/* border-collapse: collapse;
+*/
+
+ border: 1pt solid black;
+
+ /* Center */
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+thead /* Entire table header */
+ {
+ border-bottom: 1pt solid #000;
+ background-color: #eee; /* Does this BG print well? */
+ }
+
+tr.header /* Each header row */
+ {
+ }
+
+tbody /* Entire table body */
+ {
+ }
+
+/* Table body rows */
+
+tr {
+ border: 1pt solid black;
+ }
+tr.odd:hover, tr.even:hover /* Use .odd and .even classes to avoid styling rows in other tables */
+ {
+ background-color: #eee;
+ }
+
+/* Odd and even rows */
+tr.odd {}
+tr.even {}
+
+td, th /* Table cells and table header cells */
+ {
+ vertical-align: top; /* Word */
+ vertical-align: baseline; /* Others */
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ padding-top: 0.2em;
+ padding-bottom: 0.2em;
+ border: 1pt solid black;
+ }
+
+/* Removes padding on left and right of table for a tight look. Good if thead has no background color*/
+/*
+tr td:last-child, tr th:last-child
+ {
+ padding-right: 0;
+ }
+tr td:first-child, tr th:first-child
+ {
+ padding-left: 0;
+ }
+*/
+
+th /* Table header cells */
+ {
+ font-weight: bold;
+ }
+
+tfoot /* Table footer (what appears here if caption is on top?) */
+ {
+ }
+
+caption /* This is for a table caption tag, not the p.caption Pandoc uses in a div.figure */
+ {
+ caption-side: top;
+ border: none;
+ font-size: 0.9em;
+ font-style: italic;
+ text-align: center;
+ margin-bottom: 0.3em; /* Good for when on top */
+ padding-bottom: 0.2em;
+ }
+
+/* ---- Definition lists ---- */
+
+dl /* The whole list */
+ {
+ border-top: 2pt solid black;
+ padding-top: 0.5em;
+ border-bottom: 2pt solid black;
+ }
+
+dt /* Definition term */
+ {
+ font-weight: bold;
+ }
+
+dd+dt /* 2nd or greater term in the list */
+ {
+ border-top: 1pt solid black;
+ padding-top: 0.5em;
+ }
+
+dd /* A definition */
+ {
+ margin-bottom: 0.5em;
+ }
+
+dd+dd /* 2nd or greater definition of a term */
+ {
+ border-top: 1px solid black; /* To separate multiple definitions */
+ }
+
+/* ---- Footnotes ---- */
+
+a.footnote, a.footnoteRef { /* Pandoc, MultiMarkdown footnote links */
+ font-size: small;
+ vertical-align: text-top;
+}
+
+a[href^="#fnref"], a.reversefootnote /* Pandoc, MultiMarkdown, ?? footnote back links */
+ {
+ }
+
+@media print
+ {
+ a[href^="#fnref"], a.reversefootnote /* Pandoc, MultiMarkdown */
+ {
+ /* Don't display these at all in print since the arrow is only something to click on */
+ display: none;
+ }
+ }
+
+div.footnotes /* Pandoc footnotes div at end of the document */
+ {
+ }
+
+div.footnotes li[id^="fn"] /* A footnote item within that div */
+ {
+ }
+
+/* You can class stuff as "noprint" to not print.
+ Useful since you can't set this media conditional inside an HTML element's
+ style attribute (I think), and you don't want to make another stylesheet that
+ imports this one and adds a class just to do this.
+*/
+
+@media print
+ {
+ .noprint
+ {
+ display:none;
+ }
+ }
diff --git a/docs/style/template.html5 b/docs/style/template.html5
new file mode 100644
index 0000000..64ef71e
--- /dev/null
+++ b/docs/style/template.html5
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+$for(author-meta)$
+
+$endfor$
+$if(date-meta)$
+
+$endif$
+ $if(title-prefix)$$title-prefix$ - $endif$$pagetitle$
+
+
+$if(quotes)$
+
+$endif$
+$if(highlighting-css)$
+
+$endif$
+$for(css)$
+
+$endfor$
+$if(math)$
+ $math$
+$endif$
+$for(header-includes)$
+ $header-includes$
+$endfor$
+
+
+$for(include-before)$
+$include-before$
+$endfor$
+
+$if(title)$
+
+
+