From c5e1e193e753bd5e492dc2baee927b2302520f9d Mon Sep 17 00:00:00 2001 From: Bachir Soussi Chiadmi Date: Tue, 24 Mar 2015 18:52:21 +0100 Subject: [PATCH] static pages and loader for chapter an static pages --- sites/all/modules/gui/jeemod/jeemod.module | 8 + sites/all/modules/gui/jeemod/jeemod.pages.inc | 23 + sites/all/themes/gui/jee/assets/img/close.svg | 84 ++++ .../all/themes/gui/jee/assets/img/loader.gif | Bin 0 -> 6063 bytes sites/all/themes/gui/jee/css/communs.scss | 35 +- sites/all/themes/gui/jee/css/jee.css | 393 +++++++++++------- sites/all/themes/gui/jee/css/jee.scss | 86 +++- sites/all/themes/gui/jee/css/misc.scss | 28 -- sites/all/themes/gui/jee/css/wysiwyg.css | 243 ++++++++++- sites/all/themes/gui/jee/css/wysiwyg.scss | 57 +-- sites/all/themes/gui/jee/js/jee.js | 82 +++- .../gui/jee/templates/node--page.tpl.php | 16 + 12 files changed, 817 insertions(+), 238 deletions(-) create mode 100644 sites/all/themes/gui/jee/assets/img/close.svg create mode 100644 sites/all/themes/gui/jee/assets/img/loader.gif create mode 100644 sites/all/themes/gui/jee/templates/node--page.tpl.php diff --git a/sites/all/modules/gui/jeemod/jeemod.module b/sites/all/modules/gui/jeemod/jeemod.module index 202b672..d569078 100644 --- a/sites/all/modules/gui/jeemod/jeemod.module +++ b/sites/all/modules/gui/jeemod/jeemod.module @@ -19,6 +19,14 @@ function jeemod_menu() { // 'access arguments' => array('use materio search api'), ); + $items['jee/static'] = $base+array( + 'title' => 'jee', + 'page callback' => 'jeemod_static', + // 'page arguments' => array(2), + 'access callback' => TRUE, + // 'access arguments' => array('use materio search api'), + ); + return $items; } diff --git a/sites/all/modules/gui/jeemod/jeemod.pages.inc b/sites/all/modules/gui/jeemod/jeemod.pages.inc index 7672c34..66126fb 100644 --- a/sites/all/modules/gui/jeemod/jeemod.pages.inc +++ b/sites/all/modules/gui/jeemod/jeemod.pages.inc @@ -9,6 +9,29 @@ function jeemod_chapter($nid){ "viewmode" => $viewmode ); + if($nodeview = node_view(node_load($nid),$viewmode)){ + $rep = $rep+array( + 'node' => drupal_render($nodeview), + ); + drupal_json_output($rep); + } +} + +function jeemod_static(){ + $viewmode = "full"; + + + // get node by url + $path = drupal_get_normal_path(preg_replace('/^\//', '', $_GET['href'])); + $nid = end(explode("/", $path)); + + $rep = array( + // "get" => $_GET, + // "path" => $path, + "nid" => $nid, + "viewmode" => $viewmode + ); + if($nodeview = node_view(node_load($nid),$viewmode)){ $rep = $rep+array( 'node' => drupal_render($nodeview), diff --git a/sites/all/themes/gui/jee/assets/img/close.svg b/sites/all/themes/gui/jee/assets/img/close.svg new file mode 100644 index 0000000..7540938 --- /dev/null +++ b/sites/all/themes/gui/jee/assets/img/close.svg @@ -0,0 +1,84 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/sites/all/themes/gui/jee/assets/img/loader.gif b/sites/all/themes/gui/jee/assets/img/loader.gif new file mode 100644 index 0000000000000000000000000000000000000000..d71c4148cff96bd7b176b97ffb84c9ae581ee0f8 GIT binary patch literal 6063 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 bs7Y*qZR#5sht!#vBF!vTA^ktPoZkCCE^j`@ literal 0 HcmV?d00001 diff --git a/sites/all/themes/gui/jee/css/communs.scss b/sites/all/themes/gui/jee/css/communs.scss index 25ee18e..19ffe7f 100644 --- a/sites/all/themes/gui/jee/css/communs.scss +++ b/sites/all/themes/gui/jee/css/communs.scss @@ -1,6 +1,31 @@ -$orange:#E42632; -$orange-light:#E75A0C; -$grey-dark:#444444; -$grey:#6F6F6F; -$grey-light:#6C6C6C; +$DPH-color:rgb(175,175,0); +$DPH-col-active:rgb(206,205,0); +$DPH-col-txt:rgb(104,107,0); + +$BC-color:rgb(2,75,135); +$BC-col-active:rgb(0,102,177); +$BC-col-txt:rgb(3,61,111); + +$SUB-color:rgb(205,7,52); +$SUB-col-active:rgb(222,0,58); +$SUB-col-txt:rgb(183,19,48); + +$SOL-color:rgb(216,85,9); +$SOL-col-active:rgb(234,91,12); +$SOL-col-txt:rgb(178,76,20); + +$DUB-color:rgb(40,141,128); +$DUB-col-active:rgb(98,165,48); +$DUB-col-txt:rgb(34,116,44); + +$OPP-color:rgb(148,27,128); +$OPP-col-active:rgb(175,19,128); +$OPP-col-txt:rgb(127,25,101); + +$JUSO-color:rgb(0,154,168); +$JUSO-col-active:rgb(51,180,181); +$JUSO-col-txt:rgb(11,127,138); + + +$static-col:rgb(141,25,143); \ No newline at end of file diff --git a/sites/all/themes/gui/jee/css/jee.css b/sites/all/themes/gui/jee/css/jee.css index 113f134..8f7dd70 100644 --- a/sites/all/themes/gui/jee/css/jee.css +++ b/sites/all/themes/gui/jee/css/jee.css @@ -3740,12 +3740,12 @@ p.heading { / ___ |/ ____/ ____/ /_/ |_/_/ /_/ */ -/* line 46, jee.scss */ +/* line 45, jee.scss */ html { position: relative; } -/* line 52, jee.scss */ +/* line 51, jee.scss */ body { position: relative; -webkit-user-select: none; @@ -3757,7 +3757,7 @@ body { overflow: hidden; } -/* line 61, jee.scss */ +/* line 60, jee.scss */ #root { position: relative; width: 100%; @@ -3887,7 +3887,7 @@ body { opacity: 1; } } -/* line 113, jee.scss */ +/* line 112, jee.scss */ #header { z-index: 1; position: absolute; @@ -3901,18 +3901,18 @@ body { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } -/* line 127, jee.scss */ +/* line 126, jee.scss */ #header h1 { position: absolute; width: 100%; height: 100%; } -/* line 130, jee.scss */ +/* line 129, jee.scss */ #header h1 a { display: block; margin-top: -500%; } -/* line 132, jee.scss */ +/* line 131, jee.scss */ #header h1:after, #header h1:before { content: ""; display: block; @@ -3923,7 +3923,7 @@ body { left: 0; opacity: 0; } -/* line 140, jee.scss */ +/* line 139, jee.scss */ #header h1:before { background: transparent url("../assets/img/logo.png") no-repeat center center; background: none, url("../assets/img/logo.svg") no-repeat center center; @@ -3932,7 +3932,7 @@ body { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } -/* line 145, jee.scss */ +/* line 144, jee.scss */ #header h1:after { background: transparent url("../assets/img/logo-blured.png") no-repeat center center; background: none, url("../assets/img/logo-blured.svg") no-repeat center center; @@ -3941,7 +3941,7 @@ body { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } -/* line 153, jee.scss */ +/* line 152, jee.scss */ #header h2 { background: transparent url("../assets/img/slogan.png") no-repeat center center; background: none, url("../assets/img/slogan.svg") no-repeat center center; @@ -3954,13 +3954,13 @@ body { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } -/* line 158, jee.scss */ +/* line 157, jee.scss */ #header h2 a { display: block; margin-top: -500%; } -/* line 165, jee.scss */ +/* line 164, jee.scss */ div.messages { position: absolute; top: 20px; @@ -3971,7 +3971,7 @@ div.messages { z-index: 1000; } -/* line 173, jee.scss */ +/* line 172, jee.scss */ #main { position: absolute; width: 100%; @@ -3997,217 +3997,217 @@ div.messages { \____/_/ /_____/_/ |_/_____/_____/ \____/_/ /_/_/ |_/_/ /_/ /_____/_/ |_|/____/ */ } -/* line 178, jee.scss */ +/* line 177, jee.scss */ #main > .region, #main > .region > .block-system, #main > .region > .block-system > .content { position: relative; width: 100%; height: 100%; overflow: hidden; } -/* line 194, jee.scss */ +/* line 193, jee.scss */ #main #node-2.node-teaser::after { background: transparent url("../assets/img/bgd-sol.png") no-repeat center center; background: none, url("../assets/img/bgd-sol.svg") no-repeat center center; } -/* line 195, jee.scss */ +/* line 194, jee.scss */ #main #node-2.node-teaser, #main #node-2.node-teaser a { color: #b24c14; } -/* line 197, jee.scss */ +/* line 196, jee.scss */ #main #node-2.node-teaser h2.node-title, #main #node-2.node-teaser h2.node-title a { color: #d85509; } -/* line 198, jee.scss */ +/* line 197, jee.scss */ #main #node-2.node-teaser h2.node-title a { background: transparent url("../assets/img/title-SOL.png") no-repeat center center; background: none, url("../assets/img/title-SOL.svg") no-repeat center center; width: 170px; height: 35px; } -/* line 200, jee.scss */ +/* line 199, jee.scss */ #main #node-2.node-teaser .field-name-field-vignette { background: transparent url("../assets/img/shadow-sol.png") no-repeat center center; background: none, url("../assets/img/shadow-sol.svg") no-repeat center center; } -/* line 201, jee.scss */ +/* line 200, jee.scss */ #main #node-2.node-teaser .line { background-color: #ea5b0c; } -/* line 207, jee.scss */ +/* line 206, jee.scss */ #main #node-3.node-teaser::after { background: transparent url("../assets/img/bgd-dph.png") no-repeat center center; background: none, url("../assets/img/bgd-dph.svg") no-repeat center center; } -/* line 208, jee.scss */ +/* line 207, jee.scss */ #main #node-3.node-teaser, #main #node-3.node-teaser a { color: #686b00; } -/* line 210, jee.scss */ +/* line 209, jee.scss */ #main #node-3.node-teaser h2.node-title, #main #node-3.node-teaser h2.node-title a { color: #afaf00; } -/* line 211, jee.scss */ +/* line 210, jee.scss */ #main #node-3.node-teaser h2.node-title a { background: transparent url("../assets/img/title-DPH.png") no-repeat center center; background: none, url("../assets/img/title-DPH.svg") no-repeat center center; width: 180px; height: 80px; } -/* line 213, jee.scss */ +/* line 212, jee.scss */ #main #node-3.node-teaser .field-name-field-vignette { background: transparent url("../assets/img/shadow-dph.png") no-repeat center center; background: none, url("../assets/img/shadow-dph.svg") no-repeat center center; } -/* line 214, jee.scss */ +/* line 213, jee.scss */ #main #node-3.node-teaser .line { background-color: #cecd00; } -/* line 220, jee.scss */ +/* line 219, jee.scss */ #main #node-4.node-teaser::after { background: transparent url("../assets/img/bgd-sub.png") no-repeat center center; background: none, url("../assets/img/bgd-sub.svg") no-repeat center center; } -/* line 221, jee.scss */ +/* line 220, jee.scss */ #main #node-4.node-teaser, #main #node-4.node-teaser a { color: #b71330; } -/* line 223, jee.scss */ +/* line 222, jee.scss */ #main #node-4.node-teaser h2.node-title, #main #node-4.node-teaser h2.node-title a { color: #cd0734; } -/* line 224, jee.scss */ +/* line 223, jee.scss */ #main #node-4.node-teaser h2.node-title a { background: transparent url("../assets/img/title-SUB.png") no-repeat center center; background: none, url("../assets/img/title-SUB.svg") no-repeat center center; width: 200px; height: 35px; } -/* line 226, jee.scss */ +/* line 225, jee.scss */ #main #node-4.node-teaser .field-name-field-vignette { background: transparent url("../assets/img/shadow-sub.png") no-repeat center center; background: none, url("../assets/img/shadow-sub.svg") no-repeat center center; } -/* line 227, jee.scss */ +/* line 226, jee.scss */ #main #node-4.node-teaser .line { background-color: #de003a; } -/* line 233, jee.scss */ +/* line 232, jee.scss */ #main #node-5.node-teaser::after { background: transparent url("../assets/img/bgd-bc.png") no-repeat center center; background: none, url("../assets/img/bgd-bc.svg") no-repeat center center; } -/* line 234, jee.scss */ +/* line 233, jee.scss */ #main #node-5.node-teaser, #main #node-5.node-teaser a { color: #033d6f; } -/* line 236, jee.scss */ +/* line 235, jee.scss */ #main #node-5.node-teaser h2.node-title, #main #node-5.node-teaser h2.node-title a { color: #024b87; } -/* line 237, jee.scss */ +/* line 236, jee.scss */ #main #node-5.node-teaser h2.node-title a { background: transparent url("../assets/img/title-BC.png") no-repeat center center; background: none, url("../assets/img/title-BC.svg") no-repeat center center; width: 120px; height: 45px; } -/* line 239, jee.scss */ +/* line 238, jee.scss */ #main #node-5.node-teaser .field-name-field-vignette { background: transparent url("../assets/img/shadow-bc.png") no-repeat center center; background: none, url("../assets/img/shadow-bc.svg") no-repeat center center; } -/* line 240, jee.scss */ +/* line 239, jee.scss */ #main #node-5.node-teaser .line { background-color: #0066b1; } -/* line 246, jee.scss */ +/* line 245, jee.scss */ #main #node-6.node-teaser::after { background: transparent url("../assets/img/bgd-opp.png") no-repeat center center; background: none, url("../assets/img/bgd-opp.svg") no-repeat center center; } -/* line 247, jee.scss */ +/* line 246, jee.scss */ #main #node-6.node-teaser, #main #node-6.node-teaser a { color: #7f1965; } -/* line 249, jee.scss */ +/* line 248, jee.scss */ #main #node-6.node-teaser h2.node-title, #main #node-6.node-teaser h2.node-title a { color: #941b80; } -/* line 250, jee.scss */ +/* line 249, jee.scss */ #main #node-6.node-teaser h2.node-title a { background: transparent url("../assets/img/title-OPP.png") no-repeat center center; background: none, url("../assets/img/title-OPP.svg") no-repeat center center; width: 245px; height: 95px; } -/* line 252, jee.scss */ +/* line 251, jee.scss */ #main #node-6.node-teaser .field-name-field-vignette { background: transparent url("../assets/img/shadow-opp.png") no-repeat center center; background: none, url("../assets/img/shadow-opp.svg") no-repeat center center; } -/* line 253, jee.scss */ +/* line 252, jee.scss */ #main #node-6.node-teaser .line { background-color: #af1380; } -/* line 259, jee.scss */ +/* line 258, jee.scss */ #main #node-7.node-teaser::after { background: transparent url("../assets/img/bgd-dub.png") no-repeat center center; background: none, url("../assets/img/bgd-dub.svg") no-repeat center center; } -/* line 260, jee.scss */ +/* line 259, jee.scss */ #main #node-7.node-teaser, #main #node-7.node-teaser a { color: #22742c; } -/* line 262, jee.scss */ +/* line 261, jee.scss */ #main #node-7.node-teaser h2.node-title, #main #node-7.node-teaser h2.node-title a { color: #288d80; } -/* line 263, jee.scss */ +/* line 262, jee.scss */ #main #node-7.node-teaser h2.node-title a { background: transparent url("../assets/img/title-DUB.png") no-repeat center center; background: none, url("../assets/img/title-DUB.svg") no-repeat center center; width: 195px; height: 65px; } -/* line 265, jee.scss */ +/* line 264, jee.scss */ #main #node-7.node-teaser .field-name-field-vignette { background: transparent url("../assets/img/shadow-dub.png") no-repeat center center; background: none, url("../assets/img/shadow-dub.svg") no-repeat center center; } -/* line 266, jee.scss */ +/* line 265, jee.scss */ #main #node-7.node-teaser .line { background-color: #62a530; } -/* line 272, jee.scss */ +/* line 271, jee.scss */ #main #node-8.node-teaser::after { background: transparent url("../assets/img/bgd-juso.png") no-repeat center center; background: none, url("../assets/img/bgd-juso.svg") no-repeat center center; } -/* line 273, jee.scss */ +/* line 272, jee.scss */ #main #node-8.node-teaser, #main #node-8.node-teaser a { color: #0b7f8a; } -/* line 275, jee.scss */ +/* line 274, jee.scss */ #main #node-8.node-teaser h2.node-title, #main #node-8.node-teaser h2.node-title a { color: #009aa8; } -/* line 276, jee.scss */ +/* line 275, jee.scss */ #main #node-8.node-teaser h2.node-title a { background: transparent url("../assets/img/title-JUSO.png") no-repeat center center; background: none, url("../assets/img/title-JUSO.svg") no-repeat center center; width: 200px; height: 65px; } -/* line 278, jee.scss */ +/* line 277, jee.scss */ #main #node-8.node-teaser .field-name-field-vignette { background: transparent url("../assets/img/shadow-juso.png") no-repeat center center; background: none, url("../assets/img/shadow-juso.svg") no-repeat center center; } -/* line 279, jee.scss */ +/* line 278, jee.scss */ #main #node-8.node-teaser .line { background-color: #33b4b5; } -/* line 292, jee.scss */ +/* line 291, jee.scss */ #main .node-chapitre.node-teaser { z-index: 2; position: absolute; @@ -4259,11 +4259,11 @@ div.messages { |_| /_/ */ } -/* line 316, jee.scss */ +/* line 315, jee.scss */ #main .node-chapitre.node-teaser.enabled { opacity: 1; } -/* line 320, jee.scss */ +/* line 319, jee.scss */ #main .node-chapitre.node-teaser h2.node-title a { -webkit-transform: none; -ms-transform: none; @@ -4277,11 +4277,11 @@ div.messages { transition-property: transform; z-index: 5; } -/* line 327, jee.scss */ +/* line 326, jee.scss */ #main .node-chapitre.node-teaser > .content { position: relative; } -/* line 328, jee.scss */ +/* line 327, jee.scss */ #main .node-chapitre.node-teaser .texts { opacity: 0; height: 1px; @@ -4292,7 +4292,7 @@ div.messages { transition-property: opacity height; position: absolute; } -/* line 334, jee.scss */ +/* line 333, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-partie { opacity: 0; position: absolute; @@ -4301,12 +4301,12 @@ div.messages { -webkit-transition-property: opacity -webkit-transform; transition-property: opacity transform; } -/* line 340, jee.scss */ +/* line 339, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-partie:nth-child(2) { z-index: 2; opacity: 1; } -/* line 344, jee.scss */ +/* line 343, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-partie:nth-child(2) > .field-type-text { opacity: 0; -webkit-transition: 1s ease-out 0.9s; @@ -4314,7 +4314,7 @@ div.messages { -webkit-transition-property: opacity; transition-property: opacity; } -/* line 349, jee.scss */ +/* line 348, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-partie:nth-child(2) > .field-name-field-vignette { cursor: pointer; z-index: 2; @@ -4326,7 +4326,7 @@ div.messages { -webkit-transition-property: -webkit-transform; transition-property: transform; } -/* line 356, jee.scss */ +/* line 355, jee.scss */ #main .node-chapitre.node-teaser:after { opacity: 0; -webkit-transition: 2s ease-in; @@ -4338,11 +4338,11 @@ div.messages { bottom: 2px; right: 2px; } -/* line 374, jee.scss */ +/* line 373, jee.scss */ #main .node-chapitre.node-teaser.previewed { z-index: 100; } -/* line 376, jee.scss */ +/* line 375, jee.scss */ #main .node-chapitre.node-teaser.previewed:after { opacity: 1; top: 2em; @@ -4350,50 +4350,50 @@ div.messages { right: -12em; bottom: -30em; } -/* line 383, jee.scss */ +/* line 382, jee.scss */ #main .node-chapitre.node-teaser.previewed h2.node-title a { -webkit-transform: scale(2, 2); -ms-transform: scale(2, 2); transform: scale(2, 2); } -/* line 384, jee.scss */ +/* line 383, jee.scss */ #main .node-chapitre.node-teaser.previewed .texts { opacity: 1; height: 8em; } -/* line 385, jee.scss */ +/* line 384, jee.scss */ #main .node-chapitre.node-teaser.previewed .field-name-field-partie { opacity: 1; z-index: 0; } -/* line 388, jee.scss */ +/* line 387, jee.scss */ #main .node-chapitre.node-teaser.previewed .field-name-field-partie > .field { opacity: 1; z-index: -1; cursor: default; } -/* line 390, jee.scss */ +/* line 389, jee.scss */ #main .node-chapitre.node-teaser.previewed .field-name-field-partie:nth-child(2) > .field-name-field-vignette { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } -/* line 404, jee.scss */ +/* line 403, jee.scss */ #main .node-chapitre.node-teaser.mitigated { opacity: 0.2; } -/* line 415, jee.scss */ +/* line 414, jee.scss */ .chapter-displayed #main .node-chapitre.node-teaser { opacity: 0.05; } -/* line 427, jee.scss */ +/* line 426, jee.scss */ #main .node-chapitre.node-teaser:after { content: " "; background-size: contain !important; position: absolute; z-index: -1; } -/* line 434, jee.scss */ +/* line 433, jee.scss */ #main .node-chapitre.node-teaser h2.node-title { font-family: "epflulb"; font-weight: normal; @@ -4404,36 +4404,36 @@ div.messages { z-index: 5; } @media only screen and (min-width: 64.063em) { - /* line 434, jee.scss */ + /* line 433, jee.scss */ #main .node-chapitre.node-teaser h2.node-title { font-size: 1.3em; } } @media only screen and (min-width: 90.063em) { - /* line 434, jee.scss */ + /* line 433, jee.scss */ #main .node-chapitre.node-teaser h2.node-title { font-size: 1.8em; } } -/* line 448, jee.scss */ +/* line 447, jee.scss */ #main .node-chapitre.node-teaser h2.node-title a { display: block; text-indent: -1000px; overflow: hidden; } -/* line 459, jee.scss */ +/* line 458, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-comprendre { min-width: 16em; } -/* line 460, jee.scss */ +/* line 459, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-comprendre h1, #main .node-chapitre.node-teaser .field-name-field-comprendre h2, #main .node-chapitre.node-teaser .field-name-field-comprendre h3, #main .node-chapitre.node-teaser .field-name-field-comprendre h4, #main .node-chapitre.node-teaser .field-name-field-comprendre h5, #main .node-chapitre.node-teaser .field-name-field-comprendre h6 { display: none !important; } -/* line 462, jee.scss */ +/* line 461, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-comprendre p { margin: 0; } -/* line 466, jee.scss */ +/* line 465, jee.scss */ #main .node-chapitre.node-teaser ul.links { display: block; margin: 0; @@ -4442,11 +4442,11 @@ div.messages { position: relative; width: 100%; } -/* line 468, jee.scss */ +/* line 467, jee.scss */ #main .node-chapitre.node-teaser ul.links li.node-readmore { padding: 0; } -/* line 470, jee.scss */ +/* line 469, jee.scss */ #main .node-chapitre.node-teaser ul.links li.node-readmore a { display: inline-block; height: 25px; @@ -4458,12 +4458,12 @@ div.messages { background: transparent url("../assets/img/readmore-btn.png") no-repeat right center; background: none, url("../assets/img/readmore-btn.svg") no-repeat right center; } -/* line 483, jee.scss */ +/* line 482, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-partie { clear: both; padding-top: 1em; } -/* line 487, jee.scss */ +/* line 486, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-vignette { position: relative; float: left; @@ -4474,28 +4474,28 @@ div.messages { margin-left: 0; background-size: contain; } -/* line 499, jee.scss */ +/* line 498, jee.scss */ #main .node-chapitre.node-teaser .field-type-text { min-width: 16em; } -/* line 500, jee.scss */ +/* line 499, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-titre { font-family: "epflul"; font-size: 1.6em; line-height: 1.1; } -/* line 505, jee.scss */ +/* line 504, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-sous-titre { font-family: "epflul"; font-size: 1.4em; line-height: 1.2; } -/* line 510, jee.scss */ +/* line 509, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-description { font-size: 0.88em; line-height: 1.2; } -/* line 516, jee.scss */ +/* line 515, jee.scss */ #main .node-chapitre.node-teaser .line { z-index: -1; position: absolute; @@ -4507,7 +4507,7 @@ div.messages { width: 2px; opacity: 0.4; } -/* line 534, jee.scss */ +/* line 533, jee.scss */ #main #chapter-wrapper { position: absolute; top: 0; @@ -4534,12 +4534,12 @@ div.messages { |__| */ } -/* line 543, jee.scss */ +/* line 542, jee.scss */ #main #chapter-wrapper.visible { opacity: 1; z-index: 500; } -/* line 548, jee.scss */ +/* line 547, jee.scss */ #main #chapter-wrapper #home-btn { background: transparent url("../assets/img/home-btn.png") no-repeat center center; background: none, url("../assets/img/home-btn.svg") no-repeat center center; @@ -4551,129 +4551,129 @@ div.messages { height: 20px; cursor: pointer; } -/* line 563, jee.scss */ +/* line 562, jee.scss */ #main #chapter-wrapper #node-2 { background: transparent url("../assets/img/bgd-sol.png") no-repeat center center; background: none, url("../assets/img/bgd-sol.svg") no-repeat center center; } -/* line 565, jee.scss */ +/* line 564, jee.scss */ #main #chapter-wrapper #node-2 .field-type-text-long .field-label, #main #chapter-wrapper #node-2 h2.node-title, #main #chapter-wrapper #node-2 .field-name-field-dbatre li:before { color: #ea5b0c; } -/* line 570, jee.scss */ +/* line 569, jee.scss */ #main #chapter-wrapper #node-2 h2.node-title { background: transparent url("../assets/img/title-SOL-blur.png") no-repeat center center; background: none, url("../assets/img/title-SOL-blur.svg") no-repeat center center; } -/* line 573, jee.scss */ +/* line 572, jee.scss */ #main #chapter-wrapper #node-3 { background: transparent url("../assets/img/bgd-dph.png") no-repeat center center; background: none, url("../assets/img/bgd-dph.svg") no-repeat center center; } -/* line 575, jee.scss */ +/* line 574, jee.scss */ #main #chapter-wrapper #node-3 .field-type-text-long .field-label, #main #chapter-wrapper #node-3 h2.node-title, #main #chapter-wrapper #node-3 .field-name-field-dbatre li:before { color: #cecd00; } -/* line 580, jee.scss */ +/* line 579, jee.scss */ #main #chapter-wrapper #node-3 h2.node-title { background: transparent url("../assets/img/title-DPH-blur.png") no-repeat center center; background: none, url("../assets/img/title-DPH-blur.svg") no-repeat center center; } -/* line 583, jee.scss */ +/* line 582, jee.scss */ #main #chapter-wrapper #node-4 { background: transparent url("../assets/img/bgd-sub.png") no-repeat center center; background: none, url("../assets/img/bgd-sub.svg") no-repeat center center; } -/* line 585, jee.scss */ +/* line 584, jee.scss */ #main #chapter-wrapper #node-4 .field-type-text-long .field-label, #main #chapter-wrapper #node-4 h2.node-title, #main #chapter-wrapper #node-4 .field-name-field-dbatre li:before { color: #de003a; } -/* line 590, jee.scss */ +/* line 589, jee.scss */ #main #chapter-wrapper #node-4 h2.node-title { background: transparent url("../assets/img/title-SUB-blur.png") no-repeat center center; background: none, url("../assets/img/title-SUB-blur.svg") no-repeat center center; } -/* line 593, jee.scss */ +/* line 592, jee.scss */ #main #chapter-wrapper #node-5 { background: transparent url("../assets/img/bgd-bc.png") no-repeat center center; background: none, url("../assets/img/bgd-bc.svg") no-repeat center center; } -/* line 595, jee.scss */ +/* line 594, jee.scss */ #main #chapter-wrapper #node-5 .field-type-text-long .field-label, #main #chapter-wrapper #node-5 h2.node-title, #main #chapter-wrapper #node-5 .field-name-field-dbatre li:before { color: #0066b1; } -/* line 600, jee.scss */ +/* line 599, jee.scss */ #main #chapter-wrapper #node-5 h2.node-title { background: transparent url("../assets/img/title-BC-blur.png") no-repeat center center; background: none, url("../assets/img/title-BC-blur.svg") no-repeat center center; } -/* line 603, jee.scss */ +/* line 602, jee.scss */ #main #chapter-wrapper #node-6 { background: transparent url("../assets/img/bgd-opp.png") no-repeat center center; background: none, url("../assets/img/bgd-opp.svg") no-repeat center center; } -/* line 605, jee.scss */ +/* line 604, jee.scss */ #main #chapter-wrapper #node-6 .field-type-text-long .field-label, #main #chapter-wrapper #node-6 h2.node-title, #main #chapter-wrapper #node-6 .field-name-field-dbatre li:before { color: #af1380; } -/* line 610, jee.scss */ +/* line 609, jee.scss */ #main #chapter-wrapper #node-6 h2.node-title { background: transparent url("../assets/img/title-OPP-blur.png") no-repeat center center; background: none, url("../assets/img/title-OPP-blur.svg") no-repeat center center; } -/* line 613, jee.scss */ +/* line 612, jee.scss */ #main #chapter-wrapper #node-7 { background: transparent url("../assets/img/bgd-bub.png") no-repeat center center; background: none, url("../assets/img/bgd-bub.svg") no-repeat center center; } -/* line 615, jee.scss */ +/* line 614, jee.scss */ #main #chapter-wrapper #node-7 .field-type-text-long .field-label, #main #chapter-wrapper #node-7 h2.node-title, #main #chapter-wrapper #node-7 .field-name-field-dbatre li:before { color: #62a530; } -/* line 620, jee.scss */ +/* line 619, jee.scss */ #main #chapter-wrapper #node-7 h2.node-title { background: transparent url("../assets/img/title-DUB-blur.png") no-repeat center center; background: none, url("../assets/img/title-DUB-blur.svg") no-repeat center center; } -/* line 623, jee.scss */ +/* line 622, jee.scss */ #main #chapter-wrapper #node-8 { background: transparent url("../assets/img/bgd-juso.png") no-repeat center center; background: none, url("../assets/img/bgd-juso.svg") no-repeat center center; } -/* line 625, jee.scss */ +/* line 624, jee.scss */ #main #chapter-wrapper #node-8 .field-type-text-long .field-label, #main #chapter-wrapper #node-8 h2.node-title, #main #chapter-wrapper #node-8 .field-name-field-dbatre li:before { color: #33b4b5; } -/* line 630, jee.scss */ +/* line 629, jee.scss */ #main #chapter-wrapper #node-8 h2.node-title { background: transparent url("../assets/img/title-JUSO-blur.png") no-repeat center center; background: none, url("../assets/img/title-JUSO-blur.svg") no-repeat center center; } -/* line 641, jee.scss */ +/* line 640, jee.scss */ #main #chapter-wrapper .node { position: relative; height: 100%; width: 100%; } -/* line 644, jee.scss */ +/* line 643, jee.scss */ #main #chapter-wrapper .node a { color: inherit; } -/* line 647, jee.scss */ +/* line 646, jee.scss */ #main #chapter-wrapper .node-title { font-family: "epflulb"; font-weight: normal; @@ -4692,11 +4692,11 @@ div.messages { z-index: -1; opacity: 0.4; } -/* line 663, jee.scss */ +/* line 662, jee.scss */ #main #chapter-wrapper .node > .field { position: absolute; } -/* line 667, jee.scss */ +/* line 666, jee.scss */ #main #chapter-wrapper .field-type-text-long { background-color: rgba(255, 255, 255, 0.9); width: 23em; @@ -4704,37 +4704,37 @@ div.messages { z-index: 10; cursor: move; } -/* line 672, jee.scss */ +/* line 671, jee.scss */ #main #chapter-wrapper .field-type-text-long .field-label { text-transform: uppercase; font-family: "epflulb"; font-size: 1.5em; } -/* line 678, jee.scss */ +/* line 677, jee.scss */ #main #chapter-wrapper .field-type-text-long h2 { font-size: 0.88em; } -/* line 681, jee.scss */ +/* line 680, jee.scss */ #main #chapter-wrapper .field-type-text-long p { font-size: 0.88em; margin-bottom: 0.5em; } -/* line 686, jee.scss */ +/* line 685, jee.scss */ #main #chapter-wrapper .field-name-field-dbatre { left: 60em; } -/* line 688, jee.scss */ +/* line 687, jee.scss */ #main #chapter-wrapper .field-name-field-dbatre ul { margin-left: 1em; } -/* line 690, jee.scss */ +/* line 689, jee.scss */ #main #chapter-wrapper .field-name-field-dbatre ul li { list-style: none; line-height: 1; margin-bottom: 1em; position: relative; } -/* line 695, jee.scss */ +/* line 694, jee.scss */ #main #chapter-wrapper .field-name-field-dbatre ul li:before { content: "?"; position: absolute; @@ -4742,14 +4742,14 @@ div.messages { left: -1em; font-family: "epflul"; } -/* line 706, jee.scss */ +/* line 705, jee.scss */ #main #chapter-wrapper .field-name-field-partie { height: 60%; width: 100%; top: 20%; left: 0; } -/* line 709, jee.scss */ +/* line 708, jee.scss */ #main #chapter-wrapper .field-name-field-partie .field-items { position: relative; top: 0; @@ -4757,12 +4757,12 @@ div.messages { height: 100%; width: auto; } -/* line 714, jee.scss */ +/* line 713, jee.scss */ #main #chapter-wrapper .field-name-field-partie .field-items .field { position: relative; display: inline-block; } -/* line 717, jee.scss */ +/* line 716, jee.scss */ #main #chapter-wrapper .field-name-field-partie .field-items .field .mask { position: absolute; width: 100%; @@ -4773,50 +4773,124 @@ div.messages { cursor: move; } +/* ______________ ________________ _ ______ ___ ____ ____ __________ + / ___/_ __/ |/_ __/ _/ ____/ | | / / __ \/ | / __ \/ __ \/ ____/ __ \ + \__ \ / / / /| | / / / // / | | /| / / /_/ / /| | / /_/ / /_/ / __/ / /_/ / + ___/ // / / ___ |/ / _/ // /___ | |/ |/ / _, _/ ___ |/ ____/ ____/ /___/ _, _/ +/____//_/ /_/ |_/_/ /___/\____/ |__/|__/_/ |_/_/ |_/_/ /_/ /_____/_/ |_| +*/ +/* line 736, jee.scss */ +#static-wrapper { + position: absolute; + top: 15%; + left: 15%; + bottom: 0; + right: 20px; + z-index: -1; + background-color: #fff; + opacity: 0; + -webkit-transition: 2s ease-out; + transition: 2s ease-out; + -webkit-transition-property: opacity; + transition-property: opacity; +} +/* line 746, jee.scss */ +#static-wrapper.visible { + opacity: 0.9; + z-index: 500; +} +/* line 751, jee.scss */ +#static-wrapper > .close { + position: absolute; + top: 20px; + right: 20px; + z-index: 500; + width: 25px; + height: 25px; + cursor: pointer; + background: transparent url("../assets/img/close.png") no-repeat center center; + background: none, url("../assets/img/close.svg") no-repeat center center; +} +/* line 760, jee.scss */ +#static-wrapper > .inner { + padding: 5em 7em 3em; + width: 100%; + height: 100%; + overflow-y: auto; + overflow-x: hidden; +} +/* line 765, jee.scss */ +#static-wrapper h2.node-title { + font-family: "epflulb"; + text-transform: uppercase !important; + font-size: 3em; + color: #000; +} +/* line 773, jee.scss */ +#static-wrapper .content h3 { + font-family: "epflulb"; + font-size: 2em; + text-transform: uppercase !important; + color: #8d198f; +} +/* line 780, jee.scss */ +#static-wrapper .content h4 { + font-size: 1.5em; + font-weight: 700; +} +/* line 787, jee.scss */ +#static-wrapper .content p { + font-family: "open_sans", sans-serif; + font-weight: 600; + font-size: 1em; + line-height: 1.3em; +} + /* __________ ____ ________________ / ____/ __ \/ __ \/_ __/ ____/ __ \ / /_ / / / / / / / / / / __/ / /_/ / / __/ / /_/ / /_/ / / / / /___/ _, _/ /_/ \____/\____/ /_/ /_____/_/ |_| */ -/* line 738, jee.scss */ +/* line 804, jee.scss */ #footer { position: fixed; bottom: 0; right: 20px; + z-index: 900; } -/* line 741, jee.scss */ +/* line 808, jee.scss */ #footer .block { display: inline-block; vertical-align: top; font-size: 0.693em; } -/* line 745, jee.scss */ +/* line 812, jee.scss */ #footer .block p { font-size: inherit; } -/* line 746, jee.scss */ +/* line 813, jee.scss */ #footer .block a { color: #000; } -/* line 749, jee.scss */ +/* line 816, jee.scss */ #footer .block-menu { display: block; font-size: inherit; } -/* line 752, jee.scss */ +/* line 819, jee.scss */ #footer .block-menu ul { margin: 0 0 0.5em; padding: 0; } -/* line 754, jee.scss */ +/* line 821, jee.scss */ #footer .block-menu ul li { margin: 0 1em 0 0; padding: 0; display: inline-block; list-style: none; } -/* line 758, jee.scss */ +/* line 825, jee.scss */ #footer .block-menu ul li a { font-family: "epflulb"; color: #000; @@ -4830,7 +4904,30 @@ div.messages { / / / // / ___/ / /___ /_/ /_/___//____/\____/ */ -/* line 774, jee.scss */ +/* line 841, jee.scss */ +#loader { + position: absolute; + top: 50%; + left: 50%; + width: 120px; + height: 10px; + margin-left: -60px; + margin-top: -5px; + background: transparent url(../assets/img/loader.gif) no-repeat center center; + z-index: -1; + opacity: 0; + -webkit-transition: 0.5s ease-out; + transition: 0.5s ease-out; + -webkit-transition-property: opacity; + transition-property: opacity; +} +/* line 852, jee.scss */ +body.loading #loader { + z-index: 1000; + opacity: 1; +} + +/* line 858, jee.scss */ #fullscreen-btn { position: fixed; right: 20px; @@ -4844,13 +4941,13 @@ div.messages { background: transparent url("../assets/img/fullscreen-on.png") no-repeat center center; background: none, url("../assets/img/fullscreen-on.svg") no-repeat center center; } -/* line 783, jee.scss */ +/* line 867, jee.scss */ .fullscreen #fullscreen-btn { background: transparent url("../assets/img/fullscreen-off.png") no-repeat center center; background: none, url("../assets/img/fullscreen-off.svg") no-repeat center center; } -/* line 796, jee.scss */ +/* line 880, jee.scss */ .bubble-1 { position: absolute; z-index: 0; @@ -4863,7 +4960,7 @@ div.messages { left: -200px; } -/* line 800, jee.scss */ +/* line 884, jee.scss */ .bubble-2 { position: absolute; z-index: 0; @@ -4876,7 +4973,7 @@ div.messages { right: -400px; } -/* line 805, jee.scss */ +/* line 889, jee.scss */ .star { position: absolute; z-index: 0; @@ -4894,7 +4991,7 @@ div.messages { / /_/ / /___/ /_/ / /_/ / /_/ / /_____/_____/_____/\____/\____/ */ -/* line 819, jee.scss */ +/* line 903, jee.scss */ #fps { position: fixed; bottom: 40px; @@ -4902,7 +4999,7 @@ div.messages { z-index: 1000; } -/* line 825, jee.scss */ +/* line 909, jee.scss */ #nav-cursor { position: absolute; width: 6px; diff --git a/sites/all/themes/gui/jee/css/jee.scss b/sites/all/themes/gui/jee/css/jee.scss index 33a1cc4..72ec849 100755 --- a/sites/all/themes/gui/jee/css/jee.scss +++ b/sites/all/themes/gui/jee/css/jee.scss @@ -22,7 +22,6 @@ $column-gutter: rem-calc(20); */ @import "communs.scss"; @import "fonts.scss"; -@import "misc.scss"; /* @@ -728,6 +727,73 @@ div.messages{ } // #main +/* ______________ ________________ _ ______ ___ ____ ____ __________ + / ___/_ __/ |/_ __/ _/ ____/ | | / / __ \/ | / __ \/ __ \/ ____/ __ \ + \__ \ / / / /| | / / / // / | | /| / / /_/ / /| | / /_/ / /_/ / __/ / /_/ / + ___/ // / / ___ |/ / _/ // /___ | |/ |/ / _, _/ ___ |/ ____/ ____/ /___/ _, _/ +/____//_/ /_/ |_/_/ /___/\____/ |__/|__/_/ |_/_/ |_/_/ /_/ /_____/_/ |_| +*/ +#static-wrapper{ + position:absolute; + top:15%; left:15%; bottom:0; right:20px; + z-index: -1; + background-color: #fff; + + opacity:0; + transition:2s ease-out; + transition-property:opacity; + + &.visible{ + opacity:0.9; + z-index: 500; + } + + >.close{ + position:absolute; + top:20px; right:20px; + z-index: 500; + width:25px; height:25px; + cursor:pointer; + @include bg-svg-png('close'); + } + + >.inner{ + padding:5em 7em 3em; + width:100%; height:100%; overflow-y:auto; overflow-x:hidden; + } + + h2.node-title{ + font-family: "epflulb"; + text-transform: uppercase!important; + font-size:3em; + color:#000; + } + + .content{ + h3{ + font-family: "epflulb"; + font-size:2em; + text-transform: uppercase!important; + color:$static-col; + } + + h4{ + // font-family: "epflulb"; + font-size: 1.5em; + // // color:$static-col; + font-weight: 700; + } + + p{ + font-family: "open_sans", sans-serif; + font-weight:600; + font-size:1em; + line-height:1.3em; + } + } +} + + /* __________ ____ ________________ / ____/ __ \/ __ \/_ __/ ____/ __ \ / /_ / / / / / / / / / / __/ / /_/ / @@ -738,6 +804,7 @@ div.messages{ #footer{ position:fixed; bottom:0; right:20px; + z-index:900; .block{ display:inline-block; vertical-align: top; @@ -771,6 +838,23 @@ div.messages{ / / / // / ___/ / /___ /_/ /_/___//____/\____/ */ +#loader{ + position:absolute; + top:50%; left:50%; + width:120px; height:10px; + margin-left:-60px; margin-top:-5px; + + background: transparent url(../assets/img/loader.gif) no-repeat center center; + z-index:-1; opacity:0; + transition:0.5s ease-out; + transition-property:opacity; + + body.loading &{ + z-index: 1000; + opacity:1; + } +} + #fullscreen-btn{ position:fixed; right:20px; top:20px; diff --git a/sites/all/themes/gui/jee/css/misc.scss b/sites/all/themes/gui/jee/css/misc.scss index 1c0a538..e69de29 100644 --- a/sites/all/themes/gui/jee/css/misc.scss +++ b/sites/all/themes/gui/jee/css/misc.scss @@ -1,28 +0,0 @@ - -$DPH-color:rgb(175,175,0); -$DPH-col-active:rgb(206,205,0); -$DPH-col-txt:rgb(104,107,0); - -$BC-color:rgb(2,75,135); -$BC-col-active:rgb(0,102,177); -$BC-col-txt:rgb(3,61,111); - -$SUB-color:rgb(205,7,52); -$SUB-col-active:rgb(222,0,58); -$SUB-col-txt:rgb(183,19,48); - -$SOL-color:rgb(216,85,9); -$SOL-col-active:rgb(234,91,12); -$SOL-col-txt:rgb(178,76,20); - -$DUB-color:rgb(40,141,128); -$DUB-col-active:rgb(98,165,48); -$DUB-col-txt:rgb(34,116,44); - -$OPP-color:rgb(148,27,128); -$OPP-col-active:rgb(175,19,128); -$OPP-col-txt:rgb(127,25,101); - -$JUSO-color:rgb(0,154,168); -$JUSO-col-active:rgb(51,180,181); -$JUSO-col-txt:rgb(11,127,138); \ No newline at end of file diff --git a/sites/all/themes/gui/jee/css/wysiwyg.css b/sites/all/themes/gui/jee/css/wysiwyg.css index f392aae..92cca2b 100644 --- a/sites/all/themes/gui/jee/css/wysiwyg.css +++ b/sites/all/themes/gui/jee/css/wysiwyg.css @@ -1 +1,242 @@ -@font-face{font-family:'open_sans';src:url("fonts/open-sans/OpenSans-Semibold-webfont.eot");src:url("fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/open-sans/OpenSans-Semibold-webfont.woff") format("woff"),url("fonts/open-sans/OpenSans-Semibold-webfont.ttf") format("truetype"),url("fonts/open-sans/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg");font-weight:600;font-style:normal}@font-face{font-family:'open_sans';src:url("fonts/open-sans/OpenSans-Regular-webfont.eot");src:url("fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/open-sans/OpenSans-Regular-webfont.woff") format("woff"),url("fonts/open-sans/OpenSans-Regular-webfont.ttf") format("truetype"),url("fonts/open-sans/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'open_sans';src:url("fonts/open-sans/OpenSans-LightItalic-webfont.eot");src:url("fonts/open-sans/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/open-sans/OpenSans-LightItalic-webfont.woff") format("woff"),url("fonts/open-sans/OpenSans-LightItalic-webfont.ttf") format("truetype"),url("fonts/open-sans/OpenSans-LightItalic-webfont.svg#open_sanslight_italic") format("svg");font-weight:300;font-style:italic}@font-face{font-family:'open_sans';src:url("fonts/open-sans/OpenSans-Light-webfont.eot");src:url("fonts/open-sans/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/open-sans/OpenSans-Light-webfont.woff") format("woff"),url("fonts/open-sans/OpenSans-Light-webfont.ttf") format("truetype"),url("fonts/open-sans/OpenSans-Light-webfont.svg#open_sanslight") format("svg");font-weight:300;font-style:normal}@font-face{font-family:'open_sans';src:url("fonts/open-sans/OpenSans-Italic-webfont.eot");src:url("fonts/open-sans/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/open-sans/OpenSans-Italic-webfont.woff") format("woff"),url("fonts/open-sans/OpenSans-Italic-webfont.ttf") format("truetype"),url("fonts/open-sans/OpenSans-Italic-webfont.svg#open_sansitalic") format("svg");font-weight:normal;font-style:italic}@font-face{font-family:'open_sans';src:url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot");src:url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"),url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"),url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic") format("svg");font-weight:900;font-style:italic}@font-face{font-family:'open_sans';src:url("fonts/open-sans/OpenSans-ExtraBold-webfont.eot");src:url("fonts/open-sans/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/open-sans/OpenSans-ExtraBold-webfont.woff") format("woff"),url("fonts/open-sans/OpenSans-ExtraBold-webfont.ttf") format("truetype"),url("fonts/open-sans/OpenSans-ExtraBold-webfont.svg#open_sansextrabold") format("svg");font-weight:900;font-style:normal}@font-face{font-family:'open_sans';src:url("fonts/open-sans/OpenSans-BoldItalic-webfont.eot");src:url("fonts/open-sans/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/open-sans/OpenSans-BoldItalic-webfont.woff") format("woff"),url("fonts/open-sans/OpenSans-BoldItalic-webfont.ttf") format("truetype"),url("fonts/open-sans/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic") format("svg");font-weight:700;font-style:italic}@font-face{font-family:'open_sans';src:url("fonts/open-sans/OpenSans-Bold-webfont.eot");src:url("fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/open-sans/OpenSans-Bold-webfont.woff") format("woff"),url("fonts/open-sans/OpenSans-Bold-webfont.ttf") format("truetype"),url("fonts/open-sans/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");font-weight:700;font-style:normal}@font-face{font-family:'open_sans';src:url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot");src:url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff") format("woff"),url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"),url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic") format("svg");font-weight:600;font-style:italic}@font-face{font-family:'epflc';src:url("fonts/epf/epf_lc-webfont.eot");src:url("fonts/epf/epf_lc-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/epf/epf_lc-webfont.woff2") format("woff2"),url("fonts/epf/epf_lc-webfont.woff") format("woff"),url("fonts/epf/epf_lc-webfont.ttf") format("truetype"),url("fonts/epf/epf_lc-webfont.svg#epflc") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'epflcb';src:url("fonts/epf/epf_lcb-webfont.eot");src:url("fonts/epf/epf_lcb-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/epf/epf_lcb-webfont.woff2") format("woff2"),url("fonts/epf/epf_lcb-webfont.woff") format("woff"),url("fonts/epf/epf_lcb-webfont.ttf") format("truetype"),url("fonts/epf/epf_lcb-webfont.svg#epflcb") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'epflul';src:url("fonts/epf/epf_lul-webfont.eot");src:url("fonts/epf/epf_lul-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/epf/epf_lul-webfont.woff2") format("woff2"),url("fonts/epf/epf_lul-webfont.woff") format("woff"),url("fonts/epf/epf_lul-webfont.ttf") format("truetype"),url("fonts/epf/epf_lul-webfont.svg#epflul") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'epflulb';src:url("fonts/epf/epf_lulb-webfont.eot");src:url("fonts/epf/epf_lulb-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/epf/epf_lulb-webfont.woff2") format("woff2"),url("fonts/epf/epf_lulb-webfont.woff") format("woff"),url("fonts/epf/epf_lulb-webfont.ttf") format("truetype"),url("fonts/epf/epf_lulb-webfont.svg#epflulb") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'epfuc';src:url("fonts/epf/epf_uc-webfont.eot");src:url("fonts/epf/epf_uc-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/epf/epf_uc-webfont.woff2") format("woff2"),url("fonts/epf/epf_uc-webfont.woff") format("woff"),url("fonts/epf/epf_uc-webfont.ttf") format("truetype"),url("fonts/epf/epf_uc-webfont.svg#epfuc") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'epfucb';src:url("fonts/epf/epf_ucb-webfont.eot");src:url("fonts/epf/epf_ucb-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/epf/epf_ucb-webfont.woff2") format("woff2"),url("fonts/epf/epf_ucb-webfont.woff") format("woff"),url("fonts/epf/epf_ucb-webfont.ttf") format("truetype"),url("fonts/epf/epf_ucb-webfont.svg#epfucb") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'epfuul';src:url("fonts/epf/epf_uul-webfont.eot");src:url("fonts/epf/epf_uul-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/epf/epf_uul-webfont.woff2") format("woff2"),url("fonts/epf/epf_uul-webfont.woff") format("woff"),url("fonts/epf/epf_uul-webfont.ttf") format("truetype"),url("fonts/epf/epf_uul-webfont.svg#epfuul") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'epfuulb';src:url("fonts/epf/epf_uulb-webfont.eot");src:url("fonts/epf/epf_uulb-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/epf/epf_uulb-webfont.woff2") format("woff2"),url("fonts/epf/epf_uulb-webfont.woff") format("woff"),url("fonts/epf/epf_uulb-webfont.ttf") format("truetype"),url("fonts/epf/epf_uulb-webfont.svg#epfuulb") format("svg");font-weight:normal;font-style:normal}html,body{font-size:16px}html,body,h1,h2,h3,h4,h5,h6{font-family:'open_sans', monospace}p{line-height:1.3}p.heading{font-size:1.25em !important}*{font-size:14px}div{border:1px dashed #D4D4D4}p:after,ul:after{content:"¬";color:red}h1:before,h2:before,h3:before,h4:before,h5:before,h6:before{color:blue;font-weight:normal;font-size:10px;vertical-align:super}h2:before{content:"h2 "}h3:before{content:"h3 "}h4:before{content:"h4 "}h5:before{content:"h5 "}h6:before{content:"h6 "}br:after{content:"·";color:red;border:1px solid #999}img{height:auto;margin:0.5em 0;max-width:99%}p{border:1px dashed #848484}div{border:1px solid #1A1A1A} +@charset "UTF-8"; +/* LISIBILITY */ +@font-face { + font-family: 'open_sans'; + src: url("fonts/open-sans/OpenSans-Semibold-webfont.eot"); + src: url("fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-Semibold-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-Semibold-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg"); + font-weight: 600; + font-style: normal; +} +@font-face { + font-family: 'open_sans'; + src: url("fonts/open-sans/OpenSans-Regular-webfont.eot"); + src: url("fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-Regular-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-Regular-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-Regular-webfont.svg#open_sansregular") format("svg"); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'open_sans'; + src: url("fonts/open-sans/OpenSans-LightItalic-webfont.eot"); + src: url("fonts/open-sans/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-LightItalic-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-LightItalic-webfont.svg#open_sanslight_italic") format("svg"); + font-weight: 300; + font-style: italic; +} +@font-face { + font-family: 'open_sans'; + src: url("fonts/open-sans/OpenSans-Light-webfont.eot"); + src: url("fonts/open-sans/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-Light-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-Light-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-Light-webfont.svg#open_sanslight") format("svg"); + font-weight: 300; + font-style: normal; +} +@font-face { + font-family: 'open_sans'; + src: url("fonts/open-sans/OpenSans-Italic-webfont.eot"); + src: url("fonts/open-sans/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-Italic-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-Italic-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-Italic-webfont.svg#open_sansitalic") format("svg"); + font-weight: normal; + font-style: italic; +} +@font-face { + font-family: 'open_sans'; + src: url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot"); + src: url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic") format("svg"); + font-weight: 900; + font-style: italic; +} +@font-face { + font-family: 'open_sans'; + src: url("fonts/open-sans/OpenSans-ExtraBold-webfont.eot"); + src: url("fonts/open-sans/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-ExtraBold-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-ExtraBold-webfont.svg#open_sansextrabold") format("svg"); + font-weight: 900; + font-style: normal; +} +@font-face { + font-family: 'open_sans'; + src: url("fonts/open-sans/OpenSans-BoldItalic-webfont.eot"); + src: url("fonts/open-sans/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-BoldItalic-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic") format("svg"); + font-weight: 700; + font-style: italic; +} +@font-face { + font-family: 'open_sans'; + src: url("fonts/open-sans/OpenSans-Bold-webfont.eot"); + src: url("fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-Bold-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-Bold-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-Bold-webfont.svg#open_sansbold") format("svg"); + font-weight: 700; + font-style: normal; +} +@font-face { + font-family: 'open_sans'; + src: url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot"); + src: url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic") format("svg"); + font-weight: 600; + font-style: italic; +} +@font-face { + font-family: 'epflc'; + src: url("fonts/epf/epf_lc-webfont.eot"); + src: url("fonts/epf/epf_lc-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/epf/epf_lc-webfont.woff2") format("woff2"), url("fonts/epf/epf_lc-webfont.woff") format("woff"), url("fonts/epf/epf_lc-webfont.ttf") format("truetype"), url("fonts/epf/epf_lc-webfont.svg#epflc") format("svg"); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'epflcb'; + src: url("fonts/epf/epf_lcb-webfont.eot"); + src: url("fonts/epf/epf_lcb-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/epf/epf_lcb-webfont.woff2") format("woff2"), url("fonts/epf/epf_lcb-webfont.woff") format("woff"), url("fonts/epf/epf_lcb-webfont.ttf") format("truetype"), url("fonts/epf/epf_lcb-webfont.svg#epflcb") format("svg"); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'epflul'; + src: url("fonts/epf/epf_lul-webfont.eot"); + src: url("fonts/epf/epf_lul-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/epf/epf_lul-webfont.woff2") format("woff2"), url("fonts/epf/epf_lul-webfont.woff") format("woff"), url("fonts/epf/epf_lul-webfont.ttf") format("truetype"), url("fonts/epf/epf_lul-webfont.svg#epflul") format("svg"); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'epflulb'; + src: url("fonts/epf/epf_lulb-webfont.eot"); + src: url("fonts/epf/epf_lulb-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/epf/epf_lulb-webfont.woff2") format("woff2"), url("fonts/epf/epf_lulb-webfont.woff") format("woff"), url("fonts/epf/epf_lulb-webfont.ttf") format("truetype"), url("fonts/epf/epf_lulb-webfont.svg#epflulb") format("svg"); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'epfuc'; + src: url("fonts/epf/epf_uc-webfont.eot"); + src: url("fonts/epf/epf_uc-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/epf/epf_uc-webfont.woff2") format("woff2"), url("fonts/epf/epf_uc-webfont.woff") format("woff"), url("fonts/epf/epf_uc-webfont.ttf") format("truetype"), url("fonts/epf/epf_uc-webfont.svg#epfuc") format("svg"); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'epfucb'; + src: url("fonts/epf/epf_ucb-webfont.eot"); + src: url("fonts/epf/epf_ucb-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/epf/epf_ucb-webfont.woff2") format("woff2"), url("fonts/epf/epf_ucb-webfont.woff") format("woff"), url("fonts/epf/epf_ucb-webfont.ttf") format("truetype"), url("fonts/epf/epf_ucb-webfont.svg#epfucb") format("svg"); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'epfuul'; + src: url("fonts/epf/epf_uul-webfont.eot"); + src: url("fonts/epf/epf_uul-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/epf/epf_uul-webfont.woff2") format("woff2"), url("fonts/epf/epf_uul-webfont.woff") format("woff"), url("fonts/epf/epf_uul-webfont.ttf") format("truetype"), url("fonts/epf/epf_uul-webfont.svg#epfuul") format("svg"); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'epfuulb'; + src: url("fonts/epf/epf_uulb-webfont.eot"); + src: url("fonts/epf/epf_uulb-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/epf/epf_uulb-webfont.woff2") format("woff2"), url("fonts/epf/epf_uulb-webfont.woff") format("woff"), url("fonts/epf/epf_uulb-webfont.ttf") format("truetype"), url("fonts/epf/epf_uulb-webfont.svg#epfuulb") format("svg"); + font-weight: normal; + font-style: normal; +} +/* line 222, fonts.scss */ +html, body { + font-size: 16px; +} + +/* line 226, fonts.scss */ +html, body, h1, h2, h3, h4, h5, h6 { + font-family: 'open_sans', monospace; +} + +/* line 231, fonts.scss */ +p { + line-height: 1.3; +} + +/* line 234, fonts.scss */ +p.heading { + font-size: 1.25em !important; +} + +/* line 6, wysiwyg.scss */ +* { + font-size: 14px; +} + +/* line 7, wysiwyg.scss */ +div { + border: 1px dashed #D4D4D4; +} + +/* line 8, wysiwyg.scss */ +p:after, ul:after { + content: "¬"; + color: red; +} + +/* line 10, wysiwyg.scss */ +h1:before, h2:before, h3:before, h4:before, h5:before, h6:before { + color: blue; + font-weight: normal; + font-size: 10px; + vertical-align: super; +} + +/* line 16, wysiwyg.scss */ +h2:before { + content: "h2 "; +} + +/* line 20, wysiwyg.scss */ +h3:before { + content: "h3 "; +} + +/* line 24, wysiwyg.scss */ +h4:before { + content: "h4 "; +} + +/* line 28, wysiwyg.scss */ +h5:before { + content: "h5 "; +} + +/* line 32, wysiwyg.scss */ +h6:before { + content: "h6 "; +} + +/* line 35, wysiwyg.scss */ +br:after { + content: "·"; + color: red; + border: 1px solid #999; +} + +/* line 37, wysiwyg.scss */ +img { + height: auto; + margin: 0.5em 0; + max-width: 99%; +} + +/* line 38, wysiwyg.scss */ +p { + border: 1px dashed #848484; +} + +/* line 39, wysiwyg.scss */ +div { + border: 1px solid #1A1A1A; +} + +/* line 41, wysiwyg.scss */ +h3 { + font-family: "epflulb"; + font-size: 2em; + text-transform: uppercase !important; + color: #8d198f; +} + +/* line 48, wysiwyg.scss */ +h4 { + font-size: 1.5em; + font-weight: 700; +} + +/* line 55, wysiwyg.scss */ +p { + font-family: "open_sans", sans-serif; + font-weight: 600; + font-size: 1em; + line-height: 1.3em; +} diff --git a/sites/all/themes/gui/jee/css/wysiwyg.scss b/sites/all/themes/gui/jee/css/wysiwyg.scss index ffb565d..6d4ea2f 100755 --- a/sites/all/themes/gui/jee/css/wysiwyg.scss +++ b/sites/all/themes/gui/jee/css/wysiwyg.scss @@ -38,42 +38,23 @@ img{height:auto; margin:0.5em 0; max-width:99%;} p{ border: 1px dashed #848484; } div{border: 1px solid #1A1A1A;} - -/* LAYOUT AND GRAPHICS */ -/* -#full{ width:99%; } -#demi{ width:47%; } -#tiers{ width:29%; } -#quart{ width:23%; } -#right{ float:right; margin-left:2%; } -#left{ float:left; margin-right:2%; } -#center{ display:block; margin:0 auto; } - - -img{height:auto; margin:0.5em 0;} -p{ border: 1px dashed #848484; } -div{border: 1px solid #1A1A1A;} - - -img,p,div{ position:relative; - &:before{font-size:10px; color:red; background-color: #1A1A1A; position:absolute; top:0; z-index:3000;} - - &.full{#full; &:before{content:" full ";}} - &.demi{ #demi; margin-right:2%; &:before{content:" demi "; right:0;}} - &.tiers{ #tiers; margin-right:2%; &:before{content:" tiers "; right:0;}} - &.quart{ #quart; margin-right:2%; &:before{content:" quart "; right:0;}} - - &.demi-left{ #demi; #left; &:before{content:" demi-left "; left:0;}} - &.demi-right{ #demi; #right; &:before{content:" demi-right "; right:0;}} - &.demi-center{ #demi; #center; &:before{content:" demi-denter "; right:0;}} - - &.tiers-left{ #tiers; #left; &:before{content:" tiers-left "; left:0;}} - &.tiers-right{ #tiers; #right; &:before{content:" tiers-right "; right:0;}} - &.tiers-center{ #tiers; #center; &:before{content:" tiers-center "; right:0;}} - - &.quart-left{ #quart; #left; &:before{content:" quart-left "; left:0;}} - &.quart-right{ #quart; #right; &:before{content:" quart-right "; right:0;}} - &.quart-center{ #quart; #center; &:before{content:" quart-center "; right:0;}} - +h3{ + font-family: "epflulb"; + font-size:2em; + text-transform: uppercase!important; + color:$static-col; } -*/ \ No newline at end of file + +h4{ + // font-family: "epflulb"; + font-size: 1.5em; + // // color:$static-col; + font-weight: 700; +} + +p{ + font-family: "open_sans", sans-serif; + font-weight:600; + font-size:1em; + line-height:1.3em; +} \ No newline at end of file diff --git a/sites/all/themes/gui/jee/js/jee.js b/sites/all/themes/gui/jee/js/jee.js index f415cba..065c79b 100755 --- a/sites/all/themes/gui/jee/js/jee.js +++ b/sites/all/themes/gui/jee/js/jee.js @@ -12,7 +12,7 @@ jQuery(document).ready(function($) { console.log('Hello Jee'); - var _debug = false, + var _debug = true, _avgDelay = 1, _lastDraw = new Date, _fps, @@ -41,6 +41,12 @@ jQuery(document).ready(function($) { var _bubbles = new Array(), _stars = new Array(); + var _$footer = $('#footer'), + _$static_wrapper = $('
').attr('id', 'static-wrapper').appendTo(_$container), + _$close_static = $('
').addClass('close').appendTo(_$static_wrapper); + _loaded_static = false; + + var _$loader = $('
').attr('id','loader').appendTo(_$body); function init(){ if(_debug) @@ -48,6 +54,7 @@ jQuery(document).ready(function($) { initChapterWrapper(); initChapters(); + initStaticLinks(); launchNav(); // FULL SCREEN @@ -61,17 +68,17 @@ jQuery(document).ready(function($) { }; // create stars - for (var i = 20; i > 0; i--) { - _stars.push( - $('
') - .addClass('star star-'+i) - .css({ - left:randB(-400, _container.w+400), - top:randB(-400, _container.h+400) - }) - .prependTo(_$container) - ); - }; + // for (var i = 20; i > 0; i--) { + // _stars.push( + // $('
') + // .addClass('star star-'+i) + // .css({ + // left:randB(-400, _container.w+400), + // top:randB(-400, _container.h+400) + // }) + // .prependTo(_$container) + // ); + // }; }; function initDebug(){ @@ -135,7 +142,7 @@ jQuery(document).ready(function($) { console.log('document mousedown'); clearTimeout(_timeout_dragging); - if(_loaded_chapter) + if(_loaded_chapter || _loaded_static) return false; // set initial cursor pos @@ -157,7 +164,7 @@ jQuery(document).ready(function($) { .bind('mouseup', function(e){ console.log('document mouseup'); - if(_loaded_chapter) + if(_loaded_chapter || _loaded_static) return false; stopMoveNav(); @@ -179,7 +186,7 @@ jQuery(document).ready(function($) { console.log('touchstart'); clearTimeout(_timeout_dragging); - if(_loaded_chapter) + if(_loaded_chapter || _loaded_static) return false; // set initial pos @@ -194,7 +201,7 @@ jQuery(document).ready(function($) { .bind('touchmove', function(e){ console.log('document touchmove'); - if(_loaded_chapter) + if(_loaded_chapter || _loaded_static) return false; updateNavPos(e.originalEvent.touches[0].clientX, e.originalEvent.touches[0].clientY, false); @@ -202,7 +209,7 @@ jQuery(document).ready(function($) { .bind('touchend', function(e){ console.log("document touchend"); - if(_loaded_chapter) + if(_loaded_chapter || _loaded_static) return false; stopMoveNav(); @@ -303,6 +310,43 @@ jQuery(document).ready(function($) { if(_loaded_chapter) setTimeout(_loaded_chapter.buildVideos(), 100); }; + + function initStaticLinks(){ + $('ul.menu a', _$footer).on('click', onClickStaticLink); + _$close_static.on('click', onCloseStatic); + }; + + function onClickStaticLink(e){ + e.preventDefault(); + _$static_wrapper.removeClass('visible'); + loadStaticContent($(this).attr("href")); + _$body.addClass('loading'); + _loaded_static = true; + return false; + }; + + function loadStaticContent(h){ + $.getJSON( + '/jee/static', + {"href":h}, + onStaticLoaded + ); + }; + + function onStaticLoaded(data, textstatus){ + console.log('data',data); + displayStatic(data.node); + }; + + function displayStatic(node){ + _$static_wrapper.addClass('visible').find('.inner').html(node); + _$body.removeClass('loading'); + }; + + function onCloseStatic(e){ + _$static_wrapper.removeClass('visible'); + }; + /* ________ __ / ____/ /_ ____ _____ / /____ _____ @@ -635,6 +679,8 @@ jQuery(document).ready(function($) { Chapter.prototype.loadNode = function(e){ // console.log("Chapter :: open : nid", this.nid); + _$body.addClass('loading'); + $.getJSON( '/jee/chapter/'+this.nid, {}, @@ -685,6 +731,8 @@ jQuery(document).ready(function($) { _$chapter_wrapper.addClass('visible'); // this.$vids.eq(this.cur_vid_playing).vimeo('play'); + + _$body.removeClass('loading'); }; Chapter.prototype.placeText = function(i, e){ diff --git a/sites/all/themes/gui/jee/templates/node--page.tpl.php b/sites/all/themes/gui/jee/templates/node--page.tpl.php new file mode 100644 index 0000000..fc225aa --- /dev/null +++ b/sites/all/themes/gui/jee/templates/node--page.tpl.php @@ -0,0 +1,16 @@ +
> + + + > + + +
> + +
+ +