From b95ad0b19399a0958ca72fbba3b78e8dd14a5c3a Mon Sep 17 00:00:00 2001 From: Your Name Date: Sat, 30 Dec 2017 23:43:05 +0100 Subject: Update ps home --- assets/css/home.css | 451 ++++++++ assets/css/home.css.map | 7 + assets/css/screen.css | 2360 ++++++++++++++++++++++++++++++++++++++ assets/css/screen.css.map | 7 + assets/css/txt.css | 18 + assets/css/txt.css.map | 2 +- assets/img/camera-qui-tombe.webm | Bin 0 -> 1688627 bytes assets/js/ps-app.js | 8 +- assets/scss/_aside.scss | 133 +++ assets/scss/_footer.scss | 77 ++ assets/scss/_gfx.scss | 13 + assets/scss/_header.scss | 135 +++ assets/scss/_main.scss | 122 ++ assets/scss/_variables.scss | 45 +- assets/scss/_vdo.scss | 13 + assets/scss/home.scss | 581 ++++++++++ assets/scss/screen.scss | 59 + assets/scss/txt.scss | 30 + 18 files changed, 4043 insertions(+), 18 deletions(-) create mode 100644 assets/css/home.css create mode 100644 assets/css/home.css.map create mode 100644 assets/css/screen.css create mode 100644 assets/css/screen.css.map create mode 100755 assets/img/camera-qui-tombe.webm create mode 100644 assets/scss/_aside.scss create mode 100644 assets/scss/_footer.scss create mode 100644 assets/scss/_gfx.scss create mode 100644 assets/scss/_header.scss create mode 100644 assets/scss/_main.scss create mode 100644 assets/scss/_vdo.scss create mode 100644 assets/scss/home.scss create mode 100644 assets/scss/screen.scss (limited to 'assets') diff --git a/assets/css/home.css b/assets/css/home.css new file mode 100644 index 0000000..9b0d5f3 --- /dev/null +++ b/assets/css/home.css @@ -0,0 +1,451 @@ +@charset "UTF-8"; +html[lang='en'] :lang(fr) { + display: none !important; } + +html[lang='fr'] :lang(en) { + display: none !important; } + +:lang(en) { + quotes: '\201C' '\201D' '\2018' '\2019'; } + +:lang(fr) { + quotes: '« ' ' »'; } + +h1, h2, h3, h4, h5, h6 { + font-family: 'Cormorant Garamond', serif; } + +body { + background: rgba(173, 151, 56, 0.68); + color: #f3f0e4; + font-family: Abel, 'Open Sans', sans-serif; } + body :visited { + text-decoration: underline; } + +body > header { + background-color: #6d4e80; + position: fixed; + right: 5vw; + bottom: -2vh; + left: 5vw; + padding: 1rem; + z-index: 999; + font-size: 1.2rem; + color: rgba(255, 255, 255, 0.85); + overflow: auto; + transform: rotate(-2.7deg) translateY(4.5vh) skewX(-5deg); } + body > header :link, body > header :visited, + body > header footer :link, body > header footer :visited { + color: #dcc985; + text-decoration: none; } + body > header h1 { + text-align: center; + margin: 0; + font-family: 'Cormorant Garamond', serif; + /* font-size: 2.8rem; */ + font-size: 7vh; + transform: rotate(1.5deg) translateX(5vh) translateY(-1vh); } + body > header h1 img { + display: none; + vertical-align: -1.6rem; } + body > header section { + display: none; + max-width: 42rem; + margin: 0 auto; + padding-bottom: 7rem; } + body > header footer { + position: fixed; + left: 0; + right: 0; + font-size: smaller; + background-color: #6d4e80; + display: none; + margin: 5rem auto 2rem auto; + width: 80vw; } + body > header footer > p { + text-align: center; + margin: 4rem auto 2rem auto; } + body > header footer > nav { + margin: 0 auto -3.5rem auto; + padding: 0; + display: none; + text-align: center; + transform: translateY(-7rem); } + body > header footer > nav h4 { + display: inline; } + body > header footer > nav ul { + display: inline-block; + margin: 0; + padding: 0; + list-style: none; } + body > header footer > nav li { + display: inline-block; + margin: 0 0.75rem; + width: 4rem; + height: 3rem; + border: 1px solid; + border-bottom: 3px solid; + border-color: transparent; + border-top-right-radius: 0.5rem; + text-align: center; } + body > header footer > nav li a { + position: relative; + display: block; + width: 100%; + height: 100%; + line-height: 3rem; + margin: 0; + padding: 0; + background: rgba(0, 0, 0, 0.25); + border-top-right-radius: 0.5rem; } + body > header footer > nav li:hover { + border-color: #dcc985; } + body > header footer > nav li:hover a { + font-weight: bold; + background: rgba(0, 0, 0, 0.5); } + body > header footer:hover { + /** + * Copyleft magic + **/ } + body > header footer:hover > p > span:first-child { + display: inline-block; + color: transparent; + line-height: 0; } + body > header footer:hover > p > span:first-child:before { + content: 'Copyleft'; + display: block; + color: #f3f0e4; + padding-right: 0.45rem; } + body > header footer:hover > p > span + span { + display: inline-block; + transform: rotate(180deg); + padding-bottom: -0.1rem; } + body > header footer:hover > nav { + display: block; } + body > header:hover { + top: 5vh; } + body > header:hover h1 { + font-size: 2.6rem; + transform: rotate(2.7deg) translate(0, 0) skewX(0); } + body > header:hover footer { + transform: rotate(2.7deg) translateY(-4.5vh) skewX(5deg); } + body > header:hover img { + display: inline-block; } + body > header:hover section, body > header:hover footer { + display: block; + width: 80vw; + margin: 0 auto; + padding-bottom: 3rem; } + +body > main { + background: url(../img/logo-ps.svg) 40% calc(50% - 5vh)/50vw no-repeat fixed; + position: fixed; + top: 0; + right: 0; + bottom: 50%; + left: 0; + padding: 1rem; + min-height: 80vh; } + +body > footer { + z-index: 999; + position: fixed; + bottom: 0; + left: 0; + right: 0; + display: none; + background-color: #6d4e80; + display: none; + font-size: 1rem; } + body > footer h4 { + display: inline-block; } + body > footer > p { + text-align: center; + margin: 4rem auto 2rem auto; } + body > footer > nav { + display: none; + max-width: 42rem; + margin: 0 auto -3.5rem auto; + padding: 0; } + body > footer > nav ul { + display: inline-block; + margin: 0; + padding: 0; + list-style: none; } + body > footer > nav li { + display: inline-block; + margin: 0 0.75rem; + width: 4rem; + height: 3rem; + border: 1px solid; + border-bottom: 3px solid; + border-color: transparent; + border-top-right-radius: 0.5rem; + text-align: center; } + body > footer > nav li a { + position: relative; + display: block; + width: 100%; + height: 100%; + line-height: 3rem; + margin: 0; + padding: 0; + background: rgba(0, 0, 0, 0.25); + border-top-right-radius: 0.5rem; } + body > footer > nav li:hover { + border-color: #dcc985; } + body > footer > nav li:hover a { + font-weight: bold; + background: rgba(0, 0, 0, 0.5); } + body > footer:hover { + /** + * Copyleft magic + **/ } + body > footer:hover > p > span:first-child { + display: inline-block; + color: transparent; + line-height: 0; } + body > footer:hover > p > span:first-child:before { + content: 'Copyleft'; + display: block; + color: #f3f0e4; + padding-right: 0.4rem; } + body > footer:hover > p > span + span { + display: inline-block; + transform: rotate(180deg); + padding-bottom: -0.05rem; } + body > footer:hover nav { + display: block; } + +@media screen and (min-device-width: 1024px) { + header > footer { + position: fixed; } + + /** + * Scrollbar + * + * ::-webkit-scrollbar the background of the bar itself. + * ::-webkit-scrollbar-button the directional buttons on the scrollbar. + * ::-webkit-scrollbar-track the empty space “below” the progress bar. + * ::-webkit-scrollbar-track-piece the top-most layer of the the progress bar not covered by the thumb. + * ::-webkit-scrollbar-thumb the draggable scrolling element resizes depending on the size of the scrollable element. + * ::-webkit-scrollbar-corner the bottom corner of the scrollable element, where two scrollbar meet. + * ::-webkit-resizer the draggable resizing handle that appears above the scrollbar-corner at the bottom corner of some elements. + **/ + body > header::-webkit-scrollbar { + background-color: #6d4e80; + box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.4) inset; } + + body > header::-webkit-scrollbar-button { + background-color: black; } + + body > header::-webkit-scrollbar-track { + background-color: rgba(0, 0, 0, 0.5); } + + body > header::-webkit-scrollbar-track-piece { + background-color: rgba(255, 255, 255, 0.5); } + + body > header::-webkit-scrollbar-thumb { + background-color: #dcc985; + box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.4); } + + body > header::-webkit-scrollbar-corner { + background-color: red; } + + body > header:hover { + overflow-y: auto; } + + body > header:hover ~ footer { + position: fixed; + bottom: 0; + display: block; } + + body > header:hover ~ footer > nav { + display: block; } + + .media, .libre { + display: block; + position: absolute; + top: 0; + bottom: 5rem; + height: 100vh; + /* overflow: hidden; */ } + + .media:hover { + width: 70vw; + z-index: 500; } + + .media h2, .libre h2 { + display: none; } + + .media { + left: 0; } + .media section { + float: left; + position: relative; + height: 100%; + width: 15vw; + top: -5vh; + left: 0; + padding-top: 5vh; + padding-left: 1rem; + z-index: 400; + overflow: hidden; } + .media section h3 { + font-size: 5rem; + color: rgba(0, 0, 0, 0.2); } + .media section h4, .media section p { + display: none; } + .media section:hover { + box-shadow: 0px -2px 4px 2px rgba(0, 0, 0, 0.68) inset; + transform: rotate(0deg); + width: 40vw; + z-index: 500; } + .media section:hover h3 { + color: black; } + .media section:hover h4, .media section:hover p { + display: block; + padding: 1rem; + color: black; } + + .media #gfx { + background: rgba(191, 138, 112, 0.7); + transform: rotate(-4deg); + margin: 0 -5vw 0 -2vw; + left: 0; } + + .media #gfx h3 { + transform: rotate(4deg) translateX(1vw); + font-size: 5rem; } + + .media #gfx:hover { + background: rgba(191, 138, 112, 0.9); + transform: rotate(0); + margin: 0; } + .media #gfx:hover p, .media #gfx:hover h4 { + display: none; } + + .media #gfx:hover h3 { + transform: rotate(0) translateX(0) translateY(-4rem); } + + .media #gfx:hover + #txt { + margin-left: -3vw; } + + .media #txt { + background: rgba(166, 191, 112, 0.7); + transform: rotate(6deg); + margin: 0 -3vw 0 0; + color: transparent; } + + .media #txt h3 { + transform: rotate(-6deg) translateX(-3vw) translateY(-0.1rem); } + + .media #txt:hover { + background: rgba(166, 191, 112, 0.9); + transform: rotate(0); + margin: 0; + color: black; + padding: 1rem; } + + .media #txt:hover h3 { + transform: rotate(0) translateX(0) translateY(-4.1rem); } + + .media section h3 a { + position: relative; + display: block; + top: 0; + left: 0; + right: 0; + bottom: 0; + text-decoration: none; + color: inherit; } + + .media #txt:hover p.tagline { + position: absolute; + top: 6rem; + font-family: 'Cormorant Garamond'; + font-style: italic; + font-size: 1.6rem; + padding: 1rem 2rem; } + + .media #vdo { + left: 0; + background: rgba(112, 166, 191, 0.5); + transform: rotate(-5deg); + margin: 0 0 0 -2vw; + width: 10vw; } + .media #vdo p, .media #vdo h4 { + display: none; } + + .media #vdo video { + position: absolute; + top: 50%; + left: 50%; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + transform: translate(-50%, -50%); + z-index: -101; + opacity: 0.1; } + + .media #vdo:hover video { + opacity: 1; } + + .media #vdo:hover { + background: rgba(112, 166, 191, 0.9); + margin: 0; + transform: rotate(0); + width: 40vw; } + + .media #vdo h3 { + transform: rotate(5deg) translateX(-2vw); } + + .media #vdo:hover h3 { + transform: rotate(0) translateX(0) translateY(-5rem); + color: rgba(109, 144, 162, 0.7); + font-size: 18vw; } + .media #vdo:hover h3 a { + display: block; + height: 100%; + width: 100%; } + + .libre { + right: 0; + width: 32vw; } + + .libre > section h3 { + color: #6d4e80; + font-size: 7vh; + margin: 0; + padding: 0; } + + .libre > section p { + color: rgba(0, 0, 0, 0.7); + font-size: 4.9vh; + margin: 0; } + + .libre > section h3 a { + color: #6d4e80; + text-decoration: none; } + + .libre #participation { + /* transform: rotate(-4deg) translateY(4.5rem); */ + transform: rotate(-4deg) translateY(6vh); } + + .libre #engagement { + /* transform: translate(0.5rem, 7rem); */ + transform: translate(0.5vw, 14vh); } + + .libre #cooperation { + /* transform: rotate(2deg) translate(0rem, 9.8rem); */ + transform: rotate(2deg) translate(0rem, 19.5vh); } } +@media screen and (max-device-width: 1023px) { + body > header > h1 { + font-size: 100rem; + margin: 5rem auto; + width: 80%; } + + body > main { + background: url(../img/logo-ps.svg) center calc(92% - 50vh)/contain no-repeat fixed; } } + +/*# sourceMappingURL=home.css.map */ diff --git a/assets/css/home.css.map b/assets/css/home.css.map new file mode 100644 index 0000000..485a38c --- /dev/null +++ b/assets/css/home.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["../scss/home.scss"], +"names": [], +"file": "home.css" +} \ No newline at end of file diff --git a/assets/css/screen.css b/assets/css/screen.css new file mode 100644 index 0000000..174d54c --- /dev/null +++ b/assets/css/screen.css @@ -0,0 +1,2360 @@ +@charset "UTF-8"; +/** + * SCSS Variables + **/ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } + +/** + * Remove default margin. + */ +body { + margin: 0; } + +/* HTML5 display definitions + ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; } + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ +audio, +canvas, +progress, +video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ } + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; } + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. + */ +[hidden], +template { + display: none; } + +/* Links + ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. + */ +a { + background-color: transparent; } + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ +a:active, +a:hover { + outline: 0; } + +/* Text-level semantics + ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; } + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ +b, +strong { + font-weight: bold; } + +/** + * Address styling not present in Safari and Chrome. + */ +dfn { + font-style: italic; } + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; } + +/** + * Address styling not present in IE 8/9. + */ +mark { + background: #ff0; + color: #000; } + +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; } + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +/* Embedded content + ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. + */ +img { + border: 0; } + +/** + * Correct overflow not hidden in IE 9/10/11. + */ +svg:not(:root) { + overflow: hidden; } + +/* Grouping content + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. + */ +figure { + margin: 1em 40px; } + +/** + * Address differences between Firefox and other browsers. + */ +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; } + +/** + * Contain overflow in all browsers. + */ +pre { + overflow: auto; } + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +/* Forms + ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ +button, +input, +optgroup, +select, +textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ } + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ +button { + overflow: visible; } + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ +button, +select { + text-transform: none; } + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ } + +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; } + +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +input { + line-height: normal; } + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome + * (include `-moz` to future-proof). + */ +input[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + /* 2 */ + box-sizing: content-box; } + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +/** + * Define consistent border, margin, and padding. + */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ +textarea { + overflow: auto; } + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ +optgroup { + font-weight: bold; } + +/* Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +/* +* Skeleton V2.0.4 +* Copyright 2014, Dave Gamache +* www.getskeleton.com +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 12/29/2014 +* +* Adapted for Devuan.org by hellekin, 2016 +*/ +/* Table of contents +–––––––––––––––––––––––––––––––––––––––––––––––––– +- Grid +- Base Styles +- Typography +- Links +- Buttons +- Forms +- Lists +- Code +- Tables +- Spacing +- Utilities +- Clearing +- Media Queries +*/ +/* Grid +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.container { + position: relative; + width: 100%; + max-width: 960px; + margin: 0 auto; + padding: 0 20px; + box-sizing: border-box; } + +.column, +.columns { + width: 100%; + float: left; + box-sizing: border-box; } + +/* For devices larger than 400px */ +@media (min-width: 400px) { + .container { + width: 85%; + padding: 0; } } +/* For devices larger than 550px */ +@media (min-width: 550px) { + .container { + width: 80%; } + + .column, + .columns { + margin-left: 4%; } + + .column:first-child, + .columns:first-child { + margin-left: 0; } + + .one.column, + .one.columns { + width: 4.66666666667%; } + + .two.columns { + width: 13.3333333333%; } + + .three.columns { + width: 22%; } + + .four.columns { + width: 30.6666666667%; } + + .five.columns { + width: 39.3333333333%; } + + .six.columns { + width: 48%; } + + .seven.columns { + width: 56.6666666667%; } + + .eight.columns { + width: 65.3333333333%; } + + .nine.columns { + width: 74.0%; } + + .ten.columns { + width: 82.6666666667%; } + + .eleven.columns { + width: 91.3333333333%; } + + .twelve.columns { + width: 100%; + margin-left: 0; } + + .one-third.column { + width: 30.6666666667%; } + + .two-thirds.column { + width: 65.3333333333%; } + + .one-half.column { + width: 48%; } + + /* Offsets */ + .offset-by-one.column, + .offset-by-one.columns { + margin-left: 8.66666666667%; } + + .offset-by-two.column, + .offset-by-two.columns { + margin-left: 17.3333333333%; } + + .offset-by-three.column, + .offset-by-three.columns { + margin-left: 26%; } + + .offset-by-four.column, + .offset-by-four.columns { + margin-left: 34.6666666667%; } + + .offset-by-five.column, + .offset-by-five.columns { + margin-left: 43.3333333333%; } + + .offset-by-six.column, + .offset-by-six.columns { + margin-left: 52%; } + + .offset-by-seven.column, + .offset-by-seven.columns { + margin-left: 60.6666666667%; } + + .offset-by-eight.column, + .offset-by-eight.columns { + margin-left: 69.3333333333%; } + + .offset-by-nine.column, + .offset-by-nine.columns { + margin-left: 78.0%; } + + .offset-by-ten.column, + .offset-by-ten.columns { + margin-left: 86.6666666667%; } + + .offset-by-eleven.column, + .offset-by-eleven.columns { + margin-left: 95.3333333333%; } + + .offset-by-one-third.column, + .offset-by-one-third.columns { + margin-left: 34.6666666667%; } + + .offset-by-two-thirds.column, + .offset-by-two-thirds.columns { + margin-left: 69.3333333333%; } + + .offset-by-one-half.column, + .offset-by-one-half.columns { + margin-left: 52%; } } +/* Base Styles +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +/* NOTE +html is set to 62.5% so that all the REM measurements throughout Skeleton +are based on 10px sizing. So basically 1.5rem = 15px :) */ +html { + font-size: 62.5%; } + +body { + font-size: 1.5em; + /* currently ems cause chrome bug misinterpreting rems on body element */ + line-height: 1.6; + font-weight: 400; + font-family: 'Open Sans', open-sans, Lato, 'Fira Sans', Helvetica, Arial, sans-serif; + color: #222; } + +/* Typography +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 2rem; + font-weight: 300; } + +h1 { + font-size: 4.0rem; + line-height: 1.2; + letter-spacing: -.1rem; } + +h2 { + font-size: 3.6rem; + line-height: 1.25; + letter-spacing: -.1rem; } + +h3 { + font-size: 3.0rem; + line-height: 1.3; + letter-spacing: -.1rem; } + +h4 { + font-size: 2.4rem; + line-height: 1.35; + letter-spacing: -.08rem; } + +h5 { + font-size: 1.8rem; + line-height: 1.5; + letter-spacing: -.05rem; } + +h6 { + font-size: 1.5rem; + line-height: 1.6; + letter-spacing: 0; } + +/* Larger than phablet */ +@media (min-width: 550px) { + h1 { + font-size: 5.0rem; } + + h2 { + font-size: 4.2rem; } + + h3 { + font-size: 3.6rem; } + + h4 { + font-size: 3.0rem; } + + h5 { + font-size: 2.4rem; } + + h6 { + font-size: 1.5rem; } } +p { + margin-top: 0; } + +/* Links +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +a { + color: #1EAEDB; } + +a:hover { + color: #0FA0CE; } + +/* Buttons +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.button, +button, +input[type="submit"], +input[type="reset"], +input[type="button"] { + display: inline-block; + height: 3.8rem; + padding: 0 2rem; + color: #555; + text-align: center; + font-size: 1.1rem; + font-weight: 600; + line-height: 3.8rem; + letter-spacing: .1rem; + text-transform: uppercase; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border-radius: 0.4rem; + border: 1px solid #bbb; + cursor: pointer; + box-sizing: border-box; } + +.button:hover, +button:hover, +input[type="submit"]:hover, +input[type="reset"]:hover, +input[type="button"]:hover, +.button:focus, +button:focus, +input[type="submit"]:focus, +input[type="reset"]:focus, +input[type="button"]:focus { + color: #333; + border-color: #888; + outline: 0; } + +.button.button-primary, +button.button-primary, +input[type="submit"].button-primary, +input[type="reset"].button-primary, +input[type="button"].button-primary { + color: #FFF; + background-color: #33C3F0; + border-color: #33C3F0; } + +.button.button-primary:hover, +button.button-primary:hover, +input[type="submit"].button-primary:hover, +input[type="reset"].button-primary:hover, +input[type="button"].button-primary:hover, +.button.button-primary:focus, +button.button-primary:focus, +input[type="submit"].button-primary:focus, +input[type="reset"].button-primary:focus, +input[type="button"].button-primary:focus { + color: #FFF; + background-color: #1EAEDB; + border-color: #1EAEDB; } + +/* Forms +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +input[type="email"], +input[type="number"], +input[type="search"], +input[type="text"], +input[type="tel"], +input[type="url"], +input[type="password"], +textarea, +select { + height: 38px; + padding: 6px 10px; + /* The 6px vertically centers text on FF, ignored by Webkit */ + background-color: #fff; + border: 1px solid #D1D1D1; + border-radius: 4px; + box-shadow: none; + box-sizing: border-box; } + +/* Removes awkward default styles on some inputs for iOS */ +input[type="email"], +input[type="number"], +input[type="search"], +input[type="text"], +input[type="tel"], +input[type="url"], +input[type="password"], +textarea { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + +textarea { + min-height: 65px; + padding-top: 6px; + padding-bottom: 6px; } + +input[type="email"]:focus, +input[type="number"]:focus, +input[type="search"]:focus, +input[type="text"]:focus, +input[type="tel"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +textarea:focus, +select:focus { + border: 1px solid #33C3F0; + outline: 0; } + +label, +legend { + display: block; + margin-bottom: .5rem; + font-weight: 600; } + +fieldset { + padding: 0; + border-width: 0; } + +input[type="checkbox"], +input[type="radio"] { + display: inline; } + +label > .label-body { + display: inline-block; + margin-left: .5rem; + font-weight: normal; } + +/* Lists +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +ul { + list-style: circle outside; } + +ol { + list-style: decimal inside; } + +ol, ul { + padding-left: 0; + margin-top: 0; } + +ul ul, +ul ol, +ol ol, +ol ul { + margin: 1.5rem 0 1.5rem 3rem; + font-size: 90%; } + +li { + margin-bottom: 0.25rem; } + +/* Code +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +code { + padding: .2rem .5rem; + margin: 0 .2rem; + font-size: 90%; + white-space: nowrap; + background: #F1F1F1; + border: 1px solid #E1E1E1; + border-radius: 4px; } + +pre > code { + display: block; + padding: 1rem 1.5rem; + white-space: pre; } + +/* Tables +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +th, +td { + padding: 12px 15px; + text-align: left; + border-bottom: 1px solid #E1E1E1; } + +th:first-child, +td:first-child { + padding-left: 0; } + +th:last-child, +td:last-child { + padding-right: 0; } + +/* Spacing +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +button, +.button { + margin-bottom: 1rem; } + +input, +textarea, +select, +fieldset { + margin-bottom: 1.5rem; } + +pre, +blockquote, +dl, +figure, +table, +p, +ul, +ol, +form { + margin-bottom: 2.5rem; } + +/* Utilities +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.u-full-width { + width: 100%; + box-sizing: border-box; } + +.u-max-full-width { + max-width: 100%; + box-sizing: border-box; } + +.u-pull-right { + float: right; } + +.u-pull-left { + float: left; } + +/* Misc +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +hr { + margin-top: 3rem; + margin-bottom: 3.5rem; + border-width: 0; + border-top: 1px solid #E1E1E1; } + +/* Clearing +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +/* Self Clearing Goodness */ +.container:after, +.row:after, +.u-cf { + content: ""; + display: table; + clear: both; } + +/* Media Queries +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +/* +Note: The best way to structure the use of media queries is to create the queries +near the relevant code. For example, if you wanted to change the styles for buttons +on small devices, paste the mobile query code up in the buttons section and style it +there. +*/ +/* Larger than mobile */ +/* Larger than phablet (also point when grid becomes active) */ +/* Larger than tablet */ +/* Larger than desktop */ +/* Larger than Desktop HD */ +h1, h2, h3, h4, h5, h6 { + font-family: "Cormorant Garamond", serif; + font-weight: 600; } + h1 a, h1 a:hover, h1 a:focus, h1 a:link, h1 a:visited, h2 a, h2 a:hover, h2 a:focus, h2 a:link, h2 a:visited, h3 a, h3 a:hover, h3 a:focus, h3 a:link, h3 a:visited, h4 a, h4 a:hover, h4 a:focus, h4 a:link, h4 a:visited, h5 a, h5 a:hover, h5 a:focus, h5 a:link, h5 a:visited, h6 a, h6 a:hover, h6 a:focus, h6 a:link, h6 a:visited { + text-decoration: none; + color: inherit; } + h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { + text-decoration: underline; + color: #f0f0f2; } + +body.ps > header { + position: fixed; + z-index: 999; + top: 0; + left: 0; + right: 0; + background: #7c7692; + padding: 0 2rem; + color: #f0f0f2; } + body.ps > header h1 { + margin: 0 auto; } + body.ps > header h1:before { + background: url(../assets/img/logo-ps.svg) center left/5rem no-repeat; + display: block; + width: 5rem; + height: 5rem; } + body.ps > header h2 { + font-weight: 100; + margin-top: -2.6rem; + font-size: 3.7rem; + transform: rotate(180deg); } + body.ps > header p { + font-family: "Cormorant Garamond", serif; + font-size: 2rem; + font-style: italic; + margin: -3.8rem 0 0 0; + padding: 0 0 0.4rem 0.3rem; } + body.ps > header p span { + color: black; } +body.ps.home > header { + background-color: #6d4e80; + top: unset; + right: 5vw; + bottom: -2vh; + left: 5vw; + padding: 1rem; + font-size: 1.2rem; + color: rgba(255, 255, 255, 0.85); + overflow: auto; + transform: rotate(-2.7deg) translateY(4.5vh) skewX(-5deg); } + body.ps.home > header h1 { + font-size: 7vh; + text-align: center; + transform: rotate(1.5deg) translateX(5vh) translateY(-1vh); } + body.ps.home > header h1 img { + display: none; + vertical-align: -1.6rem; } + body.ps.home > header section { + display: none; + max-width: 42rem; + margin: 0 auto; + padding-bottom: 7rem; } + body.ps.home > header footer { + background-color: #6d4e80; + display: none; + font-size: 1rem; + z-index: 999; + position: fixed; + bottom: 0; + left: 0; + right: 0; + display: none; } + body.ps.home > header footer > h4 { + display: inline-block; } + body.ps.home > header footer > nav { + display: none; } + body.ps.home > header footer > p { + display: none; + max-width: 42rem; + margin: 0 auto; + padding-bottom: 7rem; } + body.ps.home > header:hover { + top: 5vh; } + body.ps.home > header:hover h1 { + font-size: 2.6rem; + transform: rotate(2.7deg) translate(0, 0) skewX(0); } + body.ps.home > header:hover img { + display: inline-block; } + body.ps.home > header:hover section, body.ps.home > header:hover footer { + display: block; + width: 80vw; + margin: 0 auto; + padding-bottom: 3rem; } + +body > main { + position: relative; + top: 0rem; + right: 0; + left: 0; + font-size: 1.6rem; + margin: 0 auto; + max-width: 96rem; } + body > main > article { + background: rgba(166, 191, 112, 0.9); + margin: 0 auto; + max-width: 60rem; + min-height: calc(100vh - 24rem); + height: auto; + padding: 12rem 9rem; } + +article > header p { + font-size: 2rem; + line-height: 1.25; + font-family: "Cormorant Garamond", serif; + text-variant: italic; + padding: 2rem 4rem; + text-align: justify; } +article section:after { + display: table; + content: ""; + clear: both; + margin-bottom: 2rem; } +article aside ul { + display: table; + position: relative; + list-style: none; + margin: 0 -8rem 1rem -8rem; + width: calc(100% + 16rem); } + article aside ul li { + display: table-cell; + text-align: center; } + article aside ul img { + display: block; + width: 16rem; + height: 9rem; + background-color: black; + margin: 1rem auto; } +article .intro { + background-color: rgba(255, 255, 255, 0.1); + box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5); + height: auto; + max-height: 2rem; + margin: 2rem; + padding: 2rem; + overflow: hidden; + text-overflow: ellipsis; } + article .intro p { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } + article .intro:hover { + max-height: 100vh; } + article .intro:hover p { + white-space: normal; + overflow: auto; } +article .outro p { + font-size: 2rem; + text-align: justify; } +article .video { + margin: 0 -6rem 0 -4rem; } + article .video video { + width: 30rem; + background: black; + float: left; + margin: 0 2rem 0 -4rem; } + article .video p { + line-height: 1.25; } + article .video:hover video { + width: calc(100% + 6rem); + height: auto; + float: none; } + +body > aside { + position: fixed; + top: calc(50% - 150px); + height: 300px; + background: black url(../img/aside-off.png) center right no-repeat; + left: -20rem; + width: 20rem; + padding: 1rem; } + body > aside:hover, body > aside:focus { + left: 0; + background: #f0f0f2 url(../img/aside-on.png) center left no-repeat; + box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.4); + width: auto; + border-right: 2rem solid black; + padding: 0; } + body > aside:hover nav, body > aside:focus nav { + display: block; + background: #f0f0f2 url(../img/aside-on.png) center left no-repeat; + height: 100%; } + body > aside:hover ul li:hover span, body > aside:focus ul li:hover span { + display: block; } + body > aside:hover ul li:hover:first-child, body > aside:focus ul li:hover:first-child { + transform: scale(1.4) rotate(4deg) translateX(-0.75vw); } + body > aside:hover ul li:hover:first-child a, body > aside:focus ul li:hover:first-child a { + transform: rotate(-4deg); } + body > aside:hover ul li:hover:nth-child(2), body > aside:focus ul li:hover:nth-child(2) { + transform: scale(1.4) rotate(-6deg) translateX(-0.5vw); } + body > aside:hover ul li:hover:nth-child(2) a, body > aside:focus ul li:hover:nth-child(2) a { + transform: rotate(6deg); } + body > aside:hover ul li:hover:last-child, body > aside:focus ul li:hover:last-child { + transform: scale(1.4) rotate(5deg) translateX(-0.5vw); } + body > aside:hover ul li:hover:last-child a, body > aside:focus ul li:hover:last-child a { + transform: rotate(-5deg); } + body > aside nav { + position: relative; + margin-left: 3rem; + display: none; + line-height: 30rem; } + body > aside nav h3 { + display: inline-block; + background: url(../img/logo-ps.svg) 3rem center/10rem fixed no-repeat; + width: 10rem; + height: 100%; + vertical-align: top; + color: transparent; } + body > aside nav h3 a { + display: block; + height: 100%; + width: 100%; + line-height: 30rem; + color: transparent; } + body > aside nav h3 a:hover { + color: transparent; } + body > aside nav ul { + list-style: none; + display: inline-block; + height: 100%; } + body > aside nav ul li { + display: block; + padding: 0 2rem; + font-size: 3rem; + float: left; + padding-left: 1rem; + z-index: 400; + overflow: hidden; + width: 10rem; + height: 100%; + /* + &:first-child { + background: $bg-gfx; + } + + &:nth-child(2) { + background: $bg-txt; + } + + &:last-child { + background: $bg-vdo; + } + */ } + body > aside nav ul li a { + color: black; + text-decoration: none; + display: block; + height: 100%; + width: 100%; + z-index: 404; } + body > aside nav ul li a:hover { + font-size: 200%; + color: inherit; + z-index: 404; } + body > aside nav ul li span { + display: none; + z-index: 400; + position: relative; + font-size: 1.25rem; + line-height: 1.6rem; + text-align: center; + margin: -3rem -2rem 0 -1rem; } + +body > footer { + position: relative; + left: 0; + right: 0; + font-size: smaller; + margin: 5rem auto 2rem auto; + width: 80vw; } + body > footer a { + white-space: nowrap; } + body > footer:hover > p > span:first-child { + display: inline-block; + color: transparent; + line-height: 0; } + body > footer:hover > p > span:first-child:before { + content: 'Copyleft'; + display: block; + color: black; + padding-right: 0.4rem; } + body > footer:hover > p > span + span { + display: inline-block; + transform: rotate(180deg); + padding-bottom: -0.07rem; } + +footer > nav ul { + display: inline-block; + margin: 0; + padding: 0; + list-style: none; } +footer > nav li { + display: inline-block; + margin: 0 0.75rem; + width: 4rem; + height: 3rem; + border: 1px solid; + border-bottom: 3px solid; + border-color: transparent; + border-top-right-radius: 0.5rem; + text-align: center; } + footer > nav li a { + position: relative; + display: block; + width: 100%; + height: 100%; + line-height: 3rem; + margin: 0; + padding: 0; + background: rgba(0, 0, 0, 0.25); + border-top-right-radius: 0.5rem; } + footer > nav li:hover { + border-color: #dcc985; } + footer > nav li:hover a { + font-weight: bold; + background: rgba(0, 0, 0, 0.5); } + +/** + * Pages + **/ +body.gfx > main > article { + background: #cda896; } +body.gfx > aside:hover, body.gfx > aside:focus { + background-color: #cda896; } + body.gfx > aside:hover nav ul li:first-child, body.gfx > aside:focus nav ul li:first-child { + background: #cda896; } + +/** + * SCSS Variables + **/ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } + +/** + * Remove default margin. + */ +body { + margin: 0; } + +/* HTML5 display definitions + ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; } + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ +audio, +canvas, +progress, +video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ } + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; } + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. + */ +[hidden], +template { + display: none; } + +/* Links + ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. + */ +a { + background-color: transparent; } + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ +a:active, +a:hover { + outline: 0; } + +/* Text-level semantics + ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; } + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ +b, +strong { + font-weight: bold; } + +/** + * Address styling not present in Safari and Chrome. + */ +dfn { + font-style: italic; } + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; } + +/** + * Address styling not present in IE 8/9. + */ +mark { + background: #ff0; + color: #000; } + +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; } + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +/* Embedded content + ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. + */ +img { + border: 0; } + +/** + * Correct overflow not hidden in IE 9/10/11. + */ +svg:not(:root) { + overflow: hidden; } + +/* Grouping content + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. + */ +figure { + margin: 1em 40px; } + +/** + * Address differences between Firefox and other browsers. + */ +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; } + +/** + * Contain overflow in all browsers. + */ +pre { + overflow: auto; } + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +/* Forms + ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ +button, +input, +optgroup, +select, +textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ } + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ +button { + overflow: visible; } + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ +button, +select { + text-transform: none; } + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ } + +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; } + +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +input { + line-height: normal; } + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome + * (include `-moz` to future-proof). + */ +input[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + /* 2 */ + box-sizing: content-box; } + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +/** + * Define consistent border, margin, and padding. + */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ +textarea { + overflow: auto; } + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ +optgroup { + font-weight: bold; } + +/* Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +/* +* Skeleton V2.0.4 +* Copyright 2014, Dave Gamache +* www.getskeleton.com +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 12/29/2014 +* +* Adapted for Devuan.org by hellekin, 2016 +*/ +/* Table of contents +–––––––––––––––––––––––––––––––––––––––––––––––––– +- Grid +- Base Styles +- Typography +- Links +- Buttons +- Forms +- Lists +- Code +- Tables +- Spacing +- Utilities +- Clearing +- Media Queries +*/ +/* Grid +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.container { + position: relative; + width: 100%; + max-width: 960px; + margin: 0 auto; + padding: 0 20px; + box-sizing: border-box; } + +.column, +.columns { + width: 100%; + float: left; + box-sizing: border-box; } + +/* For devices larger than 400px */ +@media (min-width: 400px) { + .container { + width: 85%; + padding: 0; } } +/* For devices larger than 550px */ +@media (min-width: 550px) { + .container { + width: 80%; } + + .column, + .columns { + margin-left: 4%; } + + .column:first-child, + .columns:first-child { + margin-left: 0; } + + .one.column, + .one.columns { + width: 4.66666666667%; } + + .two.columns { + width: 13.3333333333%; } + + .three.columns { + width: 22%; } + + .four.columns { + width: 30.6666666667%; } + + .five.columns { + width: 39.3333333333%; } + + .six.columns { + width: 48%; } + + .seven.columns { + width: 56.6666666667%; } + + .eight.columns { + width: 65.3333333333%; } + + .nine.columns { + width: 74.0%; } + + .ten.columns { + width: 82.6666666667%; } + + .eleven.columns { + width: 91.3333333333%; } + + .twelve.columns { + width: 100%; + margin-left: 0; } + + .one-third.column { + width: 30.6666666667%; } + + .two-thirds.column { + width: 65.3333333333%; } + + .one-half.column { + width: 48%; } + + /* Offsets */ + .offset-by-one.column, + .offset-by-one.columns { + margin-left: 8.66666666667%; } + + .offset-by-two.column, + .offset-by-two.columns { + margin-left: 17.3333333333%; } + + .offset-by-three.column, + .offset-by-three.columns { + margin-left: 26%; } + + .offset-by-four.column, + .offset-by-four.columns { + margin-left: 34.6666666667%; } + + .offset-by-five.column, + .offset-by-five.columns { + margin-left: 43.3333333333%; } + + .offset-by-six.column, + .offset-by-six.columns { + margin-left: 52%; } + + .offset-by-seven.column, + .offset-by-seven.columns { + margin-left: 60.6666666667%; } + + .offset-by-eight.column, + .offset-by-eight.columns { + margin-left: 69.3333333333%; } + + .offset-by-nine.column, + .offset-by-nine.columns { + margin-left: 78.0%; } + + .offset-by-ten.column, + .offset-by-ten.columns { + margin-left: 86.6666666667%; } + + .offset-by-eleven.column, + .offset-by-eleven.columns { + margin-left: 95.3333333333%; } + + .offset-by-one-third.column, + .offset-by-one-third.columns { + margin-left: 34.6666666667%; } + + .offset-by-two-thirds.column, + .offset-by-two-thirds.columns { + margin-left: 69.3333333333%; } + + .offset-by-one-half.column, + .offset-by-one-half.columns { + margin-left: 52%; } } +/* Base Styles +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +/* NOTE +html is set to 62.5% so that all the REM measurements throughout Skeleton +are based on 10px sizing. So basically 1.5rem = 15px :) */ +html { + font-size: 62.5%; } + +body { + font-size: 1.5em; + /* currently ems cause chrome bug misinterpreting rems on body element */ + line-height: 1.6; + font-weight: 400; + font-family: 'Open Sans', open-sans, Lato, 'Fira Sans', Helvetica, Arial, sans-serif; + color: #222; } + +/* Typography +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 2rem; + font-weight: 300; } + +h1 { + font-size: 4.0rem; + line-height: 1.2; + letter-spacing: -.1rem; } + +h2 { + font-size: 3.6rem; + line-height: 1.25; + letter-spacing: -.1rem; } + +h3 { + font-size: 3.0rem; + line-height: 1.3; + letter-spacing: -.1rem; } + +h4 { + font-size: 2.4rem; + line-height: 1.35; + letter-spacing: -.08rem; } + +h5 { + font-size: 1.8rem; + line-height: 1.5; + letter-spacing: -.05rem; } + +h6 { + font-size: 1.5rem; + line-height: 1.6; + letter-spacing: 0; } + +/* Larger than phablet */ +@media (min-width: 550px) { + h1 { + font-size: 5.0rem; } + + h2 { + font-size: 4.2rem; } + + h3 { + font-size: 3.6rem; } + + h4 { + font-size: 3.0rem; } + + h5 { + font-size: 2.4rem; } + + h6 { + font-size: 1.5rem; } } +p { + margin-top: 0; } + +/* Links +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +a { + color: #1EAEDB; } + +a:hover { + color: #0FA0CE; } + +/* Buttons +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.button, +button, +input[type="submit"], +input[type="reset"], +input[type="button"] { + display: inline-block; + height: 3.8rem; + padding: 0 2rem; + color: #555; + text-align: center; + font-size: 1.1rem; + font-weight: 600; + line-height: 3.8rem; + letter-spacing: .1rem; + text-transform: uppercase; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border-radius: 0.4rem; + border: 1px solid #bbb; + cursor: pointer; + box-sizing: border-box; } + +.button:hover, +button:hover, +input[type="submit"]:hover, +input[type="reset"]:hover, +input[type="button"]:hover, +.button:focus, +button:focus, +input[type="submit"]:focus, +input[type="reset"]:focus, +input[type="button"]:focus { + color: #333; + border-color: #888; + outline: 0; } + +.button.button-primary, +button.button-primary, +input[type="submit"].button-primary, +input[type="reset"].button-primary, +input[type="button"].button-primary { + color: #FFF; + background-color: #33C3F0; + border-color: #33C3F0; } + +.button.button-primary:hover, +button.button-primary:hover, +input[type="submit"].button-primary:hover, +input[type="reset"].button-primary:hover, +input[type="button"].button-primary:hover, +.button.button-primary:focus, +button.button-primary:focus, +input[type="submit"].button-primary:focus, +input[type="reset"].button-primary:focus, +input[type="button"].button-primary:focus { + color: #FFF; + background-color: #1EAEDB; + border-color: #1EAEDB; } + +/* Forms +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +input[type="email"], +input[type="number"], +input[type="search"], +input[type="text"], +input[type="tel"], +input[type="url"], +input[type="password"], +textarea, +select { + height: 38px; + padding: 6px 10px; + /* The 6px vertically centers text on FF, ignored by Webkit */ + background-color: #fff; + border: 1px solid #D1D1D1; + border-radius: 4px; + box-shadow: none; + box-sizing: border-box; } + +/* Removes awkward default styles on some inputs for iOS */ +input[type="email"], +input[type="number"], +input[type="search"], +input[type="text"], +input[type="tel"], +input[type="url"], +input[type="password"], +textarea { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + +textarea { + min-height: 65px; + padding-top: 6px; + padding-bottom: 6px; } + +input[type="email"]:focus, +input[type="number"]:focus, +input[type="search"]:focus, +input[type="text"]:focus, +input[type="tel"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +textarea:focus, +select:focus { + border: 1px solid #33C3F0; + outline: 0; } + +label, +legend { + display: block; + margin-bottom: .5rem; + font-weight: 600; } + +fieldset { + padding: 0; + border-width: 0; } + +input[type="checkbox"], +input[type="radio"] { + display: inline; } + +label > .label-body { + display: inline-block; + margin-left: .5rem; + font-weight: normal; } + +/* Lists +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +ul { + list-style: circle outside; } + +ol { + list-style: decimal inside; } + +ol, ul { + padding-left: 0; + margin-top: 0; } + +ul ul, +ul ol, +ol ol, +ol ul { + margin: 1.5rem 0 1.5rem 3rem; + font-size: 90%; } + +li { + margin-bottom: 0.25rem; } + +/* Code +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +code { + padding: .2rem .5rem; + margin: 0 .2rem; + font-size: 90%; + white-space: nowrap; + background: #F1F1F1; + border: 1px solid #E1E1E1; + border-radius: 4px; } + +pre > code { + display: block; + padding: 1rem 1.5rem; + white-space: pre; } + +/* Tables +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +th, +td { + padding: 12px 15px; + text-align: left; + border-bottom: 1px solid #E1E1E1; } + +th:first-child, +td:first-child { + padding-left: 0; } + +th:last-child, +td:last-child { + padding-right: 0; } + +/* Spacing +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +button, +.button { + margin-bottom: 1rem; } + +input, +textarea, +select, +fieldset { + margin-bottom: 1.5rem; } + +pre, +blockquote, +dl, +figure, +table, +p, +ul, +ol, +form { + margin-bottom: 2.5rem; } + +/* Utilities +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.u-full-width { + width: 100%; + box-sizing: border-box; } + +.u-max-full-width { + max-width: 100%; + box-sizing: border-box; } + +.u-pull-right { + float: right; } + +.u-pull-left { + float: left; } + +/* Misc +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +hr { + margin-top: 3rem; + margin-bottom: 3.5rem; + border-width: 0; + border-top: 1px solid #E1E1E1; } + +/* Clearing +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +/* Self Clearing Goodness */ +.container:after, +.row:after, +.u-cf { + content: ""; + display: table; + clear: both; } + +/* Media Queries +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +/* +Note: The best way to structure the use of media queries is to create the queries +near the relevant code. For example, if you wanted to change the styles for buttons +on small devices, paste the mobile query code up in the buttons section and style it +there. +*/ +/* Larger than mobile */ +/* Larger than phablet (also point when grid becomes active) */ +/* Larger than tablet */ +/* Larger than desktop */ +/* Larger than Desktop HD */ +a { + text-decoration: none; } + a:link { + color: #f0f0f2; } + a:hover { + color: white; + text-decoration: underline; } + a:active { + color: black; } + a:visited { + color: rgba(240, 240, 242, 0.8); } + +span.ps { + background: url(../img/logo-ps.svg) top left/5rem no-repeat; + opacity: 0.75; + color: transparent; + padding: 0 1rem; } + +h1, h2, h3, h4, h5, h6 { + font-family: "Cormorant Garamond", serif; + font-weight: 600; } + h1 a, h1 a:hover, h1 a:focus, h2 a, h2 a:hover, h2 a:focus, h3 a, h3 a:hover, h3 a:focus, h4 a, h4 a:hover, h4 a:focus, h5 a, h5 a:hover, h5 a:focus, h6 a, h6 a:hover, h6 a:focus { + text-decoration: none; + color: inherit; } + +body { + font-family: Abel, "Open Sans", sans-serif; + font-size: 1em; + /* No rem here, bug workaround */ + background: #f0f0f2; + color: black; } + +body > header { + position: fixed; + z-index: 999; + top: 0; + left: 0; + right: 0; + background: #7c7692; + padding: 0 2rem; + color: #f0f0f2; } + body > header h1 { + margin: 0 auto; } + body > header h1:before { + background: url(../assets/img/logo-ps.svg) center left/5rem no-repeat; + display: block; + width: 5rem; + height: 5rem; } + body > header h2 { + font-weight: 100; + margin-top: -2.6rem; + font-size: 3.7rem; + transform: rotate(180deg); } + body > header p { + font-family: "Cormorant Garamond", serif; + font-size: 2rem; + font-style: italic; + margin: -3.8rem 0 0 0; + padding: 0 0 0.4rem 0.3rem; } + body > header p span { + color: black; } + +body > main { + position: relative; + top: 0rem; + left: 0; + right: 0; + margin: 0 auto; + max-width: 96rem; + font-size: 1.6rem; } + body > main > article { + margin: 0 auto; + background: rgba(166, 191, 112, 0.9); + max-width: 60rem; + min-height: calc(100vh - 24rem); + padding: 12rem 9rem; } + +body.gfx > main > article { + background: #cda896; } +body.gfx > aside:hover, body.gfx > aside:focus { + background-color: #cda896; } + body.gfx > aside:hover nav ul li:first-child, body.gfx > aside:focus nav ul li:first-child { + background: #cda896; } +body.txt > main > article { + background: #bbcd96; } +body.txt > aside:hover, body.txt > aside:focus { + background-color: #bbcd96; } + body.txt > aside:hover nav ul li:nth-child(2), body.txt > aside:focus nav ul li:nth-child(2) { + background: #bbcd96; } +body.vdo > main > article { + background: #6d90a2; } +body.vdo > aside:hover, body.vdo > aside:focus { + background-color: #6d90a2; } + body.vdo > aside:hover nav ul li:last-child, body.vdo > aside:focus nav ul li:last-child { + background: #6d90a2; } +body > aside { + position: fixed; + top: calc(50% - 150px); + height: 300px; + background: black url(../img/aside-off.png) center right no-repeat; + left: -20rem; + width: 20rem; + padding: 1rem; } + body > aside:hover, body > aside:focus { + left: 0; + background: #f0f0f2 url(../img/aside-on.png) center left no-repeat; + box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.4); + width: auto; + border-right: 2rem solid black; + padding: 0; } + body > aside:hover nav, body > aside:focus nav { + display: block; + background: #f0f0f2 url(../img/aside-on.png) center left no-repeat; + height: 100%; } + body > aside:hover ul li:hover span, body > aside:focus ul li:hover span { + display: block; } + body > aside:hover ul li:hover:first-child, body > aside:focus ul li:hover:first-child { + transform: scale(1.4) rotate(4deg) translateX(-0.75vw); } + body > aside:hover ul li:hover:first-child a, body > aside:focus ul li:hover:first-child a { + transform: rotate(-4deg); } + body > aside:hover ul li:hover:nth-child(2), body > aside:focus ul li:hover:nth-child(2) { + transform: scale(1.4) rotate(-6deg) translateX(-0.5vw); } + body > aside:hover ul li:hover:nth-child(2) a, body > aside:focus ul li:hover:nth-child(2) a { + transform: rotate(6deg); } + body > aside:hover ul li:hover:last-child, body > aside:focus ul li:hover:last-child { + transform: scale(1.4) rotate(5deg) translateX(-0.5vw); } + body > aside:hover ul li:hover:last-child a, body > aside:focus ul li:hover:last-child a { + transform: rotate(-5deg); } + body > aside nav { + position: relative; + margin-left: 3rem; + display: none; + line-height: 30rem; } + body > aside nav h3 { + display: inline-block; + background: url(../img/logo-ps.svg) 3rem center/10rem fixed no-repeat; + width: 10rem; + height: 100%; + vertical-align: top; + color: transparent; } + body > aside nav h3 a { + display: block; + height: 100%; + width: 100%; + line-height: 30rem; + color: transparent; } + body > aside nav h3 a:hover { + color: transparent; } + body > aside nav ul { + list-style: none; + display: inline-block; + height: 100%; } + body > aside nav ul li { + display: block; + padding: 0 2rem; + font-size: 3rem; + float: left; + padding-left: 1rem; + z-index: 400; + overflow: hidden; + width: 10rem; + height: 100%; } + body > aside nav ul li a { + color: black; + text-decoration: none; + display: block; + height: 100%; + width: 100%; + z-index: 404; } + body > aside nav ul li a:hover { + font-size: 200%; + color: inherit; + z-index: 404; } + body > aside nav ul li span { + display: none; + z-index: 400; + position: relative; + font-size: 1.25rem; + line-height: 1.6rem; + text-align: center; + margin: -3rem -2rem 0 -1rem; } + body > aside nav ul li:first-child { + background: rgba(191, 138, 112, 0.7); } + body > aside nav ul li:nth-child(2) { + background: rgba(166, 191, 112, 0.9); } + body > aside nav ul li:last-child { + background: rgba(109, 144, 162, 0.7); } + +body > footer { + position: relative; + left: 0; + right: 0; + max-width: 60rem; + margin: 5rem auto 2rem auto; } + +article > header p { + font-size: 2rem; + line-height: 1.25; + font-family: "Cormorant Garamond", serif; + text-variant: italic; + padding: 2rem 4rem; + text-align: justify; } + +article section:after { + display: table; + content: ""; + clear: both; + margin-bottom: 2rem; } +article aside ul { + display: table; + position: relative; + list-style: none; + margin: 0 -8rem 1rem -8rem; + width: calc(100% + 16rem); } + article aside ul li { + display: table-cell; + text-align: center; } + article aside ul img { + display: block; + width: 16rem; + height: 9rem; + background-color: black; + margin: 1rem auto; } +article .outro p { + font-size: 2rem; + text-align: justify; } +article .intro { + background-color: rgba(255, 255, 255, 0.1); + box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5); + height: auto; + max-height: 2rem; + margin: 2rem; + padding: 2rem; + overflow: hidden; + text-overflow: ellipsis; } + article .intro p { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } + article .intro:hover { + max-height: 100vh; } + article .intro:hover p { + white-space: normal; + overflow: auto; } +article .video { + margin: 0 -6rem 0 -4rem; } + article .video video { + width: 30rem; + background: black; + float: left; + margin: 0 2rem 0 -4rem; } + article .video p { + line-height: 1.25; } + article .video:hover video { + width: calc(100% + 6rem); + height: auto; + float: none; } + +body.vdo > main > article { + background: #6d90a2; } +body.vdo > aside:hover, body.vdo > aside:focus { + background-color: #6d90a2; } + body.vdo > aside:hover nav ul li:last-child, body.vdo > aside:focus nav ul li:last-child { + background: #6d90a2; } + +/** + * Languages + **/ +html[lang='en'] :lang(fr) { + display: none; } + +html[lang='fr'] :lang(en) { + display: none; } + +:lang(en) { + quotes: '\201C' '\201D' '\2018' '\2019'; } + +:lang(fr) { + quotes: '« ' ' »'; } + +/** + * Defaults + **/ +body { + font-family: Abel, "Open Sans", sans-serif; + font-size: 1em; + /* No rem here, bug workaround */ + background: #f0f0f2; + color: #141414; } + body.ps { + background: rgba(173, 151, 56, 0.68); + color: #f3f0e4; } + body > header :link, body > header :visited, body > footer :link, body > footer :visited { + color: #dcc985; + text-decoration: none; } + body :visited { + text-decoration: underline; } + +/*# sourceMappingURL=screen.css.map */ diff --git a/assets/css/screen.css.map b/assets/css/screen.css.map new file mode 100644 index 0000000..25e7828 --- /dev/null +++ b/assets/css/screen.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["../scss/_variables.scss","../scss/_normalize.scss","../scss/_skeleton.scss","../scss/_header.scss","../scss/_main.scss","../scss/_aside.scss","../scss/_footer.scss","../scss/screen.scss","../scss/_gfx.scss","../scss/txt.scss","../scss/_vdo.scss"], +"names": [], +"file": "screen.css" +} \ No newline at end of file diff --git a/assets/css/txt.css b/assets/css/txt.css index b6a0a26..3aabc4d 100644 --- a/assets/css/txt.css +++ b/assets/css/txt.css @@ -861,6 +861,24 @@ there. /* Larger than tablet */ /* Larger than desktop */ /* Larger than Desktop HD */ +a { + text-decoration: none; } + a:link { + color: #f0f0f2; } + a:hover { + color: white; + text-decoration: underline; } + a:active { + color: black; } + a:visited { + color: rgba(240, 240, 242, 0.8); } + +span.ps { + background: url(../img/logo-ps.svg) top left/5rem no-repeat; + opacity: 0.75; + color: transparent; + padding: 0 1rem; } + h1, h2, h3, h4, h5, h6 { font-family: "Cormorant Garamond", serif; font-weight: 600; } diff --git a/assets/css/txt.css.map b/assets/css/txt.css.map index f6b5ef1..28324b1 100644 --- a/assets/css/txt.css.map +++ b/assets/css/txt.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "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", +"mappings": "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", "sources": ["../scss/_variables.scss","../scss/_normalize.scss","../scss/_skeleton.scss","../scss/txt.scss"], "names": [], "file": "txt.css" diff --git a/assets/img/camera-qui-tombe.webm b/assets/img/camera-qui-tombe.webm new file mode 100755 index 0000000..735dfcb Binary files /dev/null and b/assets/img/camera-qui-tombe.webm differ diff --git a/assets/js/ps-app.js b/assets/js/ps-app.js index 66d67fe..2007469 100644 --- a/assets/js/ps-app.js +++ b/assets/js/ps-app.js @@ -5,7 +5,13 @@ // Make each .media section clickable to reach .// $('.media section').each(function(_, e) { e.onclick = function(e) { - window.location = './' + e.target.id + '/' + var id = false + e.path.forEach(function(e) { + if (e.id) id = e.id + if (id !== false) return id + }) + if (id !== false) + window.location = './' + id + '/' return false } }) diff --git a/assets/scss/_aside.scss b/assets/scss/_aside.scss new file mode 100644 index 0000000..6afe3b6 --- /dev/null +++ b/assets/scss/_aside.scss @@ -0,0 +1,133 @@ +body > aside { + + position: fixed; + top: calc(50% - 150px); + height: 300px; + background: black url(../img/aside-off.png) center right no-repeat; + left: -20rem; + width: 20rem; + padding: 1rem; + + &:hover, &:focus { + left: 0; + background: $bg-main url(../img/aside-on.png) center left no-repeat; + box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.4); + width: auto; + border-right: 2rem solid black; + padding: 0; + + nav { + display: block; + background: $bg-main url(../img/aside-on.png) center left no-repeat; + height: 100%; + } + + ul li:hover { + span { + display: block; + } + &:first-child { + transform: scale(1.4) rotate(4deg) translateX(-0.75vw); + a { + transform: rotate(-4deg); + } + } + &:nth-child(2) { + transform: scale(1.4) rotate(-6deg) translateX(-0.5vw); + a { + transform: rotate(6deg); + } + } + &:last-child { + transform: scale(1.4) rotate(5deg) translateX(-0.5vw); + a { + transform: rotate(-5deg); + } + } + } + } + + nav { + position: relative; + margin-left: 3rem; + display: none; + line-height: 30rem; + + h3 { + display: inline-block; + background: url(../img/logo-ps.svg) 3rem center / 10rem fixed no-repeat; + width: 10rem; + height: 100%; + vertical-align: top; + color: transparent; + + a { + display: block; + height: 100%; + width: 100%; + line-height: 30rem; + color: transparent; + &:hover { + color: transparent; + } + } + } + + ul { + list-style: none; + display: inline-block; + height: 100%; + + li { + display: block; + padding: 0 2rem; + font-size: 3rem; + float: left; + padding-left: 1rem; + z-index: 400; + overflow: hidden; + width: 10rem; + height: 100%; + + a { + color: black; + text-decoration: none; + display: block; + height: 100%; + width: 100%; + z-index: 404; + + &:hover { + font-size: 200%; + color: inherit; + z-index: 404; + } + } + + span { + display: none; + z-index: 400; + position: relative; + font-size: 1.25rem; + line-height: 1.6rem; + text-align: center; + margin: -3rem -2rem 0 -1rem; + } + +/* + &:first-child { + background: $bg-gfx; + } + + &:nth-child(2) { + background: $bg-txt; + } + + &:last-child { + background: $bg-vdo; + } +*/ + } + } + } +} diff --git a/assets/scss/_footer.scss b/assets/scss/_footer.scss new file mode 100644 index 0000000..39d474a --- /dev/null +++ b/assets/scss/_footer.scss @@ -0,0 +1,77 @@ +body > footer { + + position: relative; + left: 0; + right: 0; + + font-size: smaller; + + margin: 5rem auto 2rem auto; + width: 80vw; + + a { + white-space: nowrap; + } + + &:hover > p { + > span:first-child { + display: inline-block; + color: transparent; + line-height: 0; + } + > span:first-child:before { + content: 'Copyleft'; + display: block; + color: black; + padding-right: 0.4rem; + } + > span + span { + display: inline-block; + transform: rotate(180deg); + padding-bottom: -0.07rem; + } + } +} + +footer > nav { + + ul { + display: inline-block; + margin: 0; + padding: 0; + list-style: none; + } + + li { + display: inline-block; + margin: 0 0.75rem; + width: 4rem; + height: 3rem; + border: 1px solid; + border-bottom: 3px solid; + border-color: transparent; + border-top-right-radius: 0.5rem; + text-align: center; + + a { + position: relative; + display: block; + width: 100%; + height: 100%; + line-height: 3rem; + margin: 0; + padding: 0; + background: rgba(0,0,0,0.25); + border-top-right-radius: 0.5rem; + } + + &:hover { + border-color: rgba(220, 201, 133, 1); + + a { + font-weight: bold; + background: rgba(0,0,0,0.5); + } + } + } +} diff --git a/assets/scss/_gfx.scss b/assets/scss/_gfx.scss new file mode 100644 index 0000000..43003f9 --- /dev/null +++ b/assets/scss/_gfx.scss @@ -0,0 +1,13 @@ +body.gfx { + > main > article { + background: $bg-gfx-on; + } + > aside { + &:hover, &:focus { + background-color: $bg-gfx-on; + nav ul li:first-child { + background: $bg-gfx-on; + } + } + } +} diff --git a/assets/scss/_header.scss b/assets/scss/_header.scss new file mode 100644 index 0000000..96fc802 --- /dev/null +++ b/assets/scss/_header.scss @@ -0,0 +1,135 @@ +h1,h2,h3,h4,h5,h6 { + font-family: $serif; + font-weight: 600; + + a, a:hover, a:focus, a:link, a:visited { + text-decoration: none; + color: inherit; + } + a:active { + text-decoration: underline; + color: $bg-main; + } +} + +body.ps { + + > header { + position: fixed; + z-index: 999; + top: 0; + left: 0; + right: 0; + background: $bg-header; + padding: 0 2rem; + color: $fg-header; + + h1 { + margin: 0 auto; + + &:before { + background: url(../assets/img/logo-ps.svg) center left / 5rem no-repeat; + display: block; + width: 5rem; + height: 5rem; + } + } + + h2 { + font-weight: 100; + margin-top: -2.6rem; + font-size: 3.7rem; + transform: rotate(180deg); + } + + p { + font-family: $serif; + font-size: 2rem; + font-style: italic; + margin: -3.8rem 0 0 0; + padding: 0 0 0.4rem 0.3rem; + + span { + color: black; + } + } + } + + &.home > header { + background-color: $bg-dark; + top: unset; + right: 5vw; + bottom: -2vh; + left: 5vw; + padding: 1rem; + font-size: 1.2rem; + color: $fg-white-85; + overflow: auto; + transform: rotate(-2.7deg) translateY(4.5vh) skewX(-5deg); + + h1 { + font-size: 7vh; + text-align: center; + transform: rotate(1.5deg) translateX(5vh) translateY(-1vh); + + img { + display: none; + vertical-align: -1.6rem; + } + } + + section { + display: none; + max-width: 42rem; + margin: 0 auto; + padding-bottom: 7rem; + } + + footer { + background-color: rgba(109, 78, 128, 1); + display: none; + font-size: 1rem; + z-index: 999; + position: fixed; + bottom: 0; + left: 0; + right: 0; + display: none; + + > h4 { + display: inline-block; + } + + > nav { + display: none; + } + + > p { + display: none; + max-width: 42rem; + margin: 0 auto; + padding-bottom: 7rem; + } + } + + &:hover { + top: 5vh; + + h1 { + font-size: 2.6rem; + transform: rotate(2.7deg) translate(0, 0) skewX(0); + } + + img { + display: inline-block; + } + + section, footer { + display: block; + width: 80vw; + margin: 0 auto; + padding-bottom: 3rem; + } + } + } +} diff --git a/assets/scss/_main.scss b/assets/scss/_main.scss new file mode 100644 index 0000000..00ee2a7 --- /dev/null +++ b/assets/scss/_main.scss @@ -0,0 +1,122 @@ +body > main { + + position: relative; + top: 0rem; + right: 0; + left: 0; + + font-size: 1.6rem; + + margin: 0 auto; + max-width: 96rem; + + > article { + background: $bg-txt-ps-on; + + margin: 0 auto; + max-width: 60rem; + min-height: calc(100vh - 24rem); + height: auto; + + padding: 12rem 9rem; + } + +} + + +article { + > header { + p { + font-size: 2rem; + line-height: 1.25; + font-family: $serif; + text-variant: italic; + padding: 2rem 4rem; + text-align: justify; + } + } + + section:after { + display: table; + content: ""; + clear: both; + margin-bottom: 2rem; + } + + aside { + + ul { + display: table; + position: relative; + list-style: none; + margin: 0 -8rem 1rem -8rem; + width: calc(100% + 16rem); + + li { + display: table-cell; + text-align: center; + } + + img { + display: block; + width: 16rem; + height: 9rem; + background-color: black; + margin: 1rem auto; + } + } + } + + .intro { + background-color: rgba(255, 255, 255, 0.1); + box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5); + height: auto; + max-height: 2rem; + margin: 2rem; + padding: 2rem; + overflow: hidden; + text-overflow: ellipsis; + + p { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + &:hover { + max-height: 100vh; + p { + white-space: normal; + overflow: auto; + } + } + } + + .outro { + p { + font-size: 2rem; + text-align: justify; + } + } + + .video { + margin: 0 -6rem 0 -4rem; + + video { + width: 30rem; + background: black; + float: left; + margin: 0 2rem 0 -4rem; + } + p { + line-height: 1.25; + } + &:hover { + video { + width: calc(100% + 6rem); + height: auto; + float: none; + } + } + } +} diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss index 638e678..e09fcf9 100644 --- a/assets/scss/_variables.scss +++ b/assets/scss/_variables.scss @@ -2,24 +2,37 @@ * SCSS Variables **/ -// Colors - -$bg-dark: rgba(109, 78, 128, 1); -$fg-header-h1: rgba(220, 201, 133, 1); - -$bg-fair: rgba(173, 151, 56, 0.68); -$fg-color: #f3f0e4; - -$bg-gfx-off: rgba(191, 138, 112, 0.7); -$bg-gfx-on: rgba(191, 138, 112, 0.9); -$bg-txt-off: rgba(166, 191, 112, 0.7); -$bg-txt-on: rgba(166, 191, 112, 0.9); -$bg-vdo-off: rgba(112, 166, 191, 0.5); -$bg-vdo-on: rgba(112, 166, 191, 0.9); - - // Fonts $serif: 'Cormorant Garamond', serif; $sans-serif: Abel, 'Open Sans', sans-serif; +// Colors + +$bg-dark: rgba(109, 78, 128, 1); +$fg-header-h1: rgba(220, 201, 133, 1); +$fg-white-85: rgba(255, 255, 255, 0.85); + +$bg-header: rgba(124, 118, 146, 1); +$fg-header: rgba(240, 240, 242, 1); + +// On the home page: +$bg-ps: rgba(173, 151, 56, 0.68); +$fg-ps: rgba(243, 240, 228, 1); + +$bg-gfx-ps-on: rgba(191, 138, 112, 0.9); +$bg-txt-ps-on: rgba(166, 191, 112, 0.9); +$bg-vdo-ps-off: rgba(112, 166, 191, 0.5); +$bg-vdo-ps-on: rgba(112, 166, 191, 0.9); + +// On other pages: +$bg-main: $fg-header; +$fg-main: rgba(20, 20, 20, 1); + +$bg-gfx-off: rgba(191, 138, 112, 0.7); +$bg-gfx-on: rgba(205, 168, 150, 1); +$bg-txt-off: rgba(166, 191, 112, 0.7); +$bg-txt-on: rgba(187, 205, 150, 1); +$bg-vdo-off: rgba(109, 144, 162, 0.7); +$bg-vdo-on: rgba(109, 144, 162, 1); + diff --git a/assets/scss/_vdo.scss b/assets/scss/_vdo.scss new file mode 100644 index 0000000..3578b93 --- /dev/null +++ b/assets/scss/_vdo.scss @@ -0,0 +1,13 @@ +body.vdo { + > main > article { + background: $bg-vdo-on; + } + > aside { + &:hover, &:focus { + background-color: $bg-vdo-on; + nav ul li:last-child { + background: $bg-vdo-on; + } + } + } +} diff --git a/assets/scss/home.scss b/assets/scss/home.scss new file mode 100644 index 0000000..7a1a0e3 --- /dev/null +++ b/assets/scss/home.scss @@ -0,0 +1,581 @@ +@charset 'UTF-8'; + + +html[lang='en'] :lang(fr) { + display: none !important; +} +html[lang='fr'] :lang(en) { + display: none !important; +} + +:lang(en) { + quotes: '\201C' '\201D' '\2018' '\2019'; +} +:lang(fr) { + quotes: '« ' ' »'; +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Cormorant Garamond', serif; +} + +body { + background: rgba(173, 151, 56, 0.68); + color: #f3f0e4; + font-family: Abel, 'Open Sans', sans-serif; + + :visited { + text-decoration: underline; + } + +} + +body > header { + + background-color: rgba(109, 78, 128, 1); + position: fixed; + right: 5vw; + bottom: -2vh; + left: 5vw; + padding: 1rem; + z-index: 999; + font-size: 1.2rem; + color: rgba(255, 255, 255, 0.85); + overflow: auto; + transform: rotate(-2.7deg) translateY(4.5vh) skewX(-5deg); + + :link, :visited, + footer :link, footer :visited { + color: rgba(220, 201, 133, 1); + text-decoration: none; + } + + h1 { + text-align: center; + margin: 0; + font-family: 'Cormorant Garamond', serif; + /* font-size: 2.8rem; */ + font-size: 7vh; + transform: rotate(1.5deg) translateX(5vh) translateY(-1vh); + + img { + display: none; + vertical-align: -1.6rem; + } + } + + section { + display: none; + max-width: 42rem; + margin: 0 auto; + padding-bottom: 7rem; + } + + footer { + position: fixed; + left: 0; + right: 0; + font-size: smaller; + background-color: rgba(109, 78, 128, 1); + display: none; + margin: 5rem auto 2rem auto; + width: 80vw; + + + > p { + text-align: center; + margin: 4rem auto 2rem auto; + } + + > nav { + margin: 0 auto -3.5rem auto; + padding: 0; + display: none; + text-align: center; + transform: translateY(-7rem); + + h4 { + display: inline; + } + + ul { + display: inline-block; + margin: 0; + padding: 0; + list-style: none; + } + li { + display: inline-block; + margin: 0 0.75rem; + width: 4rem; + height: 3rem; + border: 1px solid; + border-bottom: 3px solid; + border-color: transparent; + border-top-right-radius: 0.5rem; + text-align: center; + + a { + position: relative; + display: block; + width: 100%; + height: 100%; + line-height: 3rem; + margin: 0; + padding: 0; + background: rgba(0,0,0,0.25); + border-top-right-radius: 0.5rem; + } + + &:hover { + border-color: rgba(220, 201, 133, 1); + + a { + font-weight: bold; + background: rgba(0,0,0,0.5); + } + } + } + } + + &:hover { + /** + * Copyleft magic + **/ + > p { + + > span:first-child { + display: inline-block; + color: transparent; + line-height: 0; + + &:before { + content: 'Copyleft'; + display: block; + color: #f3f0e4; + padding-right: 0.45rem; + } + } + + > span + span { + display: inline-block; + transform: rotate(180deg); + padding-bottom: -0.1rem; + } + } + + > nav { + display: block; + } + } + } + + + &:hover { + top: 5vh; + + h1 { + font-size: 2.6rem; + transform: rotate(2.7deg) translate(0, 0) skewX(0); + } + + footer { + transform: rotate(2.7deg) translateY(-4.5vh) skewX(5deg); + } + + img { + display: inline-block; + } + + section, footer { + display: block; + width: 80vw; + margin: 0 auto; + padding-bottom: 3rem; + } + + } +} + +body > main { + background: url(../img/logo-ps.svg) 40% calc(50% - 5vh) / 50vw no-repeat fixed; + position: fixed; + top: 0; + right: 0; + bottom: 50%; + left: 0; + padding: 1rem; + min-height: 80vh; +} + +body > footer { + z-index: 999; + position: fixed; + bottom: 0; + left: 0; + right: 0; + display: none; + background-color: rgba(109, 78, 128, 1); + display: none; + font-size: 1rem; + + h4 { + display: inline-block; + } + + > p { + text-align: center; + margin: 4rem auto 2rem auto; + } + + > nav { + display: none; + max-width: 42rem; + margin: 0 auto -3.5rem auto; + padding: 0; + + ul { + display: inline-block; + margin: 0; + padding: 0; + list-style: none; + } + + li { + display: inline-block; + margin: 0 0.75rem; + width: 4rem; + height: 3rem; + border: 1px solid; + border-bottom: 3px solid; + border-color: transparent; + border-top-right-radius: 0.5rem; + text-align: center; + + a { + position: relative; + display: block; + width: 100%; + height: 100%; + line-height: 3rem; + margin: 0; + padding: 0; + background: rgba(0,0,0,0.25); + border-top-right-radius: 0.5rem; + } + + &:hover { + border-color: rgba(220, 201, 133, 1); + + a { + font-weight: bold; + background: rgba(0,0,0,0.5); + } + } + } + } + + &:hover { + + /** + * Copyleft magic + **/ + > p > span:first-child { + display: inline-block; + color: transparent; + line-height: 0; + + &:before { + content: 'Copyleft'; + display: block; + color: #f3f0e4; + padding-right: 0.4rem; + } + } + > p > span + span { + display: inline-block; + transform: rotate(180deg); + padding-bottom: -0.05rem; + } + + nav { + display: block; + } + } + +} + +@media screen and (min-device-width: 1024px) { + + header > footer { + position: fixed; + } + + +/** + * Scrollbar + * + * ::-webkit-scrollbar the background of the bar itself. + * ::-webkit-scrollbar-button the directional buttons on the scrollbar. + * ::-webkit-scrollbar-track the empty space “below” the progress bar. + * ::-webkit-scrollbar-track-piece the top-most layer of the the progress bar not covered by the thumb. + * ::-webkit-scrollbar-thumb the draggable scrolling element resizes depending on the size of the scrollable element. + * ::-webkit-scrollbar-corner the bottom corner of the scrollable element, where two scrollbar meet. + * ::-webkit-resizer the draggable resizing handle that appears above the scrollbar-corner at the bottom corner of some elements. + **/ + + body > header::-webkit-scrollbar { + background-color: rgba(109, 78, 128, 1); + box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.4) inset; + } + body > header::-webkit-scrollbar-button { + background-color: black; + } + body > header::-webkit-scrollbar-track { + background-color: rgba(0, 0, 0, 0.5); + } + body > header::-webkit-scrollbar-track-piece { + background-color: rgba(255, 255, 255, 0.5); + } + body > header::-webkit-scrollbar-thumb { + background-color: rgba(220, 201, 133, 1); + box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.4); + } + body > header::-webkit-scrollbar-corner { + background-color: red; + } + body > header:hover { + overflow-y: auto; + } + + + + body > header:hover ~ footer { + position: fixed; + bottom: 0; + display: block; + } + + body > header:hover ~ footer > nav { + display: block; + } + + .media, .libre { + display: block; + position: absolute; + top: 0; + bottom: 5rem; + height: 100vh; +/* overflow: hidden; */ + } + + .media:hover { + width: 70vw; + z-index: 500; + } + .media h2, .libre h2 { + display: none; + } + + .media { + left: 0; + + section { + float: left; + position: relative; + height: 100%; + width: 15vw; + top: -5vh; + left: 0; + padding-top: 5vh; + padding-left: 1rem; + z-index: 400; + overflow: hidden; + + h3 { + font-size: 5rem; + color: rgba(0,0,0,0.2); + } + + h4, p { + display: none; + } + + &:hover { + box-shadow: 0px -2px 4px 2px rgba(0, 0, 0, 0.68) inset; + transform: rotate(0deg); + width: 40vw; + z-index: 500; + + h3 { + color: rgba(0, 0, 0, 1); + } + + h4, p { + display: block; + padding: 1rem; + color: black; + } + } + } + } + + .media #gfx { + background: rgba(191, 138, 112,0.7); + transform: rotate(-4deg); + margin: 0 -5vw 0 -2vw; + left: 0; + } + .media #gfx h3 { + transform: rotate(4deg) translateX(1vw); + font-size: 5rem; + } + .media #gfx:hover { + background: rgba(191, 138, 112, 0.9); + transform: rotate(0); + margin: 0; + + p, h4 { + display: none; + } + } + .media #gfx:hover h3 { + transform: rotate(0) translateX(0) translateY(-4rem); + } + .media #gfx:hover + #txt { + margin-left: -3vw; + } + + .media #txt { + background: rgba(166, 191, 112, 0.7); + transform: rotate(6deg); + margin: 0 -3vw 0 0; + color: transparent; + } + .media #txt h3 { + transform: rotate(-6deg) translateX(-3vw) translateY(-0.1rem); + } + .media #txt:hover { + background: rgba(166, 191, 112, 0.9); + transform: rotate(0); + margin: 0; + color: black; + padding: 1rem; + } + .media #txt:hover h3 { + transform: rotate(0) translateX(0) translateY(-4.1rem); + } + .media section h3 a { + position: relative; + display: block; + top: 0; + left: 0; + right: 0; + bottom: 0; + text-decoration: none; + color: inherit; + } + .media #txt:hover p.tagline { + position: absolute; + top: 6rem; + font-family: 'Cormorant Garamond'; + font-style: italic; + font-size: 1.6rem; + padding: 1rem 2rem; + } + + .media #vdo { + left: 0; + background: rgba(112, 166, 191, 0.5); + transform: rotate(-5deg); + margin: 0 0 0 -2vw; + width: 10vw; + + p, h4 { + display: none; + } + } + .media #vdo video { + position: absolute; + top: 50%; + left: 50%; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + transform: translate(-50%, -50%); + z-index: -101; + opacity: 0.1; + } + .media #vdo:hover video { + opacity: 1; + } + .media #vdo:hover { + background: rgba(112, 166, 191, 0.9); + margin: 0; + transform: rotate(0); + width: 40vw; + } + .media #vdo h3 { + transform: rotate(5deg) translateX(-2vw); + } + .media #vdo:hover h3 { + transform: rotate(0) translateX(0) translateY(-5rem); + color: rgba(109, 144, 162, 0.7); + font-size: 18vw; + + a { + display: block; + height: 100%; + width: 100%; + } + } + + .libre { + right: 0; + width: 32vw; + } + .libre > section h3 { + color: rgba(109, 78, 128, 1); + font-size: 7vh; + margin: 0; + padding: 0; + } + .libre > section p { + color: rgba(0, 0, 0, 0.7); + font-size: 4.9vh; + margin: 0; + } + .libre > section h3 a { + color: rgba(109, 78, 128, 1); + text-decoration: none; + } + + .libre #participation { +/* transform: rotate(-4deg) translateY(4.5rem); */ + transform: rotate(-4deg) translateY(6vh); + } + .libre #engagement { +/* transform: translate(0.5rem, 7rem); */ + transform: translate(0.5vw, 14vh); + } + .libre #cooperation { +/* transform: rotate(2deg) translate(0rem, 9.8rem); */ + transform: rotate(2deg) translate(0rem, 19.5vh); + } + +} + +@media screen and (max-device-width: 1023px) { + + body > header > h1 { + font-size: 100rem; + margin: 5rem auto; + width: 80% + } + + body > main { + background: url(../img/logo-ps.svg) center calc(92% - 50vh) / contain no-repeat fixed; + } + +} diff --git a/assets/scss/screen.scss b/assets/scss/screen.scss new file mode 100644 index 0000000..fdda851 --- /dev/null +++ b/assets/scss/screen.scss @@ -0,0 +1,59 @@ +@import 'variables'; +@import 'normalize'; +@import 'skeleton'; +@import 'header'; +@import 'main'; +@import 'aside'; +@import 'footer'; + +/** + * Pages + **/ +@import 'gfx'; +@import 'txt'; +@import 'vdo'; + +/** + * Languages + **/ + +html[lang='en'] :lang(fr) { + display: none; +} +html[lang='fr'] :lang(en) { + display: none; +} + +:lang(en) { + quotes: '\201C' '\201D' '\2018' '\2019'; +} +:lang(fr) { + quotes: '« ' ' »'; +} + +/** + * Defaults + **/ + +body { + font-family: $sans-serif; + font-size: 1em; /* No rem here, bug workaround */ + background: $bg-main; + color: $fg-main; + + &.ps { + background: $bg-ps; + color: $fg-ps; + } + + > header, > footer { + :link, :visited { + color: $fg-header-h1; + text-decoration: none; + } + } + + :visited { + text-decoration: underline; + } +} diff --git a/assets/scss/txt.scss b/assets/scss/txt.scss index 4bc59a9..a331d7b 100644 --- a/assets/scss/txt.scss +++ b/assets/scss/txt.scss @@ -10,6 +10,36 @@ $bg-txt-on: rgba(187, 205, 150, 1); $bg-vdo: rgba(109, 144, 162, 0.7); $bg-vdo-on: rgba(109, 144, 162, 1); +$a-link: $bg-main; +$a-hover: white; +$a-active: black; +$a-visited: rgba(240,240,242, 0.8); + +a { + text-decoration: none; + + &:link { + color: $a-link; + } + &:hover { + color: $a-hover; + text-decoration: underline; + } + &:active { + color: $a-active; + } + &:visited { + color: $a-visited; + } +} + +span.ps { + background: url(../img/logo-ps.svg) top left / 5rem no-repeat; + opacity: 0.75; + color: transparent; + padding: 0 1rem; +} + h1,h2,h3,h4,h5,h6 { font-family: $serif; font-weight: 600; -- cgit v1.2.3