Commit e5732751 authored by alexandre's avatar alexandre

more pages + fonts

parent d9519db7
@font-face {
font-family: 'TsukurimashouKaku';
src: url("../fonts/TsukurimashouKaku.otf");
font-family: 'TsukurimashouMaruPS';
src: url("../fonts/TsukurimashouMaruPS.otf");
}
body {
font-family: 'TsukurimashouKaku', sans-serif;
font-size: 16px;
line-height: 22px;
font-family: 'TsukurimashouMaruPS', sans-serif;
font-size: 22px;
line-height: 24px;
}
#score {
......
......@@ -7,7 +7,7 @@ window.W = window.W || {};
'use strict';
W.ScoreApp = new Backbone.Marionette.Application({
region: 'body',
region: 'main',
onStart: function(options) {
var router = new W.ScoreRouter({application: this});
......
......@@ -7,11 +7,20 @@ window.W = window.W || {};
'use strict';
W.ScoreController = Backbone.Marionette.Object.extend({
home: function () {
var app = this.getOption('application');
var view = new W.HomeView();
app.showView(view);
},
about: function () {
var app = this.getOption('application');
var view = new W.AboutView();
app.showView(view);
},
scoreList: function () {
var app = this.getOption('application');
// app.getRegion().empty();
var myListView = new W.ScoreListView();
app.showView(myListView);
var view = new W.ScoreListView();
app.showView(view);
},
scoreDetail: function (id) {
var app = this.getOption('application');
......
......@@ -10,8 +10,10 @@ window.W = window.W || {};
// controller: W.ScoreController,
appRoutes: {
'': 'scoreList',
':id(/)': 'scoreDetail',
'': 'home',
'apropos(/)': 'about',
'partitions(/)': 'scoreList',
'partitions/:id(/)': 'scoreDetail',
},
initialize: function (options) {
......
......@@ -1402,11 +1402,7 @@ window.W = window.W || {};
currentPage: 1,
sortKey: "created_at",
order: -1
},
// queryParams: {
// search: "Ménagerie"
// }
}
});
var myListView = new W.ListView({
......@@ -1435,4 +1431,49 @@ window.W = window.W || {};
});
}
});
/**
* Other views
*/
W.AboutView = Backbone.Marionette.View.extend({
template: '#about-template',
});
W.HomeView = Backbone.Marionette.View.extend({
template: '#home-template',
regions: {
latest_updated: '#latest_updated'
},
onRender: function () {
var that = this;
document.title = 'Notation W';
var scoreCollection = new W.ScoreCollection([], {
state: {
pageSize: 10,
firstPage: 1,
currentPage: 1,
sortKey: "updated_at",
order: -1
}
});
var myListView = new W.ListView({
collection: scoreCollection
});
myListView.collection.fetch({
success: function () {
that.showChildView('latest_updated', myListView);
}
});
}
});
})();
......@@ -7,10 +7,17 @@
<title>Notation W</title>
<!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald"> -->
<link rel="stylesheet" href="{% static 'playground/vendors/reset.css' %}">
<link rel="stylesheet" href="{% static 'playground/css/styles.css' %}">
<script id="home-template" type="text/template">
{% include "playground/underscore/home.mtpl" %}
</script>
<script id="about-template" type="text/template">
{% include "playground/underscore/about.mtpl" %}
</script>
<script id="score-list-template" type="text/template">
{% include "playground/underscore/score-list.mtpl" %}
</script>
......@@ -78,6 +85,40 @@
</head>
<body>
<!-- • FR/EN -->
<!-- • ateliers et présentations (agenda) -->
<!-- • texte de présentation (+ lien vers site W) -->
<!-- • “créer une partition W” > MODE EDIT -->
<!-- • “lire des partitions W existantes” > MODE LECTURE -->
<!-- • Aide -->
<!-- • crédits -->
<header>
<div class="logo">
<h1>Organon</h1>
<h2>Un logiciel pour noter l’action performée, développé par W</h2>
</div>
<nav>
<ul>
<li><a href="/">Accueil</a></li>
<li><a href="/apropos/">À propos</a></li> <!-- + crédits -->
<li><a href="/partitions/">Partitions</a></li>
<li><a href="#">Aide</a></li>
{% if user.is_authenticated %}
<li>Bienvenue {{ user.username }} <a href="{% url 'auth_login' %}">Se déconnecter</a></li>
<li><a href="#">Mes partitions</a></li>
{% else %}
<li><a href="{% url 'auth_login' %}">Se connecter</a></li>
<li><a href="{% url 'registration_register' %}">S'inscrire</a></li>
{% endif %}
</ul>
</nav>
</header>
<main></main>
<script src="{% static 'playground/vendors/jquery.min.js' %}"></script>
<script src="{% static 'playground/vendors/underscore-min.js' %}"></script>
<script src="{% static 'playground/vendors/backbone-min.js' %}"></script>
......
<p>La notation W est un système de notation de l’action performée. La notation W permet aussi bien de transcrire une performance qui a déjà eu lieu (dans le cas d’une passation de rôle, par exemple, ou de la constitution d’un répertoire) que d’élaborer la partition générale d’un spectacle à venir. Dans tous les cas, elle se veut un instrument de partage et de clarification des enjeux d’un travail collectif, matérialisés et objectivés par la partition.</p>
<p>La notation W repose sur une succession d’énoncés centrés sur un verbe à l’infinitif, à la manière des instructions ou <em>tasks</em> de chorégraphes et d’artistes tels que Simone Forti, Yvonne Rainer ou Sol LeWitt. Ces énoncés, qui utilisent le langage ordinaire pour désigner l’action en train de se faire (et non son but), W les appelle des axes. Combinés entre eux selon des règles précises, les axes forment la base de la notation W.</p>
<p>La notation W permet d’envisager de manière immédiate l’ensemble des dimensions d’une action performée :</p>
<ul>
<li>sur un plan chronologique, la succession raisonnée des actions performées;</li>
<li>sur un plan analytique, l’explicitation de chaque axe, c’est­à­dire sa subdivision en sous­axes qui en précisent le sens et le contenu, eux­mêmes divisés en sous­sous­axes etc., jusqu’au degré de précision jugé nécessaire par le notateur;</li>
<li>sur un plan paradigmatique, les actions simultanées et/ou alternatives.</li>
</ul>
<p>Une partition W est un système ouvert, qui peut tout à fait contenir des morceaux d’autres systèmes notationnels (la partition d’une fugue de Bach, une chorégraphie de Merce Cunningham générée par LifeForms, le texte de <em>Richard III</em>, un plan de scène). Il ne s’agit donc pas de se substituer à un système de notation existant (la danse ou la musique, par exemple, disposent de systèmes notationnels complets et rigoureux) mais de créer une structure multidimensionnelle permettant d’intégrer leurs partitions (et d’autres : texte, conduites lumière, son enregistré...) dans un ensemble plus vaste et articulé.</p>
<div id="intro">
<p>La notation W est un système de notation de l’action performée. La notation W permet aussi bien de transcrire une performance qui a déjà eu lieu (dans le cas d’une passation de rôle, par exemple, ou de la constitution d’un répertoire) que d’élaborer la partition générale d’un spectacle à venir. Dans tous les cas, elle se veut un instrument de partage et de clarification des enjeux d’un travail collectif, matérialisés et objectivés par la partition.</p>
<p><a href="/apropos/">En savoir plus</a></p>
</div>
<section>
<h1>Partitions mises à jour récemment</h1>
<div id="latest_updated"></div>
</section>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment