| Revisão | d3ff88390bda2bf3e9af2ddc8879592052b01b08 (tree) |
|---|---|
| Hora | 2020-01-29 18:51:35 |
| Autor | yamat0jp <terukohietori@gmai...> |
| Commiter | yamat0jp |
bootstrap の試験
templates/top.htm (diff)| @@ -3,17 +3,15 @@ | ||
| 3 | 3 | <head> |
| 4 | 4 | <meta charset=utf-8 name="google-site-verification" content="5KOTJTKv1HgTtIt0zVGzuyAkADCwXRme-RiiKJ03l3s" /> |
| 5 | 5 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 6 | - <title>Top Page</title> | |
| 7 | - <link rel=stylesheet href={{static_url('css/top.css')}}> | |
| 8 | - <link rel=stylesheet href={{static_url('css/normalize.css')}}> | |
| 6 | + <title>Top Page</title> | |
| 9 | 7 | <link rel="shortcut icon" href={{static_url('img/favicon64.ico')}}> |
| 10 | - <script src={{static_url('js/jquery-1.10.2.min.js')}}></script> | |
| 11 | - <script src={{static_url('js/top.js')}}></script> | |
| 12 | - <script src={{static_url('js/modernizr.custom.min.js')}}></script> | |
| 13 | - <script src={{static_url('js/jquery-ui-1.10.3.custom.min.js')}}></script> | |
| 14 | -</head> | |
| 8 | + <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> | |
| 9 | + /head> | |
| 15 | 10 | <body> |
| 16 | -<div id="fb-root"></div> | |
| 11 | + <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> | |
| 12 | + <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script> | |
| 13 | + <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script> | |
| 14 | +<<div id="fb-root"></div> | |
| 17 | 15 | <script>(function(d, s, id) { |
| 18 | 16 | var js, fjs = d.getElementsByTagName(s)[0]; |
| 19 | 17 | if (d.getElementById(id)) return; |
| @@ -24,56 +22,73 @@ | ||
| 24 | 22 | <header><h1 style=text-align:center>無料電子掲示板へようこそ</h1></header> |
| 25 | 23 | {% set d = 0 %} |
| 26 | 24 | {% set i = 7 %} |
| 27 | -<div class=slideshow> | |
| 28 | - <div class=slideshow-slides> | |
| 29 | -{% for x in coll %} | |
| 25 | +<div id="slide-1" class="carousel slide" data-ride="carousel"> | |
| 26 | + <ol class="carousel-indicators"> | |
| 27 | + {% for x in range(len(coll)//i+1) %} | |
| 28 | + {% if x == 0 %} | |
| 29 | + <li data-target="#slide-1" data-slide-to="0" class="active"></li> | |
| 30 | + {% else %} | |
| 31 | + <li data-target="#slide-1" data-slide-to="{{x}}"></li> | |
| 32 | + {% end %} | |
| 33 | + {% end %} | |
| 34 | + </ol> | |
| 35 | + <div class="carousel-inner bg-dark"> | |
| 36 | + {% for x in coll %} | |
| 30 | 37 | {% if d % i == 0 %} |
| 31 | - <div class=slide> | |
| 32 | - <img src={{static_url('img/slide{0}.jpg'.format(1+d//i))}} style=float:right;height:465px> | |
| 38 | + {% if d == 0 %} | |
| 39 | + <div class="carousel-item active"> | |
| 40 | + {% else %} | |
| 41 | + <div class="carousel-item"> | |
| 42 | + {% end %} | |
| 43 | + <img src={{static_url('img/slide{0}.jpg'.format(1+d//i))}} style="float:right;height:465px"> | |
| 44 | + <div class="carousel-caption text-left" style="font-size:1.5rem;"> | |
| 33 | 45 | {% end %} |
| 34 | - {% set d += 1 %} | |
| 35 | - {% if new(x) == True %} | |
| 36 | - {% set s = "background-color:aqua" %} | |
| 37 | - {% else %} | |
| 38 | - {% set s = "" %} | |
| 46 | + {% set d += 1 %} | |
| 47 | + {% if new(x) == True %} | |
| 48 | + {% set s = "background-color:aqua;" %} | |
| 49 | + {% else %} | |
| 50 | + {% set s = "" %} | |
| 51 | + {% end %} | |
| 52 | + {% if full(x) == True %} | |
| 53 | + {% set s = s + "color:red;" %} | |
| 54 | + {% end %} | |
| 55 | + <p><a href=/{{x}} style=;{{s}} target=_blank>{{x}}</a> | |
| 56 | + {% if d % i == 0 %} | |
| 57 | + </div></div> | |
| 39 | 58 | {% end %} |
| 40 | - {% if full(x) == True %} | |
| 41 | - {% set s = s + "color:red;" %} | |
| 42 | 59 | {% end %} |
| 43 | - <p><a href=/{{x}} style=;{{s}} target=_blank>{{x}}</a> | |
| 44 | - {% if d % i == 0 %} | |
| 60 | + {% if d % i != 0 %} | |
| 45 | 61 | </div> |
| 46 | 62 | {% end %} |
| 47 | -{% end %} | |
| 48 | -{% if d % i != 0 %} | |
| 49 | - </div> | |
| 50 | -{% end %} | |
| 51 | 63 | </div> |
| 52 | - <div class=slideshow-nav> | |
| 53 | - <a href=# class=prev>prev</a> | |
| 54 | - <a href=# class=next>next</a> | |
| 64 | + <a class="carousel-control-prev" href="#slide-1" role="button" data-slide="prev"> | |
| 65 | + <span class="carousel-control-prev-icon" aria-hidden="true"></span> | |
| 66 | + <span class="sr-only">Previouse</span> | |
| 67 | + </a> | |
| 68 | + <a class="carousel-control-next" href="#slide-1" role="button" data-slide="next"> | |
| 69 | + <span class="carousel-control-next-icon" aria-hidden="true"></span> | |
| 70 | + <span class="sr-only">Next</span> | |
| 71 | + </a> | |
| 55 | 72 | </div> |
| 56 | - <div class=slideshow-indicator></div> | |
| 57 | 73 | </div> |
| 58 | -<p> <em style="background-color:aqua"> </em>・・・・new! | |
| 74 | +<p> | |
| 75 | +<p> <em style="background-color:aqua"> </em>・・・new! | |
| 59 | 76 | {% if name != '' %} |
| 60 | 77 | <p>[ <a href=/{{name}}>{{name}}</a> ] <=お知らせ |
| 61 | 78 | {% end %} |
| 62 | 79 | <p>[ <a href=/master>master</a> ] <=管理人 |
| 63 | -<div class="fb-like" data-href="http://pybbs.herokuapp.com" data-layout="box_count" data-action="like" data-size="small" data-show-faces="true" data-share="false"></div> | |
| 64 | -<p><a href="http://www.xn--gckj5d1ktb3488cn4q.jp/" target="_blank"><img alt="無料カウンター" src="http://www.xn--gckj5d1ktb3488cn4q.jp/counter.php?id=pybbs" border="0"></a> | |
| 65 | -<p align="center">リンクフリー</p> | |
| 66 | -<p align="center"><img src={{static_url('img/BBS_bn.jpg')}}></p> | |
| 67 | -<footer> | |
| 68 | -<p><br> | |
| 80 | +<div class="fb-like" data-href="http://pybbs.herokuapp.com" data-layout="box_count" data-action="like" data-size="small" data-show-faces="true" data-share="false"></div><footer> | |
| 81 | +<p align="center">リンクフリー | |
| 82 | + <p align="center"><img src="{{static_url('img/BBS_bn.jpg')}}"> | |
| 69 | 83 | <p><a href=/search>全体検索</a> |
| 70 | 84 | <p><a href=/title>タイトル表示</a> |
| 71 | 85 | <p><a href=/help>使い方案内</a> |
| 72 | 86 | <p>PR リンク |
| 73 | 87 | <br> |
| 74 | -<p><a href=https://www.amazon.co.jp/%E9%AB%98%E6%A0%A1%E5%8D%92%E6%A5%AD%E3%81%BE%E3%81%A7%E3%81%AE%E3%82%B5%E3%83%83%E3%82%AB%E3%83%BC%E6%88%A6%E8%A1%93-sanuki_kainushi-ebook/dp/B00AXBM08Q/ref=sr_1_7?ie=UTF8&qid=1479369992&sr=8-7&keywords=sanuki_kainushi target="_blank">高校卒業までのサッカー戦術</a><br> | |
| 88 | +<p><a href=https://www.amazon.co.jp/%E9%AB%98%E6%A0%A1%E5%8D%92%E6%A5%AD%E3%81%BE%E3%81%A7%E3%81%AE%E3%82%B5%E3%83%83%E3%82%AB%E3%83%BC%E6%88%A6%E8%A1%93-sanuki_kainushi-ebook/dp/B00AXBM08Q/ref=sr_1_7?ie=UTF8&qid=1479369992&sr=8-7&keywords=sanuki_kainushi>高校卒業までのサッカー戦術</a><br> | |
| 75 | 89 | amazon kindle</p> |
| 76 | -<p><a href=https://www.amazon.co.jp/%E4%B8%AD%E5%AD%A6%E5%8D%92%E6%A5%AD%E3%81%BE%E3%81%A7%E3%81%AE%E3%82%B5%E3%83%83%E3%82%AB%E3%83%BC%E6%88%A6%E8%A1%93-sanuki_kainushi-ebook/dp/B014X0S874/ref=sr_1_3?s=digital-text&ie=UTF8&qid=1479370246&sr=1-3 target="_blank">中学卒業までのサッカー戦術</a><br> | |
| 90 | +<p> | |
| 91 | +<p><a href=https://www.amazon.co.jp/%E4%B8%AD%E5%AD%A6%E5%8D%92%E6%A5%AD%E3%81%BE%E3%81%A7%E3%81%AE%E3%82%B5%E3%83%83%E3%82%AB%E3%83%BC%E6%88%A6%E8%A1%93-sanuki_kainushi-ebook/dp/B014X0S874/ref=sr_1_3?s=digital-text&ie=UTF8&qid=1479370246&sr=1-3>中学卒業までのサッカー戦術</a><br> | |
| 77 | 92 | amazon kindle</p> |
| 78 | 93 | </footer> |
| 79 | 94 | </body> |
Fork