|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | +<head> |
| 4 | + <meta charset="utf-8"> |
| 5 | + <title>{% block title %}Binder{% endblock %}</title> |
| 6 | + {% block meta_social %} |
| 7 | + {# Social media previews #} |
| 8 | + <meta property="og:title" content="{{opengraph_title}}"> |
| 9 | + <meta property="og:image" content="{{static_url("images/logo_social.png")}}"> |
| 10 | + <meta property="og:description" content="Reproducible, sharable, open, interactive computing environments."> |
| 11 | + <meta property="og:image:width" content="1334"> |
| 12 | + <meta property="og:image:height" content="700"> |
| 13 | + <meta property="og:image:alt" content="The Binder Project Logo" /> |
| 14 | + <meta name="twitter:card" content="summary_large_image"> |
| 15 | + {% endblock meta_social %} |
| 16 | + <link id="favicon" rel="shortcut icon" type="image/png" href="{{static_url("favicon.ico")}}" /> |
| 17 | + <link rel="stylesheet" href="https://www.gesis.org/typo3conf/ext/gesis_web_ext/Resources/Public/webpack/dist/gesis-web.css?1737388935" media="all" /> |
| 18 | + <link href="{{static_url("dist/styles.css")}}" rel="stylesheet"></link> |
| 19 | + |
| 20 | + |
| 21 | + <script> |
| 22 | + window.pageConfig = {{page_config|tojson}}; |
| 23 | + </script> |
| 24 | +</head> |
| 25 | +<body> |
| 26 | + <header |
| 27 | + id="top" |
| 28 | + class="microsite-header" |
| 29 | + > |
| 30 | + <div class="logo-and-navigations"> |
| 31 | + <div class="logo-and-navigations--inner"> |
| 32 | + <div class="logo-wrapper"> |
| 33 | + <a |
| 34 | + title="GESIS Leibniz Institute for the Social Sciences: Go to homepage" |
| 35 | + href="https://www.gesis.org/en/home" |
| 36 | + > |
| 37 | + <picture> |
| 38 | + <img |
| 39 | + src="https://www.gesis.org/typo3conf/ext/gesis_web_ext/Resources/Public/webpack/dist/img/logo_gesis_microsite_en.svg" |
| 40 | + height="37" |
| 41 | + alt="GESIS Leibniz Institute for the Social Sciences: Go to homepage" |
| 42 | + /> |
| 43 | + </picture> |
| 44 | + </a> |
| 45 | + </div> |
| 46 | + <div class="navigations-wrapper"> |
| 47 | + <section class="desktop-only"> |
| 48 | + <a |
| 49 | + title="GESIS Leibniz Institute for the Social Sciences: Go to homepage" |
| 50 | + href="https://www.gesis.org/en/home" |
| 51 | + > |
| 52 | + <picture> |
| 53 | + <img |
| 54 | + src="https://www.gesis.org/typo3conf/ext/gesis_web_ext/Resources/Public/webpack/dist/img/back-2-gesis.svg" |
| 55 | + height="37" |
| 56 | + alt="GESIS Leibniz Institute for the Social Sciences: Go to homepage" |
| 57 | + /> |
| 58 | + </picture> |
| 59 | + </a> |
| 60 | + <nav |
| 61 | + class="gs_topnav" |
| 62 | + aria-label="Quick Links" |
| 63 | + > |
| 64 | + <ul class="list-group list-group-horizontal"> |
| 65 | + <li> |
| 66 | + <span class="icon-gs-lang pe-1 text-disabled"></span><span |
| 67 | + class="text-disabled d-none d-md-inline" |
| 68 | + role="note" |
| 69 | + aria-hidden="true" |
| 70 | + >Deutsch</span><span class="visually-hidden">Keine deutsche Seitenversion verfügbar</span> |
| 71 | + </li> |
| 72 | + <li> |
| 73 | + <a href="https://www.gesis.org/en/contact"><span class="icon-gs-contact pe-1"></span><span class="d-md-inline">Contact</span></a> |
| 74 | + </li> |
| 75 | + <li> |
| 76 | + <a href="https://www.gesis.org/en/institute/career"><span class="icon-gs-help pe-1"></span><span class=" d-md-inline">Career</span></a> |
| 77 | + </li> |
| 78 | + </ul> |
| 79 | + </nav> |
| 80 | + </section> |
| 81 | + </div> |
| 82 | + </div> |
| 83 | + </div> |
| 84 | + <div class="gesis-search-wrapper"> |
| 85 | + <div |
| 86 | + class="col col-sm-10 col-md-9 col-lg-8 mx-auto" |
| 87 | + role="search" |
| 88 | + aria-label="GESIS Search" |
| 89 | + > |
| 90 | + <div |
| 91 | + id="gs_gws_combobox" |
| 92 | + class="gs_combobox py-3 px-1" |
| 93 | + role="combobox" |
| 94 | + aria-expanded="false" |
| 95 | + aria-haspopup="listbox" |
| 96 | + aria-atomic="false" |
| 97 | + aria-live="assertive" |
| 98 | + > |
| 99 | + <div class="gs-search-input-wrapper d-flex justify-content-between"> |
| 100 | + <div class="gs_search_facet col col-md-3 col-sm-3 col-lg-2 mx-auto"> |
| 101 | + <select> |
| 102 | + <option>Alles</option> |
| 103 | + <!--<option>Daten</option>--> |
| 104 | + <!--<option>Publikationen</option>--> |
| 105 | + </select> |
| 106 | + </div> |
| 107 | + <div class="col clear-input-container"> |
| 108 | + <input |
| 109 | + name="query" |
| 110 | + id="gs_searchterm" |
| 111 | + class="gs_searchterm clear-input facetview_freetext" |
| 112 | + type="search" |
| 113 | + size="15" |
| 114 | + placeholder="Search GESIS…" |
| 115 | + aria-controls="gs_hitlist" |
| 116 | + aria-owns="gs_hitlist" |
| 117 | + aria-label="search query" |
| 118 | + > |
| 119 | + <button |
| 120 | + id="clear-input-button" |
| 121 | + type="reset" |
| 122 | + aria-label="Clear search" |
| 123 | + title="Clear search" |
| 124 | + ><i class="bi bi-x-lg"></i></button> |
| 125 | + </div> |
| 126 | + <button |
| 127 | + id="gs_search_toggle" |
| 128 | + class="gs_search_toggle col-1" |
| 129 | + tabindex="-1" |
| 130 | + title="Show or hide search results" |
| 131 | + aria-label="Show or hide search results" |
| 132 | + ></button> |
| 133 | + </div> |
| 134 | + <div |
| 135 | + id="gs_hitlist" |
| 136 | + class="gs_hitlist position-absolute start-0 mt-3 w-100 bg-light" |
| 137 | + role="listbox" |
| 138 | + tabindex="-1" |
| 139 | + aria-hidden="true" |
| 140 | + ></div> |
| 141 | + </div> |
| 142 | + </div> |
| 143 | + </div> |
| 144 | + </header> |
| 145 | + <section |
| 146 | + class="page-banner microsite has-bg-color" |
| 147 | + style="background-image: url(https://www.gesis.org/typo3conf/ext/gesis_web_ext/Resources/Public/webpack/dist/img/banner_gesis_microsite.svg);" |
| 148 | + > |
| 149 | + <div class="page-banner--inner"> |
| 150 | + <div> |
| 151 | + <!-- microsite breadcrumb --> |
| 152 | + <nav |
| 153 | + class="gs_rootline d-lg-flex align-items-center" |
| 154 | + aria-labelledby="gs_rootline_label" |
| 155 | + > |
| 156 | + <ol class="list-group list-group-horizontal flex-wrap"> |
| 157 | + <li> |
| 158 | + <a aria-current="page">GESIS Notebooks</a> |
| 159 | + </li> |
| 160 | + </ol> |
| 161 | + </nav> |
| 162 | + <!-- microsite site title --> |
| 163 | + <span class="h1"> |
| 164 | + <a |
| 165 | + href="#link" |
| 166 | + data-auto-event-observed="true" |
| 167 | + > GESIS Notebooks </a> |
| 168 | + </span> |
| 169 | + </div> |
| 170 | + </div> |
| 171 | + </section> |
| 172 | + <nav class="microsite-menu"> |
| 173 | + <nav |
| 174 | + class="gs_megamenu_nav" |
| 175 | + aria-labelledby="gs_mm_toggle_button-" |
| 176 | + > |
| 177 | + <ul |
| 178 | + role="menu" |
| 179 | + id="gs_megamenu-" |
| 180 | + class="gs_megamenu" |
| 181 | + > |
| 182 | + <li class="gs_active"> |
| 183 | + <a |
| 184 | + role="menuitem" |
| 185 | + class="" |
| 186 | + href="#link" |
| 187 | + >Launcher</a> |
| 188 | + </li> |
| 189 | + </ul> |
| 190 | + <section class="mobile-only"> |
| 191 | + <nav |
| 192 | + class="gs_topnav" |
| 193 | + aria-label="Quick Links" |
| 194 | + > |
| 195 | + <ul class="list-group list-group-horizontal"> |
| 196 | + <li> |
| 197 | + <span class="icon-gs-lang pe-1 text-disabled"></span><span |
| 198 | + class="text-disabled d-none d-md-inline" |
| 199 | + role="note" |
| 200 | + aria-hidden="true" |
| 201 | + >Deutsch</span><span class="visually-hidden">Keine deutsche Seitenversion verfügbar</span> |
| 202 | + </li> |
| 203 | + <li> |
| 204 | + <a |
| 205 | + href="https://www.gesis.org/en/contact" |
| 206 | + data-auto-event-observed="true" |
| 207 | + ><span class="icon-gs-contact pe-1"></span><span class="d-md-inline">Contact</span></a> |
| 208 | + </li> |
| 209 | + <li> |
| 210 | + <a |
| 211 | + href="https://www.gesis.org/en/institute/career" |
| 212 | + data-auto-event-observed="true" |
| 213 | + ><span class="icon-gs-help pe-1"></span><span class="d-md-inline">Career</span></a> |
| 214 | + </li> |
| 215 | + </ul> |
| 216 | + </nav> |
| 217 | + </section> |
| 218 | + </nav> |
| 219 | + <button |
| 220 | + id="gs_mm_toggle_button-" |
| 221 | + class="gs_mm_toggle_button microsite" |
| 222 | + aria-haspopup="true" |
| 223 | + aria-controls="gs_megamenu-" |
| 224 | + aria-label="page navigation menu" |
| 225 | + > |
| 226 | + <span class="gesis-icon-list-view"></span> |
| 227 | + </button> |
| 228 | + </nav> |
| 229 | + <main class="microsite-main"> |
| 230 | + <div id="root"></div> |
| 231 | + </main> |
| 232 | + <footer class="page-footer"> |
| 233 | + <div class="page-footer--inner"> |
| 234 | + <div class="contact-info standort-mannheim"> |
| 235 | + <p> |
| 236 | + <b>Location in Mannheim</b> <br /> GESIS – Leibniz Institute for the Social Sciences <br /> Square B6, 4-5 <br /> 68159 Mannheim |
| 237 | + </p> |
| 238 | + <p> Phone: <a href="tel:+4962112460">+49-(0)621-1246-0</a> <br /> Fax: +49-(0)621-1246-100 </p> |
| 239 | + </div> |
| 240 | + <div class="contact-info standort-koeln"> |
| 241 | + <p> |
| 242 | + <b>Location in Cologne</b> <br /> GESIS – Leibniz Institute for the Social Sciences<br /> Unter Sachsenhausen 6-8 <br /> 50667 Köln |
| 243 | + </p> |
| 244 | + <p> Phone: <a href="tel:+49221476940">+49-(0)221-47694-0</a> <br /> Fax: +49-(0)221-47694-199 </p> |
| 245 | + </div> |
| 246 | + <div class="social-media-icons"> |
| 247 | + <a |
| 248 | + href="https://bsky.app/profile/gesis.org" |
| 249 | + title="GESIS @Bluesky" |
| 250 | + target="_blank" |
| 251 | + rel="noopener noreferrer" |
| 252 | + class="btn" |
| 253 | + > |
| 254 | + <svg |
| 255 | + width="100%" |
| 256 | + height="2.6rem" |
| 257 | + viewBox="0 0 568 501" |
| 258 | + version="1.1" |
| 259 | + xmlns="http://www.w3.org/2000/svg" |
| 260 | + xmlns:xlink="http://www.w3.org/1999/xlink" |
| 261 | + xml:space="preserve" |
| 262 | + xmlns:serif="http://www.serif.com/" |
| 263 | + style=" |
| 264 | + fill-rule: evenodd; |
| 265 | + clip-rule: evenodd; |
| 266 | + stroke-linejoin: round; |
| 267 | + stroke-miterlimit: 2; |
| 268 | + vertical-align:top; |
| 269 | + " |
| 270 | + > |
| 271 | + <g transform="matrix(1,0,0,1,-228,-281.442)"> |
| 272 | + <path |
| 273 | + d="M351.121,315.106C416.241,363.994 486.281,463.123 512,516.315C537.719,463.123 607.759,363.994 672.879,315.106C719.866,279.83 796,252.536 796,339.388C796,356.734 786.055,485.101 780.222,505.943C759.947,578.396 686.067,596.876 620.347,585.691C735.222,605.242 764.444,670.002 701.333,734.762C581.473,857.754 529.061,703.903 515.631,664.481C513.169,657.254 512.017,653.873 512,656.748C511.983,653.873 510.831,657.254 508.369,664.481C494.939,703.903 442.527,857.754 322.667,734.762C259.556,670.002 288.778,605.242 403.653,585.691C337.933,596.876 264.053,578.396 243.778,505.943C237.945,485.101 228,356.734 228,339.388C228,252.536 304.134,279.83 351.121,315.106Z" |
| 274 | + style="fill: white; fill-rule: nonzero" |
| 275 | + /> |
| 276 | + </g> |
| 277 | + </svg> |
| 278 | + </a> |
| 279 | + <a |
| 280 | + href="https://www.facebook.com/gesis.org/" |
| 281 | + title="GESIS @Facebook" |
| 282 | + target="_blank" |
| 283 | + rel="noopener noreferrer" |
| 284 | + class="btn" |
| 285 | + > |
| 286 | + <i class="gesis-icon-facebook"></i> |
| 287 | + </a> |
| 288 | + <a |
| 289 | + href="https://www.linkedin.com/company/gesis-org" |
| 290 | + title="GESIS @LinkedIn" |
| 291 | + target="_blank" |
| 292 | + rel="noopener noreferrer" |
| 293 | + class="btn" |
| 294 | + > |
| 295 | + <i class="gesis-icon-linkedin"></i> |
| 296 | + </a> |
| 297 | + <a |
| 298 | + href="https://www.instagram.com/gesis_lifs/" |
| 299 | + title="GESIS @Instagram" |
| 300 | + target="_blank" |
| 301 | + rel="noreferrer" |
| 302 | + class="btn" |
| 303 | + > |
| 304 | + <i class="gesis-icon-instagram"></i> |
| 305 | + </a> |
| 306 | + <a |
| 307 | + href="https://www.youtube.com/user/GESIStv" |
| 308 | + title="GESIS @YouTube" |
| 309 | + target="_blank" |
| 310 | + rel="noreferrer" |
| 311 | + class="btn" |
| 312 | + > |
| 313 | + <i class="gesis-icon-youtube"></i> |
| 314 | + </a> |
| 315 | + <a |
| 316 | + href="https://sciences.social/@GESIS" |
| 317 | + title="GESIS @Mastodon" |
| 318 | + target="_blank" |
| 319 | + rel="noreferrer" |
| 320 | + class="btn" |
| 321 | + > |
| 322 | + <i class="gesis-icon-mastodon"></i> |
| 323 | + </a> |
| 324 | + </div> |
| 325 | + <div class="leibniz-logo-wrapper"> |
| 326 | + <img |
| 327 | + src="https://www.gesis.org/typo3conf/ext/gesis_web_ext/Resources/Public/webpack/dist/img/leibniz_logo_en_white.svg" |
| 328 | + alt="GESIS is a Leibniz Association institute" |
| 329 | + /> |
| 330 | + </div> |
| 331 | + <nav class="footer"> |
| 332 | + <a href="https://www.gesis.org/en/institute/imprint"> Imprint </a> |
| 333 | + <a href="https://www.gesis.org/en/institute/data-protection"> Data Protection. </a> |
| 334 | + </nav> |
| 335 | + </div> |
| 336 | + </footer> |
| 337 | +</body> |
| 338 | + |
| 339 | +<script src="{{static_url("dist/bundle.js")}}"></script> |
| 340 | + |
| 341 | +{% if extra_footer_scripts %} |
| 342 | +{% for script in extra_footer_scripts|dictsort %} |
| 343 | +<script> |
| 344 | + {{ script[1]|safe }} |
| 345 | +</script> |
| 346 | +{% endfor %} |
| 347 | +{% endif %} |
| 348 | + |
| 349 | +</html> |
0 commit comments