Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8"/>
- <title>FAKULTA UMĚNÍ</title>
- <meta name="viewport" content="width=device-width">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta property="og:title" content="FAKULTA UMĚNÍ" />
- <meta property="og:type" content="website"/>
- <meta property="og:description" content="Some Desc"/>
- <meta property="og:url" content="http://fakultaumeni-cz.sandbox.webvalley.cz/sound"/>
- <meta property="og:image" content="http://fakultaumeni-cz.sandbox.webvalley.cz/assets/images/photo2.jpg"/>
- <meta name="twitter:card" content="summary_large_image">
- <meta name="twitter:site" content="@osu">
- <meta name="twitter:title" content="FAKULTA UMĚNÍ" />
- <meta name="twitter:description" content="Up than 200 characters.">
- <meta name="twitter:creator" content="@OSU">
- <meta name="twitter:image" content="http://fakultaumeni-cz.sandbox.webvalley.cz/assets/images/photo2.jpg">
- <meta name="twitter:domain" content="http://fakultaumeni-cz.sandbox.webvalley.cz/sound">
- <link href="//webfonts.radimpesko.com/RP-W-5a001e9e6f3e0c1501000005.css" rel="stylesheet" type="text/css">
- <link rel="stylesheet" href="/assets/css/styles.css">
- <link rel="icon" type="image/x-icon" href="/favicon.ico"/>
- </head>
- <body class="gallery-page">
- <header>
- <div class="container container_p">
- <a href="/app_dev.php/" class="logo">
- <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 23.2" style="enable-background:new 0 0 30 23.2;" xml:space="preserve" class="icon-menu"><style>
- </style>
- <g>
- <rect id="prvni" y="0" width="30" height="2.4"/>
- <rect id="druha" y="7" width="14" height="2.4"/>
- <rect id="treti" x="16" y="13.8" width="14" height="2.4"/>
- <rect id="ctvrta" y="20.7" width="30" height="2.4"/>
- </g>
- </svg>
- <span>FAKULTA UMĚNÍ</span>
- </a>
- <div class="links">
- <a href="/app_dev.php/prihlaseni"><?xml version="1.0" encoding="utf-8"?>
- <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
- <style type="text/css">
- .st0{fill:#FFFFFF;}
- </style>
- <circle id="XMLID_1_2" class="st0" cx="18" cy="18" r="16.5"/>
- <g id="XMLID_596_2">
- <path id="XMLID_597_2" d="M18,35.5C8.4,35.5,0.5,27.6,0.5,18C0.5,8.4,8.4,0.5,18,0.5c9.6,0,17.5,7.9,17.5,17.5
- C35.5,27.6,27.6,35.5,18,35.5z M18,1.5C8.9,1.5,1.5,8.9,1.5,18c0,9.1,7.4,16.5,16.5,16.5c9.1,0,16.5-7.4,16.5-16.5
- C34.5,8.9,27.1,1.5,18,1.5z"/>
- </g>
- <g id="XMLID_247_2">
- <g id="XMLID_220_2">
- <path id="XMLID_234_2" d="M28.1,19H7.6c-0.6,0-1-0.4-1-1s0.4-1,1-1h20.5c0.6,0,1,0.4,1,1S28.6,19,28.1,19z"/>
- </g>
- <g id="XMLID_219_2">
- <path id="XMLID_233_2" d="M22.3,25.6c-0.2,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1-0.1-1.4l5.5-5.9l-5.4-5.9c-0.4-0.4-0.3-1,0.1-1.4
- c0.4-0.4,1-0.3,1.4,0.1l6,6.6c0.4,0.4,0.3,1,0,1.4L23,25.3C22.8,25.5,22.6,25.6,22.3,25.6z"/>
- </g>
- </g>
- </svg>
- </a>
- <a href="/app_dev.php/page/vseobecne-informace"><?xml version="1.0" encoding="utf-8"?>
- <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
- <style type="text/css">
- .st0{fill:#FFFFFF;}
- </style>
- <circle id="XMLID_1_1" class="st0" cx="18" cy="18" r="16.5"/>
- <g id="XMLID_596_1">
- <path id="XMLID_597_1" d="M18,35.5C8.4,35.5,0.5,27.6,0.5,18C0.5,8.4,8.4,0.5,18,0.5c9.6,0,17.5,7.9,17.5,17.5
- C35.5,27.6,27.6,35.5,18,35.5z M18,1.5C8.9,1.5,1.5,8.9,1.5,18c0,9.1,7.4,16.5,16.5,16.5c9.1,0,16.5-7.4,16.5-16.5
- C34.5,8.9,27.1,1.5,18,1.5z"/>
- </g>
- <path id="XMLID_5_1" d="M23.5,19.5c-0.7,1.9-2.4,3.9-5.4,3.9c-2.7,0-4.7-1.6-4.7-4.3c0-2.4,1.9-3.7,3.5-4.5l-0.1-5.5
- c-1.2,0.6-2,2.1-2.4,3.4l-1.9-1.8c0.5-1.6,2.4-4.1,5.7-4.1c3,0,5.2,1.8,5.2,4.6c0,2.8-2.5,3.9-4.1,4.7v0.7l-0.7,4.6
- c1.8-0.4,2.6-2.2,2.8-3.2L23.5,19.5z M17.6,21.1l-0.6-4c-0.8,0.4-1.2,1.2-1.2,2C15.7,20,16.4,20.9,17.6,21.1z M16.5,26.5h3.1V30
- h-3.1V26.5z M19.5,9.1l0,4.2c0.9-0.4,1.6-1.2,1.6-2.2C21.1,10.1,20.3,9.3,19.5,9.1z"/>
- </svg>
- </a>
- </div>
- </div>
- </header>
- <header id="gallery-main-header">
- <div class="gallery-header">
- <div class="container container_p">
- <a href="#" class="logo">
- <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 23.2" style="enable-background:new 0 0 30 23.2;" xml:space="preserve" class="icon-menu"><style>
- </style>
- <g>
- <rect id="prvni" y="0" width="30" height="2.4"/>
- <rect id="druha" y="7" width="14" height="2.4"/>
- <rect id="treti" x="16" y="13.8" width="14" height="2.4"/>
- <rect id="ctvrta" y="20.7" width="30" height="2.4"/>
- </g>
- </svg> <span>Jiří Zavřel: Kremrolín</span>
- </a>
- <div class="links">
- <a href="#"><?xml version="1.0" encoding="utf-8"?>
- <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve" class="icon-close">
- <circle id="XMLID_1_12" class="st0" cx="18" cy="18" r="16.5"/>
- <g id="XMLID_596_12">
- <path id="XMLID_597_12" d="M18,35.5C8.4,35.5,0.5,27.6,0.5,18C0.5,8.4,8.4,0.5,18,0.5c9.6,0,17.5,7.9,17.5,17.5
- C35.5,27.6,27.6,35.5,18,35.5z M18,1.5C8.9,1.5,1.5,8.9,1.5,18c0,9.1,7.4,16.5,16.5,16.5c9.1,0,16.5-7.4,16.5-16.5
- C34.5,8.9,27.1,1.5,18,1.5z"/>
- </g>
- <polygon id="XMLID_571_12" points="28.3,9.1 26.9,7.7 18,16.6 9.1,7.7 7.7,9.1 16.6,18 7.7,26.9 9.1,28.3 18,19.4 26.9,28.3
- 28.3,26.9 19.4,18 "/>
- </svg>
- </a>
- </div>
- </div>
- <nav>
- <div class="container">
- <div class="column column-smaller column-special">
- <div class="row row-text">
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi aperiam atque, consequatur culpa dicta harum ipsam maxime, modi nihil odio reiciendis repellat saepe tempore ullam? Natus officiis sapiente
- voluptas?</p>
- </div>
- </div>
- <div class="column column-smaller">
- <div class="row row-text">
- <p>olej na plátně IIIIII<br>120x100 cm<br>2014</p>
- </div>
- <div class="row row-bottom">
- <p>Malba II</p>
- </div>
- </div>
- <div class="column column-smaller">
- <div class="row row-text">
- <p>Publikováno 18. 3. 2018<br>uživatelem Jan Zavřel</p>
- </div>
- <div class="row row-text">
- <a href="#" class="hash">#<span>zastavka</span></a>
- <a href="#" class="hash">#<span>zeleznice</span></a>
- <a href="#" class="hash">#<span>kleinblue</span></a>
- <a href="#" class="hash">#<span>graffiti</span></a>
- </div>
- <div class="row row-socials">
- <a href="#" class="social"><?xml version="1.0" encoding="utf-8"?>
- <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
- <g id="XMLID_294_25">
- <g id="XMLID_252_25">
- <path id="XMLID_3_25" d="M13.3,31.2c-2,0-3.9-0.7-5.3-2.1C4.9,26,5.4,20.3,9.1,16.6c0.4-0.4,1-0.4,1.4,0c0.4,0.4,0.4,1,0,1.4
- c-3,3-3.4,7.3-1.1,9.7c2.4,2.4,6.7,1.9,9.7-1.1c3-3,3.4-7.3,1.1-9.7c-0.9-0.9-2-1.4-3.4-1.5c-0.6,0-1-0.5-0.9-1.1
- c0-0.6,0.5-1,1.1-0.9c1.8,0.1,3.4,0.9,4.6,2.1c3.2,3.2,2.7,8.8-1.1,12.5C18.5,30.1,15.8,31.2,13.3,31.2z"/>
- </g>
- <g id="XMLID_251_25">
- <path id="XMLID_2_25" d="M18.9,23.2C18.9,23.2,18.9,23.2,18.9,23.2c-2-0.1-3.8-0.8-5.1-2.2c-3.3-3.3-2.8-9.1,1.1-13
- c3.9-3.9,9.7-4.4,13-1.1c1.6,1.6,2.4,3.9,2.1,6.4c-0.2,2.4-1.4,4.8-3.2,6.6c-0.4,0.4-1,0.4-1.4,0s-0.4-1,0-1.4
- c1.5-1.5,2.5-3.4,2.7-5.4c0.2-1.9-0.4-3.6-1.6-4.8c-2.5-2.5-7.1-2-10.2,1.1c-3.1,3.1-3.6,7.7-1.1,10.2c1,1,2.3,1.5,3.7,1.6
- c0.6,0,1,0.5,1,1C19.9,22.8,19.4,23.2,18.9,23.2z"/>
- </g>
- </g>
- </svg>
- </a>
- <a href="#" class="social"><?xml version="1.0" encoding="utf-8"?>
- <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
- <style type="text/css">
- .st0{clip-path:url(#XMLID_2_);}
- </style>
- <g id="XMLID_205_19">
- <defs>
- <rect id="XMLID_206_19" x="12.3" y="5.7" width="11.5" height="24.5"/>
- </defs>
- <clipPath id="XMLID_2_19">
- <use xlink:href="#XMLID_206_" style="overflow:visible;"/>
- </clipPath>
- <path id="XMLID_207_19" class="st0" d="M14.7,10.5v3.4h-2.5V18h2.5v12.2h5.1V18h3.4c0,0,0.3-2,0.5-4.1h-3.9V11c0-0.4,0.6-1,1.1-1h2.8
- V5.8h-3.7C14.6,5.8,14.7,9.9,14.7,10.5"/>
- </g>
- </svg>
- </a>
- <a href="#" class="social"><?xml version="1.0" encoding="utf-8"?>
- <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
- <style type="text/css">
- .st0{clip-path:url(#XMLID_2_);}
- </style>
- <g id="XMLID_202_35">
- <defs>
- <rect id="XMLID_203_35" x="2.4" y="5.3" width="31.2" height="25.4"/>
- </defs>
- <clipPath id="XMLID_2_35">
- <use xlink:href="#XMLID_203_" style="overflow:visible;"/>
- </clipPath>
- <path id="XMLID_204_35" class="st0" d="M33.6,8.3c-1.1,0.5-2.4,0.9-3.7,1c1.3-0.8,2.3-2,2.8-3.5c-1.2,0.7-2.6,1.3-4.1,1.6
- c-1.2-1.2-2.8-2-4.7-2c-3.5,0-6.4,2.9-6.4,6.4c0,0.5,0.1,1,0.2,1.5c-5.3-0.3-10-2.8-13.2-6.7C4,7.4,3.7,8.5,3.7,9.7
- c0,2.2,1.1,4.2,2.8,5.3c-1,0-2-0.3-2.9-0.8v0.1c0,3.1,2.2,5.7,5.1,6.3c-0.5,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1
- c0.8,2.5,3.2,4.4,6,4.4c-2.2,1.7-4.9,2.7-7.9,2.7c-0.5,0-1,0-1.5-0.1c2.8,1.8,6.2,2.9,9.8,2.9c11.8,0,18.2-9.7,18.2-18.2l0-0.8
- C31.6,10.7,32.7,9.6,33.6,8.3"/>
- </g>
- </svg>
- </a>
- <a href="#" class="social"><?xml version="1.0" encoding="utf-8"?>
- <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
- <g id="XMLID_212_22">
- <path id="XMLID_149_22" d="M28.3,25.8c-2.6,3-7.2,5.8-12.3,5.8c-5.9,0-10.5-3.4-10.5-11c0-8.3,5.9-16.4,14.2-16.4
- c5.1,0,8.8,3.3,8.8,9.5c0,5.1-3.7,12.1-8.3,12.1c-1.2,0-2.2-0.9-1.9-2.7c-1,1.4-2.7,2.7-4.3,2.7c-2.2,0-3.6-1.9-3.5-4.8
- c0.1-4.9,3.6-10.9,7.9-10.9c1.4,0,2.7,0.9,2.9,2.7l1.8-2.3h1.2l-4,12.1c-0.2,0.6,0.1,1.1,0.7,1.1c2.4,0,5.2-5.5,5.2-10
- c0-4.3-2-7.4-6.8-7.4c-5.3,0-11.7,5.6-11.7,14.4c0,5.7,3.1,8.9,8.3,8.9c4.7,0,8.7-3,10.7-5.4L28.3,25.8z M13,20.9
- c-0.1,1.8,0.6,2.7,1.8,2.7s2.5-1.3,3.3-2.9l1.9-5.8c0-1.5-0.8-2.5-1.7-2.5C15.8,12.3,13.2,17.5,13,20.9z"/>
- </g>
- </svg>
- </a>
- </div>
- </div>
- </div>
- </nav>
- </div>
- <div class="gallery-header">
- <div class="container container_p">
- <a href="#" class="logo">
- <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 23.2" style="enable-background:new 0 0 30 23.2;" xml:space="preserve" class="icon-menu"><style>
- </style>
- <g>
- <rect id="prvni" y="0" width="30" height="2.4"/>
- <rect id="druha" y="7" width="14" height="2.4"/>
- <rect id="treti" x="16" y="13.8" width="14" height="2.4"/>
- <rect id="ctvrta" y="20.7" width="30" height="2.4"/>
- </g>
- </svg> <span>Jiří Zavřel: Kremrolín zastávka (Z dětství)</span>
- </a>
- <div class="links">
- <a href="#"><?xml version="1.0" encoding="utf-8"?>
- <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve" class="icon-close">
- <circle id="XMLID_1_12" class="st0" cx="18" cy="18" r="16.5"/>
- <g id="XMLID_596_12">
- <path id="XMLID_597_12" d="M18,35.5C8.4,35.5,0.5,27.6,0.5,18C0.5,8.4,8.4,0.5,18,0.5c9.6,0,17.5,7.9,17.5,17.5
- C35.5,27.6,27.6,35.5,18,35.5z M18,1.5C8.9,1.5,1.5,8.9,1.5,18c0,9.1,7.4,16.5,16.5,16.5c9.1,0,16.5-7.4,16.5-16.5
- C34.5,8.9,27.1,1.5,18,1.5z"/>
- </g>
- <polygon id="XMLID_571_12" points="28.3,9.1 26.9,7.7 18,16.6 9.1,7.7 7.7,9.1 16.6,18 7.7,26.9 9.1,28.3 18,19.4 26.9,28.3
- 28.3,26.9 19.4,18 "/>
- </svg>
- </a>
- </div>
- </div>
- <nav>
- <div class="container">
- <div class="column column-smaller column-special">
- <div class="row row-text">
- <p>Mám rád železniční tématiku, už proto, že jsem od dětství měl režijní průkaz a ve vlaku jsem strávil mnoho a mnoho času. Když jsem jezdil do Světlé u Nové Vsi nad Sázavou, dělat model a konzultovat, objevil jsem obec
- Pohled a nedaleko Pohleď, které se nacházejí nedaleko Okrouhlice či Havlíčkova Brodu.</p>
- </div>
- </div>
- <div class="column column-smaller">
- <div class="row row-text">
- <p>olej na plátně<br>120x100 cm<br>2014</p>
- </div>
- <div class="row row-bottom">
- <p>Malba II</p>
- </div>
- </div>
- <div class="column column-smaller">
- <div class="row row-text">
- <p>Publikováno 18. 3. 2018<br>uživatelem Jan Zavřel</p>
- </div>
- <div class="row row-text">
- <a href="#" class="hash">#<span>zastavka</span></a>
- <a href="#" class="hash">#<span>zeleznice</span></a>
- <a href="#" class="hash">#<span>kleinblue</span></a>
- <a href="#" class="hash">#<span>graffiti</span></a>
- </div>
- <div class="row row-socials">
- <a href="#" class="social"><?xml version="1.0" encoding="utf-8"?>
- <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
- <g id="XMLID_294_25">
- <g id="XMLID_252_25">
- <path id="XMLID_3_25" d="M13.3,31.2c-2,0-3.9-0.7-5.3-2.1C4.9,26,5.4,20.3,9.1,16.6c0.4-0.4,1-0.4,1.4,0c0.4,0.4,0.4,1,0,1.4
- c-3,3-3.4,7.3-1.1,9.7c2.4,2.4,6.7,1.9,9.7-1.1c3-3,3.4-7.3,1.1-9.7c-0.9-0.9-2-1.4-3.4-1.5c-0.6,0-1-0.5-0.9-1.1
- c0-0.6,0.5-1,1.1-0.9c1.8,0.1,3.4,0.9,4.6,2.1c3.2,3.2,2.7,8.8-1.1,12.5C18.5,30.1,15.8,31.2,13.3,31.2z"/>
- </g>
- <g id="XMLID_251_25">
- <path id="XMLID_2_25" d="M18.9,23.2C18.9,23.2,18.9,23.2,18.9,23.2c-2-0.1-3.8-0.8-5.1-2.2c-3.3-3.3-2.8-9.1,1.1-13
- c3.9-3.9,9.7-4.4,13-1.1c1.6,1.6,2.4,3.9,2.1,6.4c-0.2,2.4-1.4,4.8-3.2,6.6c-0.4,0.4-1,0.4-1.4,0s-0.4-1,0-1.4
- c1.5-1.5,2.5-3.4,2.7-5.4c0.2-1.9-0.4-3.6-1.6-4.8c-2.5-2.5-7.1-2-10.2,1.1c-3.1,3.1-3.6,7.7-1.1,10.2c1,1,2.3,1.5,3.7,1.6
- c0.6,0,1,0.5,1,1C19.9,22.8,19.4,23.2,18.9,23.2z"/>
- </g>
- </g>
- </svg>
- </a>
- <a href="#" class="social"><?xml version="1.0" encoding="utf-8"?>
- <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
- <style type="text/css">
- .st0{clip-path:url(#XMLID_2_);}
- </style>
- <g id="XMLID_205_19">
- <defs>
- <rect id="XMLID_206_19" x="12.3" y="5.7" width="11.5" height="24.5"/>
- </defs>
- <clipPath id="XMLID_2_19">
- <use xlink:href="#XMLID_206_" style="overflow:visible;"/>
- </clipPath>
- <path id="XMLID_207_19" class="st0" d="M14.7,10.5v3.4h-2.5V18h2.5v12.2h5.1V18h3.4c0,0,0.3-2,0.5-4.1h-3.9V11c0-0.4,0.6-1,1.1-1h2.8
- V5.8h-3.7C14.6,5.8,14.7,9.9,14.7,10.5"/>
- </g>
- </svg>
- </a>
- <a href="#" class="social"><?xml version="1.0" encoding="utf-8"?>
- <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
- <style type="text/css">
- .st0{clip-path:url(#XMLID_2_);}
- </style>
- <g id="XMLID_202_35">
- <defs>
- <rect id="XMLID_203_35" x="2.4" y="5.3" width="31.2" height="25.4"/>
- </defs>
- <clipPath id="XMLID_2_35">
- <use xlink:href="#XMLID_203_" style="overflow:visible;"/>
- </clipPath>
- <path id="XMLID_204_35" class="st0" d="M33.6,8.3c-1.1,0.5-2.4,0.9-3.7,1c1.3-0.8,2.3-2,2.8-3.5c-1.2,0.7-2.6,1.3-4.1,1.6
- c-1.2-1.2-2.8-2-4.7-2c-3.5,0-6.4,2.9-6.4,6.4c0,0.5,0.1,1,0.2,1.5c-5.3-0.3-10-2.8-13.2-6.7C4,7.4,3.7,8.5,3.7,9.7
- c0,2.2,1.1,4.2,2.8,5.3c-1,0-2-0.3-2.9-0.8v0.1c0,3.1,2.2,5.7,5.1,6.3c-0.5,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1
- c0.8,2.5,3.2,4.4,6,4.4c-2.2,1.7-4.9,2.7-7.9,2.7c-0.5,0-1,0-1.5-0.1c2.8,1.8,6.2,2.9,9.8,2.9c11.8,0,18.2-9.7,18.2-18.2l0-0.8
- C31.6,10.7,32.7,9.6,33.6,8.3"/>
- </g>
- </svg>
- </a>
- <a href="#" class="social"><?xml version="1.0" encoding="utf-8"?>
- <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
- <g id="XMLID_212_22">
- <path id="XMLID_149_22" d="M28.3,25.8c-2.6,3-7.2,5.8-12.3,5.8c-5.9,0-10.5-3.4-10.5-11c0-8.3,5.9-16.4,14.2-16.4
- c5.1,0,8.8,3.3,8.8,9.5c0,5.1-3.7,12.1-8.3,12.1c-1.2,0-2.2-0.9-1.9-2.7c-1,1.4-2.7,2.7-4.3,2.7c-2.2,0-3.6-1.9-3.5-4.8
- c0.1-4.9,3.6-10.9,7.9-10.9c1.4,0,2.7,0.9,2.9,2.7l1.8-2.3h1.2l-4,12.1c-0.2,0.6,0.1,1.1,0.7,1.1c2.4,0,5.2-5.5,5.2-10
- c0-4.3-2-7.4-6.8-7.4c-5.3,0-11.7,5.6-11.7,14.4c0,5.7,3.1,8.9,8.3,8.9c4.7,0,8.7-3,10.7-5.4L28.3,25.8z M13,20.9
- c-0.1,1.8,0.6,2.7,1.8,2.7s2.5-1.3,3.3-2.9l1.9-5.8c0-1.5-0.8-2.5-1.7-2.5C15.8,12.3,13.2,17.5,13,20.9z"/>
- </g>
- </svg>
- </a>
- </div>
- </div>
- </div>
- </nav>
- </div>
- </header>
- <main>
- <div class="container container_p" id="scrollingContainer">
- <div class="gallery">
- <div class="item">
- <img src="/assets/images/photo-gallery-1.jpg" alt="" class="photo">
- </div>
- <div class="item">
- <img src="/assets/images/photo-gallery-2.jpg" alt="" class="photo">
- </div>
- <div class="item">
- <img src="/assets/images/photo-gallery-1.jpg" alt="" class="photo">
- </div>
- </div>
- </div>
- </main>
- <script src="/assets/js/animated-scroll-js.js"></script>
- <script>
- var container = document.getElementById("scrollingContainer");
- var items = container.getElementsByClassName("item");
- var screenHeight = window.innerHeight
- || document.documentElement.clientHeight
- || document.body.clientHeight;
- let header = document.getElementById('gallery-main-header');
- var headerContainers = header.children;
- console.log(headerContainers);
- let activeHeader = headerContainers[0];
- // hideAllHeaders();
- activeHeader.style.display = "block";
- // container.style.height = (screenHeight * items.length - 44) + "px";
- // console.log(container.style.height);
- // nejake zmeny od minule? bohuzial nie nebol cas
- // preco si zakomentoval ten header|?
- // protoze resime jinou vec tak nema cenu aby se do toho pletl jiny kod.
- // teraz ti to ale bude robit blbosti tak pockaj
- for(var i = 0;i<items.length; i++){
- items[i].style.height = (screenHeight - 44) + "px";
- }
- var lastScrollTop = 0;
- var i = 0;
- var isAnimating = false;
- function onScrollFinishCallback(){
- isAnimating = false;
- window.addEventListener('scroll', onScroll, false);
- }
- function onScroll(e){
- if (!isAnimating) {
- isAnimating = true;
- // e.preventDefault();
- window.removeEventListener('scroll', onScroll, false);
- // var st = window.pageYOffset || document.documentElement.scrollTop;
- var st = container.scrollTop;
- // preklep. Je to hrozne zasekane tak jsem zkusil povypinat vse ostatni
- // stale sa ti to neda prepnut na tu rychlost??
- // da a udelal jsem to. Je to lepsi nez predtim ale zadna slava.. jeejda to ma mrzi mame tu niekde chybu syntax na 495
- console.group('scroll');
- console.log('st: ', st);
- console.log('lastScrollTop: ', lastScrollTop);
- console.log('i: ', i);
- console.log(st > lastScrollTop ? 'dolu' : 'nahoru');
- console.log('container', container.offsetHeight);
- console.groupEnd('scroll');
- if (st > lastScrollTop) {
- //container.scrollTop += container.offsetHeight;
- //animateScrollTo(1000, container)
- i++;
- // if (activeHeader.nextElementSibling) {
- // hideAllHeaders();
- // activeHeader = activeHeader.nextElementSibling;
- // activeHeader.style.display = "block";
- //
- // }
- lastScrollTop = i * container.offsetHeight;
- scrollTo(container, i * container.offsetHeight, 500, onScrollFinishCallback);
- }
- else {
- //container.scrollTop -= container.offsetHeight;
- //animateScrollTo(0, container)
- i--;
- //
- // if (activeHeader.previousElementSibling) {
- // hideAllHeaders();
- // activeHeader = activeHeader.previousElementSibling;
- // activeHeader.style.display = "block";
- // }
- lastScrollTop = i * container.offsetHeight; // b
- scrollTo(container, i * container.offsetHeight, 500, onScrollFinishCallback);
- }
- }
- }
- window.addEventListener("scroll", onScroll, false);
- // browsers
- // container.addEventListener('scroll', onScroll, false);
- function hideAllHeaders()
- {
- for(let i = 0; i < headerContainers.length; i++)
- {
- headerContainers[i].style.display = "none";
- }
- }
- function scrollTo(element, to, duration, onFinish) {
- if (duration <= 0) return onFinish();
- var difference = to - element.scrollTop;
- var perTick = difference / duration * 10;
- setTimeout(function() {
- element.scrollTop = element.scrollTop + perTick;
- if (element.scrollTop === to) return onFinish();
- scrollTo(element, to, duration - 10, onFinish);
- }, 10);
- }
- </script>
- <script src="/assets/js/taggle.min.js"></script>
- <script src="/assets/js/main.js"></script>
- <div id="sfwdt0d7bdc" class="sf-toolbar sf-display-none"></div><script nonce=b3abedc05d495d36c142a58258e1f5a6>/*<![CDATA[*/ Sfjs = (function() { "use strict"; if ('classList' in document.documentElement) { var hasClass = function (el, cssClass) { return el.classList.contains(cssClass); }; var removeClass = function(el, cssClass) { el.classList.remove(cssClass); }; var addClass = function(el, cssClass) { el.classList.add(cssClass); }; var toggleClass = function(el, cssClass) { el.classList.toggle(cssClass); }; } else { var hasClass = function (el, cssClass) { return el.className.match(new RegExp('\\b' + cssClass + '\\b')); }; var removeClass = function(el, cssClass) { el.className = el.className.replace(new RegExp('\\b' + cssClass + '\\b'), ' '); }; var addClass = function(el, cssClass) { if (!hasClass(el, cssClass)) { el.className += " " + cssClass; } }; var toggleClass = function(el, cssClass) { hasClass(el, cssClass) ? removeClass(el, cssClass) : addClass(el, cssClass); }; } var noop = function() {}; var profilerStorageKey = 'sf2/profiler/'; var request = function(url, onSuccess, onError, payload, options) { var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); options = options || {}; options.maxTries = options.maxTries || 0; xhr.open(options.method || 'GET', url, true); xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); xhr.onreadystatechange = function(state) { if (4 !== xhr.readyState) { return null; } if (xhr.status == 404 && options.maxTries > 1) { setTimeout(function(){ options.maxTries--; request(url, onSuccess, onError, payload, options); }, 500); return null; } if (200 === xhr.status) { (onSuccess || noop)(xhr); } else { (onError || noop)(xhr); } }; xhr.send(payload || ''); }; var getPreference = function(name) { if (!window.localStorage) { return null; } return localStorage.getItem(profilerStorageKey + name); }; var setPreference = function(name, value) { if (!window.localStorage) { return null; } localStorage.setItem(profilerStorageKey + name, value); }; var requestStack = []; var extractHeaders = function(xhr, stackElement) { /* Here we avoid to call xhr.getResponseHeader in order to */ /* prevent polluting the console with CORS security errors */ var allHeaders = xhr.getAllResponseHeaders(); var ret; if (ret = allHeaders.match(/^x-debug-token:\s+(.*)$/im)) { stackElement.profile = ret[1]; } if (ret = allHeaders.match(/^x-debug-token-link:\s+(.*)$/im)) { stackElement.profilerUrl = ret[1]; } }; var successStreak = 4; var pendingRequests = 0; var renderAjaxRequests = function() { var requestCounter = document.querySelector('.sf-toolbar-ajax-request-counter'); if (!requestCounter) { return; } requestCounter.textContent = requestStack.length; var infoSpan = document.querySelector(".sf-toolbar-ajax-info"); if (infoSpan) { infoSpan.textContent = requestStack.length + ' AJAX request' + (requestStack.length !== 1 ? 's' : ''); } var ajaxToolbarPanel = document.querySelector('.sf-toolbar-block-ajax'); if (requestStack.length) { ajaxToolbarPanel.style.display = 'block'; } else { ajaxToolbarPanel.style.display = 'none'; } if (pendingRequests > 0) { addClass(ajaxToolbarPanel, 'sf-ajax-request-loading'); } else if (successStreak < 4) { addClass(ajaxToolbarPanel, 'sf-toolbar-status-red'); removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading'); } else { removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading'); removeClass(ajaxToolbarPanel, 'sf-toolbar-status-red'); } }; var startAjaxRequest = function(index) { var tbody = document.querySelector('.sf-toolbar-ajax-request-list'); if (!tbody) { return; } var request = requestStack[index]; pendingRequests++; var row = document.createElement('tr'); request.DOMNode = row; var methodCell = document.createElement('td'); methodCell.textContent = request.method; row.appendChild(methodCell); var typeCell = document.createElement('td'); typeCell.textContent = request.type; row.appendChild(typeCell); var statusCodeCell = document.createElement('td'); var statusCode = document.createElement('span'); statusCode.textContent = 'n/a'; statusCodeCell.appendChild(statusCode); row.appendChild(statusCodeCell); var pathCell = document.createElement('td'); pathCell.className = 'sf-ajax-request-url'; if ('GET' === request.method) { var pathLink = document.createElement('a'); pathLink.setAttribute('href', request.url); pathLink.textContent = request.url; pathCell.appendChild(pathLink); } else { pathCell.textContent = request.url; } pathCell.setAttribute('title', request.url); row.appendChild(pathCell); var durationCell = document.createElement('td'); durationCell.className = 'sf-ajax-request-duration'; durationCell.textContent = 'n/a'; row.appendChild(durationCell); var profilerCell = document.createElement('td'); profilerCell.textContent = 'n/a'; row.appendChild(profilerCell); row.className = 'sf-ajax-request sf-ajax-request-loading'; tbody.insertBefore(row, tbody.firstChild); renderAjaxRequests(); }; var finishAjaxRequest = function(index) { var request = requestStack[index]; if (!request.DOMNode) { return; } pendingRequests--; var row = request.DOMNode; /* Unpack the children from the row */ var methodCell = row.children[0]; var statusCodeCell = row.children[2]; var statusCodeElem = statusCodeCell.children[0]; var durationCell = row.children[4]; var profilerCell = row.children[5]; if (request.error) { row.className = 'sf-ajax-request sf-ajax-request-error'; methodCell.className = 'sf-ajax-request-error'; successStreak = 0; } else { row.className = 'sf-ajax-request sf-ajax-request-ok'; successStreak++; } if (request.statusCode) { if (request.statusCode < 300) { statusCodeElem.setAttribute('class', 'sf-toolbar-status'); } else if (request.statusCode < 400) { statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-yellow'); } else { statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red'); } statusCodeElem.textContent = request.statusCode; } else { statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red'); } if (request.duration) { durationCell.textContent = request.duration + 'ms'; } if (request.profilerUrl) { profilerCell.textContent = ''; var profilerLink = document.createElement('a'); profilerLink.setAttribute('href', request.profilerUrl); profilerLink.textContent = request.profile; profilerCell.appendChild(profilerLink); } renderAjaxRequests(); }; var addEventListener; var el = document.createElement('div'); if (!('addEventListener' in el)) { addEventListener = function (element, eventName, callback) { element.attachEvent('on' + eventName, callback); }; } else { addEventListener = function (element, eventName, callback) { element.addEventListener(eventName, callback, false); }; } if (window.fetch && window.fetch.polyfill === undefined) { var oldFetch = window.fetch; window.fetch = function () { var promise = oldFetch.apply(this, arguments); var url = arguments[0]; var params = arguments[1]; var paramType = Object.prototype.toString.call(arguments[0]); if (paramType === '[object Request]') { url = arguments[0].url; params = { method: arguments[0].method, credentials: arguments[0].credentials, headers: arguments[0].headers, mode: arguments[0].mode, redirect: arguments[0].redirect }; } if (!url.match(new RegExp("^\/(app(_[\\w]+)?\\.php\/)?_wdt"))) { var method = 'GET'; if (params && params.method !== undefined) { method = params.method; } var stackElement = { error: false, url: url, method: method, type: 'fetch', start: new Date() }; var idx = requestStack.push(stackElement) - 1; promise.then(function (r) { stackElement.duration = new Date() - stackElement.start; stackElement.error = r.status < 200 || r.status >= 400; stackElement.statusCode = r.status; stackElement.profile = r.headers.get('x-debug-token'); stackElement.profilerUrl = r.headers.get('x-debug-token-link'); finishAjaxRequest(idx); }, function (e){ stackElement.error = true; finishAjaxRequest(idx); }); startAjaxRequest(idx); } return promise; }; } if (window.XMLHttpRequest && XMLHttpRequest.prototype.addEventListener) { var proxied = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function(method, url, async, user, pass) { var self = this; /* prevent logging AJAX calls to static and inline files, like templates */ var path = url; if (url.substr(0, 1) === '/') { if (0 === url.indexOf('')) { path = url.substr(0); } } else if (0 === url.indexOf('http\x3A\x2F\x2Flocalhost\x3A8989')) { path = url.substr(21); } if (!path.match(new RegExp("^\/(app(_[\\w]+)?\\.php\/)?_wdt"))) { var stackElement = { error: false, url: url, method: method, type: 'xhr', start: new Date() }; var idx = requestStack.push(stackElement) - 1; this.addEventListener('readystatechange', function() { if (self.readyState == 4) { stackElement.duration = new Date() - stackElement.start; stackElement.error = self.status < 200 || self.status >= 400; stackElement.statusCode = self.status; extractHeaders(self, stackElement); finishAjaxRequest(idx); } }, false); startAjaxRequest(idx); } proxied.apply(this, Array.prototype.slice.call(arguments)); }; } return { hasClass: hasClass, removeClass: removeClass, addClass: addClass, toggleClass: toggleClass, getPreference: getPreference, setPreference: setPreference, addEventListener: addEventListener, request: request, renderAjaxRequests: renderAjaxRequests, load: function(selector, url, onSuccess, onError, options) { var el = document.getElementById(selector); if (el && el.getAttribute('data-sfurl') !== url) { request( url, function(xhr) { el.innerHTML = xhr.responseText; el.setAttribute('data-sfurl', url); removeClass(el, 'loading'); for (var i = 0; i < requestStack.length; i++) { startAjaxRequest(i); if (requestStack[i].duration) { finishAjaxRequest(i); } } (onSuccess || noop)(xhr, el); }, function(xhr) { (onError || noop)(xhr, el); }, '', options ); } return this; }, toggle: function(selector, elOn, elOff) { var tmp = elOn.style.display, el = document.getElementById(selector); elOn.style.display = elOff.style.display; elOff.style.display = tmp; if (el) { el.style.display = 'none' === tmp ? 'none' : 'block'; } return this; }, createTabs: function() { var tabGroups = document.querySelectorAll('.sf-tabs'); /* create the tab navigation for each group of tabs */ for (var i = 0; i < tabGroups.length; i++) { var tabs = tabGroups[i].querySelectorAll('.tab'); var tabNavigation = document.createElement('ul'); tabNavigation.className = 'tab-navigation'; for (var j = 0; j < tabs.length; j++) { var tabId = 'tab-' + i + '-' + j; var tabTitle = tabs[j].querySelector('.tab-title').innerHTML; var tabNavigationItem = document.createElement('li'); tabNavigationItem.setAttribute('data-tab-id', tabId); if (j == 0) { addClass(tabNavigationItem, 'active'); } if (hasClass(tabs[j], 'disabled')) { addClass(tabNavigationItem, 'disabled'); } tabNavigationItem.innerHTML = tabTitle; tabNavigation.appendChild(tabNavigationItem); var tabContent = tabs[j].querySelector('.tab-content'); tabContent.parentElement.setAttribute('id', tabId); } tabGroups[i].insertBefore(tabNavigation, tabGroups[i].firstChild); } /* display the active tab and add the 'click' event listeners */ for (i = 0; i < tabGroups.length; i++) { tabNavigation = tabGroups[i].querySelectorAll('.tab-navigation li'); for (j = 0; j < tabNavigation.length; j++) { tabId = tabNavigation[j].getAttribute('data-tab-id'); document.getElementById(tabId).querySelector('.tab-title').className = 'hidden'; if (hasClass(tabNavigation[j], 'active')) { document.getElementById(tabId).className = 'block'; } else { document.getElementById(tabId).className = 'hidden'; } tabNavigation[j].addEventListener('click', function(e) { var activeTab = e.target || e.srcElement; /* needed because when the tab contains HTML contents, user can click */ /* on any of those elements instead of their parent '<li>' element */ while (activeTab.tagName.toLowerCase() !== 'li') { activeTab = activeTab.parentNode; } /* get the full list of tabs through the parent of the active tab element */ var tabNavigation = activeTab.parentNode.children; for (var k = 0; k < tabNavigation.length; k++) { var tabId = tabNavigation[k].getAttribute('data-tab-id'); document.getElementById(tabId).className = 'hidden'; removeClass(tabNavigation[k], 'active'); } addClass(activeTab, 'active'); var activeTabId = activeTab.getAttribute('data-tab-id'); document.getElementById(activeTabId).className = 'block'; }); } } }, createToggles: function() { var toggles = document.querySelectorAll('.sf-toggle'); for (var i = 0; i < toggles.length; i++) { var elementSelector = toggles[i].getAttribute('data-toggle-selector'); var element = document.querySelector(elementSelector); addClass(element, 'sf-toggle-content'); if (toggles[i].hasAttribute('data-toggle-initial') && toggles[i].getAttribute('data-toggle-initial') == 'display') { addClass(toggles[i], 'sf-toggle-on'); addClass(element, 'sf-toggle-visible'); } else { addClass(toggles[i], 'sf-toggle-off'); addClass(element, 'sf-toggle-hidden'); } addEventListener(toggles[i], 'click', function(e) { e.preventDefault(); if ('' !== window.getSelection().toString()) { /* Don't do anything on text selection */ return; } var toggle = e.target || e.srcElement; /* needed because when the toggle contains HTML contents, user can click */ /* on any of those elements instead of their parent '.sf-toggle' element */ while (!hasClass(toggle, 'sf-toggle')) { toggle = toggle.parentNode; } var element = document.querySelector(toggle.getAttribute('data-toggle-selector')); toggleClass(toggle, 'sf-toggle-on'); toggleClass(toggle, 'sf-toggle-off'); toggleClass(element, 'sf-toggle-hidden'); toggleClass(element, 'sf-toggle-visible'); /* the toggle doesn't change its contents when clicking on it */ if (!toggle.hasAttribute('data-toggle-alt-content')) { return; } if (!toggle.hasAttribute('data-toggle-original-content')) { toggle.setAttribute('data-toggle-original-content', toggle.innerHTML); } var currentContent = toggle.innerHTML; var originalContent = toggle.getAttribute('data-toggle-original-content'); var altContent = toggle.getAttribute('data-toggle-alt-content'); toggle.innerHTML = currentContent !== altContent ? altContent : originalContent; }); } /* Prevents from disallowing clicks on links inside toggles */ var toggleLinks = document.querySelectorAll('.sf-toggle a'); for (var i = 0; i < toggleLinks.length; i++) { addEventListener(toggleLinks[i], 'click', function(e) { e.stopPropagation(); }); } } }; })(); Sfjs.addEventListener(document, 'DOMContentLoaded', function() { Sfjs.createTabs(); Sfjs.createToggles(); });/*]]>*/</script><style nonce="167455b8e7886ccf77da3c0ff39090f2"> .sf-minitoolbar { background-color: #222; border-top-left-radius: 4px; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; height: 36px; padding: 6px; position: fixed; right: 0; z-index: 99999;}.sf-minitoolbar a { display: block;}.sf-minitoolbar svg,.sf-minitoolbar img { max-height: 24px; max-width: 24px; display: inline;}.sf-toolbar-clearer { clear: both; height: 36px;}.sf-display-none { display: none;}.sf-toolbarreset * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; vertical-align: baseline;}.sf-toolbarreset { background-color: #222; bottom: 0; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); color: #EEE; font: 11px Arial, sans-serif; left: 0; margin: 0; padding: 0 36px 0 0; position: fixed; right: 0; text-align: left; text-transform: none; z-index: 99999; /* neutralize the aliasing defined by external CSS styles */ -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto;}.sf-toolbarreset abbr { border: dashed #777; border-width: 0 0 1px;}.sf-toolbarreset svg,.sf-toolbarreset img { height: 20px; display: inline-block;}.sf-toolbarreset .hide-button { background: #444; display: block; position: absolute; top: 0; right: 0; width: 36px; height: 36px; cursor: pointer; text-align: center;}.sf-toolbarreset .hide-button svg { max-height: 18px; margin-top: 10px;}.sf-toolbar-block { cursor: default; display: block; float: left; height: 36px; margin-right: 0; white-space: nowrap;}.sf-toolbar-block > a,.sf-toolbar-block > a:hover { display: block; text-decoration: none;}.sf-toolbar-block span { display: inline-block;}.sf-toolbar-block .sf-toolbar-value { color: #F5F5F5; font-size: 13px; line-height: 36px; padding: 0;}.sf-toolbar-block .sf-toolbar-label,.sf-toolbar-block .sf-toolbar-class-separator { color: #AAA; font-size: 12px;}.sf-toolbar-block .sf-toolbar-info { border-collapse: collapse; display: table; z-index: 100000;}.sf-toolbar-block hr { border-top: 1px solid #777; margin: 4px 0; padding-top: 4px;}.sf-toolbar-block .sf-toolbar-info-piece { /* this 'border-bottom' trick is needed because 'margin-bottom' doesn't work for table rows */ border-bottom: solid transparent 3px; display: table-row;}.sf-toolbar-block .sf-toolbar-info-piece-additional,.sf-toolbar-block .sf-toolbar-info-piece-additional-detail { display: none;}.sf-toolbar-block .sf-toolbar-info-group { margin-bottom: 4px; padding-bottom: 2px; border-bottom: 1px solid #333333;}.sf-toolbar-block .sf-toolbar-info-group:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none;}.sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status { padding: 2px 5px; margin-bottom: 0;}.sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status + .sf-toolbar-status { margin-left: 4px;}.sf-toolbar-block .sf-toolbar-info-piece:last-child { margin-bottom: 0;}.sf-toolbar-block .sf-toolbar-info-piece a { color: #99CDD8; text-decoration: underline;}.sf-toolbar-block .sf-toolbar-info-piece a:hover { text-decoration: none;}.sf-toolbar-block .sf-toolbar-info-piece b { color: #AAA; display: table-cell; font-size: 11px; padding: 4px 8px 4px 0;}.sf-toolbar-block:not(.sf-toolbar-block-dump) .sf-toolbar-info-piece span { color: #F5F5F5;}.sf-toolbar-block .sf-toolbar-info-piece span { font-size: 12px;}.sf-toolbar-block .sf-toolbar-info { background-color: #444; bottom: 36px; color: #F5F5F5; display: none; padding: 9px 0; position: absolute;}.sf-toolbar-block .sf-toolbar-info:empty { visibility: hidden;}.sf-toolbar-block .sf-toolbar-status { display: inline-block; color: #FFF; background-color: #666; padding: 3px 6px; margin-bottom: 2px; vertical-align: middle; min-width: 15px; min-height: 13px; text-align: center;}.sf-toolbar-block .sf-toolbar-status-green { background-color: #4F805D;}.sf-toolbar-block .sf-toolbar-status-red { background-color: #B0413E;}.sf-toolbar-block .sf-toolbar-status-yellow { background-color: #A46A1F;}.sf-toolbar-block.sf-toolbar-status-green { background-color: #4F805D; color: #FFF;}.sf-toolbar-block.sf-toolbar-status-red { background-color: #B0413E; color: #FFF;}.sf-toolbar-block.sf-toolbar-status-yellow { background-color: #A46A1F; color: #FFF;}.sf-toolbar-block-request .sf-toolbar-status { color: #FFF; display: inline-block; font-size: 14px; height: 36px; line-height: 36px; padding: 0 10px;}.sf-toolbar-block-request .sf-toolbar-info-piece a { text-decoration: none;}.sf-toolbar-block-request .sf-toolbar-info-piece a:hover { text-decoration: underline;}.sf-toolbar-block-request .sf-toolbar-redirection-status { font-weight: normal; padding: 2px 4px; line-height: 18px;}.sf-toolbar-block-request .sf-toolbar-info-piece span.sf-toolbar-redirection-method { font-size: 12px; height: 17px; line-height: 17px; margin-right: 5px;}.sf-toolbar-status-green .sf-toolbar-label,.sf-toolbar-status-yellow .sf-toolbar-label,.sf-toolbar-status-red .sf-toolbar-label { color: #FFF;}.sf-toolbar-status-green svg path,.sf-toolbar-status-green svg .sf-svg-path,.sf-toolbar-status-red svg path,.sf-toolbar-status-red svg .sf-svg-path,.sf-toolbar-status-yellow svg path,.sf-toolbar-status-yellow svg .sf-svg-path { fill: #FFF;}.sf-toolbar-block-config svg path,.sf-toolbar-block-config svg .sf-svg-path { fill: #FFF;}.sf-toolbar-block .sf-toolbar-icon { display: block; height: 36px; padding: 0 7px;}.sf-toolbar-block-request .sf-toolbar-icon { padding-left: 0; padding-right: 0;}.sf-toolbar-block .sf-toolbar-icon img,.sf-toolbar-block .sf-toolbar-icon svg { border-width: 0; position: relative; top: 8px;}.sf-toolbar-block .sf-toolbar-icon img + span,.sf-toolbar-block .sf-toolbar-icon svg + span { margin-left: 4px;}.sf-toolbar-block-config .sf-toolbar-icon .sf-toolbar-value { margin-left: 4px;}.sf-toolbar-block:hover { position: relative;}.sf-toolbar-block:hover .sf-toolbar-icon { background-color: #444; position: relative; z-index: 10002;}.sf-toolbar-block:hover .sf-toolbar-info { display: block; padding: 10px; max-width: 480px; max-height: 480px; word-wrap: break-word; overflow: hidden; overflow-y: auto;}.sf-toolbar-info-piece b.sf-toolbar-ajax-info { color: #F5F5F5;}.sf-toolbar-ajax-requests { table-layout: auto; width: 100%;}.sf-toolbar-ajax-requests td { background-color: #444; border-bottom: 1px solid #777; color: #F5F5F5; font-size: 12px; padding: 4px;}.sf-toolbar-ajax-requests tr:last-child td { border-bottom: 0;}.sf-toolbar-ajax-requests th { background-color: #222; border-bottom: 0; color: #AAA; font-size: 11px; padding: 4px;}.sf-ajax-request-url { max-width: 250px; line-height: 9px; overflow: hidden; text-overflow: ellipsis;}.sf-toolbar-ajax-requests .sf-ajax-request-url a { text-decoration: none;}.sf-toolbar-ajax-requests .sf-ajax-request-url a:hover { text-decoration: underline;}.sf-ajax-request-duration { text-align: right;}.sf-ajax-request-loading { -webkit-animation: sf-blink .5s ease-in-out infinite; -o-animation: sf-blink .5s ease-in-out infinite; -moz-animation: sf-blink .5s ease-in-out infinite; animation: sf-blink .5s ease-in-out infinite;}@-webkit-keyframes sf-blink { 0% { background: #222; } 50% { background: #444; } 100% { background: #222; }}@-moz-keyframes sf-blink { 0% { background: #222; } 50% { background: #444; } 100% { background: #222; }}@keyframes sf-blink { 0% { background: #222; } 50% { background: #444; } 100% { background: #222; }}.sf-toolbar-block.sf-toolbar-block-dump .sf-toolbar-info { max-width: none; width: 100%; position: fixed; box-sizing: border-box; left: 0;}.sf-toolbar-block-dump pre.sf-dump { background-color: #222; border-color: #777; border-radius: 0; margin: 6px 0 12px 0;}.sf-toolbar-block-dump pre.sf-dump:last-child { margin-bottom: 0;}.sf-toolbar-block-dump pre.sf-dump .sf-dump-search-wrapper { margin-bottom: 5px;}.sf-toolbar-block-dump pre.sf-dump span.sf-dump-search-count { color: #333; font-size: 12px;}.sf-toolbar-block-dump .sf-toolbar-info-piece { display: block;}.sf-toolbar-block-dump .sf-toolbar-info-piece .sf-toolbar-file-line { color: #AAA; margin-left: 4px;}.sf-toolbar-block-dump .sf-toolbar-info img { display: none;}/* Override the setting when the toolbar is on the top *//* Responsive Design */.sf-toolbar-icon .sf-toolbar-label,.sf-toolbar-icon .sf-toolbar-value { display: none;}.sf-toolbar-block-config .sf-toolbar-icon .sf-toolbar-label { display: inline-block;}/* Legacy Design - these styles are maintained to make old panels look a bit better on the new toolbar */.sf-toolbar-block .sf-toolbar-info-piece-additional-detail { color: #AAA; font-size: 12px;}.sf-toolbar-status-green .sf-toolbar-info-piece-additional-detail,.sf-toolbar-status-yellow .sf-toolbar-info-piece-additional-detail,.sf-toolbar-status-red .sf-toolbar-info-piece-additional-detail { color: #FFF;}@media (min-width: 768px) { .sf-toolbar-icon .sf-toolbar-label, .sf-toolbar-icon .sf-toolbar-value { display: inline; } .sf-toolbar-block .sf-toolbar-icon img, .sf-toolbar-block .sf-toolbar-icon svg { top: 6px; } .sf-toolbar-block-time .sf-toolbar-icon svg, .sf-toolbar-block-memory .sf-toolbar-icon svg { display: none; } .sf-toolbar-block-time .sf-toolbar-icon svg + span, .sf-toolbar-block-memory .sf-toolbar-icon svg + span { margin-left: 0; } .sf-toolbar-block .sf-toolbar-icon { padding: 0 10px; } .sf-toolbar-block-time .sf-toolbar-icon { padding-right: 5px; } .sf-toolbar-block-memory .sf-toolbar-icon { padding-left: 5px; } .sf-toolbar-block-request .sf-toolbar-icon { padding-left: 0; padding-right: 0; } .sf-toolbar-block-request .sf-toolbar-label { margin-left: 5px; } .sf-toolbar-block-request .sf-toolbar-status + svg { margin-left: 5px; } .sf-toolbar-block-request .sf-toolbar-icon svg + .sf-toolbar-label { margin-left: 0; } .sf-toolbar-block-request .sf-toolbar-label + .sf-toolbar-value { margin-right: 10px; } .sf-toolbar-block-request:hover .sf-toolbar-info { max-width: none; } .sf-toolbar-block .sf-toolbar-info-piece b { font-size: 12px; } .sf-toolbar-block .sf-toolbar-info-piece span { font-size: 13px; } .sf-toolbar-block-right { float: right; margin-left: 0; margin-right: 0; }}@media (min-width: 1024px) { .sf-toolbar-block .sf-toolbar-info-piece-additional, .sf-toolbar-block .sf-toolbar-info-piece-additional-detail { display: inline-block; } .sf-toolbar-block .sf-toolbar-info-piece-additional:empty, .sf-toolbar-block .sf-toolbar-info-piece-additional-detail:empty { display: none; }}/***** Error Toolbar *****/.sf-error-toolbar .sf-toolbarreset { background: #222; color: #f5f5f5; font: 13px/36px Arial, sans-serif; height: 36px; padding: 0 15px; text-align: left;}.sf-error-toolbar .sf-toolbarreset svg { height: auto;}.sf-error-toolbar .sf-toolbarreset a { color: #99cdd8; margin-left: 5px; text-decoration: underline;}.sf-error-toolbar .sf-toolbarreset a:hover { text-decoration: none;}.sf-error-toolbar .sf-toolbarreset .sf-toolbar-icon { float: left; padding: 5px 0; margin-right: 10px;}/***** Media query print: Do not print the Toolbar. *****/@media print { .sf-toolbar { display: none; }}</style><script nonce=b3abedc05d495d36c142a58258e1f5a6>/*<![CDATA[*/ (function () { Sfjs.load( 'sfwdt0d7bdc', '/app_dev.php/_wdt/0d7bdc', function(xhr, el) { /* Evaluate embedded scripts inside the toolbar */ var i, scripts = [].slice.call(el.querySelectorAll('script')); for (i = 0; i < scripts.length; ++i) { eval(scripts[i].firstChild.nodeValue); } el.style.display = -1 !== xhr.responseText.indexOf('sf-toolbarreset') ? 'block' : 'none'; if (el.style.display == 'none') { return; } if (Sfjs.getPreference('toolbar/displayState') == 'none') { document.getElementById('sfToolbarMainContent-0d7bdc').style.display = 'none'; document.getElementById('sfToolbarClearer-0d7bdc').style.display = 'none'; document.getElementById('sfMiniToolbar-0d7bdc').style.display = 'block'; } else { document.getElementById('sfToolbarMainContent-0d7bdc').style.display = 'block'; document.getElementById('sfToolbarClearer-0d7bdc').style.display = 'block'; document.getElementById('sfMiniToolbar-0d7bdc').style.display = 'none'; } /* Handle toolbar-info position */ var toolbarBlocks = [].slice.call(el.querySelectorAll('.sf-toolbar-block')); for (i = 0; i < toolbarBlocks.length; ++i) { toolbarBlocks[i].onmouseover = function () { var toolbarInfo = this.querySelectorAll('.sf-toolbar-info')[0]; var pageWidth = document.body.clientWidth; var elementWidth = toolbarInfo.offsetWidth; var leftValue = (elementWidth + this.offsetLeft) - pageWidth; var rightValue = (elementWidth + (pageWidth - this.offsetLeft)) - pageWidth; /* Reset right and left value, useful on window resize */ toolbarInfo.style.right = ''; toolbarInfo.style.left = ''; if (elementWidth > pageWidth) { toolbarInfo.style.left = 0; } else if (leftValue > 0 && rightValue > 0) { toolbarInfo.style.right = (rightValue * -1) + 'px'; } else if (leftValue < 0) { toolbarInfo.style.left = 0; } else { toolbarInfo.style.right = '0px'; } }; } Sfjs.addEventListener(document.getElementById('sfToolbarHideButton-0d7bdc'), 'click', function (event) { event.preventDefault(); var p = this.parentNode; p.style.display = 'none'; (p.previousElementSibling || p.previousSibling).style.display = 'none'; document.getElementById('sfMiniToolbar-0d7bdc').style.display = 'block'; Sfjs.setPreference('toolbar/displayState', 'none'); }); Sfjs.addEventListener(document.getElementById('sfToolbarMiniToggler-0d7bdc'), 'click', function (event) { event.preventDefault(); var elem = this.parentNode; if (elem.style.display == 'none') { document.getElementById('sfToolbarMainContent-0d7bdc').style.display = 'none'; document.getElementById('sfToolbarClearer-0d7bdc').style.display = 'none'; elem.style.display = 'block'; } else { document.getElementById('sfToolbarMainContent-0d7bdc').style.display = 'block'; document.getElementById('sfToolbarClearer-0d7bdc').style.display = 'block'; elem.style.display = 'none' } Sfjs.setPreference('toolbar/displayState', 'block'); }); Sfjs.renderAjaxRequests(); var dumpInfo = document.querySelector('.sf-toolbar-block-dump .sf-toolbar-info'); if (null !== dumpInfo) { Sfjs.addEventListener(dumpInfo, 'sfbeforedumpcollapse', function () { dumpInfo.style.minHeight = dumpInfo.getBoundingClientRect().height+'px'; }); Sfjs.addEventListener(dumpInfo, 'mouseleave', function () { dumpInfo.style.minHeight = ''; }); } }, function(xhr) { if (xhr.status !== 0) { var sfwdt = document.getElementById('sfwdt0d7bdc'); sfwdt.innerHTML = '\ <div class="sf-toolbarreset">\ <div class="sf-toolbar-icon"><svg width="26" height="28" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 26 28" enable-background="new 0 0 26 28" xml:space="preserve"><path fill="#FFFFFF" d="M13 0C5.8 0 0 5.8 0 13c0 7.2 5.8 13 13 13c7.2 0 13-5.8 13-13C26 5.8 20.2 0 13 0z M20 7.5 c-0.6 0-1-0.3-1-0.9c0-0.2 0-0.4 0.2-0.6c0.1-0.3 0.2-0.3 0.2-0.4c0-0.3-0.5-0.4-0.7-0.4c-2 0.1-2.5 2.7-2.9 4.8l-0.2 1.1 c1.1 0.2 1.9 0 2.4-0.3c0.6-0.4-0.2-0.8-0.1-1.3C18 9.2 18.4 9 18.7 8.9c0.5 0 0.8 0.5 0.8 1c0 0.8-1.1 2-3.3 1.9 c-0.3 0-0.5 0-0.7-0.1L15 14.1c-0.4 1.7-0.9 4.1-2.6 6.2c-1.5 1.8-3.1 2.1-3.8 2.1c-1.3 0-2.1-0.6-2.2-1.6c0-0.9 0.8-1.4 1.3-1.4 c0.7 0 1.2 0.5 1.2 1.1c0 0.5-0.2 0.6-0.4 0.7c-0.1 0.1-0.3 0.2-0.3 0.4c0 0.1 0.1 0.3 0.4 0.3c0.5 0 0.9-0.3 1.2-0.5 c1.3-1 1.7-2.9 2.4-6.2l0.1-0.8c0.2-1.1 0.5-2.3 0.8-3.5c-0.9-0.7-1.4-1.5-2.6-1.8c-0.8-0.2-1.3 0-1.7 0.4C8.4 10 8.6 10.7 9 11.1 l0.7 0.7c0.8 0.9 1.3 1.7 1.1 2.7c-0.3 1.6-2.1 2.8-4.3 2.1c-1.9-0.6-2.2-1.9-2-2.7c0.2-0.6 0.7-0.8 1.2-0.6 c0.5 0.2 0.7 0.8 0.6 1.3c0 0.1 0 0.1-0.1 0.3C6 15 5.9 15.2 5.9 15.3c-0.1 0.4 0.4 0.7 0.8 0.8c0.8 0.3 1.7-0.2 1.9-0.9 c0.2-0.6-0.2-1.1-0.4-1.2l-0.8-0.9c-0.4-0.4-1.2-1.5-0.8-2.8c0.2-0.5 0.5-1 0.9-1.4c1-0.7 2-0.8 3-0.6c1.3 0.4 1.9 1.2 2.8 1.9 c0.5-1.3 1.1-2.6 2-3.8c0.9-1 2-1.7 3.3-1.8C20 4.8 21 5.4 21 6.3C21 6.7 20.8 7.5 20 7.5z"/></svg></div>\ An error occurred while loading the web debug toolbar. <a href="/app_dev.php/_profiler/0d7bdc">Open the web profiler.</a>\ </div>\ '; sfwdt.setAttribute('class', 'sf-toolbar sf-error-toolbar'); } }, { maxTries: 5 } ); })();/*]]>*/</script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement