From ad3e494d475f255aeeb507e8b71a6dfb409380dc Mon Sep 17 00:00:00 2001 From: Michael Murtaugh Date: Mon, 8 Jul 2019 20:28:29 +0200 Subject: [PATCH] splitscreen is in fact a simplification to work with --- splitscreen.css | 283 +++++++++++++++++++++++++++++++++++++++++++++++ splitscreen.html | 28 +++++ src/legend.json | 42 +++++++ 3 files changed, 353 insertions(+) create mode 100644 splitscreen.css create mode 100644 splitscreen.html create mode 100644 src/legend.json diff --git a/splitscreen.css b/splitscreen.css new file mode 100644 index 0000000..8744d44 --- /dev/null +++ b/splitscreen.css @@ -0,0 +1,283 @@ +/* F O N T E S */ +@font-face { + font-family: "Combined"; + src: url('/typo/Combined/combined.otf'); + font-style: normal; + font-weight: normal; +} + +@font-face { + font-family: 'combinedregular'; + src: url('/typo/Combined/web/combined.eot'); + src: url('/typo/Combined/web/combined.eot?#iefix') format('embedded-opentype'), + url('/typo/Combined/web/combined.woff2') format('woff2'), + url('/typo/Combined/web/combined.woff') format('woff'), + url('/typo/Combined/web/combined.ttf') format('truetype'), + url('/typo/Combined/web/combined.svg#combinedregular') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'wremena'; + src: url('typo/Wremema/webfont/wremena_bold-webfont.woff2') format('woff2'), + url('typo/Wremema/webfont/wremena_bold-webfont.woff') format('woff'), + url('typo/Wremema/webfont/wremena_bold-webfont.ttf') format('truetype'), + url('typo/Wremema/webfont/wremena_bold-webfont.svg#wremenabold') format('svg'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'wremena'; + src: url('typo/Wremema/webfont/wremena_regular-webfont.woff2') format('woff2'), + url('typo/Wremema/webfont/wremena_regular-webfont.woff') format('woff'), + url('typo/Wremema/webfont/wremena_regular-webfont.ttf') format('truetype'), + url('typo/Wremema/webfont/wremena_regular-webfont.svg#wremenaregular') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'wremena'; + src: url('typo/Wremema/webfont/wremena_light-webfont.woff2') format('woff2'), + url('typo/Wremema/webfont/wremena_light-webfont.woff') format('woff'), + url('typo/Wremema/webfont/wremena_light-webfont.ttf') format('truetype'), + url('typo/Wremema/webfont/wremena_light-webfont.svg#wremenalight') format('svg'); + font-weight: normal; + font-style: 200; +} + +@font-face { + font-family: 'Coupeur Monospace Bold'; + src: url('/typo/Coupeur/webfont/CoupeurMonospace-Bold.eot'); /* IE9 Compat Modes */ + src: url('/typo/Coupeur/webfont/CoupeurMonospace-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/typo/Coupeur/webfont/CoupeurMonospace-Bold.woff') format('woff'), /* Modern Browsers */ + url('/typo/Coupeur/webfont/CoupeurMonospace-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/typo/Coupeur/webfont/CoupeurMonospace-Bold.svg#fcf36b8f65c0f0737cd36a2be6922659') format('svg'); /* Legacy iOS */ + + font-style: normal; + font-weight: 700; +} + +@font-face { + font-family: 'Coupeur Monospace Normal'; + src: url('/typo/Coupeur/webfont/CoupeurMonospace-Normal.eot'); /* IE9 Compat Modes */ + src: url('/typo/Coupeur/webfont/CoupeurMonospace-Normal.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/typo/Coupeur/webfont/CoupeurMonospace-Normal.woff') format('woff'), /* Modern Browsers */ + url('/typo/Coupeur/webfont/CoupeurMonospace-Normal.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/typo/Coupeur/webfont/CoupeurMonospace-Normal.svg#4b219f539d302a6ffd9fd41e2da16172') format('svg'); /* Legacy iOS */ + + font-style: normal; + font-weight: 400; +} + + + +body { + margin: 0; + padding: 0; + background: #f1f2f3; + overflow: hidden; +} + + +.links line { + stroke: #aaa; + /*stroke: none;*/ +} + +.links line.active2 { + stroke: red; +} + +.links line.history { + stroke: purple; +} + +.active { + stroke: red; +} + +.category circle { + fill: yellow; +} + +.web circle { + fill: purple; +} + +.news circle { + fill: lightgray; +} + +.template circle { + fill: lightgreen; +} + +.discussion circle { + fill: aqua; +} + + + +svg { + position: absolute; + left: 0; top: 0; right: 0; bottom: 0; + font: 10px sans-serif; +} + +svg g.page { + cursor: pointer; +} + +svg g.page text { + visibility: hidden; + fill: #222; + font: 12px sans-serif; +} + +svg g.active text { + visibility: visible; +} + +svg g.mouse text { + visibility: visible; +} + +use { + fill: #EEE; + stroke: black; +} + +.active use { + fill: #FFF; + stroke: red; +} + +.active text { + stroke: black; +} + +.active2 use { + fill: #FFF; + stroke: red; +} + +.highlight use { + fill: #FFF; + stroke: orange; +} + + +/* Categories */ + +#cats { + /*display: none;*/ + position: absolute; + left: 10px; + bottom: 30px; + background: #FFFFFFFF; + border-radius: 24px; + padding: 10px; + font-size: 12px; +} +#cats .head { + display: none; +} +/* showall class */ +#cats div.cat { + display: none; +} +#cats div.cat span.spacing { + display: none; +} +#cats div.cat.icon { + display: block; + background-position: center center; +} +#cats.showall div.cat { + display: block; +} +#cats.showall div.cat span.spacing { + display: inline; +} + +#cats .contents { + overflow: auto; +} +#cats .contents .scroll {} + +#cats .botright { + position: absolute; + right: 0; + bottom: 0; +} + +#cats .botright .thumb { + position: absolute; + left: 0; + bottom: 0; + width: 32px; + height: 32px; + background: #FFFFFFDD; +} +#cats div.cat span.icon { + position: relative; + top: 4px; + display: inline-block; + width: 18px; + height: 18px; + background-repeat: no-repeat; + margin-right: 4px; +} +#cats div.cat span.count { + display: none; + padding: 0px 3px; + background: #DDD; + color: #444; + font-size: 10px; + margin-left: 4px; +} +#cats div.cat a { + color: black; + text-decoration: none; +} +#cats hr { + color: white; +} + + +#page { + position: absolute; + left: 0; right: 50%; + top: 0; + bottom: 0; +} + +#wikiframediv { + position: absolute; + left: 50%; top: 0; + right: 0; bottom: 0; +} +#wikiframediv iframe { + width: 100%; + height: 100%; + border: none; +} + +/* MEDIAWIKI PAGE */ +.header-container { + display: none !important; +} + +iframe form.header { + display: none; +} +/*ul#page-actions { + display: none; +} +*/ +a.talk { + display:none; +} \ No newline at end of file diff --git a/splitscreen.html b/splitscreen.html new file mode 100644 index 0000000..cda7f1a --- /dev/null +++ b/splitscreen.html @@ -0,0 +1,28 @@ + + + + école de recherche graphique + + + + + + +
+ +
+
+
Liste des catégories
+
+
+
+
+
+
+
+ +
+ + + + diff --git a/src/legend.json b/src/legend.json new file mode 100644 index 0000000..2a1a59d --- /dev/null +++ b/src/legend.json @@ -0,0 +1,42 @@ +[ + { + "key" : "Orientations", + "symbol" : "symbols.svg#Orientations", + "icon": "img/Orientations.png" + }, + { + "key" : "Ateliers pluridisciplinaires", + "symbol" : "symbols.svg#Ateliers_pluridisciplinaires", + "icon" : "img/Ateliers_pluridisciplinaires.png" + }, + { + "key" : "Cours de soutien à l'orientation", + "symbol" : "symbols.svg#Cours_de_soutien_a_l'orientation", + "icon" : "img/Cours_de_soutien_a_lorientation.png" + }, + { + "key" : "Cours de soutien spécifique", + "symbol" : "symbols.svg#Cours_de_soutien_specifique", + "icon" : "img/Cours_de_soutien_specifique.png" + }, + { + "key" : "Cours techniques", + "symbol" : "symbols.svg#Cours_techniques", + "icon" : "img/Cours_techniques.png" + }, + { + "key" : "Cours théoriques", + "symbol" : "symbols.svg#Cours_theoriques", + "icon" : "img/Cours_theoriques.png" + }, + { + "key" : "Enseignants", + "symbol" : "symbols.svg#Enseignants", + "icon" : "img/Enseignants.png" + }, + { + "key" : "default", + "symbol" : "symbols.svg#Main", + "icon" : "img/Main.png" + } +]