changeset 3564:5f389a194c46

hg add koshosai2017
author Fumiya Sato <c116092@h.koeki-u.ac.jp>
date Sat, 21 Oct 2017 00:38:03 +0900
parents 1e5fb61d0b2e
children 1d89ddd1d1bb 44c822b4dae6
files event/oasis2017/koshosai2017.css event/oasis2017/koshosai2017.html
diffstat 2 files changed, 176 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/event/oasis2017/koshosai2017.css	Sat Oct 21 00:38:03 2017 +0900
@@ -0,0 +1,102 @@
+body {
+   color:#000;
+   background:#efffff url("oasis2017poster.jpg") fixed no-repeat top ;
+   -webkit-text-size-adjust: 100%;
+   }
+
+a {
+   color:#0000ff;
+   text-decoration:none;
+   }
+
+a:hover {
+   color:#339999;
+   cursor:pointer;
+   }
+
+h1 {
+   font-size: 24px;
+   color:#339999;
+   font-weight:bold;
+   text-align:center;
+   text-shadow: 1px 1px 2px white,1px 1px 2px black;
+   margin:1em;
+   }
+
+h1 span{  
+  font-size : 20px;
+  text align:right;
+  padding-top : 7px;
+  border-top-width : 1px;
+  border-top-style : solid;
+  border-top-color : #cecece;
+  display : block;
+ }
+
+#menu div {
+   overflow-x:auto;
+   overflow-y:hidden;
+   width:100%;
+   white-space:nowrap;
+}
+
+#menu ul {
+   text-align: center;
+   list-style:none;
+   padding-left:1ex;
+   margin:1em;
+}
+
+#menu li {
+   display:inline;
+   padding-right:5ex;
+}
+
+#contents h2 {
+   border-bottom:1px #19198b dotted;
+   font-size:large;
+   font-weight:bold;
+   line-height:29px;
+   margin:0;
+}
+
+#contents div {
+   background: #fff;
+   border: 2px double blue;
+   border-radius: 3em 3em;
+   border: 3px dashed #19198b;
+   margin: 10px;
+   padding: 10px;
+}
+
+#contents p {
+   margin:0;
+   padding:0.5ex 0 2ex 0;
+}
+
+#contents strong {
+   color:red;
+   font-weight:normal;
+   border-bottom:1px dashed #999;
+}
+
+#footer {
+   font-size:small;
+   text-align:center;
+   padding:1em;
+   border-top:1ex double #899501;
+}
+
+em {
+   color: red;
+   font-size:large;
+}
+
+.box1 {
+   background: #fff;
+   border: 2px double blue;
+   border-radius: 3em 3em;
+   border: 3px dashed #19198b;
+   margin:3em;
+   padding: 2em;
+   }
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/event/oasis2017/koshosai2017.html	Sat Oct 21 00:38:03 2017 +0900
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>東北公益文科大学 SKIP 公翔祭2017</title>
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<link rel="stylesheet" type="text/css" href="koshosai2017.css">
+</head>
+
+<body>
+<div id="menu">
+ <h1>東北公益文科大学 SKIP<span>公翔祭2017</span></h1>
+ <div>
+  <ul>
+   <li><a href="https://skip.koeki-prj.org">SKIP TOP</a></li>
+   <li><a href="https://twitter.com/koshosai17">公翔祭2017 Twitter</a></li>
+   <li><a href="#idol">アイドルエキスパートSide S'</a></li>
+   <li><a href="#ikusei">さかたっちR</a></li>
+   <li><a href="#quiz">Quiz in SHONAI</a></li>
+   <li><a href="#koekigo">公益大GO!</a></li>
+  </ul>
+ </div>
+ <p>↑ スマホの人は左右にスクロールすると全部のメニューが見られるよ!</p>
+</div><!-- menu end -->
+
+<div id="contents">
+ <div>
+  <h2>公翔祭 SKIPゲームイベント</h2>
+   <p>公翔祭に公益大の情報サークルSKIPがやってきました!</p>
+   <p>今回のゲームはなんと<em>4本立て!?</em></p>
+   <p>SKIPのゲームチームが作ったオリジナルのゲームで公翔祭をもっと楽しんじゃおう!</p>
+ </div>
+ <div>
+   <h2><a name="idol"><a href="https://skip.koeki-prj.org/event/oasis2017/IEx/name.rb">アイドルエキスパート Side S'</a></a></h2>
+    <p>このゲームは、三人のアイドルの中から一人選んでプロデュースし、ファンを増やしてアイドルとの絆を深めていくゲームです。</p>
+    <p>ファンが一定数に達するとストーリーが進むよ!</p>
+    <p>QRコードを利用してファンを集めよう!</p>
+    <p><a href="https://skip.koeki-prj.org/event/oasis2017/IEx/name.rb">
+ここからすぐに遊べるよ!</a></p>
+ </div>
+
+ <div>
+   <h2><a name="ikusei"><a href="https://skip.koeki-prj.org/event/oasis2017/ikusei/ikusei.rb">さかたっち R</a></a></h2>
+    <p>クイズを解いてキャラクターを育てるゲームです。</p>
+    <p>進化するとサウンドの一部を入手することができるよ!</p>
+    <p>最後まで進化させるとサウンドが完成する!?</p>
+    <p><a href="https://skip.koeki-prj.org/event/oasis2017/ikusei/ikusei.rb">ここからすぐに遊べるよ!</a></p>
+ </div>
+
+ <div>
+   <h2><a name="quiz"><a href="https://skip.koeki-prj.org/event/oasis2017/quiz/quiz.rb">Quiz in SHONAI</a></a></h2>
+    <p>庄内の自然豊かな観光スポットをクイズにしました。</p>
+    <p>意外とわからないところが多いかも!?</p>
+    <p>公益大内には、「易しい」「普通」「難しい」の3つの難易度ごとにQRコードがあります。</p>
+    <p>「易しい」からチャレンジしてみてね。</p>
+    <p><a href="https://skip.koeki-prj.org/event/oasis2017/quiz/quiz.rb">ここからすぐに遊べるよ!</a></p>
+ </div>
+
+ <div>
+   <h2><a name="koekigo"><a href="https://www.koeki-prj.org/~c115087/map/gps/gps.html">公益大GO!</a></a></h2>
+    <p>今、大人気の位置情報ゲームが公翔祭にやってきた!</p>
+    <p>3つのスポットをめぐって問題を解いていこう!</p>
+    <p>問題を解くとキーワードが手に入ります。</p>
+    <p>周りに気を付けて公益大内を歩きまわってみてね!</p>
+    <p><a href="https://www.koeki-prj.org/~c115087/map/gps/gps.html">ここからすぐに遊べるよ!</a></p>
+ </div>
+
+</div><!-- contents end -->
+
+<div id="footer">
+ <p>Presented by <a href="https://skip.koeki-prj.org">東北公益文科大学 Shonai Koeki Infomation Project</a></p>
+</div><!-- footer end -->
+
+</body>
+</html>

yatex.org