├── CNAME ├── images ├── favicon.ico ├── GitHub_Logo.png ├── ropensci_small.png ├── participants │ ├── karthik-ram.jpg │ ├── jessie-roberts.jpg │ └── nicholas-tierney.png ├── cd-top-arrow.svg └── bris-banner.svg ├── js ├── main.js └── modernizr.js ├── README.md ├── coc.html ├── index.html └── style └── main.css /CNAME: -------------------------------------------------------------------------------- 1 | auhack2016.ropensci.org 2 | -------------------------------------------------------------------------------- /images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MilesMcBain/au-hack-2016-fiverr/master/images/favicon.ico -------------------------------------------------------------------------------- /images/GitHub_Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MilesMcBain/au-hack-2016-fiverr/master/images/GitHub_Logo.png -------------------------------------------------------------------------------- /images/ropensci_small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MilesMcBain/au-hack-2016-fiverr/master/images/ropensci_small.png -------------------------------------------------------------------------------- /images/participants/karthik-ram.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MilesMcBain/au-hack-2016-fiverr/master/images/participants/karthik-ram.jpg -------------------------------------------------------------------------------- /images/participants/jessie-roberts.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MilesMcBain/au-hack-2016-fiverr/master/images/participants/jessie-roberts.jpg -------------------------------------------------------------------------------- /images/participants/nicholas-tierney.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MilesMcBain/au-hack-2016-fiverr/master/images/participants/nicholas-tierney.png -------------------------------------------------------------------------------- /images/cd-top-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /js/main.js: -------------------------------------------------------------------------------- 1 | jQuery(document).ready(function($){ 2 | // browser window scroll (in pixels) after which the "back to top" link is shown 3 | var offset = 300, 4 | //browser window scroll (in pixels) after which the "back to top" link opacity is reduced 5 | offset_opacity = 1200, 6 | //duration of the top scrolling animation (in ms) 7 | scroll_top_duration = 700, 8 | //grab the "back to top" link 9 | $back_to_top = $('.cd-top'); 10 | 11 | //hide or show the "back to top" link 12 | $(window).scroll(function(){ 13 | ( $(this).scrollTop() > offset ) ? $back_to_top.addClass('cd-is-visible') : $back_to_top.removeClass('cd-is-visible cd-fade-out'); 14 | if( $(this).scrollTop() > offset_opacity ) { 15 | $back_to_top.addClass('cd-fade-out'); 16 | } 17 | }); 18 | 19 | //smooth scroll to top 20 | $back_to_top.on('click', function(event){ 21 | event.preventDefault(); 22 | $('body,html').animate({ 23 | scrollTop: 0 , 24 | }, scroll_top_duration 25 | ); 26 | }); 27 | 28 | }); -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # rOpenSci 2016 unconference Australia 2 | __(invitation only), April 2016 (Dates TBA). Brisbane, Australia__ 3 | 4 | ![](http://i.imgur.com/TTnpSYS.png) 5 | 6 | Welcome to the repository for the 2016 unconference. rOpenSci will be hosting its first ever international, and fourth major developer meeting and open science hackathon in Brisbane in April. 7 | 8 | * [Participants](http://unconf16.ropensci.org/#participants) 9 | * Logistics *link to come* 10 | * Please post ideas for projects, discussion topics, and sessions as [issues](https://github.com/ropensci/auhack16/issues/) and move to the wiki and/or a new repo within rOpenSci's account as needed. (Not yet open) 11 | 12 | Event hashtag is `#auhack2016` 13 | 14 | __Remote participants__ 15 | For those interested in participating remotely, please email `remote-hacker at ropensci.org` for an invite to our chat room (but also just watch the repo for discussion happening in the issues). 16 | 17 | ## Support 18 | This meeting is made possible by generous support from some lovely people whose logos will appear here shortly. 19 | -------------------------------------------------------------------------------- /coc.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | rOpenSci Unconference code of conduct 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 |
19 | 20 |
21 | 22 |
23 |
24 | 25 | 31 |
32 | 33 |
34 |
35 |

rOpenSci is committed to providing a welcoming and harassment-free environment for participants of all races, gender and trans statuses, sexual orientations, physical abilities, physical appearances, and beliefs. We’ve written this code of conduct not because we expect bad behavior from our community—which, in our experience, is overwhelmingly kind and civil—but because we believe a clear code of conduct is a necessary part of building a respectful community space.

36 | 37 |

rOpenSci unconf participants agree to:

38 | 39 | 44 | 45 |

Please speak with Karthik Ram or Jenny Bryan if you have any concerns. You may also reach out to GitHub security who will be present all through the event if you are unable to reach Karthik or Jenny.

46 | 47 |

If any attendee engages in harassing behavior, the conference organizers may take any lawful action we deem appropriate, including but not limited to warning the offender or asking the offender to leave the conference. (If you feel you have been unfairly accused of violating this code of conduct, you should contact the conference team with a concise description of your grievance.)

48 | 49 |

We welcome your feedback on this and every other aspect of rOpenSci's events, and we thank you for working with us to make it a safe, enjoyable, and friendly experience for everyone who participates.

50 | 51 |

Above text is licensed CC BY-SA 4.0. Credit to SRCCON. Also inspired by the Ada Initiative’s “how to design a code of conduct for your community.”

52 |
53 |
54 | 55 | 60 | 61 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | rOpenSci Unconference 2016 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 |
21 | 22 |
23 | 24 | 25 | 26 |
27 |
28 | 29 | temporary image 30 | 31 | 32 | 38 |
39 | 40 | new and improved image coming son. 41 | 42 |
43 |
44 |
45 |

The unconference

46 |

47 | For the first time ever, there will be an rOpenSci hackathon in Australia! The event will be held around April 2016, in sunny Brisbane, at the Microsoft Innovation Centre. We're organizing this event to bring together scientists, developers, and open data enthusiasts from academia, industry, government, and non-profit to get together for a few days and hack on various projects. Past projects have related to open data, data visualization, data publication and open science using R. To ensure a safe, enjoyable, and friendly experience for everyone who participates, we have a code of conduct. 48 |
49 |

50 |
51 |
52 | 53 |
54 | 55 | 56 | 57 | 58 |
59 |
60 |

The Participants

61 |

We are assembling an exciting team of developers and enthusiasts representing academia, industry, government, and various open source projects.

62 |
63 |
64 |
65 | 66 |
67 |
68 |

Karthik Ram

69 |

Berkeley Institute for Data Science, rOpenSci

70 |
71 | 72 | 77 | 78 | 79 |
80 |
81 |

Miles McBain

82 |

Queensland University of Technology

83 |
84 | 85 | 90 | 91 | 92 |
93 |
94 |

Di Cook

95 |

Monash Business School, Monash University

96 |
97 | 98 | 99 | 104 | 105 |
106 |
107 |

Carson Sievert

108 |

Department of Statistics, Iowa State University

109 |
110 | 111 | 116 | 117 | 118 |
119 |
120 |

Zoé van Havre

121 |

BRAG, and QUT

122 |
123 | 124 |
125 |
126 |

David Smith

127 |

Revolution Analytics, Microsoft R Open

128 |
129 | 130 |
131 |
132 |

Sam Clifford

133 |

ACEMS and WHO, QUT

134 |
135 | 136 | 144 |
145 |
146 |
147 | 148 | 149 | 150 | 151 |
152 |
153 |
154 |

Join us

155 | 156 |
157 |
158 |
159 | Please nominate yourself if you'd like to attend. 160 | 161 |

The Hackathon works best as a small event with 30-40 attendees. A selection committee is going through a list of suggested names (invitations are still going out) and will also consider these nominations to pick a combination of people that are representative of a variety of career stages, fields, genders, and locations. 162 |
163 |
164 |
165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 |
174 |
175 |

The Venue

176 |

177 | We will be hosting the first Australian Hackathon at the Microsoft Innovation Centre in Brisbane. This space puts us high into the Brisbane skyline, and is a lovely space for solving problems and has some capacity for breaking into smaller groups. 178 | 179 |

180 |
181 | 182 |
183 | MIC HQ in Brisbane 184 |
185 |
186 | 187 | 188 |
189 |
190 |

Schedule of events

191 |

We will tease out the hackathon ideas using GitHub issues on the 192 | hackathon repo 193 | a few weeks before the event. Keeping in line with previous rOpenSci hackathons, the schedule of the event will not be 194 | decided until the morning of the DATE. Some examples of past projects can be seen [here](), [here](), and [here]().

195 |
196 | 197 |
198 | 199 |
200 |
201 | 202 |

The Sponsors

203 |

We're extremely grateful to all the sponsors for this year's event. If you'd like to sponsor the event, 204 | please email aushack2016 [at] gmail com

205 | 206 |
207 |
208 |

Platinum Sponsors

209 | GitHub Logo 210 | 211 |
212 |
213 | 214 | 215 | 216 | 217 | 222 | 237 | Top 238 | 239 | 240 | 241 | 242 | -------------------------------------------------------------------------------- /style/main.css: -------------------------------------------------------------------------------- 1 | * { 2 | -webkit-box-sizing: border-box; 3 | -moz-box-sizing: border-box; 4 | box-sizing: border-box; } 5 | 6 | /* HTML5 Elements */ 7 | article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main { 8 | display: block; } 9 | 10 | audio[controls], canvas, video { 11 | display: inline-block; 12 | *display: inline; 13 | *zoom: 1; } 14 | 15 | html, body, div, span, applet, object, iframe, 16 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 17 | a, abbr, acronym, address, big, cite, code, 18 | del, dfn, em, img, ins, kbd, q, s, samp, 19 | small, strike, strong, sub, sup, tt, var, 20 | b, u, i, center, 21 | dl, dt, dd, ol, ul, li, 22 | fieldset, form, label, legend, 23 | table, caption, tbody, tfoot, thead, tr, th, td, 24 | article, aside, canvas, details, embed, 25 | figure, figcaption, footer, header, hgroup, 26 | menu, nav, output, ruby, section, summary, main, 27 | time, mark, audio, video { 28 | margin: 0; 29 | padding: 0; 30 | border: 0; 31 | font-size: 100%; 32 | font: inherit; 33 | vertical-align: baseline; } 34 | 35 | body { 36 | font-family: 'Montserrat', sans-serif; 37 | line-height: 1.4; } 38 | 39 | ol, ul { 40 | list-style: none; } 41 | 42 | blockquote, q { 43 | quotes: none; } 44 | 45 | blockquote:before, blockquote:after, 46 | q:before, q:after { 47 | content: ''; 48 | content: none; } 49 | 50 | table { 51 | border-collapse: collapse; 52 | border-spacing: 0; } 53 | 54 | /* HTML5 Boilerplate */ 55 | html { 56 | font-size: 100%; 57 | -webkit-tap-highlight-color: transparent; 58 | -webkit-text-size-adjust: 100%; 59 | -ms-text-size-adjust: 100%; } 60 | 61 | a:focus { 62 | outline: thin dotted; } 63 | 64 | a:hover, a:active { 65 | outline: 0; } 66 | 67 | abbr[title] { 68 | border-bottom: 1px dotted; } 69 | 70 | img { 71 | border: 0; 72 | -ms-interpolation-mode: bicubic; } 73 | 74 | /* Correct overflow displayed oddly in IE9 */ 75 | svg:not(:root) { 76 | overflow: hidden; } 77 | 78 | label { 79 | cursor: pointer; } 80 | 81 | legend { 82 | border: 0; 83 | *margin-left: -7px; 84 | padding: 0; } 85 | 86 | button, input, select, textarea { 87 | font-size: 100%; 88 | margin: 0; 89 | vertical-align: baseline; 90 | *vertical-align: middle; } 91 | 92 | button, input { 93 | line-height: normal; 94 | *overflow: visible; } 95 | 96 | button, input[type="button"], input[type="reset"], input[type="submit"] { 97 | cursor: pointer; 98 | -webkit-appearance: button; } 99 | 100 | input[type="checkbox"], input[type="radio"] { 101 | box-sizing: border-box; } 102 | 103 | input[type="search"] { 104 | -moz-box-sizing: content-box; 105 | -webkit-box-sizing: content-box; 106 | box-sizing: content-box; } 107 | 108 | button::-moz-focus-inner, input::-moz-focus-inner { 109 | border: 0; 110 | padding: 0; } 111 | 112 | textarea { 113 | overflow: auto; 114 | vertical-align: top; } 115 | 116 | /* Variables 117 | ================================ */ 118 | /* Mixins 119 | ================================ */ 120 | html { 121 | font-size: 62.5%; } 122 | 123 | body { 124 | font-size: 1.6rem; 125 | background: white; 126 | /*color: #27ae60;*/ 127 | color: #34495e; 128 | /*font-family: "museo-sans", sans-serif;*/ 129 | font-family: "proxima-nova-alt"; 130 | font-weight: 300; 131 | line-height: 2rem; } 132 | @media only screen and (min-width: 960px) { 133 | body { 134 | font-size: 1.8rem; 135 | line-height: 2.5rem; } } 136 | 137 | a { 138 | font-family: 'Montserrat', sans-serif; 139 | /*color: #27ae60; the old green */ 140 | color: #2980b9; 141 | text-decoration: none; 142 | font-weight: 500; 143 | /*border-bottom: 1px solid rgba(236, 93, 96, 0.2); */} 144 | a:hover { 145 | /*border-bottom: 1px solid #27ae60; */} 146 | 147 | 148 | section { 149 | width: 90%; 150 | margin: 4rem auto; } 151 | section:after { 152 | content: ""; 153 | display: table; 154 | clear: both; } 155 | @media only screen and (min-width: 700px) { 156 | section { 157 | width: 56rem; } } 158 | @media only screen and (min-width: 1100px) { 159 | section { 160 | width: 100rem; 161 | margin: 1rem auto; } } 162 | 163 | @media only screen and (min-width: 1100px) { 164 | .title-col, 165 | .further-col { 166 | float: left; } } 167 | 168 | .title-col { 169 | margin-bottom: 4rem; } 170 | @media only screen and (min-width: 960px) { 171 | .title-col { 172 | width: 56rem; 173 | margin: 0 auto 8rem; } } 174 | @media only screen and (min-width: 1100px) { 175 | .title-col { 176 | width: 38rem; } } 177 | .title-col h2 { 178 | font-size: 3rem; 179 | font-weight: 100; 180 | margin-bottom: 1rem; 181 | line-height: 3rem; 182 | font-family: 'Montserrat', sans-serif; 183 | } 184 | @media only screen and (min-width: 960px) { 185 | .title-col h2 { 186 | font-size: 4rem; 187 | line-height: 4rem; 188 | margin-bottom: 2rem; } } 189 | .title-col p { 190 | margin-bottom: 2rem; 191 | font-family: 'Montserrat', sans-serif; 192 | font-size: 15px; 193 | line-height: 25px; } 194 | .participant-row i { 195 | font-size: 14px; 196 | } 197 | .participant-row { 198 | font-family: 'Montserrat', sans-serif; 199 | } 200 | @media only screen and (min-width: 700px) { 201 | .further-col { 202 | width: 56rem; 203 | margin: 0 auto; } } 204 | @media only screen and (min-width: 1100px) { 205 | .further-col { 206 | margin-left: 6rem; } } 207 | 208 | header { 209 | /*max-width: 84rem;*/ 210 | background: #2C3E50; 211 | color: #fff;} 212 | header:after { 213 | content: ""; 214 | display: table; 215 | clear: both; } 216 | @media only screen and (min-width: 700px) { 217 | header { 218 | /*width: 80%; 219 | margin: 4rem auto 0; */} } 220 | 221 | .site-logo { 222 | /*width: 10rem; 223 | margin: 4rem auto 4rem;*/ 224 | display: block; } 225 | 226 | .date-location-wrap p { 227 | text-align: center; 228 | } 229 | 230 | p.byline-other { 231 | font-family: 'Montserrat', sans-serif; 232 | font-size: 15px; 233 | } 234 | .site-nav { 235 | margin: 4rem auto; } 236 | @media only screen and (min-width: 700px) { 237 | .site-nav { 238 | width: 100%; 239 | float: left; } 240 | .site-nav:after { 241 | content: ""; 242 | display: table; 243 | clear: both; } } 244 | @media only screen and (min-width: 960px) { 245 | .site-nav { 246 | margin: -31.0rem auto 0; } } 247 | 248 | 249 | .site-nav-coc { 250 | margin: 4rem auto; } 251 | @media only screen and (min-width: 700px) { 252 | .site-nav-coc { 253 | width: 100%; 254 | float: left; } 255 | .site-nav-coc:after { 256 | content: ""; 257 | display: table; 258 | clear: both; } } 259 | @media only screen and (min-width: 960px) { 260 | .site-nav-coc { 261 | margin: -25.6rem auto 0; } } 262 | 263 | .byline { 264 | line-height: 1.2em; 265 | font-family: "brandon-grotesque",sans-serif; 266 | /*color: #34495e;*/ 267 | color: #FFFFFF; 268 | font-style: normal; 269 | /*font-variant: small-caps;*/ 270 | font-weight: 700; 271 | font-size: 400%; 272 | width: 20rem; 273 | margin: 0rem auto 2rem; } 274 | @media only screen and (min-width: 700px) { 275 | .byline { 276 | width: 100%; } } 277 | @media only screen and (max-width: 400px) { 278 | .byline { 279 | width: 100%; 280 | margin: 2rem 2rem 2rem -1rem; } } 281 | 282 | 283 | .byline-italic { 284 | font-style: italic; 285 | font-size: 110%; 286 | } 287 | 288 | .byline-other { 289 | font-size: 110%; 290 | /*line-height: 1.2em;*/ 291 | } 292 | 293 | .supp { 294 | font-style: normal; 295 | vertical-align: super; 296 | font-size: 65%; 297 | color: #e74c3c; 298 | } 299 | 300 | .supp-nocolor { 301 | vertical-align: super; 302 | font-size: 75%; 303 | } 304 | 305 | .nav-link { 306 | text-decoration: none; 307 | border: 1px solid #27ae60; 308 | color: #27ae60; 309 | padding: 0.4rem 0.8rem; 310 | border-radius: 4px; 311 | text-transform: uppercase; 312 | font-weight: 600; 313 | font-size: 1.4rem; 314 | letter-spacing: 0.2rem; 315 | width: 60%; 316 | display: block; 317 | text-align: center; 318 | margin: 0 auto 1rem; } 319 | .nav-link:hover { 320 | background: #27ae60; 321 | color: #fff; } 322 | @media only screen and (min-width: 960px) { 323 | .nav-link { 324 | float: left; 325 | margin-right: 3rem; 326 | width: 12rem; } 327 | .nav-link:nth-last-of-type(-n+2) { 328 | float: right; } 329 | .nav-link:nth-last-of-type(2) { 330 | margin-right: 0; } } 331 | 332 | .bar-image { 333 | width: 90%; 334 | margin: 0 auto; 335 | display: block; 336 | max-width: 100rem; } 337 | @media only screen and (min-width: 700px) { 338 | .bar-image { 339 | margin: 10rem auto; 340 | width: 60%; } } 341 | @media only screen and (min-width: 1100px) { 342 | .bar-image { 343 | margin: 15rem auto; 344 | width: 100rem; } } 345 | 346 | .intro-image { 347 | display: none; 348 | max-width: 110rem; } 349 | @media only screen and (min-width: 960px) { 350 | .intro-image { 351 | display: block; 352 | width: 85%; 353 | margin: 1rem auto 1rem; } } 354 | 355 | .intro-image-small { 356 | display: block; 357 | width: 95%; 358 | margin: 4rem auto 4rem; } 359 | @media only screen and (min-width: 960px) { 360 | .intro-image-small { 361 | display: none; } } 362 | 363 | .intro-wrap { 364 | width: 100%; 365 | color: #fff !important; 366 | color: #183244; 367 | font-size: 1.2em; 368 | line-height: 1.8em; 369 | background: #18bc9c !important; 370 | /*background: #3498db;*/ 371 | background: #ABBECD; 372 | padding: 4rem 0; } 373 | @media only screen and (min-width: 1100px) { 374 | .intro-wrap { 375 | width: 100%; 376 | margin: 0rem auto; 377 | } } 378 | 379 | .intro-wrap a { 380 | /*color: #f1c40f;*/ 381 | color: #2c3e50; 382 | } 383 | 384 | .intro-wrap a:visited { 385 | /*color: #f1c40f;*/ 386 | color: #FBF1CE; 387 | } 388 | 389 | 390 | 391 | .coc-wrap { 392 | width: 85%; 393 | font-family: "proxima-nova-alt"; 394 | color: #34495e; 395 | font-size: 110%; 396 | line-height: 2em; 397 | margin-left: 10px; 398 | margin-right: 10px; 399 | } 400 | @media only screen and (min-width: 1100px) { 401 | .coc-wrap { 402 | width: 85%; 403 | margin: 4rem auto 0; } } 404 | @media only screen and (min-width: 700px) { 405 | .coc-wrap { 406 | width: 80%; 407 | margin: 2rem auto 0; } } 408 | 409 | 410 | 411 | 412 | .coc-wrap p { 413 | margin-top: 20px; 414 | margin-bottom: 20px; 415 | margin-left: 10px; 416 | margin-right: 10px; 417 | } 418 | 419 | /*.coc-wrap li { 420 | font-family: "proxima-nova-alt",sans-serif; 421 | font-style: normal; 422 | font-weight: 300; 423 | }*/ 424 | 425 | .coc-wrap ul { 426 | list-style: square outside none; 427 | font-family: "proxima-nova-alt",sans-serif; 428 | font-style: normal; 429 | font-weight: 300; 430 | margin-left: 10px; 431 | margin-right: 10px; 432 | } 433 | 434 | .bodybig { 435 | font-size: 150%; 436 | line-height: 1.7em; 437 | padding-bottom: 20px; 438 | margin-left: 10px; 439 | margin-right: 10px; 440 | text-align: left; 441 | } 442 | 443 | .imp-stuff { 444 | font-family: "proxima-nova-alt",sans-serif; 445 | font-style: normal; 446 | font-size: 128%; 447 | font-weight: 700; 448 | /*color: #c0392b;*/ 449 | } 450 | 451 | /*.intro-wrap a { 452 | color: #2c3e50; 453 | } */ 454 | 455 | .intro { 456 | margin-top: 0; } 457 | .intro .title-col { 458 | margin-bottom: 0; 459 | width: 100%; 460 | } 461 | @media only screen and (min-width: 1100px) { 462 | .intro { 463 | margin: 0rem auto; } } 464 | 465 | /*This is for participants*/ 466 | 467 | .participants { 468 | margin: 4rem auto; } 469 | .participants:first-of-type { 470 | margin-top: 4rem; } 471 | @media only screen and (min-width: 700px) { 472 | .participants { 473 | margin: 8rem auto; } } 474 | 475 | .participant { 476 | position: relative; 477 | padding: 1rem 0 0 0; 478 | margin-bottom: 2rem; } 479 | @media only screen and (min-width: 700px) { 480 | .participant { 481 | padding: 0.5rem 0 0 9rem; } } 482 | @media only screen and (min-width: 960px) { 483 | .participant { 484 | padding: 0rem 6rem 8rem 18rem; 485 | margin-bottom: 8rem; } } 486 | 487 | .participant-image { 488 | background: #eee; 489 | border-radius: 50%; 490 | margin-bottom: 1rem; 491 | height: 6em; 492 | width: 6em; } 493 | @media only screen and (min-width: 960px) { 494 | .participant-image { 495 | left: 0; 496 | top: 0; 497 | position: absolute; 498 | height: 14rem; 499 | width: 14rem; } } 500 | 501 | 502 | .participant-name { 503 | font-weight: 600; 504 | margin-right: 1rem; } 505 | @media only screen and (min-width: 700px) { 506 | .participant-name { 507 | padding-left: 0; } } 508 | 509 | .participant-abstract { 510 | margin-top: 2rem; } 511 | @media only screen and (min-width: 700px) { 512 | .participant-abstract { 513 | /* font-family: "proxima-nova-alt",sans-serif; 514 | font-style: italic; 515 | font-weight: 400; 516 | font-size: 95%; 517 | color: #3e5771;*/ 518 | margin-top: 2rem; } } 519 | 520 | /*end participants*/ 521 | 522 | /*Begin applications*/ 523 | 524 | .apply-wrap { 525 | width: 100%; 526 | color: #fff; 527 | background: #2c3e50; 528 | padding: 4rem 0; } 529 | @media only screen and (min-width: 1100px) { 530 | .apply-wrap { 531 | margin: 10rem auto; } } 532 | 533 | .apply-wrap .participant-abstract a a:visited { 534 | color: #e74c3c; 535 | } 536 | 537 | .apply-wrap .further-col a { 538 | color: #f1c40f 539 | } 540 | 541 | .further-col img { 542 | margin-top: 20px; 543 | margin-bottom: 5px; 544 | } 545 | /*end applications*/ 546 | 547 | 548 | /*These are all the participants*/ 549 | /*To add new participants, create a class like the ones below. 550 | Use .firstname-lastname 551 | Drop the image in the participants folder and link to either the png or jpg versions. gifs are also fine*/ 552 | 553 | .karthik-ram .participant-image { 554 | background: url("../images/participants/karthik-ram.jpg") no-repeat; 555 | background-size: cover; } 556 | 557 | .nicholas-tierney .participant-image { 558 | background: url("../images/participants/nicholas-tierney.png") no-repeat; 559 | background-size: cover; } 560 | 561 | .jessie-roberts .participant-image{ 562 | background: url("../images/participants/jessie-roberts.jpg") no-repeat; 563 | background-size: cover; } 564 | 565 | 566 | 567 | .setting img { 568 | width: 100%; } 569 | 570 | .schedule-wrap .further-col { 571 | width: 100%; 572 | margin: 0; 573 | padding-bottom: 5px; } 574 | @media only screen and (min-width: 1100px) { 575 | .schedule-wrap .title-col { 576 | width: 100%; 577 | /*margin-bottom: 2rem;*/ } } 578 | 579 | .schedule:after { 580 | content: ""; 581 | display: table; 582 | clear: both; } 583 | 584 | .days { 585 | display: none; } 586 | .days:after { 587 | content: ""; 588 | display: table; 589 | clear: both; } 590 | @media only screen and (min-width: 1100px) { 591 | .days { 592 | display: block; } } 593 | 594 | .day.mobile { 595 | margin-bottom: 2rem; } 596 | @media only screen and (min-width: 1100px) { 597 | .day { 598 | width: 30%; 599 | float: left; 600 | margin-bottom: 2rem; 601 | margin-right: 5%; } 602 | .day.mobile { 603 | display: none; 604 | float: none; } 605 | .day:last-of-type { 606 | margin-right: 0; 607 | float: right; } } 608 | .day h3 { 609 | font-weight: 500; } 610 | 611 | .time-container { 612 | position: relative; 613 | margin-bottom: 2rem; } 614 | @media only screen and (min-width: 1100px) { 615 | .time-container { 616 | width: 30%; 617 | float: left; 618 | height: 65rem; 619 | margin-right: 5%; } } 620 | @media only screen and (min-width: 1100px) { 621 | .time-container:last-of-type { 622 | margin-right: 0; 623 | float: right; } } 624 | .time-container.monday .time-block { 625 | background: #27ae60; } 626 | .time-container.monday .time-block.break { 627 | background: #eee; 628 | color: #999; } 629 | .time-container.tuesday .time-block { 630 | background: #4fb3e0; } 631 | .time-container.tuesday .time-block.break { 632 | background: #eee; 633 | color: #999; } 634 | .time-container.wednesday .time-block { 635 | background: #fac637; } 636 | 637 | .time-block { 638 | background: #27ae60; 639 | color: #fff; 640 | font-size: 1.5rem; 641 | padding: 1.2rem 1rem 0; 642 | width: 100%; 643 | border-radius: 4px; 644 | margin-bottom: 10px; 645 | border: 2px solid #fff; } 646 | @media only screen and (min-width: 1100px) { 647 | .time-block { 648 | position: absolute; 649 | padding: 1rem 1rem 0; } } 650 | 651 | .activity-name { 652 | float: left; 653 | font-weight: 600; } 654 | 655 | .activity-time { 656 | float: right; } 657 | 658 | @media only screen and (min-width: 1100px) { 659 | .t-0 { 660 | top: 0; } 661 | 662 | .t-1 { 663 | top: 3.57143%; } 664 | 665 | .t-2 { 666 | top: 7.14286%; } 667 | 668 | .t-3 { 669 | top: 10.71429%; } 670 | 671 | .t-4 { 672 | top: 14.28571%; } 673 | 674 | .t-5 { 675 | top: 17.85714%; } 676 | 677 | .t-6 { 678 | top: 21.42857%; } 679 | 680 | .t-7 { 681 | top: 25%; } 682 | 683 | .t-8 { 684 | top: 28.57143%; } 685 | 686 | .t-9 { 687 | top: 32.14286%; } 688 | 689 | .t-10 { 690 | top: 35.71429%; } 691 | 692 | .t-11 { 693 | top: 39.28571%; } 694 | 695 | .t-12 { 696 | top: 42.85714%; } 697 | 698 | .t-13 { 699 | top: 46.42857%; } 700 | 701 | .t-14 { 702 | top: 50%; } 703 | 704 | .t-15 { 705 | top: 53.57143%; } 706 | 707 | .t-16 { 708 | top: 57.14286%; } 709 | 710 | .t-17 { 711 | top: 60.71429%; } 712 | 713 | .t-18 { 714 | top: 64.28571%; } 715 | 716 | .t-19 { 717 | top: 67.85714%; } 718 | 719 | .t-20 { 720 | top: 71.42857%; } 721 | 722 | .t-21 { 723 | top: 75%; } 724 | 725 | .t-22 { 726 | top: 78.57143%; } 727 | 728 | .t-23 { 729 | top: 82.14286%; } 730 | 731 | .t-24 { 732 | top: 85.71429%; } 733 | 734 | .t-25 { 735 | top: 89.28571%; } 736 | 737 | .t-26 { 738 | top: 92.85714%; } 739 | 740 | .t-27 { 741 | top: 96.42857%; } 742 | 743 | .t-28 { 744 | top: 100%; } } 745 | .d-0, 746 | .d-1, 747 | .d-2, 748 | .d-3, 749 | .d-4, 750 | .d-5, 751 | .d-6, 752 | .d-7, 753 | .d-8, 754 | .d-9, 755 | .d-10, 756 | .d-11, 757 | .d-12, 758 | .d-13, 759 | .d-14, 760 | .d-15, 761 | .d-16, 762 | .d-17, 763 | .d-18, 764 | .d-19, 765 | .d-20, 766 | .d-21, 767 | .d-22, 768 | .d-23, 769 | .d-24, 770 | .d-25, 771 | .d-26, 772 | .d-27, 773 | .d-28 { 774 | height: 5rem; } 775 | 776 | @media only screen and (min-width: 1100px) { 777 | .d-0 { 778 | height: 0; } 779 | 780 | .d-1 { 781 | height: 3.57143%; } 782 | 783 | .d-2 { 784 | height: 7.14286%; } 785 | 786 | .d-3 { 787 | height: 10.71429%; } 788 | 789 | .d-4 { 790 | height: 14.28571%; } 791 | 792 | .d-5 { 793 | height: 17.85714%; } 794 | 795 | .d-6 { 796 | height: 21.42857%; } 797 | 798 | .d-7 { 799 | height: 25%; } 800 | 801 | .d-8 { 802 | height: 28.57143%; } 803 | 804 | .d-9 { 805 | height: 32.14286%; } 806 | 807 | .d-10 { 808 | height: 35.71429%; } 809 | 810 | .d-11 { 811 | height: 39.28571%; } 812 | 813 | .d-12 { 814 | height: 42.85714%; } 815 | 816 | .d-13 { 817 | height: 46.42857%; } 818 | 819 | .d-14 { 820 | height: 50%; } 821 | 822 | .d-15 { 823 | height: 53.57143%; } 824 | 825 | .d-16 { 826 | height: 57.14286%; } 827 | 828 | .d-17 { 829 | height: 60.71429%; } 830 | 831 | .d-18 { 832 | height: 64.28571%; } 833 | 834 | .d-19 { 835 | height: 67.85714%; } 836 | 837 | .d-20 { 838 | height: 71.42857%; } 839 | 840 | .d-21 { 841 | height: 75%; } 842 | 843 | .d-22 { 844 | height: 78.57143%; } 845 | 846 | .d-23 { 847 | height: 82.14286%; } 848 | 849 | .d-24 { 850 | height: 85.71429%; } 851 | 852 | .d-25 { 853 | height: 89.28571%; } 854 | 855 | .d-26 { 856 | height: 92.85714%; } 857 | 858 | .d-27 { 859 | height: 96.42857%; } 860 | 861 | .d-28 { 862 | height: 100%; } } 863 | @media only screen and (min-width: 700px) { 864 | .sponsors { 865 | margin-bottom: 6.5rem; } } 866 | 867 | .sponsors h2 { 868 | font-size: 120%; 869 | font-weight: 600; 870 | margin-bottom: 10px; 871 | margin-top: 10px; 872 | font-family: 'Montserrat', sans-serif; 873 | } 874 | footer { 875 | background: #2c3e50; 876 | color: #fff; 877 | padding: 25px; 878 | font-family: 'Montserrat', sans-serif; 879 | } 880 | 881 | .sponsor-logo { 882 | display: block; 883 | border-bottom: none; } 884 | .sponsor-logo:hover { 885 | border-bottom: none; 886 | opacity: 0.5; } 887 | .sponsor-logo img { 888 | display: block; 889 | width: 100%; } 890 | @media only screen and (min-width: 700px) { 891 | .sponsor-logo { 892 | float: left; } 893 | .sponsor-logo img { 894 | display: block; 895 | width: 100%; } 896 | .sponsor-logo:first-of-type { 897 | width: 70%; 898 | margin: 0 auto 4rem; } 899 | .sponsor-logo:last-of-type { 900 | float: right; 901 | margin-right: 0rem; } 902 | 903 | 904 | footer { 905 | /*width: 90%;*/ 906 | text-align: center; 907 | margin: 10rem auto 10rem; 908 | padding: 4px; } 909 | @media only screen and (min-width: 700px) { 910 | footer { 911 | /*width: 60rem;*/ 912 | text-align: center; } } 913 | @media only screen and (min-width: 1100px) { 914 | footer { 915 | width: 100rem; 916 | text-align: center; } } 917 | @media only screen and (max-width: 480px) { 918 | footer { 919 | display : none; 920 | visibility : hidden; 921 | } } 922 | 923 | /* footer a { 924 | text-decoration: none; 925 | font-weight: 500; 926 | text-align: center; 927 | }*/ 928 | 929 | .foot-wrap p { 930 | width: 90%; 931 | margin-left: 3px; 932 | margin-right: 3px; 933 | } 934 | .foot-wrap p { 935 | font-family: 'Montserrat', sans-serif; 936 | font-size: 15px; 937 | } 938 | 939 | .links .further-col { 940 | padding-top: 6rem; } 941 | 942 | .links li { 943 | float: left; 944 | width: 50%; } 945 | 946 | .register-interest-wrap { 947 | margin: 8rem auto 2rem; 948 | padding: 0 1rem; } 949 | .register-interest-wrap:after { 950 | content: ""; 951 | display: table; 952 | clear: both; } 953 | @media only screen and (min-width: 700px) { 954 | .register-interest-wrap { 955 | padding: 0 4rem; } 956 | .register-interest-wrap > .text p { 957 | width: 65%; } } 958 | @media only screen and (min-width: 960px) { 959 | .register-interest-wrap { 960 | margin-top: 0; 961 | width: 42rem; 962 | padding: 0; } } 963 | 964 | 965 | 966 | a.section-jump { 967 | line-height: 0; 968 | font-size: 0; 969 | color: transparent; } 970 | 971 | .setting { 972 | margin-bottom: 0; } 973 | 974 | 975 | 976 | .cd-top { 977 | display: inline-block; 978 | height: 40px; 979 | width: 40px; 980 | position: fixed; 981 | bottom: 40px; 982 | right: 10px; 983 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); 984 | /* image replacement properties */ 985 | overflow: hidden; 986 | text-indent: 100%; 987 | white-space: nowrap; 988 | background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%; 989 | visibility: hidden; 990 | opacity: 0; 991 | -webkit-transition: opacity .3s 0s, visibility 0s .3s; 992 | -moz-transition: opacity .3s 0s, visibility 0s .3s; 993 | transition: opacity .3s 0s, visibility 0s .3s; 994 | } 995 | .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { 996 | -webkit-transition: opacity .3s 0s, visibility 0s 0s; 997 | -moz-transition: opacity .3s 0s, visibility 0s 0s; 998 | transition: opacity .3s 0s, visibility 0s 0s; 999 | } 1000 | .cd-top.cd-is-visible { 1001 | /* the button becomes visible */ 1002 | visibility: visible; 1003 | opacity: 1; 1004 | } 1005 | .cd-top.cd-fade-out { 1006 | /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ 1007 | opacity: .5; 1008 | } 1009 | -------------------------------------------------------------------------------- /js/modernizr.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Modernizr v2.7.1 3 | * www.modernizr.com 4 | * 5 | * Copyright (c) Faruk Ates, Paul Irish, Alex Sexton 6 | * Available under the BSD and MIT licenses: www.modernizr.com/license/ 7 | */ 8 | 9 | /* 10 | * Modernizr tests which native CSS3 and HTML5 features are available in 11 | * the current UA and makes the results available to you in two ways: 12 | * as properties on a global Modernizr object, and as classes on the 13 | * element. This information allows you to progressively enhance 14 | * your pages with a granular level of control over the experience. 15 | * 16 | * Modernizr has an optional (not included) conditional resource loader 17 | * called Modernizr.load(), based on Yepnope.js (yepnopejs.com). 18 | * To get a build that includes Modernizr.load(), as well as choosing 19 | * which tests to include, go to www.modernizr.com/download/ 20 | * 21 | * Authors Faruk Ates, Paul Irish, Alex Sexton 22 | * Contributors Ryan Seddon, Ben Alman 23 | */ 24 | 25 | window.Modernizr = (function( window, document, undefined ) { 26 | 27 | var version = '2.7.1', 28 | 29 | Modernizr = {}, 30 | 31 | /*>>cssclasses*/ 32 | // option for enabling the HTML classes to be added 33 | enableClasses = true, 34 | /*>>cssclasses*/ 35 | 36 | docElement = document.documentElement, 37 | 38 | /** 39 | * Create our "modernizr" element that we do most feature tests on. 40 | */ 41 | mod = 'modernizr', 42 | modElem = document.createElement(mod), 43 | mStyle = modElem.style, 44 | 45 | /** 46 | * Create the input element for various Web Forms feature tests. 47 | */ 48 | inputElem /*>>inputelem*/ = document.createElement('input') /*>>inputelem*/ , 49 | 50 | /*>>smile*/ 51 | smile = ':)', 52 | /*>>smile*/ 53 | 54 | toString = {}.toString, 55 | 56 | // TODO :: make the prefixes more granular 57 | /*>>prefixes*/ 58 | // List of property values to set for css tests. See ticket #21 59 | prefixes = ' -webkit- -moz- -o- -ms- '.split(' '), 60 | /*>>prefixes*/ 61 | 62 | /*>>domprefixes*/ 63 | // Following spec is to expose vendor-specific style properties as: 64 | // elem.style.WebkitBorderRadius 65 | // and the following would be incorrect: 66 | // elem.style.webkitBorderRadius 67 | 68 | // Webkit ghosts their properties in lowercase but Opera & Moz do not. 69 | // Microsoft uses a lowercase `ms` instead of the correct `Ms` in IE8+ 70 | // erik.eae.net/archives/2008/03/10/21.48.10/ 71 | 72 | // More here: github.com/Modernizr/Modernizr/issues/issue/21 73 | omPrefixes = 'Webkit Moz O ms', 74 | 75 | cssomPrefixes = omPrefixes.split(' '), 76 | 77 | domPrefixes = omPrefixes.toLowerCase().split(' '), 78 | /*>>domprefixes*/ 79 | 80 | /*>>ns*/ 81 | ns = {'svg': 'http://www.w3.org/2000/svg'}, 82 | /*>>ns*/ 83 | 84 | tests = {}, 85 | inputs = {}, 86 | attrs = {}, 87 | 88 | classes = [], 89 | 90 | slice = classes.slice, 91 | 92 | featureName, // used in testing loop 93 | 94 | 95 | /*>>teststyles*/ 96 | // Inject element with style element and some CSS rules 97 | injectElementWithStyles = function( rule, callback, nodes, testnames ) { 98 | 99 | var style, ret, node, docOverflow, 100 | div = document.createElement('div'), 101 | // After page load injecting a fake body doesn't work so check if body exists 102 | body = document.body, 103 | // IE6 and 7 won't return offsetWidth or offsetHeight unless it's in the body element, so we fake it. 104 | fakeBody = body || document.createElement('body'); 105 | 106 | if ( parseInt(nodes, 10) ) { 107 | // In order not to give false positives we create a node for each test 108 | // This also allows the method to scale for unspecified uses 109 | while ( nodes-- ) { 110 | node = document.createElement('div'); 111 | node.id = testnames ? testnames[nodes] : mod + (nodes + 1); 112 | div.appendChild(node); 113 | } 114 | } 115 | 116 | // '].join(''); 122 | div.id = mod; 123 | // IE6 will false positive on some tests due to the style element inside the test div somehow interfering offsetHeight, so insert it into body or fakebody. 124 | // Opera will act all quirky when injecting elements in documentElement when page is served as xml, needs fakebody too. #270 125 | (body ? div : fakeBody).innerHTML += style; 126 | fakeBody.appendChild(div); 127 | if ( !body ) { 128 | //avoid crashing IE8, if background image is used 129 | fakeBody.style.background = ''; 130 | //Safari 5.13/5.1.4 OSX stops loading if ::-webkit-scrollbar is used and scrollbars are visible 131 | fakeBody.style.overflow = 'hidden'; 132 | docOverflow = docElement.style.overflow; 133 | docElement.style.overflow = 'hidden'; 134 | docElement.appendChild(fakeBody); 135 | } 136 | 137 | ret = callback(div, rule); 138 | // If this is done after page load we don't want to remove the body so check if body exists 139 | if ( !body ) { 140 | fakeBody.parentNode.removeChild(fakeBody); 141 | docElement.style.overflow = docOverflow; 142 | } else { 143 | div.parentNode.removeChild(div); 144 | } 145 | 146 | return !!ret; 147 | 148 | }, 149 | /*>>teststyles*/ 150 | 151 | /*>>mq*/ 152 | // adapted from matchMedia polyfill 153 | // by Scott Jehl and Paul Irish 154 | // gist.github.com/786768 155 | testMediaQuery = function( mq ) { 156 | 157 | var matchMedia = window.matchMedia || window.msMatchMedia; 158 | if ( matchMedia ) { 159 | return matchMedia(mq).matches; 160 | } 161 | 162 | var bool; 163 | 164 | injectElementWithStyles('@media ' + mq + ' { #' + mod + ' { position: absolute; } }', function( node ) { 165 | bool = (window.getComputedStyle ? 166 | getComputedStyle(node, null) : 167 | node.currentStyle)['position'] == 'absolute'; 168 | }); 169 | 170 | return bool; 171 | 172 | }, 173 | /*>>mq*/ 174 | 175 | 176 | /*>>hasevent*/ 177 | // 178 | // isEventSupported determines if a given element supports the given event 179 | // kangax.github.com/iseventsupported/ 180 | // 181 | // The following results are known incorrects: 182 | // Modernizr.hasEvent("webkitTransitionEnd", elem) // false negative 183 | // Modernizr.hasEvent("textInput") // in Webkit. github.com/Modernizr/Modernizr/issues/333 184 | // ... 185 | isEventSupported = (function() { 186 | 187 | var TAGNAMES = { 188 | 'select': 'input', 'change': 'input', 189 | 'submit': 'form', 'reset': 'form', 190 | 'error': 'img', 'load': 'img', 'abort': 'img' 191 | }; 192 | 193 | function isEventSupported( eventName, element ) { 194 | 195 | element = element || document.createElement(TAGNAMES[eventName] || 'div'); 196 | eventName = 'on' + eventName; 197 | 198 | // When using `setAttribute`, IE skips "unload", WebKit skips "unload" and "resize", whereas `in` "catches" those 199 | var isSupported = eventName in element; 200 | 201 | if ( !isSupported ) { 202 | // If it has no `setAttribute` (i.e. doesn't implement Node interface), try generic element 203 | if ( !element.setAttribute ) { 204 | element = document.createElement('div'); 205 | } 206 | if ( element.setAttribute && element.removeAttribute ) { 207 | element.setAttribute(eventName, ''); 208 | isSupported = is(element[eventName], 'function'); 209 | 210 | // If property was created, "remove it" (by setting value to `undefined`) 211 | if ( !is(element[eventName], 'undefined') ) { 212 | element[eventName] = undefined; 213 | } 214 | element.removeAttribute(eventName); 215 | } 216 | } 217 | 218 | element = null; 219 | return isSupported; 220 | } 221 | return isEventSupported; 222 | })(), 223 | /*>>hasevent*/ 224 | 225 | // TODO :: Add flag for hasownprop ? didn't last time 226 | 227 | // hasOwnProperty shim by kangax needed for Safari 2.0 support 228 | _hasOwnProperty = ({}).hasOwnProperty, hasOwnProp; 229 | 230 | if ( !is(_hasOwnProperty, 'undefined') && !is(_hasOwnProperty.call, 'undefined') ) { 231 | hasOwnProp = function (object, property) { 232 | return _hasOwnProperty.call(object, property); 233 | }; 234 | } 235 | else { 236 | hasOwnProp = function (object, property) { /* yes, this can give false positives/negatives, but most of the time we don't care about those */ 237 | return ((property in object) && is(object.constructor.prototype[property], 'undefined')); 238 | }; 239 | } 240 | 241 | // Adapted from ES5-shim https://github.com/kriskowal/es5-shim/blob/master/es5-shim.js 242 | // es5.github.com/#x15.3.4.5 243 | 244 | if (!Function.prototype.bind) { 245 | Function.prototype.bind = function bind(that) { 246 | 247 | var target = this; 248 | 249 | if (typeof target != "function") { 250 | throw new TypeError(); 251 | } 252 | 253 | var args = slice.call(arguments, 1), 254 | bound = function () { 255 | 256 | if (this instanceof bound) { 257 | 258 | var F = function(){}; 259 | F.prototype = target.prototype; 260 | var self = new F(); 261 | 262 | var result = target.apply( 263 | self, 264 | args.concat(slice.call(arguments)) 265 | ); 266 | if (Object(result) === result) { 267 | return result; 268 | } 269 | return self; 270 | 271 | } else { 272 | 273 | return target.apply( 274 | that, 275 | args.concat(slice.call(arguments)) 276 | ); 277 | 278 | } 279 | 280 | }; 281 | 282 | return bound; 283 | }; 284 | } 285 | 286 | /** 287 | * setCss applies given styles to the Modernizr DOM node. 288 | */ 289 | function setCss( str ) { 290 | mStyle.cssText = str; 291 | } 292 | 293 | /** 294 | * setCssAll extrapolates all vendor-specific css strings. 295 | */ 296 | function setCssAll( str1, str2 ) { 297 | return setCss(prefixes.join(str1 + ';') + ( str2 || '' )); 298 | } 299 | 300 | /** 301 | * is returns a boolean for if typeof obj is exactly type. 302 | */ 303 | function is( obj, type ) { 304 | return typeof obj === type; 305 | } 306 | 307 | /** 308 | * contains returns a boolean for if substr is found within str. 309 | */ 310 | function contains( str, substr ) { 311 | return !!~('' + str).indexOf(substr); 312 | } 313 | 314 | /*>>testprop*/ 315 | 316 | // testProps is a generic CSS / DOM property test. 317 | 318 | // In testing support for a given CSS property, it's legit to test: 319 | // `elem.style[styleName] !== undefined` 320 | // If the property is supported it will return an empty string, 321 | // if unsupported it will return undefined. 322 | 323 | // We'll take advantage of this quick test and skip setting a style 324 | // on our modernizr element, but instead just testing undefined vs 325 | // empty string. 326 | 327 | // Because the testing of the CSS property names (with "-", as 328 | // opposed to the camelCase DOM properties) is non-portable and 329 | // non-standard but works in WebKit and IE (but not Gecko or Opera), 330 | // we explicitly reject properties with dashes so that authors 331 | // developing in WebKit or IE first don't end up with 332 | // browser-specific content by accident. 333 | 334 | function testProps( props, prefixed ) { 335 | for ( var i in props ) { 336 | var prop = props[i]; 337 | if ( !contains(prop, "-") && mStyle[prop] !== undefined ) { 338 | return prefixed == 'pfx' ? prop : true; 339 | } 340 | } 341 | return false; 342 | } 343 | /*>>testprop*/ 344 | 345 | // TODO :: add testDOMProps 346 | /** 347 | * testDOMProps is a generic DOM property test; if a browser supports 348 | * a certain property, it won't return undefined for it. 349 | */ 350 | function testDOMProps( props, obj, elem ) { 351 | for ( var i in props ) { 352 | var item = obj[props[i]]; 353 | if ( item !== undefined) { 354 | 355 | // return the property name as a string 356 | if (elem === false) return props[i]; 357 | 358 | // let's bind a function 359 | if (is(item, 'function')){ 360 | // default to autobind unless override 361 | return item.bind(elem || obj); 362 | } 363 | 364 | // return the unbound function or obj or value 365 | return item; 366 | } 367 | } 368 | return false; 369 | } 370 | 371 | /*>>testallprops*/ 372 | /** 373 | * testPropsAll tests a list of DOM properties we want to check against. 374 | * We specify literally ALL possible (known and/or likely) properties on 375 | * the element including the non-vendor prefixed one, for forward- 376 | * compatibility. 377 | */ 378 | function testPropsAll( prop, prefixed, elem ) { 379 | 380 | var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1), 381 | props = (prop + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' '); 382 | 383 | // did they call .prefixed('boxSizing') or are we just testing a prop? 384 | if(is(prefixed, "string") || is(prefixed, "undefined")) { 385 | return testProps(props, prefixed); 386 | 387 | // otherwise, they called .prefixed('requestAnimationFrame', window[, elem]) 388 | } else { 389 | props = (prop + ' ' + (domPrefixes).join(ucProp + ' ') + ucProp).split(' '); 390 | return testDOMProps(props, prefixed, elem); 391 | } 392 | } 393 | /*>>testallprops*/ 394 | 395 | 396 | /** 397 | * Tests 398 | * ----- 399 | */ 400 | 401 | // The *new* flexbox 402 | // dev.w3.org/csswg/css3-flexbox 403 | 404 | tests['flexbox'] = function() { 405 | return testPropsAll('flexWrap'); 406 | }; 407 | 408 | // The *old* flexbox 409 | // www.w3.org/TR/2009/WD-css3-flexbox-20090723/ 410 | 411 | tests['flexboxlegacy'] = function() { 412 | return testPropsAll('boxDirection'); 413 | }; 414 | 415 | // On the S60 and BB Storm, getContext exists, but always returns undefined 416 | // so we actually have to call getContext() to verify 417 | // github.com/Modernizr/Modernizr/issues/issue/97/ 418 | 419 | tests['canvas'] = function() { 420 | var elem = document.createElement('canvas'); 421 | return !!(elem.getContext && elem.getContext('2d')); 422 | }; 423 | 424 | tests['canvastext'] = function() { 425 | return !!(Modernizr['canvas'] && is(document.createElement('canvas').getContext('2d').fillText, 'function')); 426 | }; 427 | 428 | // webk.it/70117 is tracking a legit WebGL feature detect proposal 429 | 430 | // We do a soft detect which may false positive in order to avoid 431 | // an expensive context creation: bugzil.la/732441 432 | 433 | tests['webgl'] = function() { 434 | return !!window.WebGLRenderingContext; 435 | }; 436 | 437 | /* 438 | * The Modernizr.touch test only indicates if the browser supports 439 | * touch events, which does not necessarily reflect a touchscreen 440 | * device, as evidenced by tablets running Windows 7 or, alas, 441 | * the Palm Pre / WebOS (touch) phones. 442 | * 443 | * Additionally, Chrome (desktop) used to lie about its support on this, 444 | * but that has since been rectified: crbug.com/36415 445 | * 446 | * We also test for Firefox 4 Multitouch Support. 447 | * 448 | * For more info, see: modernizr.github.com/Modernizr/touch.html 449 | */ 450 | 451 | tests['touch'] = function() { 452 | var bool; 453 | 454 | if(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) { 455 | bool = true; 456 | } else { 457 | injectElementWithStyles(['@media (',prefixes.join('touch-enabled),('),mod,')','{#modernizr{top:9px;position:absolute}}'].join(''), function( node ) { 458 | bool = node.offsetTop === 9; 459 | }); 460 | } 461 | 462 | return bool; 463 | }; 464 | 465 | 466 | // geolocation is often considered a trivial feature detect... 467 | // Turns out, it's quite tricky to get right: 468 | // 469 | // Using !!navigator.geolocation does two things we don't want. It: 470 | // 1. Leaks memory in IE9: github.com/Modernizr/Modernizr/issues/513 471 | // 2. Disables page caching in WebKit: webk.it/43956 472 | // 473 | // Meanwhile, in Firefox < 8, an about:config setting could expose 474 | // a false positive that would throw an exception: bugzil.la/688158 475 | 476 | tests['geolocation'] = function() { 477 | return 'geolocation' in navigator; 478 | }; 479 | 480 | 481 | tests['postmessage'] = function() { 482 | return !!window.postMessage; 483 | }; 484 | 485 | 486 | // Chrome incognito mode used to throw an exception when using openDatabase 487 | // It doesn't anymore. 488 | tests['websqldatabase'] = function() { 489 | return !!window.openDatabase; 490 | }; 491 | 492 | // Vendors had inconsistent prefixing with the experimental Indexed DB: 493 | // - Webkit's implementation is accessible through webkitIndexedDB 494 | // - Firefox shipped moz_indexedDB before FF4b9, but since then has been mozIndexedDB 495 | // For speed, we don't test the legacy (and beta-only) indexedDB 496 | tests['indexedDB'] = function() { 497 | return !!testPropsAll("indexedDB", window); 498 | }; 499 | 500 | // documentMode logic from YUI to filter out IE8 Compat Mode 501 | // which false positives. 502 | tests['hashchange'] = function() { 503 | return isEventSupported('hashchange', window) && (document.documentMode === undefined || document.documentMode > 7); 504 | }; 505 | 506 | // Per 1.6: 507 | // This used to be Modernizr.historymanagement but the longer 508 | // name has been deprecated in favor of a shorter and property-matching one. 509 | // The old API is still available in 1.6, but as of 2.0 will throw a warning, 510 | // and in the first release thereafter disappear entirely. 511 | tests['history'] = function() { 512 | return !!(window.history && history.pushState); 513 | }; 514 | 515 | tests['draganddrop'] = function() { 516 | var div = document.createElement('div'); 517 | return ('draggable' in div) || ('ondragstart' in div && 'ondrop' in div); 518 | }; 519 | 520 | // FF3.6 was EOL'ed on 4/24/12, but the ESR version of FF10 521 | // will be supported until FF19 (2/12/13), at which time, ESR becomes FF17. 522 | // FF10 still uses prefixes, so check for it until then. 523 | // for more ESR info, see: mozilla.org/en-US/firefox/organizations/faq/ 524 | tests['websockets'] = function() { 525 | return 'WebSocket' in window || 'MozWebSocket' in window; 526 | }; 527 | 528 | 529 | // css-tricks.com/rgba-browser-support/ 530 | tests['rgba'] = function() { 531 | // Set an rgba() color and check the returned value 532 | 533 | setCss('background-color:rgba(150,255,150,.5)'); 534 | 535 | return contains(mStyle.backgroundColor, 'rgba'); 536 | }; 537 | 538 | tests['hsla'] = function() { 539 | // Same as rgba(), in fact, browsers re-map hsla() to rgba() internally, 540 | // except IE9 who retains it as hsla 541 | 542 | setCss('background-color:hsla(120,40%,100%,.5)'); 543 | 544 | return contains(mStyle.backgroundColor, 'rgba') || contains(mStyle.backgroundColor, 'hsla'); 545 | }; 546 | 547 | tests['multiplebgs'] = function() { 548 | // Setting multiple images AND a color on the background shorthand property 549 | // and then querying the style.background property value for the number of 550 | // occurrences of "url(" is a reliable method for detecting ACTUAL support for this! 551 | 552 | setCss('background:url(https://),url(https://),red url(https://)'); 553 | 554 | // If the UA supports multiple backgrounds, there should be three occurrences 555 | // of the string "url(" in the return value for elemStyle.background 556 | 557 | return (/(url\s*\(.*?){3}/).test(mStyle.background); 558 | }; 559 | 560 | 561 | 562 | // this will false positive in Opera Mini 563 | // github.com/Modernizr/Modernizr/issues/396 564 | 565 | tests['backgroundsize'] = function() { 566 | return testPropsAll('backgroundSize'); 567 | }; 568 | 569 | tests['borderimage'] = function() { 570 | return testPropsAll('borderImage'); 571 | }; 572 | 573 | 574 | // Super comprehensive table about all the unique implementations of 575 | // border-radius: muddledramblings.com/table-of-css3-border-radius-compliance 576 | 577 | tests['borderradius'] = function() { 578 | return testPropsAll('borderRadius'); 579 | }; 580 | 581 | // WebOS unfortunately false positives on this test. 582 | tests['boxshadow'] = function() { 583 | return testPropsAll('boxShadow'); 584 | }; 585 | 586 | // FF3.0 will false positive on this test 587 | tests['textshadow'] = function() { 588 | return document.createElement('div').style.textShadow === ''; 589 | }; 590 | 591 | 592 | tests['opacity'] = function() { 593 | // Browsers that actually have CSS Opacity implemented have done so 594 | // according to spec, which means their return values are within the 595 | // range of [0.0,1.0] - including the leading zero. 596 | 597 | setCssAll('opacity:.55'); 598 | 599 | // The non-literal . in this regex is intentional: 600 | // German Chrome returns this value as 0,55 601 | // github.com/Modernizr/Modernizr/issues/#issue/59/comment/516632 602 | return (/^0.55$/).test(mStyle.opacity); 603 | }; 604 | 605 | 606 | // Note, Android < 4 will pass this test, but can only animate 607 | // a single property at a time 608 | // daneden.me/2011/12/putting-up-with-androids-bullshit/ 609 | tests['cssanimations'] = function() { 610 | return testPropsAll('animationName'); 611 | }; 612 | 613 | 614 | tests['csscolumns'] = function() { 615 | return testPropsAll('columnCount'); 616 | }; 617 | 618 | 619 | tests['cssgradients'] = function() { 620 | /** 621 | * For CSS Gradients syntax, please see: 622 | * webkit.org/blog/175/introducing-css-gradients/ 623 | * developer.mozilla.org/en/CSS/-moz-linear-gradient 624 | * developer.mozilla.org/en/CSS/-moz-radial-gradient 625 | * dev.w3.org/csswg/css3-images/#gradients- 626 | */ 627 | 628 | var str1 = 'background-image:', 629 | str2 = 'gradient(linear,left top,right bottom,from(#9f9),to(white));', 630 | str3 = 'linear-gradient(left top,#9f9, white);'; 631 | 632 | setCss( 633 | // legacy webkit syntax (FIXME: remove when syntax not in use anymore) 634 | (str1 + '-webkit- '.split(' ').join(str2 + str1) + 635 | // standard syntax // trailing 'background-image:' 636 | prefixes.join(str3 + str1)).slice(0, -str1.length) 637 | ); 638 | 639 | return contains(mStyle.backgroundImage, 'gradient'); 640 | }; 641 | 642 | 643 | tests['cssreflections'] = function() { 644 | return testPropsAll('boxReflect'); 645 | }; 646 | 647 | 648 | tests['csstransforms'] = function() { 649 | return !!testPropsAll('transform'); 650 | }; 651 | 652 | 653 | tests['csstransforms3d'] = function() { 654 | 655 | var ret = !!testPropsAll('perspective'); 656 | 657 | // Webkit's 3D transforms are passed off to the browser's own graphics renderer. 658 | // It works fine in Safari on Leopard and Snow Leopard, but not in Chrome in 659 | // some conditions. As a result, Webkit typically recognizes the syntax but 660 | // will sometimes throw a false positive, thus we must do a more thorough check: 661 | if ( ret && 'webkitPerspective' in docElement.style ) { 662 | 663 | // Webkit allows this media query to succeed only if the feature is enabled. 664 | // `@media (transform-3d),(-webkit-transform-3d){ ... }` 665 | injectElementWithStyles('@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}', function( node, rule ) { 666 | ret = node.offsetLeft === 9 && node.offsetHeight === 3; 667 | }); 668 | } 669 | return ret; 670 | }; 671 | 672 | 673 | tests['csstransitions'] = function() { 674 | return testPropsAll('transition'); 675 | }; 676 | 677 | 678 | /*>>fontface*/ 679 | // @font-face detection routine by Diego Perini 680 | // javascript.nwbox.com/CSSSupport/ 681 | 682 | // false positives: 683 | // WebOS github.com/Modernizr/Modernizr/issues/342 684 | // WP7 github.com/Modernizr/Modernizr/issues/538 685 | tests['fontface'] = function() { 686 | var bool; 687 | 688 | injectElementWithStyles('@font-face {font-family:"font";src:url("https://")}', function( node, rule ) { 689 | var style = document.getElementById('smodernizr'), 690 | sheet = style.sheet || style.styleSheet, 691 | cssText = sheet ? (sheet.cssRules && sheet.cssRules[0] ? sheet.cssRules[0].cssText : sheet.cssText || '') : ''; 692 | 693 | bool = /src/i.test(cssText) && cssText.indexOf(rule.split(' ')[0]) === 0; 694 | }); 695 | 696 | return bool; 697 | }; 698 | /*>>fontface*/ 699 | 700 | // CSS generated content detection 701 | tests['generatedcontent'] = function() { 702 | var bool; 703 | 704 | injectElementWithStyles(['#',mod,'{font:0/0 a}#',mod,':after{content:"',smile,'";visibility:hidden;font:3px/1 a}'].join(''), function( node ) { 705 | bool = node.offsetHeight >= 3; 706 | }); 707 | 708 | return bool; 709 | }; 710 | 711 | 712 | 713 | // These tests evaluate support of the video/audio elements, as well as 714 | // testing what types of content they support. 715 | // 716 | // We're using the Boolean constructor here, so that we can extend the value 717 | // e.g. Modernizr.video // true 718 | // Modernizr.video.ogg // 'probably' 719 | // 720 | // Codec values from : github.com/NielsLeenheer/html5test/blob/9106a8/index.html#L845 721 | // thx to NielsLeenheer and zcorpan 722 | 723 | // Note: in some older browsers, "no" was a return value instead of empty string. 724 | // It was live in FF3.5.0 and 3.5.1, but fixed in 3.5.2 725 | // It was also live in Safari 4.0.0 - 4.0.4, but fixed in 4.0.5 726 | 727 | tests['video'] = function() { 728 | var elem = document.createElement('video'), 729 | bool = false; 730 | 731 | // IE9 Running on Windows Server SKU can cause an exception to be thrown, bug #224 732 | try { 733 | if ( bool = !!elem.canPlayType ) { 734 | bool = new Boolean(bool); 735 | bool.ogg = elem.canPlayType('video/ogg; codecs="theora"') .replace(/^no$/,''); 736 | 737 | // Without QuickTime, this value will be `undefined`. github.com/Modernizr/Modernizr/issues/546 738 | bool.h264 = elem.canPlayType('video/mp4; codecs="avc1.42E01E"') .replace(/^no$/,''); 739 | 740 | bool.webm = elem.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,''); 741 | } 742 | 743 | } catch(e) { } 744 | 745 | return bool; 746 | }; 747 | 748 | tests['audio'] = function() { 749 | var elem = document.createElement('audio'), 750 | bool = false; 751 | 752 | try { 753 | if ( bool = !!elem.canPlayType ) { 754 | bool = new Boolean(bool); 755 | bool.ogg = elem.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,''); 756 | bool.mp3 = elem.canPlayType('audio/mpeg;') .replace(/^no$/,''); 757 | 758 | // Mimetypes accepted: 759 | // developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements 760 | // bit.ly/iphoneoscodecs 761 | bool.wav = elem.canPlayType('audio/wav; codecs="1"') .replace(/^no$/,''); 762 | bool.m4a = ( elem.canPlayType('audio/x-m4a;') || 763 | elem.canPlayType('audio/aac;')) .replace(/^no$/,''); 764 | } 765 | } catch(e) { } 766 | 767 | return bool; 768 | }; 769 | 770 | 771 | // In FF4, if disabled, window.localStorage should === null. 772 | 773 | // Normally, we could not test that directly and need to do a 774 | // `('localStorage' in window) && ` test first because otherwise Firefox will 775 | // throw bugzil.la/365772 if cookies are disabled 776 | 777 | // Also in iOS5 Private Browsing mode, attempting to use localStorage.setItem 778 | // will throw the exception: 779 | // QUOTA_EXCEEDED_ERRROR DOM Exception 22. 780 | // Peculiarly, getItem and removeItem calls do not throw. 781 | 782 | // Because we are forced to try/catch this, we'll go aggressive. 783 | 784 | // Just FWIW: IE8 Compat mode supports these features completely: 785 | // www.quirksmode.org/dom/html5.html 786 | // But IE8 doesn't support either with local files 787 | 788 | tests['localstorage'] = function() { 789 | try { 790 | localStorage.setItem(mod, mod); 791 | localStorage.removeItem(mod); 792 | return true; 793 | } catch(e) { 794 | return false; 795 | } 796 | }; 797 | 798 | tests['sessionstorage'] = function() { 799 | try { 800 | sessionStorage.setItem(mod, mod); 801 | sessionStorage.removeItem(mod); 802 | return true; 803 | } catch(e) { 804 | return false; 805 | } 806 | }; 807 | 808 | 809 | tests['webworkers'] = function() { 810 | return !!window.Worker; 811 | }; 812 | 813 | 814 | tests['applicationcache'] = function() { 815 | return !!window.applicationCache; 816 | }; 817 | 818 | 819 | // Thanks to Erik Dahlstrom 820 | tests['svg'] = function() { 821 | return !!document.createElementNS && !!document.createElementNS(ns.svg, 'svg').createSVGRect; 822 | }; 823 | 824 | // specifically for SVG inline in HTML, not within XHTML 825 | // test page: paulirish.com/demo/inline-svg 826 | tests['inlinesvg'] = function() { 827 | var div = document.createElement('div'); 828 | div.innerHTML = ''; 829 | return (div.firstChild && div.firstChild.namespaceURI) == ns.svg; 830 | }; 831 | 832 | // SVG SMIL animation 833 | tests['smil'] = function() { 834 | return !!document.createElementNS && /SVGAnimate/.test(toString.call(document.createElementNS(ns.svg, 'animate'))); 835 | }; 836 | 837 | // This test is only for clip paths in SVG proper, not clip paths on HTML content 838 | // demo: srufaculty.sru.edu/david.dailey/svg/newstuff/clipPath4.svg 839 | 840 | // However read the comments to dig into applying SVG clippaths to HTML content here: 841 | // github.com/Modernizr/Modernizr/issues/213#issuecomment-1149491 842 | tests['svgclippaths'] = function() { 843 | return !!document.createElementNS && /SVGClipPath/.test(toString.call(document.createElementNS(ns.svg, 'clipPath'))); 844 | }; 845 | 846 | /*>>webforms*/ 847 | // input features and input types go directly onto the ret object, bypassing the tests loop. 848 | // Hold this guy to execute in a moment. 849 | function webforms() { 850 | /*>>input*/ 851 | // Run through HTML5's new input attributes to see if the UA understands any. 852 | // We're using f which is the element created early on 853 | // Mike Taylr has created a comprehensive resource for testing these attributes 854 | // when applied to all input types: 855 | // miketaylr.com/code/input-type-attr.html 856 | // spec: www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary 857 | 858 | // Only input placeholder is tested while textarea's placeholder is not. 859 | // Currently Safari 4 and Opera 11 have support only for the input placeholder 860 | // Both tests are available in feature-detects/forms-placeholder.js 861 | Modernizr['input'] = (function( props ) { 862 | for ( var i = 0, len = props.length; i < len; i++ ) { 863 | attrs[ props[i] ] = !!(props[i] in inputElem); 864 | } 865 | if (attrs.list){ 866 | // safari false positive's on datalist: webk.it/74252 867 | // see also github.com/Modernizr/Modernizr/issues/146 868 | attrs.list = !!(document.createElement('datalist') && window.HTMLDataListElement); 869 | } 870 | return attrs; 871 | })('autocomplete autofocus list placeholder max min multiple pattern required step'.split(' ')); 872 | /*>>input*/ 873 | 874 | /*>>inputtypes*/ 875 | // Run through HTML5's new input types to see if the UA understands any. 876 | // This is put behind the tests runloop because it doesn't return a 877 | // true/false like all the other tests; instead, it returns an object 878 | // containing each input type with its corresponding true/false value 879 | 880 | // Big thanks to @miketaylr for the html5 forms expertise. miketaylr.com/ 881 | Modernizr['inputtypes'] = (function(props) { 882 | 883 | for ( var i = 0, bool, inputElemType, defaultView, len = props.length; i < len; i++ ) { 884 | 885 | inputElem.setAttribute('type', inputElemType = props[i]); 886 | bool = inputElem.type !== 'text'; 887 | 888 | // We first check to see if the type we give it sticks.. 889 | // If the type does, we feed it a textual value, which shouldn't be valid. 890 | // If the value doesn't stick, we know there's input sanitization which infers a custom UI 891 | if ( bool ) { 892 | 893 | inputElem.value = smile; 894 | inputElem.style.cssText = 'position:absolute;visibility:hidden;'; 895 | 896 | if ( /^range$/.test(inputElemType) && inputElem.style.WebkitAppearance !== undefined ) { 897 | 898 | docElement.appendChild(inputElem); 899 | defaultView = document.defaultView; 900 | 901 | // Safari 2-4 allows the smiley as a value, despite making a slider 902 | bool = defaultView.getComputedStyle && 903 | defaultView.getComputedStyle(inputElem, null).WebkitAppearance !== 'textfield' && 904 | // Mobile android web browser has false positive, so must 905 | // check the height to see if the widget is actually there. 906 | (inputElem.offsetHeight !== 0); 907 | 908 | docElement.removeChild(inputElem); 909 | 910 | } else if ( /^(search|tel)$/.test(inputElemType) ){ 911 | // Spec doesn't define any special parsing or detectable UI 912 | // behaviors so we pass these through as true 913 | 914 | // Interestingly, opera fails the earlier test, so it doesn't 915 | // even make it here. 916 | 917 | } else if ( /^(url|email)$/.test(inputElemType) ) { 918 | // Real url and email support comes with prebaked validation. 919 | bool = inputElem.checkValidity && inputElem.checkValidity() === false; 920 | 921 | } else { 922 | // If the upgraded input compontent rejects the :) text, we got a winner 923 | bool = inputElem.value != smile; 924 | } 925 | } 926 | 927 | inputs[ props[i] ] = !!bool; 928 | } 929 | return inputs; 930 | })('search tel url email datetime date month week time datetime-local number range color'.split(' ')); 931 | /*>>inputtypes*/ 932 | } 933 | /*>>webforms*/ 934 | 935 | 936 | // End of test definitions 937 | // ----------------------- 938 | 939 | 940 | 941 | // Run through all tests and detect their support in the current UA. 942 | // todo: hypothetically we could be doing an array of tests and use a basic loop here. 943 | for ( var feature in tests ) { 944 | if ( hasOwnProp(tests, feature) ) { 945 | // run the test, throw the return value into the Modernizr, 946 | // then based on that boolean, define an appropriate className 947 | // and push it into an array of classes we'll join later. 948 | featureName = feature.toLowerCase(); 949 | Modernizr[featureName] = tests[feature](); 950 | 951 | classes.push((Modernizr[featureName] ? '' : 'no-') + featureName); 952 | } 953 | } 954 | 955 | /*>>webforms*/ 956 | // input tests need to run. 957 | Modernizr.input || webforms(); 958 | /*>>webforms*/ 959 | 960 | 961 | /** 962 | * addTest allows the user to define their own feature tests 963 | * the result will be added onto the Modernizr object, 964 | * as well as an appropriate className set on the html element 965 | * 966 | * @param feature - String naming the feature 967 | * @param test - Function returning true if feature is supported, false if not 968 | */ 969 | Modernizr.addTest = function ( feature, test ) { 970 | if ( typeof feature == 'object' ) { 971 | for ( var key in feature ) { 972 | if ( hasOwnProp( feature, key ) ) { 973 | Modernizr.addTest( key, feature[ key ] ); 974 | } 975 | } 976 | } else { 977 | 978 | feature = feature.toLowerCase(); 979 | 980 | if ( Modernizr[feature] !== undefined ) { 981 | // we're going to quit if you're trying to overwrite an existing test 982 | // if we were to allow it, we'd do this: 983 | // var re = new RegExp("\\b(no-)?" + feature + "\\b"); 984 | // docElement.className = docElement.className.replace( re, '' ); 985 | // but, no rly, stuff 'em. 986 | return Modernizr; 987 | } 988 | 989 | test = typeof test == 'function' ? test() : test; 990 | 991 | if (typeof enableClasses !== "undefined" && enableClasses) { 992 | docElement.className += ' ' + (test ? '' : 'no-') + feature; 993 | } 994 | Modernizr[feature] = test; 995 | 996 | } 997 | 998 | return Modernizr; // allow chaining. 999 | }; 1000 | 1001 | 1002 | // Reset modElem.cssText to nothing to reduce memory footprint. 1003 | setCss(''); 1004 | modElem = inputElem = null; 1005 | 1006 | /*>>shiv*/ 1007 | /** 1008 | * @preserve HTML5 Shiv prev3.7.1 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed 1009 | */ 1010 | ;(function(window, document) { 1011 | /*jshint evil:true */ 1012 | /** version */ 1013 | var version = '3.7.0'; 1014 | 1015 | /** Preset options */ 1016 | var options = window.html5 || {}; 1017 | 1018 | /** Used to skip problem elements */ 1019 | var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i; 1020 | 1021 | /** Not all elements can be cloned in IE **/ 1022 | var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i; 1023 | 1024 | /** Detect whether the browser supports default html5 styles */ 1025 | var supportsHtml5Styles; 1026 | 1027 | /** Name of the expando, to work with multiple documents or to re-shiv one document */ 1028 | var expando = '_html5shiv'; 1029 | 1030 | /** The id for the the documents expando */ 1031 | var expanID = 0; 1032 | 1033 | /** Cached data for each document */ 1034 | var expandoData = {}; 1035 | 1036 | /** Detect whether the browser supports unknown elements */ 1037 | var supportsUnknownElements; 1038 | 1039 | (function() { 1040 | try { 1041 | var a = document.createElement('a'); 1042 | a.innerHTML = ''; 1043 | //if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles 1044 | supportsHtml5Styles = ('hidden' in a); 1045 | 1046 | supportsUnknownElements = a.childNodes.length == 1 || (function() { 1047 | // assign a false positive if unable to shiv 1048 | (document.createElement)('a'); 1049 | var frag = document.createDocumentFragment(); 1050 | return ( 1051 | typeof frag.cloneNode == 'undefined' || 1052 | typeof frag.createDocumentFragment == 'undefined' || 1053 | typeof frag.createElement == 'undefined' 1054 | ); 1055 | }()); 1056 | } catch(e) { 1057 | // assign a false positive if detection fails => unable to shiv 1058 | supportsHtml5Styles = true; 1059 | supportsUnknownElements = true; 1060 | } 1061 | 1062 | }()); 1063 | 1064 | /*--------------------------------------------------------------------------*/ 1065 | 1066 | /** 1067 | * Creates a style sheet with the given CSS text and adds it to the document. 1068 | * @private 1069 | * @param {Document} ownerDocument The document. 1070 | * @param {String} cssText The CSS text. 1071 | * @returns {StyleSheet} The style element. 1072 | */ 1073 | function addStyleSheet(ownerDocument, cssText) { 1074 | var p = ownerDocument.createElement('p'), 1075 | parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement; 1076 | 1077 | p.innerHTML = 'x'; 1078 | return parent.insertBefore(p.lastChild, parent.firstChild); 1079 | } 1080 | 1081 | /** 1082 | * Returns the value of `html5.elements` as an array. 1083 | * @private 1084 | * @returns {Array} An array of shived element node names. 1085 | */ 1086 | function getElements() { 1087 | var elements = html5.elements; 1088 | return typeof elements == 'string' ? elements.split(' ') : elements; 1089 | } 1090 | 1091 | /** 1092 | * Returns the data associated to the given document 1093 | * @private 1094 | * @param {Document} ownerDocument The document. 1095 | * @returns {Object} An object of data. 1096 | */ 1097 | function getExpandoData(ownerDocument) { 1098 | var data = expandoData[ownerDocument[expando]]; 1099 | if (!data) { 1100 | data = {}; 1101 | expanID++; 1102 | ownerDocument[expando] = expanID; 1103 | expandoData[expanID] = data; 1104 | } 1105 | return data; 1106 | } 1107 | 1108 | /** 1109 | * returns a shived element for the given nodeName and document 1110 | * @memberOf html5 1111 | * @param {String} nodeName name of the element 1112 | * @param {Document} ownerDocument The context document. 1113 | * @returns {Object} The shived element. 1114 | */ 1115 | function createElement(nodeName, ownerDocument, data){ 1116 | if (!ownerDocument) { 1117 | ownerDocument = document; 1118 | } 1119 | if(supportsUnknownElements){ 1120 | return ownerDocument.createElement(nodeName); 1121 | } 1122 | if (!data) { 1123 | data = getExpandoData(ownerDocument); 1124 | } 1125 | var node; 1126 | 1127 | if (data.cache[nodeName]) { 1128 | node = data.cache[nodeName].cloneNode(); 1129 | } else if (saveClones.test(nodeName)) { 1130 | node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode(); 1131 | } else { 1132 | node = data.createElem(nodeName); 1133 | } 1134 | 1135 | // Avoid adding some elements to fragments in IE < 9 because 1136 | // * Attributes like `name` or `type` cannot be set/changed once an element 1137 | // is inserted into a document/fragment 1138 | // * Link elements with `src` attributes that are inaccessible, as with 1139 | // a 403 response, will cause the tab/window to crash 1140 | // * Script elements appended to fragments will execute when their `src` 1141 | // or `text` property is set 1142 | return node.canHaveChildren && !reSkip.test(nodeName) && !node.tagUrn ? data.frag.appendChild(node) : node; 1143 | } 1144 | 1145 | /** 1146 | * returns a shived DocumentFragment for the given document 1147 | * @memberOf html5 1148 | * @param {Document} ownerDocument The context document. 1149 | * @returns {Object} The shived DocumentFragment. 1150 | */ 1151 | function createDocumentFragment(ownerDocument, data){ 1152 | if (!ownerDocument) { 1153 | ownerDocument = document; 1154 | } 1155 | if(supportsUnknownElements){ 1156 | return ownerDocument.createDocumentFragment(); 1157 | } 1158 | data = data || getExpandoData(ownerDocument); 1159 | var clone = data.frag.cloneNode(), 1160 | i = 0, 1161 | elems = getElements(), 1162 | l = elems.length; 1163 | for(;i>shiv*/ 1309 | 1310 | // Assign private properties to the return object with prefix 1311 | Modernizr._version = version; 1312 | 1313 | // expose these for the plugin API. Look in the source for how to join() them against your input 1314 | /*>>prefixes*/ 1315 | Modernizr._prefixes = prefixes; 1316 | /*>>prefixes*/ 1317 | /*>>domprefixes*/ 1318 | Modernizr._domPrefixes = domPrefixes; 1319 | Modernizr._cssomPrefixes = cssomPrefixes; 1320 | /*>>domprefixes*/ 1321 | 1322 | /*>>mq*/ 1323 | // Modernizr.mq tests a given media query, live against the current state of the window 1324 | // A few important notes: 1325 | // * If a browser does not support media queries at all (eg. oldIE) the mq() will always return false 1326 | // * A max-width or orientation query will be evaluated against the current state, which may change later. 1327 | // * You must specify values. Eg. If you are testing support for the min-width media query use: 1328 | // Modernizr.mq('(min-width:0)') 1329 | // usage: 1330 | // Modernizr.mq('only screen and (max-width:768)') 1331 | Modernizr.mq = testMediaQuery; 1332 | /*>>mq*/ 1333 | 1334 | /*>>hasevent*/ 1335 | // Modernizr.hasEvent() detects support for a given event, with an optional element to test on 1336 | // Modernizr.hasEvent('gesturestart', elem) 1337 | Modernizr.hasEvent = isEventSupported; 1338 | /*>>hasevent*/ 1339 | 1340 | /*>>testprop*/ 1341 | // Modernizr.testProp() investigates whether a given style property is recognized 1342 | // Note that the property names must be provided in the camelCase variant. 1343 | // Modernizr.testProp('pointerEvents') 1344 | Modernizr.testProp = function(prop){ 1345 | return testProps([prop]); 1346 | }; 1347 | /*>>testprop*/ 1348 | 1349 | /*>>testallprops*/ 1350 | // Modernizr.testAllProps() investigates whether a given style property, 1351 | // or any of its vendor-prefixed variants, is recognized 1352 | // Note that the property names must be provided in the camelCase variant. 1353 | // Modernizr.testAllProps('boxSizing') 1354 | Modernizr.testAllProps = testPropsAll; 1355 | /*>>testallprops*/ 1356 | 1357 | 1358 | /*>>teststyles*/ 1359 | // Modernizr.testStyles() allows you to add custom styles to the document and test an element afterwards 1360 | // Modernizr.testStyles('#modernizr { position:absolute }', function(elem, rule){ ... }) 1361 | Modernizr.testStyles = injectElementWithStyles; 1362 | /*>>teststyles*/ 1363 | 1364 | 1365 | /*>>prefixed*/ 1366 | // Modernizr.prefixed() returns the prefixed or nonprefixed property name variant of your input 1367 | // Modernizr.prefixed('boxSizing') // 'MozBoxSizing' 1368 | 1369 | // Properties must be passed as dom-style camelcase, rather than `box-sizing` hypentated style. 1370 | // Return values will also be the camelCase variant, if you need to translate that to hypenated style use: 1371 | // 1372 | // str.replace(/([A-Z])/g, function(str,m1){ return '-' + m1.toLowerCase(); }).replace(/^ms-/,'-ms-'); 1373 | 1374 | // If you're trying to ascertain which transition end event to bind to, you might do something like... 1375 | // 1376 | // var transEndEventNames = { 1377 | // 'WebkitTransition' : 'webkitTransitionEnd', 1378 | // 'MozTransition' : 'transitionend', 1379 | // 'OTransition' : 'oTransitionEnd', 1380 | // 'msTransition' : 'MSTransitionEnd', 1381 | // 'transition' : 'transitionend' 1382 | // }, 1383 | // transEndEventName = transEndEventNames[ Modernizr.prefixed('transition') ]; 1384 | 1385 | Modernizr.prefixed = function(prop, obj, elem){ 1386 | if(!obj) { 1387 | return testPropsAll(prop, 'pfx'); 1388 | } else { 1389 | // Testing DOM property e.g. Modernizr.prefixed('requestAnimationFrame', window) // 'mozRequestAnimationFrame' 1390 | return testPropsAll(prop, obj, elem); 1391 | } 1392 | }; 1393 | /*>>prefixed*/ 1394 | 1395 | 1396 | /*>>cssclasses*/ 1397 | // Remove "no-js" class from element, if it exists: 1398 | docElement.className = docElement.className.replace(/(^|\s)no-js(\s|$)/, '$1$2') + 1399 | 1400 | // Add the new classes to the element. 1401 | (enableClasses ? ' js ' + classes.join(' ') : ''); 1402 | /*>>cssclasses*/ 1403 | 1404 | return Modernizr; 1405 | 1406 | })(this, this.document); 1407 | -------------------------------------------------------------------------------- /images/bris-banner.svg: -------------------------------------------------------------------------------- 1 | bris-banner --------------------------------------------------------------------------------