X-Git-Url: http://git.osdn.net/view?a=blobdiff_plain;f=WebModuleUnit1.dfm;h=c89c24c2f29adf837943be0499e6b23ea7f99c89;hb=36c8f26603c4e23585dfd8f9d6b4dfb921e7a072;hp=46d836f77f4db51105f2217acf077cd8afb8a2a7;hpb=18ad76adc80a0a89630e85484755036b2e141ed6;p=newbbs%2Fnewbbs.git

diff --git a/WebModuleUnit1.dfm b/WebModuleUnit1.dfm
index 46d836f..c89c24c 100644
--- a/WebModuleUnit1.dfm
+++ b/WebModuleUnit1.dfm
@@ -1,4 +1,4 @@
-object TWebModule1: TTWebModule1
+object WebModule1: TWebModule1
   OldCreateOrder = False
   OnCreate = WebModuleCreate
   Actions = <
@@ -6,111 +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
       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 = TWebModule1adminsetAction
+      OnAction = WebModule1adminsetAction
     end
     item
       MethodType = mtGet
       Name = 'logout'
       PathInfo = '/logout'
-      OnAction = TWebModule1logoutAction
+      OnAction = WebModule1logoutAction
     end
     item
       MethodType = mtGet
       Name = 'img'
       PathInfo = '/src'
-      OnAction = TWebModule1imgAction
+      OnAction = WebModule1imgAction
     end
     item
       MethodType = mtGet
       Name = 'file'
       PathInfo = '/file'
-      OnAction = TWebModule1fileAction
+      OnAction = WebModule1fileAction
     end
     item
       Name = 'title'
       PathInfo = '/title'
-      OnAction = TWebModule1titleAction
+      OnAction = WebModule1titleAction
     end>
   Height = 385
-  Width = 436
+  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>'
@@ -118,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=<#db' +
-        'num>&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
@@ -133,6 +134,11 @@ object TWebModule1: TTWebModule1
       '  <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>'
@@ -156,37 +162,90 @@ object TWebModule1: TTWebModule1
       '    </title>'
       '  </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>'
-      '    <a href=/ style=text-decoration:none><#title2></a>'
+      '    <a href=<#uri>/ style=text-decoration:none><#title2></a>'
       ''
       '    <#header>'
-      ''
-      '    <hr size="1" width="100%">'
-      '    <form action=/userdel?db=<#dbnum> method="post" id=search>'
-      '      <label><p>'#35352#20107'No</p><input name="num"></label>'
+      '      <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>'
       
-        '      <label><p>Pass</p><input type="password" name="password"><' +
-        '/label>'
-      '      <input type="submit" value="'#21066#38500'">'
+        '      <label for=id1>'#35352#20107'No</label><input id=id1 class="form-contr' +
+        'ol" name="num">'
+      
+        '      <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=<#dbnum> 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=<#dbnum>>'#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=<#dbnum>">'#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.FDTable3
+    DataSet = FDTable3
     OnHTMLTag = indexHTMLTag
     Left = 112
     Top = 32
@@ -194,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
@@ -209,11 +270,13 @@ object TWebModule1: TTWebModule1
         FieldName = 'DATE'
       end>
     Footer.Strings = (
-      '<input type=submit value='#21066#38500#12377#12427'><input type=reset value='#12522#12475#12483#12488'>'
-      '</form>'
       '')
     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
@@ -235,7 +298,7 @@ object TWebModule1: TTWebModule1
       ''
       '  <body>'
       '<#pr>'
-      '    <form action="/search<#query>" method="post">'
+      '    <form action="<#uri>/search<#query>" method="post">'
       '    <p align="center"><strong>'#25237#31295#26908#32034
       '</strong>'
       '    </p>'
@@ -262,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>'
@@ -280,7 +343,7 @@ object TWebModule1: TTWebModule1
       #9
       #9'<section id=comment><#item></section>'
       '')
-    DataSet = DataModule1.FDTable2
+    DataSet = FDTable4
     OnHTMLTag = itemsHTMLTag
     Left = 240
     Top = 144
@@ -294,13 +357,7 @@ object TWebModule1: TTWebModule1
       '<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'
@@ -310,7 +367,7 @@ 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
@@ -324,12 +381,6 @@ object TWebModule1: TTWebModule1
       '<head>'
       #9'<title>Top Page</title>'
       
-        '<link rel=stylesheet type=text/css href="/file?type=css&id=1" re' +
-        'f=top>'
-      
-        '<link rel=stylesheet type=text/css href="/file?type=css&id=3" re' +
-        'f=normal>'
-      
         ' <script type="text/javascript" src="//ajax.googleapis.com/ajax/' +
         'libs/jquery/2.1.4/jquery.min.js"></script>'
       
@@ -338,10 +389,28 @@ object TWebModule1: TTWebModule1
       
         ' <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jq' +
         'uery-ui.min.js"></script>'
-      '<script src="/file?type=js&id=3">org</script>'
-      '<script src="/file?type=js&id=4">moder</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>'
       ''
@@ -358,22 +427,34 @@ object TWebModule1: TTWebModule1
       ''
       '<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"><#slide></div>'
-      ''
-      #9'<div class="slideshow-nav">'
-      #9'<a href="#" class="prev">prev'
-      '</a>'
-      #9'<a href="#" class="next">next'
-      '</a>'
-      '        </div>'
+      '<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'<div class="slideshow-indicator"></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>'
+      '<p>'
       '<p>'#12288'<em style="background-color: aqua;">'#12288#12288#12288#12288'</em>'#12539#12539#12539'new!'
       
-        '        <p>[ <a href=/index?db=<#dbnum>><#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' +
@@ -384,10 +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' +
@@ -422,13 +505,14 @@ object TWebModule1: TTWebModule1
       '</head>'
       '<body>'
       '<#pr>'
-      '<form action=/master method=post>'
+      '<form action=<#uri>/master method=post>'
       '<p><#request>'
       '<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=/>'#25147#12427'</a>'
+      '<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
@@ -437,23 +521,14 @@ object TWebModule1: TTWebModule1
   object alert: TDataSetPageProducer
     HTMLDoc.Strings = (
       '<tr><td>'
-      '<p><a href=/jump?db=<#dbname>&num=<#posnum>>'
-      '    [ <#dbname>-<#posnum> ]</a><#date>'
+      '<p><#plus><#date>'
       '<p><#article></td><td><#request>'
       '</td><tr>')
-    DataSet = DataModule1.FDTable4
+    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>'
@@ -461,173 +536,17 @@ object TWebModule1: TTWebModule1
       '<head><meta charset=utf-8></head>'
       '<body>'
       '<#pr>'
-      '<form action=/alert<#query>  method=post>'
+      '<form action=<#uri>/alert<#query>  method=post>'
       '  <#content>'
       '<textarea name=request></textarea>'
       '<input type=submit>'
-      '<p style=text-align:center><a href=/jump<#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 = (
-      '@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("/src?name=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'
-      '}')
-    Left = 360
-    Top = 96
-  end
   object css2: TPageProducer
     HTMLDoc.Strings = (
       'section#number {'
@@ -636,24 +555,19 @@ object TWebModule1: TTWebModule1
       ''
       '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;'
       '}'
       ''
@@ -670,73 +584,15 @@ 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'
       '}')
     Left = 360
     Top = 144
@@ -1329,74 +1185,87 @@ object TWebModule1: TTWebModule1
     HTMLDoc.Strings = (
       '    <header>'
       '    <a name=top></a>'
-      '    <form action=/regist?db=<#dbnum> 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'." value=<#title>></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'" value=<#pass>>'
-      
-        '          </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>'
-      '<#pr>'
-      '    <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
-    OnHTMLTag = loginHTMLTag
-    Left = 304
-    Top = 144
-  end
   object js1: TPageProducer
     HTMLDoc.Strings = (
       '$(function(){'
@@ -1666,175 +1535,36 @@ object TWebModule1: TTWebModule1
     Left = 256
     Top = 272
   end
-  object js3: TPageProducer
-    HTMLDoc.Strings = (
-      '$(function(){'
-      #9'$('#39'.slideshow'#39').each(function(){'
-      #9#9'var $container = $(this),'
-      #9#9#9'$slideGroup = $container.find('#39'.slideshow-slides'#39'),'
-      #9#9#9'$slides = $slideGroup.find('#39'.slide'#39'),'
-      #9#9#9'$nav = $container.find('#39'.slideshow-nav'#39'),'
-      #9#9#9'$indicator = $container.find('#39'.slideshow-indicator'#39'),'
-      #9#9#9'$images = $slides.find('#39'img'#39'),'
-      #9#9#9
-      #9#9#9'slideCount = $slides.length,'
-      #9#9#9'indicatorHTML = '#39#39','
-      #9#9#9'currentIndex = 0,'
-      #9#9#9'duration = 500,'
-      #9#9#9'easing = '#39'easeInOutExpo'#39','
-      #9#9#9'interval = 7500,'
-      #9#9#9'timer;'
-      #9#9#9#9
-      #9#9
-      #9#9'$slides.each(function(i){'
-      #9#9#9'$(this).css({left:100*i+'#39'%'#39'});'
-      #9#9#9'indicatorHTML += '#39'<a href="#">'#39'+(i+1)+'#39'</a>'#39';'
-      #9#9'});'
-      #9#9
-      #9#9'$indicator.html(indicatorHTML);'
-      #9#9
-      #9#9'function goToSlide(index){'
-      #9#9#9'$slideGroup.animate({left:-100*index+'#39'%'#39'},duration,easing);'
-      #9#9#9'currentIndex = index;'
-      #9#9#9'updateNav();'
-      #9#9'}'
-      #9#9
-      #9#9'function updateNav(){'
-      #9#9#9'var $navPrev = $nav.find('#39'.prev'#39'),'
-      #9#9#9#9'$navNext = $nav.find('#39'.next'#39');'
-      #9#9#9'if (currentIndex === 0){'
-      #9#9#9#9'$navPrev.addClass('#39'disabled'#39');'
-      #9#9#9'} else {'
-      #9#9#9#9'$navPrev.removeClass('#39'disabled'#39');'
-      #9#9#9'}'
-      #9#9#9'if (currentIndex === slideCount-1){'
-      #9#9#9#9'$navNext.addClass('#39'disabled'#39');'
-      #9#9#9'} else {'
-      #9#9#9#9'$navNext.removeClass('#39'disabled'#39');'
-      #9#9#9'}'
-      #9#9#9'$indicator.find('#39'a'#39').removeClass('#39'active'#39')'
-      #9#9#9#9'.eq(currentIndex).addClass('#39'active'#39');'
-      #9#9'}'
-      ''
-      #9#9'function startTimer(){'
-      #9#9'    timer = setInterval(function(){'
-      #9'            var nextIndex = (currentIndex + 1) % slideCount;'
-      #9'            goToSlide(nextIndex);'
-      '            }, interval)'
-      #9#9'}'
-      ''
-      #9#9'function stopTimer(){'
-      #9#9'    clearInterval(timer);'
-      #9#9'}'
-      #9#9#9
-      #9#9'$nav.on('#39'click'#39','#39'a'#39',function(event){'
-      #9#9#9'event.preventDefault();'
-      #9#9#9'if ($(this).hasClass('#39'prev'#39')){'
-      #9#9#9#9'goToSlide(currentIndex-1);'
-      #9#9#9'} else {'
-      #9#9#9#9'goToSlide(currentIndex+1);'
-      #9#9#9'}'
-      #9#9'});'
-      #9#9
-      #9#9'$indicator.on('#39'click'#39','#39'a'#39',function(event){'
-      #9#9#9'event.preventDefault();'
-      #9#9#9'if (!$(this).hasClass('#39'active'#39')){'
-      #9#9#9#9'goToSlide($(this).index());'
-      #9#9#9'}'
-      #9#9'});'
-      ''
-      #9#9'$container.on({'
-      #9#9'    mouseenter: stopTimer,'
-      #9#9'    mouseleave: startTimer'
-      #9#9'});'
-      ''
-      #9#9#9
-      #9#9'goToSlide(currentIndex);'
-      ''
-      #9#9'startTimer();'
-      #9#9
-      #9'});'
-      #9
-      '});')
-    Left = 200
-    Top = 272
-  end
-  object js4: TPageProducer
-    HTMLDoc.Strings = (
-      '/* Modernizr 2.6.2 (Custom Build) | MIT & BSD'
-      ' * Build: http://modernizr.com/download/#-shiv-cssclasses'
-      ' */'
-      
-        ';window.Modernizr=function(a,b,c){function u(a){j.cssText=a}func' +
-        'tion v(a,b){return u(prefixes.join(a+";")+(b||""))}function w(a,' +
-        'b){return typeof a===b}function x(a,b){return!!~(""+a).indexOf(b' +
-        ')}function y(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)retur' +
-        'n d===!1?a[e]:w(f,"function")?f.bind(d||b):f}return!1}var d="2.6' +
-        '.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElemen' +
-        't(h),j=i.style,k,l={}.toString,m={},n={},o={},p=[],q=p.slice,r,s' +
-        '={}.hasOwnProperty,t;!w(s,"undefined")&&!w(s.call,"undefined")?t' +
-        '=function(a,b){return s.call(a,b)}:t=function(a,b){return b in a' +
-        '&&w(a.constructor.prototype[b],"undefined")},Function.prototype.' +
-        'bind||(Function.prototype.bind=function(b){var c=this;if(typeof ' +
-        'c!="function")throw new TypeError;var d=q.call(arguments,1),e=fu' +
-        'nction(){if(this instanceof e){var a=function(){};a.prototype=c.' +
-        'prototype;var f=new a,g=c.apply(f,d.concat(q.call(arguments)));r' +
-        'eturn Object(g)===g?g:f}return c.apply(b,d.concat(q.call(argumen' +
-        'ts)))};return e});for(var z in m)t(m,z)&&(r=z.toLowerCase(),e[r]' +
-        '=m[z](),p.push((e[r]?"":"no-")+r));return e.addTest=function(a,b' +
-        '){if(typeof a=="object")for(var d in a)t(a,d)&&e.addTest(d,a[d])' +
-        ';else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="functi' +
-        'on"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-' +
-        '")+a),e[a]=b}return e},u(""),i=k=null,function(a,b){function k(a' +
-        ',b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[' +
-        '0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>"' +
-        ',d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.e' +
-        'lements;return typeof a=="string"?a.split(" "):a}function m(a){v' +
-        'ar b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c' +
-        ',f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;re' +
-        'turn f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]' +
-        '=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildre' +
-        'n&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);i' +
-        'f(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.clo' +
-        'neNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e])' +
-        ';return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.cr' +
-        'eateElement,b.createFrag=a.createDocumentFragment,b.frag=b.creat' +
-        'eFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,' +
-        'b):b.createElem(c)},a.createDocumentFragment=Function("h,f","ret' +
-        'urn function(){var n=f.cloneNode(),c=n.createElement;h.shivMetho' +
-        'ds&&("+l().join().replace(/\w+/g,function(a){return b.createElem' +
-        '(a),b.frag.createElement(a),'#39'c("'#39'+a+'#39'")'#39'})+");return n}")(r,b.fr' +
-        'ag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.h' +
-        'asCSS&&(c.hasCSS=!!k(a,"article,aside,figcaption,figure,footer,h' +
-        'eader,hgroup,nav,section{display:block}mark{background:#FF0;colo' +
-        'r:#000}")),j||p(a,c),a}var c=a.html5||{},d=/^<|^(?:button|map|se' +
-        'lect|textarea|object|iframe|option|optgroup)$/i,e=/^(?:a|b|code|' +
-        'div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|sty' +
-        'le|table|tbody|td|th|tr|ul)$/i,f,g="_html5shiv",h=0,i={},j;(func' +
-        'tion(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",' +
-        'f="hidden"in a,j=a.childNodes.length==1||function(){b.createElem' +
-        'ent("a");var a=b.createDocumentFragment();return typeof a.cloneN' +
-        'ode=="undefined"||typeof a.createDocumentFragment=="undefined"||' +
-        'typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();v' +
-        'ar r={elements:c.elements||"abbr article aside audio bdi canvas ' +
-        'data datalist details figcaption figure footer header hgroup mar' +
-        'k meter nav output progress section summary time video",shivCSS:' +
-        'c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMetho' +
-        'ds!==!1,type:"default",shivDocument:q,createElement:n,createDocu' +
-        'mentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,g.className' +
-        '=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+p.joi' +
-        'n(" "):""),e}(this,this.document);')
-    Left = 152
-    Top = 272
-  end
   object adhead: TPageProducer
     HTMLDoc.Strings = (
       '<#pr>'
-      '<form method=post action=/adminset style=text-align:center>'
+      
+        '     <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" value="<#password>">'
+        'ame="pass">'
+      '       / '#30906#35469
+      
+        '      <input type=password style=height:23px;width:85px name=pas' +
+        's2>'
       '      </p>'
       '    </label>'
       '    <p>'
@@ -1842,9 +1572,11 @@ object TWebModule1: TTWebModule1
         '    <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="/logout">'#12525#12464#12450#12454#12488'</a></p>'
+      '    <p><a href="<#uri>/logout?db=<#database>">'#12525#12464#12450#12454#12488'</a></p>'
       '</form>'
-      '<form action=/admindel method=post style=text-align:center>')
+      
+        '<form action=<#uri>/admindel?db=<#database> method=post style=te' +
+        'xt-align:center>')
     OnHTMLTag = adheadHTMLTag
     Left = 176
     Top = 88
@@ -1882,7 +1614,7 @@ object TWebModule1: TTWebModule1
       #9'});'
       '});'
       '')
-    Left = 104
+    Left = 184
     Top = 272
   end
   object title: TPageProducer
@@ -1910,7 +1642,7 @@ object TWebModule1: TTWebModule1
       '<body>'
       '<#pr>'
       '<#main>'
-      '<p style=text-align:center><a href=/>'#25147#12427'</a>'
+      '<p style=text-align:center><a href=<#uri>/>'#25147#12427'</a>'
       '</body>'
       '</html>')
     OnHTMLTag = titleHTMLTag
@@ -1919,11 +1651,242 @@ object TWebModule1: TTWebModule1
   end
   object ti: TDataSetPageProducer
     HTMLDoc.Strings = (
-      '<p style=font-weight:bold><#database>'#8595'</p>'
-      '<div>'#12479#12452#12488#12523': '#39'<#title> , '#35352#20107#25968': <#count> , '#26356#26032#26178#21051': <#date></div><p>'
+      
+        '<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