├── .gitignore ├── LICENSE ├── README.md ├── _config.yml ├── _includes ├── head.html └── scripts.html ├── _layouts └── default.html ├── assets ├── css │ ├── font-awesome.min.css │ ├── ie8.css │ ├── ie9.css │ ├── images │ │ ├── arrow-small.svg │ │ ├── arrow.svg │ │ ├── close-small-alt.svg │ │ ├── close-small.svg │ │ ├── close.svg │ │ ├── open-small.svg │ │ ├── open.svg │ │ └── spinner.svg │ ├── main.css │ └── noscript.css ├── fonts │ ├── FontAwesome.otf │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.svg │ ├── fontawesome-webfont.ttf │ ├── fontawesome-webfont.woff │ └── fontawesome-webfont.woff2 ├── js │ ├── ie │ │ ├── PIE.htc │ │ ├── html5shiv.js │ │ └── respond.min.js │ ├── jquery.min.js │ ├── main.js │ └── skel.min.js └── sass │ ├── base │ ├── _page.scss │ └── _typography.scss │ ├── components │ ├── _button.scss │ ├── _form.scss │ ├── _icon.scss │ └── _list.scss │ ├── ie8.scss │ ├── ie9.scss │ ├── layout │ ├── _footer.scss │ ├── _header.scss │ ├── _main.scss │ ├── _thumbnails.scss │ └── _viewer.scss │ ├── libs │ ├── _functions.scss │ ├── _mixins.scss │ ├── _skel.scss │ └── _vars.scss │ ├── main.scss │ └── noscript.scss ├── favicon.png ├── gallery ├── background_01.jpg ├── background_02.jpg ├── background_03.jpg ├── background_04.jpg ├── background_05.jpg ├── background_06.jpg ├── background_07.jpg ├── background_08.jpg ├── background_09.jpg ├── background_10.jpg ├── background_11.jpg └── background_12.jpg └── index.html /.gitignore: -------------------------------------------------------------------------------- 1 | ### Jekyll ### 2 | _site/ 3 | .sass-cache/ 4 | .jekyll-metadata -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | GNU GENERAL PUBLIC LICENSE 2 | Version 3, 29 June 2007 3 | 4 | Copyright (C) 2007 Free Software Foundation, Inc. 5 | Everyone is permitted to copy and distribute verbatim copies 6 | of this license document, but changing it is not allowed. 7 | 8 | Preamble 9 | 10 | The GNU General Public License is a free, copyleft license for 11 | software and other kinds of works. 12 | 13 | The licenses for most software and other practical works are designed 14 | to take away your freedom to share and change the works. By contrast, 15 | the GNU General Public License is intended to guarantee your freedom to 16 | share and change all versions of a program--to make sure it remains free 17 | software for all its users. We, the Free Software Foundation, use the 18 | GNU General Public License for most of our software; it applies also to 19 | any other work released this way by its authors. You can apply it to 20 | your programs, too. 21 | 22 | When we speak of free software, we are referring to freedom, not 23 | price. Our General Public Licenses are designed to make sure that you 24 | have the freedom to distribute copies of free software (and charge for 25 | them if you wish), that you receive source code or can get it if you 26 | want it, that you can change the software or use pieces of it in new 27 | free programs, and that you know you can do these things. 28 | 29 | To protect your rights, we need to prevent others from denying you 30 | these rights or asking you to surrender the rights. Therefore, you have 31 | certain responsibilities if you distribute copies of the software, or if 32 | you modify it: responsibilities to respect the freedom of others. 33 | 34 | For example, if you distribute copies of such a program, whether 35 | gratis or for a fee, you must pass on to the recipients the same 36 | freedoms that you received. You must make sure that they, too, receive 37 | or can get the source code. And you must show them these terms so they 38 | know their rights. 39 | 40 | Developers that use the GNU GPL protect your rights with two steps: 41 | (1) assert copyright on the software, and (2) offer you this License 42 | giving you legal permission to copy, distribute and/or modify it. 43 | 44 | For the developers' and authors' protection, the GPL clearly explains 45 | that there is no warranty for this free software. For both users' and 46 | authors' sake, the GPL requires that modified versions be marked as 47 | changed, so that their problems will not be attributed erroneously to 48 | authors of previous versions. 49 | 50 | Some devices are designed to deny users access to install or run 51 | modified versions of the software inside them, although the manufacturer 52 | can do so. This is fundamentally incompatible with the aim of 53 | protecting users' freedom to change the software. The systematic 54 | pattern of such abuse occurs in the area of products for individuals to 55 | use, which is precisely where it is most unacceptable. Therefore, we 56 | have designed this version of the GPL to prohibit the practice for those 57 | products. If such problems arise substantially in other domains, we 58 | stand ready to extend this provision to those domains in future versions 59 | of the GPL, as needed to protect the freedom of users. 60 | 61 | Finally, every program is threatened constantly by software patents. 62 | States should not allow patents to restrict development and use of 63 | software on general-purpose computers, but in those that do, we wish to 64 | avoid the special danger that patents applied to a free program could 65 | make it effectively proprietary. To prevent this, the GPL assures that 66 | patents cannot be used to render the program non-free. 67 | 68 | The precise terms and conditions for copying, distribution and 69 | modification follow. 70 | 71 | TERMS AND CONDITIONS 72 | 73 | 0. Definitions. 74 | 75 | "This License" refers to version 3 of the GNU General Public License. 76 | 77 | "Copyright" also means copyright-like laws that apply to other kinds of 78 | works, such as semiconductor masks. 79 | 80 | "The Program" refers to any copyrightable work licensed under this 81 | License. Each licensee is addressed as "you". "Licensees" and 82 | "recipients" may be individuals or organizations. 83 | 84 | To "modify" a work means to copy from or adapt all or part of the work 85 | in a fashion requiring copyright permission, other than the making of an 86 | exact copy. The resulting work is called a "modified version" of the 87 | earlier work or a work "based on" the earlier work. 88 | 89 | A "covered work" means either the unmodified Program or a work based 90 | on the Program. 91 | 92 | To "propagate" a work means to do anything with it that, without 93 | permission, would make you directly or secondarily liable for 94 | infringement under applicable copyright law, except executing it on a 95 | computer or modifying a private copy. Propagation includes copying, 96 | distribution (with or without modification), making available to the 97 | public, and in some countries other activities as well. 98 | 99 | To "convey" a work means any kind of propagation that enables other 100 | parties to make or receive copies. Mere interaction with a user through 101 | a computer network, with no transfer of a copy, is not conveying. 102 | 103 | An interactive user interface displays "Appropriate Legal Notices" 104 | to the extent that it includes a convenient and prominently visible 105 | feature that (1) displays an appropriate copyright notice, and (2) 106 | tells the user that there is no warranty for the work (except to the 107 | extent that warranties are provided), that licensees may convey the 108 | work under this License, and how to view a copy of this License. If 109 | the interface presents a list of user commands or options, such as a 110 | menu, a prominent item in the list meets this criterion. 111 | 112 | 1. Source Code. 113 | 114 | The "source code" for a work means the preferred form of the work 115 | for making modifications to it. "Object code" means any non-source 116 | form of a work. 117 | 118 | A "Standard Interface" means an interface that either is an official 119 | standard defined by a recognized standards body, or, in the case of 120 | interfaces specified for a particular programming language, one that 121 | is widely used among developers working in that language. 122 | 123 | The "System Libraries" of an executable work include anything, other 124 | than the work as a whole, that (a) is included in the normal form of 125 | packaging a Major Component, but which is not part of that Major 126 | Component, and (b) serves only to enable use of the work with that 127 | Major Component, or to implement a Standard Interface for which an 128 | implementation is available to the public in source code form. A 129 | "Major Component", in this context, means a major essential component 130 | (kernel, window system, and so on) of the specific operating system 131 | (if any) on which the executable work runs, or a compiler used to 132 | produce the work, or an object code interpreter used to run it. 133 | 134 | The "Corresponding Source" for a work in object code form means all 135 | the source code needed to generate, install, and (for an executable 136 | work) run the object code and to modify the work, including scripts to 137 | control those activities. However, it does not include the work's 138 | System Libraries, or general-purpose tools or generally available free 139 | programs which are used unmodified in performing those activities but 140 | which are not part of the work. For example, Corresponding Source 141 | includes interface definition files associated with source files for 142 | the work, and the source code for shared libraries and dynamically 143 | linked subprograms that the work is specifically designed to require, 144 | such as by intimate data communication or control flow between those 145 | subprograms and other parts of the work. 146 | 147 | The Corresponding Source need not include anything that users 148 | can regenerate automatically from other parts of the Corresponding 149 | Source. 150 | 151 | The Corresponding Source for a work in source code form is that 152 | same work. 153 | 154 | 2. Basic Permissions. 155 | 156 | All rights granted under this License are granted for the term of 157 | copyright on the Program, and are irrevocable provided the stated 158 | conditions are met. This License explicitly affirms your unlimited 159 | permission to run the unmodified Program. The output from running a 160 | covered work is covered by this License only if the output, given its 161 | content, constitutes a covered work. This License acknowledges your 162 | rights of fair use or other equivalent, as provided by copyright law. 163 | 164 | You may make, run and propagate covered works that you do not 165 | convey, without conditions so long as your license otherwise remains 166 | in force. You may convey covered works to others for the sole purpose 167 | of having them make modifications exclusively for you, or provide you 168 | with facilities for running those works, provided that you comply with 169 | the terms of this License in conveying all material for which you do 170 | not control copyright. Those thus making or running the covered works 171 | for you must do so exclusively on your behalf, under your direction 172 | and control, on terms that prohibit them from making any copies of 173 | your copyrighted material outside their relationship with you. 174 | 175 | Conveying under any other circumstances is permitted solely under 176 | the conditions stated below. Sublicensing is not allowed; section 10 177 | makes it unnecessary. 178 | 179 | 3. Protecting Users' Legal Rights From Anti-Circumvention Law. 180 | 181 | No covered work shall be deemed part of an effective technological 182 | measure under any applicable law fulfilling obligations under article 183 | 11 of the WIPO copyright treaty adopted on 20 December 1996, or 184 | similar laws prohibiting or restricting circumvention of such 185 | measures. 186 | 187 | When you convey a covered work, you waive any legal power to forbid 188 | circumvention of technological measures to the extent such circumvention 189 | is effected by exercising rights under this License with respect to 190 | the covered work, and you disclaim any intention to limit operation or 191 | modification of the work as a means of enforcing, against the work's 192 | users, your or third parties' legal rights to forbid circumvention of 193 | technological measures. 194 | 195 | 4. Conveying Verbatim Copies. 196 | 197 | You may convey verbatim copies of the Program's source code as you 198 | receive it, in any medium, provided that you conspicuously and 199 | appropriately publish on each copy an appropriate copyright notice; 200 | keep intact all notices stating that this License and any 201 | non-permissive terms added in accord with section 7 apply to the code; 202 | keep intact all notices of the absence of any warranty; and give all 203 | recipients a copy of this License along with the Program. 204 | 205 | You may charge any price or no price for each copy that you convey, 206 | and you may offer support or warranty protection for a fee. 207 | 208 | 5. Conveying Modified Source Versions. 209 | 210 | You may convey a work based on the Program, or the modifications to 211 | produce it from the Program, in the form of source code under the 212 | terms of section 4, provided that you also meet all of these conditions: 213 | 214 | a) The work must carry prominent notices stating that you modified 215 | it, and giving a relevant date. 216 | 217 | b) The work must carry prominent notices stating that it is 218 | released under this License and any conditions added under section 219 | 7. This requirement modifies the requirement in section 4 to 220 | "keep intact all notices". 221 | 222 | c) You must license the entire work, as a whole, under this 223 | License to anyone who comes into possession of a copy. This 224 | License will therefore apply, along with any applicable section 7 225 | additional terms, to the whole of the work, and all its parts, 226 | regardless of how they are packaged. This License gives no 227 | permission to license the work in any other way, but it does not 228 | invalidate such permission if you have separately received it. 229 | 230 | d) If the work has interactive user interfaces, each must display 231 | Appropriate Legal Notices; however, if the Program has interactive 232 | interfaces that do not display Appropriate Legal Notices, your 233 | work need not make them do so. 234 | 235 | A compilation of a covered work with other separate and independent 236 | works, which are not by their nature extensions of the covered work, 237 | and which are not combined with it such as to form a larger program, 238 | in or on a volume of a storage or distribution medium, is called an 239 | "aggregate" if the compilation and its resulting copyright are not 240 | used to limit the access or legal rights of the compilation's users 241 | beyond what the individual works permit. Inclusion of a covered work 242 | in an aggregate does not cause this License to apply to the other 243 | parts of the aggregate. 244 | 245 | 6. Conveying Non-Source Forms. 246 | 247 | You may convey a covered work in object code form under the terms 248 | of sections 4 and 5, provided that you also convey the 249 | machine-readable Corresponding Source under the terms of this License, 250 | in one of these ways: 251 | 252 | a) Convey the object code in, or embodied in, a physical product 253 | (including a physical distribution medium), accompanied by the 254 | Corresponding Source fixed on a durable physical medium 255 | customarily used for software interchange. 256 | 257 | b) Convey the object code in, or embodied in, a physical product 258 | (including a physical distribution medium), accompanied by a 259 | written offer, valid for at least three years and valid for as 260 | long as you offer spare parts or customer support for that product 261 | model, to give anyone who possesses the object code either (1) a 262 | copy of the Corresponding Source for all the software in the 263 | product that is covered by this License, on a durable physical 264 | medium customarily used for software interchange, for a price no 265 | more than your reasonable cost of physically performing this 266 | conveying of source, or (2) access to copy the 267 | Corresponding Source from a network server at no charge. 268 | 269 | c) Convey individual copies of the object code with a copy of the 270 | written offer to provide the Corresponding Source. This 271 | alternative is allowed only occasionally and noncommercially, and 272 | only if you received the object code with such an offer, in accord 273 | with subsection 6b. 274 | 275 | d) Convey the object code by offering access from a designated 276 | place (gratis or for a charge), and offer equivalent access to the 277 | Corresponding Source in the same way through the same place at no 278 | further charge. You need not require recipients to copy the 279 | Corresponding Source along with the object code. If the place to 280 | copy the object code is a network server, the Corresponding Source 281 | may be on a different server (operated by you or a third party) 282 | that supports equivalent copying facilities, provided you maintain 283 | clear directions next to the object code saying where to find the 284 | Corresponding Source. Regardless of what server hosts the 285 | Corresponding Source, you remain obligated to ensure that it is 286 | available for as long as needed to satisfy these requirements. 287 | 288 | e) Convey the object code using peer-to-peer transmission, provided 289 | you inform other peers where the object code and Corresponding 290 | Source of the work are being offered to the general public at no 291 | charge under subsection 6d. 292 | 293 | A separable portion of the object code, whose source code is excluded 294 | from the Corresponding Source as a System Library, need not be 295 | included in conveying the object code work. 296 | 297 | A "User Product" is either (1) a "consumer product", which means any 298 | tangible personal property which is normally used for personal, family, 299 | or household purposes, or (2) anything designed or sold for incorporation 300 | into a dwelling. In determining whether a product is a consumer product, 301 | doubtful cases shall be resolved in favor of coverage. For a particular 302 | product received by a particular user, "normally used" refers to a 303 | typical or common use of that class of product, regardless of the status 304 | of the particular user or of the way in which the particular user 305 | actually uses, or expects or is expected to use, the product. A product 306 | is a consumer product regardless of whether the product has substantial 307 | commercial, industrial or non-consumer uses, unless such uses represent 308 | the only significant mode of use of the product. 309 | 310 | "Installation Information" for a User Product means any methods, 311 | procedures, authorization keys, or other information required to install 312 | and execute modified versions of a covered work in that User Product from 313 | a modified version of its Corresponding Source. The information must 314 | suffice to ensure that the continued functioning of the modified object 315 | code is in no case prevented or interfered with solely because 316 | modification has been made. 317 | 318 | If you convey an object code work under this section in, or with, or 319 | specifically for use in, a User Product, and the conveying occurs as 320 | part of a transaction in which the right of possession and use of the 321 | User Product is transferred to the recipient in perpetuity or for a 322 | fixed term (regardless of how the transaction is characterized), the 323 | Corresponding Source conveyed under this section must be accompanied 324 | by the Installation Information. But this requirement does not apply 325 | if neither you nor any third party retains the ability to install 326 | modified object code on the User Product (for example, the work has 327 | been installed in ROM). 328 | 329 | The requirement to provide Installation Information does not include a 330 | requirement to continue to provide support service, warranty, or updates 331 | for a work that has been modified or installed by the recipient, or for 332 | the User Product in which it has been modified or installed. Access to a 333 | network may be denied when the modification itself materially and 334 | adversely affects the operation of the network or violates the rules and 335 | protocols for communication across the network. 336 | 337 | Corresponding Source conveyed, and Installation Information provided, 338 | in accord with this section must be in a format that is publicly 339 | documented (and with an implementation available to the public in 340 | source code form), and must require no special password or key for 341 | unpacking, reading or copying. 342 | 343 | 7. Additional Terms. 344 | 345 | "Additional permissions" are terms that supplement the terms of this 346 | License by making exceptions from one or more of its conditions. 347 | Additional permissions that are applicable to the entire Program shall 348 | be treated as though they were included in this License, to the extent 349 | that they are valid under applicable law. If additional permissions 350 | apply only to part of the Program, that part may be used separately 351 | under those permissions, but the entire Program remains governed by 352 | this License without regard to the additional permissions. 353 | 354 | When you convey a copy of a covered work, you may at your option 355 | remove any additional permissions from that copy, or from any part of 356 | it. (Additional permissions may be written to require their own 357 | removal in certain cases when you modify the work.) You may place 358 | additional permissions on material, added by you to a covered work, 359 | for which you have or can give appropriate copyright permission. 360 | 361 | Notwithstanding any other provision of this License, for material you 362 | add to a covered work, you may (if authorized by the copyright holders of 363 | that material) supplement the terms of this License with terms: 364 | 365 | a) Disclaiming warranty or limiting liability differently from the 366 | terms of sections 15 and 16 of this License; or 367 | 368 | b) Requiring preservation of specified reasonable legal notices or 369 | author attributions in that material or in the Appropriate Legal 370 | Notices displayed by works containing it; or 371 | 372 | c) Prohibiting misrepresentation of the origin of that material, or 373 | requiring that modified versions of such material be marked in 374 | reasonable ways as different from the original version; or 375 | 376 | d) Limiting the use for publicity purposes of names of licensors or 377 | authors of the material; or 378 | 379 | e) Declining to grant rights under trademark law for use of some 380 | trade names, trademarks, or service marks; or 381 | 382 | f) Requiring indemnification of licensors and authors of that 383 | material by anyone who conveys the material (or modified versions of 384 | it) with contractual assumptions of liability to the recipient, for 385 | any liability that these contractual assumptions directly impose on 386 | those licensors and authors. 387 | 388 | All other non-permissive additional terms are considered "further 389 | restrictions" within the meaning of section 10. If the Program as you 390 | received it, or any part of it, contains a notice stating that it is 391 | governed by this License along with a term that is a further 392 | restriction, you may remove that term. If a license document contains 393 | a further restriction but permits relicensing or conveying under this 394 | License, you may add to a covered work material governed by the terms 395 | of that license document, provided that the further restriction does 396 | not survive such relicensing or conveying. 397 | 398 | If you add terms to a covered work in accord with this section, you 399 | must place, in the relevant source files, a statement of the 400 | additional terms that apply to those files, or a notice indicating 401 | where to find the applicable terms. 402 | 403 | Additional terms, permissive or non-permissive, may be stated in the 404 | form of a separately written license, or stated as exceptions; 405 | the above requirements apply either way. 406 | 407 | 8. Termination. 408 | 409 | You may not propagate or modify a covered work except as expressly 410 | provided under this License. Any attempt otherwise to propagate or 411 | modify it is void, and will automatically terminate your rights under 412 | this License (including any patent licenses granted under the third 413 | paragraph of section 11). 414 | 415 | However, if you cease all violation of this License, then your 416 | license from a particular copyright holder is reinstated (a) 417 | provisionally, unless and until the copyright holder explicitly and 418 | finally terminates your license, and (b) permanently, if the copyright 419 | holder fails to notify you of the violation by some reasonable means 420 | prior to 60 days after the cessation. 421 | 422 | Moreover, your license from a particular copyright holder is 423 | reinstated permanently if the copyright holder notifies you of the 424 | violation by some reasonable means, this is the first time you have 425 | received notice of violation of this License (for any work) from that 426 | copyright holder, and you cure the violation prior to 30 days after 427 | your receipt of the notice. 428 | 429 | Termination of your rights under this section does not terminate the 430 | licenses of parties who have received copies or rights from you under 431 | this License. If your rights have been terminated and not permanently 432 | reinstated, you do not qualify to receive new licenses for the same 433 | material under section 10. 434 | 435 | 9. Acceptance Not Required for Having Copies. 436 | 437 | You are not required to accept this License in order to receive or 438 | run a copy of the Program. Ancillary propagation of a covered work 439 | occurring solely as a consequence of using peer-to-peer transmission 440 | to receive a copy likewise does not require acceptance. However, 441 | nothing other than this License grants you permission to propagate or 442 | modify any covered work. These actions infringe copyright if you do 443 | not accept this License. Therefore, by modifying or propagating a 444 | covered work, you indicate your acceptance of this License to do so. 445 | 446 | 10. Automatic Licensing of Downstream Recipients. 447 | 448 | Each time you convey a covered work, the recipient automatically 449 | receives a license from the original licensors, to run, modify and 450 | propagate that work, subject to this License. You are not responsible 451 | for enforcing compliance by third parties with this License. 452 | 453 | An "entity transaction" is a transaction transferring control of an 454 | organization, or substantially all assets of one, or subdividing an 455 | organization, or merging organizations. If propagation of a covered 456 | work results from an entity transaction, each party to that 457 | transaction who receives a copy of the work also receives whatever 458 | licenses to the work the party's predecessor in interest had or could 459 | give under the previous paragraph, plus a right to possession of the 460 | Corresponding Source of the work from the predecessor in interest, if 461 | the predecessor has it or can get it with reasonable efforts. 462 | 463 | You may not impose any further restrictions on the exercise of the 464 | rights granted or affirmed under this License. For example, you may 465 | not impose a license fee, royalty, or other charge for exercise of 466 | rights granted under this License, and you may not initiate litigation 467 | (including a cross-claim or counterclaim in a lawsuit) alleging that 468 | any patent claim is infringed by making, using, selling, offering for 469 | sale, or importing the Program or any portion of it. 470 | 471 | 11. Patents. 472 | 473 | A "contributor" is a copyright holder who authorizes use under this 474 | License of the Program or a work on which the Program is based. The 475 | work thus licensed is called the contributor's "contributor version". 476 | 477 | A contributor's "essential patent claims" are all patent claims 478 | owned or controlled by the contributor, whether already acquired or 479 | hereafter acquired, that would be infringed by some manner, permitted 480 | by this License, of making, using, or selling its contributor version, 481 | but do not include claims that would be infringed only as a 482 | consequence of further modification of the contributor version. For 483 | purposes of this definition, "control" includes the right to grant 484 | patent sublicenses in a manner consistent with the requirements of 485 | this License. 486 | 487 | Each contributor grants you a non-exclusive, worldwide, royalty-free 488 | patent license under the contributor's essential patent claims, to 489 | make, use, sell, offer for sale, import and otherwise run, modify and 490 | propagate the contents of its contributor version. 491 | 492 | In the following three paragraphs, a "patent license" is any express 493 | agreement or commitment, however denominated, not to enforce a patent 494 | (such as an express permission to practice a patent or covenant not to 495 | sue for patent infringement). To "grant" such a patent license to a 496 | party means to make such an agreement or commitment not to enforce a 497 | patent against the party. 498 | 499 | If you convey a covered work, knowingly relying on a patent license, 500 | and the Corresponding Source of the work is not available for anyone 501 | to copy, free of charge and under the terms of this License, through a 502 | publicly available network server or other readily accessible means, 503 | then you must either (1) cause the Corresponding Source to be so 504 | available, or (2) arrange to deprive yourself of the benefit of the 505 | patent license for this particular work, or (3) arrange, in a manner 506 | consistent with the requirements of this License, to extend the patent 507 | license to downstream recipients. "Knowingly relying" means you have 508 | actual knowledge that, but for the patent license, your conveying the 509 | covered work in a country, or your recipient's use of the covered work 510 | in a country, would infringe one or more identifiable patents in that 511 | country that you have reason to believe are valid. 512 | 513 | If, pursuant to or in connection with a single transaction or 514 | arrangement, you convey, or propagate by procuring conveyance of, a 515 | covered work, and grant a patent license to some of the parties 516 | receiving the covered work authorizing them to use, propagate, modify 517 | or convey a specific copy of the covered work, then the patent license 518 | you grant is automatically extended to all recipients of the covered 519 | work and works based on it. 520 | 521 | A patent license is "discriminatory" if it does not include within 522 | the scope of its coverage, prohibits the exercise of, or is 523 | conditioned on the non-exercise of one or more of the rights that are 524 | specifically granted under this License. You may not convey a covered 525 | work if you are a party to an arrangement with a third party that is 526 | in the business of distributing software, under which you make payment 527 | to the third party based on the extent of your activity of conveying 528 | the work, and under which the third party grants, to any of the 529 | parties who would receive the covered work from you, a discriminatory 530 | patent license (a) in connection with copies of the covered work 531 | conveyed by you (or copies made from those copies), or (b) primarily 532 | for and in connection with specific products or compilations that 533 | contain the covered work, unless you entered into that arrangement, 534 | or that patent license was granted, prior to 28 March 2007. 535 | 536 | Nothing in this License shall be construed as excluding or limiting 537 | any implied license or other defenses to infringement that may 538 | otherwise be available to you under applicable patent law. 539 | 540 | 12. No Surrender of Others' Freedom. 541 | 542 | If conditions are imposed on you (whether by court order, agreement or 543 | otherwise) that contradict the conditions of this License, they do not 544 | excuse you from the conditions of this License. If you cannot convey a 545 | covered work so as to satisfy simultaneously your obligations under this 546 | License and any other pertinent obligations, then as a consequence you may 547 | not convey it at all. For example, if you agree to terms that obligate you 548 | to collect a royalty for further conveying from those to whom you convey 549 | the Program, the only way you could satisfy both those terms and this 550 | License would be to refrain entirely from conveying the Program. 551 | 552 | 13. Use with the GNU Affero General Public License. 553 | 554 | Notwithstanding any other provision of this License, you have 555 | permission to link or combine any covered work with a work licensed 556 | under version 3 of the GNU Affero General Public License into a single 557 | combined work, and to convey the resulting work. The terms of this 558 | License will continue to apply to the part which is the covered work, 559 | but the special requirements of the GNU Affero General Public License, 560 | section 13, concerning interaction through a network will apply to the 561 | combination as such. 562 | 563 | 14. Revised Versions of this License. 564 | 565 | The Free Software Foundation may publish revised and/or new versions of 566 | the GNU General Public License from time to time. Such new versions will 567 | be similar in spirit to the present version, but may differ in detail to 568 | address new problems or concerns. 569 | 570 | Each version is given a distinguishing version number. If the 571 | Program specifies that a certain numbered version of the GNU General 572 | Public License "or any later version" applies to it, you have the 573 | option of following the terms and conditions either of that numbered 574 | version or of any later version published by the Free Software 575 | Foundation. If the Program does not specify a version number of the 576 | GNU General Public License, you may choose any version ever published 577 | by the Free Software Foundation. 578 | 579 | If the Program specifies that a proxy can decide which future 580 | versions of the GNU General Public License can be used, that proxy's 581 | public statement of acceptance of a version permanently authorizes you 582 | to choose that version for the Program. 583 | 584 | Later license versions may give you additional or different 585 | permissions. However, no additional obligations are imposed on any 586 | author or copyright holder as a result of your choosing to follow a 587 | later version. 588 | 589 | 15. Disclaimer of Warranty. 590 | 591 | THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY 592 | APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT 593 | HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY 594 | OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, 595 | THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 596 | PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM 597 | IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF 598 | ALL NECESSARY SERVICING, REPAIR OR CORRECTION. 599 | 600 | 16. Limitation of Liability. 601 | 602 | IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING 603 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS 604 | THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY 605 | GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE 606 | USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF 607 | DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD 608 | PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), 609 | EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF 610 | SUCH DAMAGES. 611 | 612 | 17. Interpretation of Sections 15 and 16. 613 | 614 | If the disclaimer of warranty and limitation of liability provided 615 | above cannot be given local legal effect according to their terms, 616 | reviewing courts shall apply local law that most closely approximates 617 | an absolute waiver of all civil liability in connection with the 618 | Program, unless a warranty or assumption of liability accompanies a 619 | copy of the Program in return for a fee. 620 | 621 | END OF TERMS AND CONDITIONS 622 | 623 | How to Apply These Terms to Your New Programs 624 | 625 | If you develop a new program, and you want it to be of the greatest 626 | possible use to the public, the best way to achieve this is to make it 627 | free software which everyone can redistribute and change under these terms. 628 | 629 | To do so, attach the following notices to the program. It is safest 630 | to attach them to the start of each source file to most effectively 631 | state the exclusion of warranty; and each file should have at least 632 | the "copyright" line and a pointer to where the full notice is found. 633 | 634 | 635 | Copyright (C) 636 | 637 | This program is free software: you can redistribute it and/or modify 638 | it under the terms of the GNU General Public License as published by 639 | the Free Software Foundation, either version 3 of the License, or 640 | (at your option) any later version. 641 | 642 | This program is distributed in the hope that it will be useful, 643 | but WITHOUT ANY WARRANTY; without even the implied warranty of 644 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 645 | GNU General Public License for more details. 646 | 647 | You should have received a copy of the GNU General Public License 648 | along with this program. If not, see . 649 | 650 | Also add information on how to contact you by electronic and paper mail. 651 | 652 | If the program does terminal interaction, make it output a short 653 | notice like this when it starts in an interactive mode: 654 | 655 | Copyright (C) 656 | This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. 657 | This is free software, and you are welcome to redistribute it 658 | under certain conditions; type `show c' for details. 659 | 660 | The hypothetical commands `show w' and `show c' should show the appropriate 661 | parts of the General Public License. Of course, your program's commands 662 | might be different; for a GUI interface, you would use an "about box". 663 | 664 | You should also get your employer (if you work as a programmer) or school, 665 | if any, to sign a "copyright disclaimer" for the program, if necessary. 666 | For more information on this, and how to apply and follow the GNU GPL, see 667 | . 668 | 669 | The GNU General Public License does not permit incorporating your program 670 | into proprietary programs. If your program is a subroutine library, you 671 | may consider it more useful to permit linking proprietary applications with 672 | the library. If this is what you want to do, use the GNU Lesser General 673 | Public License instead of this License. But first, please read 674 | . 675 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![Jekyll Lens](https://i.imgur.com/Qi7gdQC.png) 2 | 3 | # Lens 4 | *A Jekyll website for photographers and photo bloggers.* 5 | 6 | **Lens** is a photo gallery [Jekyll](https://jekyllrb.com/) theme designed 7 | specially for photographers and photo bloggers. 8 | 9 | Jekyll Lens uses [Jekyll](https://jekyllrb.com/) Static Site Generator (SSG) to 10 | generate the website and [GitHub Pages](https://pages.github.com) to host it. 11 | 12 | ## Features 13 | 14 | ✅ Free & Easy setup 15 | ✅ No coding required 16 | 17 | You won't need any expensive server, just to host a photo blog. You don't 18 | even need to code anything. Just follow the steps below to setup your photo blog 19 | in minutes. 20 | 21 | ## Get Started 22 | 23 | 1. Fork this repository by clicking the **Fork** button at the top right. 24 | 25 | 1. Enable [GitHub Pages](https://pages.github.com) from the repository 26 | settings. 27 | Your site will be automatically generated and published at 28 | `https://.github.io/`. You can also add your 29 | custom domain if you want. 30 | (For more details visit: [GitHub Pages](https://pages.github.com)). 31 | 32 | 1. Modify the `_config.yml` file to your liking. 33 | More information on each key in the `_config.yml` file has been described in 34 | the file itself, as comments. 35 | 36 | 1. Upload your pictures in the `gallery` folder (and remove the default ones if 37 | you want). 38 | 39 | 1. Now, visit your website and see the magic! 🎉 40 | 41 | > If you liked this project, please ⭐ **Star** this repository to show your 42 | > love. 43 | 44 | #### Have any questions? 45 | If you have a bug or an idea, feel free to open a [new issue](https://github.com/ElasticDesigns/jekyll-lens/issues/new). 46 | 47 | #### Want to contribute? 48 | If you want to contribute, make your changes or enhancements and [open a 49 | pull request](https://github.com/ElasticDesigns/jekyll-lens/compare). 50 | 51 | > Feedback and bug reports are not only welcome, but strongly encouraged. 😄 52 | 53 | ### Credits 54 | The HTML5 version of Lens template is designed by [HTML5UP](https://html5up.net/lens). 55 | A special thanks to them for the design, which I further enhanced for use with 56 | Jekyll. 57 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | ## Site Meta ## 2 | # The title of the website. 3 | title: "Lens - Elastic Designs" 4 | # The description of the website 5 | description: "A Jekyll theme for photographers and photo bloggers." 6 | # Keywords/tags for you site. 7 | keywords: "lens, jeykll-lens, jekyll, theme, jekyll-theme, photography, blog, photography-blog, photo-blog" 8 | # Your copyright message. 9 | copyright: "Copyright © 2017 - Elastic Designs." 10 | 11 | ## Site Configurations ## 12 | # 1st heading of the site. 13 | header: "Lens" 14 | # 2nd heading/sub heading of the website. 15 | subheader: "Elastic Designs" 16 | # A description/bio of the website. 17 | bio: "A Jekyll theme for photographers and photo bloggers." 18 | social: 19 | # Your Twitter username. 20 | twitter_username: "" 21 | # Your Facebook username. 22 | facebook_username: "" 23 | # Your Instagram username. 24 | instagram_username: "" 25 | # GitHub username. 26 | github_username: "ElasticDesigns" 27 | # Your email address. 28 | email: "" 29 | 30 | ## Gallery Configuration ## 31 | # If you modify this, also modify the `default.scope.path` key below. 32 | gallery_dir: "gallery" 33 | # Any valid value of "background-position" CSS attribute. 34 | image_position: "left center" 35 | 36 | ## Jekyll Configuration ## 37 | defaults: 38 | - scope: 39 | # Should be same as the `gallery_dir` key above. 40 | path: "gallery" 41 | values: 42 | image: true 43 | -------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{ site.title }} 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /_includes/scripts.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 10 | {% include head.html %} 11 | 12 | 13 | {{ content }} 14 | 15 | {% include scripts.html %} 16 | 17 | 18 | -------------------------------------------------------------------------------- /assets/css/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} 5 | -------------------------------------------------------------------------------- /assets/css/ie8.css: -------------------------------------------------------------------------------- 1 | /* 2 | Lens by HTML5 UP 3 | html5up.net | @ajlkn 4 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 5 | */ 6 | 7 | /* Viewer */ 8 | 9 | #viewer { 10 | width: 100%; 11 | } -------------------------------------------------------------------------------- /assets/css/ie9.css: -------------------------------------------------------------------------------- 1 | /* 2 | Lens by HTML5 UP 3 | html5up.net | @ajlkn 4 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 5 | */ 6 | 7 | /* Thumbnails */ 8 | 9 | #thumbnails:after { 10 | content: ''; 11 | display: block; 12 | clear: both; 13 | } 14 | 15 | #thumbnails article { 16 | float: left; 17 | } 18 | 19 | /* Viewer */ 20 | 21 | #viewer .inner { 22 | box-shadow: inset 0 0 9em 2em rgba(16, 16, 16, 0.2); 23 | } 24 | 25 | #viewer .inner:before { 26 | display: none; 27 | } 28 | 29 | #viewer .slide .caption { 30 | background-color: rgba(16, 16, 16, 0.5); 31 | } -------------------------------------------------------------------------------- /assets/css/images/arrow-small.svg: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /assets/css/images/arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /assets/css/images/close-small-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /assets/css/images/close-small.svg: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /assets/css/images/close.svg: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /assets/css/images/open-small.svg: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /assets/css/images/open.svg: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /assets/css/images/spinner.svg: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /assets/css/main.css: -------------------------------------------------------------------------------- 1 | @import url(font-awesome.min.css); 2 | @import url("https://fonts.googleapis.com/css?family=Roboto:400,700"); 3 | 4 | /* 5 | Lens by HTML5 UP 6 | html5up.net | @ajlkn 7 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 8 | */ 9 | 10 | /* Reset */ 11 | 12 | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 13 | margin: 0; 14 | padding: 0; 15 | border: 0; 16 | font-size: 100%; 17 | font: inherit; 18 | vertical-align: baseline; 19 | } 20 | 21 | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 22 | display: block; 23 | } 24 | 25 | body { 26 | line-height: 1; 27 | } 28 | 29 | ol, ul { 30 | list-style: none; 31 | } 32 | 33 | blockquote, q { 34 | quotes: none; 35 | } 36 | 37 | blockquote:before, blockquote:after, q:before, q:after { 38 | content: ''; 39 | content: none; 40 | } 41 | 42 | table { 43 | border-collapse: collapse; 44 | border-spacing: 0; 45 | } 46 | 47 | body { 48 | -webkit-text-size-adjust: none; 49 | } 50 | 51 | /* Box Model */ 52 | 53 | *, *:before, *:after { 54 | -moz-box-sizing: border-box; 55 | -webkit-box-sizing: border-box; 56 | box-sizing: border-box; 57 | } 58 | 59 | /* Basic */ 60 | 61 | /* 62 | @-ms-viewport { 63 | width: device-width; 64 | } 65 | 66 | */ 67 | 68 | @media screen and (max-width: 480px) { 69 | 70 | html, body { 71 | min-width: 320px; 72 | } 73 | 74 | } 75 | 76 | body.is-loading-0 *, body.is-loading-0 *:before, body.is-loading-0 *:after { 77 | -moz-animation: none !important; 78 | -webkit-animation: none !important; 79 | -ms-animation: none !important; 80 | animation: none !important; 81 | -moz-transition: none !important; 82 | -webkit-transition: none !important; 83 | -ms-transition: none !important; 84 | transition: none !important; 85 | } 86 | 87 | html, body { 88 | background-color: #101010; 89 | overflow: hidden; 90 | } 91 | 92 | /* Type */ 93 | 94 | html { 95 | font-size: 16pt; 96 | } 97 | 98 | @media screen and (max-width: 1680px) { 99 | 100 | html { 101 | font-size: 12pt; 102 | } 103 | 104 | } 105 | 106 | @media screen and (max-width: 1280px) { 107 | 108 | html { 109 | font-size: 11pt; 110 | } 111 | 112 | } 113 | 114 | body { 115 | background-color: #fff; 116 | color: #aaa; 117 | } 118 | 119 | body, input, select, textarea { 120 | font-family: "Roboto", Helvetica, sans-serif; 121 | font-weight: 400; 122 | line-height: 1.65; 123 | font-size: 1em; 124 | color: #aaa; 125 | } 126 | 127 | a { 128 | -moz-transition: color 0.25s ease, border-bottom-color 0.25s ease; 129 | -webkit-transition: color 0.25s ease, border-bottom-color 0.25s ease; 130 | -ms-transition: color 0.25s ease, border-bottom-color 0.25s ease; 131 | transition: color 0.25s ease, border-bottom-color 0.25s ease; 132 | border-bottom: dotted 1px; 133 | color: inherit; 134 | text-decoration: none; 135 | } 136 | 137 | a:hover { 138 | border-bottom-color: transparent; 139 | color: #7289DA; 140 | } 141 | 142 | strong, b { 143 | font-weight: 400; 144 | color: #555; 145 | } 146 | 147 | em, i { 148 | font-style: italic; 149 | } 150 | 151 | p { 152 | margin: 0 0 1.25em 0; 153 | } 154 | 155 | h1, h2, h3, h4, h5, h6 { 156 | font-weight: 400; 157 | line-height: 1.25; 158 | margin: 0 0 0.5em 0; 159 | color: #555; 160 | } 161 | 162 | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 163 | color: inherit; 164 | text-decoration: none; 165 | } 166 | 167 | h2 { 168 | font-size: 1.25em; 169 | } 170 | 171 | h3 { 172 | font-size: 1em; 173 | } 174 | 175 | h4 { 176 | font-size: 0.9em; 177 | } 178 | 179 | h5 { 180 | font-size: 0.8em; 181 | } 182 | 183 | h6 { 184 | font-size: 0.7em; 185 | } 186 | 187 | sub { 188 | font-size: 0.8em; 189 | position: relative; 190 | top: 0.5em; 191 | } 192 | 193 | sup { 194 | font-size: 0.8em; 195 | position: relative; 196 | top: -0.5em; 197 | } 198 | 199 | blockquote { 200 | border-left: solid 4px #ccc; 201 | font-style: italic; 202 | margin: 0 0 1.25em 0; 203 | padding: 0.3125em 0 0.3125em 1.25em; 204 | } 205 | 206 | code { 207 | border-radius: 4px; 208 | border: solid 1px; 209 | font-family: "Courier New", monospace; 210 | font-size: 0.9em; 211 | margin: 0 0.25em; 212 | padding: 0.25em 0.65em; 213 | border-color: #ccc; 214 | } 215 | 216 | pre { 217 | -webkit-overflow-scrolling: touch; 218 | font-family: "Courier New", monospace; 219 | font-size: 0.9em; 220 | margin: 0 0 1.25em 0; 221 | } 222 | 223 | pre code { 224 | display: block; 225 | padding: 1em 1.5em; 226 | overflow-x: auto; 227 | } 228 | 229 | hr { 230 | border: 0; 231 | border-bottom: solid 1px #ccc; 232 | margin: 1.25em 0; 233 | } 234 | 235 | hr.major { 236 | margin: 1.875em 0; 237 | } 238 | 239 | .align-left { 240 | text-align: left; 241 | } 242 | 243 | .align-center { 244 | text-align: center; 245 | } 246 | 247 | .align-right { 248 | text-align: right; 249 | } 250 | 251 | /* Button */ 252 | 253 | input[type="submit"], 254 | input[type="reset"], 255 | input[type="button"], 256 | button, 257 | .button { 258 | -moz-appearance: none; 259 | -webkit-appearance: none; 260 | -ms-appearance: none; 261 | appearance: none; 262 | -moz-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; 263 | -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; 264 | -ms-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; 265 | transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; 266 | background-color: transparent; 267 | border-radius: 4px; 268 | border: solid 1px #ccc; 269 | color: #555; 270 | cursor: pointer; 271 | display: inline-block; 272 | line-height: 1; 273 | padding: 0.75em 1.5em; 274 | text-align: center; 275 | text-decoration: none; 276 | white-space: nowrap; 277 | } 278 | 279 | input[type="submit"]:hover, 280 | input[type="reset"]:hover, 281 | input[type="button"]:hover, 282 | button:hover, 283 | .button:hover { 284 | border-color: #7289DA; 285 | color: #7289DA; 286 | } 287 | 288 | input[type="submit"]:hover:active, 289 | input[type="reset"]:hover:active, 290 | input[type="button"]:hover:active, 291 | button:hover:active, 292 | .button:hover:active { 293 | background-color: rgba(0, 211, 183, 0.15); 294 | } 295 | 296 | input[type="submit"].icon, 297 | input[type="reset"].icon, 298 | input[type="button"].icon, 299 | button.icon, 300 | .button.icon { 301 | padding-left: 1.35em; 302 | } 303 | 304 | input[type="submit"].icon:before, 305 | input[type="reset"].icon:before, 306 | input[type="button"].icon:before, 307 | button.icon:before, 308 | .button.icon:before { 309 | margin-right: 0.5em; 310 | } 311 | 312 | input[type="submit"].fit, 313 | input[type="reset"].fit, 314 | input[type="button"].fit, 315 | button.fit, 316 | .button.fit { 317 | display: block; 318 | margin: 0 0 0.625em 0; 319 | width: 100%; 320 | } 321 | 322 | input[type="submit"].small, 323 | input[type="reset"].small, 324 | input[type="button"].small, 325 | button.small, 326 | .button.small { 327 | font-size: 0.8em; 328 | } 329 | 330 | input[type="submit"].big, 331 | input[type="reset"].big, 332 | input[type="button"].big, 333 | button.big, 334 | .button.big { 335 | font-size: 1.35em; 336 | } 337 | 338 | input[type="submit"].disabled, input[type="submit"]:disabled, 339 | input[type="reset"].disabled, 340 | input[type="reset"]:disabled, 341 | input[type="button"].disabled, 342 | input[type="button"]:disabled, 343 | button.disabled, 344 | button:disabled, 345 | .button.disabled, 346 | .button:disabled { 347 | -moz-pointer-events: none; 348 | -webkit-pointer-events: none; 349 | -ms-pointer-events: none; 350 | pointer-events: none; 351 | opacity: 0.25; 352 | } 353 | 354 | /* Form */ 355 | 356 | form { 357 | margin: 0 0 1.25em 0; 358 | } 359 | 360 | label { 361 | color: #555; 362 | display: block; 363 | font-size: 0.9em; 364 | font-weight: 400; 365 | margin: 0 0 0.625em 0; 366 | } 367 | 368 | input[type="text"], 369 | input[type="password"], 370 | input[type="email"], 371 | select, 372 | textarea { 373 | -moz-appearance: none; 374 | -webkit-appearance: none; 375 | -ms-appearance: none; 376 | appearance: none; 377 | background-color: transparent; 378 | border-radius: 4px; 379 | border: solid 1px #ccc; 380 | color: inherit; 381 | display: block; 382 | outline: 0; 383 | padding: 0 0.75em; 384 | text-decoration: none; 385 | width: 100%; 386 | } 387 | 388 | input[type="text"]:invalid, 389 | input[type="password"]:invalid, 390 | input[type="email"]:invalid, 391 | select:invalid, 392 | textarea:invalid { 393 | box-shadow: none; 394 | } 395 | 396 | input[type="text"]:focus, 397 | input[type="password"]:focus, 398 | input[type="email"]:focus, 399 | select:focus, 400 | textarea:focus { 401 | border-color: #7289DA; 402 | } 403 | 404 | .select-wrapper { 405 | text-decoration: none; 406 | display: block; 407 | position: relative; 408 | } 409 | 410 | .select-wrapper:before { 411 | -moz-osx-font-smoothing: grayscale; 412 | -webkit-font-smoothing: antialiased; 413 | font-family: FontAwesome; 414 | font-style: normal; 415 | font-weight: normal; 416 | text-transform: none !important; 417 | } 418 | 419 | .select-wrapper:before { 420 | color: #ccc; 421 | content: '\f107'; 422 | display: block; 423 | height: 2.75em; 424 | line-height: 2.75em; 425 | pointer-events: none; 426 | position: absolute; 427 | right: 0; 428 | text-align: center; 429 | top: 0; 430 | width: 2.75em; 431 | } 432 | 433 | .select-wrapper select::-ms-expand { 434 | display: none; 435 | } 436 | 437 | input[type="text"], 438 | input[type="password"], 439 | input[type="email"], 440 | select { 441 | height: 2.75em; 442 | } 443 | 444 | textarea { 445 | padding: 0.75em 1em; 446 | } 447 | 448 | input[type="checkbox"], 449 | input[type="radio"] { 450 | -moz-appearance: none; 451 | -webkit-appearance: none; 452 | -ms-appearance: none; 453 | appearance: none; 454 | display: block; 455 | float: left; 456 | margin-right: -2em; 457 | opacity: 0; 458 | width: 1em; 459 | z-index: -1; 460 | } 461 | 462 | input[type="checkbox"] + label, 463 | input[type="radio"] + label { 464 | text-decoration: none; 465 | color: #aaa; 466 | cursor: pointer; 467 | display: inline-block; 468 | font-size: 1em; 469 | font-weight: 400; 470 | margin: 0; 471 | padding-left: 2.4em; 472 | padding-right: 0.75em; 473 | position: relative; 474 | } 475 | 476 | input[type="checkbox"] + label:before, 477 | input[type="radio"] + label:before { 478 | -moz-osx-font-smoothing: grayscale; 479 | -webkit-font-smoothing: antialiased; 480 | font-family: FontAwesome; 481 | font-style: normal; 482 | font-weight: normal; 483 | text-transform: none !important; 484 | } 485 | 486 | input[type="checkbox"] + label:before, 487 | input[type="radio"] + label:before { 488 | background: transparent; 489 | border-radius: 4px; 490 | border: solid 1px #ccc; 491 | content: ''; 492 | display: inline-block; 493 | height: 1.65em; 494 | left: 0; 495 | line-height: 1.58125em; 496 | position: absolute; 497 | text-align: center; 498 | top: 0; 499 | width: 1.65em; 500 | } 501 | 502 | input[type="checkbox"]:checked + label:before, 503 | input[type="radio"]:checked + label:before { 504 | background-color: #555; 505 | border-color: #555; 506 | color: #fff; 507 | content: '\f00c'; 508 | } 509 | 510 | input[type="checkbox"]:focus + label:before, 511 | input[type="radio"]:focus + label:before { 512 | border-color: #7289DA; 513 | } 514 | 515 | input[type="checkbox"] + label:before { 516 | border-radius: 4px; 517 | } 518 | 519 | input[type="radio"] + label:before { 520 | border-radius: 100%; 521 | } 522 | 523 | ::-webkit-input-placeholder { 524 | opacity: 1.0; 525 | color: #ccc !important; 526 | } 527 | 528 | :-moz-placeholder { 529 | opacity: 1.0; 530 | color: #ccc !important; 531 | } 532 | 533 | ::-moz-placeholder { 534 | opacity: 1.0; 535 | color: #ccc !important; 536 | } 537 | 538 | :-ms-input-placeholder { 539 | opacity: 1.0; 540 | color: #ccc !important; 541 | } 542 | 543 | .formerize-placeholder { 544 | opacity: 1.0; 545 | color: #ccc !important; 546 | } 547 | 548 | .field { 549 | margin: 0 0 1.25em 0; 550 | } 551 | 552 | /* Icon */ 553 | 554 | .icon { 555 | text-decoration: none; 556 | border-bottom: none; 557 | position: relative; 558 | } 559 | 560 | .icon:before { 561 | -moz-osx-font-smoothing: grayscale; 562 | -webkit-font-smoothing: antialiased; 563 | font-family: FontAwesome; 564 | font-style: normal; 565 | font-weight: normal; 566 | text-transform: none !important; 567 | } 568 | 569 | .icon > .label { 570 | display: none; 571 | } 572 | 573 | /* List */ 574 | 575 | ol { 576 | list-style: decimal; 577 | margin: 0 0 1.25em 0; 578 | padding-left: 1.25em; 579 | } 580 | 581 | ol li { 582 | padding-left: 0.25em; 583 | } 584 | 585 | ul { 586 | list-style: disc; 587 | margin: 0 0 1.25em 0; 588 | padding-left: 1em; 589 | } 590 | 591 | ul li { 592 | padding-left: 0.5em; 593 | } 594 | 595 | ul.alt { 596 | list-style: none; 597 | padding-left: 0; 598 | } 599 | 600 | ul.alt li { 601 | border-top: solid 1px #ccc; 602 | padding: 0.5em 0; 603 | } 604 | 605 | ul.alt li:first-child { 606 | border-top: 0; 607 | padding-top: 0; 608 | } 609 | 610 | ul.icons { 611 | cursor: default; 612 | list-style: none; 613 | padding-left: 0; 614 | } 615 | 616 | ul.icons li { 617 | display: inline-block; 618 | padding: 0 1em 0 0; 619 | } 620 | 621 | ul.icons li:last-child { 622 | padding-right: 0; 623 | } 624 | 625 | ul.icons li .icon:before { 626 | font-size: 1.5rem; 627 | } 628 | 629 | ul.actions { 630 | cursor: default; 631 | list-style: none; 632 | padding-left: 0; 633 | } 634 | 635 | ul.actions li { 636 | display: inline-block; 637 | padding: 0 0.625em 0 0; 638 | vertical-align: middle; 639 | } 640 | 641 | ul.actions li:last-child { 642 | padding-right: 0; 643 | } 644 | 645 | ul.actions.small li { 646 | padding: 0 0.3125em 0 0; 647 | } 648 | 649 | ul.actions.vertical li { 650 | display: block; 651 | padding: 0.625em 0 0 0; 652 | } 653 | 654 | ul.actions.vertical li:first-child { 655 | padding-top: 0; 656 | } 657 | 658 | ul.actions.vertical li > * { 659 | margin-bottom: 0; 660 | } 661 | 662 | ul.actions.vertical.small li { 663 | padding: 0.3125em 0 0 0; 664 | } 665 | 666 | ul.actions.vertical.small li:first-child { 667 | padding-top: 0; 668 | } 669 | 670 | ul.actions.fit { 671 | display: table; 672 | margin-left: -0.625em; 673 | padding: 0; 674 | table-layout: fixed; 675 | width: calc(100% + 0.625em); 676 | } 677 | 678 | ul.actions.fit li { 679 | display: table-cell; 680 | padding: 0 0 0 0.625em; 681 | } 682 | 683 | ul.actions.fit li > * { 684 | margin-bottom: 0; 685 | } 686 | 687 | ul.actions.fit.small { 688 | margin-left: -0.3125em; 689 | width: calc(100% + 0.3125em); 690 | } 691 | 692 | ul.actions.fit.small li { 693 | padding: 0 0 0 0.3125em; 694 | } 695 | 696 | dl { 697 | margin: 0 0 1.25em 0; 698 | } 699 | 700 | dl dt { 701 | display: block; 702 | font-weight: 400; 703 | margin: 0 0 0.625em 0; 704 | } 705 | 706 | dl dd { 707 | margin-left: 1.25em; 708 | } 709 | 710 | /* Main */ 711 | 712 | #main { 713 | -moz-transition: opacity 0.75s ease, right 0.75s ease, left 0.75s ease, visibility 0.75s; 714 | -webkit-transition: opacity 0.75s ease, right 0.75s ease, left 0.75s ease, visibility 0.75s; 715 | -ms-transition: opacity 0.75s ease, right 0.75s ease, left 0.75s ease, visibility 0.75s; 716 | transition: opacity 0.75s ease, right 0.75s ease, left 0.75s ease, visibility 0.75s; 717 | -webkit-overflow-scrolling: touch; 718 | position: fixed; 719 | top: 0; 720 | width: 22.5em; 721 | height: 100%; 722 | background: #fff; 723 | outline: 0; 724 | overflow-x: hidden; 725 | overflow-y: auto; 726 | text-align: right; 727 | visibility: visible; 728 | z-index: 10000; 729 | right: 0; 730 | } 731 | 732 | #main .toggle { 733 | -webkit-tap-highlight-color: transparent; 734 | position: absolute; 735 | top: 0; 736 | width: 4em; 737 | height: 4em; 738 | background-image: url("images/close-small-alt.svg"); 739 | background-repeat: no-repeat; 740 | background-size: 32px 32px; 741 | cursor: pointer; 742 | display: none; 743 | z-index: 1; 744 | background-position: 0.5em 0.5em; 745 | left: 0; 746 | } 747 | 748 | body.fullscreen #main { 749 | visibility: hidden; 750 | right: -22.5em; 751 | } 752 | 753 | body.is-loading-1 #main { 754 | opacity: 0; 755 | right: -2em; 756 | } 757 | 758 | @media screen and (max-width: 1280px) { 759 | 760 | #main { 761 | width: 19em; 762 | } 763 | 764 | body.fullscreen #main { 765 | right: -19em; 766 | } 767 | 768 | } 769 | 770 | @media screen and (max-width: 980px) { 771 | 772 | #main { 773 | background: rgba(255, 255, 255, 0.925); 774 | } 775 | 776 | #main .toggle { 777 | display: block; 778 | } 779 | 780 | } 781 | 782 | @media screen and (max-width: 480px) { 783 | 784 | #main { 785 | -moz-transition: opacity 0.5s ease, visibility 0.5s; 786 | -webkit-transition: opacity 0.5s ease, visibility 0.5s; 787 | -ms-transition: opacity 0.5s ease, visibility 0.5s; 788 | transition: opacity 0.5s ease, visibility 0.5s; 789 | width: 100%; 790 | background: #fff; 791 | text-align: center; 792 | } 793 | 794 | body.is-loading-1 #main { 795 | left: auto !important; 796 | right: auto !important; 797 | } 798 | 799 | body.fullscreen #main { 800 | left: auto !important; 801 | right: auto !important; 802 | opacity: 0; 803 | } 804 | 805 | #main .toggle { 806 | display: none; 807 | } 808 | 809 | } 810 | 811 | /* Header */ 812 | 813 | #header { 814 | padding: 3em 2.25em 1.75em 2.25em ; 815 | } 816 | 817 | #header h1 { 818 | font-size: 2.25em; 819 | font-weight: 700; 820 | } 821 | 822 | /* Footer */ 823 | 824 | #footer { 825 | padding: 2.25em 2.25em 1em 2.25em ; 826 | } 827 | 828 | #footer .copyright { 829 | list-style: none; 830 | padding: 0; 831 | } 832 | 833 | #footer .copyright li { 834 | display: inline-block; 835 | font-size: 0.8em; 836 | margin-left: 0.35em; 837 | padding: 0; 838 | } 839 | 840 | #footer .copyright li:first-child { 841 | margin-left: 0; 842 | } 843 | 844 | /* Thumbnails */ 845 | 846 | #thumbnails { 847 | display: -moz-flex; 848 | display: -webkit-flex; 849 | display: -ms-flex; 850 | display: flex; 851 | -moz-flex-wrap: wrap; 852 | -webkit-flex-wrap: wrap; 853 | -ms-flex-wrap: wrap; 854 | flex-wrap: wrap; 855 | padding: 0 0.75em; 856 | } 857 | 858 | #thumbnails article { 859 | position: relative; 860 | width: 50%; 861 | background: #101010; 862 | outline: 0; 863 | } 864 | 865 | #thumbnails article .thumbnail { 866 | -webkit-tap-highlight-color: transparent; 867 | display: block; 868 | position: relative; 869 | border: 0; 870 | outline: 0; 871 | } 872 | 873 | #thumbnails article .thumbnail img { 874 | display: block; 875 | width: 100%; 876 | } 877 | 878 | #thumbnails article .thumbnail:before { 879 | -moz-pointer-events: none; 880 | -webkit-pointer-events: none; 881 | -ms-pointer-events: none; 882 | pointer-events: none; 883 | -moz-transition: opacity 0.25s ease; 884 | -webkit-transition: opacity 0.25s ease; 885 | -ms-transition: opacity 0.25s ease; 886 | transition: opacity 0.25s ease; 887 | content: ''; 888 | position: absolute; 889 | left: 0; 890 | top: 0; 891 | width: 100%; 892 | height: 100%; 893 | box-shadow: inset 0 0 0 2px #7289DA, inset 0 0 0px 3px rgba(0, 0, 0, 0.15); 894 | opacity: 0; 895 | z-index: 1; 896 | } 897 | 898 | #thumbnails article .thumbnail:focus:before { 899 | opacity: 0.5; 900 | } 901 | 902 | #thumbnails article h2, #thumbnails article p { 903 | display: none; 904 | } 905 | 906 | #thumbnails article.active .thumbnail:before { 907 | opacity: 1; 908 | } 909 | 910 | @media screen and (max-width: 480px) { 911 | 912 | #thumbnails article .thumbnail:before { 913 | display: none; 914 | } 915 | 916 | } 917 | 918 | /* Viewer */ 919 | 920 | @-moz-keyframes spinner { 921 | 0% { 922 | -moz-transform: rotate(0deg); 923 | -webkit-transform: rotate(0deg); 924 | -ms-transform: rotate(0deg); 925 | transform: rotate(0deg); 926 | } 927 | 928 | 100% { 929 | -moz-transform: rotate(360deg); 930 | -webkit-transform: rotate(360deg); 931 | -ms-transform: rotate(360deg); 932 | transform: rotate(360deg); 933 | } 934 | } 935 | 936 | @-webkit-keyframes spinner { 937 | 0% { 938 | -moz-transform: rotate(0deg); 939 | -webkit-transform: rotate(0deg); 940 | -ms-transform: rotate(0deg); 941 | transform: rotate(0deg); 942 | } 943 | 944 | 100% { 945 | -moz-transform: rotate(360deg); 946 | -webkit-transform: rotate(360deg); 947 | -ms-transform: rotate(360deg); 948 | transform: rotate(360deg); 949 | } 950 | } 951 | 952 | @-ms-keyframes spinner { 953 | 0% { 954 | -moz-transform: rotate(0deg); 955 | -webkit-transform: rotate(0deg); 956 | -ms-transform: rotate(0deg); 957 | transform: rotate(0deg); 958 | } 959 | 960 | 100% { 961 | -moz-transform: rotate(360deg); 962 | -webkit-transform: rotate(360deg); 963 | -ms-transform: rotate(360deg); 964 | transform: rotate(360deg); 965 | } 966 | } 967 | 968 | @keyframes spinner { 969 | 0% { 970 | -moz-transform: rotate(0deg); 971 | -webkit-transform: rotate(0deg); 972 | -ms-transform: rotate(0deg); 973 | transform: rotate(0deg); 974 | } 975 | 976 | 100% { 977 | -moz-transform: rotate(360deg); 978 | -webkit-transform: rotate(360deg); 979 | -ms-transform: rotate(360deg); 980 | transform: rotate(360deg); 981 | } 982 | } 983 | 984 | #viewer { 985 | -moz-transition: opacity 0.75s ease, width 0.75s ease; 986 | -webkit-transition: opacity 0.75s ease, width 0.75s ease; 987 | -ms-transition: opacity 0.75s ease, width 0.75s ease; 988 | transition: opacity 0.75s ease, width 0.75s ease; 989 | position: absolute; 990 | top: 0; 991 | width: calc(100% - 22.5em); 992 | height: 100%; 993 | left: 0; 994 | } 995 | 996 | #viewer .inner { 997 | -moz-pointer-events: none; 998 | -webkit-pointer-events: none; 999 | -ms-pointer-events: none; 1000 | pointer-events: none; 1001 | position: absolute; 1002 | top: 0; 1003 | left: 0; 1004 | width: 100%; 1005 | height: 100%; 1006 | z-index: 2; 1007 | } 1008 | 1009 | #viewer .inner > * { 1010 | -moz-pointer-events: auto; 1011 | -webkit-pointer-events: auto; 1012 | -ms-pointer-events: auto; 1013 | pointer-events: auto; 1014 | } 1015 | 1016 | #viewer .inner:before { 1017 | background-image: -moz-linear-gradient(left, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0)), -moz-linear-gradient(right, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0)); 1018 | background-image: -webkit-linear-gradient(left, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0)), -webkit-linear-gradient(right, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0)); 1019 | background-image: -ms-linear-gradient(left, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0)), -ms-linear-gradient(right, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0)); 1020 | background-image: linear-gradient(left, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0)), linear-gradient(right, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0)); 1021 | content: ''; 1022 | display: block; 1023 | position: absolute; 1024 | top: 0; 1025 | left: 0; 1026 | width: 100%; 1027 | height: 100%; 1028 | } 1029 | 1030 | #viewer .inner .toggle { 1031 | -webkit-tap-highlight-color: transparent; 1032 | position: absolute; 1033 | top: 0; 1034 | width: 4em; 1035 | height: 4em; 1036 | background-image: url("images/close.svg"); 1037 | background-repeat: no-repeat; 1038 | background-size: 64px 64px; 1039 | cursor: pointer; 1040 | z-index: 1; 1041 | right: 0; 1042 | background-position: calc(100% - 0.75em) 0.75em; 1043 | } 1044 | 1045 | #viewer .inner .nav-next, 1046 | #viewer .inner .nav-previous { 1047 | -webkit-tap-highlight-color: transparent; 1048 | position: absolute; 1049 | top: 50%; 1050 | width: 6em; 1051 | height: 6em; 1052 | margin-top: -3em; 1053 | background-image: url("images/arrow.svg"); 1054 | background-position: center; 1055 | background-repeat: no-repeat; 1056 | background-size: contain; 1057 | cursor: pointer; 1058 | } 1059 | 1060 | #viewer .inner .nav-previous { 1061 | -moz-transform: scaleX(-1); 1062 | -webkit-transform: scaleX(-1); 1063 | -ms-transform: scaleX(-1); 1064 | transform: scaleX(-1); 1065 | left: 0; 1066 | } 1067 | 1068 | #viewer .inner .nav-next { 1069 | right: 0; 1070 | } 1071 | 1072 | #viewer .slide { 1073 | -moz-transition: opacity 0.5s ease-in-out; 1074 | -webkit-transition: opacity 0.5s ease-in-out; 1075 | -ms-transition: opacity 0.5s ease-in-out; 1076 | transition: opacity 0.5s ease-in-out; 1077 | position: absolute; 1078 | top: 0; 1079 | left: 0; 1080 | width: 100%; 1081 | height: 100%; 1082 | opacity: 1; 1083 | z-index: 1; 1084 | } 1085 | 1086 | #viewer .slide .caption { 1087 | background-image: -moz-linear-gradient(bottom, rgba(16,16,16,0.75), rgba(16,16,16,0.25) 80%, rgba(16,16,16,0)); 1088 | background-image: -webkit-linear-gradient(bottom, rgba(16,16,16,0.75), rgba(16,16,16,0.25) 80%, rgba(16,16,16,0)); 1089 | background-image: -ms-linear-gradient(bottom, rgba(16,16,16,0.75), rgba(16,16,16,0.25) 80%, rgba(16,16,16,0)); 1090 | background-image: linear-gradient(bottom, rgba(16,16,16,0.75), rgba(16,16,16,0.25) 80%, rgba(16,16,16,0)); 1091 | padding: 2em 2em 0.75em 2em ; 1092 | position: absolute; 1093 | bottom: 0; 1094 | left: 0; 1095 | width: 100%; 1096 | color: rgba(255, 255, 255, 0.5); 1097 | z-index: 1; 1098 | } 1099 | 1100 | #viewer .slide .caption h2, #viewer .slide .caption h3, #viewer .slide .caption h4, #viewer .slide .caption h5, #viewer .slide .caption h6 { 1101 | color: #fff; 1102 | } 1103 | 1104 | #viewer .slide .image { 1105 | -moz-transition: opacity 0.5s ease-in-out; 1106 | -webkit-transition: opacity 0.5s ease-in-out; 1107 | -ms-transition: opacity 0.5s ease-in-out; 1108 | transition: opacity 0.5s ease-in-out; 1109 | position: absolute; 1110 | top: 0; 1111 | left: 0; 1112 | width: 100%; 1113 | height: 100%; 1114 | background-repeat: no-repeat; 1115 | background-size: cover; 1116 | opacity: 0; 1117 | } 1118 | 1119 | #viewer .slide:before { 1120 | -moz-animation: spinner 1s linear infinite; 1121 | -webkit-animation: spinner 1s linear infinite; 1122 | -ms-animation: spinner 1s linear infinite; 1123 | animation: spinner 1s linear infinite; 1124 | -moz-transition: opacity 0.5s ease-in-out; 1125 | -webkit-transition: opacity 0.5s ease-in-out; 1126 | -ms-transition: opacity 0.5s ease-in-out; 1127 | transition: opacity 0.5s ease-in-out; 1128 | content: ''; 1129 | display: block; 1130 | position: absolute; 1131 | top: 50%; 1132 | left: 50%; 1133 | width: 3em; 1134 | height: 3em; 1135 | background-image: url("images/spinner.svg"); 1136 | background-position: center; 1137 | background-repeat: no-repeat; 1138 | background-size: contain; 1139 | margin: -1.5em 0 0 -1.5em; 1140 | opacity: 0; 1141 | } 1142 | 1143 | #viewer .slide.loading:before { 1144 | opacity: 1; 1145 | } 1146 | 1147 | #viewer .slide.active .image { 1148 | opacity: 1; 1149 | } 1150 | 1151 | body.fullscreen #viewer { 1152 | width: 100%; 1153 | } 1154 | 1155 | body.fullscreen #viewer .inner .toggle { 1156 | background-image: url("images/open.svg"); 1157 | } 1158 | 1159 | body.is-loading-1 #viewer { 1160 | opacity: 0; 1161 | } 1162 | 1163 | body.is-loading-2 #viewer .slide { 1164 | opacity: 0; 1165 | } 1166 | 1167 | @media screen and (max-width: 1280px) { 1168 | 1169 | #viewer { 1170 | width: calc(100% - 19em); 1171 | } 1172 | 1173 | } 1174 | 1175 | @media screen and (max-width: 980px) { 1176 | 1177 | #viewer { 1178 | width: 100%; 1179 | } 1180 | 1181 | #viewer .inner .toggle { 1182 | -moz-transition: opacity 0.75s ease; 1183 | -webkit-transition: opacity 0.75s ease; 1184 | -ms-transition: opacity 0.75s ease; 1185 | transition: opacity 0.75s ease; 1186 | background-image: url("images/open.svg"); 1187 | opacity: 0; 1188 | right: 0; 1189 | } 1190 | 1191 | body.fullscreen #viewer .inner .toggle { 1192 | opacity: 1; 1193 | } 1194 | 1195 | } 1196 | 1197 | @media screen and (max-width: 736px) { 1198 | 1199 | #viewer .inner .toggle { 1200 | background-size: 32px 32px; 1201 | } 1202 | 1203 | #viewer .inner .nav-next, 1204 | #viewer .inner .nav-previous { 1205 | background-image: url("images/arrow-small.svg"); 1206 | background-size: 32px 32px; 1207 | } 1208 | 1209 | body.fullscreen #viewer .inner .toggle { 1210 | background-image: url("images/open-small.svg"); 1211 | } 1212 | 1213 | } 1214 | 1215 | @media screen and (max-width: 480px) { 1216 | 1217 | #viewer { 1218 | -moz-transition: opacity 0.5s ease; 1219 | -webkit-transition: opacity 0.5s ease; 1220 | -ms-transition: opacity 0.5s ease; 1221 | transition: opacity 0.5s ease; 1222 | -moz-transition-delay: 0s; 1223 | -webkit-transition-delay: 0s; 1224 | -ms-transition-delay: 0s; 1225 | transition-delay: 0s; 1226 | opacity: 0; 1227 | } 1228 | 1229 | #viewer .inner .toggle { 1230 | background-image: url("images/close-small.svg") !important; 1231 | background-size: 32px 32px; 1232 | } 1233 | 1234 | body.fullscreen #viewer { 1235 | -moz-transition-delay: 0.5s; 1236 | -webkit-transition-delay: 0.5s; 1237 | -ms-transition-delay: 0.5s; 1238 | transition-delay: 0.5s; 1239 | opacity: 1; 1240 | } 1241 | 1242 | } -------------------------------------------------------------------------------- /assets/css/noscript.css: -------------------------------------------------------------------------------- 1 | /* 2 | Lens by HTML5 UP 3 | html5up.net | @ajlkn 4 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 5 | */ 6 | 7 | /* Main */ 8 | 9 | #main { 10 | opacity: 1 !important; 11 | right: 0 !important; 12 | } 13 | 14 | body:before { 15 | content: 'Javascript is disabled :('; 16 | display: block; 17 | position: absolute; 18 | top: 50%; 19 | width: calc(100% - 22.5em * 0.333333333); 20 | height: 4em; 21 | margin-top: -2em; 22 | color: #272727; 23 | cursor: default; 24 | font-size: 3em; 25 | line-height: 4em; 26 | text-align: center; 27 | white-space: nowrap; 28 | left: 0; 29 | } -------------------------------------------------------------------------------- /assets/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/assets/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/assets/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/assets/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/assets/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/assets/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /assets/js/ie/html5shiv.js: -------------------------------------------------------------------------------- 1 | /* 2 | HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed 3 | */ 4 | (function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); 5 | a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x"; 6 | c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?: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,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| 7 | "undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment(); 8 | for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d #mq-test-1 { width: 42px; }',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;b' + 151 | '
' + 152 | '
' + 153 | '
' + 154 | '
' + 155 | '
' + 156 | '' 157 | ).appendTo(_.$body); 158 | 159 | // Nav. 160 | _.$navNext = _.$viewer.find('.nav-next'); 161 | _.$navPrevious = _.$viewer.find('.nav-previous'); 162 | 163 | // Main wrapper. 164 | _.$main = $('#main'); 165 | 166 | // Toggle. 167 | $('
') 168 | .appendTo(_.$main); 169 | 170 | _.$toggle = $('.toggle'); 171 | 172 | // IE<9: Fix viewer width (no calc support). 173 | if (skel.vars.IEVersion < 9) 174 | _.$window 175 | .on('resize', function() { 176 | window.setTimeout(function() { 177 | _.$viewer.css('width', _.$window.width() - _.$main.width()); 178 | }, 100); 179 | }) 180 | .trigger('resize'); 181 | 182 | }, 183 | 184 | /** 185 | * Initialize events. 186 | */ 187 | initEvents: function() { 188 | 189 | // Window. 190 | 191 | // Remove is-loading-* classes on load. 192 | _.$window.on('load', function() { 193 | 194 | _.$body.removeClass('is-loading-0'); 195 | 196 | window.setTimeout(function() { 197 | _.$body.removeClass('is-loading-1'); 198 | }, 100); 199 | 200 | window.setTimeout(function() { 201 | _.$body.removeClass('is-loading-2'); 202 | }, 100 + Math.max(_.settings.layoutDuration - 150, 0)); 203 | 204 | }); 205 | 206 | // Disable animations/transitions on resize. 207 | var resizeTimeout; 208 | 209 | _.$window.on('resize', function() { 210 | 211 | _.$body.addClass('is-loading-0'); 212 | window.clearTimeout(resizeTimeout); 213 | 214 | resizeTimeout = window.setTimeout(function() { 215 | _.$body.removeClass('is-loading-0'); 216 | }, 100); 217 | 218 | }); 219 | 220 | // Viewer. 221 | 222 | // Hide main wrapper on tap (<= medium only). 223 | _.$viewer.on('touchend', function() { 224 | 225 | if (skel.breakpoint('medium').active) 226 | _.hide(); 227 | 228 | }); 229 | 230 | // Touch gestures. 231 | _.$viewer 232 | .on('touchstart', function(event) { 233 | 234 | // Record start position. 235 | _.$viewer.touchPosX = event.originalEvent.touches[0].pageX; 236 | _.$viewer.touchPosY = event.originalEvent.touches[0].pageY; 237 | 238 | }) 239 | .on('touchmove', function(event) { 240 | 241 | // No start position recorded? Bail. 242 | if (_.$viewer.touchPosX === null 243 | || _.$viewer.touchPosY === null) 244 | return; 245 | 246 | // Calculate stuff. 247 | var diffX = _.$viewer.touchPosX - event.originalEvent.touches[0].pageX, 248 | diffY = _.$viewer.touchPosY - event.originalEvent.touches[0].pageY; 249 | boundary = 20, 250 | delta = 50; 251 | 252 | // Swipe left (next). 253 | if ( (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta) ) 254 | _.next(); 255 | 256 | // Swipe right (previous). 257 | else if ( (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta)) ) 258 | _.previous(); 259 | 260 | // Overscroll fix. 261 | var th = _.$viewer.outerHeight(), 262 | ts = (_.$viewer.get(0).scrollHeight - _.$viewer.scrollTop()); 263 | 264 | if ((_.$viewer.scrollTop() <= 0 && diffY < 0) 265 | || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) { 266 | 267 | event.preventDefault(); 268 | event.stopPropagation(); 269 | 270 | } 271 | 272 | }); 273 | 274 | // Main. 275 | 276 | // Touch gestures. 277 | _.$main 278 | .on('touchstart', function(event) { 279 | 280 | // Bail on xsmall. 281 | if (skel.breakpoint('xsmall').active) 282 | return; 283 | 284 | // Record start position. 285 | _.$main.touchPosX = event.originalEvent.touches[0].pageX; 286 | _.$main.touchPosY = event.originalEvent.touches[0].pageY; 287 | 288 | }) 289 | .on('touchmove', function(event) { 290 | 291 | // Bail on xsmall. 292 | if (skel.breakpoint('xsmall').active) 293 | return; 294 | 295 | // No start position recorded? Bail. 296 | if (_.$main.touchPosX === null 297 | || _.$main.touchPosY === null) 298 | return; 299 | 300 | // Calculate stuff. 301 | var diffX = _.$main.touchPosX - event.originalEvent.touches[0].pageX, 302 | diffY = _.$main.touchPosY - event.originalEvent.touches[0].pageY; 303 | boundary = 20, 304 | delta = 50, 305 | result = false; 306 | 307 | // Swipe to close. 308 | switch (_.settings.mainSide) { 309 | 310 | case 'left': 311 | result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta); 312 | break; 313 | 314 | case 'right': 315 | result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta)); 316 | break; 317 | 318 | default: 319 | break; 320 | 321 | } 322 | 323 | if (result) 324 | _.hide(); 325 | 326 | // Overscroll fix. 327 | var th = _.$main.outerHeight(), 328 | ts = (_.$main.get(0).scrollHeight - _.$main.scrollTop()); 329 | 330 | if ((_.$main.scrollTop() <= 0 && diffY < 0) 331 | || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) { 332 | 333 | event.preventDefault(); 334 | event.stopPropagation(); 335 | 336 | } 337 | 338 | }); 339 | // Toggle. 340 | _.$toggle.on('click', function() { 341 | _.toggle(); 342 | }); 343 | 344 | // Prevent event from bubbling up to "hide event on tap" event. 345 | _.$toggle.on('touchend', function(event) { 346 | event.stopPropagation(); 347 | }); 348 | 349 | // Nav. 350 | _.$navNext.on('click', function() { 351 | _.next(); 352 | }); 353 | 354 | _.$navPrevious.on('click', function() { 355 | _.previous(); 356 | }); 357 | 358 | // Keyboard shortcuts. 359 | 360 | // Ignore shortcuts within form elements. 361 | _.$body.on('keydown', 'input,select,textarea', function(event) { 362 | event.stopPropagation(); 363 | }); 364 | 365 | _.$window.on('keydown', function(event) { 366 | 367 | // Ignore if xsmall is active. 368 | if (skel.breakpoint('xsmall').active) 369 | return; 370 | 371 | // Check keycode. 372 | if (event.keyCode in _.keys) { 373 | 374 | // Stop other events. 375 | event.stopPropagation(); 376 | event.preventDefault(); 377 | 378 | // Call shortcut. 379 | (_.keys[event.keyCode])(); 380 | 381 | } 382 | 383 | }); 384 | 385 | }, 386 | 387 | /** 388 | * Initialize viewer. 389 | */ 390 | initViewer: function() { 391 | 392 | // Bind thumbnail click event. 393 | _.$thumbnails 394 | .on('click', '.thumbnail', function(event) { 395 | 396 | var $this = $(this); 397 | 398 | // Stop other events. 399 | event.preventDefault(); 400 | event.stopPropagation(); 401 | 402 | // Locked? Blur. 403 | if (_.locked) 404 | $this.blur(); 405 | 406 | // Switch to this thumbnail's slide. 407 | _.switchTo($this.data('index')); 408 | 409 | }); 410 | 411 | // Create slides from thumbnails. 412 | _.$thumbnails.children() 413 | .each(function() { 414 | 415 | var $this = $(this), 416 | $thumbnail = $this.children('.thumbnail'), 417 | s; 418 | 419 | // Slide object. 420 | s = { 421 | $parent: $this, 422 | $slide: null, 423 | $slideImage: null, 424 | $slideCaption: null, 425 | url: $thumbnail.attr('href'), 426 | loaded: false 427 | }; 428 | 429 | // Parent. 430 | $this.attr('tabIndex', '-1'); 431 | 432 | // Slide. 433 | 434 | // Create elements. 435 | s.$slide = $('
'); 436 | 437 | // Image. 438 | s.$slideImage = s.$slide.children('.image'); 439 | 440 | // Set background stuff. 441 | s.$slideImage 442 | .css('background-image', '') 443 | .css('background-position', ($thumbnail.data('position') || 'center')); 444 | 445 | // Caption. 446 | s.$slideCaption = s.$slide.find('.caption'); 447 | 448 | // Move everything *except* the thumbnail itself to the caption. 449 | $this.children().not($thumbnail) 450 | .appendTo(s.$slideCaption); 451 | 452 | // Preload? 453 | if (_.settings.preload) { 454 | 455 | // Force image to download. 456 | var $img = $(''); 457 | 458 | // Set slide's background image to it. 459 | s.$slideImage 460 | .css('background-image', 'url(' + s.url + ')'); 461 | 462 | // Mark slide as loaded. 463 | s.$slide.addClass('loaded'); 464 | s.loaded = true; 465 | 466 | } 467 | 468 | // Add to slides array. 469 | _.slides.push(s); 470 | 471 | // Set thumbnail's index. 472 | $thumbnail.data('index', _.slides.length - 1); 473 | 474 | }); 475 | 476 | }, 477 | 478 | /** 479 | * Initialize stuff. 480 | */ 481 | init: function() { 482 | 483 | // IE<10: Zero out transition delays. 484 | if (skel.vars.IEVersion < 10) { 485 | 486 | _.settings.slideDuration = 0; 487 | _.settings.layoutDuration = 0; 488 | 489 | } 490 | 491 | // Skel. 492 | skel.breakpoints({ 493 | xlarge: '(max-width: 1680px)', 494 | large: '(max-width: 1280px)', 495 | medium: '(max-width: 980px)', 496 | small: '(max-width: 736px)', 497 | xsmall: '(max-width: 480px)' 498 | }); 499 | 500 | // Everything else. 501 | _.initProperties(); 502 | _.initViewer(); 503 | _.initEvents(); 504 | 505 | // Initial slide. 506 | window.setTimeout(function() { 507 | 508 | // Show first slide if xsmall isn't active or it just deactivated. 509 | skel.on('-xsmall !xsmall', function() { 510 | 511 | if (_.current === null) 512 | _.switchTo(0, true); 513 | 514 | }); 515 | 516 | }, 0); 517 | 518 | }, 519 | 520 | /** 521 | * Switch to a specific slide. 522 | * @param {integer} index Index. 523 | */ 524 | switchTo: function(index, noHide) { 525 | 526 | // Already at index and xsmall isn't active? Bail. 527 | if (_.current == index 528 | && !skel.breakpoint('xsmall').active) 529 | return; 530 | 531 | // Locked? Bail. 532 | if (_.locked) 533 | return; 534 | 535 | // Lock. 536 | _.locked = true; 537 | 538 | // Hide main wrapper if medium is active. 539 | if (!noHide 540 | && skel.breakpoint('medium').active 541 | && skel.vars.IEVersion > 8) 542 | _.hide(); 543 | 544 | // Get slides. 545 | var oldSlide = (_.current !== null ? _.slides[_.current] : null), 546 | newSlide = _.slides[index]; 547 | 548 | // Update current. 549 | _.current = index; 550 | 551 | // Deactivate old slide (if there is one). 552 | if (oldSlide) { 553 | 554 | // Thumbnail. 555 | oldSlide.$parent 556 | .removeClass('active'); 557 | 558 | // Slide. 559 | oldSlide.$slide.removeClass('active'); 560 | 561 | } 562 | 563 | // Activate new slide. 564 | 565 | // Thumbnail. 566 | newSlide.$parent 567 | .addClass('active') 568 | .focus(); 569 | 570 | // Slide. 571 | var f = function() { 572 | 573 | // Old slide exists? Detach it. 574 | if (oldSlide) 575 | oldSlide.$slide.detach(); 576 | 577 | // Attach new slide. 578 | newSlide.$slide.appendTo(_.$viewer); 579 | 580 | // New slide not yet loaded? 581 | if (!newSlide.loaded) { 582 | 583 | window.setTimeout(function() { 584 | 585 | // Mark as loading. 586 | newSlide.$slide.addClass('loading'); 587 | 588 | // Wait for it to load. 589 | $('').on('load', function() { 590 | //window.setTimeout(function() { 591 | 592 | // Set background image. 593 | newSlide.$slideImage 594 | .css('background-image', 'url(' + newSlide.url + ')'); 595 | 596 | // Mark as loaded. 597 | newSlide.loaded = true; 598 | newSlide.$slide.removeClass('loading'); 599 | 600 | // Mark as active. 601 | newSlide.$slide.addClass('active'); 602 | 603 | // Unlock. 604 | window.setTimeout(function() { 605 | _.locked = false; 606 | }, 100); 607 | 608 | //}, 1000); 609 | }); 610 | 611 | }, 100); 612 | 613 | } 614 | 615 | // Otherwise ... 616 | else { 617 | 618 | window.setTimeout(function() { 619 | 620 | // Mark as active. 621 | newSlide.$slide.addClass('active'); 622 | 623 | // Unlock. 624 | window.setTimeout(function() { 625 | _.locked = false; 626 | }, 100); 627 | 628 | }, 100); 629 | 630 | } 631 | 632 | }; 633 | 634 | // No old slide? Switch immediately. 635 | if (!oldSlide) 636 | (f)(); 637 | 638 | // Otherwise, wait for old slide to disappear first. 639 | else 640 | window.setTimeout(f, _.settings.slideDuration); 641 | 642 | }, 643 | 644 | /** 645 | * Switches to the next slide. 646 | */ 647 | next: function() { 648 | 649 | // Calculate new index. 650 | var i, c = _.current, l = _.slides.length; 651 | 652 | if (c >= l - 1) 653 | i = 0; 654 | else 655 | i = c + 1; 656 | 657 | // Switch. 658 | _.switchTo(i); 659 | 660 | }, 661 | 662 | /** 663 | * Switches to the previous slide. 664 | */ 665 | previous: function() { 666 | 667 | // Calculate new index. 668 | var i, c = _.current, l = _.slides.length; 669 | 670 | if (c <= 0) 671 | i = l - 1; 672 | else 673 | i = c - 1; 674 | 675 | // Switch. 676 | _.switchTo(i); 677 | 678 | }, 679 | 680 | /** 681 | * Switches to slide "above" current. 682 | */ 683 | up: function() { 684 | 685 | // Fullscreen? Bail. 686 | if (_.$body.hasClass('fullscreen')) 687 | return; 688 | 689 | // Calculate new index. 690 | var i, c = _.current, l = _.slides.length, tpr = _.settings.thumbnailsPerRow; 691 | 692 | if (c <= (tpr - 1)) 693 | i = l - (tpr - 1 - c) - 1; 694 | else 695 | i = c - tpr; 696 | 697 | // Switch. 698 | _.switchTo(i); 699 | 700 | }, 701 | 702 | /** 703 | * Switches to slide "below" current. 704 | */ 705 | down: function() { 706 | 707 | // Fullscreen? Bail. 708 | if (_.$body.hasClass('fullscreen')) 709 | return; 710 | 711 | // Calculate new index. 712 | var i, c = _.current, l = _.slides.length, tpr = _.settings.thumbnailsPerRow; 713 | 714 | if (c >= l - tpr) 715 | i = c - l + tpr; 716 | else 717 | i = c + tpr; 718 | 719 | // Switch. 720 | _.switchTo(i); 721 | 722 | }, 723 | 724 | /** 725 | * Shows the main wrapper. 726 | */ 727 | show: function() { 728 | 729 | // Already visible? Bail. 730 | if (!_.$body.hasClass('fullscreen')) 731 | return; 732 | 733 | // Show main wrapper. 734 | _.$body.removeClass('fullscreen'); 735 | 736 | // Focus. 737 | _.$main.focus(); 738 | 739 | }, 740 | 741 | /** 742 | * Hides the main wrapper. 743 | */ 744 | hide: function() { 745 | 746 | // Already hidden? Bail. 747 | if (_.$body.hasClass('fullscreen')) 748 | return; 749 | 750 | // Hide main wrapper. 751 | _.$body.addClass('fullscreen'); 752 | 753 | // Blur. 754 | _.$main.blur(); 755 | 756 | }, 757 | 758 | /** 759 | * Toggles main wrapper. 760 | */ 761 | toggle: function() { 762 | 763 | if (_.$body.hasClass('fullscreen')) 764 | _.show(); 765 | else 766 | _.hide(); 767 | 768 | }, 769 | 770 | }; return _; })(jQuery); main.init(); -------------------------------------------------------------------------------- /assets/js/skel.min.js: -------------------------------------------------------------------------------- 1 | /* skel.js v3.0.1 | (c) skel.io | MIT licensed */ 2 | var skel=function(){"use strict";var t={breakpointIds:null,events:{},isInit:!1,obj:{attachments:{},breakpoints:{},head:null,states:{}},sd:"/",state:null,stateHandlers:{},stateId:"",vars:{},DOMReady:null,indexOf:null,isArray:null,iterate:null,matchesMedia:null,extend:function(e,n){t.iterate(n,function(i){t.isArray(n[i])?(t.isArray(e[i])||(e[i]=[]),t.extend(e[i],n[i])):"object"==typeof n[i]?("object"!=typeof e[i]&&(e[i]={}),t.extend(e[i],n[i])):e[i]=n[i]})},newStyle:function(t){var e=document.createElement("style");return e.type="text/css",e.innerHTML=t,e},_canUse:null,canUse:function(e){t._canUse||(t._canUse=document.createElement("div"));var n=t._canUse.style,i=e.charAt(0).toUpperCase()+e.slice(1);return e in n||"Moz"+i in n||"Webkit"+i in n||"O"+i in n||"ms"+i in n},on:function(e,n){var i=e.split(/[\s]+/);return t.iterate(i,function(e){var a=i[e];if(t.isInit){if("init"==a)return void n();if("change"==a)n();else{var r=a.charAt(0);if("+"==r||"!"==r){var o=a.substring(1);if(o in t.obj.breakpoints)if("+"==r&&t.obj.breakpoints[o].active)n();else if("!"==r&&!t.obj.breakpoints[o].active)return void n()}}}t.events[a]||(t.events[a]=[]),t.events[a].push(n)}),t},trigger:function(e){return t.events[e]&&0!=t.events[e].length?(t.iterate(t.events[e],function(n){t.events[e][n]()}),t):void 0},breakpoint:function(e){return t.obj.breakpoints[e]},breakpoints:function(e){function n(t,e){this.name=this.id=t,this.media=e,this.active=!1,this.wasActive=!1}return n.prototype.matches=function(){return t.matchesMedia(this.media)},n.prototype.sync=function(){this.wasActive=this.active,this.active=this.matches()},t.iterate(e,function(i){t.obj.breakpoints[i]=new n(i,e[i])}),window.setTimeout(function(){t.poll()},0),t},addStateHandler:function(e,n){t.stateHandlers[e]=n},callStateHandler:function(e){var n=t.stateHandlers[e]();t.iterate(n,function(e){t.state.attachments.push(n[e])})},changeState:function(e){t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].sync()}),t.vars.lastStateId=t.stateId,t.stateId=e,t.breakpointIds=t.stateId===t.sd?[]:t.stateId.substring(1).split(t.sd),t.obj.states[t.stateId]?t.state=t.obj.states[t.stateId]:(t.obj.states[t.stateId]={attachments:[]},t.state=t.obj.states[t.stateId],t.iterate(t.stateHandlers,t.callStateHandler)),t.detachAll(t.state.attachments),t.attachAll(t.state.attachments),t.vars.stateId=t.stateId,t.vars.state=t.state,t.trigger("change"),t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].active?t.obj.breakpoints[e].wasActive||t.trigger("+"+e):t.obj.breakpoints[e].wasActive&&t.trigger("-"+e)})},generateStateConfig:function(e,n){var i={};return t.extend(i,e),t.iterate(t.breakpointIds,function(e){t.extend(i,n[t.breakpointIds[e]])}),i},getStateId:function(){var e="";return t.iterate(t.obj.breakpoints,function(n){var i=t.obj.breakpoints[n];i.matches()&&(e+=t.sd+i.id)}),e},poll:function(){var e="";e=t.getStateId(),""===e&&(e=t.sd),e!==t.stateId&&t.changeState(e)},_attach:null,attach:function(e){var n=t.obj.head,i=e.element;return i.parentNode&&i.parentNode.tagName?!1:(t._attach||(t._attach=n.firstChild),n.insertBefore(i,t._attach.nextSibling),e.permanent&&(t._attach=i),!0)},attachAll:function(e){var n=[];t.iterate(e,function(t){n[e[t].priority]||(n[e[t].priority]=[]),n[e[t].priority].push(e[t])}),n.reverse(),t.iterate(n,function(e){t.iterate(n[e],function(i){t.attach(n[e][i])})})},detach:function(t){var e=t.element;return t.permanent||!e.parentNode||e.parentNode&&!e.parentNode.tagName?!1:(e.parentNode.removeChild(e),!0)},detachAll:function(e){var n={};t.iterate(e,function(t){n[e[t].id]=!0}),t.iterate(t.obj.attachments,function(e){e in n||t.detach(t.obj.attachments[e])})},attachment:function(e){return e in t.obj.attachments?t.obj.attachments[e]:null},newAttachment:function(e,n,i,a){return t.obj.attachments[e]={id:e,element:n,priority:i,permanent:a}},init:function(){t.initMethods(),t.initVars(),t.initEvents(),t.obj.head=document.getElementsByTagName("head")[0],t.isInit=!0,t.trigger("init")},initEvents:function(){t.on("resize",function(){t.poll()}),t.on("orientationChange",function(){t.poll()}),t.DOMReady(function(){t.trigger("ready")}),window.onload&&t.on("load",window.onload),window.onload=function(){t.trigger("load")},window.onresize&&t.on("resize",window.onresize),window.onresize=function(){t.trigger("resize")},window.onorientationchange&&t.on("orientationChange",window.onorientationchange),window.onorientationchange=function(){t.trigger("orientationChange")}},initMethods:function(){document.addEventListener?!function(e,n){t.DOMReady=n()}("domready",function(){function t(t){for(r=1;t=n.shift();)t()}var e,n=[],i=document,a="DOMContentLoaded",r=/^loaded|^c/.test(i.readyState);return i.addEventListener(a,e=function(){i.removeEventListener(a,e),t()}),function(t){r?t():n.push(t)}}):!function(e,n){t.DOMReady=n()}("domready",function(t){function e(t){for(h=1;t=i.shift();)t()}var n,i=[],a=!1,r=document,o=r.documentElement,s=o.doScroll,c="DOMContentLoaded",d="addEventListener",u="onreadystatechange",l="readyState",f=s?/^loaded|^c/:/^loaded|c/,h=f.test(r[l]);return r[d]&&r[d](c,n=function(){r.removeEventListener(c,n,a),e()},a),s&&r.attachEvent(u,n=function(){/^c/.test(r[l])&&(r.detachEvent(u,n),e())}),t=s?function(e){self!=top?h?e():i.push(e):function(){try{o.doScroll("left")}catch(n){return setTimeout(function(){t(e)},50)}e()}()}:function(t){h?t():i.push(t)}}),Array.prototype.indexOf?t.indexOf=function(t,e){return t.indexOf(e)}:t.indexOf=function(t,e){if("string"==typeof t)return t.indexOf(e);var n,i,a=e?e:0;if(!this)throw new TypeError;if(i=this.length,0===i||a>=i)return-1;for(0>a&&(a=i-Math.abs(a)),n=a;i>n;n++)if(this[n]===t)return n;return-1},Array.isArray?t.isArray=function(t){return Array.isArray(t)}:t.isArray=function(t){return"[object Array]"===Object.prototype.toString.call(t)},Object.keys?t.iterate=function(t,e){if(!t)return[];var n,i=Object.keys(t);for(n=0;i[n]&&e(i[n],t[i[n]])!==!1;n++);}:t.iterate=function(t,e){if(!t)return[];var n;for(n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e(n,t[n])===!1)break},window.matchMedia?t.matchesMedia=function(t){return""==t?!0:window.matchMedia(t).matches}:window.styleMedia||window.media?t.matchesMedia=function(t){if(""==t)return!0;var e=window.styleMedia||window.media;return e.matchMedium(t||"all")}:window.getComputedStyle?t.matchesMedia=function(t){if(""==t)return!0;var e=document.createElement("style"),n=document.getElementsByTagName("script")[0],i=null;e.type="text/css",e.id="matchmediajs-test",n.parentNode.insertBefore(e,n),i="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle;var a="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=a:e.textContent=a,"1px"===i.width}:t.matchesMedia=function(t){if(""==t)return!0;var e,n,i,a,r={"min-width":null,"max-width":null},o=!1;for(i=t.split(/\s+and\s+/),e=0;er["max-width"]||null!==r["min-height"]&&cr["max-height"]?!1:!0},navigator.userAgent.match(/MSIE ([0-9]+)/)&&RegExp.$1<9&&(t.newStyle=function(t){var e=document.createElement("span");return e.innerHTML=' ",e})},initVars:function(){var e,n,i,a=navigator.userAgent;e="other",n=0,i=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(RegExp.$1),!1):void 0}),t.vars.browser=e,t.vars.browserVersion=n,e="other",n=0,i=[["ios",/([0-9_]+) like Mac OS X/,function(t){return t.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(t){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(t){return t.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(i[2]?i[2](RegExp.$1):RegExp.$1),!1):void 0}),t.vars.os=e,t.vars.osVersion=n,t.vars.IEVersion="ie"==t.vars.browser?t.vars.browserVersion:99,t.vars.touch="wp"==t.vars.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),t.vars.mobile="wp"==t.vars.os||"android"==t.vars.os||"ios"==t.vars.os||"bb"==t.vars.os}};return t.init(),t}();!function(t,e){"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?module.exports=e():t.skel=e()}(this,function(){return skel}); 3 | -------------------------------------------------------------------------------- /assets/sass/base/_page.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Lens by HTML5 UP 7 | /// html5up.net | @ajlkn 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Basic */ 12 | 13 | // MSIE: Required for IEMobile. 14 | /* 15 | @-ms-viewport { 16 | width: device-width; 17 | } 18 | */ 19 | 20 | // Ensures page width is always >=320px. 21 | @include breakpoint(xsmall) { 22 | html, body { 23 | min-width: 320px; 24 | } 25 | } 26 | 27 | // Prevents animation/transition flicker on load. 28 | body.is-loading-0 { 29 | *, *:before, *:after { 30 | @include vendor('animation', 'none !important'); 31 | @include vendor('transition', 'none !important'); 32 | } 33 | } 34 | 35 | html, body { 36 | background-color: _palette(page-bg); 37 | overflow: hidden; 38 | } -------------------------------------------------------------------------------- /assets/sass/base/_typography.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Lens by HTML5 UP 7 | /// html5up.net | @ajlkn 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Type */ 12 | 13 | html { 14 | font-size: 16pt; 15 | 16 | @include breakpoint(xlarge) { 17 | font-size: 12pt; 18 | } 19 | 20 | @include breakpoint(large) { 21 | font-size: 11pt; 22 | } 23 | } 24 | 25 | body { 26 | background-color: _palette(bg); 27 | color: _palette(fg); 28 | } 29 | 30 | body, input, select, textarea { 31 | font-family: _font(family); 32 | font-weight: _font(weight); 33 | line-height: 1.65; 34 | font-size: 1em; 35 | color: _palette(fg); 36 | } 37 | 38 | a { 39 | @include vendor('transition', ('color #{_duration(transition)} ease', 'border-bottom-color #{_duration(transition)} ease')); 40 | border-bottom: dotted 1px; 41 | color: inherit; 42 | text-decoration: none; 43 | 44 | &:hover { 45 | border-bottom-color: transparent; 46 | color: _palette(accent); 47 | } 48 | } 49 | 50 | strong, b { 51 | font-weight: _font(weight); 52 | color: _palette(fg-bold); 53 | } 54 | 55 | em, i { 56 | font-style: italic; 57 | } 58 | 59 | p { 60 | margin: 0 0 _size(element-margin) 0; 61 | } 62 | 63 | h1, h2, h3, h4, h5, h6 { 64 | font-weight: _font(weight); 65 | line-height: 1.25; 66 | margin: 0 0 (_size(element-margin) * 0.4) 0; 67 | color: _palette(fg-bold); 68 | 69 | a { 70 | color: inherit; 71 | text-decoration: none; 72 | } 73 | } 74 | 75 | h2 { 76 | font-size: 1.25em; 77 | } 78 | 79 | h3 { 80 | font-size: 1em; 81 | } 82 | 83 | h4 { 84 | font-size: 0.9em; 85 | } 86 | 87 | h5 { 88 | font-size: 0.8em; 89 | } 90 | 91 | h6 { 92 | font-size: 0.7em; 93 | } 94 | 95 | sub { 96 | font-size: 0.8em; 97 | position: relative; 98 | top: 0.5em; 99 | } 100 | 101 | sup { 102 | font-size: 0.8em; 103 | position: relative; 104 | top: -0.5em; 105 | } 106 | 107 | blockquote { 108 | border-left: solid (_size(border-width) * 4) _palette(border); 109 | font-style: italic; 110 | margin: 0 0 _size(element-margin) 0; 111 | padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin); 112 | } 113 | 114 | code { 115 | border-radius: _size(border-radius); 116 | border: solid _size(border-width); 117 | font-family: _font(family-fixed); 118 | font-size: 0.9em; 119 | margin: 0 0.25em; 120 | padding: 0.25em 0.65em; 121 | border-color: _palette(border); 122 | } 123 | 124 | pre { 125 | -webkit-overflow-scrolling: touch; 126 | font-family: _font(family-fixed); 127 | font-size: 0.9em; 128 | margin: 0 0 _size(element-margin) 0; 129 | 130 | code { 131 | display: block; 132 | padding: 1em 1.5em; 133 | overflow-x: auto; 134 | } 135 | } 136 | 137 | hr { 138 | border: 0; 139 | border-bottom: solid _size(border-width) _palette(border); 140 | margin: _size(element-margin) 0; 141 | 142 | &.major { 143 | margin: (_size(element-margin) * 1.5) 0; 144 | } 145 | } 146 | 147 | .align-left { 148 | text-align: left; 149 | } 150 | 151 | .align-center { 152 | text-align: center; 153 | } 154 | 155 | .align-right { 156 | text-align: right; 157 | } -------------------------------------------------------------------------------- /assets/sass/components/_button.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Lens by HTML5 UP 7 | /// html5up.net | @ajlkn 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Button */ 12 | 13 | input[type="submit"], 14 | input[type="reset"], 15 | input[type="button"], 16 | button, 17 | .button { 18 | @include vendor('appearance', 'none'); 19 | @include vendor('transition', ( 20 | 'background-color #{_duration(transition)} ease-in-out', 21 | 'border-color #{_duration(transition)} ease-in-out', 22 | 'color #{_duration(transition)} ease-in-out' 23 | )); 24 | background-color: transparent; 25 | border-radius: _size(border-radius); 26 | border: solid 1px _palette(border); 27 | color: _palette(fg-bold); 28 | cursor: pointer; 29 | display: inline-block; 30 | line-height: 1; 31 | padding: 0.75em 1.5em; 32 | text-align: center; 33 | text-decoration: none; 34 | white-space: nowrap; 35 | 36 | &:hover { 37 | border-color: _palette(accent); 38 | color: _palette(accent); 39 | 40 | &:active { 41 | background-color: transparentize(_palette(accent), 0.85); 42 | } 43 | } 44 | 45 | &.icon { 46 | padding-left: 1.35em; 47 | 48 | &:before { 49 | margin-right: 0.5em; 50 | } 51 | } 52 | 53 | &.fit { 54 | display: block; 55 | margin: 0 0 (_size(element-margin) * 0.5) 0; 56 | width: 100%; 57 | } 58 | 59 | &.small { 60 | font-size: 0.8em; 61 | } 62 | 63 | &.big { 64 | font-size: 1.35em; 65 | } 66 | 67 | &.disabled, 68 | &:disabled { 69 | @include vendor('pointer-events', 'none'); 70 | opacity: 0.25; 71 | } 72 | } -------------------------------------------------------------------------------- /assets/sass/components/_form.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Lens by HTML5 UP 7 | /// html5up.net | @ajlkn 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Form */ 12 | 13 | form { 14 | margin: 0 0 _size(element-margin) 0; 15 | } 16 | 17 | label { 18 | color: _palette(fg-bold); 19 | display: block; 20 | font-size: 0.9em; 21 | font-weight: _font(weight); 22 | margin: 0 0 (_size(element-margin) * 0.5) 0; 23 | } 24 | 25 | input[type="text"], 26 | input[type="password"], 27 | input[type="email"], 28 | select, 29 | textarea { 30 | @include vendor('appearance', 'none'); 31 | background-color: transparent; 32 | border-radius: _size(border-radius); 33 | border: solid _size(border-width) _palette(border); 34 | color: inherit; 35 | display: block; 36 | outline: 0; 37 | padding: 0 0.75em; 38 | text-decoration: none; 39 | width: 100%; 40 | 41 | &:invalid { 42 | box-shadow: none; 43 | } 44 | 45 | &:focus { 46 | border-color: _palette(accent); 47 | } 48 | } 49 | 50 | .select-wrapper { 51 | @include icon; 52 | display: block; 53 | position: relative; 54 | 55 | &:before { 56 | color: _palette(border); 57 | content: '\f107'; 58 | display: block; 59 | height: _size(element-height); 60 | line-height: _size(element-height); 61 | pointer-events: none; 62 | position: absolute; 63 | right: 0; 64 | text-align: center; 65 | top: 0; 66 | width: _size(element-height); 67 | } 68 | 69 | select::-ms-expand { 70 | display: none; 71 | } 72 | } 73 | 74 | input[type="text"], 75 | input[type="password"], 76 | input[type="email"], 77 | select { 78 | height: _size(element-height); 79 | } 80 | 81 | textarea { 82 | padding: 0.75em 1em; 83 | } 84 | 85 | input[type="checkbox"], 86 | input[type="radio"], { 87 | @include vendor('appearance', 'none'); 88 | display: block; 89 | float: left; 90 | margin-right: -2em; 91 | opacity: 0; 92 | width: 1em; 93 | z-index: -1; 94 | 95 | & + label { 96 | @include icon; 97 | color: _palette(fg); 98 | cursor: pointer; 99 | display: inline-block; 100 | font-size: 1em; 101 | font-weight: _font(weight); 102 | margin: 0; 103 | padding-left: (_size(element-height) * 0.6) + 0.75em; 104 | padding-right: 0.75em; 105 | position: relative; 106 | 107 | &:before { 108 | background: transparent; 109 | border-radius: _size(border-radius); 110 | border: solid _size(border-width) _palette(border); 111 | content: ''; 112 | display: inline-block; 113 | height: (_size(element-height) * 0.6); 114 | left: 0; 115 | line-height: (_size(element-height) * 0.575); 116 | position: absolute; 117 | text-align: center; 118 | top: 0; 119 | width: (_size(element-height) * 0.6); 120 | } 121 | } 122 | 123 | &:checked + label { 124 | &:before { 125 | background-color: _palette(fg-bold); 126 | border-color: _palette(fg-bold); 127 | color: _palette(bg); 128 | content: '\f00c'; 129 | } 130 | } 131 | 132 | &:focus + label { 133 | &:before { 134 | border-color: _palette(accent); 135 | } 136 | } 137 | } 138 | 139 | input[type="checkbox"] { 140 | & + label { 141 | &:before { 142 | border-radius: _size(border-radius); 143 | } 144 | } 145 | } 146 | 147 | input[type="radio"] { 148 | & + label { 149 | &:before { 150 | border-radius: 100%; 151 | } 152 | } 153 | } 154 | 155 | ::-webkit-input-placeholder { 156 | opacity: 1.0; 157 | color: _palette(fg-light) !important; 158 | } 159 | 160 | :-moz-placeholder { 161 | opacity: 1.0; 162 | color: _palette(fg-light) !important; 163 | } 164 | 165 | ::-moz-placeholder { 166 | opacity: 1.0; 167 | color: _palette(fg-light) !important; 168 | } 169 | 170 | :-ms-input-placeholder { 171 | opacity: 1.0; 172 | color: _palette(fg-light) !important; 173 | } 174 | 175 | .formerize-placeholder { 176 | opacity: 1.0; 177 | color: _palette(fg-light) !important; 178 | } 179 | 180 | .field { 181 | margin: 0 0 _size(element-margin) 0; 182 | } -------------------------------------------------------------------------------- /assets/sass/components/_icon.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Lens by HTML5 UP 7 | /// html5up.net | @ajlkn 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Icon */ 12 | 13 | .icon { 14 | @include icon; 15 | border-bottom: none; 16 | position: relative; 17 | 18 | > .label { 19 | display: none; 20 | } 21 | } -------------------------------------------------------------------------------- /assets/sass/components/_list.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Lens by HTML5 UP 7 | /// html5up.net | @ajlkn 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* List */ 12 | 13 | ol { 14 | list-style: decimal; 15 | margin: 0 0 _size(element-margin) 0; 16 | padding-left: 1.25em; 17 | 18 | li { 19 | padding-left: 0.25em; 20 | } 21 | } 22 | 23 | ul { 24 | list-style: disc; 25 | margin: 0 0 _size(element-margin) 0; 26 | padding-left: 1em; 27 | 28 | li { 29 | padding-left: 0.5em; 30 | } 31 | 32 | &.alt { 33 | list-style: none; 34 | padding-left: 0; 35 | 36 | li { 37 | border-top: solid _size(border-width) _palette(border); 38 | padding: 0.5em 0; 39 | 40 | &:first-child { 41 | border-top: 0; 42 | padding-top: 0; 43 | } 44 | } 45 | } 46 | 47 | &.icons { 48 | cursor: default; 49 | list-style: none; 50 | padding-left: 0; 51 | 52 | li { 53 | display: inline-block; 54 | padding: 0 1em 0 0; 55 | 56 | &:last-child { 57 | padding-right: 0; 58 | } 59 | 60 | .icon { 61 | &:before { 62 | font-size: 1.5rem; 63 | } 64 | } 65 | } 66 | } 67 | 68 | &.actions { 69 | cursor: default; 70 | list-style: none; 71 | padding-left: 0; 72 | 73 | li { 74 | display: inline-block; 75 | padding: 0 (_size(element-margin) * 0.5) 0 0; 76 | vertical-align: middle; 77 | 78 | &:last-child { 79 | padding-right: 0; 80 | } 81 | } 82 | 83 | &.small { 84 | li { 85 | padding: 0 (_size(element-margin) * 0.25) 0 0; 86 | } 87 | } 88 | 89 | &.vertical { 90 | li { 91 | display: block; 92 | padding: (_size(element-margin) * 0.5) 0 0 0; 93 | 94 | &:first-child { 95 | padding-top: 0; 96 | } 97 | 98 | > * { 99 | margin-bottom: 0; 100 | } 101 | } 102 | 103 | &.small { 104 | li { 105 | padding: (_size(element-margin) * 0.25) 0 0 0; 106 | 107 | &:first-child { 108 | padding-top: 0; 109 | } 110 | } 111 | } 112 | } 113 | 114 | &.fit { 115 | display: table; 116 | margin-left: (_size(element-margin) * -0.5); 117 | padding: 0; 118 | table-layout: fixed; 119 | width: calc(100% + #{(_size(element-margin) * 0.5)}); 120 | 121 | li { 122 | display: table-cell; 123 | padding: 0 0 0 (_size(element-margin) * 0.5); 124 | 125 | > * { 126 | margin-bottom: 0; 127 | } 128 | } 129 | 130 | &.small { 131 | margin-left: (_size(element-margin) * -0.25); 132 | width: calc(100% + #{(_size(element-margin) * 0.25)}); 133 | 134 | li { 135 | padding: 0 0 0 (_size(element-margin) * 0.25); 136 | } 137 | } 138 | } 139 | } 140 | } 141 | 142 | dl { 143 | margin: 0 0 _size(element-margin) 0; 144 | 145 | dt { 146 | display: block; 147 | font-weight: _font(weight); 148 | margin: 0 0 (_size(element-margin) * 0.5) 0; 149 | } 150 | 151 | dd { 152 | margin-left: _size(element-margin); 153 | } 154 | } -------------------------------------------------------------------------------- /assets/sass/ie8.scss: -------------------------------------------------------------------------------- 1 | @import 'libs/vars'; 2 | @import 'libs/functions'; 3 | @import 'libs/mixins'; 4 | @import 'libs/skel'; 5 | 6 | /* 7 | Lens by HTML5 UP 8 | html5up.net | @ajlkn 9 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 10 | */ 11 | 12 | /* Viewer */ 13 | 14 | #viewer { 15 | width: 100%; 16 | } -------------------------------------------------------------------------------- /assets/sass/ie9.scss: -------------------------------------------------------------------------------- 1 | @import 'libs/vars'; 2 | @import 'libs/functions'; 3 | @import 'libs/mixins'; 4 | @import 'libs/skel'; 5 | 6 | /* 7 | Lens by HTML5 UP 8 | html5up.net | @ajlkn 9 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 10 | */ 11 | 12 | /* Thumbnails */ 13 | 14 | #thumbnails { 15 | &:after { 16 | content: ''; 17 | display: block; 18 | clear: both; 19 | } 20 | 21 | article { 22 | float: left; 23 | } 24 | } 25 | 26 | /* Viewer */ 27 | 28 | #viewer { 29 | .inner { 30 | box-shadow: inset 0 0 9em 2em rgba(16,16,16,0.2); 31 | 32 | &:before { 33 | display: none; 34 | } 35 | } 36 | 37 | .slide { 38 | .caption { 39 | background-color: rgba(16,16,16,0.5); 40 | } 41 | } 42 | } -------------------------------------------------------------------------------- /assets/sass/layout/_footer.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Lens by HTML5 UP 7 | /// html5up.net | @ajlkn 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Footer */ 12 | 13 | #footer { 14 | @include padding(2.25em, 2.25em); 15 | 16 | .copyright { 17 | list-style: none; 18 | padding: 0; 19 | 20 | li { 21 | display: inline-block; 22 | font-size: 0.8em; 23 | margin-left: 0.35em; 24 | padding: 0; 25 | 26 | &:first-child { 27 | margin-left: 0; 28 | } 29 | } 30 | } 31 | } -------------------------------------------------------------------------------- /assets/sass/layout/_header.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Lens by HTML5 UP 7 | /// html5up.net | @ajlkn 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Header */ 12 | 13 | #header { 14 | @include padding(3em, 2.25em); 15 | 16 | h1 { 17 | font-size: 2.25em; 18 | font-weight: _font(weight-bold); 19 | } 20 | } -------------------------------------------------------------------------------- /assets/sass/layout/_main.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Lens by HTML5 UP 7 | /// html5up.net | @ajlkn 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Main */ 12 | 13 | #main { 14 | @include vendor('transition', ('opacity #{_duration(layout)} ease', 'right #{_duration(layout)} ease', 'left #{_duration(layout)} ease', 'visibility #{_duration(layout)}')); 15 | -webkit-overflow-scrolling: touch; 16 | position: fixed; 17 | top: 0; 18 | width: _size(main); 19 | height: 100%; 20 | background: _palette(bg); 21 | outline: 0; 22 | overflow-x: hidden; 23 | overflow-y: auto; 24 | text-align: _misc(main-align); 25 | visibility: visible; 26 | z-index: _misc(z-index-base); 27 | 28 | @if _misc(main-side) == 'left' { 29 | left: 0; 30 | } 31 | @else { 32 | right: 0; 33 | } 34 | 35 | .toggle { 36 | -webkit-tap-highlight-color: rgba(0,0,0,0); 37 | position: absolute; 38 | top: 0; 39 | width: 4em; 40 | height: 4em; 41 | background-image: url('images/close-small-alt.svg'); 42 | background-repeat: no-repeat; 43 | background-size: 32px 32px; 44 | cursor: pointer; 45 | display: none; 46 | z-index: 1; 47 | 48 | @if _misc(main-side) == 'left' { 49 | background-position: calc(100% - 0.5em) 0.5em; 50 | right: 0; 51 | } 52 | @else { 53 | background-position: 0.5em 0.5em; 54 | left: 0; 55 | } 56 | } 57 | 58 | body.fullscreen & { 59 | visibility: hidden; 60 | 61 | @if _misc(main-side) == 'left' { 62 | left: (_size(main) * -1); 63 | } 64 | @else { 65 | right: (_size(main) * -1); 66 | } 67 | } 68 | 69 | body.is-loading-1 & { 70 | opacity: 0; 71 | 72 | @if _misc(main-side) == 'left' { 73 | left: -2em; 74 | } 75 | @else { 76 | right: -2em; 77 | } 78 | } 79 | 80 | @include breakpoint(large) { 81 | width: _size(main-alt); 82 | 83 | body.fullscreen & { 84 | @if _misc(main-side) == 'left' { 85 | left: (_size(main-alt) * -1); 86 | } 87 | @else { 88 | right: (_size(main-alt) * -1); 89 | } 90 | } 91 | } 92 | 93 | @include breakpoint(medium) { 94 | background: transparentize(_palette(bg), 0.075); 95 | 96 | .toggle { 97 | display: block; 98 | } 99 | } 100 | 101 | @include breakpoint(xsmall) { 102 | @include vendor('transition', ('opacity #{_duration(layout-alt)} ease', 'visibility #{_duration(layout-alt)}')); 103 | width: 100%; 104 | background: _palette(bg); 105 | text-align: center; 106 | 107 | body.is-loading-1 & { 108 | left: auto !important; 109 | right: auto !important; 110 | } 111 | 112 | body.fullscreen & { 113 | left: auto !important; 114 | right: auto !important; 115 | opacity: 0; 116 | } 117 | 118 | .toggle { 119 | display: none; 120 | } 121 | } 122 | } -------------------------------------------------------------------------------- /assets/sass/layout/_thumbnails.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Lens by HTML5 UP 7 | /// html5up.net | @ajlkn 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Thumbnails */ 12 | 13 | #thumbnails { 14 | @include vendor('display', 'flex'); 15 | @include vendor('flex-wrap', 'wrap'); 16 | padding: 0 0.75em; 17 | 18 | article { 19 | position: relative; 20 | width: #{100% / _misc(thumbnails-per-row)}; 21 | background: #101010; 22 | outline: 0; 23 | 24 | .thumbnail { 25 | -webkit-tap-highlight-color: rgba(0,0,0,0); 26 | display: block; 27 | position: relative; 28 | border: 0; 29 | outline: 0; 30 | 31 | img { 32 | display: block; 33 | width: 100%; 34 | } 35 | 36 | &:before { 37 | @include vendor('pointer-events', 'none'); 38 | @include vendor('transition', 'opacity 0.25s ease'); 39 | content: ''; 40 | position: absolute; 41 | left: 0; 42 | top: 0; 43 | width: 100%; 44 | height: 100%; 45 | box-shadow: inset 0 0 0 2px _palette(accent), inset 0 0 0px 3px rgba(0,0,0,0.15); 46 | opacity: 0; 47 | z-index: 1; 48 | } 49 | 50 | &:focus { 51 | &:before { 52 | opacity: 0.5; 53 | } 54 | } 55 | } 56 | 57 | h2, p { 58 | display: none; 59 | } 60 | 61 | &.active { 62 | .thumbnail { 63 | &:before { 64 | opacity: 1; 65 | } 66 | } 67 | } 68 | } 69 | 70 | @include breakpoint(xsmall) { 71 | article { 72 | .thumbnail { 73 | &:before { 74 | display: none; 75 | } 76 | } 77 | } 78 | } 79 | } -------------------------------------------------------------------------------- /assets/sass/layout/_viewer.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Lens by HTML5 UP 7 | /// html5up.net | @ajlkn 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Viewer */ 12 | 13 | @include keyframes(spinner) { 14 | 0% { 15 | @include vendor('transform', 'rotate(0deg)'); 16 | } 17 | 18 | 100% { 19 | @include vendor('transform', 'rotate(360deg)'); 20 | } 21 | } 22 | 23 | #viewer { 24 | @include vendor('transition', ('opacity #{_duration(layout)} ease', 'width #{_duration(layout)} ease')); 25 | position: absolute; 26 | top: 0; 27 | width: calc(100% - #{_size(main)}); 28 | height: 100%; 29 | 30 | @if _misc(main-side) == 'left' { 31 | right: 0; 32 | } 33 | @else { 34 | left: 0; 35 | } 36 | 37 | .inner { 38 | @include vendor('pointer-events', 'none'); 39 | position: absolute; 40 | top: 0; 41 | left: 0; 42 | width: 100%; 43 | height: 100%; 44 | z-index: 2; 45 | 46 | > * { 47 | @include vendor('pointer-events', 'auto'); 48 | } 49 | 50 | &:before { 51 | @include vendor('background-image', ( 52 | 'linear-gradient(left, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0))', 53 | 'linear-gradient(right, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0))' 54 | )); 55 | content: ''; 56 | display: block; 57 | position: absolute; 58 | top: 0; 59 | left: 0; 60 | width: 100%; 61 | height: 100%; 62 | } 63 | 64 | .toggle { 65 | -webkit-tap-highlight-color: rgba(0,0,0,0); 66 | position: absolute; 67 | top: 0; 68 | width: 4em; 69 | height: 4em; 70 | background-image: url('images/close.svg'); 71 | background-repeat: no-repeat; 72 | background-size: 64px 64px; 73 | cursor: pointer; 74 | z-index: 1; 75 | 76 | @if _misc(main-side) == 'left' { 77 | left: 0; 78 | background-position: 0.75em 0.75em; 79 | } 80 | @else { 81 | right: 0; 82 | background-position: calc(100% - 0.75em) 0.75em; 83 | } 84 | } 85 | 86 | .nav-next, 87 | .nav-previous { 88 | -webkit-tap-highlight-color: rgba(0,0,0,0); 89 | position: absolute; 90 | top: 50%; 91 | width: 6em; 92 | height: 6em; 93 | margin-top: -3em; 94 | background-image: url('images/arrow.svg'); 95 | background-position: center; 96 | background-repeat: no-repeat; 97 | background-size: contain; 98 | cursor: pointer; 99 | } 100 | 101 | .nav-previous { 102 | @include vendor('transform', 'scaleX(-1)'); 103 | left: 0; 104 | } 105 | 106 | .nav-next { 107 | right: 0; 108 | } 109 | } 110 | 111 | .slide { 112 | @include vendor('transition', 'opacity #{_duration(slide)} ease-in-out'); 113 | position: absolute; 114 | top: 0; 115 | left: 0; 116 | width: 100%; 117 | height: 100%; 118 | opacity: 1; 119 | z-index: 1; 120 | 121 | .caption { 122 | @include vendor('background-image', ( 123 | 'linear-gradient(bottom, rgba(16,16,16,0.75), rgba(16,16,16,0.25) 80%, rgba(16,16,16,0))', 124 | )); 125 | @include padding(2em, 2em); 126 | position: absolute; 127 | bottom: 0; 128 | left: 0; 129 | width: 100%; 130 | color: rgba(255,255,255,0.5); 131 | z-index: 1; 132 | 133 | h2, h3, h4, h5, h6 { 134 | color: #fff; 135 | } 136 | } 137 | 138 | .image { 139 | @include vendor('transition', 'opacity #{_duration(slide)} ease-in-out'); 140 | position: absolute; 141 | top: 0; 142 | left: 0; 143 | width: 100%; 144 | height: 100%; 145 | background-repeat: no-repeat; 146 | background-size: cover; 147 | opacity: 0; 148 | } 149 | 150 | &:before { 151 | @include vendor('animation', 'spinner #{_duration(spinner)} linear infinite'); 152 | @include vendor('transition', 'opacity #{_duration(slide)} ease-in-out'); 153 | content: ''; 154 | display: block; 155 | position: absolute; 156 | top: 50%; 157 | left: 50%; 158 | width: 3em; 159 | height: 3em; 160 | background-image: url('images/spinner.svg'); 161 | background-position: center; 162 | background-repeat: no-repeat; 163 | background-size: contain; 164 | margin: -1.5em 0 0 -1.5em; 165 | opacity: 0; 166 | } 167 | 168 | &.loading { 169 | &:before { 170 | opacity: 1; 171 | } 172 | } 173 | 174 | &.active { 175 | .image { 176 | opacity: 1; 177 | } 178 | } 179 | } 180 | 181 | body.fullscreen & { 182 | width: 100%; 183 | 184 | .inner { 185 | .toggle { 186 | background-image: url('images/open.svg'); 187 | } 188 | } 189 | } 190 | 191 | body.is-loading-1 & { 192 | opacity: 0; 193 | } 194 | 195 | body.is-loading-2 & { 196 | .slide { 197 | opacity: 0; 198 | } 199 | } 200 | 201 | @include breakpoint(large) { 202 | width: calc(100% - #{_size(main-alt)}); 203 | } 204 | 205 | @include breakpoint(medium) { 206 | width: 100%; 207 | 208 | .inner { 209 | .toggle { 210 | @include vendor('transition', 'opacity #{_duration(layout)} ease'); 211 | background-image: url('images/open.svg'); 212 | opacity: 0; 213 | 214 | @if _misc(main-side) == 'left' { 215 | left: 0; 216 | } 217 | @else { 218 | right: 0; 219 | } 220 | } 221 | } 222 | 223 | body.fullscreen & { 224 | .inner { 225 | .toggle { 226 | opacity: 1; 227 | } 228 | } 229 | } 230 | } 231 | 232 | @include breakpoint(small) { 233 | .inner { 234 | .toggle { 235 | background-size: 32px 32px; 236 | } 237 | 238 | .nav-next, 239 | .nav-previous { 240 | background-image: url('images/arrow-small.svg'); 241 | background-size: 32px 32px; 242 | } 243 | } 244 | 245 | body.fullscreen & { 246 | .inner { 247 | .toggle { 248 | background-image: url('images/open-small.svg'); 249 | } 250 | } 251 | } 252 | } 253 | 254 | @include breakpoint(xsmall) { 255 | @include vendor('transition', ('opacity #{_duration(layout-alt)} ease')); 256 | @include vendor('transition-delay', '0s'); 257 | opacity: 0; 258 | 259 | .inner { 260 | .toggle { 261 | background-image: url('images/close-small.svg') !important; 262 | background-size: 32px 32px; 263 | } 264 | } 265 | 266 | body.fullscreen & { 267 | @include vendor('transition-delay', '#{_duration(layout-alt)}'); 268 | opacity: 1; 269 | } 270 | } 271 | } -------------------------------------------------------------------------------- /assets/sass/libs/_functions.scss: -------------------------------------------------------------------------------- 1 | /// Gets a duration value. 2 | /// @param {string} $keys Key(s). 3 | /// @return {string} Value. 4 | @function _duration($keys...) { 5 | @return val($duration, $keys...); 6 | } 7 | 8 | /// Gets a font value. 9 | /// @param {string} $keys Key(s). 10 | /// @return {string} Value. 11 | @function _font($keys...) { 12 | @return val($font, $keys...); 13 | } 14 | 15 | /// Gets a misc value. 16 | /// @param {string} $keys Key(s). 17 | /// @return {string} Value. 18 | @function _misc($keys...) { 19 | @return val($misc, $keys...); 20 | } 21 | 22 | /// Gets a palette value. 23 | /// @param {string} $keys Key(s). 24 | /// @return {string} Value. 25 | @function _palette($keys...) { 26 | @return val($palette, $keys...); 27 | } 28 | 29 | /// Gets a size value. 30 | /// @param {string} $keys Key(s). 31 | /// @return {string} Value. 32 | @function _size($keys...) { 33 | @return val($size, $keys...); 34 | } -------------------------------------------------------------------------------- /assets/sass/libs/_mixins.scss: -------------------------------------------------------------------------------- 1 | /// Makes an element's :before pseudoelement a FontAwesome icon. 2 | /// @param {string} $content Optional content value to use. 3 | /// @param {string} $where Optional pseudoelement to target (before or after). 4 | @mixin icon($content: false, $where: before) { 5 | 6 | text-decoration: none; 7 | 8 | &:#{$where} { 9 | 10 | @if $content { 11 | content: $content; 12 | } 13 | 14 | -moz-osx-font-smoothing: grayscale; 15 | -webkit-font-smoothing: antialiased; 16 | font-family: FontAwesome; 17 | font-style: normal; 18 | font-weight: normal; 19 | text-transform: none !important; 20 | 21 | } 22 | 23 | } 24 | 25 | /// Applies padding to an element, taking the current element-margin value into account. 26 | /// @param {mixed} $tb Top/bottom padding. 27 | /// @param {mixed} $lr Left/right padding. 28 | /// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left) 29 | /// @param {bool} $important If true, adds !important. 30 | @mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) { 31 | 32 | @if $important { 33 | $important: '!important'; 34 | } 35 | 36 | $x: 0.1em; 37 | 38 | @if unit(_size(element-margin)) == 'rem' { 39 | $x: 0.1rem; 40 | } 41 | 42 | padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important}; 43 | 44 | } 45 | 46 | /// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp). 47 | /// @param {string} $svg SVG data URL. 48 | /// @return {string} Encoded SVG data URL. 49 | @function svg-url($svg) { 50 | 51 | $svg: str-replace($svg, '"', '\''); 52 | $svg: str-replace($svg, '%', '%25'); 53 | $svg: str-replace($svg, '<', '%3C'); 54 | $svg: str-replace($svg, '>', '%3E'); 55 | $svg: str-replace($svg, '&', '%26'); 56 | $svg: str-replace($svg, '#', '%23'); 57 | $svg: str-replace($svg, '{', '%7B'); 58 | $svg: str-replace($svg, '}', '%7D'); 59 | $svg: str-replace($svg, ';', '%3B'); 60 | 61 | @return url("data:image/svg+xml;charset=utf8,#{$svg}"); 62 | 63 | } 64 | 65 | /// Initializes base flexgrid classes. 66 | /// @param {string} $vertical-align Vertical alignment of cells. 67 | /// @param {string} $horizontal-align Horizontal alignment of cells. 68 | @mixin flexgrid-base($vertical-align: null, $horizontal-align: null) { 69 | 70 | // Grid. 71 | @include vendor('display', 'flex'); 72 | @include vendor('flex-wrap', 'wrap'); 73 | 74 | // Vertical alignment. 75 | @if ($vertical-align == top) { 76 | @include vendor('align-items', 'flex-start'); 77 | } 78 | @else if ($vertical-align == bottom) { 79 | @include vendor('align-items', 'flex-end'); 80 | } 81 | @else if ($vertical-align == center) { 82 | @include vendor('align-items', 'center'); 83 | } 84 | @else { 85 | @include vendor('align-items', 'stretch'); 86 | } 87 | 88 | // Horizontal alignment. 89 | @if ($horizontal-align != null) { 90 | text-align: $horizontal-align; 91 | } 92 | 93 | // Cells. 94 | > * { 95 | @include vendor('flex-shrink', '1'); 96 | @include vendor('flex-grow', '0'); 97 | } 98 | 99 | } 100 | 101 | /// Sets up flexgrid columns. 102 | /// @param {integer} $columns Columns. 103 | @mixin flexgrid-columns($columns) { 104 | 105 | > * { 106 | $cell-width: 100% / $columns; 107 | width: #{$cell-width}; 108 | } 109 | 110 | } 111 | 112 | /// Sets up flexgrid gutters. 113 | /// @param {integer} $columns Columns. 114 | /// @param {number} $gutters Gutters. 115 | @mixin flexgrid-gutters($columns, $gutters) { 116 | 117 | // Apply padding. 118 | > * { 119 | $cell-width: 100% / $columns; 120 | 121 | padding: ($gutters * 0.5); 122 | width: $cell-width; 123 | } 124 | 125 | } 126 | 127 | /// Sets up flexgrid gutters (flush). 128 | /// @param {integer} $columns Columns. 129 | /// @param {number} $gutters Gutters. 130 | @mixin flexgrid-gutters-flush($columns, $gutters) { 131 | 132 | // Apply padding. 133 | > * { 134 | $cell-width: 100% / $columns; 135 | $cell-width-pad: $gutters / $columns; 136 | 137 | padding: ($gutters * 0.5); 138 | width: calc(#{$cell-width} + #{$cell-width-pad}); 139 | } 140 | 141 | // Clear top/bottom gutters. 142 | > :nth-child(-n + #{$columns}) { 143 | padding-top: 0; 144 | } 145 | 146 | > :nth-last-child(-n + #{$columns}) { 147 | padding-bottom: 0; 148 | } 149 | 150 | // Clear left/right gutters. 151 | > :nth-child(#{$columns}n + 1) { 152 | padding-left: 0; 153 | } 154 | 155 | > :nth-child(#{$columns}n) { 156 | padding-right: 0; 157 | } 158 | 159 | // Adjust widths of leftmost and rightmost cells. 160 | > :nth-child(#{$columns}n + 1), 161 | > :nth-child(#{$columns}n) { 162 | $cell-width: 100% / $columns; 163 | $cell-width-pad: ($gutters / $columns) - ($gutters / 2); 164 | 165 | width: calc(#{$cell-width} + #{$cell-width-pad}); 166 | } 167 | 168 | } 169 | 170 | /// Reset flexgrid gutters (flush only). 171 | /// Used to override a previous set of flexgrid gutter classes. 172 | /// @param {integer} $columns Columns. 173 | /// @param {number} $gutters Gutters. 174 | /// @param {integer} $prev-columns Previous columns. 175 | @mixin flexgrid-gutters-flush-reset($columns, $gutters, $prev-columns) { 176 | 177 | // Apply padding. 178 | > * { 179 | $cell-width: 100% / $prev-columns; 180 | $cell-width-pad: $gutters / $prev-columns; 181 | 182 | padding: ($gutters * 0.5); 183 | width: calc(#{$cell-width} + #{$cell-width-pad}); 184 | } 185 | 186 | // Clear top/bottom gutters. 187 | > :nth-child(-n + #{$prev-columns}) { 188 | padding-top: ($gutters * 0.5); 189 | } 190 | 191 | > :nth-last-child(-n + #{$prev-columns}) { 192 | padding-bottom: ($gutters * 0.5); 193 | } 194 | 195 | // Clear left/right gutters. 196 | > :nth-child(#{$prev-columns}n + 1) { 197 | padding-left: ($gutters * 0.5); 198 | } 199 | 200 | > :nth-child(#{$prev-columns}n) { 201 | padding-right: ($gutters * 0.5); 202 | } 203 | 204 | // Adjust widths of leftmost and rightmost cells. 205 | > :nth-child(#{$prev-columns}n + 1), 206 | > :nth-child(#{$prev-columns}n) { 207 | $cell-width: 100% / $columns; 208 | $cell-width-pad: $gutters / $columns; 209 | 210 | padding: ($gutters * 0.5); 211 | width: calc(#{$cell-width} + #{$cell-width-pad}); 212 | } 213 | 214 | } 215 | 216 | /// Adds debug styles to current flexgrid element. 217 | @mixin flexgrid-debug() { 218 | 219 | box-shadow: 0 0 0 1px red; 220 | 221 | > * { 222 | box-shadow: inset 0 0 0 1px blue; 223 | position: relative; 224 | 225 | > * { 226 | position: relative; 227 | box-shadow: inset 0 0 0 1px green; 228 | } 229 | } 230 | 231 | } 232 | 233 | /// Initializes the current element as a flexgrid. 234 | /// @param {integer} $columns Columns (optional). 235 | /// @param {number} $gutters Gutters (optional). 236 | /// @param {bool} $flush If true, clears padding around the very edge of the grid. 237 | @mixin flexgrid($settings: ()) { 238 | 239 | // Settings. 240 | 241 | // Debug. 242 | $debug: false; 243 | 244 | @if (map-has-key($settings, 'debug')) { 245 | $debug: map-get($settings, 'debug'); 246 | } 247 | 248 | // Vertical align. 249 | $vertical-align: null; 250 | 251 | @if (map-has-key($settings, 'vertical-align')) { 252 | $vertical-align: map-get($settings, 'vertical-align'); 253 | } 254 | 255 | // Horizontal align. 256 | $horizontal-align: null; 257 | 258 | @if (map-has-key($settings, 'horizontal-align')) { 259 | $horizontal-align: map-get($settings, 'horizontal-align'); 260 | } 261 | 262 | // Columns. 263 | $columns: null; 264 | 265 | @if (map-has-key($settings, 'columns')) { 266 | $columns: map-get($settings, 'columns'); 267 | } 268 | 269 | // Gutters. 270 | $gutters: 0; 271 | 272 | @if (map-has-key($settings, 'gutters')) { 273 | $gutters: map-get($settings, 'gutters'); 274 | } 275 | 276 | // Flush. 277 | $flush: true; 278 | 279 | @if (map-has-key($settings, 'flush')) { 280 | $flush: map-get($settings, 'flush'); 281 | } 282 | 283 | // Initialize base grid. 284 | @include flexgrid-base($vertical-align, $horizontal-align); 285 | 286 | // Debug? 287 | @if ($debug) { 288 | @include flexgrid-debug; 289 | } 290 | 291 | // Columns specified? 292 | @if ($columns != null) { 293 | 294 | // Initialize columns. 295 | @include flexgrid-columns($columns); 296 | 297 | // Gutters specified? 298 | @if ($gutters > 0) { 299 | 300 | // Flush gutters? 301 | @if ($flush) { 302 | 303 | // Initialize gutters (flush). 304 | @include flexgrid-gutters-flush($columns, $gutters); 305 | 306 | } 307 | 308 | // Otherwise ... 309 | @else { 310 | 311 | // Initialize gutters. 312 | @include flexgrid-gutters($columns, $gutters); 313 | 314 | } 315 | 316 | } 317 | 318 | } 319 | 320 | } 321 | 322 | /// Resizes a previously-initialized grid. 323 | /// @param {integer} $columns Columns. 324 | /// @param {number} $gutters Gutters (optional). 325 | /// @param {list} $reset A list of previously-initialized grid columns (only if $flush is true). 326 | /// @param {bool} $flush If true, clears padding around the very edge of the grid. 327 | @mixin flexgrid-resize($settings: ()) { 328 | 329 | // Settings. 330 | 331 | // Columns. 332 | $columns: 1; 333 | 334 | @if (map-has-key($settings, 'columns')) { 335 | $columns: map-get($settings, 'columns'); 336 | } 337 | 338 | // Gutters. 339 | $gutters: 0; 340 | 341 | @if (map-has-key($settings, 'gutters')) { 342 | $gutters: map-get($settings, 'gutters'); 343 | } 344 | 345 | // Previous columns. 346 | $prev-columns: false; 347 | 348 | @if (map-has-key($settings, 'prev-columns')) { 349 | $prev-columns: map-get($settings, 'prev-columns'); 350 | } 351 | 352 | // Flush. 353 | $flush: true; 354 | 355 | @if (map-has-key($settings, 'flush')) { 356 | $flush: map-get($settings, 'flush'); 357 | } 358 | 359 | // Resize columns. 360 | @include flexgrid-columns($columns); 361 | 362 | // Gutters specified? 363 | @if ($gutters > 0) { 364 | 365 | // Flush gutters? 366 | @if ($flush) { 367 | 368 | // Previous columns specified? 369 | @if ($prev-columns) { 370 | 371 | // Convert to list if it isn't one already. 372 | @if (type-of($prev-columns) != list) { 373 | $prev-columns: ($prev-columns); 374 | } 375 | 376 | // Step through list of previous columns and reset them. 377 | @each $x in $prev-columns { 378 | @include flexgrid-gutters-flush-reset($columns, $gutters, $x); 379 | } 380 | 381 | } 382 | 383 | // Resize gutters (flush). 384 | @include flexgrid-gutters-flush($columns, $gutters); 385 | 386 | } 387 | 388 | // Otherwise ... 389 | @else { 390 | 391 | // Resize gutters. 392 | @include flexgrid-gutters($columns, $gutters); 393 | 394 | } 395 | 396 | } 397 | 398 | } -------------------------------------------------------------------------------- /assets/sass/libs/_skel.scss: -------------------------------------------------------------------------------- 1 | // skel.scss v3.0.2-dev | (c) skel.io | MIT licensed */ 2 | 3 | // Vars. 4 | 5 | /// Breakpoints. 6 | /// @var {list} 7 | $breakpoints: () !global; 8 | 9 | /// Vendor prefixes. 10 | /// @var {list} 11 | $vendor-prefixes: ( 12 | '-moz-', 13 | '-webkit-', 14 | '-ms-', 15 | '' 16 | ); 17 | 18 | /// Properties that should be vendorized. 19 | /// @var {list} 20 | $vendor-properties: ( 21 | 'align-content', 22 | 'align-items', 23 | 'align-self', 24 | 'animation', 25 | 'animation-delay', 26 | 'animation-direction', 27 | 'animation-duration', 28 | 'animation-fill-mode', 29 | 'animation-iteration-count', 30 | 'animation-name', 31 | 'animation-play-state', 32 | 'animation-timing-function', 33 | 'appearance', 34 | 'backface-visibility', 35 | 'box-sizing', 36 | 'filter', 37 | 'flex', 38 | 'flex-basis', 39 | 'flex-direction', 40 | 'flex-flow', 41 | 'flex-grow', 42 | 'flex-shrink', 43 | 'flex-wrap', 44 | 'justify-content', 45 | 'object-fit', 46 | 'object-position', 47 | 'order', 48 | 'perspective', 49 | 'pointer-events', 50 | 'transform', 51 | 'transform-origin', 52 | 'transform-style', 53 | 'transition', 54 | 'transition-delay', 55 | 'transition-duration', 56 | 'transition-property', 57 | 'transition-timing-function', 58 | 'user-select' 59 | ); 60 | 61 | /// Values that should be vendorized. 62 | /// @var {list} 63 | $vendor-values: ( 64 | 'filter', 65 | 'flex', 66 | 'linear-gradient', 67 | 'radial-gradient', 68 | 'transform' 69 | ); 70 | 71 | // Functions. 72 | 73 | /// Removes a specific item from a list. 74 | /// @author Hugo Giraudel 75 | /// @param {list} $list List. 76 | /// @param {integer} $index Index. 77 | /// @return {list} Updated list. 78 | @function remove-nth($list, $index) { 79 | 80 | $result: null; 81 | 82 | @if type-of($index) != number { 83 | @warn "$index: #{quote($index)} is not a number for `remove-nth`."; 84 | } 85 | @else if $index == 0 { 86 | @warn "List index 0 must be a non-zero integer for `remove-nth`."; 87 | } 88 | @else if abs($index) > length($list) { 89 | @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; 90 | } 91 | @else { 92 | 93 | $result: (); 94 | $index: if($index < 0, length($list) + $index + 1, $index); 95 | 96 | @for $i from 1 through length($list) { 97 | 98 | @if $i != $index { 99 | $result: append($result, nth($list, $i)); 100 | } 101 | 102 | } 103 | 104 | } 105 | 106 | @return $result; 107 | 108 | } 109 | 110 | /// Replaces a substring within another string. 111 | /// @author Hugo Giraudel 112 | /// @param {string} $string String. 113 | /// @param {string} $search Substring. 114 | /// @param {string} $replace Replacement. 115 | /// @return {string} Updated string. 116 | @function str-replace($string, $search, $replace: '') { 117 | 118 | $index: str-index($string, $search); 119 | 120 | @if $index { 121 | @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); 122 | } 123 | 124 | @return $string; 125 | 126 | } 127 | 128 | /// Replaces a substring within each string in a list. 129 | /// @param {list} $strings List of strings. 130 | /// @param {string} $search Substring. 131 | /// @param {string} $replace Replacement. 132 | /// @return {list} Updated list of strings. 133 | @function str-replace-all($strings, $search, $replace: '') { 134 | 135 | @each $string in $strings { 136 | $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace)); 137 | } 138 | 139 | @return $strings; 140 | 141 | } 142 | 143 | /// Gets a value from a map. 144 | /// @author Hugo Giraudel 145 | /// @param {map} $map Map. 146 | /// @param {string} $keys Key(s). 147 | /// @return {string} Value. 148 | @function val($map, $keys...) { 149 | 150 | @if nth($keys, 1) == null { 151 | $keys: remove-nth($keys, 1); 152 | } 153 | 154 | @each $key in $keys { 155 | $map: map-get($map, $key); 156 | } 157 | 158 | @return $map; 159 | 160 | } 161 | 162 | // Mixins. 163 | 164 | /// Sets the global box model. 165 | /// @param {string} $model Model (default is content). 166 | @mixin boxModel($model: 'content') { 167 | 168 | $x: $model + '-box'; 169 | 170 | *, *:before, *:after { 171 | -moz-box-sizing: #{$x}; 172 | -webkit-box-sizing: #{$x}; 173 | box-sizing: #{$x}; 174 | } 175 | 176 | } 177 | 178 | /// Wraps @content in a @media block using a given breakpoint. 179 | /// @param {string} $breakpoint Breakpoint. 180 | /// @param {map} $queries Additional queries. 181 | @mixin breakpoint($breakpoint: null, $queries: null) { 182 | 183 | $query: 'screen'; 184 | 185 | // Breakpoint. 186 | @if $breakpoint and map-has-key($breakpoints, $breakpoint) { 187 | $query: $query + ' and ' + map-get($breakpoints, $breakpoint); 188 | } 189 | 190 | // Queries. 191 | @if $queries { 192 | @each $k, $v in $queries { 193 | $query: $query + ' and (' + $k + ':' + $v + ')'; 194 | } 195 | } 196 | 197 | @media #{$query} { 198 | @content; 199 | } 200 | 201 | } 202 | 203 | /// Wraps @content in a @media block targeting a specific orientation. 204 | /// @param {string} $orientation Orientation. 205 | @mixin orientation($orientation) { 206 | @media screen and (orientation: #{$orientation}) { 207 | @content; 208 | } 209 | } 210 | 211 | /// Utility mixin for containers. 212 | /// @param {mixed} $width Width. 213 | @mixin containers($width) { 214 | 215 | // Locked? 216 | $lock: false; 217 | 218 | @if length($width) == 2 { 219 | $width: nth($width, 1); 220 | $lock: true; 221 | } 222 | 223 | // Modifiers. 224 | .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; } 225 | .container.\37 5\25 { width: $width * 0.75; } 226 | .container.\35 0\25 { width: $width * 0.5; } 227 | .container.\32 5\25 { width: $width * 0.25; } 228 | 229 | // Main class. 230 | .container { 231 | @if $lock { 232 | width: $width !important; 233 | } 234 | @else { 235 | width: $width; 236 | } 237 | } 238 | 239 | } 240 | 241 | /// Utility mixin for grid. 242 | /// @param {list} $gutters Column and row gutters (default is 40px). 243 | /// @param {string} $breakpointName Optional breakpoint name. 244 | @mixin grid($gutters: 40px, $breakpointName: null) { 245 | 246 | // Gutters. 247 | @include grid-gutters($gutters); 248 | @include grid-gutters($gutters, \32 00\25, 2); 249 | @include grid-gutters($gutters, \31 50\25, 1.5); 250 | @include grid-gutters($gutters, \35 0\25, 0.5); 251 | @include grid-gutters($gutters, \32 5\25, 0.25); 252 | 253 | // Cells. 254 | $x: ''; 255 | 256 | @if $breakpointName { 257 | $x: '\\28' + $breakpointName + '\\29'; 258 | } 259 | 260 | .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; } 261 | .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; } 262 | .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; } 263 | .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; } 264 | .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; } 265 | .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; } 266 | .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; } 267 | .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; } 268 | .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; } 269 | .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; } 270 | .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; } 271 | .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; } 272 | 273 | .\31 2u\24#{$x} + *, 274 | .\31 1u\24#{$x} + *, 275 | .\31 0u\24#{$x} + *, 276 | .\39 u\24#{$x} + *, 277 | .\38 u\24#{$x} + *, 278 | .\37 u\24#{$x} + *, 279 | .\36 u\24#{$x} + *, 280 | .\35 u\24#{$x} + *, 281 | .\34 u\24#{$x} + *, 282 | .\33 u\24#{$x} + *, 283 | .\32 u\24#{$x} + *, 284 | .\31 u\24#{$x} + * { 285 | clear: left; 286 | } 287 | 288 | .\-11u#{$x} { margin-left: 91.6666666667% } 289 | .\-10u#{$x} { margin-left: 83.3333333333% } 290 | .\-9u#{$x} { margin-left: 75% } 291 | .\-8u#{$x} { margin-left: 66.6666666667% } 292 | .\-7u#{$x} { margin-left: 58.3333333333% } 293 | .\-6u#{$x} { margin-left: 50% } 294 | .\-5u#{$x} { margin-left: 41.6666666667% } 295 | .\-4u#{$x} { margin-left: 33.3333333333% } 296 | .\-3u#{$x} { margin-left: 25% } 297 | .\-2u#{$x} { margin-left: 16.6666666667% } 298 | .\-1u#{$x} { margin-left: 8.3333333333% } 299 | 300 | } 301 | 302 | /// Utility mixin for grid. 303 | /// @param {list} $gutters Gutters. 304 | /// @param {string} $class Optional class name. 305 | /// @param {integer} $multiplier Multiplier (default is 1). 306 | @mixin grid-gutters($gutters, $class: null, $multiplier: 1) { 307 | 308 | // Expand gutters if it's not a list. 309 | @if length($gutters) == 1 { 310 | $gutters: ($gutters, 0); 311 | } 312 | 313 | // Get column and row gutter values. 314 | $c: nth($gutters, 1); 315 | $r: nth($gutters, 2); 316 | 317 | // Get class (if provided). 318 | $x: ''; 319 | 320 | @if $class { 321 | $x: '.' + $class; 322 | } 323 | 324 | // Default. 325 | .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); } 326 | .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); } 327 | 328 | // Uniform. 329 | .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); } 330 | .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); } 331 | 332 | } 333 | 334 | /// Wraps @content in vendorized keyframe blocks. 335 | /// @param {string} $name Name. 336 | @mixin keyframes($name) { 337 | 338 | @-moz-keyframes #{$name} { @content; } 339 | @-webkit-keyframes #{$name} { @content; } 340 | @-ms-keyframes #{$name} { @content; } 341 | @keyframes #{$name} { @content; } 342 | 343 | } 344 | 345 | /// 346 | /// Sets breakpoints. 347 | /// @param {map} $x Breakpoints. 348 | /// 349 | @mixin skel-breakpoints($x: ()) { 350 | $breakpoints: $x !global; 351 | } 352 | 353 | /// 354 | /// Initializes layout module. 355 | /// @param {map} config Config. 356 | /// 357 | @mixin skel-layout($config: ()) { 358 | 359 | // Config. 360 | $configPerBreakpoint: (); 361 | 362 | $z: map-get($config, 'breakpoints'); 363 | 364 | @if $z { 365 | $configPerBreakpoint: $z; 366 | } 367 | 368 | // Reset. 369 | $x: map-get($config, 'reset'); 370 | 371 | @if $x { 372 | 373 | /* Reset */ 374 | 375 | @include reset($x); 376 | 377 | } 378 | 379 | // Box model. 380 | $x: map-get($config, 'boxModel'); 381 | 382 | @if $x { 383 | 384 | /* Box Model */ 385 | 386 | @include boxModel($x); 387 | 388 | } 389 | 390 | // Containers. 391 | $containers: map-get($config, 'containers'); 392 | 393 | @if $containers { 394 | 395 | /* Containers */ 396 | 397 | .container { 398 | margin-left: auto; 399 | margin-right: auto; 400 | } 401 | 402 | // Use default is $containers is just "true". 403 | @if $containers == true { 404 | $containers: 960px; 405 | } 406 | 407 | // Apply base. 408 | @include containers($containers); 409 | 410 | // Apply per-breakpoint. 411 | @each $name in map-keys($breakpoints) { 412 | 413 | // Get/use breakpoint setting if it exists. 414 | $x: map-get($configPerBreakpoint, $name); 415 | 416 | // Per-breakpoint config exists? 417 | @if $x { 418 | $y: map-get($x, 'containers'); 419 | 420 | // Setting exists? Use it. 421 | @if $y { 422 | $containers: $y; 423 | } 424 | 425 | } 426 | 427 | // Create @media block. 428 | @media screen and #{map-get($breakpoints, $name)} { 429 | @include containers($containers); 430 | } 431 | 432 | } 433 | 434 | } 435 | 436 | // Grid. 437 | $grid: map-get($config, 'grid'); 438 | 439 | @if $grid { 440 | 441 | /* Grid */ 442 | 443 | // Use defaults if $grid is just "true". 444 | @if $grid == true { 445 | $grid: (); 446 | } 447 | 448 | // Sub-setting: Gutters. 449 | $grid-gutters: 40px; 450 | $x: map-get($grid, 'gutters'); 451 | 452 | @if $x { 453 | $grid-gutters: $x; 454 | } 455 | 456 | // Rows. 457 | .row { 458 | border-bottom: solid 1px transparent; 459 | -moz-box-sizing: border-box; 460 | -webkit-box-sizing: border-box; 461 | box-sizing: border-box; 462 | } 463 | 464 | .row > * { 465 | float: left; 466 | -moz-box-sizing: border-box; 467 | -webkit-box-sizing: border-box; 468 | box-sizing: border-box; 469 | } 470 | 471 | .row:after, .row:before { 472 | content: ''; 473 | display: block; 474 | clear: both; 475 | height: 0; 476 | } 477 | 478 | .row.uniform > * > :first-child { 479 | margin-top: 0; 480 | } 481 | 482 | .row.uniform > * > :last-child { 483 | margin-bottom: 0; 484 | } 485 | 486 | // Gutters (0%). 487 | @include grid-gutters($grid-gutters, \30 \25, 0); 488 | 489 | // Apply base. 490 | @include grid($grid-gutters); 491 | 492 | // Apply per-breakpoint. 493 | @each $name in map-keys($breakpoints) { 494 | 495 | // Get/use breakpoint setting if it exists. 496 | $x: map-get($configPerBreakpoint, $name); 497 | 498 | // Per-breakpoint config exists? 499 | @if $x { 500 | $y: map-get($x, 'grid'); 501 | 502 | // Setting exists? 503 | @if $y { 504 | 505 | // Sub-setting: Gutters. 506 | $x: map-get($y, 'gutters'); 507 | 508 | @if $x { 509 | $grid-gutters: $x; 510 | } 511 | 512 | } 513 | 514 | } 515 | 516 | // Create @media block. 517 | @media screen and #{map-get($breakpoints, $name)} { 518 | @include grid($grid-gutters, $name); 519 | } 520 | 521 | } 522 | 523 | } 524 | 525 | } 526 | 527 | /// Resets browser styles. 528 | /// @param {string} $mode Mode (default is 'normalize'). 529 | @mixin reset($mode: 'normalize') { 530 | 531 | @if $mode == 'normalize' { 532 | 533 | // normalize.css v3.0.2 | MIT License | git.io/normalize 534 | html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} 535 | 536 | } 537 | @else if $mode == 'full' { 538 | 539 | // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain) 540 | html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none} 541 | 542 | } 543 | 544 | } 545 | 546 | /// Vendorizes a declaration's property and/or value(s). 547 | /// @param {string} $property Property. 548 | /// @param {mixed} $value String/list of value(s). 549 | @mixin vendor($property, $value) { 550 | 551 | // Determine if property should expand. 552 | $expandProperty: index($vendor-properties, $property); 553 | 554 | // Determine if value should expand (and if so, add '-prefix-' placeholder). 555 | $expandValue: false; 556 | 557 | @each $x in $value { 558 | @each $y in $vendor-values { 559 | @if $y == str-slice($x, 1, str-length($y)) { 560 | 561 | $value: set-nth($value, index($value, $x), '-prefix-' + $x); 562 | $expandValue: true; 563 | 564 | } 565 | } 566 | } 567 | 568 | // Expand property? 569 | @if $expandProperty { 570 | @each $vendor in $vendor-prefixes { 571 | #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; 572 | } 573 | } 574 | 575 | // Expand just the value? 576 | @elseif $expandValue { 577 | @each $vendor in $vendor-prefixes { 578 | #{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; 579 | } 580 | } 581 | 582 | // Neither? Treat them as a normal declaration. 583 | @else { 584 | #{$property}: #{$value}; 585 | } 586 | 587 | } -------------------------------------------------------------------------------- /assets/sass/libs/_vars.scss: -------------------------------------------------------------------------------- 1 | // Misc. 2 | $misc: ( 3 | z-index-base: 10000, 4 | main-side: right, 5 | main-align: right, 6 | thumbnails-per-row: 2 7 | ); 8 | 9 | // Duration. 10 | $duration: ( 11 | transition: 0.25s, 12 | layout: 0.75s, 13 | layout-alt: 0.5s, 14 | slide: 0.5s, 15 | spinner: 1s 16 | ); 17 | 18 | // Size. 19 | $size: ( 20 | border-radius: 4px, 21 | border-width: 1px, 22 | element-height: 2.75em, 23 | element-margin: 1.25em, 24 | main: 22.5em, 25 | main-alt: 19em 26 | ); 27 | 28 | // Font. 29 | $font: ( 30 | family: ('Roboto', Helvetica, sans-serif), 31 | family-fixed: ('Courier New', monospace), 32 | weight: 400, 33 | weight-bold: 700 34 | ); 35 | 36 | // Palette. 37 | $palette: ( 38 | page-bg: #101010, 39 | bg: #fff, 40 | fg: #aaa, 41 | fg-bold: #555, 42 | fg-light: #ccc, 43 | border: #ccc, 44 | accent: #00D3B7 45 | ); -------------------------------------------------------------------------------- /assets/sass/main.scss: -------------------------------------------------------------------------------- 1 | @import 'libs/vars'; 2 | @import 'libs/functions'; 3 | @import 'libs/mixins'; 4 | @import 'libs/skel'; 5 | @import 'font-awesome.min.css'; 6 | @import url("https://fonts.googleapis.com/css?family=Roboto:400,700"); 7 | 8 | /* 9 | Lens by HTML5 UP 10 | html5up.net | @ajlkn 11 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 12 | */ 13 | 14 | @include skel-breakpoints(( 15 | xlarge: '(max-width: 1680px)', 16 | large: '(max-width: 1280px)', 17 | medium: '(max-width: 980px)', 18 | small: '(max-width: 736px)', 19 | xsmall: '(max-width: 480px)' 20 | )); 21 | 22 | @include skel-layout(( 23 | reset: 'full', 24 | boxModel: 'border' 25 | )); 26 | 27 | // Base. 28 | 29 | @import 'base/page'; 30 | @import 'base/typography'; 31 | 32 | // Component. 33 | 34 | @import 'components/button'; 35 | @import 'components/form'; 36 | @import 'components/icon'; 37 | @import 'components/list'; 38 | 39 | // Layout. 40 | 41 | @import 'layout/main'; 42 | @import 'layout/header'; 43 | @import 'layout/footer'; 44 | @import 'layout/thumbnails'; 45 | @import 'layout/viewer'; -------------------------------------------------------------------------------- /assets/sass/noscript.scss: -------------------------------------------------------------------------------- 1 | @import 'libs/vars'; 2 | @import 'libs/functions'; 3 | @import 'libs/mixins'; 4 | @import 'libs/skel'; 5 | 6 | /* 7 | Lens by HTML5 UP 8 | html5up.net | @ajlkn 9 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 10 | */ 11 | 12 | /* Main */ 13 | 14 | #main { 15 | opacity: 1 !important; 16 | 17 | @if _misc(main-side) == 'left' { 18 | left: 0 !important; 19 | } 20 | @else { 21 | right: 0 !important; 22 | } 23 | } 24 | 25 | body:before { 26 | content: 'Javascript is disabled :('; 27 | display: block; 28 | position: absolute; 29 | top: 50%; 30 | width: calc(100% - #{_size(main)} * 0.333333333); 31 | height: 4em; 32 | margin-top: -2em; 33 | color: mix(_palette(page-bg), #fff, 90%); 34 | cursor: default; 35 | font-size: 3em; 36 | line-height: 4em; 37 | text-align: center; 38 | white-space: nowrap; 39 | 40 | @if _misc(main-side) == 'left' { 41 | right: 0; 42 | } 43 | @else { 44 | left: 0; 45 | } 46 | } -------------------------------------------------------------------------------- /favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/favicon.png -------------------------------------------------------------------------------- /gallery/background_01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/gallery/background_01.jpg -------------------------------------------------------------------------------- /gallery/background_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/gallery/background_02.jpg -------------------------------------------------------------------------------- /gallery/background_03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/gallery/background_03.jpg -------------------------------------------------------------------------------- /gallery/background_04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/gallery/background_04.jpg -------------------------------------------------------------------------------- /gallery/background_05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/gallery/background_05.jpg -------------------------------------------------------------------------------- /gallery/background_06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/gallery/background_06.jpg -------------------------------------------------------------------------------- /gallery/background_07.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/gallery/background_07.jpg -------------------------------------------------------------------------------- /gallery/background_08.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/gallery/background_08.jpg -------------------------------------------------------------------------------- /gallery/background_09.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/gallery/background_09.jpg -------------------------------------------------------------------------------- /gallery/background_10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/gallery/background_10.jpg -------------------------------------------------------------------------------- /gallery/background_11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/gallery/background_11.jpg -------------------------------------------------------------------------------- /gallery/background_12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ElasticDesigns/jekyll-lens/30f4ea297d3972479959a4f31a8fbdf63dd5a94f/gallery/background_12.jpg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 | 6 |
7 | 8 | 32 | 33 | 34 |
35 | {% assign gallery = site.static_files | where: "image", true %} 36 | {% for image in gallery %} 37 |
38 | {{ image.basename }} 39 |

{{ image.basename | replace: "_", " " }}

40 |
41 | {% endfor %} 42 |
43 | 44 | 45 | 51 |
52 | --------------------------------------------------------------------------------