contextualise fixes and css nicer

5 years ago · 87a2dfb29e
14 changed files with 184 additions and 147 deletions
--- a/pycache/contextualise.cpython-35.pyc
+++ b/pycache/contextualise.cpython-35.pyc
--- 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,
--- a/23:19:36.925672.txt
+++ b/23:19:36.925672.txt
@ -0,0 +1,2 @@
+..SOUND-ART-COLLECTIVE...PRACTITIONERS....BOOM...CONCEPT....
+DESIGN..
--- a/23:39:15.432278.txt
+++ b/23:39:15.432278.txt
@ -0,0 +1 @@
+OBJECT....2017.....
--- a/23:40:19.572940.txt
+++ b/23:40:19.572940.txt
@ -0,0 +1 @@
+WAY.........GOUDRON..
--- a/23:46:38.741910.txt
+++ b/23:46:38.741910.txt
@ -0,0 +1 @@
+..ARTICULATORS...
--- a/00:42:53.729578.txt
+++ b/00:42:53.729578.txt
@ -0,0 +1,6 @@
+TELCOSYSTEMS................................................
+............................................................
+....................................TELCOSYSTEMS............
+............................................................
+....................................TELCOSYSTEMS.....LIERMAN
+.........
--- 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%;
-}
--- a/templates/about.html
+++ b/templates/about.html
@ -1,17 +1,41 @@
      	{% extends "layout.html" %}
 		{% block content %}
+
+    <div class="aboutpage">
       <div class="about">
-         <h1>About</h1>
+         <h3>* About the archive</h3>
         <p>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...
         	<br />
         	* De Player is a Rotterdam based polymorphic production platform for performance art, experimental music and visual arts. <br />
         	** Varia is
+         </p>
+       </div>
+
+       <div class="index_intro">
+         <h3>* About Pushing Scores</h3>
+       	<p>Pushing  Scores is a two-year artistic research project, initiated by <a target="_blank" href="https://www.deplayer.nl/">De Player</a> 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.<br><br>

+       	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, <a target="_blank" href="https://www.deplayer.nl/">De Player</a> 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, <a target="_blank"href="https://www.deplayer.nl/">De Player</a> 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.<br><br>
+
+       	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. <a target="_blank" href="https://www.deplayer.nl/">De Player</a>'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.<br><br>
+
+       	This archival web publication was generated out of this research. For an overview of the collection that is making up this website, see below.</p>
+       </div>
+       <br /><br /><br /><br />
+       <div class="colophon">
+         <h3>* Colophon</h3>
+         <p> Design and development : Cristina Cochior and Julie Boschat Thorez <br />
+              Font :
         </p>
       </div>
-       {% endblock %}
+      </div>
+
+       {% endblock content %}
--- 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 %}
--- a/templates/diverge.html
+++ b/templates/diverge.html
@ -1,6 +1,8 @@
 {% extends "layout.html" %}
 {% block content %}

+<div class="description">
+
 <div class="diverge_all">
 <p>Sentences that have <i>{{ searchterm }}</i> in common : </p><br>
 {% for word in wordlist_dict %}
@ -18,8 +20,9 @@
        <br><br><br>
    {% endfor %}
    </div>
-
  {% endif %}
 {% endfor %}
+</div>
+
 </div>
 {% endblock %}
--- a/templates/home.html
+++ b/templates/home.html
@ -2,7 +2,11 @@
 {% block content %}


-
+<div class="homecontent">
+	<div class="explanation">
+		These keywords originate from all the written content embedded within the archive.
+	</div>
+	
 <div class="home">

 			{% for word in wordlist_dict %}
@ -10,8 +14,7 @@
 		       <a href={{address}}>{{ word }}</a> •
 			{% endfor %}
 </div>
-<div class="explanation">
-	These keywords originate from all the written content embedded within the archive.
+
 </div>

 {% endblock content %}
--- a/templates/layout.html
+++ b/templates/layout.html
@ -7,31 +7,40 @@
    <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
  </head>
      <body>
-        <header>

+<div id="wrapper">
+
+<div id="top">
+<!-- WORDPATH -->
+<div id="thewordpath">
+  {% for item in functionsession %}
+    <span class="word">{{ item }} ▶ </span>
+  {% endfor %}
+</div>
+</div>

-          <div class="container">
+<div id="bottom">
+  <!-- THE REST -->
+        <header>
+          <!-- <div class="container"> -->
            <div id="logobox">
            <h1 class="logo"><a href="{{ url_for('home') }}">Pushing Scores</a></h1>
          </div>

-            <strong><nav>
+            <nav>
              <ul class="menu">
                <li><a href="{{ url_for('about') }}">About</a></li>
                <li><a href="{{ url_for('index') }}">Index</a></li>
                <li><a href="{{ url_for('get_file') }}">Score</a></li>
              </ul>
-            </nav></strong>
-          </div>
+            </nav>
+          <!-- </div> -->
        </header>
-        <div id="thewordpath">
-          {% for item in functionsession %}
-            <span class="word">{{ item }} ▶ </span>
-          {% endfor %}
-        </div>

        {% block content %}
        {% endblock content %}

+</div>
+</div>
      </body>
    </html>
--- a/templates/theindex.html
+++ b/templates/theindex.html
@ -1,7 +1,21 @@
 {% extends "layout.html" %}
 {% block content %}

-<div class="index_intro">
+<div class="allcontentindex">
+
+<h1>* Folders index</h1>
+
+<div class="foldersindex">
+
+{% block index %}
+	{% for each in index_dict %}
+		{% set address = "/description?id=" + each %}
+		<a href={{address}}>{{index_dict[each]}}</a> <br />
+	{% endfor %}
+{% endblock index %}
+<!-- </div> -->
+<!--
+<div class="index_intro column">
 	Pushing  Scores is a two-year artistic research project, initiated by <a target="_blank" href="https://www.deplayer.nl/">De Player</a> 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.<br><br>
@ -12,15 +26,8 @@
 	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. <a target="_blank" href="https://www.deplayer.nl/">De Player</a>'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.<br><br>

 	This archival web publication was generated out of this research. For an overview of the collection that is making up this website, see below.
-</div>
-<div class="foldersindex">
+</div> -->

-{% block index %}
-	{% for each in index_dict %}
-		{% set address = "/description?id=" + each %}
-		<a href={{address}}>{{index_dict[each]}}</a> <br />
-	{% endfor %}
-{% endblock index %}
 </div>
-
+</div>
 {% endblock %}