added short stories

app.py

@@ -52,6 +52,10 @@ def motion():
 def about():
     return render_template('about.html', now=dt.now())
 
+@app.route('/short_stories')
+def short_stories():
+    return render_template('short_stories.html')
+
 @app.route('/weather')
 def get_weather():
     # Replace with your API's URL

static/css/short_stories.css

@@ -0,0 +1,7 @@
+h2 {
+    text-align: center;
+}
+
+li {
+    list-style: none;
+}

templates/base.html

@@ -18,7 +18,9 @@
             <a href="{{ url_for('rank') }}">Relative Rank</a>
             <a href="{{ url_for('motion') }}">Motion Graphics</a>
             <a href="{{ url_for('vocabulary') }}">Vocabulary</a>
+            <a href="{{ url_for('short_stories') }}">Short Stories</a>
             <a href="{{ url_for('about') }}">About</a>
+
         </nav>
     </header>
     <main>

templates/short_stories.html

@@ -0,0 +1,78 @@
+{% extends "base.html" %}
+
+{% block content %}
+<link rel="stylesheet" href="{{ url_for('static', filename='css/short_stories.css') }}">
+<div id="index">
+    <!--list of links to different stories on the page-->
+    <div id="links">
+        <ul>
+        <li><a href="{{ url_for('short_stories', _anchor='story1') }}">Chapter 1: 電車/Train</a></li>
+        <li><a href="{{ url_for('short_stories', _anchor='story2') }}">Chapter 2: 登山家 - Mountaineer</a></li>
+        <li><a href="{{ url_for('short_stories', _anchor='story3') }}">Chapter 3: 秘密 - Secret</a></li>
+        </ul>
+    </div>
+</div>
+<div id="story1">
+    <h2>CHAPTER 1 </h2>
+    <h2>電車/Train</h2>
+    <p>アヤコは毎日電車に乗ります。仕事に行くとき、買い物に行くとき、友達に会うとき、英会話のレッスンに行くとき、映画を見に行くとき、電車に乗ります。</p>
+    <p>平日に仕事へ行くとき、アヤコは毎日同じ人達と同じ電車に乗ります。週末に出かけるとき、いつも違う人達が電車に乗ります。 アヤコは電車に乗るとき、いつも不思議に思うことがあります。この人達は、どこから来て、どこへ行くのかな？ 
+    <p>今日は6月15日、日曜日の朝です。もうすぐ夏です。とてもいい天気です。今日、アヤコは電車に乗って新しい映画を見に行きます。 アヤコはゆっくり電車の中を見ました。日曜日の朝なので、電車に乗っている人は少ないです。 </p>
+    <p>アヤコの目の前には、小さな男の子と若い男の人が一緒に座っています。男の子はタブレットでビデオを見ています。若い男の人は電車の窓の外を眺めています。この二人は親子かな？生徒と先生かな？ </p>
+    <p>アヤコの隣に、女の人が一人で座っています。その女の人は青いワンピースを着ています。そして、携帯電話でだれかにメッセージを送っています。青いワンピースを着て、どこに行くんだろう？仕事の面接かな？それとも、友達の結婚式かな？ </p>
+    <p>アヤコは周りを見ます。見たことがある女の人がいます。その女の人はドアの近くに立って、本を読んでいます。 </p>
+    <p>アヤコは仕事に行くとき、毎日その人を見ます。でも、その女の人と話したことはありません。その女の人はいつも本を読んでいます。 </p>
+    <p>どうしよう？話してみようかな？ </p>
+    <p>でも、何を話そうかな？ </p>
+    <p>アヤコは一生懸命考えます。一分、三分、そして十分が経ちました。次の駅で、アヤコは降りなければいけません。 </p>
+    <p>どうしよう？何を言おう？時間がない。 </p>
+    <p>電車は次の駅に到着します。その女の人も同じ駅で降りました。 </p>
+    <p>アヤコは急いで電車を降りて、大きな声でその人に話しかけました。 </p>
+    <p>「あの、こんにちは！」 </p>
+    <p>その人は返事をしませんでした。そして、歩いていきました。 </p>
+    <p>アヤコはがっかりしました。 </p>
+    <p>そして、アヤコは映画館に行きました。 </p>
+    <p>アヤコが映画館に着いたとき、その女の人も映画館にいました。 </p>
+    <p>アヤコは、その女の人にあいさつをしようと思いました。 </p>
+    <p>その人は、字幕の映画を見たいので、映画館のスタッフと話していました。 </p>
+    <p>その人は、耳が不自由でした。だから、アヤコがあいさつしたとき、聞こえませんでした。 </p>
+    <p>そして、アヤコはその女の人に手紙を書きました。「一緒に映画を見ませんか？」 </p>
+    <p>今、アヤコは毎日電車でその女の人とノートとペンを使って映画の話をします。</p>
+</div>
+<div id="story2">
+    <h2>CHAPTER 2</h2> 
+    <h2>登山家 - Mountaineer</h2> 
+    <p>登山家は、山にある小屋で暮らしています。一人で元気に暮らしています。 </p>
+    <p>毎朝、三時間山を登ります。そして、野菜を育てて、食べています。 </p>
+    <p>登山家は、病院に行ったことがありません。とても元気なので、病気になったことがありません。 </p>
+    <p>今日も昼にキノコをとりに行きます。登山家は、キノコについてよく知っています。食べられるキノコと食べられないキノコがあります。 </p>
+    <p>その夜、登山家は病気になって、初めて救急車を電話で呼びました。 </p>
+    <p>病院に着いたとき、医者は言いました。 </p>
+    <p>「食べられないキノコを食べましたか？キノコはとても危険なので、気を付けてください。でも、もう大丈夫です。でも、目が悪くなっています。知っていましたか？休んだ方がいいですよ。」 </p>
+    <p>そして、登山家は毎年病院に行って、健康診断を受けます。</p>
+</div>
+<div id="story3">
+    <h2>CHAPTER 3</h2> 
+    <h2>秘密 - Secret</h2> 
+    <p>ぼくは、人に言えない秘密があります。この秘密を人に話してはいけません。たぶん、このアパートには住めなくなるでしょう。だから、大家さんにバレてはいけません。</p> 
+    <p>その秘密は、ぼくが飼っているねこです。ねこの名前はトラさんです。黄色と黒の縞模様なので、トラさんと名付けました。 </p>
+    <p>ぼくのアパートは、ペットを飼ってはいけません。大家さんは動物が好きじゃないかもしれません。大家さんは少し怖いので、トラさんは秘密にしたほうがいいです。 </p>
+    <p>トラさんは、三ヶ月前に上司にもらいました。上司は子ねこを三匹飼っていました。だから、ぼくに子ねこを一匹くれました。それがトラさんでした。 </p>
+    <p>ある日、上司はぼくに「ねこは好き？」と聞きました。ぼくは「犬よりねこのほうが好きです」と言いました。そして、次の日、上司はぼくにトラさんをくれました。 </p>
+    <p>ぼくは、半年前にこの町に来ました。家族も友達もいなかったので、少し寂しかったです。でも、今はトラさんがいるので、寂しくありません。 </p>
+    <p>ぼくとトラさんは毎日一緒にご飯を食べます。そして、毎日一緒に寝ます。 </p>
+    <p>「ニャーニャー」 </p>
+    <p>「ただいま」 </p>
+    <p>トラさんはいつも玄関で待っています。家で待っているとき、トラさんは寂しいのかもしれません。もしかしたら、家族と兄弟に会いたいのかもしれません。 </p>
+    <p>今日も家に帰って、玄関のドアを開けました。トラさんがいつものように玄関で待っていました。 </p>
+    <p>「ニャーニャー」 </p>
+    <p>「ただいま」 </p>
+    <p>ぼくはトラさんと話していました。 </p>
+    <p>「かわいいねこですね」 </p>
+    <p>ぼくの後ろに大家さんが立っていました。ぼくはびっくりしました。大家さんはトラさんを見て、言いました。 </p>
+    <p>「一人暮らしは寂しいでしょう」 </p>
+    <p>「すみません。このねこは上司にもらいました。すぐに上司に返します」とぼくは言いました。 </p>
+    <p>「いいですよ。大事にしなさい」 </p>
+    <p>と、大家さんは言って、家に帰りました。</p>
+</div>
+{% endblock %}