Mercurial > hgrepos > hgweb.cgi > skipweb

comparison shuzai/trad/trad.html @ 3813:71785b6d57ac

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
changed design(nav,h1,explanation)
author Fumichan <c116092@h.koeki-u.ac.jp>
date Sat, 02 Feb 2019 15:31:06 +0900
parents d658ec29b584
children b9bace18001f
comparison
equal deleted inserted replaced
3812:f26697bf28c7 3813:71785b6d57ac
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="ja"> 2 <html lang="ja">
3 <head> 3 <head>
4 <title>伝統芸能</title> 4 <title>伝統芸能</title>
5 <style type="text/css"> 5 <link rel="stylesheet" type="text/css" href="../../css/main.css">
6 <!-- 6 <link rel="stylesheet" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/colorbox/example3/colorbox.css">
7 --> 7 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
8 </style> 8 <script src="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/colorbox/jquery.colorbox-min.js"></script>
9 <link rel="stylesheet" type="text/css" href="../../css/main.css"> 9 <link rel="stylesheet" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/leaflet/leaflet.css">
10 <link rel="stylesheet" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/colorbox/example3/colorbox.css" /> 10 <script src="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/leaflet/leaflet.js"></script>
11 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 11 <script src="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/leaflet/leaflet-sidebar.min.js"></script>
12 <script src="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/colorbox/jquery.colorbox-min.js"></script> 12 <link rel="stylesheet" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/leaflet/leaflet-sidebar.min.css">
13 <link rel="stylesheet" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/leaflet/leaflet.css" /> 13 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
14 <script src="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/leaflet/leaflet.js"></script> 14 <script src="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/leaflet/leaflet-omnivore.min.js"></script>
15 <script src="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/leaflet/leaflet-sidebar.min.js"></script> 15 <!-- <script src="../src/leaflet/leaflet-omnivore.js"></script> -->
16 <link rel="stylesheet" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/leaflet/leaflet-sidebar.min.css" /> 16 <style type="text/css">
17 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> 17 <!--
18 <script src="https://www.yatex.org/gitbucket/KoekiBrandingPJ/Loremap/raw/master/src/leaflet/leaflet-omnivore.min.js"></script> 18 div#mymap {width: 50vw; height: 50vh; margin: 0 auto;}
19 <!-- <script src="../src/leaflet/leaflet-omnivore.js"></script> --> 19 //.lorem {font-style: italic; color: #AAA;}
20 .sidebar{top:50;background-color:red;}
21 //.sidebar-content{opacity:0.8}
22 -->
23 </style>
24 </head>
20 25
21 <style type="text/css"> 26 <body>
22 <!--
23 div#mymap {width: 50vw; height: 50vh; margin: 0 auto;}
24 //.lorem {font-style: italic; color: #AAA;}
25 .sidebar{top:50;background-color:red;}
26 //.sidebar-content{opacity:0.8}
27 -->
28 </style>
29 </head>
30 27
31 <body> 28 <header>
32 <!--#include virtual="/navi.html"--> 29 <img class="kamo" src="../img/skiplogo.png" alt="カモンくん">
30 </header>
33 31
34 <section class="contents"> 32 <!--#include virtual="/navi.html"-->
35 <h1>伝統芸能</h1>
36 33
37 <p>SKIPでは庄内地方の伝統芸能を取材しました。</p> 34 <section class="contents">
35
36 <h1>伝統芸能</h1>
37
38 <p>SKIPでは庄内地方の伝統芸能を取材しました。</p>
38 39
39 40
40 <h2 id="toshi">取材一覧</h2> 41 <h2 id="toshi">取材一覧</h2>
41 <section class="explanation"> 42 <section class="explanation">
42 <ul> 43 <ul>
43 <li><a href ="https://skip.koeki-prj.org/shuzai/trad/kamegasaki/index.html">亀ケ崎獅子舞 亀ヶ崎十一面観音堂春祭り</a></li> 44 <li><a href ="https://skip.koeki-prj.org/shuzai/trad/kamegasaki/index.html">亀ケ崎獅子舞 亀ヶ崎十一面観音堂春祭り</a></li>
44 <li><a href ="https://skip.koeki-prj.org/shuzai/trad/kaminakamura/index.html">上中村神楽 上中村皇太神社例大祭</a></li> 45 <li><a href ="https://skip.koeki-prj.org/shuzai/trad/kaminakamura/index.html">上中村神楽 上中村皇太神社例大祭</a></li>
45 <li><a href ="https://skip.koeki-prj.org/shuzai/trad/kadotakagura/index.html">門田神楽 門田住吉神社例大祭</a></li> 46 <li><a href ="https://skip.koeki-prj.org/shuzai/trad/kadotakagura/index.html">門田神楽 門田住吉神社例大祭</a></li>
46 <li><a href ="https://skip.koeki-prj.org/shuzai/trad/sumiyoshi/index.html">板戸神楽 板戸住吉神社例大祭</a></li> 47 <li><a href ="https://skip.koeki-prj.org/shuzai/trad/sumiyoshi/index.html">板戸神楽 板戸住吉神社例大祭</a></li>
47 <li><a href ="https://skip.koeki-prj.org/shuzai/trad/kamiichigami/index.html">上市神神代神楽 東光山薬師神社例大祭</a></li> 48 <li><a href ="https://skip.koeki-prj.org/shuzai/trad/kamiichigami/index.html">上市神神代神楽 東光山薬師神社例大祭</a></li>
48 <li><a href ="https://skip.koeki-prj.org/shuzai/trad/shimoichigami/index.html">下市神神代神楽 八雲神社例大祭</a></li> 49 <li><a href ="https://skip.koeki-prj.org/shuzai/trad/shimoichigami/index.html">下市神神代神楽 八雲神社例大祭</a></li>
49 </ul> 50 </ul>
50 </section> 51 </section>
51 </div>
52 52
53 53
54 <div id="mymap" class="sidebar-map" > 54 <div id="mymap" class="sidebar-map" >
55 <div id="sidebar" class="sidebar collapsed"> 55 <div id="sidebar" class="sidebar collapsed">
56 <!-- Nav tabs --> 56 <!-- Nav tabs -->
57 <div class="sidebar-tabs"> 57 <div class="sidebar-tabs">
58 <ul role="tablist"> 58 <ul role="tablist">
59 <li><a href="#home" role="tab"><i id="FaW" class="fa fa-map-marker"></i></a></li> 59 <li><a href="#home" role="tab"><i id="FaW" class="fa fa-map-marker"></i></a></li>
60 60 </ul>
61 </ul>
62 </div> 61 </div>
63 62
64 <!-- Tab panes --> 63 <!-- Tab panes -->
65 <div class="sidebar-content"> 64 <div class="sidebar-content">
66 <div class="sidebar-pane" id="home"> 65 <div class="sidebar-pane" id="home">
67 <h1 class="sidebar-header"> 66 <h1 class="sidebar-header">
68 <span class="sidebar-close"><i class="fa fa-caret-left"></i></span>marker's infomation 67 <span class="sidebar-close"><i class="fa fa-caret-left"></i></span>marker's infomation
69 </h1> 68 </h1>
69 <div id="mak_info">
70 </div>
71 </div>
72 </div>
73 <!--<div class="zoom-left"></div>-->
74 </div>
75 </div>
70 76
71 <div id="mak_info"> 77 <script type="text/javascript" src="./new_late_geojson.js" charset="utf-8"></script>
72 </div>
73
74 </div>
75 78
76 79
77 </div> 80 <h2 id="toshi">各種マニュアル</h2>
78 <!--<div class="zoom-left"></div>--> 81 <section class="explanation">
79 </div> 82 <ul>
80 </div> 83 <li><a href ="https://skip.koeki-prj.org/docs/manual/movie-mac/manual.html">iMovie - Macで編集 -</a></li>
84 <li><a href ="">iMovie - iPhoneで編集 -</a></li>
85 </ul>
86 </section>
81 87
82 <script type="text/javascript" src="./new_late_geojson.js" charset="utf-8"></script> 88 </section>
83 89 <footer>
84 90 <p class="copyright">Copyright (C) 2018 SKIP - Shonai Koeki Information Project - . All Rights Reserved.</p>
85 <h2 id="toshi">各種マニュアル</h2> 91 </footer>
86 <section class="explanation"> 92 </body>
87 <ul>
88 <li><a href ="https://skip.koeki-prj.org/docs/manual/movie-mac/manual.html">iMovie - Macで編集 -</a></li>
89 <li><a href ="">iMovie - iPhoneで編集 -</a></li>
90 </ul>
91 </section>
92
93 </section>
94 <footer>
95 <p class="copyright">Copyright (C) 2018 SKIP - Shonai Koeki Information Project - . All Rights Reserved.</p>
96 </footer>
97 </body>
98 </html> 93 </html>

yatex.org