Skip to content

sora / sanitary-net

Go to a project
Commit c6722140 by o.kimura
Options

巧水スタイルJSON調整

parent 377b85ac
Expand all
Inline Side-by-side
Showing with 96 additions and 30 deletions
shared/images/mv_pc.png
shared/images/mv_pc.png

43.1 KB | W: | H:

shared/images/mv_pc.png

30.3 KB | W: | H:

shared/images/mv_pc.png
shared/images/mv_pc.png
shared/images/mv_pc.png
shared/images/mv_pc.png
  • 2-up
  • Swipe
  • Onion skin
shared/images/mv_sp.png
shared/images/mv_sp.png

80.6 KB | W: | H:

shared/images/mv_sp.png

59.6 KB | W: | H:

shared/images/mv_sp.png
shared/images/mv_sp.png
shared/images/mv_sp.png
shared/images/mv_sp.png
  • 2-up
  • Swipe
  • Onion skin
takumi-style/iframe.html
...@@ -2,44 +2,44 @@ ...@@ -2,44 +2,44 @@
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>viewport test - iframe parent</title> <title>viewport test - iframe parent</title>
<style> <style>
html, html,
body { body {
background-color: #ffffff; background-color: #ffffff;
height: 100%; height: 100%;
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
#container { #container {
height: 100%; height: 100%;
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
iframe { iframe {
border: none; border: none;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="container"> <div id="container">
<!-- <!--
動作確認済みのブラウザ 動作確認済みのブラウザ
Mac　-　chrome Mac　-　chrome
PC用にフォントを設定 PC用にフォントを設定
部分的にプルプルするのを何とかする（問題の選択肢） 部分的にプルプルするのを何とかする（問題の選択肢）
--> -->
<iframe src="index_ie.html" width="990" height="660" scrolling="no"> <iframe src="index_ie.html" width="990" height="660" scrolling="no">
</div> </div>
</iframe> </iframe>
</body> </body>
</html> </html>
takumi-style/js/json.js
...@@ -390,9 +390,40 @@ jsonData = { ...@@ -390,9 +390,40 @@ jsonData = {
"answer_fig": "r_3_4_3.jpg" "answer_fig": "r_3_4_3.jpg"
}, },
"comment_3_5": "------------------------------------------------------------------------ 上級：ID = 5 --------------------------------------------------------------------------",
"3_5_1": {
"qText": [3, "日本では、水の日が制定されていますが、<br>それはいつでしょうか？"],
"answerID": "2",
"layoutType": "line",
"fig": "3_4_1.jpg",
"a_1": [3, "残念。<strong>４月１日はエイプリルフール</strong>ですね。<br>正解は②<strong>８月１日</strong>でした。", 3, "４月１日"],
"a_2": [3, "正解！ <strong>８月１日が水の日</strong>です。", 3, "８月１日"],
"a_3": [3, "残念。<strong>９月１日は防災の日</strong>ですね。<br>正解は②<strong>８月１日</strong>でした。", 3, "９月１日"],
"answer_text": "水の重要性について国民の関心を高め、理解を深めるため、毎年８月１日を<strong>水の日</strong>としています。また、この日を初日とする１週間が<strong>水の週間</strong>とされています。",
"answer_fig": "r_3_4_1.jpg"
},
"3_5_2": {
"qText": [3, "家庭から出る排水のうち、もっとも水を汚す原因になっているものはどこからの排水でしょうか?"],
"answerID": "3",
"layoutType": "line",
"fig": "3_4_2.jpg",
"a_1": [3, "残念。正解は③<strong>台所からの排水</strong>でした。<br><small>（環境省「生活排水読本」より）</small>", 3, "トイレからの排水"],
"a_2": [3, "残念。正解は③<strong>台所からの排水</strong>でした。<br><small>（環境省「生活排水読本」より）</small>", 3, "風呂・洗濯からの排水"],
"a_3": [2, "正解。<strong>台所からの排水が水質汚濁原因の１番</strong>とされています。<br><small>（環境省「生活排水読本」より）</small>", 3, "台所からの排水"],
"answer_text": "台所から食べ残しや飲み残し、残った油等をできるだけ流さないように心掛けましょう。",
"answer_fig": "r_3_4_2.jpg"
},
"3_5_3": {
"qText": [3, "シャワーを３分間出したままにすると、どれくらいの水を使うでしょうか?"],
"answerID": "3",
"layoutType": "line",
"fig": "3_4_3.jpg",
"a_1": [3, "残念。正解は③<strong>約30リットル</strong>も流れます。<br><small>（TOTO「お客様向け環境コミュニケーションサイト」より）</small>", 3, "約10リットル<br><small>（大きなバケツに1杯くらい）</small>"],
"a_2": [3, "残念。正解は③<strong>約30リットル</strong>も流れます。<br><small>（TOTO「お客様向け環境コミュニケーションサイト」より）</small>", 3, "約20リットル<br><small>（大きなバケツに2杯くらい）</small>"],
"a_3": [3, "正解。<strong>約30リットルも流れる</strong>んですね。<br><small>（TOTO「お客様向け環境コミュニケーションサイト」より）</small>", 3, "約30リットル<br><small>（大きなバケツに3杯くらい）</small>"],
"answer_text": "最新の節水シャワーに取り換えると２/３くらいまで節水できます。こまめにシャワーを止めたり、節水シャワーに交換するなどして、節水を心掛けましょう。",
"answer_fig": "r_3_4_3.jpg"
},
"comment_4_1": "------------------------------------------------------------------------博士級：ID = 1 --------------------------------------------------------------------------", "comment_4_1": "------------------------------------------------------------------------博士級：ID = 1 --------------------------------------------------------------------------",
"4_1_1": { "4_1_1": {
...@@ -532,6 +563,41 @@ jsonData = { ...@@ -532,6 +563,41 @@ jsonData = {
"a_3": [3, "残念。正解は②<strong>およそ２割</strong>でした。<br><small>（国土交通省 平成28年度版 日本の水資源の現況より）</small>", 3, "およそ７割"], "a_3": [3, "残念。正解は②<strong>およそ２割</strong>でした。<br><small>（国土交通省 平成28年度版 日本の水資源の現況より）</small>", 3, "およそ７割"],
"answer_text": "国土交通省の平成２８年度調査結果公表によると、７割近くは<strong>農業用水</strong>、家庭内や外出先などで使用する<strong>生活用水</strong>は、およそ２割を占め、残りが<strong>工業用水</strong>として利用されているそうです。", "answer_text": "国土交通省の平成２８年度調査結果公表によると、７割近くは<strong>農業用水</strong>、家庭内や外出先などで使用する<strong>生活用水</strong>は、およそ２割を占め、残りが<strong>工業用水</strong>として利用されているそうです。",
"answer_fig": "r_4_4_3.jpg" "answer_fig": "r_4_4_3.jpg"
},
"comment_4_5": "TODO------------------------------------------------------------------------博士級：ID = 5 --------------------------------------------------------------------------",
"4_5_1": {
"qText": [1, "洗濯機で注水すすぎをせず、ためすすぎをすると、1ヶ月でどれだけ節水になるでしょうか？<br><small>※縦型全自動洗濯機８ｋｇで２回すすぎの場合で、毎日１回洗濯機を回すとして計算</small>"],
"answerID": "3",
"layoutType": "line",
"fig": "4_4_1.jpg",
"a_1": [3, "残念。正解は③<strong>１ヵ月で約1,800リットル</strong>でした。", 3, "約300リットル<br><small>（おふろ約1.5杯分）</small>"],
"a_2": [3, "残念。正解は③<strong>１ヵ月で約1,800リットル</strong>でした。", 3, "約900リットル<br><small>（おふろ約4.5杯分）</small>"],
"a_3": [3, "正解。注水すすぎは<strong>１ヵ月で約1,800リットル</strong>もの水を使うんですね。", 3, "約1,800リットル<br><small>（おふろ約９杯分）</small>"],
"answer_text": "注水すすぎは溜めすすぎにくらべて多くの水を使います。アレルギーの問題がなければ節水のために、ためすすぎをお勧めします。",
"answer_fig": "r_4_4_1.jpg"
},
"4_5_2": {
"qText": [1, "１回あたり6リットル以下で流す節水トイレが販売されていますが、日本中に設置されているトイレのうち、この節水トイレの占める割合はどのくらいになっているでしょうか？<small>（日本レストルーム工業会推計）</small>"],
"answerID": "2",
"layoutType": "line",
"fig": "4_2_1.jpg",
"a_1": [3, "残念。正解は②<strong>約44%</strong>でした。<br><small>（2016年度 日本レストルーム工業会推計）</small>", 3, "約22%"],
"a_2": [3, "正解！まだ<strong>全体の44%程度しか</strong>設置されていません。<br><small>（2016年度 日本レストルーム工業会推計）</small>", 3, "約44%"],
"a_3": [3, "残念。正解は②<strong>約44%</strong>でした。まだまだ少ないですね。<br><small>（2016年度 日本レストルーム工業会推計）</small>", 3, "約66%"],
"answer_text": "まだまだ多くの水量を流している便器があります。大切な水を節約するためにも、こうした節水トイレがもっと増えるといいですね。",
"answer_fig": "r_4_2_1.jpg"
},
"4_5_3": {
"qText": [3, "日本の水使用において、家庭内や外出先などで使用されている水量はどれくらいを占めているでしょうか？"],
"answerID": "2",
"layoutType": "line",
"fig": "4_4_3.jpg",
"a_1": [3, "残念。正解は②<strong>およそ２割</strong>でした。<br><small>（国土交通省 平成28年度版 日本の水資源の現況より）</small>", 3, "およそ１割"],
"a_2": [3, "正解！<strong>およそ２割はわたしたちの生活に使用</strong>しています。<br><small>（国土交通省 平成28年度版 日本の水資源の現況より）</small>", 3, "およそ２割"],
"a_3": [3, "残念。正解は②<strong>およそ２割</strong>でした。<br><small>（国土交通省 平成28年度版 日本の水資源の現況より）</small>", 3, "およそ７割"],
"answer_text": "国土交通省の平成２８年度調査結果公表によると、７割近くは<strong>農業用水</strong>、家庭内や外出先などで使用する<strong>生活用水</strong>は、およそ２割を占め、残りが<strong>工業用水</strong>として利用されているそうです。",
"answer_fig": "r_4_4_3.jpg"
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment