1<!DOCTYPE HTML> 2<html> 3 <head> 4 <title>Peter J. Ortmann</title> 5 <meta charset="utf-8" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1" /> 7 <!--[if lte IE 8]>
7<script src="../assets/js/ie/html5shiv.js"></script>
7<![endif]--> 8 <link rel="stylesheet" href="../assets/css/main.css" /> 9 <!--[if lte IE 8]><link rel="stylesheet" href="../assets/css/ie8.css" /><![endif]--> 10 <!--[if lte IE 9]><link rel="stylesheet" href="../assets/css/ie9.css" /><![endif]--> 11 <!-- Import required css and js files --> 12 <link rel="stylesheet" type="text/css" href="load/global.css"></link> 13
13<script type="text/javascript" src="java/FWDGrid.js"></script>
13 14 15 16 <!-- Style the html and body elements --> 17 <style type="text/css"> 18 html, body{ 19 background-color:#ffffff; 20 font-family:Arial, Helvetica, sans-serif; 21 margin-top: 30px; 22 padding: 10px; 23 width:100%; 24 } 25 26 #wrapper{ 27 width:100%; 28 } 29 </style> 30 31 <!-- Setup grid (all parameters are explained in detail in the help file) --> 32
32<script type="text/javascript"> 33 34 FWDUtils.onReady(function(){ 35 var grid = new FWDGrid({ 36 //main settings ( required) 37 gridHolderId:"myDiv", 38 gridPlayListAndSkinId:"grid", 39 thumbnailOverlayType:"icons", 40 41 //grid settings (optional) 42 backgroundColor:"#ffffff", 43 thumbnailBorderColor:"#ffffff", 44 thumbnailBackgroundColor:"#222222", 45 thumbnailOverlayBackgroundColor:"#000000", 46 nrOfThumbsToShowOnSet:6, 47 thumbnailMaxWidth:536, 48 thumbnailMaxHeight:380, 49 horizontalSpaceBetweenThumbnails:14, 50 verticalSpaceBetweenThumbnails:14, 51 thumbnailBorderSize:0, 52 thumbnailOverlayOpacity:.9, 53 54 //ligbox settings (optional) 55 addLightBoxKeyboardSupport:"no", 56 showLightBoxNextAndPrevButtons:"yes", 57 showLightBoxZoomButton:"yes", 58 showLightBoxInfoButton:"no", 59 showLighBoxSlideShowButton:"yes", 60 slideShowAutoPlay:"no", 61 showContextMenu:"yes", 62 lighBoxBackgroundColor:"#000000", 63 lightBoxInfoWindowBackgroundColor:"#FFFFFF", 64 lightBoxItemBorderColor:"#FFFFFF",
65 lightBoxItemBackgroundColor:"#222222", 66 lightBoxMainBackgroundOpacity:.8, 67 lightBoxInfoWindowBackgroundOpacity:.9, 68 lightBoxBorderSize:4, 69 lightBoxSlideShowDelay:4 70 }); 71 }) 72 73 </script>
73 74 </head> 75 76 <body> 77 <div id="page-wrapper"> 78 79 <!-- Header --> 80 <header id="header"> 81 <h1><a href="../index.html"><img src="images/logo2.png" width="140" height="14" alt=""></a></h1> 82 <a href="#nav"><span>Menu</span></a> 83 </header> 84 85 <!-- Nav --> 86 <nav id="nav"> 87 <ul class="links"> 88 <li><a href="../index.html">Home</a></li> 89 <li><a href="../gallery1/default.html">Damals & heute</a></li> 90 <li><a href="default.html">Die Berliner Mauer</a></li> 91 <li><a href="../gallery3/default.html">Berlin 1900-1960</a></li> 92 <li><a href="../quellen.html">Credits</a></li> 93 <li><a href="../booksde.html">Bücher von PJ Ortmann</a></li> 94 <li><a href="../contact.html">Kontakt</a></li> 95 </ul> 96 </nav> 97 98 99 <div id="myDiv"></div> 100 101 <!-- Grid playlist and skin, display:none is added in case that javascript is disabled! --> 102 <ul id="grid" style="display:none"> 103 104 <!-- Grid skin --> 105 <ul> 106 <li data-preloader-path="load/skin_round/rotite-30-29.png"></li> 107 <li data-slideshow-preloader-path="load/skin_round/slideShowPreloader.png"></li> 108 <li data-show-more-thumbnails-button-normal-path="load/skin_round/showMoreThumbsNormalState.png"></li> 109 <li data-show-more-thumbnails-button-selectsed-path="load/skin_round/showMoreThumbsSelectedState.png"></li> 110 <li data-image-icon-path="load/skin_square/photoIcon.png"></li> 111 <li data-video-icon-path="load/skin_square/videoIcon.png"></li> 112 <li data-link-icon-path="load/skin_square/linkIcon.png"></li> 113 <li data-lightbox-close-button-normal-path="load/skin_round/galleryCloseButtonNormalState.png"></li> 114 <li data-lightbox-close-button-selected-path="load/skin_round/galleryCloseButtonSelectedState.png"></li> 115 <li data-lightbox-next-button-normal-path="load/skin_round/nextIconNormalState.png"></li> 116 <li data-lightbox-next-button-selected-path="load/skin_round/nextIconSelectedState.png"></li> 117 <li data-lightbox-prev-button-normal-path="load/skin_round/prevIconNormalState.png"></li> 118 <li data-lightbox-prev-button-selected-path="load/skin_round/prevIconSelectedState.png"></li> 119 <li data-lightbox-play-button-normal-path="load/skin_round/playButtonNormalState.png"></li> 120 <li data-lightbox-play-button-selected-path="load/skin_round/playButtonSelectedState.png"></li> 121 <li data-lightbox-pause-button-normal-path="load/skin_round/pauseButtonNormalState.png"></li> 122 <li data-lightbox-pause-button-selected-path="load/skin_round/pauseButtonSelectedState.png"></li> 123 <li data-lightbox-maximize-button-normal-path="load/skin_round/maximizeButtonNormalState.png"></li> 124 <li data-lightbox-maximize-button-selected-path="load/skin_round/maximizeButtonSelectedState.png"></li> 125 <li data-lightbox-minimize-button-normal-path="load/skin_round/minimizeButtonNormalState.png"></li> 126 <li data-lightbox-minimize-button-selected-path="load/skin_round/minimizeButtonSelectedState.png"></li> 127 <li data-lightbox-info-button-open-normal-path="load/skin_round/infoButtonOpenNormalState.png"></li> 128 <li data-lightbox-info-button-open-selected-path="load/skin_round/infoButtonOpenSelectedState.png"></li> 129 <li data-lightbox-info-button-close-normal-path="load/skin_round/infoButtonCloseNormalPath.png"></li> 130 <li data-lightbox-info-button-close-selected-path="load/skin_round/infoButtonCloseSelectedPath.png"></li> 131 </ul> 132 133 <!-- Grid playlist --> 134 <ul> 135 <ul> 136 <li data-type="media" data-url="load/images/1.jpg"></li> 137 <li data-thumbnail-path="load/thumbnails/1.jpg"></li> 138 <li data-thumbnail-text> 139 140 </li> 141 <li data-info> 142 </li> 143 </ul> 144 145 <ul> 146 <li data-type="media" data-url="load/images/2.jpg"></li> 147 <li data-thumbnail-path="load/thumbnails/2.jpg"></li> 148 <li data-thumbnail-text> 149 150 </li> 151 <li data-info> 152 </li> 153 </ul> 154 155 <ul> 156 <li data-type="media" data-url="load/images/3.jpg"></li> 157 <li data-thumbnail-path="load/thumbnails/3.jpg"></li> 158 <li data-thumbnail-text> 159 160 </li> 161 <li data-info> 162 </li> 163 </ul> 164 165 <ul> 166 <li data-type="media" data-url="load/images/4.jpg"></li> 167 <li data-thumbnail-path="load/thumbnails/4.jpg"></li> 168 <li data-thumbnail-text> 169 170 </li> 171 <li data-info> 172 </li> 173 </ul> 174 <ul> 175 <li data-type="media" data-url="load/images/5.jpg"></li> 176 <li data-thumbnail-path="load/thumbnails/5.jpg"></li> 177 <li data-thumbnail-text> 178 179 </li> 180 <li data-info> 181 </li> 182 </ul> 183 184 <ul> 185 <li data-type="media" data-url="load/images/6.jpg"></li> 186 <li data-thumbnail-path="load/thumbnails/6.jpg"></li> 187 <li data-thumbnail-text> 188 189 </li> 190 <li data-info> 191 </li> 192 </ul> 193 194 <ul> 195 <li data-type="media" data-url="load/images/7.jpg"></li> 196 <li data-thumbnail-path="load/thumbnails/7.jpg"></li> 197 <li data-thumbnail-text> 198 199 </li> 200 <li data-info> 201 </li> 202 </ul> 203 204 <ul> 205 <li data-type="media" data-url="load/images/8.jpg"></li> 206 <li data-thumbnail-path="load/thumbnails/8.jpg"></li> 207 <li data-thumbnail-text> 208 209 </li> 210 <li data-info> 211 </li> 212 </ul> 213 214 <ul> 215 <li data-type="media" data-url="load/images/9.jpg"></li> 216 <li data-thumbnail-path="load/thumbnails/9.jpg"></li> 217 <li data-thumbnail-text> 218 219 </li> 220 <li data-info> 221 </li> 222 </ul> 223 224 <ul> 225 <li data-type="media" data-url="load/images/10.jpg"></li> 226 <li data-thumbnail-path="load/thumbnails/10.jpg"></li> 227 <li data-thumbnail-text> 228 229 </li> 230 <li data-info> 231 </li> 232 </ul> 233 234 <ul> 235 <li data-type="media" data-url="load/images/11.jpg"></li> 236 <li data-thumbnail-path="load/thumbnails/11.jpg"></li> 237 <li data-thumbnail-text> 238 239 </li> 240 <li data-info> 241 </li> 242 </ul> 243 244 <ul> 245 <li data-type="media" data-url="load/images/12.jpg"></li> 246 <li data-thumbnail-path="load/thumbnails/12.jpg"></li> 247 <li data-thumbnail-text> 248 249 </li> 250 <li data-info> 251 </li> 252 </ul> 253 254 <ul> 255 <li data-type="media" data-url="load/images/13.jpg"></li> 256 <li data-thumbnail-path="load/thumbnails/13.jpg"></li> 257 <li data-thumbnail-text> 258 259 </li> 260 <li data-info> 261 </li> 262 </ul> 263 264 <ul> 265 <li data-type="media" data-url="load/images/14.jpg"></li> 266 <li data-thumbnail-path="load/thumbnails/14.jpg"></li> 267 <li data-thumbnail-text> 268 269 </li> 270 <li data-info> 271 </li> 272 </ul> 273 274 <ul> 275 <li data-type="media" data-url="load/images/15.jpg"></li> 276 <li data-thumbnail-path="load/thumbnails/15.jpg"></li> 277 <li data-thumbnail-text> 278 279 </li> 280 <li data-info> 281 </li> 282 </ul> 283 <ul> 284 <li data-type="media" data-url="load/images/16.jpg"></li> 285 <li data-thumbnail-path="load/thumbnails/16.jpg"></li> 286 <li data-thumbnail-text> 287 288 </li> 289 <li data-info> 290 </li> 291 </ul> 292 293 <ul> 294 <li data-type="media" data-url="load/images/17.jpg"></li> 295 <li data-thumbnail-path="load/thumbnails/17.jpg"></li> 296 <li data-thumbnail-text> 297 298 </li> 299 <li data-info> 300 </li> 301 </ul> 302 303 <ul> 304 <li data-type="media" data-url="load/images/18.jpg"></li> 305 <li data-thumbnail-path="load/thumbnails/18.jpg"></li> 306 <li data-thumbnail-text> 307 308 </li> 309 <li data-info> 310 </li> 311 </ul> 312 313 <ul> 314 <li data-type="media" data-url="load/images/19.jpg"></li> 315 <li data-thumbnail-path="load/thumbnails/19.jpg"></li> 316 <li data-thumbnail-text> 317 318 </li> 319 <li data-info> 320 </li> 321 </ul> 322 323 <ul> 324 <li data-type="media" data-url="load/images/20.jpg"></li> 325 <li data-thumbnail-path="load/thumbnails/20.jpg"></li> 326 <li data-thumbnail-text> 327 328 </li> 329 <li data-info> 330 </li> 331 </ul> 332 333 <ul> 334 <li data-type="media" data-url="load/images/21.jpg"></li> 335 <li data-thumbnail-path="load/thumbnails/21.jpg"></li> 336 <li data-thumbnail-text> 337 338 </li> 339 <li data-info> 340 </li> 341 </ul> 342 343 <ul> 344 <li data-type="media" data-url="load/images/22.jpg"></li> 345 <li data-thumbnail-path="load/thumbnails/22.jpg"></li> 346 <li data-thumbnail-text> 347 348 </li> 349 <li data-info> 350 </li> 351 </ul> 352 353 <ul> 354 <li data-type="media" data-url="load/images/23.jpg"></li> 355 <li data-thumbnail-path="load/thumbnails/23.jpg"></li> 356 <li data-thumbnail-text> 357 358 </li> 359 <li data-info> 360 </li> 361 </ul> 362 363 <ul> 364 <li data-type="media" data-url="load/images/24.jpg"></li> 365 <li data-thumbnail-path="load/thumbnails/24.jpg"></li> 366 <li data-thumbnail-text> 367 368 </li> 369 <li data-info> 370 </li> 371 </ul> 372 373 <ul> 374 <li data-type="media" data-url="load/images/25.jpg"></li> 375 <li data-thumbnail-path="load/thumbnails/25.jpg"></li> 376 <li data-thumbnail-text> 377 378 </li> 379 <li data-info> 380 </li> 381 </ul> 382 383 <ul> 384 <li data-type="media" data-url="load/images/26.jpg"></li> 385 <li data-thumbnail-path="load/thumbnails/26.jpg"></li> 386 <li data-thumbnail-text> 387 388 </li> 389 <li data-info> 390 </li> 391 </ul> 392 393 <ul> 394 <li data-type="media" data-url="load/images/27.jpg"></li> 395 <li data-thumbnail-path="load/thumbnails/27.jpg"></li> 396 <li data-thumbnail-text> 397 398 </li> 399 <li data-info> 400 </li> 401 </ul> 402 403 <ul> 404 <li data-type="media" data-url="load/images/28.jpg"></li> 405 <li data-thumbnail-path="load/thumbnails/28.jpg"></li> 406 <li data-thumbnail-text> 407 408 </li> 409 <li data-info> 410 </li> 411 </ul> 412 <ul> 413 <li data-type="media" data-url="load/images/29.jpg"></li> 414 <li data-thumbnail-path="load/thumbnails/29.jpg"></li> 415 <li data-thumbnail-text> 416 417 </li> 418 <li data-info> 419 </li> 420 </ul> 421 422 <ul> 423 <li data-type="media" data-url="load/images/30.jpg"></li> 424 <li data-thumbnail-path="load/thumbnails/30.jpg"></li> 425 <li data-thumbnail-text> 426 427 </li> 428 <li data-info> 429 </li> 430 </ul> 431 432 </ul> 433 </ul> 434 435 </div> 436 437 <!-- Footer --> 438 <footer id="footer"> 439 <div class="copyright"> 440 © 1998-2018 Peter J. Ortmann 441 </div> 442 </footer> 443 444 <!-- Scripts --> 445
445<script src="../assets/js/skel.min.js"></script>
445 446
446<script src="../assets/js/jquery.min.js"></script>
446 447
447<script src="../assets/js/jquery.scrollex.min.js"></script>
447 448
448<script src="../assets/js/jquery.scrolly.min.js"></script>
448 449
449<script src="../assets/js/util.js"></script>
449 450 <!--[if lte IE 8]>
450<script src="../assets/js/ie/respond.min.js"></script>
450<![endif]--> 451
451<script src="../assets/js/main.js"></script>
451 452 453 </body> 454</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.