OSDN Git Service

依然調べたのを忘れてしまい
[newbbs/newbbs.git] / WebModuleUnit1.dfm
index b346513..c89c24c 100644 (file)
@@ -1,4 +1,4 @@
-object TWebModule1: TTWebModule1
+object WebModule1: TWebModule1
   OldCreateOrder = False
   OnCreate = WebModuleCreate
   Actions = <
@@ -6,83 +6,112 @@ object TWebModule1: TTWebModule1
       MethodType = mtGet
       Name = 'top'
       PathInfo = '/'
-      OnAction = TWebModule1topAction
+      OnAction = WebModule1topAction
     end
     item
       MethodType = mtGet
       Name = 'indexpage'
       PathInfo = '/index'
-      OnAction = TWebModule1indexpageAction
+      OnAction = WebModule1indexpageAction
     end
     item
       MethodType = mtPost
       Name = 'regist'
       PathInfo = '/regist'
-      OnAction = TWebModule1registAction
+      OnAction = WebModule1registAction
     end
     item
       MethodType = mtGet
       Name = 'admin'
       PathInfo = '/admin'
-      OnAction = TWebModule1adminAction
+      OnAction = WebModule1adminAction
     end
     item
       Name = 'search'
       PathInfo = '/search'
-      OnAction = TWebModule1searchAction
+      OnAction = WebModule1searchAction
     end
     item
       Name = 'help'
       PathInfo = '/help'
-      OnAction = TWebModule1helpAction
+      OnAction = WebModule1helpAction
     end
     item
-      MethodType = mtGet
       Name = 'master'
       PathInfo = '/master'
-      OnAction = TWebModule1masterAction
+      OnAction = WebModule1masterAction
     end
     item
       Name = 'alert'
       PathInfo = '/alert'
-      OnAction = TWebModule1alertAction
+      OnAction = WebModule1alertAction
     end
     item
       MethodType = mtPost
       Name = 'usrdel'
       PathInfo = '/userdel'
-      OnAction = TWebModule1deleteAction
+      OnAction = WebModule1usrdelAction
     end
     item
       Name = 'jump'
       PathInfo = '/jump'
-      OnAction = TWebModule1jumpAction
+      OnAction = WebModule1jumpAction
     end
     item
       MethodType = mtGet
       Name = 'link'
       PathInfo = '/link'
-      OnAction = TWebModule1linkAction
+      OnAction = WebModule1linkAction
     end
     item
       MethodType = mtPost
       Name = 'admdel'
       PathInfo = '/admindel'
-      OnAction = TWebModule1admdelAction
+      OnAction = WebModule1admdelAction
     end
     item
       Name = 'login'
       PathInfo = '/login'
-      OnAction = TWebModule1loginAction
+      OnAction = WebModule1loginAction
+    end
+    item
+      MethodType = mtPost
+      Name = 'adminset'
+      PathInfo = '/adminset'
+      OnAction = WebModule1adminsetAction
+    end
+    item
+      MethodType = mtGet
+      Name = 'logout'
+      PathInfo = '/logout'
+      OnAction = WebModule1logoutAction
+    end
+    item
+      MethodType = mtGet
+      Name = 'img'
+      PathInfo = '/src'
+      OnAction = WebModule1imgAction
+    end
+    item
+      MethodType = mtGet
+      Name = 'file'
+      PathInfo = '/file'
+      OnAction = WebModule1fileAction
+    end
+    item
+      Name = 'title'
+      PathInfo = '/title'
+      OnAction = WebModule1titleAction
     end>
-  Height = 353
-  Width = 436
+  Height = 385
+  Width = 909
   object articles: TDataSetPageProducer
     HTMLDoc.Strings = (
       '                                            <hr size=1>'
       
-        #9'<section id=number><a name=<#number>></a><a href=/jump?num=<#nu' +
-        'mber> style=text-decoration:none>'
+        #9'<section id=number><a name=<#number>></a><a href=<#uri>/jump?db' +
+        '=<#dbnum>&num=<#number>'
+      '         style=text-decoration:none>'
       #9#9'[<#number>]</a></section>'
       #9'<section id=title><#title></section>'
       #9'<section id=name>'#12288'Name:<h1><#name></h1></section>'
@@ -90,10 +119,10 @@ object TWebModule1: TTWebModule1
       #9'<p>'#9661#9650#9661#9650#9661#9650#9661
       #9'<section id=comment><#comment></section>'
       
-        '<section id=master style=text-align:right><a href=/alert?db=<#da' +
-        'tabase>&num=<#number>>'#22577#21578'</a></section>'
+        '<section id=master style=text-align:right><a href=<#uri>/alert?d' +
+        'b=<#dbnum>&num=<#number>>'#22577#21578'</a></section>'
       #9'<p>'#9651#9660#9651#9660#9651#9660#9651)
-    DataSet = DataModule1.FDTable2
+    DataSet = FDTable2
     OnHTMLTag = articlesHTMLTag
     Left = 112
     Top = 88
@@ -104,8 +133,18 @@ object TWebModule1: TTWebModule1
       '<html lang="ja">'
       '  <head>'
       '    <meta charset="utf-8">'
+      '  <meta http-equiv="Content-Style-Type" content="text/css">'
+      
+        '    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.' +
+        'com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJz' +
+        'ZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" c' +
+        'rossorigin="anonymous">'
+      '<style type="text/css">'
+      '<!--'
       '    <#css id=2>'
       '    <#css id=4>'
+      '-->'
+      '</style>'
       
         '    <script src=//cdn.rawgit.com/google/code-prettify/master/loa' +
         'der/run_prettify.js></script>'
@@ -123,39 +162,90 @@ object TWebModule1: TTWebModule1
       '    </title>'
       '  </head>'
       '  <body>'
-      ''
-      '    <a href=/ style=text-decoration:none><#title2></a>'
+      
+        '    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.j' +
+        's" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp' +
+        '4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>'
+      
+        '    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.j' +
+        's/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRax' +
+        'vfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="ano' +
+        'nymous"></script>'
+      
+        '    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.' +
+        '2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2j' +
+        'oaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonym' +
+        'ous"></script>'
+      '<#pr>'
+      '    <a href=<#uri>/ style=text-decoration:none><#title2></a>'
       ''
       '    <#header>'
-      ''
-      '    <hr size="1" width="100%">'
+      '      <div class="container pt-5">'
+      
+        '    <button class="btn shadow" data-toggle=collapse data-target=' +
+        '.item1'
+      '      aria-expanded=false aria-controls="item1-a item1-b">'
+      '    '#12402#12425#12367'</button>'
+      '    <div class="container pt-3">'
+      '    <div class="row col-5 p-0">'
+      '      <div class="col-4 p-0">'
+      
+        '    <div class="collapse item1" id=item1-a><div class="card card' +
+        '-body">'
+      
+        '    <form action=<#uri>/userdel?db=<#dbnum> method="post" id=sea' +
+        'rch>'
       
-        '    <form action=/userdel?db=<#database> method="post" id=search' +
-        '>'
-      '      <label><p>'#35352#20107'No</p><input name="number"></label>'
+        '      <label for=id1>'#35352#20107'No</label><input id=id1 class="form-contr' +
+        'ol" name="num">'
       
-        '      <label><p>Pass</p><input type="password" name="password"><' +
-        '/label>'
-      '      <input type="submit" value="'#21066#38500'">'
+        '      <label for=pass1>Pass</label><input id=pass1 class="form-c' +
+        'ontrol mb-3" type="password" name="password">'
+      '      <button type="submit">'#21066#38500'</button>'
       '    </form>'
-      '    <form action=/jump?db=<#database> method=post id=search>'
-      '      <label><p>'#35352#20107'No</p><input name=num></label>'
-      '      <input type=submit value='#31227#21205'>'
+      '    </div></div>'
+      '      </div>'
+      '      <div class="col-8">'
+      
+        '    <div class="collapse item1" id=item1-b><div class="card card' +
+        '-body">'
+      '    <form action=<#uri>/jump?db=<#dbnum> method=post id=search>'
+      '      <div class="input-group">'
+      
+        '      <div class=input-group-prepend><span class=input-group-tex' +
+        't>'#35352#20107'No</span></div>'
+      '      <input id=number1 class="form-control" name=num>'
+      
+        '      <div class=input-group-append><button type=submit>'#31227#21205'</butt' +
+        'on></div>'
+      '      </div>'
       '    </form>'
-      '    <p><a href=/search?db=<#database>>'#26908#32034#12506#12540#12472'</a></p>'
-      '    <p style=text-align:right><a href=#article>'#19979#12408#31227#21205'</a></p>'
+      '    </div></div>'
+      '      </div>'
+      '    </div>'
+      '    </div>'
+      '      </div>'
+      '    <p><br></p>'
+      '    <p><a href=<#uri>/search?db=<#dbnum>>'#26908#32034#12506#12540#12472'</a></p>'
       '    <p style=text-align:center><#database></p>'
       '    <#footer>'
       '  <#article>'
       #9'<a name=article></a>'
-      #9'<p style=text-align:right><a href=#top>Top'#12408#31227#21205'</a></p>'
+      '    <div style=position:fixed;right:30px;bottom:40px>'
+      
+        '      <p><a class="btn btn-outline-info rounded-pill" href=#top>' +
+        #19978#12408'</a>'
+      
+        '      <p><a class="btn btn-outline-info rounded-pill" href=#arti' +
+        'cle>'#19979#12408'</a>'
+      '    </div>'
       '  <#footer>'
       
-        '    <p style=text-align:center><a href="/admin?db=<#database>">'#31649 +
-        #29702#32773#29992#12525#12464#12452#12531'</a></p>'
+        '    <p style=text-align:center><a href="<#uri>/admin?db=<#dbnum>' +
+        '">'#31649#29702#32773#29992#12525#12464#12452#12531'</a></p>'
       '  </body>'
       '</html>')
-    DataSet = DataModule1.FDTable1
+    DataSet = FDTable3
     OnHTMLTag = indexHTMLTag
     Left = 112
     Top = 32
@@ -163,9 +253,11 @@ object TWebModule1: TTWebModule1
   object admin: TDataSetTableProducer
     Columns = <
       item
-        Title.Caption = 'check'
+        Custom = 'width=10%'
+        FieldName = 'CHECK'
       end
       item
+        Custom = 'width=10%'
         FieldName = 'NUMBER'
       end
       item
@@ -175,19 +267,16 @@ object TWebModule1: TTWebModule1
         FieldName = 'NAME'
       end
       item
-        FieldName = 'COMMENT'
-      end
-      item
         FieldName = 'DATE'
       end>
     Footer.Strings = (
-      '<input type=submit value='#21066#38500#12377#12427'><input type=submit value='#12522#12475#12483#12488'>'
-      '</form>'
       '')
-    Header.Strings = (
-      '<form action=/admindel method=post>')
     MaxRows = 30
-    DataSet = DataModule1.FDTable2
+    DataSet = FDTable2
+    RowAttributes.Align = haCenter
+    TableAttributes.Align = haCenter
+    TableAttributes.BgColor = 'White'
+    TableAttributes.Width = 80
     OnFormatCell = adminFormatCell
     Left = 176
     Top = 32
@@ -200,11 +289,16 @@ object TWebModule1: TTWebModule1
       '<html>'
       '  <head>'
       '    <title>'#26908#32034'</title>'
+      '    <style type=text/css>'
+      '    <!--'
       '    <#css>'
+      '    -->'
+      '    </style>'
       '  </head>'
       ''
       '  <body>'
-      '    <form action="/search<#query>" method="post">'
+      '<#pr>'
+      '    <form action="<#uri>/search<#query>" method="post">'
       '    <p align="center"><strong>'#25237#31295#26908#32034
       '</strong>'
       '    </p>'
@@ -231,7 +325,7 @@ object TWebModule1: TTWebModule1
       '      <p>'
       '    <input type="submit" value="'#26908#32034'"></p>'
       '    </form>'
-      '      <p><a href="/">'#25522#31034#26495#12408#25147#12427
+      '      <p><a href="<#select>">'#25522#31034#26495#12408#25147#12427
       '</a></p>'
       '    <#items>'
       '  </body>'
@@ -249,7 +343,7 @@ object TWebModule1: TTWebModule1
       #9
       #9'<section id=comment><#item></section>'
       '')
-    DataSet = DataModule1.FDTable2
+    DataSet = FDTable4
     OnHTMLTag = itemsHTMLTag
     Left = 240
     Top = 144
@@ -261,14 +355,9 @@ object TWebModule1: TTWebModule1
       ''
       '<html><head><meta charset=utf8><title>'#20351#12356#26041'</title></head>'
       '<body>'
+      '<#pr>'
       '<P>'#35370#21839#32773#12398#30342#12373#12435'</P>'
-      '<form action=/help method=post>'
-      #9'<p>'#12362#21839#12356#21512#12431#12379'<'#21066#38500#20381#38972#12394#12393#20309#12391#12418'></p>'
-      #9'<textarea name=help style=height:100px;width:250px>'
-      #25237#31295#32773#21517#12394#12393#65306
-      #30456#35527#20869#23481#65306
-      #12381#12398#20182#65306'</textarea><br>'
-      #9'<input type=submit value="'#36865#20449'"></form>'
+      '<#area>'
       #9'<p><br>'
       '<p>'#38283#30330#32773#12398#30342#12373#12435
       '<p>pybbs'#12398'API'
@@ -278,34 +367,53 @@ object TWebModule1: TTWebModule1
       '<p>'
       '<p>'#21033#29992#35215#32004
       '<p>'#12371#12428#12363#12425#26360#12365#12414#12377
-      '<p style=text-align:center><a href=/>'#25147#12427'</a>'
+      '<p style=text-align:center><a href=<#uri>/>'#25147#12427'</a>'
       '</body>'
       '</html>')
+    OnHTMLTag = helpHTMLTag
     Left = 304
     Top = 32
   end
   object top: TPageProducer
     HTMLDoc.Strings = (
       '<!doctype html>'
-      '<html class="no-js" lang="ja">'
+      '<html class=no-js lang="ja">'
       '<head>'
+      #9'<title>Top Page</title>'
+      
+        ' <script type="text/javascript" src="//ajax.googleapis.com/ajax/' +
+        'libs/jquery/2.1.4/jquery.min.js"></script>'
       
-        #9'<meta charset="utf-8" name="google-site-verification"  content=' +
-        '"5KOTJTKv1HgTtIt0zVGzuyAkADCwXRme-RiiKJ03l3s" />'
-      #9'<meta http-equiv="X-UA-Compatible" content="IE=edge">'
-      #9'<title>Top Page'
-      '</title>'
-      '<#css id=1>'
-      '<#css id=3>'
-      #9'<script src="{{static_url(js/jquery-1.10.2.min.js"></script>'
-      #9'<script src="{{static_url(js/top.js"></script>'
-      #9'<script src="{{static_url(js/modernizr.custom.min.js"></script>'
-      
-        #9'<script src="{{static_url(js/jquery-ui-1.10.3.custom.min.js"></' +
-        'script>'
+        ' <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jq' +
+        'ueryui/1.10.4/themes/smoothness/jquery-ui.css" />'
+      
+        ' <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jq' +
+        'uery-ui.min.js"></script>'
+      
+        ' <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com' +
+        '/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqF' +
+        'Gwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" cros' +
+        'sorigin="anonymous">'
+      '<link rel=icon href=<#uri>/src?name=favicon64.ico>'
       '</head>'
       '<body>'
+      
+        '    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.j' +
+        's" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp' +
+        '4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>'
+      
+        '    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.j' +
+        's/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRax' +
+        'vfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="ano' +
+        'nymous"></script>'
+      
+        '    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.' +
+        '2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2j' +
+        'oaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonym' +
+        'ous"></script>'
+      '<#pr>'
       '<div id="fb-root"></div>'
+      ''
       '<script>(function(d, s, id) {'
       '  var js, fjs = d.getElementsByTagName(s)[0];'
       '  if (d.getElementById(id)) return;'
@@ -315,24 +423,38 @@ object TWebModule1: TTWebModule1
         'v2.8";'
       '  fjs.parentNode.insertBefore(js, fjs);'
       '}(document, '#39'script'#39', '#39'facebook-jssdk'#39'));</script>'
+      ''
+      ''
       '<header><h1 style="text-align: center;">'#28961#26009#38651#23376#25522#31034#26495#12408#12424#12358#12371#12381
-      '</h1></header><div class="slideshow">'
-      #9'<div class="slideshow-slides"><div class="slide">'
-      #9'<img src=>'
-      '<#list>'
-      '</div>'
-      '</div>'
+      '</h1></header>'
+      '<div id="slide-1" class="carousel slide" data-ride="carousel">'
+      '  <ol class="carousel-indicators">'
+      '    <#indicator>'
+      '  </ol>'
+      '  <div class="carousel-inner bg-dark"><#slide></div>'
+      ''
+      
+        #9'<a class="carousel-control-prev" href="#slide-1" role="button" ' +
+        'data-slide="prev">'
+      
+        '          <span class="carousel-control-prev-icon" aria-hidden="' +
+        'true"></span>'
+      '          <span class="sr-only">Previous</span>'
+      '        </a>'
+      
+        '        <a class="carousel-control-next" href="#slide-1" role="b' +
+        'utton" data-slide="next">'
+      
+        '          <span class="carousel-control-next-icon" aria-hidden="' +
+        'true"></span>'
+      '          <span class="sr-only">Next></span>'
+      '        </a>'
       '</div>'
-      #9'<div class="slideshow-nav">'
-      #9'<a href="#" class="prev">prev'
-      '</a>'
-      #9'<a href="#" class="next">next'
-      '</a>'
-      #9'</div>'
-      #9'<div class="slideshow-indicator"></div>'
+      '<p>'
+      '<p>'#12288'<em style="background-color: aqua;">'#12288#12288#12288#12288'</em>'#12539#12539#12539'new!'
       
-        '        <p>[ <a href=/index?db=<#info>><#info></a> ] ='#12362#30693#12425#12379' <p>[ ' +
-        '<a href="/master">master'
+        '        <p>[ <a href=<#uri>/index?db=<#dbnum>><#info></a> ] ='#12362#30693#12425 +
+        #12379' <p>[ <a href="<#uri>/master">master'
       
         '</a> ] ='#31649#29702#20154'<div class="fb-like" data-href="http://pybbs.herokuap' +
         'p.com" data-layout="box_count" data-action="like" data-size="sma' +
@@ -343,11 +465,12 @@ object TWebModule1: TTWebModule1
         'counter.php?id=pybbs" border="0"></a>'
       '<footer>'
       '<p><br>'
-      '<p><a href="/title">'#12479#12452#12488#12523#34920#31034
-      '</a>'
-      '<p><a href="/help">'#20351#12356#26041#26696#20869
+      '<p><a href=<#uri>/title>'#12479#12452#12488#12523#34920#31034'</a>'
+      '<p><a href="<#uri>/help">'#20351#12356#26041#26696#20869
       '</a>'
-      '<p><a href=/search>'#26908#32034'</a>'
+      '<p><a href=<#uri>/search>'#26908#32034'</a>'
+      '<p align="center">'#12522#12531#12463#12501#12522#12540
+      #9'<p align="center"><img src=<#uri>/src?name=BBS_bn.jpg>'
       '<p>PR '#12522#12531#12463'<br>'
       
         '<p><a href="https://www.amazon.co.jp/%E9%AB%98%E6%A0%A1%E5%8D%92' +
@@ -381,9 +504,15 @@ object TWebModule1: TTWebModule1
       '<meta charset=utf-8>'
       '</head>'
       '<body>'
-      ''
+      '<#pr>'
+      '<form action=<#uri>/master method=post>'
       '<p><#request>'
-      '<p style=text-align:center><a href=/>'#25147#12427'</a>'
+      '<input type=radio name=delete value=some checked>'#21066#38500#28168#12415#12434#28040#21435#12288
+      '<input type=radio name=delete value=all>'#12377#12409#12390#28040#21435
+      '<input type=submit value="'#36865#20449'">'
+      '</form>'
+      '<p style=text-align:center><a href=<#uri>/logout>'#12525#12464#12450#12454#12488'</a>'
+      '<p style=text-align:center><a href=<#uri>/>'#25147#12427'</a>'
       '</body></html>')
     OnHTMLTag = masterHTMLTag
     Left = 48
@@ -391,229 +520,54 @@ object TWebModule1: TTWebModule1
   end
   object alert: TDataSetPageProducer
     HTMLDoc.Strings = (
-      '<p>[ <#dbname>-<#posnum> ]<#date>'
-      '<p><#article>'
-      '<hr>')
-    DataSet = DataModule1.FDTable4
+      '<tr><td>'
+      '<p><#plus><#date>'
+      '<p><#article></td><td><#request>'
+      '</td><tr>')
+    DataSet = FDTable4
     OnHTMLTag = alertHTMLTag
     Left = 48
     Top = 192
   end
-  object footer: TDataSetPageProducer
-    HTMLDoc.Strings = (
-      '<p style=text-align:center>[ <#link> ] <#recent>')
-    DataSet = DataModule1.FDTable1
-    OnHTMLTag = footerHTMLTag
-    Left = 112
-    Top = 192
-  end
   object mail: TPageProducer
     HTMLDoc.Strings = (
       '<!doctyle html>'
       '<html>'
       '<head><meta charset=utf-8></head>'
       '<body>'
-      '<form action=/alert<#query>  method=post>'
+      '<#pr>'
+      '<form action=<#uri>/alert<#query>  method=post>'
       '  <#content>'
       '<textarea name=request></textarea>'
       '<input type=submit>'
-      '<p style=text-align:center><a href=/index<#query>>'#25147#12427'</a>'
+      '<p style=text-align:center><a href=<#uri>/jump<#query>>'#25147#12427'</a>'
       '</form>'
       '</body></html>')
     OnHTMLTag = mailHTMLTag
     Left = 176
     Top = 144
   end
-  object css1: TPageProducer
-    HTMLDoc.Strings = (
-      '<meta http-equiv="Content-Style-Type" content="text/css">'
-      '<style type="text/css">'
-      '<!--'
-      '@media only screen and (min-width:900px){'
-      '.slideshow-nav a.prev {'
-      #9'margin-left:-480px'
-      #9'}'
-      '.slideshow-nav a.next {'
-      #9'margin-left:408px'
-      #9'}'
-      '}'
-      '@media only screen and (min-width:600px)'
-      'and (max-width:899px){'
-      'header h1 {'
-      #9'font-size:1em'
-      #9'}'
-      '.slideshow .slide img {'
-      #9'display:none'
-      '}'
-      '.slideshow-nav a.prev {'
-      #9'margin-left:-300px'
-      #9'}'
-      '.slideshow-nav a.next {'
-      #9'margin-left:200px'
-      #9'}'
-      '}'
-      '@media only screen and (max-width:599px){'
-      'header h1 {'
-      #9'font-size:1em'
-      #9'}'
-      '.slideshow .slide img {'
-      #9'display:none'
-      '}'
-      '.slideshow-nav a.prev {'
-      #9'margin-left:-150px'
-      #9'}'
-      '.slideshow-nav a.next {'
-      #9'margin-left:100px'
-      #9'}'
-      '}'
-      ''
-      '.slideshow-slides {'
-      #9'height:100%;'
-      #9'position:absolute;'
-      #9'width:100%;'
-      '}'
-      ''
-      '.slideshow {'
-      #9'background-color:rgb(255,225,225);'
-      #9'width:100%;'
-      #9'height:465px;'
-      #9'overflow:hidden;'
-      #9'position:relative'
-      '}'
-      ''
-      '.slideshow-slides .slide {'
-      #9'height:100%;'
-      #9'overflow:auto;'
-      #9'position:absolute;'
-      #9'width:100%;'
-      '}'
-      ''
-      '.slide p {'
-      #9'font-size:1.5em'
-      '}'
-      ''
-      '.slideshow-nav a,'
-      '.slideshow-indicator a {'
-      #9'overflow:hidden'
-      '}'
-      ''
-      '.slideshow-nav a:before,'
-      '.slideshow-indicator a:before {'
-      #9'content:url(../img/sprites.png);'
-      #9'display:inline-block;'
-      #9'font-size:0;'
-      #9'line-height:0'
-      '}'
-      ''
-      '.slideshow-nav a {'
-      #9'position:absolute;'
-      #9'top:50%;'
-      #9'left:50%;'
-      #9'width:72px;'
-      #9'height:72px;'
-      #9'margin-top:-36px'
-      '}'
-      ''
-      '.slideshow-nav a.prev:before {'
-      #9'margin-top:-20px'
-      '}'
-      ''
-      '.slideshow-nav a.next:before {'
-      #9'margin-left:-80px;'
-      #9'margin-top:-20px'
-      '}'
-      ''
-      '.slideshow-nav a.disabled {'
-      #9'display:none'
-      '}'
-      ''
-      '.slideshow-indicator {'
-      #9'bottom:30px;'
-      #9'height:16px;'
-      #9'left:0;'
-      #9'position:absolute;'
-      #9'right:0;'
-      #9'text-align:center'
-      '}'
-      ''
-      '.slideshow-indicator a {'
-      #9'display:inline-block;'
-      #9'width:16px;'
-      #9'height:16px;'
-      #9'margin-left:3px;'
-      #9'margin-right:3px'
-      '}'
-      ''
-      '.slideshow-indicator a.active {'
-      #9'cursor:default'
-      '}'
-      ''
-      '.slideshow-indicator a:before {'
-      #9'margin-left:-110px'
-      '}'
-      ''
-      '.slideshow-indicator a.active:before {'
-      #9'margin-left:-130px'
-      '}'
-      ''
-      '.no-js .slideshow {'
-      #9'height:auto'
-      '}'
-      ''
-      '.no-js .slideshow-slides {'
-      #9'height:auto;'
-      #9'position:static'
-      '}'
-      ''
-      '.no-js .slideshow-slides .slide {'
-      #9'display: block;'
-      #9'height: auto;'
-      #9'position:static'
-      '}'
-      ''
-      '.no-js .slideshow-slides .slide .box{'
-      #9'margin:auto;'
-      #9'position:static'
-      '}'
-      ''
-      '.no-js .slideshow-nav,'
-      '.no-js .slideshow-indicator {'
-      #9'display:none'
-      '}'
-      '-->'
-      '</style>')
-    Left = 360
-    Top = 96
-  end
   object css2: TPageProducer
     HTMLDoc.Strings = (
-      '<meta http-equiv="Content-Style-Type" content="text/css">'
-      '<style type="text/css">'
-      '<!--'
       'section#number {'
       '    display:inline'
       '}'
       ''
       'section#title {'
       '    display:inline;'
-      '    font:bold;'
-      '    font-size:1.2em;'
-      '    color:#D01166;'
+      '    font-weight:bold;'
+      '    font-size:1.2rem;'
+      '    color:#D01166'
       '}'
       ''
       'section#name h1 {'
-      '    font:bold;'
-      '    font-size:1em;'
-      '    color:#007000;'
-      '    margin:0;'
-      '}'
-      ''
-      'section#date h1 {'
-      '    font-size:1em;'
-      '    margin:0;'
+      '    font-size:1rem;'
+      '    font-weight:bold;'
+      '    color:#007000'
       '}'
       ''
       'section h1 {'
+      '    font-size:1rem;'
       '    display:inline;'
       '}'
       ''
@@ -630,84 +584,21 @@ object TWebModule1: TTWebModule1
       '    width:100%'
       '}'
       ''
-      'header table {'
-      '    margin:auto'
-      '}'
-      ''
-      'header p {'
-      '    display:inline'
-      '}'
-      ''
-      '@media only screen and (min-width:900px){'
-      'header textarea {'
-      '    width:100%;'
-      '    height:150px;'
-      #9'}'
-      '}'
-      '@media only screen and (max-width:899px){'
-      'header textarea {'
-      #9'width:70%;'
-      #9'height:90px'
-      #9'}'
-      '}'
-      ''
-      'button {'
+      'button#custom {'
       #9'position:absolute;'
       #9'width:80px;'
       #9'height:30px;'
       #9'right:20px'
       '}'
       ''
-      'button.sticky {'
-      #9'position:fixed;'
-      #9'top:0'
-      '}'
-      ''
-      'input[type=password] {'
-      '    width:55px'
-      '}'
-      ''
-      'form#search input {'
-      '    height:22px;'
-      '    width:55px'
-      '}'
-      ''
-      'span {'
-      '    color:#ff0000'
-      '}'
-      ''
-      'p {'
-      #9'text-indent:0;'
-      #9'margin:0'
-      '}'
-      ''
       'body {'
       #9'line-height:1.5'
-      '}'
-      ''
-      'table {'
-      #9'margin:auto;'
-      #9'border:0'
-      '}'
-      ''
-      'form#search {'
-      #9'border:solid;'
-      #9'display:inline-block;'
-      #9'margin-top:30px;'
-      #9'margin-right:30px;'
-      #9'margin-left:30px;'
-      #9'margin-bottom:30px'
-      '}'
-      '-->'
-      '</style>')
+      '}')
     Left = 360
     Top = 144
   end
   object css3: TPageProducer
     HTMLDoc.Strings = (
-      '<meta http-equiv="Content-Style-Type" content="text/css">'
-      '<style type="text/css">'
-      '<!--'
       '/*! normalize.css v2.1.2 | MIT License | git.io/normalize */'
       ''
       
@@ -1171,17 +1062,12 @@ object TWebModule1: TTWebModule1
       'table {'
       '    border-collapse: collapse;'
       '    border-spacing: 0;'
-      '}'
-      '-->'
-      '</style>')
+      '}')
     Left = 360
     Top = 192
   end
   object css4: TPageProducer
     HTMLDoc.Strings = (
-      '<meta http-equiv="Content-Style-Type" content="text/css">'
-      '<style type="text/css">'
-      '<!--'
       '/*** Styles for Live Preview Window ***/'
       ''
       '#livepreview_iframe {'
@@ -1291,9 +1177,7 @@ object TWebModule1: TTWebModule1
       '    border-left-color: #666666;'
       '    border-width: 26px;'
       '    margin-top: -26px;'
-      '}'
-      '-->'
-      '</style>')
+      '}')
     Left = 360
     Top = 240
   end
@@ -1301,72 +1185,87 @@ object TWebModule1: TTWebModule1
     HTMLDoc.Strings = (
       '    <header>'
       '    <a name=top></a>'
-      '    <form action=/regist?db=<#database> method="post">'
-      '      <table>'
-      '        <tr><td>'
-      
-        '          <label><p>'#12362#21517#21069'</p><input name="name" class=name value=<' +
-        '#cookie param=name>></label>'
-      
-        '          <label><p>'#12479#12452#12488#12523'</p><input name="title" class=title plac' +
-        'eholder="'#12479#12452#12488#12523#12394#12375'."></label>'
-      '          <input type="submit" value="'#36865#20449'">'
-      '        </td></tr>'
-      '        <tr><td>'
-      '          <label><p>'#26412#25991'<span>'#24517#38920'</span><br></p>'
-      
-        '            <textarea style="font-size:1.75em" name="comment" co' +
-        'ls=30'
-      
-        '                      required placeholder="'#12467#12513#12531#12488#12394#12393#12434#20837#21147#12375#12390#12367#12384#12373#12356'."><#' +
-        'raw></textarea></label>'
-      '        </td></tr>'
-      '        <tr><td>'
-      
-        '          <label><p>'#12497#12473#12527#12540#12489'</p><input name="password" type="passwo' +
-        'rd" placeholder="'#21066#38500#29992'">'
-      
-        '          </label> / <input type="checkbox" name="show" value="t' +
-        'rue" <#check>><p>'#12503#12524#12499#12517#12540'</p>'
-      '        </td></tr>'
-      '        <tr><td>'
-      
-        '          <label><p>'#21512#35328#33865#12434#12402#12425#12364#12394#12391#20837#21147#12375#12390#12367#12384#12373#12356': genki <input name=aikotob' +
-        'a type=text value=<#cookie param=aikotoba>></label>'
-      '        </td></tr>'
-      '      </table>'
+      '    <form action=<#uri>/regist?db=<#dbnum> method="post">'
+      '      <p><br></p>'
+      
+        '      <div class="row justify-content-center"><div class="col-10' +
+        '">'
+      '      <div class="container">'
+      '        <div class="form-row">'
+      '        <div class="form-inline p-3">'
+      '          <div class="input-group col-6">'
+      
+        '          <div class=input-group-prepend><span class=input-group' +
+        '-text>'#12362#21517#21069'</span></div>'
+      
+        '            <input name="name" id=name1 class="form-control mr-5' +
+        '0" value=<#cookie param=name>>'
+      '          </div>'
+      '          <div class="input-group col-6">'
+      
+        '          <div class=input-group-prepend><span class=input-group' +
+        '-text>'#12479#12452#12488#12523'</span></div>'
+      
+        '            <input name="title" id=title1 class=form-control pla' +
+        'ceholder="'#12479#12452#12488#12523#12394#12375'." value=<#title>>'
+      
+        '          <input class="btn btn-primary ml-3" type="submit" valu' +
+        'e="'#36865#20449'">'
+      '          </div>'
+      '        </div>'
+      '        </div>'
+      '        <div class="form-row">'
+      '          <div class="form-group align-self-center w-100">'
+      
+        '          <label for=text1>'#26412#25991'<span style=color:red>'#24517#38920'</span></la' +
+        'bel>'
+      
+        '          <textarea id=text1 style="font-size:1.75em" name="comm' +
+        'ent" rows=4'
+      
+        '                class="form-control w-100 sjadpw-lg" required pl' +
+        'aceholder="'#12467#12513#12531#12488#12394#12393#12434#20837#21147#12375#12390#12367#12384#12373#12356'."><#raw></textarea>'
+      '          </div>'
+      '        </div>'
+      '        <div class="form-row">'
+      '          <div class="form-inline w-50">'
+      '            <div class=input-group>'
+      
+        '            <div class=input-group-prepend><span class=input-gro' +
+        'up-text>'#12497#12473#12527#12540#12489'</span></div>'
+      
+        '            <input id=password1 name="password" class="form-cont' +
+        'rol col-4" type="password" placeholder="'#21066#38500#29992'" value=<#pass>>'
+      '            </div>'
+      '          </div>'
+      '          <div class="form-group w-50">'
+      '            <div class="custom-control custom-checkbox">'
+      
+        '            <input type="checkbox" id=check1 name="show" class=c' +
+        'ustom-control-input value="true" <#check>>'
+      
+        '            <label class=custom-control-label for=check1>'#12503#12524#12499#12517#12540'</' +
+        'label>'
+      '            </div>'
+      '          </div>'
+      '        </div>'
+      '        <div class="form-row justify-content-end">'
+      '          <div class="form-inline">'
+      
+        '          <label for=aikotoba1>'#21512#35328#33865#12434#12402#12425#12364#12394#12391#20837#21147#12375#12390#12367#12384#12373#12356': genki'#12288'</label>' +
+        '<input name=aikotoba id=aikotoba1 class="form-control col-2" typ' +
+        'e=text value=<#cookie param=aikotoba>>'
+      '          </div>'
+      '        </div>'
+      '      </div>'
+      '      </div></div>'
       '    </form>'
       '    </header><#preview>')
-    DataSet = DataModule1.FDTable1
+    DataSet = FDTable1
     OnHTMLTag = headerHTMLTag
     Left = 240
     Top = 192
   end
-  object login: TDataSetPageProducer
-    HTMLDoc.Strings = (
-      '<!DOCTYPE HTML>'
-      '  <head>'
-      '    <meta charset=utf-8>'
-      '    <title>'#12525#12464#12452#12531'</title>'
-      '  </head>'
-      '  <body>'
-      '    <p style=text-align:center>'#31649#29702#32773#29992#12525#12464#12452#12531#30011#38754
-      '</p>'
-      '    <br>'
-      '    <form action=/login method="post">'
-      '    <p style=text-align:center>'
-      '      <input type=text name=record value=<#database>>'
-      '    '#9'  <input style=height:25px type="password" name="password">'
-      '      <input type="submit" value="'#12525#12464#12452#12531'">'
-      '    </p>'
-      '    </form>'
-      '      <p style=text-align:center><br><a href=/ >TOP'#12408#31227#21205'</a></p>'
-      '  </body>'
-      '</html>')
-    DataSet = DataModule1.FDTable1
-    Left = 304
-    Top = 144
-  end
   object js1: TPageProducer
     HTMLDoc.Strings = (
       '$(function(){'
@@ -1636,4 +1535,358 @@ object TWebModule1: TTWebModule1
     Left = 256
     Top = 272
   end
+  object adhead: TPageProducer
+    HTMLDoc.Strings = (
+      '<#pr>'
+      
+        '     <link rel="stylesheet" href="https://stackpath.bootstrapcdn' +
+        '.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJ' +
+        'zZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" ' +
+        'crossorigin="anonymous">   <script src="https://code.jquery.com/' +
+        'jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK4' +
+        '1JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anony' +
+        'mous"></script>'
+      
+        '    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.j' +
+        's/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRax' +
+        'vfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="ano' +
+        'nymous"></script>'
+      
+        '    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.' +
+        '2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2j' +
+        'oaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonym' +
+        'ous"></script><form method=post action=<#uri>/adminset?db=<#data' +
+        'base> style=text-align:center>'
+      '    <label><p>'#12497#12473#12527#12540#12489#12398#22793#26356
+      
+        '      <input type="password" style="HEIGHT: 23px; WIDTH: 85px" n' +
+        'ame="pass">'
+      '       / '#30906#35469
+      
+        '      <input type=password style=height:23px;width:85px name=pas' +
+        's2>'
+      '      </p>'
+      '    </label>'
+      '    <p>'
+      
+        '    <input type="checkbox" value="on" name="mente" <#mente>>'#12513#12531#12486#12490 +
+        #12531#12473#34920#31034'</p>'
+      '    <p><input type="submit" value="'#22793#26356'"></p>'
+      '    <p><a href="<#uri>/logout?db=<#database>">'#12525#12464#12450#12454#12488'</a></p>'
+      '</form>'
+      
+        '<form action=<#uri>/admindel?db=<#database> method=post style=te' +
+        'xt-align:center>')
+    OnHTMLTag = adheadHTMLTag
+    Left = 176
+    Top = 88
+  end
+  object js5: TPageProducer
+    HTMLDoc.Strings = (
+      ''
+      '$(function(){'
+      #9'$('#39'div'#39').on('#39'click'#39',function(){'
+      #9#9'var $title = $(this),'
+      #9#9#9'span1 = 1500,'
+      #9#9#9'span2 = 200;'
+      #9#9'$title.css('#39'font-size'#39','#39'2em'#39');'
+      #9#9'$({deg:5}).animate({deg:365},{'
+      #9#9#9'duration:500,'
+      #9#9#9'progress:function(){'
+      #9#9#9#9'$title.css({'
+      #9#9#9#9#9#39'-webkit-transform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39','
+      #9#9#9#9#9#39'-ms-transform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39','
+      #9#9#9#9#9#39'ransform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39
+      #9#9#9#9'});'
+      #9#9#9'}'
+      #9#9'});'
+      #9#9'$({deg:5}).delay(span1).animate({deg:0},{'
+      #9#9#9'duration:span2,'
+      #9#9#9'progress:function(){'
+      #9#9#9#9'$title.css({'#9
+      #9#9#9#9#9#39'-webkit-transform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39','
+      #9#9#9#9#9#39'-ms-transform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39','
+      #9#9#9#9#9#39'transform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39
+      #9#9#9#9'});'
+      #9#9#9'}'
+      #9#9'});'
+      #9#9'$title.delay(span1+span2).animate({'#39'font-size'#39':'#39'1em'#39'},1);'
+      #9'});'
+      '});'
+      '')
+    Left = 184
+    Top = 272
+  end
+  object title: TPageProducer
+    HTMLDoc.Strings = (
+      '<!doctype html>'
+      '<html>'
+      '<head>'
+      '<meta charset=utf-8>'
+      '<title>'#12479#12452#12488#12523#34920#31034'</title>'
+      
+        '<script type="text/javascript" src="//ajax.googleapis.com/ajax/l' +
+        'ibs/jquery/2.1.4/jquery.min.js"></script>'
+      
+        '<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqu' +
+        'eryui/1.10.4/themes/smoothness/jquery-ui.css" />'
+      
+        '<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jqu' +
+        'ery-ui.min.js"></script>'
+      '<script>'
+      '<!--'
+      '<#js id=5>'
+      '-->'
+      '</script>'
+      '</head>'
+      '<body>'
+      '<#pr>'
+      '<#main>'
+      '<p style=text-align:center><a href=<#uri>/>'#25147#12427'</a>'
+      '</body>'
+      '</html>')
+    OnHTMLTag = titleHTMLTag
+    Left = 48
+    Top = 256
+  end
+  object ti: TDataSetPageProducer
+    HTMLDoc.Strings = (
+      
+        '<p style=font-weight:bold><a href=<#uri>/index?db=<#dbnum>><#dat' +
+        'abase></a>'#8595'</p>'
+      '<div>'#12479#12452#12488#12523': <#title> ; '#35352#20107#25968': <#count> ; '#26356#26032#26178#21051': <#date></div><p>'
+      '')
+    DataSet = FDQuery1
+    OnHTMLTag = tiHTMLTag
+    Left = 48
+    Top = 320
+  end
+  object FDTable2: TFDTable
+    IndexFieldNames = 'DBNUM;NUMBER'
+    MasterSource = DataSource1
+    MasterFields = 'DBNUM'
+    Connection = FDConnection1
+    FetchOptions.AssignedValues = [evLiveWindowParanoic]
+    UpdateOptions.UpdateTableName = 'article'
+    TableName = 'article'
+    Left = 584
+    Top = 120
+    object FDTable2DBNUM: TIntegerField
+      FieldName = 'DBNUM'
+      Origin = 'DBNUM'
+      ProviderFlags = [pfInUpdate, pfInWhere, pfInKey]
+      Required = True
+    end
+    object FDTable2NUMBER: TIntegerField
+      FieldName = 'NUMBER'
+      Origin = 'NUMBER'
+      ProviderFlags = [pfInUpdate, pfInWhere, pfInKey]
+      Required = True
+    end
+    object FDTable2TITLE: TWideStringField
+      FieldName = 'TITLE'
+      Origin = 'TITLE'
+      Size = 160
+    end
+    object FDTable2NAME: TWideStringField
+      FieldName = 'NAME'
+      Origin = 'NAME'
+      Size = 160
+    end
+    object FDTable2COMMENT: TWideMemoField
+      FieldName = 'COMMENT'
+      Origin = 'COMMENT'
+      BlobType = ftWideMemo
+    end
+    object FDTable2RAW: TWideMemoField
+      FieldName = 'RAW'
+      Origin = 'RAW'
+      BlobType = ftWideMemo
+    end
+    object FDTable2DATE: TDateField
+      FieldName = 'DATE'
+      Origin = 'DATE'
+    end
+    object FDTable2PASS: TWideStringField
+      FieldName = 'PASS'
+      Origin = 'PASS'
+      FixedChar = True
+      Size = 40
+    end
+  end
+  object FDTable5: TFDTable
+    IndexFieldNames = 'ID'
+    Connection = FDConnection1
+    UpdateOptions.UpdateTableName = 'images'
+    TableName = 'images'
+    Left = 712
+    Top = 184
+    object FDTable5id: TIntegerField
+      FieldName = 'id'
+      Origin = 'id'
+      ProviderFlags = [pfInUpdate, pfInWhere, pfInKey]
+      Required = True
+    end
+    object FDTable5name: TWideStringField
+      AutoGenerateValue = arDefault
+      FieldName = 'name'
+      Origin = '`name`'
+      Size = 30
+    end
+    object FDTable5source: TWideMemoField
+      AutoGenerateValue = arDefault
+      FieldName = 'source'
+      Origin = '`source`'
+      BlobType = ftWideMemo
+    end
+  end
+  object FDTable4: TFDTable
+    IndexFieldNames = 'ID'
+    Connection = FDConnection1
+    UpdateOptions.UpdateTableName = 'req'
+    TableName = 'req'
+    Left = 712
+    Top = 120
+    object FDTable4ID: TIntegerField
+      FieldName = 'ID'
+      Origin = 'ID'
+      Required = True
+    end
+    object FDTable4DBNAME: TIntegerField
+      FieldName = 'DBNAME'
+      Origin = 'DBNAME'
+    end
+    object FDTable4POSNUM: TIntegerField
+      FieldName = 'POSNUM'
+      Origin = 'POSNUM'
+    end
+    object FDTable4DATE: TDateField
+      FieldName = 'DATE'
+      Origin = 'DATE'
+      Required = True
+    end
+    object FDTable4REQUEST: TWideMemoField
+      FieldName = 'REQUEST'
+      Origin = 'REQUEST'
+      BlobType = ftWideMemo
+    end
+  end
+  object DataSource1: TDataSource
+    DataSet = FDTable1
+    Left = 520
+    Top = 184
+  end
+  object FDTable3: TFDTable
+    Connection = FDConnection1
+    UpdateOptions.UpdateTableName = 'setting'
+    TableName = 'setting'
+    Left = 648
+    Top = 120
+    object FDTable3TITLE: TWideStringField
+      FieldName = 'TITLE'
+      Origin = 'TITLE'
+      Size = 160
+    end
+    object FDTable3TITLE2: TWideStringField
+      FieldName = 'TITLE2'
+      Origin = 'TITLE2'
+      Size = 320
+    end
+    object FDTable3mente: TSmallintField
+      FieldName = 'mente'
+    end
+    object FDTable3INFO: TIntegerField
+      FieldName = 'INFO'
+      Origin = 'INFO'
+    end
+    object FDTable3COUNT: TIntegerField
+      FieldName = 'COUNT'
+      Origin = 'COUNT'
+    end
+    object FDTable3password: TWideStringField
+      FieldName = 'password'
+      Size = 100
+    end
+    object FDTable3ng: TWideStringField
+      FieldName = 'ng'
+      Size = 300
+    end
+  end
+  object FDConnection1: TFDConnection
+    Params.Strings = (
+      'ConnectionDef=first_sql')
+    Left = 632
+    Top = 56
+  end
+  object FDTable1: TFDTable
+    IndexFieldNames = 'DBNUM'
+    Connection = FDConnection1
+    UpdateOptions.UpdateTableName = 'dbname'
+    TableName = 'dbname'
+    Left = 520
+    Top = 120
+    object FDTable1DBNUM: TIntegerField
+      FieldName = 'DBNUM'
+      Origin = 'DBNUM'
+      Required = True
+    end
+    object FDTable1DATABASE: TWideStringField
+      FieldName = 'DATABASE'
+      Origin = 'DATABASE'
+      Required = True
+      Size = 80
+    end
+  end
+  object login: TPageProducer
+    HTMLDoc.Strings = (
+      '<!DOCTYPE HTML>'
+      '  <head>'
+      '    <meta charset=utf-8>'
+      '    <title>'#12525#12464#12452#12531'</title>'
+      '  </head>'
+      '  <body>'
+      '<#pr>'
+      '    <p style=text-align:center>'#31649#29702#32773#29992#12525#12464#12452#12531#30011#38754
+      '</p>'
+      '    <br>'
+      '    <form action=<#uri>/login method="post">'
+      '    <p style=text-align:center>'
+      '      <input type=text name=record value=<#database>>'
+      '    '#9'  <input style=height:25px type="password" name="password">'
+      '      <input type="submit" value="'#12525#12464#12452#12531'">'
+      '    </p>'
+      '    </form>'
+      
+        '      <p style=text-align:center><br><a href=<#uri>/ >TOP'#12408#31227#21205'</a>' +
+        '</p>'
+      '  </body>'
+      '</html>')
+    OnHTMLTag = loginHTMLTag
+    Left = 296
+    Top = 96
+  end
+  object footer: TPageProducer
+    HTMLDoc.Strings = (
+      '<nav aria-label="Page naigation">'
+      '  <ul class="pagination justify-content-center pagination-sm">'
+      '   <#link>'
+      '  </ul>'
+      '</nav>')
+    OnHTMLTag = footerHTMLTag
+    Left = 112
+    Top = 192
+  end
+  object FDGUIxWaitCursor1: TFDGUIxWaitCursor
+    Provider = 'Forms'
+    Left = 632
+    Top = 256
+  end
+  object FDQuery1: TFDQuery
+    Connection = FDConnection1
+    SQL.Strings = (
+      'select dbnum,title,max(date) from article '
+      ' group by dbnum order by max(date);')
+    Left = 616
+    Top = 184
+  end
 end