vim13/correct.txt

## correct.txt
blank

## mistery.html
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>ササヅカ井戸ハウスミステリーツアー 特設ページ</title>
<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
<link rel="stylesheet" href="style.css" type="text/css">
</head>

<body>
<p><h1>ササヅカ井戸ハウスミステリーツアー 特設ページ</h1></p>
<div class='info'>
<p>
9月18日(月曜日)　22時〜
</p>
<p>
オルフェア住宅村</br>
フラワーガーデン地区</br>
14656丁目 1番地</br>
</p>
</div>
<div class='content'>
<p>
オルフェア・フラワーガーデン地区の一角</br>
枯れ木に囲まれた井戸の家に</br>
伝説のぎんのこしだれ職人が暮らしていた</br>
</p>
<p class='photo'>
<img  src='./src/house.jpg'>
</p>
</div>
<div class='content'>
<p>
</br>
そのドワーフの作りだすぎんのこしだれは</br>
アグラニに伝わる特殊な製法によって</br>
パラメータには現れないがめちゃくちゃ強いという
</p>
<p class='photo'>
<img src='./src/kaji.jpg'>
</p>
</div>
<div class='content'>
<p>
</br>
家に隠された5つの写真立てを探し出し</br>
5つのひらがなをならべかえて秘密の合言葉をみつけると</br>
究極のぎんのこしだれを先着3名にゆずってくれるそうだ
</p>
<p class='photo'>
<img src='./src/phots.jpg'>
</p>
</div>
<div class='content'>
<p>
果たして君はこの謎を解くことができるか…
</p>
</div>
<div class='content'>
<p>
<a href="submit.html" class="square_btn">合言葉入力</a>
</p>
<p>
<a href="ranking.cgi" class="square_btn">ランキング</a>
</p>
</div>
</body>

</html>

## ranking.cgi
#!/usr/bin/env python
# -*- coding:utf-8 -*-

print 'Content-type: text/html; charset=UTF-8'
print '\r\n\r\n'
print '''
<html>

<head>
<meta charset="UTF-8">
<title>ササヅカ井戸ハウスミステリーツアー 特設ページ</title>
<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div class="rank">
'''

opened_file = open('correct.txt', 'r')

logs = []

for line in opened_file:
        logs.append(line[:-1])

opened_file.close()

cnt = 1

for x in logs:
        print str(cnt) + '位' + '　' + x
        if cnt < 4:
                print '<img  src="./src/koshidare.png"></br>'
        else:
                print '</br>'
        cnt += 1

print '''
</div>
<div class='content'>
<p><a href="mistery.html">←戻る</a></p>
</div>
</body>
</html>
'''

## style.css
@charset "utf-8";

body {
        background: url("./src/p297.jpeg");
        color: #FFFFFF;
        text-align: center;
        margin: 5%;
        font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
        line-height: 250%;
}


div.content{
        margin: 10% 10%;
}

div.info{
        line-height: 110%;
        margin: 5%;
}

div.rank{
        line-height: 400%;
}

p.photo img{
        width: 90%;
}

p.result img{
        width: 60%;
}


.square_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #F1CC5F;/*ボタン色*/
    color: #111111;
    border-bottom: solid 4px #A1883B;
    border-radius: 3px;
}

.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

a:link {
        color: #FFFFFF;
}

a:visited {
        color: #FFFFFF;
}

## submit.cgi
#!/usr/bin/env python
# -*- coding:utf-8 -*-

import cgi
import re
import datetime

form = cgi.FieldStorage()

status = 0

print 'Content-type: text/html; charset=UTF-8'
print '\r\n\r\n'


correct = '''
<html>

<head>
<meta charset="UTF-8">
<title>ササヅカ井戸ハウスミステリーツアー 特設ページ</title>
<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div class="content">
<p><h2>せいかい</h2></p>
<p class="result">
<img src="./src/seikou.jpg">
</p>
<div class="content">
<p><a href="ranking.cgi">ランキングを見る</a></p>
</div>
'''

wrong = '''
<html>

<head>
<meta charset="UTF-8">
<title>ササヅカ井戸ハウスミステリーツアー 特設ページ</title>
<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div class="content">
<p><h2>はずれ</h2></p>
<p class="result">
<img src="./src/gakkari.jpg">
</p>
<div class="content">
<p><a href="submit.html">合言葉入力に戻る</a></p>
</div>
'''

if form.has_key("your_name"):
        if form.has_key("answer"):


                if re.search('ぼうぐかじ', form['answer'].value):
                        status = 1
                        opend_file = open('correct.txt', 'a')
                        opend_file.write(form['your_name'].value + '　' + str(datetime.datetime.now()) + '\n')
                        opend_file.close()
                else:
                        status = 0

        if status:
                print correct
        else:
                print wrong

else:
        print 'キャラクター名を入力してください'

## submit.html
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>ササヅカ井戸ハウスミステリーツアー 特設ページ</title>
<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
<link rel="stylesheet" href="style.css" type="text/css">
</head>

<body>
<div class='content'>
<form action="submit.cgi" method="get">
<p>あなたのキャラクター名 <input type="text" name="your_name" size="9" />
合言葉 <input type="text" name="answer" size="9" /></p>
<p><input type="submit" value="送信" /><p>
</form>
</div>
<div class='content'>
<p><a href="mistery.html">←戻る</a></p>
</div>
</body>

</html>
	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="UTF-8">
	<title>ササヅカ井戸ハウスミステリーツアー特設ページ</title>
	<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
	<link rel="stylesheet" href="style.css" type="text/css">
	</head>

	<body>
	<p><h1>ササヅカ井戸ハウスミステリーツアー特設ページ</h1></p>
	<div class='info'>
	<p>
	9月18日(月曜日)　22時〜
	</p>
	<p>
	オルフェア住宅村</br>
	フラワーガーデン地区</br>
	14656丁目 1番地</br>
	</p>
	</div>
	<div class='content'>
	<p>
	オルフェア・フラワーガーデン地区の一角</br>
	枯れ木に囲まれた井戸の家に</br>
	伝説のぎんのこしだれ職人が暮らしていた</br>
	</p>
	<p class='photo'>
	<img src='./src/house.jpg'>
	</p>
	</div>
	<div class='content'>
	<p>
	</br>
	そのドワーフの作りだすぎんのこしだれは</br>
	アグラニに伝わる特殊な製法によって</br>
	パラメータには現れないがめちゃくちゃ強いという
	</p>
	<p class='photo'>
	<img src='./src/kaji.jpg'>
	</p>
	</div>
	<div class='content'>
	<p>
	</br>
	家に隠された5つの写真立てを探し出し</br>
	5つのひらがなをならべかえて秘密の合言葉をみつけると</br>
	究極のぎんのこしだれを先着3名にゆずってくれるそうだ
	</p>
	<p class='photo'>
	<img src='./src/phots.jpg'>
	</p>
	</div>
	<div class='content'>
	<p>
	果たして君はこの謎を解くことができるか…
	</p>
	</div>
	<div class='content'>
	<p>
	<a href="submit.html" class="square_btn">合言葉入力</a>
	</p>
	<p>
	<a href="ranking.cgi" class="square_btn">ランキング</a>
	</p>
	</div>
	</body>

	</html>
	#!/usr/bin/env python
	# -- coding:utf-8 --

	print 'Content-type: text/html; charset=UTF-8'
	print '\r\n\r\n'
	print '''
	<html>

	<head>
	<meta charset="UTF-8">
	<title>ササヅカ井戸ハウスミステリーツアー特設ページ</title>
	<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
	<link rel="stylesheet" href="style.css" type="text/css">
	</head>
	<body>
	<div class="rank">
	'''

	opened_file = open('correct.txt', 'r')

	logs = []

	for line in opened_file:
	logs.append(line[:-1])

	opened_file.close()

	cnt = 1

	for x in logs:
	print str(cnt) + '位' + '　' + x
	if cnt < 4:
	print '<img src="./src/koshidare.png"></br>'
	else:
	print '</br>'
	cnt += 1

	print '''
	</div>
	<div class='content'>
	<p><a href="mistery.html">←戻る</a></p>
	</div>
	</body>
	</html>
	'''
	@charset "utf-8";

	body {
	background: url("./src/p297.jpeg");
	color: #FFFFFF;
	text-align: center;
	margin: 5%;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	line-height: 250%;
	}


	div.content{
	margin: 10% 10%;
	}

	div.info{
	line-height: 110%;
	margin: 5%;
	}

	div.rank{
	line-height: 400%;
	}

	p.photo img{
	width: 90%;
	}

	p.result img{
	width: 60%;
	}


	.square_btn{
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #F1CC5F;/ボタン色/
	color: #111111;
	border-bottom: solid 4px #A1883B;
	border-radius: 3px;
	}

	.square_btn:active {/ボタンを押したとき/
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/下に動く/
	border-bottom: none;/線を消す/
	}

	a:link {
	color: #FFFFFF;
	}

	a:visited {
	color: #FFFFFF;
	}
	#!/usr/bin/env python
	# -- coding:utf-8 --

	import cgi
	import re
	import datetime

	form = cgi.FieldStorage()

	status = 0

	print 'Content-type: text/html; charset=UTF-8'
	print '\r\n\r\n'


	correct = '''
	<html>

	<head>
	<meta charset="UTF-8">
	<title>ササヅカ井戸ハウスミステリーツアー特設ページ</title>
	<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
	<link rel="stylesheet" href="style.css" type="text/css">
	</head>
	<body>
	<div class="content">
	<p><h2>せいかい</h2></p>
	<p class="result">
	<img src="./src/seikou.jpg">
	</p>
	<div class="content">
	<p><a href="ranking.cgi">ランキングを見る</a></p>
	</div>
	'''

	wrong = '''
	<html>

	<head>
	<meta charset="UTF-8">
	<title>ササヅカ井戸ハウスミステリーツアー特設ページ</title>
	<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
	<link rel="stylesheet" href="style.css" type="text/css">
	</head>
	<body>
	<div class="content">
	<p><h2>はずれ</h2></p>
	<p class="result">
	<img src="./src/gakkari.jpg">
	</p>
	<div class="content">
	<p><a href="submit.html">合言葉入力に戻る</a></p>
	</div>
	'''

	if form.has_key("your_name"):
	if form.has_key("answer"):


	if re.search('ぼうぐかじ', form['answer'].value):
	status = 1
	opend_file = open('correct.txt', 'a')
	opend_file.write(form['your_name'].value + '　' + str(datetime.datetime.now()) + '\n')
	opend_file.close()
	else:
	status = 0

	if status:
	print correct
	else:
	print wrong

	else:
	print 'キャラクター名を入力してください'