Mercurial > hgrepos > hgweb.cgi > skipweb

changeset 3565:1d89ddd1d1bb

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Kasono daaaa
author KANNO Yuito <c116053@e.koeki-u.ac.jp>
date Fri, 24 Nov 2017 14:11:52 +0900
parents 5f389a194c46
children 13e0611b3a1b
files index.html main.css
diffstat 2 files changed, 135 insertions(+), 118 deletions(-) [+]
line wrap: on
line diff
--- a/index.html	Sat Oct 21 00:38:03 2017 +0900
+++ b/index.html	Fri Nov 24 14:11:52 2017 +0900
@@ -1,135 +1,74 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
-	"http://www.w3.org/TR/html4/strict.dtd">
-<html>
+<!DOCTYPE html>
 <head>
-<title>SKIP -Top Page-</title>
-<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
+<title>skip home page</title>
+<style type="text/css">
+<!--
+
+-->
+</style>
+<link rel="stylesheet" type="text/css" href="main.css">
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
+
 </head>
 
 <body>
 
-<div class="header">
-<!-- Making Balloons -->
-<script src="js/jquery.balloon.min.js"></script>
-<script type="text/javascript">
-<!--
-$(function() {
-  $('.cover').balloon({
-    css: {
-      color: '#f89'
-    },
-    classname: "bal",
-    showDuration: "slow",
-    showAnimation: function(d){this.fadeIn(d);},
-    hideDuration: "slow",
-    hideAnimation: function(d){this.fadeOut(d);}
-  });
+<!-- menu -->
+<div class="menu">
+ <ul>
+  <li><a href="https://skip.koeki-prj.org/">Top page</a></li>
+  <li><a href="">特集</a></li>
+  <li><a href="">オアシスまつり</a></li>
+  <li><a href="">他に何か</a></li>
+  <li><a href="">あるかな</a></li>
+ </ul>
+</div>
+<!-- menu end -->
+
+<!-- top -->
+<div class="top">
+<h1>
+<img class="kamo" src="kamonkun.png" alt="カモンくん">
+SKIP - Shonai Koeki Information Project -</h1>
+</div>
+<!-- top end-->
 
-  $('.ballooned').balloon({
-    css: {
-      color: '#f89'
-    },
-    classname: "bal",
-    position: "bottom",
-    showDuration: "slow",
-    showAnimation: function(d){this.fadeIn(d);},
-    hideDuration: "slow",
-    hideAnimation: function(d){this.fadeOut(d);}
-  });
-});
-// -->
-</script>
-<h2 class="head">SKIP = Shonai Koeki Infomation Project =</h2>
-<h3>ΥȤˤĤ</h3>
-<div class="sect">
-ΥȤǤϡ䤿<span class="ballooned" title="SKIPϡ̸ʸؤξȴΩ줿ǤꡢľĽ꤬ŤSWAN ProjectפȶϤƼϰξȯ뤳ȤŪȤƤ롣">SKIP</span>षĻԤΤŹ̾ʤɤҲ𤷤ƤޤޤΤʤǤŹˤ䤳ʤ͡ʾȯƤޤ
+<h2>SKIPとは</h2>
+<div class="skip">
+<p>SKIP = Shonai Koeki Information Project =</p>
+<p>
+このサイトでは、私たちSKIPが取材した山形県酒田市のお店や名所などを紹介しています。また、記事のなかでお店の歴史やこだわりなど様々な情報を発信しています。</p>
 </div>
-</div>				<!-- Header end -->
+<!-- skip end  -->
 
-<!-- Global navigation -->
-<div class="menw">
+<h2 id="2017">2017年</h2>
+<div class="kwsk">
+<ul>
+<li><a href ="">記事</a></li>
 <ul>
- <a  href="index.html"><li>TOP</li></a>
- <a href="shuzai/syuzai.html"><li></li></a>
- <a href="program/program.html"><li>ץ</li></a>
- <a href="enq/enq.html"><li>󥱡</li></a>
- <a href="kiraribito/girl.html"><li>Ӥ</li></a>
- <a href="#" class="covered"><li style="position: relative;">ؤ</li></a>
- <div class="cover" title="!!"></div>
+</div>
+<!-- 2017 end -->
+
+<h2>記事一覧</h2>
+<div class="list">
+<ul>
+  <li><a href="#2017">2017年</a>
 </ul>
 </div>
-<div class="all">
-<div class="suball">
-
-<!-- Image slider -->
-<link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css">
-<link rel="stylesheet" type="text/css" href="preIndex.css">
-<script src="js/jquery.bxslider.js"></script>
-<script type="text/javascript">
-$(function(){
-	mySlider = $('#slider1').bxSlider({
-		auto:true,
-		minSlides: 3,
-		maxSlides: 3,
-		slideWidth: 320,
-		speed:3000,
-		pause:10000,
-		captions: true,
-		onSlideAfter: function(){mySlider.startAuto();}
-	});
-});
-</script>
-
-<h3 style="margin-bottom: 10px;">ĤΤȤ - Nice place in Sakata -</h3>
-<div  style="margin-left: auto; margin-right: auto; clear: left;" id="slider1">
-<div><a href="shuzai/shounaihormone/shonaihormone.html">
-<img src="shuzai/shounaihormone/shonaihormone.jpg" alt="shounaihorumon">
-</a></div><div><a href="shuzai/kerun/kerun.html">
-<img src="shuzai/kerun/kern1.jpg" alt="1059x1600(194917bytes)">
-</a></div>
-<div><a href="shuzai/viminale/viminale.html">
-<img src="shuzai/viminale/viminale1.jpg" alt="1600x1059(243978bytes)">
-</a></div>
-<div><a href="shuzai/nakamura/nakamura.html">
-<img src="shuzai/nakamura/nakamura.jpg" alt="nakamura">
-</a></div>
-<div><a href="shuzai/keyaki/keyaki.html">
-<img src="shuzai/keyaki/keyaki1-150.JPG" alt="keyaki">
-</a></div>
-<div><a href="shuzai/dezima/dezima.html">
-<img src="shuzai/dezima/dezima4-720c.JPG">
-</a></div>
-<div><a href="shuzai/nisimura/nisimura.html">
-<img src="shuzai/nisimura/nisimura3-720c.JPG">
-</a></div>
-<div><a href="shuzai/rupo/rupo.html">
-<img src="shuzai/rupo/rupo1-720c.jpg">
-</a></div>
-<div></div>
-</div>
-
-<h3> - News -</h3>
-<div class="news">
-<ul>
-<li><p class="line"><a harf="">ɲåƥͽ˥塼Сɲ
-    (2015-02-27)</a></p></li>
-<li><p class="line"><a harf="">SKIPΥȤ˥塼</a></p></li>
-</ul>
-</div>				<!-- news end -->
-
-<!--
-<h3>SKIPСڡ</h3>
-<div class="staff">
-<div class="menber"><a href="staff/murakami">Murakami</a></div>
-</div>				<!-- staff end -->
+<!-- ichiran end -->
 
 
-</div>				<!-- suball end -->
-</div>				<!-- all end -->
+<!-- footer -->
+<div class="footer">
+  Copyright &copy; 東北公益文科大学学内サークル SKIP. All Rights Reserved.
+</div>
+<!-- footer end-->
 
-<div class="footer">
-Copyright &copy; ̸ʸس⥵ SKIP. All Rights Reserved.
-</div>				<!-- footer end -->
+<!-- topback -->
+<div class="back">
+<h4><a href="#TOP" class="tlink">▲トップへ戻る</a></h4>
+</div>
+<!-- topback end -->
 
 </body>
 </html>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/main.css	Fri Nov 24 14:11:52 2017 +0900
@@ -0,0 +1,78 @@
+body {
+    background: #fadcaf;
+}
+
+div.menu{
+	background: #a9b881;
+	padding-left: 5px;
+}
+div.menu ul{
+	  width: 810px;
+	  height: 50px;
+	  margin:0 auto;	 
+	  border-right:#ffffff 2px solid;
+	  overflow:hidden; 
+}
+div.menu li{
+	  width: 160px;
+	  height: 50px;
+	  float: left;
+	  border-left:#ffffff 2px solid;
+	  list-style-type: none;
+	  text-align: center;
+	  padding-top: 12px;
+}
+div.menu ul a {text-decoration: none; }
+
+div.top{
+    margin-left: 100px;
+}
+
+h2 {
+     padding: .5em .75em;
+     background-color: #d3e6a8;
+     border-left: 8px solid #0a6641;
+}
+
+div.skip {
+	 background: #fff;
+	 border: 5px double #0a6641;
+	 margin: 20px 50px; padding: 10px 5px;
+}
+
+div.list {
+	 background: #fff;
+	 border: 5px double #0a6641;
+	 margin: 20px 50px; padding: 10px 5px;
+}
+
+div.kwsk {
+	background: #fff;
+	border: 5px double #0a6641;	     
+	margin: 20px 50px; padding: 10px 20px;
+}
+
+p.mimg {
+  float: left;
+  margin-right: 2px;
+  margin-bottom: 1px;
+}
+
+a.tlink{
+    text-align: right;
+    color: black;
+}
+
+.footer {
+       padding-top: 5px;
+       padding-bottom: 10px;
+       padding-left: 5px;
+       margin-left: 2px;
+       margin-top: 10px;
+       background: #a9b881;
+}
+
+div.back{
+	 position: fixed; right: 0.2ex; bottom: 0; width: 9em;
+  	 color: blue; 
+}

yatex.org