Merge branch 'refactor/html-structure' of epickiwi/site-lol into v2
Vu ensemble, c'est pas mal en vrai
This commit is contained in:
Gogs
commit
3f7903d7a6
816
css/normalize.css
vendored
816
css/normalize.css
vendored
@ -1,501 +1,351 @@
|
|||||||
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
||||||
/* =============================================================================
|
/* Document
|
||||||
HTML5 display definitions
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/*
|
/**
|
||||||
* Corrects block display not defined in IE6/7/8/9 & FF3
|
* 1. Correct the line height in all browsers.
|
||||||
|
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
article,
|
html {
|
||||||
aside,
|
line-height: 1.15; /* 1 */
|
||||||
details,
|
|
||||||
figcaption,
|
|
||||||
figure,
|
|
||||||
footer,
|
|
||||||
header,
|
|
||||||
hgroup,
|
|
||||||
nav,
|
|
||||||
section,
|
|
||||||
summary {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Corrects inline-block display not defined in IE6/7/8/9 & FF3
|
|
||||||
*/
|
|
||||||
|
|
||||||
audio,
|
|
||||||
canvas,
|
|
||||||
video {
|
|
||||||
display: inline-block;
|
|
||||||
*display: inline;
|
|
||||||
*zoom: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Prevents modern browsers from displaying 'audio' without controls
|
|
||||||
* Remove excess height in iOS5 devices
|
|
||||||
*/
|
|
||||||
|
|
||||||
audio:not([controls]) {
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
|
|
||||||
* Known issue: no IE6 support
|
|
||||||
*/
|
|
||||||
|
|
||||||
[hidden] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
|
||||||
Base
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
|
|
||||||
* http://clagnut.com/blog/348/#c790
|
|
||||||
* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
|
|
||||||
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
|
|
||||||
*/
|
|
||||||
|
|
||||||
html {
|
|
||||||
font-size: 100%; /* 1 */
|
|
||||||
-webkit-text-size-adjust: 100%; /* 2 */
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
-ms-text-size-adjust: 100%; /* 2 */
|
}
|
||||||
}
|
|
||||||
|
/* Sections
|
||||||
/*
|
========================================================================== */
|
||||||
* Addresses font-family inconsistency between 'textarea' and other form elements.
|
|
||||||
*/
|
/**
|
||||||
|
* Remove the margin in all browsers.
|
||||||
html,
|
*/
|
||||||
button,
|
|
||||||
input,
|
body {
|
||||||
select,
|
|
||||||
textarea {
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Addresses margins handled incorrectly in IE6/7
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
/* =============================================================================
|
* Render the `main` element consistently in IE.
|
||||||
Links
|
*/
|
||||||
========================================================================== */
|
|
||||||
|
main {
|
||||||
/*
|
display: block;
|
||||||
* Addresses outline displayed oddly in Chrome
|
}
|
||||||
*/
|
|
||||||
|
/**
|
||||||
a:focus {
|
* Correct the font size and margin on `h1` elements within `section` and
|
||||||
outline: thin dotted;
|
* `article` contexts in Chrome, Firefox, and Safari.
|
||||||
}
|
*/
|
||||||
|
|
||||||
/*
|
h1 {
|
||||||
* Improves readability when focused and also mouse hovered in all browsers
|
font-size: 2em;
|
||||||
* people.opera.com/patrickl/experiments/keyboard/test
|
margin: 0.67em 0;
|
||||||
*/
|
}
|
||||||
|
|
||||||
a:hover,
|
/* Grouping content
|
||||||
a:active {
|
========================================================================== */
|
||||||
outline: 0;
|
|
||||||
}
|
/**
|
||||||
|
* 1. Add the correct box sizing in Firefox.
|
||||||
|
* 2. Show the overflow in Edge and IE.
|
||||||
/* =============================================================================
|
*/
|
||||||
Typography
|
|
||||||
========================================================================== */
|
hr {
|
||||||
|
box-sizing: content-box; /* 1 */
|
||||||
/*
|
height: 0; /* 1 */
|
||||||
* Addresses font sizes and margins set differently in IE6/7
|
overflow: visible; /* 2 */
|
||||||
* Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
|
}
|
||||||
*/
|
|
||||||
|
/**
|
||||||
h1 {
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
margin: 1em 0;
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
}
|
*/
|
||||||
|
|
||||||
h2 {
|
pre {
|
||||||
margin: 0;
|
font-family: monospace, monospace; /* 1 */
|
||||||
}
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
h3 {
|
|
||||||
margin: 1em 0 0 0;
|
/* Text-level semantics
|
||||||
color : #FFF;
|
========================================================================== */
|
||||||
}
|
|
||||||
|
/**
|
||||||
h4 {
|
* Remove the gray background on active links in IE 10.
|
||||||
margin: 1.33em 0;
|
*/
|
||||||
color : yellow;
|
|
||||||
}
|
a {
|
||||||
|
background-color: transparent;
|
||||||
h5 {
|
}
|
||||||
margin: 1.67em 0;
|
|
||||||
}
|
/**
|
||||||
|
* 1. Remove the bottom border in Chrome 57-
|
||||||
h6 {
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||||
margin: 2.33em 0;
|
*/
|
||||||
}
|
|
||||||
|
abbr[title] {
|
||||||
/*
|
border-bottom: none; /* 1 */
|
||||||
* Addresses styling not present in IE7/8/9, S5, Chrome
|
text-decoration: underline; /* 2 */
|
||||||
*/
|
text-decoration: underline dotted; /* 2 */
|
||||||
|
}
|
||||||
abbr[title] {
|
|
||||||
border-bottom: 1px dotted;
|
/**
|
||||||
}
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||||
|
*/
|
||||||
/*
|
|
||||||
* Addresses style set to 'bolder' in FF3+, S4/5, Chrome
|
b,
|
||||||
*/
|
strong {
|
||||||
|
font-weight: bolder;
|
||||||
b,
|
}
|
||||||
strong {
|
|
||||||
font-weight: bold;
|
/**
|
||||||
}
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
blockquote {
|
*/
|
||||||
margin: 1em 40px;
|
|
||||||
}
|
code,
|
||||||
|
kbd,
|
||||||
/*
|
samp {
|
||||||
* Addresses styling not present in S5, Chrome
|
font-family: monospace, monospace; /* 1 */
|
||||||
*/
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
dfn {
|
|
||||||
font-style: italic;
|
/**
|
||||||
}
|
* Add the correct font size in all browsers.
|
||||||
|
*/
|
||||||
/*
|
|
||||||
* Addresses styling not present in IE6/7/8/9
|
small {
|
||||||
*/
|
font-size: 80%;
|
||||||
|
}
|
||||||
mark {
|
|
||||||
background: #ff0;
|
/**
|
||||||
color: #000;
|
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||||
}
|
* all browsers.
|
||||||
|
*/
|
||||||
/*
|
|
||||||
* Addresses margins set differently in IE6/7
|
sub,
|
||||||
*/
|
sup {
|
||||||
|
|
||||||
p,
|
|
||||||
pre {
|
|
||||||
margin: 1em 0;
|
|
||||||
text-align:justify;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Corrects font family set oddly in IE6, S4/5, Chrome
|
|
||||||
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
|
|
||||||
*/
|
|
||||||
|
|
||||||
pre,
|
|
||||||
code,
|
|
||||||
kbd,
|
|
||||||
samp {
|
|
||||||
font-family: monospace, serif;
|
|
||||||
_font-family: 'courier new', monospace;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Improves readability of pre-formatted text in all browsers
|
|
||||||
*/
|
|
||||||
|
|
||||||
pre {
|
|
||||||
white-space: pre;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
word-wrap: break-word;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 1. Addresses CSS quotes not supported in IE6/7
|
|
||||||
* 2. Addresses quote property not supported in S4
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* 1 */
|
|
||||||
|
|
||||||
q {
|
|
||||||
quotes: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 2 */
|
|
||||||
|
|
||||||
q:before,
|
|
||||||
q:after {
|
|
||||||
content: '';
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
small {
|
|
||||||
font-size: 75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Prevents sub and sup affecting line-height in all browsers
|
|
||||||
* gist.github.com/413930
|
|
||||||
*/
|
|
||||||
|
|
||||||
sub,
|
|
||||||
sup {
|
|
||||||
font-size: 75%;
|
font-size: 75%;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
sup {
|
sub {
|
||||||
top: -0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
sub {
|
|
||||||
bottom: -0.25em;
|
bottom: -0.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
/* =============================================================================
|
top: -0.5em;
|
||||||
Lists
|
}
|
||||||
========================================================================== */
|
|
||||||
|
/* Embedded content
|
||||||
/*
|
========================================================================== */
|
||||||
* Addresses margins set differently in IE6/7
|
|
||||||
*/
|
/**
|
||||||
|
* Remove the border on images inside links in IE 10.
|
||||||
dl,
|
*/
|
||||||
menu,
|
|
||||||
ol,
|
img {
|
||||||
ul {
|
border-style: none;
|
||||||
margin: 1em 0;
|
}
|
||||||
}
|
|
||||||
|
/* Forms
|
||||||
dd {
|
========================================================================== */
|
||||||
margin: 0 0 0 40px;
|
|
||||||
}
|
/**
|
||||||
|
* 1. Change the font styles in all browsers.
|
||||||
/*
|
* 2. Remove the margin in Firefox and Safari.
|
||||||
* Addresses paddings set differently in IE6/7
|
*/
|
||||||
*/
|
|
||||||
|
button,
|
||||||
menu,
|
input,
|
||||||
ol,
|
optgroup,
|
||||||
ul {
|
select,
|
||||||
padding: 0 0 0 40px;
|
textarea {
|
||||||
}
|
font-family: inherit; /* 1 */
|
||||||
|
|
||||||
/*
|
|
||||||
* Corrects list images handled incorrectly in IE7
|
|
||||||
*/
|
|
||||||
|
|
||||||
nav ul,
|
|
||||||
nav ol {
|
|
||||||
list-style: none;
|
|
||||||
list-style-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
|
||||||
Embedded content
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
|
|
||||||
* 2. Improves image quality when scaled in IE7
|
|
||||||
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
|
|
||||||
*/
|
|
||||||
|
|
||||||
img {
|
|
||||||
border: 0; /* 1 */
|
|
||||||
-ms-interpolation-mode: bicubic; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Corrects overflow displayed oddly in IE9
|
|
||||||
*/
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
|
||||||
Figures
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Addresses margin not present in IE6/7/8/9, S5, O11
|
|
||||||
*/
|
|
||||||
|
|
||||||
figure {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
|
||||||
Forms
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Corrects margin displayed oddly in IE6/7
|
|
||||||
*/
|
|
||||||
|
|
||||||
form {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Define consistent border, margin, and padding
|
|
||||||
*/
|
|
||||||
|
|
||||||
fieldset {
|
|
||||||
border: 1px solid #c0c0c0;
|
|
||||||
margin: 0 2px;
|
|
||||||
padding: 0.35em 0.625em 0.75em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 1. Corrects color not being inherited in IE6/7/8/9
|
|
||||||
* 2. Corrects text not wrapping in FF3
|
|
||||||
* 3. Corrects alignment displayed oddly in IE6/7
|
|
||||||
*/
|
|
||||||
|
|
||||||
legend {
|
|
||||||
border: 0; /* 1 */
|
|
||||||
padding: 0;
|
|
||||||
white-space: normal; /* 2 */
|
|
||||||
*margin-left: -7px; /* 3 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 1. Corrects font size not being inherited in all browsers
|
|
||||||
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
|
|
||||||
* 3. Improves appearance and consistency in all browsers
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
input,
|
|
||||||
select,
|
|
||||||
textarea {
|
|
||||||
font-size: 100%; /* 1 */
|
font-size: 100%; /* 1 */
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
margin: 0; /* 2 */
|
margin: 0; /* 2 */
|
||||||
vertical-align: baseline; /* 3 */
|
}
|
||||||
*vertical-align: middle; /* 3 */
|
|
||||||
}
|
/**
|
||||||
|
* Show the overflow in IE.
|
||||||
/*
|
* 1. Show the overflow in Edge.
|
||||||
* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
|
*/
|
||||||
*/
|
|
||||||
|
button,
|
||||||
button,
|
input { /* 1 */
|
||||||
input {
|
overflow: visible;
|
||||||
line-height: normal; /* 1 */
|
}
|
||||||
}
|
|
||||||
|
/**
|
||||||
/*
|
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||||
* 1. Improves usability and consistency of cursor style between image-type 'input' and others
|
* 1. Remove the inheritance of text transform in Firefox.
|
||||||
* 2. Corrects inability to style clickable 'input' types in iOS
|
*/
|
||||||
* 3. Removes inner spacing in IE7 without affecting normal text inputs
|
|
||||||
* Known issue: inner spacing remains in IE6
|
button,
|
||||||
*/
|
select { /* 1 */
|
||||||
|
text-transform: none;
|
||||||
button,
|
}
|
||||||
input[type="button"],
|
|
||||||
input[type="reset"],
|
/**
|
||||||
input[type="submit"] {
|
* Correct the inability to style clickable types in iOS and Safari.
|
||||||
cursor: pointer; /* 1 */
|
*/
|
||||||
-webkit-appearance: button; /* 2 */
|
|
||||||
*overflow: visible; /* 3 */
|
button,
|
||||||
}
|
[type="button"],
|
||||||
|
[type="reset"],
|
||||||
/*
|
[type="submit"] {
|
||||||
* Re-set default cursor for disabled elements
|
-webkit-appearance: button;
|
||||||
*/
|
}
|
||||||
|
|
||||||
button[disabled],
|
/**
|
||||||
input[disabled] {
|
* Remove the inner border and padding in Firefox.
|
||||||
cursor: default;
|
*/
|
||||||
}
|
|
||||||
|
button::-moz-focus-inner,
|
||||||
/*
|
[type="button"]::-moz-focus-inner,
|
||||||
* 1. Addresses box sizing set to content-box in IE8/9
|
[type="reset"]::-moz-focus-inner,
|
||||||
* 2. Removes excess padding in IE8/9
|
[type="submit"]::-moz-focus-inner {
|
||||||
* 3. Removes excess padding in IE7
|
border-style: none;
|
||||||
Known issue: excess padding remains in IE6
|
padding: 0;
|
||||||
*/
|
}
|
||||||
|
|
||||||
input[type="checkbox"],
|
/**
|
||||||
input[type="radio"] {
|
* Restore the focus styles unset by the previous rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button:-moz-focusring,
|
||||||
|
[type="button"]:-moz-focusring,
|
||||||
|
[type="reset"]:-moz-focusring,
|
||||||
|
[type="submit"]:-moz-focusring {
|
||||||
|
outline: 1px dotted ButtonText;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
padding: 0.35em 0.75em 0.625em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the text wrapping in Edge and IE.
|
||||||
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||||
|
* 3. Remove the padding so developers are not caught out when they zero out
|
||||||
|
* `fieldset` elements in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
legend {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
color: inherit; /* 2 */
|
||||||
|
display: table; /* 1 */
|
||||||
|
max-width: 100%; /* 1 */
|
||||||
|
padding: 0; /* 3 */
|
||||||
|
white-space: normal; /* 1 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||||
|
*/
|
||||||
|
|
||||||
|
progress {
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the default vertical scrollbar in IE 10+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in IE 10.
|
||||||
|
* 2. Remove the padding in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="checkbox"],
|
||||||
|
[type="radio"] {
|
||||||
box-sizing: border-box; /* 1 */
|
box-sizing: border-box; /* 1 */
|
||||||
padding: 0; /* 2 */
|
padding: 0; /* 2 */
|
||||||
*height: 13px; /* 3 */
|
}
|
||||||
*width: 13px; /* 3 */
|
|
||||||
}
|
/**
|
||||||
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||||
/*
|
*/
|
||||||
* 1. Addresses appearance set to searchfield in S5, Chrome
|
|
||||||
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
|
[type="number"]::-webkit-inner-spin-button,
|
||||||
*/
|
[type="number"]::-webkit-outer-spin-button {
|
||||||
|
height: auto;
|
||||||
input[type="search"] {
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the odd appearance in Chrome and Safari.
|
||||||
|
* 2. Correct the outline style in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"] {
|
||||||
-webkit-appearance: textfield; /* 1 */
|
-webkit-appearance: textfield; /* 1 */
|
||||||
-moz-box-sizing: content-box;
|
outline-offset: -2px; /* 2 */
|
||||||
-webkit-box-sizing: content-box; /* 2 */
|
}
|
||||||
box-sizing: content-box;
|
|
||||||
}
|
/**
|
||||||
|
* Remove the inner padding in Chrome and Safari on macOS.
|
||||||
/*
|
*/
|
||||||
* Removes inner padding and search cancel button in S5, Chrome on OS X
|
|
||||||
*/
|
[type="search"]::-webkit-search-decoration {
|
||||||
|
|
||||||
input[type="search"]::-webkit-search-decoration,
|
|
||||||
input[type="search"]::-webkit-search-cancel-button {
|
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/**
|
||||||
* Removes inner padding and border in FF3+
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||||
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
|
* 2. Change font properties to `inherit` in Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
button::-moz-focus-inner,
|
::-webkit-file-upload-button {
|
||||||
input::-moz-focus-inner {
|
-webkit-appearance: button; /* 1 */
|
||||||
border: 0;
|
font: inherit; /* 2 */
|
||||||
padding: 0;
|
}
|
||||||
}
|
|
||||||
|
/* Interactive
|
||||||
/*
|
========================================================================== */
|
||||||
* 1. Removes default vertical scrollbar in IE6/7/8/9
|
|
||||||
* 2. Improves readability and alignment in all browsers
|
/*
|
||||||
*/
|
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||||
|
*/
|
||||||
textarea {
|
|
||||||
overflow: auto; /* 1 */
|
details {
|
||||||
vertical-align: top; /* 2 */
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
/* =============================================================================
|
* Add the correct display in all browsers.
|
||||||
Tables
|
*/
|
||||||
========================================================================== */
|
|
||||||
|
summary {
|
||||||
/*
|
display: list-item;
|
||||||
* Remove most spacing between table cells
|
}
|
||||||
*/
|
|
||||||
|
/* Misc
|
||||||
table {
|
========================================================================== */
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0;
|
/**
|
||||||
}
|
* Add the correct display in IE 10+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
template {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
309
css/style.css
309
css/style.css
@ -1,214 +1,239 @@
|
|||||||
/* Global */
|
html {
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'arial', sans-serif;
|
font-family: 'arial', sans-serif;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
color: #8a8683;
|
color: #8a8683;
|
||||||
background-color:#000000;
|
max-width: 100%;
|
||||||
|
overflow-x: hidden;
|
||||||
|
background: url("../images/world_network.muted.jpg");
|
||||||
|
background-color: black;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1000px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* global items */
|
||||||
|
|
||||||
img {
|
img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:link {
|
a:link {
|
||||||
color: yellow;
|
color: yellow;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
color: white;
|
color: white;
|
||||||
background-color:black;
|
background-color:black;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:visited {
|
a:visited {
|
||||||
color:yellow;
|
color:yellow;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Navigation */
|
/* Header */
|
||||||
|
|
||||||
.menu {
|
#main-header {
|
||||||
position:fixed;
|
display: flex;
|
||||||
top:0px;
|
flex-direction: row;
|
||||||
width:100%;
|
justify-content: start;
|
||||||
height:auto;
|
align-items: stretch;
|
||||||
z-index:100;
|
|
||||||
background-color:black;
|
gap: 15px;
|
||||||
}
|
|
||||||
#logo {
|
padding: 10px;
|
||||||
text-align: left;
|
position: relative;
|
||||||
margin: 10px 0;
|
margin-bottom: 25px;
|
||||||
}
|
|
||||||
#nav {
|
|
||||||
text-align: right;
|
|
||||||
margin: 30px 0 0 0;
|
|
||||||
}
|
|
||||||
.navigation{
|
|
||||||
float: right;
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.navigation li{
|
|
||||||
float: left;
|
|
||||||
padding:0 0 0 50px;
|
|
||||||
color:yellow;
|
|
||||||
}
|
|
||||||
.navigation li:hover{
|
|
||||||
cursor:pointer;
|
|
||||||
color: yellow;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.navigation .active{
|
#main-header::before {
|
||||||
cursor:pointer;
|
content: "";
|
||||||
color: yellow;
|
z-index: -1;
|
||||||
|
width: 100vw;
|
||||||
|
background: black;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* General Slides */
|
#main-header > nav {
|
||||||
|
flex: 1;
|
||||||
|
|
||||||
.slide{
|
display: flex;
|
||||||
background-color:rgba(0,0,0,0.7);
|
flex-direction: row;
|
||||||
background-attachment: fixed;
|
justify-content: end;
|
||||||
width:100%;
|
align-items: center;
|
||||||
height:auto;
|
|
||||||
position: relative;
|
|
||||||
top:85px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#bgvid {
|
@media screen and (max-width: 600px) {
|
||||||
position:fixed;
|
#main-header {
|
||||||
width:100%;
|
flex-direction: column;
|
||||||
z-index: -500;
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-header > nav {
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Slide 1 */
|
/* main area */
|
||||||
|
|
||||||
#slide1{
|
main {
|
||||||
}
|
display: grid;
|
||||||
#slide1 h1 {
|
grid-template-columns: 1fr 400px;
|
||||||
font-size: 3.8em;
|
grid-auto-rows: min-content;
|
||||||
letter-spacing: -3px;
|
gap: 5px;
|
||||||
line-height: 0px;
|
|
||||||
color:#8a8683;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
#slide1 h2 {
|
|
||||||
font-size: 2em;
|
|
||||||
color: #8a8683;
|
|
||||||
line-height: 0px;
|
|
||||||
padding-bottom:20px;
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.button{
|
main > section {
|
||||||
color:#fff;
|
padding: 0 10px;
|
||||||
background-color:#000;
|
|
||||||
font-family:'arial';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.text{
|
main aside {
|
||||||
background-color:#fff;
|
padding: 10px;
|
||||||
font-family:'arial';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.icons{
|
main .toolbar {
|
||||||
width:100px;
|
grid-column: 1 / 3;
|
||||||
float:right;
|
padding: 0 10px;
|
||||||
|
|
||||||
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 889px){
|
||||||
|
main {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
.ecosysteme{
|
main > aside {
|
||||||
width:50px;
|
grid-row: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .toolbar {
|
||||||
|
grid-row: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tablet */
|
/* toolbar */
|
||||||
@media screen and (max-width: 1024px) {
|
|
||||||
|
|
||||||
#logo {
|
main .toolbar button {
|
||||||
width: 100%;
|
border: none;
|
||||||
text-align: center;
|
background: none;
|
||||||
|
color: white;
|
||||||
|
font-size: 1.5em;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav {
|
main .toolbar button img {
|
||||||
width:100%;
|
height: 1em;
|
||||||
margin:10px 0;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navigation{
|
main .toolbar button img[hidden] {
|
||||||
width: 100%;
|
display: none;
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding:0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.navigation li{
|
/* description */
|
||||||
float: left;
|
|
||||||
width:25%;
|
#description {
|
||||||
padding:0;
|
text-align: justify;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slide{
|
#description > *:first-child {
|
||||||
background-attachment: fixed;
|
margin-top: 0;
|
||||||
width:100%;
|
|
||||||
position: relative;
|
|
||||||
padding:140px 0 0 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#decorative {
|
.hackerspace-logo {
|
||||||
display:none;
|
float: right;
|
||||||
|
width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content {
|
#description marquee {
|
||||||
text-align:center;
|
height:25px;
|
||||||
width:100%;
|
max-width:400px;
|
||||||
|
background-color:none;
|
||||||
|
font-family:arial;
|
||||||
|
font-size:12pt;
|
||||||
|
color:#ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
#slide1 h1 {
|
/* side */
|
||||||
line-height: 1em;
|
|
||||||
}
|
#main-side h2 {
|
||||||
#slide1 h2 {
|
color: white;
|
||||||
line-height: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Mobile */
|
#main-side address {
|
||||||
@media screen and (max-width: 480px) {
|
display: inline;
|
||||||
|
|
||||||
#logo {
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav {
|
#main-side .info > * {
|
||||||
width:100%;
|
margin: 1.33em 0;
|
||||||
margin:5px 0;
|
font-weight: bold;
|
||||||
|
color: yellow;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navigation{
|
@media screen and (max-width: 889px){
|
||||||
width: 100%;
|
#main-side {
|
||||||
float: left;
|
text-align: center;
|
||||||
list-style: none;
|
}
|
||||||
margin: 0;
|
|
||||||
padding:0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.navigation li{
|
/* background */
|
||||||
float: left;
|
|
||||||
width:25%;
|
.fullscreen-background {
|
||||||
|
display: block !important;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 100vh;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: -1;
|
||||||
|
width: 100%;
|
||||||
|
background: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slide{
|
.fullscreen-background img, .fullscreen-background video {
|
||||||
background-attachment: fixed;
|
width: 100%;
|
||||||
width:100%;
|
height: 100%;
|
||||||
position: relative;
|
object-fit: cover;
|
||||||
padding:150px 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#slide1 h1 {
|
.fullscreen-background video {
|
||||||
line-height: 1em;
|
opacity: 0.3;
|
||||||
}
|
|
||||||
#slide1 h2 {
|
|
||||||
line-height: 1em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 767px) {
|
.fullscreen-background img {
|
||||||
|
position: absolute;
|
||||||
#slide1{
|
top: 0;
|
||||||
|
left: 0;
|
||||||
text-align:justify;
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
transition: linear 1s opacity;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.fullscreen-background img[hidden]{
|
||||||
|
display: block;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fullscreen-background::after {
|
||||||
|
content: "";
|
||||||
|
width: 100%;
|
||||||
|
height: 25vh;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
background: linear-gradient(to top, black, rgba(0,0,0,0));
|
||||||
|
}
|
||||||
54
images/pause.svg
Normal file
54
images/pause.svg
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
height="48"
|
||||||
|
viewBox="0 -960 960 960"
|
||||||
|
width="48"
|
||||||
|
version="1.1"
|
||||||
|
id="svg4"
|
||||||
|
sodipodi:docname="pause.svg"
|
||||||
|
inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
|
||||||
|
<metadata
|
||||||
|
id="metadata10">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<defs
|
||||||
|
id="defs8" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1"
|
||||||
|
objecttolerance="10"
|
||||||
|
gridtolerance="10"
|
||||||
|
guidetolerance="10"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:window-width="987"
|
||||||
|
inkscape:window-height="931"
|
||||||
|
id="namedview6"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="14"
|
||||||
|
inkscape:cx="24"
|
||||||
|
inkscape:cy="24"
|
||||||
|
inkscape:window-x="26"
|
||||||
|
inkscape:window-y="23"
|
||||||
|
inkscape:window-maximized="0"
|
||||||
|
inkscape:current-layer="svg4" />
|
||||||
|
<path
|
||||||
|
d="m 555,-200 v -560 h 175 v 560 z m -325,0 v -560 h 175 v 560 z"
|
||||||
|
id="path2"
|
||||||
|
style="fill:#ffffff;fill-opacity:1;stroke-width:0.999999" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.6 KiB |
54
images/play.svg
Normal file
54
images/play.svg
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
height="48"
|
||||||
|
viewBox="0 -960 960 960"
|
||||||
|
width="48"
|
||||||
|
version="1.1"
|
||||||
|
id="svg4"
|
||||||
|
sodipodi:docname="play.svg"
|
||||||
|
inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
|
||||||
|
<metadata
|
||||||
|
id="metadata10">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<defs
|
||||||
|
id="defs8" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1"
|
||||||
|
objecttolerance="10"
|
||||||
|
gridtolerance="10"
|
||||||
|
guidetolerance="10"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:window-width="987"
|
||||||
|
inkscape:window-height="931"
|
||||||
|
id="namedview6"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="14"
|
||||||
|
inkscape:cx="24"
|
||||||
|
inkscape:cy="24"
|
||||||
|
inkscape:window-x="26"
|
||||||
|
inkscape:window-y="23"
|
||||||
|
inkscape:window-maximized="0"
|
||||||
|
inkscape:current-layer="svg4" />
|
||||||
|
<path
|
||||||
|
d="m 320,-203 v -560 l 440,280 z"
|
||||||
|
id="path2"
|
||||||
|
style="fill:#ffffff;fill-opacity:1;stroke-width:0.999999" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
BIN
images/world_network.muted.jpg
Normal file
BIN
images/world_network.muted.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
132
index.html
132
index.html
@ -1,83 +1,77 @@
|
|||||||
<!DOCTYPE HTML>
|
<!DOCTYPE HTML>
|
||||||
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
|
<html>
|
||||||
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
|
|
||||||
<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
|
|
||||||
<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
|
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale = 1.0, user-scalable = no">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Laboratoire Ouvert Lyonnais</title>
|
<title>Laboratoire Ouvert Lyonnais</title>
|
||||||
<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen">
|
<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen">
|
||||||
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
|
|
||||||
|
<style>
|
||||||
|
.fullscreen-background {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
|
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<video autoplay loop poster="images/world_network.jpg" id="bgvid">
|
|
||||||
<source src="videos/background_sound.mp4" type="video/mp4">
|
|
||||||
</video>
|
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="menu">
|
<div class="fullscreen-background">
|
||||||
<div class="container clearfix">
|
<video src="/videos/background_sound.mp4" loop poster="images/world_network.jpg" autoplay id="background-video" loading="lazy"></video>
|
||||||
<div id="logo" class="grid_3">
|
<img src="/images/world_network.muted.jpg" aria-hidden="true" id="background-poster"/>
|
||||||
<img src="images/logo_picto.svg">
|
</div>
|
||||||
</div>
|
|
||||||
<div id="nav" class="grid_9 omega">
|
<header id="main-header">
|
||||||
<a href="https://git.labolyon.fr/explore/repos ">Wiki/Git</a>
|
<img class="logo" src="images/logo_picto.svg" alt="Laboratoire Ouvert Lyonnais" />
|
||||||
</div>
|
|
||||||
<div id="nav" class="grid_9 omega">
|
<nav>
|
||||||
<a href="iban.pdf">Donations/Cotisations</a>
|
<a href="https://git.labolyon.fr/explore/repos ">Wiki/Git</a>
|
||||||
</div>
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<section id="description">
|
||||||
|
<p>Le Laboratoire ouvert lyonnais est un lieu de brassage et une communauté éclectique.
|
||||||
|
Son objectif est le partage des connaissances et la ré-appropriation des technologies.
|
||||||
|
Chacun-e amène son savoir-faire et son envie d'apprendre dans un mélange ludique de création et de convivialité.
|
||||||
|
Le L.O.L. est l'expression du mouvement global des hackerspaces sur Lyon et
|
||||||
|
se veut ouvert aux échanges, aux collaborations avec d'autres initiatives.</p>
|
||||||
|
|
||||||
|
<p>L'électronique, l'informatique, la mécanique, la chimie, les arts numériques, la cuisine expérimentale sont les pratiques des loliens.
|
||||||
|
Les diverses manières d'implication du collectif dans des multiples initiatives et événements permet à celui-ci, dans le temps, de s'adapter à son écosystème.</p>
|
||||||
|
|
||||||
|
<p>L'une des vocations du LOL est de fournir à ses membres un lieu pour héberger leurs projets ainsi que d'organiser des présentations publiques et des ateliers autonomisants.</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a href="https://hackerspaces.org/" class="hackerspace-logo"><img class="icons" src="images/logo_hackerspaces_monde.png"></a>
|
||||||
|
<marquee direction="left" behavior="scroll" scrollamount="3">none of us is smarter than all of us - nul n'est plus intelligent-e que nous tou-te-s réunis</marquee>
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<aside id="main-side">
|
||||||
|
<h2>Informations</h2>
|
||||||
|
<section class="info">
|
||||||
|
<div>Permanence : mardis à partir de 19h00</div>
|
||||||
|
<div>Adresse : <address>7 Place Louis Chazette 69001 Lyon</address></div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<h2>Canaux</h2>
|
||||||
|
<section>
|
||||||
|
<p>IRC : canal #labolyon sur <a href="http://geeknode.org/">irc.geeknode.org</a> : besoin d'aide sur IRC? <a href=" http://www.irchelp.org">voir IRC Help</a></p>
|
||||||
|
<p><a href=" https://listes.infini.fr/listes.labolyon.fr/subscribe/discussions">Liste de diffusion</a></p>
|
||||||
|
</section>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="toolbar">
|
||||||
|
<button id="play-background" hidden>
|
||||||
|
<img src="/images/play.svg" alt="Play" class="play" title="Play" />
|
||||||
|
<img src="/images/pause.svg" alt="Pause" class="pause" hidden title="Pause" />
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</main>
|
||||||
|
|
||||||
|
<script src="js/background.js"></script>
|
||||||
<div class="slide" id="slide1" data-slide="1" data-stellar-background-ratio="0.5">
|
|
||||||
<div class="container clearfix">
|
|
||||||
<div id="content" class="grid_7">
|
|
||||||
<p>
|
|
||||||
Le Laboratoire ouvert lyonnais est un lieu de brassage et une communauté éclectique.
|
|
||||||
Son objectif est le partage des connaissances et la ré-appropriation des technologies.
|
|
||||||
Chacun-e amène son savoir-faire et son envie d'apprendre dans un mélange ludique de création et de convivialité.
|
|
||||||
Le L.O.L. est l'expression du mouvement global des hackerspaces sur Lyon et
|
|
||||||
se veut ouvert aux échanges, aux collaborations avec d'autres initiatives.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
L'électronique, l'informatique, la mécanique, la chimie, les arts numériques, la cuisine expérimentale sont les pratiques des loliens. Les diverses manières d'implication du collectif dans des multiples initiatives et événements permet à celui-ci, dans le temps, de s'adapter à son écosystème.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
L'une des vocations du LOL est de fournir à ses membres
|
|
||||||
un lieu pour héberger leurs projets ainsi que d'organiser des présentations publiques et des ateliers autonomisants.</p>
|
|
||||||
<p><a href="https://hackerspaces.org/"><img class="icons" src="images/logo_hackerspaces_monde.png"></a></p>
|
|
||||||
<marquee direction="left" behavior="scroll" scrollamount="3" style="height:25px;width:400px;background-color:none;font-family:arial;font-size:12pt;color:#ffffff;" >none of us is smarter than all of us - nul n'est plus intelligent-e que nous tou-te-s réunis</marquee>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="content" class="grid_5 omega">
|
|
||||||
<h3>Informations</h3>
|
|
||||||
<div>
|
|
||||||
<h4>Permanence : mardis à partir de 19h00</h4>
|
|
||||||
<h4>Adresse : 7 Place Louis Chazette 69001 Lyon</h4>
|
|
||||||
</div>
|
|
||||||
<h3>Canaux</h3>
|
|
||||||
<div>
|
|
||||||
<p>IRC : canal #labolyon sur <a href="http://geeknode.org/">irc.geeknode.org</a> : besoin d'aide sur IRC? <a href=" http://www.irchelp.org">voir IRC Help</a></p>
|
|
||||||
<p><a href=" https://listes.infini.fr/listes.labolyon.fr/subscribe/discussions">Liste de diffusion</a></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
|
|
||||||
<script type="text/javascript" src="js/waypoints.min.js"></script>
|
|
||||||
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
|
|
||||||
<script type="text/javascript" src="js/scripts.js"></script>
|
|
||||||
<!-- <script type="text/javascript" src="js/scripts.min.js"></script> -->
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
32
js/background.js
Normal file
32
js/background.js
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
(function(){
|
||||||
|
|
||||||
|
var btn = document.getElementById("play-background");
|
||||||
|
/** @type {HTMLVideoElement} */
|
||||||
|
var video = document.getElementById("background-video");
|
||||||
|
var poster = document.getElementById("background-poster");
|
||||||
|
|
||||||
|
btn.hidden = false
|
||||||
|
|
||||||
|
btn.addEventListener("click", function(e) {
|
||||||
|
e.preventDefault()
|
||||||
|
|
||||||
|
if(btn.classList.contains("playing")) {
|
||||||
|
video.pause();
|
||||||
|
} else {
|
||||||
|
video.play()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
video.addEventListener("pause", function(e) {
|
||||||
|
btn.querySelector(".play").hidden = false;
|
||||||
|
btn.querySelector(".pause").hidden = true;
|
||||||
|
btn.classList.remove("playing")
|
||||||
|
})
|
||||||
|
|
||||||
|
video.addEventListener("play", function(e) {
|
||||||
|
btn.querySelector(".play").hidden = true;
|
||||||
|
btn.querySelector(".pause").hidden = false;
|
||||||
|
poster.hidden = true;
|
||||||
|
btn.classList.add("playing")
|
||||||
|
})
|
||||||
|
})()
|
||||||
@ -1,205 +0,0 @@
|
|||||||
/*
|
|
||||||
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
|
||||||
*
|
|
||||||
* Uses the built in easing capabilities added In jQuery 1.1
|
|
||||||
* to offer multiple easing options
|
|
||||||
*
|
|
||||||
* TERMS OF USE - jQuery Easing
|
|
||||||
*
|
|
||||||
* Open source under the BSD License.
|
|
||||||
*
|
|
||||||
* Copyright © 2008 George McGinley Smith
|
|
||||||
* All rights reserved.
|
|
||||||
*
|
|
||||||
* Redistribution and use in source and binary forms, with or without modification,
|
|
||||||
* are permitted provided that the following conditions are met:
|
|
||||||
*
|
|
||||||
* Redistributions of source code must retain the above copyright notice, this list of
|
|
||||||
* conditions and the following disclaimer.
|
|
||||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
|
||||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
|
||||||
* provided with the distribution.
|
|
||||||
*
|
|
||||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
|
||||||
* or promote products derived from this software without specific prior written permission.
|
|
||||||
*
|
|
||||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
|
||||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
|
||||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
|
||||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
|
||||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
|
||||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
|
||||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
|
||||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
|
||||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
// t: current time, b: begInnIng value, c: change In value, d: duration
|
|
||||||
jQuery.easing['jswing'] = jQuery.easing['swing'];
|
|
||||||
|
|
||||||
jQuery.extend( jQuery.easing,
|
|
||||||
{
|
|
||||||
def: 'easeOutQuad',
|
|
||||||
swing: function (x, t, b, c, d) {
|
|
||||||
//alert(jQuery.easing.default);
|
|
||||||
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
|
|
||||||
},
|
|
||||||
easeInQuad: function (x, t, b, c, d) {
|
|
||||||
return c*(t/=d)*t + b;
|
|
||||||
},
|
|
||||||
easeOutQuad: function (x, t, b, c, d) {
|
|
||||||
return -c *(t/=d)*(t-2) + b;
|
|
||||||
},
|
|
||||||
easeInOutQuad: function (x, t, b, c, d) {
|
|
||||||
if ((t/=d/2) < 1) return c/2*t*t + b;
|
|
||||||
return -c/2 * ((--t)*(t-2) - 1) + b;
|
|
||||||
},
|
|
||||||
easeInCubic: function (x, t, b, c, d) {
|
|
||||||
return c*(t/=d)*t*t + b;
|
|
||||||
},
|
|
||||||
easeOutCubic: function (x, t, b, c, d) {
|
|
||||||
return c*((t=t/d-1)*t*t + 1) + b;
|
|
||||||
},
|
|
||||||
easeInOutCubic: function (x, t, b, c, d) {
|
|
||||||
if ((t/=d/2) < 1) return c/2*t*t*t + b;
|
|
||||||
return c/2*((t-=2)*t*t + 2) + b;
|
|
||||||
},
|
|
||||||
easeInQuart: function (x, t, b, c, d) {
|
|
||||||
return c*(t/=d)*t*t*t + b;
|
|
||||||
},
|
|
||||||
easeOutQuart: function (x, t, b, c, d) {
|
|
||||||
return -c * ((t=t/d-1)*t*t*t - 1) + b;
|
|
||||||
},
|
|
||||||
easeInOutQuart: function (x, t, b, c, d) {
|
|
||||||
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
|
|
||||||
return -c/2 * ((t-=2)*t*t*t - 2) + b;
|
|
||||||
},
|
|
||||||
easeInQuint: function (x, t, b, c, d) {
|
|
||||||
return c*(t/=d)*t*t*t*t + b;
|
|
||||||
},
|
|
||||||
easeOutQuint: function (x, t, b, c, d) {
|
|
||||||
return c*((t=t/d-1)*t*t*t*t + 1) + b;
|
|
||||||
},
|
|
||||||
easeInOutQuint: function (x, t, b, c, d) {
|
|
||||||
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
|
|
||||||
return c/2*((t-=2)*t*t*t*t + 2) + b;
|
|
||||||
},
|
|
||||||
easeInSine: function (x, t, b, c, d) {
|
|
||||||
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
|
|
||||||
},
|
|
||||||
easeOutSine: function (x, t, b, c, d) {
|
|
||||||
return c * Math.sin(t/d * (Math.PI/2)) + b;
|
|
||||||
},
|
|
||||||
easeInOutSine: function (x, t, b, c, d) {
|
|
||||||
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
|
||||||
},
|
|
||||||
easeInExpo: function (x, t, b, c, d) {
|
|
||||||
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
|
||||||
},
|
|
||||||
easeOutExpo: function (x, t, b, c, d) {
|
|
||||||
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
|
||||||
},
|
|
||||||
easeInOutExpo: function (x, t, b, c, d) {
|
|
||||||
if (t==0) return b;
|
|
||||||
if (t==d) return b+c;
|
|
||||||
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
|
||||||
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
|
||||||
},
|
|
||||||
easeInCirc: function (x, t, b, c, d) {
|
|
||||||
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
|
|
||||||
},
|
|
||||||
easeOutCirc: function (x, t, b, c, d) {
|
|
||||||
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
|
|
||||||
},
|
|
||||||
easeInOutCirc: function (x, t, b, c, d) {
|
|
||||||
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
|
|
||||||
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
|
|
||||||
},
|
|
||||||
easeInElastic: function (x, t, b, c, d) {
|
|
||||||
var s=1.70158;var p=0;var a=c;
|
|
||||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
|
||||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
|
||||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
|
||||||
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
|
||||||
},
|
|
||||||
easeOutElastic: function (x, t, b, c, d) {
|
|
||||||
var s=1.70158;var p=0;var a=c;
|
|
||||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
|
||||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
|
||||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
|
||||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
|
||||||
},
|
|
||||||
easeInOutElastic: function (x, t, b, c, d) {
|
|
||||||
var s=1.70158;var p=0;var a=c;
|
|
||||||
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
|
|
||||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
|
||||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
|
||||||
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
|
||||||
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
|
|
||||||
},
|
|
||||||
easeInBack: function (x, t, b, c, d, s) {
|
|
||||||
if (s == undefined) s = 1.70158;
|
|
||||||
return c*(t/=d)*t*((s+1)*t - s) + b;
|
|
||||||
},
|
|
||||||
easeOutBack: function (x, t, b, c, d, s) {
|
|
||||||
if (s == undefined) s = 1.70158;
|
|
||||||
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
|
|
||||||
},
|
|
||||||
easeInOutBack: function (x, t, b, c, d, s) {
|
|
||||||
if (s == undefined) s = 1.70158;
|
|
||||||
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
|
|
||||||
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
|
|
||||||
},
|
|
||||||
easeInBounce: function (x, t, b, c, d) {
|
|
||||||
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
|
|
||||||
},
|
|
||||||
easeOutBounce: function (x, t, b, c, d) {
|
|
||||||
if ((t/=d) < (1/2.75)) {
|
|
||||||
return c*(7.5625*t*t) + b;
|
|
||||||
} else if (t < (2/2.75)) {
|
|
||||||
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
|
|
||||||
} else if (t < (2.5/2.75)) {
|
|
||||||
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
|
|
||||||
} else {
|
|
||||||
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
easeInOutBounce: function (x, t, b, c, d) {
|
|
||||||
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
|
|
||||||
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
/*
|
|
||||||
*
|
|
||||||
* TERMS OF USE - EASING EQUATIONS
|
|
||||||
*
|
|
||||||
* Open source under the BSD License.
|
|
||||||
*
|
|
||||||
* Copyright © 2001 Robert Penner
|
|
||||||
* All rights reserved.
|
|
||||||
*
|
|
||||||
* Redistribution and use in source and binary forms, with or without modification,
|
|
||||||
* are permitted provided that the following conditions are met:
|
|
||||||
*
|
|
||||||
* Redistributions of source code must retain the above copyright notice, this list of
|
|
||||||
* conditions and the following disclaimer.
|
|
||||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
|
||||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
|
||||||
* provided with the distribution.
|
|
||||||
*
|
|
||||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
|
||||||
* or promote products derived from this software without specific prior written permission.
|
|
||||||
*
|
|
||||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
|
||||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
|
||||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
|
||||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
|
||||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
|
||||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
|
||||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
|
||||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
|
||||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
2
js/jquery.stellar.min.js
vendored
2
js/jquery.stellar.min.js
vendored
File diff suppressed because one or more lines are too long
@ -1,55 +0,0 @@
|
|||||||
jQuery(document).ready(function ($) {
|
|
||||||
|
|
||||||
|
|
||||||
$(window).stellar();
|
|
||||||
|
|
||||||
var links = $('.navigation').find('li');
|
|
||||||
slide = $('.slide');
|
|
||||||
button = $('.button');
|
|
||||||
mywindow = $(window);
|
|
||||||
htmlbody = $('html,body');
|
|
||||||
|
|
||||||
|
|
||||||
slide.waypoint(function (event, direction) {
|
|
||||||
|
|
||||||
dataslide = $(this).attr('data-slide');
|
|
||||||
|
|
||||||
if (direction === 'down') {
|
|
||||||
$('.navigation li[data-slide="' + dataslide + '"]').addClass('active').prev().removeClass('active');
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
$('.navigation li[data-slide="' + dataslide + '"]').addClass('active').next().removeClass('active');
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
mywindow.scroll(function () {
|
|
||||||
if (mywindow.scrollTop() == 0) {
|
|
||||||
$('.navigation li[data-slide="1"]').addClass('active');
|
|
||||||
$('.navigation li[data-slide="2"]').removeClass('active');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
function goToByScroll(dataslide) {
|
|
||||||
htmlbody.animate({
|
|
||||||
scrollTop: $('.slide[data-slide="' + dataslide + '"]').offset().top
|
|
||||||
}, 2000, 'easeInOutQuint');
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
links.click(function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
dataslide = $(this).attr('data-slide');
|
|
||||||
goToByScroll(dataslide);
|
|
||||||
});
|
|
||||||
|
|
||||||
button.click(function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
dataslide = $(this).attr('data-slide');
|
|
||||||
goToByScroll(dataslide);
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
});
|
|
||||||
8
js/waypoints.min.js
vendored
8
js/waypoints.min.js
vendored
@ -1,8 +0,0 @@
|
|||||||
/*
|
|
||||||
jQuery Waypoints - v1.1.7
|
|
||||||
Copyright (c) 2011-2012 Caleb Troughton
|
|
||||||
Dual licensed under the MIT license and GPL license.
|
|
||||||
https://github.com/imakewebthings/jquery-waypoints/blob/master/MIT-license.txt
|
|
||||||
https://github.com/imakewebthings/jquery-waypoints/blob/master/GPL-license.txt
|
|
||||||
*/
|
|
||||||
(function($,k,m,i,d){var e=$(i),g="waypoint.reached",b=function(o,n){o.element.trigger(g,n);if(o.options.triggerOnce){o.element[k]("destroy")}},h=function(p,o){if(!o){return -1}var n=o.waypoints.length-1;while(n>=0&&o.waypoints[n].element[0]!==p[0]){n-=1}return n},f=[],l=function(n){$.extend(this,{element:$(n),oldScroll:0,waypoints:[],didScroll:false,didResize:false,doScroll:$.proxy(function(){var q=this.element.scrollTop(),p=q>this.oldScroll,s=this,r=$.grep(this.waypoints,function(u,t){return p?(u.offset>s.oldScroll&&u.offset<=q):(u.offset<=s.oldScroll&&u.offset>q)}),o=r.length;if(!this.oldScroll||!q){$[m]("refresh")}this.oldScroll=q;if(!o){return}if(!p){r.reverse()}$.each(r,function(u,t){if(t.options.continuous||u===o-1){b(t,[p?"down":"up"])}})},this)});$(n).bind("scroll.waypoints",$.proxy(function(){if(!this.didScroll){this.didScroll=true;i.setTimeout($.proxy(function(){this.doScroll();this.didScroll=false},this),$[m].settings.scrollThrottle)}},this)).bind("resize.waypoints",$.proxy(function(){if(!this.didResize){this.didResize=true;i.setTimeout($.proxy(function(){$[m]("refresh");this.didResize=false},this),$[m].settings.resizeThrottle)}},this));e.load($.proxy(function(){this.doScroll()},this))},j=function(n){var o=null;$.each(f,function(p,q){if(q.element[0]===n){o=q;return false}});return o},c={init:function(o,n){this.each(function(){var u=$.fn[k].defaults.context,q,t=$(this);if(n&&n.context){u=n.context}if(!$.isWindow(u)){u=t.closest(u)[0]}q=j(u);if(!q){q=new l(u);f.push(q)}var p=h(t,q),s=p<0?$.fn[k].defaults:q.waypoints[p].options,r=$.extend({},s,n);r.offset=r.offset==="bottom-in-view"?function(){var v=$.isWindow(u)?$[m]("viewportHeight"):$(u).height();return v-$(this).outerHeight()}:r.offset;if(p<0){q.waypoints.push({element:t,offset:null,options:r})}else{q.waypoints[p].options=r}if(o){t.bind(g,o)}if(n&&n.handler){t.bind(g,n.handler)}});$[m]("refresh");return this},remove:function(){return this.each(function(o,p){var n=$(p);$.each(f,function(r,s){var q=h(n,s);if(q>=0){s.waypoints.splice(q,1);if(!s.waypoints.length){s.element.unbind("scroll.waypoints resize.waypoints");f.splice(r,1)}}})})},destroy:function(){return this.unbind(g)[k]("remove")}},a={refresh:function(){$.each(f,function(r,s){var q=$.isWindow(s.element[0]),n=q?0:s.element.offset().top,p=q?$[m]("viewportHeight"):s.element.height(),o=q?0:s.element.scrollTop();$.each(s.waypoints,function(u,x){if(!x){return}var t=x.options.offset,w=x.offset;if(typeof x.options.offset==="function"){t=x.options.offset.apply(x.element)}else{if(typeof x.options.offset==="string"){var v=parseFloat(x.options.offset);t=x.options.offset.indexOf("%")?Math.ceil(p*(v/100)):v}}x.offset=x.element.offset().top-n+o-t;if(x.options.onlyOnScroll){return}if(w!==null&&s.oldScroll>w&&s.oldScroll<=x.offset){b(x,["up"])}else{if(w!==null&&s.oldScroll<w&&s.oldScroll>=x.offset){b(x,["down"])}else{if(!w&&s.element.scrollTop()>x.offset){b(x,["down"])}}}});s.waypoints.sort(function(u,t){return u.offset-t.offset})})},viewportHeight:function(){return(i.innerHeight?i.innerHeight:e.height())},aggregate:function(){var n=$();$.each(f,function(o,p){$.each(p.waypoints,function(q,r){n=n.add(r.element)})});return n}};$.fn[k]=function(n){if(c[n]){return c[n].apply(this,Array.prototype.slice.call(arguments,1))}else{if(typeof n==="function"||!n){return c.init.apply(this,arguments)}else{if(typeof n==="object"){return c.init.apply(this,[null,n])}else{$.error("Method "+n+" does not exist on jQuery "+k)}}}};$.fn[k].defaults={continuous:true,offset:0,triggerOnce:false,context:i};$[m]=function(n){if(a[n]){return a[n].apply(this)}else{return a.aggregate()}};$[m].settings={resizeThrottle:200,scrollThrottle:100};e.load(function(){$[m]("refresh")})})(jQuery,"waypoint","waypoints",window);
|
|
||||||
Loading…
Reference in New Issue
Block a user