WebModuleUnit1.dfm

   1 object TWebModule1: TTWebModule1
   2   OldCreateOrder = False
   3   OnCreate = WebModuleCreate
   4   Actions = <
   5     item
   6       MethodType = mtGet
   7       Name = 'top'
   8       PathInfo = '/'
   9       OnAction = TWebModule1topAction
  10     end
  11     item
  12       MethodType = mtGet
  13       Name = 'indexpage'
  14       PathInfo = '/index'
  15       OnAction = TWebModule1indexpageAction
  16     end
  17     item
  18       MethodType = mtPost
  19       Name = 'regist'
  20       PathInfo = '/regist'
  21       OnAction = TWebModule1registAction
  22     end
  23     item
  24       MethodType = mtGet
  25       Name = 'admin'
  26       PathInfo = '/admin'
  27       OnAction = TWebModule1adminAction
  28     end
  29     item
  30       Name = 'search'
  31       PathInfo = '/search'
  32       OnAction = TWebModule1searchAction
  33     end
  34     item
  35       Name = 'help'
  36       PathInfo = '/help'
  37       OnAction = TWebModule1helpAction
  38     end
  39     item
  40       MethodType = mtGet
  41       Name = 'master'
  42       PathInfo = '/master'
  43       OnAction = TWebModule1masterAction
  44     end
  45     item
  46       Name = 'alert'
  47       PathInfo = '/alert'
  48       OnAction = TWebModule1alertAction
  49     end
  50     item
  51       MethodType = mtPost
  52       Name = 'usrdel'
  53       PathInfo = '/userdel'
  54       OnAction = TWebModule1deleteAction
  55     end
  56     item
  57       Name = 'jump'
  58       PathInfo = '/jump'
  59       OnAction = TWebModule1jumpAction
  60     end
  61     item
  62       MethodType = mtGet
  63       Name = 'link'
  64       PathInfo = '/link'
  65       OnAction = TWebModule1linkAction
  66     end
  67     item
  68       MethodType = mtPost
  69       Name = 'admdel'
  70       PathInfo = '/admindel'
  71       OnAction = TWebModule1admdelAction
  72     end
  73     item
  74       Name = 'login'
  75       PathInfo = '/login'
  76       OnAction = TWebModule1loginAction
  77     end>
  78   Height = 353
  79   Width = 436
  80   object articles: TDataSetPageProducer
  81     HTMLDoc.Strings = (
  82       '                                            <hr size=1>'
  83
  84         #9'<section id=number><a name=<#number>></a><a href=/jump?num=<#nu' +
  85         'mber> style=text-decoration:none>'
  86       #9#9'[<#number>]</a></section>'
  87       #9'<section id=title><#title></section>'
  88       #9'<section id=name>'#12288'Name:<h1><#name></h1></section>'
  89       #9'<section id=date>'#12288'Date:<h1><#date></h1></section>'
  90       #9'<p>'#9661#9650#9661#9650#9661#9650#9661
  91       #9'<section id=comment><#comment></section>'
  92
  93         '<section id=master style=text-align:right><a href=/alert?db=<#da' +
  94         'tabase>&num=<#number>>'#22577#21578'</a></section>'
  95       #9'<p>'#9651#9660#9651#9660#9651#9660#9651)
  96     DataSet = DataModule1.FDTable2
  97     OnHTMLTag = articlesHTMLTag
  98     Left = 112
  99     Top = 88
 100   end
 101   object index: TDataSetPageProducer
 102     HTMLDoc.Strings = (
 103       '<!DOCTYPE html>'
 104       '<html lang="ja">'
 105       '  <head>'
 106       '    <meta charset="utf-8">'
 107       '    <#css id=2>'
 108       '    <#css id=4>'
 109
 110         '    <script src=//cdn.rawgit.com/google/code-prettify/master/loa' +
 111         'der/run_prettify.js></script>'
 112
 113         '    <script type=text/javascript src=//ajax.googleapis.com/ajax/' +
 114         'libs/jquery/1.8.1/jquery.min.js></script>'
 115       '    <#scr id=1>'
 116       '    <#scr id=2>'
 117       '    <title>'
 118       '    <#title>'
 119       '    </title>'
 120       '  </head>'
 121       '  <body>'
 122       ''
 123       '    <a href=/ style=text-decoration:none><#title2></a>'
 124       ''
 125       '    <#header>'
 126       ''
 127       '    <hr size="1" width="100%">'
 128
 129         '    <form action=/userdel?db=<#database> method="post" id=search' +
 130         '>'
 131       '      <label><p>'#35352#20107'No</p><input name="number"></label>'
 132
 133         '      <label><p>Pass</p><input type="password" name="password"><' +
 134         '/label>'
 135       '      <input type="submit" value="'#21066#38500'">'
 136       '    </form>'
 137       '    <form action=/jump?db=<#database> method=post id=search>'
 138       '      <label><p>'#35352#20107'No</p><input name=num></label>'
 139       '      <input type=submit value='#31227#21205'>'
 140       '    </form>'
 141       '    <p><a href=/search?db=<#database>>'#26908#32034#12506#12540#12472'</a></p>'
 142       '    <p style=text-align:right><a href=#article>'#19979#12408#31227#21205'</a></p>'
 143       '    <p style=text-align:center><#database></p>'
 144       '    <#footer>'
 145       '  <#article>'
 146       #9'<a name=article></a>'
 147       #9'<p style=text-align:right><a href=#top>Top'#12408#31227#21205'</a></p>'
 148       '  <#footer>'
 149
 150         '    <p style=text-align:center><a href="/admin?db=<#database>">'#31649 +
 151         #29702#32773#29992#12525#12464#12452#12531'</a></p>'
 152       '  </body>'
 153       '</html>')
 154     DataSet = DataModule1.FDTable1
 155     OnHTMLTag = indexHTMLTag
 156     Left = 112
 157     Top = 32
 158   end
 159   object admin: TDataSetTableProducer
 160     Columns = <
 161       item
 162         Title.Caption = 'check'
 163       end
 164       item
 165         FieldName = 'NUMBER'
 166       end
 167       item
 168         FieldName = 'TITLE'
 169       end
 170       item
 171         FieldName = 'NAME'
 172       end
 173       item
 174         FieldName = 'COMMENT'
 175       end
 176       item
 177         FieldName = 'DATE'
 178       end>
 179     Footer.Strings = (
 180       '<input type=submit value='#21066#38500#12377#12427'><input type=submit value='#12522#12475#12483#12488'>'
 181       '</form>'
 182       '')
 183     Header.Strings = (
 184       '<form action=/admindel method=post>')
 185     MaxRows = 30
 186     DataSet = DataModule1.FDTable2
 187     OnFormatCell = adminFormatCell
 188     Left = 176
 189     Top = 32
 190   end
 191   object search: TPageProducer
 192     HTMLDoc.Strings = (
 193       ''
 194       '<!DOCTYPE HTML>'
 195       ''
 196       '<html>'
 197       '  <head>'
 198       '    <title>'#26908#32034'</title>'
 199       '    <#css>'
 200       '  </head>'
 201       ''
 202       '  <body>'
 203       '    <form action="/search<#query>" method="post">'
 204       '    <p align="center"><strong>'#25237#31295#26908#32034
 205       '</strong>'
 206       '    </p>'
 207       '    <p>'
 208       '</p>'
 209       '    <p>'
 210       '    </p>'
 211       '      <p align="center">'#26908#32034#12290#12473#12506#12540#12473#12391#21306#20999#12387#12390#12367#12384#12373#12356#12290'</p>'
 212       '    <select name=type>'
 213       '      <option value=OR>OR</option>'
 214       '      <option value=AND>AND</option>'
 215       '    </select>      '
 216
 217         '        <div style="HEIGHT: 26px; WIDTH: 105px; POSITION: relati' +
 218         've; DISPLAY: inline" ms_positioning="FlowLayout">'#26908#32034#12527#12540#12489
 219       '</div>'
 220       '      <p>&nbsp;<input name="word1"></p>'
 221
 222         '    <p><input type="radio" name="filter" style="HEIGHT: 20px; WI' +
 223         'DTH: 17px" size="17" value="name">'#21517#21069#12363#12425#26908#32034' <input type="radio" che' +
 224         'cked="true" style="HEIGHT: 20px; WIDTH: 16px" size="16" name="fi' +
 225         'lter" value="com">'#26412#25991#12363#12425#26908#32034
 226       '</p>'
 227       '      <p>'
 228       '    <input type="submit" value="'#26908#32034'"></p>'
 229       '    </form>'
 230       '      <p><a href="/">'#25522#31034#26495#12408#25147#12427
 231       '</a></p>'
 232       '    <#items>'
 233       '  </body>'
 234       '</html>')
 235     OnHTMLTag = searchHTMLTag
 236     Left = 240
 237     Top = 32
 238   end
 239   object items: TDataSetPageProducer
 240     HTMLDoc.Strings = (
 241       '                                            <hr size=1>'
 242       #9'<section id=title><#title></section>'
 243       #9'<section id=name>'#12288'Name:<h1><#name></h1></section>'
 244       #9'<section id=date>'#12288'Date:<h1><#date></h1></section>'
 245       #9
 246       #9'<section id=comment><#item></section>'
 247       '')
 248     DataSet = DataModule1.FDTable2
 249     OnHTMLTag = itemsHTMLTag
 250     Left = 240
 251     Top = 144
 252   end
 253   object help: TPageProducer
 254     HTMLDoc.Strings = (
 255       ''
 256       '<!DOCTYPE html>'
 257       ''
 258       '<html><head><meta charset=utf8><title>'#20351#12356#26041'</title></head>'
 259       '<body>'
 260       '<P>'#35370#21839#32773#12398#30342#12373#12435'</P>'
 261       '<form action=/help method=post>'
 262       #9'<p>'#12362#21839#12356#21512#12431#12379'<'#21066#38500#20381#38972#12394#12393#20309#12391#12418'></p>'
 263       #9'<textarea name=help style=height:100px;width:250px>'
 264       #25237#31295#32773#21517#12394#12393#65306
 265       #30456#35527#20869#23481#65306
 266       #12381#12398#20182#65306'</textarea><br>'
 267       #9'<input type=submit value="'#36865#20449'"></form>'
 268       #9'<p><br>'
 269       '<p>'#38283#30330#32773#12398#30342#12373#12435
 270       '<p>pybbs'#12398'API'
 271       '<p>ArticleAPI ... ~/read/api/<b>dbname</b>/<b>number</b>'
 272       '<p>ListAPI ... ~/headline/api'
 273       '<p><br>'
 274       '<p>'
 275       '<p>'#21033#29992#35215#32004
 276       '<p>'#12371#12428#12363#12425#26360#12365#12414#12377
 277       '<p style=text-align:center><a href=/>'#25147#12427'</a>'
 278       '</body>'
 279       '</html>')
 280     Left = 304
 281     Top = 32
 282   end
 283   object top: TPageProducer
 284     HTMLDoc.Strings = (
 285       '<!doctype html>'
 286       '<html class="no-js" lang="ja">'
 287       '<head>'
 288
 289         #9'<meta charset="utf-8" name="google-site-verification"  content=' +
 290         '"5KOTJTKv1HgTtIt0zVGzuyAkADCwXRme-RiiKJ03l3s" />'
 291       #9'<meta http-equiv="X-UA-Compatible" content="IE=edge">'
 292       #9'<title>Top Page'
 293       '</title>'
 294       '<#css id=1>'
 295       '<#css id=3>'
 296       #9'<script src="{{static_url(js/jquery-1.10.2.min.js"></script>'
 297       #9'<script src="{{static_url(js/top.js"></script>'
 298       #9'<script src="{{static_url(js/modernizr.custom.min.js"></script>'
 299
 300         #9'<script src="{{static_url(js/jquery-ui-1.10.3.custom.min.js"></' +
 301         'script>'
 302       '</head>'
 303       '<body>'
 304       '<div id="fb-root"></div>'
 305       '<script>(function(d, s, id) {'
 306       '  var js, fjs = d.getElementsByTagName(s)[0];'
 307       '  if (d.getElementById(id)) return;'
 308       '  js = d.createElement(s); js.id = id;'
 309
 310         '  js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=' +
 311         'v2.8";'
 312       '  fjs.parentNode.insertBefore(js, fjs);'
 313       '}(document, '#39'script'#39', '#39'facebook-jssdk'#39'));</script>'
 314       '<header><h1 style="text-align: center;">'#28961#26009#38651#23376#25522#31034#26495#12408#12424#12358#12371#12381
 315       '</h1></header><div class="slideshow">'
 316       #9'<div class="slideshow-slides"><div class="slide">'
 317       #9'<img src=>'
 318       '<#list>'
 319       '</div>'
 320       '</div>'
 321       '</div>'
 322       #9'<div class="slideshow-nav">'
 323       #9'<a href="#" class="prev">prev'
 324       '</a>'
 325       #9'<a href="#" class="next">next'
 326       '</a>'
 327       #9'</div>'
 328       #9'<div class="slideshow-indicator"></div>'
 329
 330         '        <p>[ <a href=/index?db=<#info>><#info></a> ] ='#12362#30693#12425#12379' <p>[ ' +
 331         '<a href="/master">master'
 332
 333         '</a> ] ='#31649#29702#20154'<div class="fb-like" data-href="http://pybbs.herokuap' +
 334         'p.com" data-layout="box_count" data-action="like" data-size="sma' +
 335         'll" data-show-faces="true" data-share="false"></div>'
 336
 337         '<p><a href="http://www.xn--gckj5d1ktb3488cn4q.jp/" target="_blan' +
 338         'k"><img alt="'#28961#26009#12459#12454#12531#12479#12540'" src="http://www.xn--gckj5d1ktb3488cn4q.jp/' +
 339         'counter.php?id=pybbs" border="0"></a>'
 340       '<footer>'
 341       '<p><br>'
 342       '<p><a href="/title">'#12479#12452#12488#12523#34920#31034
 343       '</a>'
 344       '<p><a href="/help">'#20351#12356#26041#26696#20869
 345       '</a>'
 346       '<p><a href=/search>'#26908#32034'</a>'
 347       '<p>PR '#12522#12531#12463'<br>'
 348
 349         '<p><a href="https://www.amazon.co.jp/%E9%AB%98%E6%A0%A1%E5%8D%92' +
 350         '%E6%A5%AD%E3%81%BE%E3%81%A7%E3%81%AE%E3%82%B5%E3%83%83%E3%82%AB%' +
 351         'E3%83%BC%E6%88%A6%E8%A1%93-sanuki_kainushi-ebook/dp/B00AXBM08Q/r' +
 352         'ef=sr_1_7?ie=UTF8&amp;qid=1479369992&amp;sr=8-7&amp;keywords=san' +
 353         'uki_kainushi">'#39640#26657#21330#26989#12414#12391#12398#12469#12483#12459#12540#25126#34899
 354       '</a><br>amazon kindle'
 355       '</p>'
 356       '<p>'
 357
 358         '<p><a href="https://www.amazon.co.jp/%E4%B8%AD%E5%AD%A6%E5%8D%92' +
 359         '%E6%A5%AD%E3%81%BE%E3%81%A7%E3%81%AE%E3%82%B5%E3%83%83%E3%82%AB%' +
 360         'E3%83%BC%E6%88%A6%E8%A1%93-sanuki_kainushi-ebook/dp/B014X0S874/r' +
 361         'ef=sr_1_3?s=digital-text&amp;ie=UTF8&amp;qid=1479370246&amp;sr=1' +
 362         '-3">'#20013#23398#21330#26989#12414#12391#12398#12469#12483#12459#12540#25126#34899
 363       '</a><br>amazon kindle'
 364       '</p>'
 365       '</footer>'
 366       ''
 367       '</body>'
 368       '</html>')
 369     OnHTMLTag = topHTMLTag
 370     Left = 48
 371     Top = 32
 372   end
 373   object master: TPageProducer
 374     HTMLDoc.Strings = (
 375       '<!doctype html>'
 376       '<head>'
 377       '<meta charset=utf-8>'
 378       '</head>'
 379       '<body>'
 380       ''
 381       '<p><#request>'
 382       '<p style=text-align:center><a href=/>'#25147#12427'</a>'
 383       '</body></html>')
 384     OnHTMLTag = masterHTMLTag
 385     Left = 48
 386     Top = 144
 387   end
 388   object alert: TDataSetPageProducer
 389     HTMLDoc.Strings = (
 390       '<p>[ <#dbname>-<#posnum> ]<#date>'
 391       '<p><#article>'
 392       '<hr>')
 393     DataSet = DataModule1.FDTable4
 394     OnHTMLTag = alertHTMLTag
 395     Left = 48
 396     Top = 192
 397   end
 398   object footer: TDataSetPageProducer
 399     HTMLDoc.Strings = (
 400       '<p style=text-align:center>[ <#link> ] <#recent>')
 401     DataSet = DataModule1.FDTable1
 402     OnHTMLTag = footerHTMLTag
 403     Left = 112
 404     Top = 192
 405   end
 406   object mail: TPageProducer
 407     HTMLDoc.Strings = (
 408       '<!doctyle html>'
 409       '<html>'
 410       '<head><meta charset=utf-8></head>'
 411       '<body>'
 412       '<form action=/alert<#query>  method=post>'
 413       '  <#content>'
 414       '<textarea name=request></textarea>'
 415       '<input type=submit>'
 416       '<p style=text-align:center><a href=/index<#query>>'#25147#12427'</a>'
 417       '</form>'
 418       '</body></html>')
 419     OnHTMLTag = mailHTMLTag
 420     Left = 176
 421     Top = 144
 422   end
 423   object css1: TPageProducer
 424     HTMLDoc.Strings = (
 425       '<meta http-equiv="Content-Style-Type" content="text/css">'
 426       '<style type="text/css">'
 427       '<!--'
 428       '@media only screen and (min-width:900px){'
 429       '.slideshow-nav a.prev {'
 430       #9'margin-left:-480px'
 431       #9'}'
 432       '.slideshow-nav a.next {'
 433       #9'margin-left:408px'
 434       #9'}'
 435       '}'
 436       '@media only screen and (min-width:600px)'
 437       'and (max-width:899px){'
 438       'header h1 {'
 439       #9'font-size:1em'
 440       #9'}'
 441       '.slideshow .slide img {'
 442       #9'display:none'
 443       '}'
 444       '.slideshow-nav a.prev {'
 445       #9'margin-left:-300px'
 446       #9'}'
 447       '.slideshow-nav a.next {'
 448       #9'margin-left:200px'
 449       #9'}'
 450       '}'
 451       '@media only screen and (max-width:599px){'
 452       'header h1 {'
 453       #9'font-size:1em'
 454       #9'}'
 455       '.slideshow .slide img {'
 456       #9'display:none'
 457       '}'
 458       '.slideshow-nav a.prev {'
 459       #9'margin-left:-150px'
 460       #9'}'
 461       '.slideshow-nav a.next {'
 462       #9'margin-left:100px'
 463       #9'}'
 464       '}'
 465       ''
 466       '.slideshow-slides {'
 467       #9'height:100%;'
 468       #9'position:absolute;'
 469       #9'width:100%;'
 470       '}'
 471       ''
 472       '.slideshow {'
 473       #9'background-color:rgb(255,225,225);'
 474       #9'width:100%;'
 475       #9'height:465px;'
 476       #9'overflow:hidden;'
 477       #9'position:relative'
 478       '}'
 479       ''
 480       '.slideshow-slides .slide {'
 481       #9'height:100%;'
 482       #9'overflow:auto;'
 483       #9'position:absolute;'
 484       #9'width:100%;'
 485       '}'
 486       ''
 487       '.slide p {'
 488       #9'font-size:1.5em'
 489       '}'
 490       ''
 491       '.slideshow-nav a,'
 492       '.slideshow-indicator a {'
 493       #9'overflow:hidden'
 494       '}'
 495       ''
 496       '.slideshow-nav a:before,'
 497       '.slideshow-indicator a:before {'
 498       #9'content:url(../img/sprites.png);'
 499       #9'display:inline-block;'
 500       #9'font-size:0;'
 501       #9'line-height:0'
 502       '}'
 503       ''
 504       '.slideshow-nav a {'
 505       #9'position:absolute;'
 506       #9'top:50%;'
 507       #9'left:50%;'
 508       #9'width:72px;'
 509       #9'height:72px;'
 510       #9'margin-top:-36px'
 511       '}'
 512       ''
 513       '.slideshow-nav a.prev:before {'
 514       #9'margin-top:-20px'
 515       '}'
 516       ''
 517       '.slideshow-nav a.next:before {'
 518       #9'margin-left:-80px;'
 519       #9'margin-top:-20px'
 520       '}'
 521       ''
 522       '.slideshow-nav a.disabled {'
 523       #9'display:none'
 524       '}'
 525       ''
 526       '.slideshow-indicator {'
 527       #9'bottom:30px;'
 528       #9'height:16px;'
 529       #9'left:0;'
 530       #9'position:absolute;'
 531       #9'right:0;'
 532       #9'text-align:center'
 533       '}'
 534       ''
 535       '.slideshow-indicator a {'
 536       #9'display:inline-block;'
 537       #9'width:16px;'
 538       #9'height:16px;'
 539       #9'margin-left:3px;'
 540       #9'margin-right:3px'
 541       '}'
 542       ''
 543       '.slideshow-indicator a.active {'
 544       #9'cursor:default'
 545       '}'
 546       ''
 547       '.slideshow-indicator a:before {'
 548       #9'margin-left:-110px'
 549       '}'
 550       ''
 551       '.slideshow-indicator a.active:before {'
 552       #9'margin-left:-130px'
 553       '}'
 554       ''
 555       '.no-js .slideshow {'
 556       #9'height:auto'
 557       '}'
 558       ''
 559       '.no-js .slideshow-slides {'
 560       #9'height:auto;'
 561       #9'position:static'
 562       '}'
 563       ''
 564       '.no-js .slideshow-slides .slide {'
 565       #9'display: block;'
 566       #9'height: auto;'
 567       #9'position:static'
 568       '}'
 569       ''
 570       '.no-js .slideshow-slides .slide .box{'
 571       #9'margin:auto;'
 572       #9'position:static'
 573       '}'
 574       ''
 575       '.no-js .slideshow-nav,'
 576       '.no-js .slideshow-indicator {'
 577       #9'display:none'
 578       '}'
 579       '-->'
 580       '</style>')
 581     Left = 360
 582     Top = 96
 583   end
 584   object css2: TPageProducer
 585     HTMLDoc.Strings = (
 586       '<meta http-equiv="Content-Style-Type" content="text/css">'
 587       '<style type="text/css">'
 588       '<!--'
 589       'section#number {'
 590       '    display:inline'
 591       '}'
 592       ''
 593       'section#title {'
 594       '    display:inline;'
 595       '    font:bold;'
 596       '    font-size:1.2em;'
 597       '    color:#D01166;'
 598       '}'
 599       ''
 600       'section#name h1 {'
 601       '    font:bold;'
 602       '    font-size:1em;'
 603       '    color:#007000;'
 604       '    margin:0;'
 605       '}'
 606       ''
 607       'section#date h1 {'
 608       '    font-size:1em;'
 609       '    margin:0;'
 610       '}'
 611       ''
 612       'section h1 {'
 613       '    display:inline;'
 614       '}'
 615       ''
 616       'header {'
 617       '    margin:auto;'
 618       '    border:solid 1px #aaaaaa;'
 619       '    box-shadow:0 2px 3px #cccccc,'
 620       '               0 0 #ff8800 inset;'
 621       '    padding:18px;'
 622       '    border-radius:5px;'
 623       '    background:-webkit-linear-gradient(#ffffff 0%,#014471 50%,'
 624       '        #014471 51%,#ffffff 100%);'
 625       '    overflow:hidden;'
 626       '    width:100%'
 627       '}'
 628       ''
 629       'header table {'
 630       '    margin:auto'
 631       '}'
 632       ''
 633       'header p {'
 634       '    display:inline'
 635       '}'
 636       ''
 637       '@media only screen and (min-width:900px){'
 638       'header textarea {'
 639       '    width:100%;'
 640       '    height:150px;'
 641       #9'}'
 642       '}'
 643       '@media only screen and (max-width:899px){'
 644       'header textarea {'
 645       #9'width:70%;'
 646       #9'height:90px'
 647       #9'}'
 648       '}'
 649       ''
 650       'button {'
 651       #9'position:absolute;'
 652       #9'width:80px;'
 653       #9'height:30px;'
 654       #9'right:20px'
 655       '}'
 656       ''
 657       'button.sticky {'
 658       #9'position:fixed;'
 659       #9'top:0'
 660       '}'
 661       ''
 662       'input[type=password] {'
 663       '    width:55px'
 664       '}'
 665       ''
 666       'form#search input {'
 667       '    height:22px;'
 668       '    width:55px'
 669       '}'
 670       ''
 671       'span {'
 672       '    color:#ff0000'
 673       '}'
 674       ''
 675       'p {'
 676       #9'text-indent:0;'
 677       #9'margin:0'
 678       '}'
 679       ''
 680       'body {'
 681       #9'line-height:1.5'
 682       '}'
 683       ''
 684       'table {'
 685       #9'margin:auto;'
 686       #9'border:0'
 687       '}'
 688       ''
 689       'form#search {'
 690       #9'border:solid;'
 691       #9'display:inline-block;'
 692       #9'margin-top:30px;'
 693       #9'margin-right:30px;'
 694       #9'margin-left:30px;'
 695       #9'margin-bottom:30px'
 696       '}'
 697       '-->'
 698       '</style>')
 699     Left = 360
 700     Top = 144
 701   end
 702   object css3: TPageProducer
 703     HTMLDoc.Strings = (
 704       '<meta http-equiv="Content-Style-Type" content="text/css">'
 705       '<style type="text/css">'
 706       '<!--'
 707       '/*! normalize.css v2.1.2 | MIT License | git.io/normalize */'
 708       ''
 709
 710         '/* =============================================================' +
 711         '============='
 712       '   HTML5 display definitions'
 713
 714         '   =============================================================' +
 715         '============= */'
 716       ''
 717       '/**'
 718       ' * Correct `block` display not defined in IE 8/9.'
 719       ' */'
 720       ''
 721       'article,'
 722       'aside,'
 723       'details,'
 724       'figcaption,'
 725       'figure,'
 726       'footer,'
 727       'header,'
 728       'hgroup,'
 729       'main,'
 730       'nav,'
 731       'section,'
 732       'summary {'
 733       '    display: block;'
 734       '}'
 735       ''
 736       '/**'
 737       ' * Correct `inline-block` display not defined in IE 8/9.'
 738       ' */'
 739       ''
 740       'audio,'
 741       'canvas,'
 742       'video {'
 743       '    display: inline-block;'
 744       '}'
 745       ''
 746       '/**'
 747
 748         ' * Prevent modern browsers from displaying `audio` without contr' +
 749         'ols.'
 750       ' * Remove excess height in iOS 5 devices.'
 751       ' */'
 752       ''
 753       'audio:not([controls]) {'
 754       '    display: none;'
 755       '    height: 0;'
 756       '}'
 757       ''
 758       '/**'
 759       ' * Address styling not present in IE 8/9.'
 760       ' */'
 761       ''
 762       '[hidden] {'
 763       '    display: none;'
 764       '}'
 765       ''
 766
 767         '/* =============================================================' +
 768         '============='
 769       '   Base'
 770
 771         '   =============================================================' +
 772         '============= */'
 773       ''
 774       '/**'
 775       ' * 1. Set default font family to sans-serif.'
 776
 777         ' * 2. Prevent iOS text size adjust after orientation change, wit' +
 778         'hout disabling'
 779       ' *    user zoom.'
 780       ' */'
 781       ''
 782       'html {'
 783       '    font-family: sans-serif; /* 1 */'
 784       '    -ms-text-size-adjust: 100%; /* 2 */'
 785       '    -webkit-text-size-adjust: 100%; /* 2 */'
 786       '}'
 787       ''
 788       '/**'
 789       ' * Remove default margin.'
 790       ' */'
 791       ''
 792       'body {'
 793       '    margin: 0;'
 794       '}'
 795       ''
 796
 797         '/* =============================================================' +
 798         '============='
 799       '   Links'
 800
 801         '   =============================================================' +
 802         '============= */'
 803       ''
 804       '/**'
 805
 806         ' * Address `outline` inconsistency between Chrome and other brow' +
 807         'sers.'
 808       ' */'
 809       ''
 810       'a:focus {'
 811       '    outline: thin dotted;'
 812       '}'
 813       ''
 814       '/**'
 815
 816         ' * Improve readability when focused and also mouse hovered in al' +
 817         'l browsers.'
 818       ' */'
 819       ''
 820       'a:active,'
 821       'a:hover {'
 822       '    outline: 0;'
 823       '}'
 824       ''
 825
 826         '/* =============================================================' +
 827         '============='
 828       '   Typography'
 829
 830         '   =============================================================' +
 831         '============= */'
 832       ''
 833       '/**'
 834
 835         ' * Address variable `h1` font-size and margin within `section` a' +
 836         'nd `article`'
 837       ' * contexts in Firefox 4+, Safari 5, and Chrome.'
 838       ' */'
 839       ''
 840       'h1 {'
 841       '    font-size: 2em;'
 842       '    margin: 0.67em 0;'
 843       '}'
 844       ''
 845       '/**'
 846       ' * Address styling not present in IE 8/9, Safari 5, and Chrome.'
 847       ' */'
 848       ''
 849       'abbr[title] {'
 850       '    border-bottom: 1px dotted;'
 851       '}'
 852       ''
 853       '/**'
 854
 855         ' * Address style set to `bolder` in Firefox 4+, Safari 5, and Ch' +
 856         'rome.'
 857       ' */'
 858       ''
 859       'b,'
 860       'strong {'
 861       '    font-weight: bold;'
 862       '}'
 863       ''
 864       '/**'
 865       ' * Address styling not present in Safari 5 and Chrome.'
 866       ' */'
 867       ''
 868       'dfn {'
 869       '    font-style: italic;'
 870       '}'
 871       ''
 872       '/**'
 873       ' * Address differences between Firefox and other browsers.'
 874       ' */'
 875       ''
 876       'hr {'
 877       '    -moz-box-sizing: content-box;'
 878       '    box-sizing: content-box;'
 879       '    height: 0;'
 880       '}'
 881       ''
 882       '/**'
 883       ' * Address styling not present in IE 8/9.'
 884       ' */'
 885       ''
 886       'mark {'
 887       '    background: #ff0;'
 888       '    color: #000;'
 889       '}'
 890       ''
 891       '/**'
 892       ' * Correct font family set oddly in Safari 5 and Chrome.'
 893       ' */'
 894       ''
 895       'code,'
 896       'kbd,'
 897       'pre,'
 898       'samp {'
 899       '    font-family: monospace, serif;'
 900       '    font-size: 1em;'
 901       '}'
 902       ''
 903       '/**'
 904       ' * Improve readability of pre-formatted text in all browsers.'
 905       ' */'
 906       ''
 907       'pre {'
 908       '    white-space: pre-wrap;'
 909       '}'
 910       ''
 911       '/**'
 912       ' * Set consistent quote types.'
 913       ' */'
 914       ''
 915       'q {'
 916       '    quotes: "\201C" "\201D" "\2018" "\2019";'
 917       '}'
 918       ''
 919       '/**'
 920       ' * Address inconsistent and variable font size in all browsers.'
 921       ' */'
 922       ''
 923       'small {'
 924       '    font-size: 80%;'
 925       '}'
 926       ''
 927       '/**'
 928
 929         ' * Prevent `sub` and `sup` affecting `line-height` in all browse' +
 930         'rs.'
 931       ' */'
 932       ''
 933       'sub,'
 934       'sup {'
 935       '    font-size: 75%;'
 936       '    line-height: 0;'
 937       '    position: relative;'
 938       '    vertical-align: baseline;'
 939       '}'
 940       ''
 941       'sup {'
 942       '    top: -0.5em;'
 943       '}'
 944       ''
 945       'sub {'
 946       '    bottom: -0.25em;'
 947       '}'
 948       ''
 949
 950         '/* =============================================================' +
 951         '============='
 952       '   Embedded content'
 953
 954         '   =============================================================' +
 955         '============= */'
 956       ''
 957       '/**'
 958       ' * Remove border when inside `a` element in IE 8/9.'
 959       ' */'
 960       ''
 961       'img {'
 962       '    border: 0;'
 963       '}'
 964       ''
 965       '/**'
 966       ' * Correct overflow displayed oddly in IE 9.'
 967       ' */'
 968       ''
 969       'svg:not(:root) {'
 970       '    overflow: hidden;'
 971       '}'
 972       ''
 973
 974         '/* =============================================================' +
 975         '============='
 976       '   Figures'
 977
 978         '   =============================================================' +
 979         '============= */'
 980       ''
 981       '/**'
 982       ' * Address margin not present in IE 8/9 and Safari 5.'
 983       ' */'
 984       ''
 985       'figure {'
 986       '    margin: 0;'
 987       '}'
 988       ''
 989
 990         '/* =============================================================' +
 991         '============='
 992       '   Forms'
 993
 994         '   =============================================================' +
 995         '============= */'
 996       ''
 997       '/**'
 998       ' * Define consistent border, margin, and padding.'
 999       ' */'
1000       ''
1001       'fieldset {'
1002       '    border: 1px solid #c0c0c0;'
1003       '    margin: 0 2px;'
1004       '    padding: 0.35em 0.625em 0.75em;'
1005       '}'
1006       ''
1007       '/**'
1008       ' * 1. Correct `color` not being inherited in IE 8/9.'
1009
1010         ' * 2. Remove padding so people aren'#39't caught out if they zero ou' +
1011         't fieldsets.'
1012       ' */'
1013       ''
1014       'legend {'
1015       '    border: 0; /* 1 */'
1016       '    padding: 0; /* 2 */'
1017       '}'
1018       ''
1019       '/**'
1020       ' * 1. Correct font family not being inherited in all browsers.'
1021       ' * 2. Correct font size not being inherited in all browsers.'
1022
1023         ' * 3. Address margins set differently in Firefox 4+, Safari 5, a' +
1024         'nd Chrome.'
1025       ' */'
1026       ''
1027       'button,'
1028       'input,'
1029       'select,'
1030       'textarea {'
1031       '    font-family: inherit; /* 1 */'
1032       '    font-size: 100%; /* 2 */'
1033       '    margin: 0; /* 3 */'
1034       '}'
1035       ''
1036       '/**'
1037
1038         ' * Address Firefox 4+ setting `line-height` on `input` using `!i' +
1039         'mportant` in'
1040       ' * the UA stylesheet.'
1041       ' */'
1042       ''
1043       'button,'
1044       'input {'
1045       '    line-height: normal;'
1046       '}'
1047       ''
1048       '/**'
1049
1050         ' * Address inconsistent `text-transform` inheritance for `button' +
1051         '` and `select`.'
1052
1053         ' * All other form control elements do not inherit `text-transfor' +
1054         'm` values.'
1055
1056         ' * Correct `button` style inheritance in Chrome, Safari 5+, and ' +
1057         'IE 8+.'
1058       ' * Correct `select` style inheritance in Firefox 4+ and Opera.'
1059       ' */'
1060       ''
1061       'button,'
1062       'select {'
1063       '    text-transform: none;'
1064       '}'
1065       ''
1066       '/**'
1067
1068         ' * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys n' +
1069         'ative `audio`'
1070       ' *    and `video` controls.'
1071       ' * 2. Correct inability to style clickable `input` types in iOS.'
1072
1073         ' * 3. Improve usability and consistency of cursor style between ' +
1074         'image-type'
1075       ' *    `input` and others.'
1076       ' */'
1077       ''
1078       'button,'
1079       'html input[type="button"], /* 1 */'
1080       'input[type="reset"],'
1081       'input[type="submit"] {'
1082       '    -webkit-appearance: button; /* 2 */'
1083       '    cursor: pointer; /* 3 */'
1084       '}'
1085       ''
1086       '/**'
1087       ' * Re-set default cursor for disabled elements.'
1088       ' */'
1089       ''
1090       'button[disabled],'
1091       'html input[disabled] {'
1092       '    cursor: default;'
1093       '}'
1094       ''
1095       '/**'
1096       ' * 1. Address box sizing set to `content-box` in IE 8/9.'
1097       ' * 2. Remove excess padding in IE 8/9.'
1098       ' */'
1099       ''
1100       'input[type="checkbox"],'
1101       'input[type="radio"] {'
1102       '    box-sizing: border-box; /* 1 */'
1103       '    padding: 0; /* 2 */'
1104       '}'
1105       ''
1106       '/**'
1107
1108         ' * 1. Address `appearance` set to `searchfield` in Safari 5 and ' +
1109         'Chrome.'
1110
1111         ' * 2. Address `box-sizing` set to `border-box` in Safari 5 and C' +
1112         'hrome'
1113       ' *    (include `-moz` to future-proof).'
1114       ' */'
1115       ''
1116       'input[type="search"] {'
1117       '    -webkit-appearance: textfield; /* 1 */'
1118       '    -moz-box-sizing: content-box;'
1119       '    -webkit-box-sizing: content-box; /* 2 */'
1120       '    box-sizing: content-box;'
1121       '}'
1122       ''
1123       '/**'
1124
1125         ' * Remove inner padding and search cancel button in Safari 5 and' +
1126         ' Chrome'
1127       ' * on OS X.'
1128       ' */'
1129       ''
1130       'input[type="search"]::-webkit-search-cancel-button,'
1131       'input[type="search"]::-webkit-search-decoration {'
1132       '    -webkit-appearance: none;'
1133       '}'
1134       ''
1135       '/**'
1136       ' * Remove inner padding and border in Firefox 4+.'
1137       ' */'
1138       ''
1139       'button::-moz-focus-inner,'
1140       'input::-moz-focus-inner {'
1141       '    border: 0;'
1142       '    padding: 0;'
1143       '}'
1144       ''
1145       '/**'
1146       ' * 1. Remove default vertical scrollbar in IE 8/9.'
1147       ' * 2. Improve readability and alignment in all browsers.'
1148       ' */'
1149       ''
1150       'textarea {'
1151       '    overflow: auto; /* 1 */'
1152       '    vertical-align: top; /* 2 */'
1153       '}'
1154       ''
1155
1156         '/* =============================================================' +
1157         '============='
1158       '   Tables'
1159
1160         '   =============================================================' +
1161         '============= */'
1162       ''
1163       '/**'
1164       ' * Remove most spacing between table cells.'
1165       ' */'
1166       ''
1167       'table {'
1168       '    border-collapse: collapse;'
1169       '    border-spacing: 0;'
1170       '}'
1171       '-->'
1172       '</style>')
1173     Left = 360
1174     Top = 192
1175   end
1176   object css4: TPageProducer
1177     HTMLDoc.Strings = (
1178       '<meta http-equiv="Content-Style-Type" content="text/css">'
1179       '<style type="text/css">'
1180       '<!--'
1181       '/*** Styles for Live Preview Window ***/'
1182       ''
1183       '#livepreview_iframe {'
1184       '    box-shadow: inset 5px 5px 10px #666;'
1185       '    -moz-box-shadow: inset 5 5px 10px #666;'
1186       '    -webkit-box-shadow: inset 5 5px 10px #666;'
1187       '}'
1188       ''
1189       '#livepreview_dialog {'
1190       '    padding:0px;'
1191       '    height:200px;  '
1192       '    width:300px;'
1193       '    background-color:#fff;'
1194       '    background-image:url('#39'/images/icon_loading.gif'#39');'
1195       '    background-repeat:no-repeat;'
1196       '    background-position:center center;'
1197       '    position:absolute;'
1198       '    border:solid 5px #666;'
1199       '    border-radius:5px;'
1200       '    -moz-border-radius: 5px;'
1201       '    -webkit-border-radius:5px;'
1202       '}'
1203       ''
1204       '#livepreview_dialog:after, #livepreview_dialog:before {'
1205       '    border: solid transparent;'
1206       '    content: " ";'
1207       '    height: 0;'
1208       '    width: 0;'
1209       '    position: absolute;'
1210       '    pointer-events: none;'
1211       '}'
1212       ''
1213
1214         '#livepreview_dialog.bottom:after, #livepreview_dialog.bottom:bef' +
1215         'ore {'
1216       '    bottom: 100%;'
1217       '    left: 50%;'
1218       '}'
1219       ''
1220       '#livepreview_dialog.bottom:after {'
1221       '    border-color: rgba(255, 255, 255, 0);'
1222       '    border-bottom-color: #ffffffff;'
1223       '    border-width: 20px; '
1224       '    margin-left: -20px;'
1225       '}'
1226       '#livepreview_dialog.bottom:before {'
1227       '    border-color: rgba(102, 102, 102, 0);'
1228       '    border-bottom-color: #666666;'
1229       '    border-width: 26px;'
1230       '    margin-left: -26px;'
1231       '}'
1232       ''
1233       '#livepreview_dialog.top:after, #livepreview_dialog.top:before {'
1234       '    top: 100%;'
1235       '    left: 50%;'
1236       '}'
1237       ''
1238       '#livepreview_dialog.top:after {'
1239       '    border-color: rgba(255, 255, 255, 0);'
1240       '    border-top-color: #ffffffff;'
1241       '    border-width: 20px;'
1242       '    margin-left: -20px;'
1243       '}'
1244       ''
1245       '#livepreview_dialog.top:before {'
1246       '    border-color: rgba(102, 102, 102, 0);'
1247       '    border-top-color: #666666;'
1248       '    border-width: 26px;'
1249       '    margin-left: -26px;'
1250       '}'
1251       ''
1252
1253         '#livepreview_dialog.right:after, #livepreview_dialog.right:befor' +
1254         'e {'
1255       '    right: 100%;'
1256       '    top: 50%;'
1257       '}'
1258       ''
1259       '#livepreview_dialog.right:after {'
1260       '    border-color: rgba(255, 255, 255, 0);'
1261       '    border-right-color: #ffffffff;'
1262       '    border-width: 20px;'
1263       '    margin-top: -20px;'
1264       '}'
1265       ''
1266       '#livepreview_dialog.right:before {'
1267       '    border-color: rgba(102, 102, 102, 0);'
1268       '    border-right-color: #666666;'
1269       '    border-width: 26px;'
1270       '    margin-top: -26px;'
1271       '}'
1272       ''
1273       '#livepreview_dialog.left, #livepreview_dialog.left:before {'
1274       '    left: 100%;'
1275       '    top: 50%;'
1276       '}'
1277       ''
1278       '#livepreview_dialog.left:after {'
1279       '    border-color: rgba(255, 255, 255, 0);'
1280       '    border-left-color: #ffffffff;'
1281       '    border-width: 20px;'
1282       '    margin-top: -20px;'
1283       '}'
1284       ''
1285       '#livepreview_dialog.left:before {'
1286       '    border-color: rgba(102, 102, 102, 0);'
1287       '    border-left-color: #666666;'
1288       '    border-width: 26px;'
1289       '    margin-top: -26px;'
1290       '}'
1291       '-->'
1292       '</style>')
1293     Left = 360
1294     Top = 240
1295   end
1296   object header: TDataSetPageProducer
1297     HTMLDoc.Strings = (
1298       '    <header>'
1299       '    <a name=top></a>'
1300       '    <form action=/regist?db=<#database> method="post">'
1301       '      <table>'
1302       '        <tr><td>'
1303
1304         '          <label><p>'#12362#21517#21069'</p><input name="name" class=name value=<' +
1305         '#cookie param=name>></label>'
1306
1307         '          <label><p>'#12479#12452#12488#12523'</p><input name="title" class=title plac' +
1308         'eholder="'#12479#12452#12488#12523#12394#12375'."></label>'
1309       '          <input type="submit" value="'#36865#20449'">'
1310       '        </td></tr>'
1311       '        <tr><td>'
1312       '          <label><p>'#26412#25991'<span>'#24517#38920'</span><br></p>'
1313
1314         '            <textarea style="font-size:1.75em" name="comment" co' +
1315         'ls=30'
1316
1317         '                      required placeholder="'#12467#12513#12531#12488#12394#12393#12434#20837#21147#12375#12390#12367#12384#12373#12356'."><#' +
1318         'raw></textarea></label>'
1319       '        </td></tr>'
1320       '        <tr><td>'
1321
1322         '          <label><p>'#12497#12473#12527#12540#12489'</p><input name="password" type="passwo' +
1323         'rd" placeholder="'#21066#38500#29992'">'
1324
1325         '          </label> / <input type="checkbox" name="show" value="t' +
1326         'rue" <#check>><p>'#12503#12524#12499#12517#12540'</p>'
1327       '        </td></tr>'
1328       '        <tr><td>'
1329
1330         '          <label><p>'#21512#35328#33865#12434#12402#12425#12364#12394#12391#20837#21147#12375#12390#12367#12384#12373#12356': genki <input name=aikotob' +
1331         'a type=text value=<#cookie param=aikotoba>></label>'
1332       '        </td></tr>'
1333       '      </table>'
1334       '    </form>'
1335       '    </header><#preview>')
1336     DataSet = DataModule1.FDTable1
1337     OnHTMLTag = headerHTMLTag
1338     Left = 240
1339     Top = 192
1340   end
1341   object login: TDataSetPageProducer
1342     HTMLDoc.Strings = (
1343       '<!DOCTYPE HTML>'
1344       '  <head>'
1345       '    <meta charset=utf-8>'
1346       '    <title>'#12525#12464#12452#12531'</title>'
1347       '  </head>'
1348       '  <body>'
1349       '    <p style=text-align:center>'#31649#29702#32773#29992#12525#12464#12452#12531#30011#38754
1350       '</p>'
1351       '    <br>'
1352       '    <form action=/login method="post">'
1353       '    <p style=text-align:center>'
1354       '      <input type=text name=record value=<#database>>'
1355       '    '#9'  <input style=height:25px type="password" name="password">'
1356       '      <input type="submit" value="'#12525#12464#12452#12531'">'
1357       '    </p>'
1358       '    </form>'
1359       '      <p style=text-align:center><br><a href=/ >TOP'#12408#31227#21205'</a></p>'
1360       '  </body>'
1361       '</html>')
1362     DataSet = DataModule1.FDTable1
1363     Left = 304
1364     Top = 144
1365   end
1366   object js1: TPageProducer
1367     HTMLDoc.Strings = (
1368       '<script>'
1369       '<!--'
1370       '$(function(){'
1371       #9'$('#39'.livepreview'#39').livePreview({position:'#39'top'#39'});'
1372
1373         #9'$('#39'.minpreview'#39').livePreview({scale:1,viewWidth:900,viewHeight:' +
1374         '600});'
1375       #9
1376       #9'var $window = $(window),'
1377       #9#9'$header = $('#39'header'#39'),'
1378       #9#9'$button = $header.find('#39'button'#39'),'
1379       #9#9'$headerClone = $header.clone(),'
1380
1381         #9#9'$headerCloneContainer = $('#39'<div class=clone style=position:fix' +
1382         'ed;width:100%></div>'#39'),'
1383       #9#9'$clonebutton = $headerCloneContainer.find('#39'button'#39'),'
1384       #9#9'headerOffsetTop = $header.offset().top,'
1385       #9#9'headerHeight = $header.outerHeight();'
1386       #9
1387       #9'$button.on('#39'click'#39',function(){'
1388       #9#9'if ($window.scrollTop() > headerOffsetTop){'
1389       #9#9#9'$headerCloneContainer'
1390       #9#9#9#9'.css({'
1391       #9#9#9#9#9'opacity:1,'
1392       #9#9#9#9#9'top:-$window.scrollTop()+headerOffsetTop'
1393       #9#9#9#9'})'#9#9#9#9
1394       #9#9#9#9'.animate({top:0},300)'
1395       #9#9#9#9'.find('#39'textarea'#39').val($header.find('#39'textarea'#39').val());'
1396
1397         #9#9#9'$headerCloneContainer.find('#39'.name'#39').val($header.find('#39'.name'#39')' +
1398         '.val());'
1399
1400         #9#9#9'$headerCloneContainer.find('#39'.title'#39').val($header.find('#39'.title' +
1401         #39').val());'
1402       #9#9#9'$header.addClass('#39'open'#39');'
1403       #9#9'};'
1404       #9'}).css({top:headerOffsetTop+headerHeight});'
1405       #9'$headerCloneContainer.append($headerClone);'
1406       #9'$headerCloneContainer.appendTo('#39'body'#39');'
1407       #9'$headerCloneContainer'
1408       #9#9'.css({'#39'opacity'#39':0})'
1409       #9#9'.find('#39'button'#39').text('#39'close'#39').on('#39'click'#39',function(){'#9#9#9
1410       #9#9#9'var wintop = $window.scrollTop();'#9#9#9#9
1411       ''
1412
1413         #9#9#9'$header.find('#39'textarea'#39').val($headerCloneContainer.find('#39'text' +
1414         'area'#39').val());'
1415       #9#9#9'$headerCloneContainer'
1416       #9#9#9#9'.animate({top:-wintop+headerOffsetTop},300)'
1417       #9#9#9#9'.animate({opacity:0,top:-headerHeight},0);'
1418
1419         #9#9#9'$header.find('#39'.name'#39').val($headerCloneContainer.find('#39'.name'#39')' +
1420         '.val());'
1421
1422         #9#9#9'$header.find('#39'.title'#39').val($headerCloneContainer.find('#39'.title' +
1423         #39').val());'
1424       #9#9#9'$header.removeClass('#39'open'#39');'
1425       #9#9'});'
1426       #9'$window.on('#39'scroll'#39',function(){'
1427       #9#9'var wintop = $window.scrollTop();'
1428       #9#9
1429       #9#9'if ($header.hasClass('#39'open'#39')&&(wintop < headerOffsetTop)){'
1430       #9#9#9'$headerCloneContainer.css({opacity:0,top:-headerHeight});'
1431       #9#9#9'$header.removeClass('#39'open'#39');'
1432       #9#9#9'$window.trigger('#39'scroll'#39');'
1433       #9#9'};'
1434       #9#9'if (wintop > headerOffsetTop+headerHeight){'
1435       #9#9#9'$button.addClass('#39'sticky'#39').css({top:0});'
1436       #9#9'}else{'
1437
1438         #9#9#9'$button.removeClass('#39'sticky'#39').css({top:headerOffsetTop+header' +
1439         'Height});'
1440       #9#9'};'
1441       #9'});'
1442       '});'
1443       '-->'
1444       '</script>')
1445     Left = 304
1446     Top = 272
1447   end
1448   object js2: TPageProducer
1449     HTMLDoc.Strings = (
1450       '<script>'
1451       '<!--'
1452       '/* =========================================================='
1453       ' * jquery-live-preview.js v1.1.0'
1454       ' * https://github.com/alanphoon/jquery-live-preview'
1455       ' * =========================================================='
1456       ' * Copyright 2015 Alan Phoon, www.ampedupdesigns.com'
1457       ' * The MIT License'
1458       ' *'
1459
1460         ' * Permission is hereby granted, free of charge, to any person o' +
1461         'btaining a copy'
1462
1463         ' * of this software and associated documentation files (the "Sof' +
1464         'tware"), to deal'
1465
1466         ' * in the Software without restriction, including without limita' +
1467         'tion the rights'
1468
1469         ' * to use, copy, modify, merge, publish, distribute, sublicense,' +
1470         ' and/or sell'
1471
1472         ' * copies of the Software, and to permit persons to whom the Sof' +
1473         'tware is'
1474       ' * furnished to do so, subject to the following conditions:'
1475       ' * '
1476
1477         ' * The above copyright notice and this permission notice shall b' +
1478         'e included in'
1479       ' * all copies or substantial portions of the Software.'
1480       ' * '
1481
1482         ' * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIN' +
1483         'D, EXPRESS OR'
1484
1485         ' * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCH' +
1486         'ANTABILITY,'
1487
1488         ' * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO E' +
1489         'VENT SHALL THE'
1490
1491         ' * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES' +
1492         ' OR OTHER'
1493
1494         ' * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWIS' +
1495         'E, ARISING FROM,'
1496
1497         ' * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER' +
1498         ' DEALINGS IN'
1499       ' * THE SOFTWARE.'
1500       ' * ========================================================== */'
1501       ''
1502       '(function($) {'
1503       '  $.fn.extend({'
1504       '     livePreview: function(options) {'
1505       '         '
1506       '         var defaults = {'
1507       '             trigger: '#39'hover'#39','
1508       '             targetWidth : 1000,'
1509       '             targetHeight: 800,'
1510       '             viewWidth: 300,'
1511       '             viewHeight: 200,'
1512       '             position: '#39'right'#39','
1513       '             positionOffset: 40,'
1514       '         };'
1515       ''
1516       '         var options = $.extend(defaults, options);'
1517       '         //calculate appropriate scaling based on width.'
1518
1519         '         var scale_w = (options.viewWidth / options.targetWidth)' +
1520         ';'
1521
1522         '         var scale_h = (options.viewHeight / options.targetHeigh' +
1523         't);'
1524       '         var scale_f = 1;'
1525       '         var preview_id = '#39'livepreview_dialog'#39';'
1526       ''
1527       '         if(typeof options.scale != '#39'undefined'#39')'
1528       '             scale_f = options.scale;'
1529       '         else'
1530       '         {'
1531       '             if(scale_w > scale_h)'
1532       '                 scale_f = scale_w;'
1533       '             else'
1534       '                 scale_f = scale_h;'
1535       '         }'
1536       '         '
1537       '         var showPreview = function(event) {'
1538       '             var triggerType = event.data.triggerType;'
1539       '             var obj = event.data.target;'
1540       '             var href = event.data.href;'
1541       '             var s = event.data.scale;'
1542       '             '
1543
1544         '             if( (triggerType == '#39'click'#39') && ($('#39'#'#39' + preview_id' +
1545         ').length == 0) ) {'
1546       '                 event.preventDefault();'
1547       '             }'
1548       ''
1549       '             var currentPos = options.position;'
1550       '              if(obj.attr("data-position"))'
1551       '                 currentPos = obj.attr("data-position");'
1552       ''
1553       '             var currentOffset = options.positionOffset;'
1554       '             if(obj.attr("data-positionOffset"))'
1555
1556         '                 currentOffset = obj.attr("data-positionOffset")' +
1557         ';'
1558       ''
1559       '             if(obj.attr("data-scale"))'
1560       '                 s = obj.attr("data-scale");'
1561       ''
1562       '             var pos = $(this).offset();'
1563       '             var width = $(this).width();'
1564       '             var height = $(this).height();'
1565       '             var toppos = pos.top - (options.viewHeight/2);'
1566       '             var leftpos = pos.left + width + currentOffset;'
1567       ''
1568       '             if(currentPos == '#39'left'#39') {'
1569
1570         '                leftpos = pos.left - options.viewWidth - current' +
1571         'Offset;'
1572       '             }'
1573       '            '
1574       '             if(currentPos == '#39'top'#39') {'
1575
1576         '                leftpos = pos.left + (width/2) - (options.viewWi' +
1577         'dth/2);'
1578
1579         '                toppos = pos.top - options.viewHeight - currentO' +
1580         'ffset;'
1581       '             }'
1582       ''
1583       '             if(currentPos == '#39'bottom'#39') {'
1584
1585         '                leftpos = pos.left + (width/2) - (options.viewWi' +
1586         'dth/2);'
1587       '                toppos = pos.top + (height/2) + currentOffset;'
1588       '             }'
1589       '             '
1590       '             //hover on '
1591
1592         '             $('#39'body'#39').append('#39'<div id="livepreview_dialog" clas' +
1593         's="'#39' + currentPos + '#39'" style="display:none; padding:0px; left: '#39 +
1594         ' + leftpos + '#39'px; top:'#39' + toppos + '#39'px; width: '#39' + options.viewW' +
1595         'idth + '#39'px; height: '#39' + options.viewHeight + '#39'px"><div class="li' +
1596         'vepreview-container" style="overflow:hidden; width: '#39' + options.' +
1597         'viewWidth + '#39'px; height: '#39' + options.viewHeight + '#39'px"><iframe i' +
1598         'd="livepreview_iframe" src="'#39' + href + '#39'" style="height:'#39' + opti' +
1599         'ons.targetHeight + '#39'px; width:'#39' + options.targetWidth + '#39'px;-moz' +
1600         '-transform: scale('#39'+ s + '#39');-moz-transform-origin: 0 0;-o-transf' +
1601         'orm: scale('#39'+ s + '#39');-o-transform-origin: 0 0;-webkit-transform:' +
1602         ' scale('#39'+ s + '#39');-webkit-transform-origin: 0 0;"></iframe></div>' +
1603         '</div>'#39');'
1604       '             $('#39'#'#39' + preview_id).fadeIn(100);'
1605       '         };'
1606       ''
1607       '         return this.each(function() {'
1608       '            var o = options;'
1609       '            var s = scale_f;'
1610       '            var obj = $(this);'
1611
1612         '            var href = obj.attr("data-preview-url") || obj.attr(' +
1613         '"href");'
1614       '            var triggerType = options.trigger;'
1615       ''
1616       '            if(obj.attr("data-trigger")) {'
1617       '                triggerType = obj.attr("data-trigger");'
1618       '            }'
1619       ''
1620       '            if(triggerType != '#39'click'#39') {'
1621       '                triggerType = '#39'mouseenter'#39';'
1622       '                obj.on('#39'click'#39', function() {'
1623       '                    $('#39'#'#39' + preview_id).remove();'
1624       '                });'
1625       '            }'
1626       '            '
1627
1628         '            obj.on(triggerType, null, { triggerType: triggerType' +
1629         ', target: obj, href: href, scale: s }, showPreview);'
1630       '            obj.on('#39'mouseleave'#39', function() {'
1631       '                $('#39'#'#39' + preview_id).remove();'
1632       '            });'
1633       ''
1634       '         });'
1635       '     }'
1636       '  });'
1637       '})(jQuery);'
1638       '-->'
1639       '</script>')
1640     Left = 256
1641     Top = 272
1642   end
1643 end