From 87a2dfb29e2f1ebaff44295f285b61292bf007e8 Mon Sep 17 00:00:00 2001 From: zeroth Date: Wed, 29 May 2019 10:54:46 +0100 Subject: [PATCH] contextualise fixes and css nicer --- __pycache__/contextualise.cpython-35.pyc | Bin 6122 -> 5869 bytes contextualise.py | 58 +++++--- scores/2019-05-28 23:19:36.925672.txt | 2 + scores/2019-05-28 23:39:15.432278.txt | 1 + scores/2019-05-28 23:40:19.572940.txt | 1 + scores/2019-05-28 23:46:38.741910.txt | 1 + scores/2019-05-29 00:42:53.729578.txt | 6 + static/css/main.css | 160 ++++++++--------------- templates/about.html | 30 ++++- templates/description.html | 2 +- templates/diverge.html | 5 +- templates/home.html | 9 +- templates/layout.html | 29 ++-- templates/theindex.html | 27 ++-- 14 files changed, 184 insertions(+), 147 deletions(-) create mode 100644 scores/2019-05-28 23:19:36.925672.txt create mode 100644 scores/2019-05-28 23:39:15.432278.txt create mode 100644 scores/2019-05-28 23:40:19.572940.txt create mode 100644 scores/2019-05-28 23:46:38.741910.txt create mode 100644 scores/2019-05-29 00:42:53.729578.txt diff --git a/__pycache__/contextualise.cpython-35.pyc b/__pycache__/contextualise.cpython-35.pyc index ae495d511459033d8304c767ce27a29a135cf90d..e215dbe2cfecb0e6270bcb9e1e8463f5e77f651b 100644 GIT binary patch delta 2218 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 G@WnrrvF~&M diff --git a/contextualise.py b/contextualise.py index ea5b642..0c1095e 100644 --- a/contextualise.py +++ b/contextualise.py @@ -104,9 +104,11 @@ for path, subdirs, files in os.walk('./static/files/'): @app.route("/") def home(): sessionid = "current_user.id" + #add the very first time of connection to the interface - # if veryfirstnow is None : - session['veryfirstnow'] = datetime.now() + if session['veryfirstnow'] is None : + session['veryfirstnow'] = datetime.now() + return render_template('home.html', wordlist_dict=wordlist_dict) def functionsession(): return(session) @@ -119,16 +121,22 @@ def context_processor(): @app.route('/about/') def about(): + if session['veryfirstnow'] is None : + session['veryfirstnow'] = datetime.now() + return render_template('about.html') -@app.route('/all/') -def all(): - thefile = listingfiles[positioninarray] - counter2=0 - return render_template('all.html', file=thefile, listingfiles=listingfiles, jsonfiles=jsonfiles, listofdicts=listofdicts, counter2=counter2) +# @app.route('/all/') +# def all(): +# thefile = listingfiles[positioninarray] +# counter2=0 +# return render_template('all.html', file=thefile, listingfiles=listingfiles, jsonfiles=jsonfiles, listofdicts=listofdicts, counter2=counter2) @app.route('/description') def description(): + if session['veryfirstnow'] is None : + session['veryfirstnow'] = datetime.now() + idno=request.args.get('id') jsonfilefordescription = "files/"+idno+"/"+idno+".json" with open("static/"+jsonfilefordescription, 'r') as f: @@ -153,20 +161,23 @@ def description(): @app.route('/diverge', methods=['GET']) def diverge(): + if session['veryfirstnow'] is None : + session['veryfirstnow'] = datetime.now() + searchterm=request.args.get('search') now = datetime.now() #description time session['wordpath'].append(searchterm) session['clicktime'].append(now) return render_template('diverge.html', wordlist_dict=wordlist_dict, searchterm=searchterm, index_dict=index_dict) -@app.route('/listofwords') -def listofwords(): - # r = jsonify(session) - r = str(session) - r0w = session["wordpath"][0] - r0c = session["clicktime"][0] - r0id = session["id"][0] - return render_template('listofwords.html', r=r, r0c=r0c, r0w=r0w, r0id=r0id) +# @app.route('/listofwords') +# def listofwords(): +# # r = jsonify(session) +# r = str(session) +# r0w = session["wordpath"][0] +# r0c = session["clicktime"][0] +# r0id = session["id"][0] +# return render_template('listofwords.html', r=r, r0c=r0c, r0w=r0w, r0id=r0id) ###################################################################################### #THE SCORE STUFF @@ -177,6 +188,9 @@ def listofwords(): @app.route("/get-file") def get_file(): + if session['veryfirstnow'] is None : + session['veryfirstnow'] = datetime.now() + fullscore = None wordpath = session["wordpath"] @@ -185,6 +199,7 @@ def get_file(): veryfirstnow = session['veryfirstnow'] clickongetfiletime = datetime.now() + tadam = None initialtime = None @@ -209,15 +224,19 @@ def get_file(): # print("veryfirstnow : "+str(veryfirstnow)+"\n") + print(wordpath) + print(timelistforoperations) + print(idlist) - for (word, time, uniqueid) in zip(wordpath,timelistforoperations, idlist): + for (word, time) in zip(wordpath,timelistforoperations): + # for (word, time, uniqueid) in zip(wordpath,timelistforoperations, idlist): # print("word : "+word+"\n") # print("timeofclick : "+str(time)+"\n") # print("============") # print(wordpath) # print("============") - filler = int(uniqueid) + # filler = int(uniqueid) upperword = word.upper() #get previous time for substraction @@ -281,6 +300,11 @@ def get_file(): # print("verylastnow : "+str(clickongetfilefime)+"\n") + uniquename = str(clickongetfiletime) + + with open('scores/'+uniquename+'.txt', 'a+') as f: + f.write(tadam) + print(tadam) return Response(tadam, diff --git a/scores/2019-05-28 23:19:36.925672.txt b/scores/2019-05-28 23:19:36.925672.txt new file mode 100644 index 0000000..459466d --- /dev/null +++ b/scores/2019-05-28 23:19:36.925672.txt @@ -0,0 +1,2 @@ +..SOUND-ART-COLLECTIVE...PRACTITIONERS....BOOM...CONCEPT.... +DESIGN.. \ No newline at end of file diff --git a/scores/2019-05-28 23:39:15.432278.txt b/scores/2019-05-28 23:39:15.432278.txt new file mode 100644 index 0000000..1247ee8 --- /dev/null +++ b/scores/2019-05-28 23:39:15.432278.txt @@ -0,0 +1 @@ +OBJECT....2017..... \ No newline at end of file diff --git a/scores/2019-05-28 23:40:19.572940.txt b/scores/2019-05-28 23:40:19.572940.txt new file mode 100644 index 0000000..7992c08 --- /dev/null +++ b/scores/2019-05-28 23:40:19.572940.txt @@ -0,0 +1 @@ +WAY.........GOUDRON.. \ No newline at end of file diff --git a/scores/2019-05-28 23:46:38.741910.txt b/scores/2019-05-28 23:46:38.741910.txt new file mode 100644 index 0000000..06b36b2 --- /dev/null +++ b/scores/2019-05-28 23:46:38.741910.txt @@ -0,0 +1 @@ +..ARTICULATORS... \ No newline at end of file diff --git a/scores/2019-05-29 00:42:53.729578.txt b/scores/2019-05-29 00:42:53.729578.txt new file mode 100644 index 0000000..b6c3fde --- /dev/null +++ b/scores/2019-05-29 00:42:53.729578.txt @@ -0,0 +1,6 @@ +TELCOSYSTEMS................................................ +............................................................ +....................................TELCOSYSTEMS............ +............................................................ +....................................TELCOSYSTEMS.....LIERMAN +......... \ No newline at end of file diff --git a/static/css/main.css b/static/css/main.css index 58aec9c..d88fc4f 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -38,7 +38,7 @@ font-style: roman; body{ - background: #ffffff; + /* background: #ffffff; */ color:black; font-family: 'Montserrat', sans-serif; top:0; @@ -57,6 +57,19 @@ a{ color: white; } +div#wrapper{ + width: 100%; +} +div#top{ + position: relative; + background: white; +} + +div#bottom{ + position: absolute; + width: 100%; +} + /********************************************************/ /* SELECTION */ @@ -78,49 +91,26 @@ a{ div.home{ /* padding: 1em 5em 1em 7.5em; */ padding-left: 9em; - padding-top: 3em; + padding-top: 2em; padding-bottom: 3em; padding-right: 0.5em; text-align: justify; - font-size: 1.3em; + font-size: 1em; } div.home a{ } div.home a:hover{ - /* font-style: italic; */ - /* text-decoration: underline overline dotted red; */ - /* font-weight: bold; */ background: red; color: white; } div.explanation{ - width: 100%; - position: fixed; - bottom: 0; - top: -6.5em; - left: 9em; - right: 0; - background: white; - color: bla; - height: 1em; - padding: 10px 0 10px 10px; - /* width: 6%; */ font-size: 0.75em; - /* font-family: monospace; */ - float: left; - padding-right: 0.7em; - -webkit-transform-origin: 0 50%; - -moz-transform-origin: 0 50%; - -ms-transform-origin: 0 50%; - -o-transform-origin: 0 50%; - transform-origin: 0 50%; - -webkit-transform: rotate(-90deg) translate(-50%, 50%); - -moz-transform: rotate(-90deg) translate(-50%, 50%); - -ms-transform: rotate(-90deg) translate(-50%, 50%); - -o-transform: rotate(-90deg) translate(-50%, 50%); - transform: rotate(-90deg) translate(-50%, 50%); + float: right; + padding-right: 0.75em; + font-style: italic; + } @@ -128,27 +118,24 @@ div.explanation{ /* NAVIGATION */ /********************************************************/ header{ - padding-top: 3em; + position: absolute; + top:13em; + width: 27em; + -webkit-transform-origin: 0 50%; + -moz-transform-origin: 0 50%; + -ms-transform-origin: 0 50%; + -o-transform-origin: 0 50%; + transform-origin: 0 50%; + -webkit-transform: rotate(-90deg) translate(-50%, 50%); + -moz-transform: rotate(-90deg) translate(-50%, 50%); + -ms-transform: rotate(-90deg) translate(-50%, 50%); + -o-transform: rotate(-90deg) translate(-50%, 50%); + transform: rotate(-90deg) translate(-50%, 50%); } #logobox{ - position: fixed; - top: 0; - bottom: 0; - height: 1.5em; - margin: auto; + display: inline-block; background: none; - left: 0; - -webkit-transform-origin: 0 50%; - -moz-transform-origin: 0 50%; - -ms-transform-origin: 0 50%; - -o-transform-origin: 0 50%; - transform-origin: 0 50%; - -webkit-transform: rotate(-90deg) translate(-50%, 50%); - -moz-transform: rotate(-90deg) translate(-50%, 50%); - -ms-transform: rotate(-90deg) translate(-50%, 50%); - -o-transform: rotate(-90deg) translate(-50%, 50%); - transform: rotate(-90deg) translate(-50%, 50%); } #logobox a, #logobox a:visited{ color: black; @@ -157,31 +144,23 @@ header{ color: red; } -h1{ +#logobox h1{ font-size: 2em; line-height: 1.5; - display:inline; - background-color: none; - /* width: 100%; */ } -ul.menu { - margin-left: 0.4em; - margin-top: 2.3em; - position: fixed; - -webkit-transform-origin: 0 50%; - -moz-transform-origin: 0 50%; - -ms-transform-origin: 0 50%; - -o-transform-origin: 0 50%; - transform-origin: 0 50%; - -webkit-transform: rotate(-90deg) translate(-50%, 50%); - -moz-transform: rotate(-90deg) translate(-50%, 50%); - -ms-transform: rotate(-90deg) translate(-50%, 50%); - -o-transform: rotate(-90deg) translate(-50%, 50%); - transform: rotate(-90deg) translate(-50%, 50%); +nav{ + float: right; +} + +nav ul.menu { + font-weight: bold; + float: left; + display: inline-block; text-align: right; } + /********************************************************/ /* TEXT */ /********************************************************/ @@ -194,9 +173,6 @@ a:visited { color:red; } - - - ul{ list-style: none; } @@ -222,7 +198,6 @@ li:hover { img{ max-width: 90%; margin-bottom: 15px; - /* float: left; */ } video{ max-width: 90%; @@ -241,9 +216,6 @@ div{ font-family: 'Compagnon'; font-style: roman; display: block; - background-color: white; - position: fixed; - /* border-bottom: black 1.5px solid; */ width: 100%; top:0; right: 0; @@ -251,16 +223,7 @@ div{ padding: 0; margin: 0; padding: 10px; - z-index: 2; width: auto; - /* background-color: white; */ - /* border:1px blue solid; */ -/* -webkit-transform-origin: right top; - -webkit-transform: rotate(90deg); --moz-transform: rotate(90deg); --o-transform: rotate(90deg); --ms-transform: rotate(90deg); -transform: rotate(90deg); */ } .word{ color:black; @@ -277,13 +240,10 @@ transform: rotate(90deg); */ .text{ float: right; width: 50%; - /* position: relative; */ } .item{ - /* position: relative; */ float: left; width: 50%; - /* vertical-align: top; */ padding-top: 7.8%; } @@ -309,7 +269,6 @@ nav.nav_bottom { margin: 0; padding: 0; height: auto; - z-index: 1000; bottom: 0px; text-transform: uppercase; font-size: 15px; @@ -322,7 +281,6 @@ nav.nav_bottom { background: white; padding-top: 10px; padding-bottom: 10px; - /* border-top:0.05em solid black; */ } nav.nav_bottom div li { @@ -361,56 +319,54 @@ div.diverge_all{ div.diverge_all p{ font-weight: bold; font-size: 1.3em; - margin-left: 14.3em; } div.diverge_list { - width: 40%; + /* width: 40%; */ } div.diverge_list a{ } +span.folder-corner { + font-size: 0.8em; + font-style: italic; +} -div.about{ +/********************************************************/ +/* ABOUT PAGE */ +/********************************************************/ +div.aboutpage{ padding: 1em 5em 1em 7.5em; } -span.folder-corner { - font-size: 0.8em; - font-style: italic; -} /********************************************************/ /* INDEX OF FOLDERS */ /********************************************************/ - +div.allcontentindex{ + padding: 1em 5em 1em 7.5em; +} .foldersindex{ - /* border: black 1px solid; */ width: 35%; padding-top: 50px; padding-bottom: 50px; } .foldersindex a{ color: black; - width: 100%; - /* height: 98%; */ + width: 80%; + height: 98%; display: inline-block; } .foldersindex a:hover{ background-color: red; color: white; width: 100%; - /* height: 98%; */ display: inline-block; } h1.logo a { text-transform: uppercase; } - -div.index_intro { - width: 80%; -} diff --git a/templates/about.html b/templates/about.html index 6a5c88b..0e03f85 100644 --- a/templates/about.html +++ b/templates/about.html @@ -1,17 +1,41 @@ {% extends "layout.html" %} {% block content %} + +
-

About

+

* About the archive

Pushing scores is a two years long project initiated by De Player(*) on music notation and..... The archive is composed of.... The concept for this archive is.... This archive was conceived and developped by.... Using Flask, Jinja, Python, suboptimal brain power. - Performers for the launch... + Performers for the launch...
* De Player is a Rotterdam based polymorphic production platform for performance art, experimental music and visual arts.
** Varia is +

+
+ +
+

* About Pushing Scores

+

Pushing Scores is a two-year artistic research project, initiated by De Player and graphic designer Remco van Bladel. + Throughout 2016 and 2018, this project researched the phenomenon of notation and the graphic representation of music. + It unfolded through a nomadic program which included the creation of newly commissioned artworks and public events addressing contemporary questions and issues in this particular field.

+ What are the possibilities of graphic scores, in a day and age in which graphic notation is still usually seen as a ‘drawing’ serving as some kind of sheet music? In an attempt to redefine this concept, De Player compiled a programme in which artists, musicians, + theoreticians and practitioners were invited to participate. The collective goal was to develop and present new audio-visual and media-technical forms of graphic notation through artistic research and development. Based on our compilation of the most contemporary and innovative graphic notation practices in the fields of music, sound art, performance art, e-culture, new-media art, graphic design and media design, De Player introduced artists and designers from various creative disciplines to a national and international audience, with the goal of collectively developing new forms of graphic notation.

+ + The incentive for this project is the belief that graphic notation in 20th Century avant-garde music and sound art constitutes an important, still radically innovative but wrongfully marginalised form, which can play a key role in the development of new audio-visual languages and media. De Player's ambition, and that of their collaborating partners, was to emancipate graphic notation from the confines of the modernist tradition, in such a way that it may remain an innovative and provocative medium for decades to come.

+ + This archival web publication was generated out of this research. For an overview of the collection that is making up this website, see below.

+
+



+
+

* Colophon

+

Design and development : Cristina Cochior and Julie Boschat Thorez
+ Font :

- {% endblock %} +
+ + {% endblock content %} diff --git a/templates/description.html b/templates/description.html index 4874981..721e1da 100644 --- a/templates/description.html +++ b/templates/description.html @@ -57,7 +57,7 @@ {% if itemid != "01" %} {% set countminus = int_itemid - 1 %} - {% if int_itemid in range(1,9) %} + {% if int_itemid in range(1,11) %} {% set addressminus = "/description?id=" + "0" + countminus|string %} {% else %} {% set addressminus = "/description?id=" + countminus|string %} diff --git a/templates/diverge.html b/templates/diverge.html index 846f65a..188af4c 100644 --- a/templates/diverge.html +++ b/templates/diverge.html @@ -1,6 +1,8 @@ {% extends "layout.html" %} {% block content %} +
+

Sentences that have {{ searchterm }} in common :


{% for word in wordlist_dict %} @@ -18,8 +20,9 @@


{% endfor %}
- {% endif %} {% endfor %} +
+ {% endblock %} diff --git a/templates/home.html b/templates/home.html index 79e2552..7bfb5f9 100644 --- a/templates/home.html +++ b/templates/home.html @@ -2,7 +2,11 @@ {% block content %} - +
+
+ These keywords originate from all the written content embedded within the archive. +
+
{% for word in wordlist_dict %} @@ -10,8 +14,7 @@ {{ word }} • {% endfor %}
-
- These keywords originate from all the written content embedded within the archive. +
{% endblock content %} diff --git a/templates/layout.html b/templates/layout.html index c11c04d..7b9d7e1 100644 --- a/templates/layout.html +++ b/templates/layout.html @@ -7,31 +7,40 @@ -
+
+ +
+ +
+ {% for item in functionsession %} + {{ item }} ▶ + {% endfor %} +
+
-
+ + +
-
- {% for item in functionsession %} - {{ item }} ▶ - {% endfor %} -
{% block content %} {% endblock content %} +
+ diff --git a/templates/theindex.html b/templates/theindex.html index 5b40783..07afc51 100644 --- a/templates/theindex.html +++ b/templates/theindex.html @@ -1,7 +1,21 @@ {% extends "layout.html" %} {% block content %} -
+
+ +

* Folders index

+ +
+ +{% block index %} + {% for each in index_dict %} + {% set address = "/description?id=" + each %} + {{index_dict[each]}}
+ {% endfor %} +{% endblock index %} + + -{% block index %} - {% for each in index_dict %} - {% set address = "/description?id=" + each %} - {{index_dict[each]}}
- {% endfor %} -{% endblock index %}
- +
{% endblock %}