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