-
-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.pug
156 lines (156 loc) · 5.95 KB
/
index.pug
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
doctype
html
head
meta(charset='utf-8')
meta(name='viewport', content='width=device-width,initial-scale=1')
title MNEMO プログラミング風パズルゲーム
meta(name='description', content='MNEMO(ニーモ)は、ブラウザ上で遊べるパズルゲームです。小学生からガチプログラマーまで。めざせランキング制覇。')
// meta keywords は全く必要ないらしいけど、一応と言うか念のため
meta(name='keywords', content='パズル,ゲーム,プログラミング,MNEMO,ニーモ')
meta(property='fb:app_id', content='1864540247116178')
meta(property='og:title', content='MNEMO プログラミング風パズルゲーム')
meta(property='og:type', content='website')
meta(property='og:url', content='https://mnemo.pro/')
meta(property='og:image', content='https://mnemo.pro/image/ogimage.png')
meta(property='og:description', content='MNEMO(ニーモ)は、ブラウザ上で遊べるパズルゲームです。小学生からガチプログラマーまで。めざせランキング制覇。')
meta(property='og:site_name', content='MNEMO')
meta(name='twitter:card', content='summary')
meta(name='twitter:site', content='@tsg_ut')
meta(name='twitter:creator', content='@tsg_ut')
meta(name='twitter:title', content='MNEMO プログラミング風パズルゲーム')
meta(name='twitter:description', content='MNEMO(ニーモ)は、ブラウザ上で遊べるパズルゲームです。小学生からガチプログラマーまで。めざせランキング制覇。')
meta(name='twitter:image', content='https://mnemo.pro/image/ogimage.png')
script if (location.hostname === 'mnemo.pro' && location.protocol === 'http:') location.protocol = 'https:';
if process.env.NODE_ENV === 'production'
script(src="index.min.js", charset="utf-8", async)
link(href="index.min.css", rel="stylesheet")
else
script(src="index.js", charset="utf-8", async)
link(href="index.css", rel="stylesheet")
body
a.github-fork-ribbon(href='https://github.com/tsg-ut/mnemo', title='Fork me on GitHub', target='_blank') Fork me on GitHub
.container
.layer.background-layer
- for (let i = 0; i < 8; i++)
.cloud
.layer.screens-layer
.screens
.screen.menu-screen
.menu
.row
img.logo(src='image/logo-slim.png')
.row.tsg-credit
| by
a(href='http://tsg.ne.jp/', target='_blank')
img.tsg-logo(src='image/tsg.png')
.row
button.big.start はじめる
.row
button.small.select ステージセレクト
ol.stage-list
.row
button.small.credit クレジット
ul.credit-body
li
| “On the wall of pipe frame vector”
| by <a href="http://freedesignfile.com/">freedesignfile</a>
| Licensed under CC-BY
li
| “Set of message board with message paper vector”
| by <a href="http://freedesignfile.com/">freedesignfile</a>
| Licensed under CC-BY
li
| “Set of pipeline parts vector”
| by <a href="http://freedesignfile.com/">freedesignfile</a>
| Licensed under CC-BY
li
| “Bright Outdoor Spring Landscape”
| by <a href="http://all-free-download.com/free-vector/download/bright-outdoor-spring-landscape_144697.html">CreativeSwell</a>
| Licensed under CC-BY
.screen.game-screen
.stage.layer.stage-layer
.upper-area
.statement-exit
.exit-button-area
button.exit もどる
.statement-area
.statement
.board-area
.panel-area
.downer-area
.left-area
a(href='http://tsg.ne.jp/', target='_blank')
img.tsg-logo(src='image/tsg.png')
.controls-area
.controls
button.move(type = 'button')
button.ranking(type = 'button')
button.execute(type = 'button')
button.stop(type = 'button')
button.rapid(type = 'button')
.save-area-wrapper
button.save(type = 'button')
.save-panel-area
.save-balloon
.entry-wrapper
ul.saved-entries
.save-button-wrapper
button.save-entry セーブする
.right-area
.statement-area
.mission MISSION
.statement
.layer.result-layer
.result
.result-head
.clear
.stats
.clocks 0
.blocks 0
.score-window
.score
| スコア
= ' '
span.score-value
input.name(placeholder='名前')
button.register ランキングに登録する
a.tweet(target='_blank')
i.fa.fa-twitter
| Twitterでつぶやく
.block-area
button.close 閉じる
button.next 次のステージへ
.limit.clock-limit
.head Clock Limit Exceeded!
.message
| 実行時間が制約(
strong.limit-value
| )を超えたため、<wbr>停止しました。
button.ok OK
.limit.data-limit
.head Data Limit Exceeded!
.message
| データ数が制約(
strong.limit-value 100
| )を超えたため、<wbr>停止しました。
button.ok OK
.ranking.loading
.head
| ステージ「
span.stage-name 余りの計算
| 」のランキング
ol.ranks
button.close 閉じる
.layer.modal-layer
- const modals = ['01', '02', '03', '04', 'conditionals']
each modal in modals
.modal(class=modal)
button.close
.modal-content
case modal
when '01': include modals/01/content.pug
when '02': include modals/02/content.pug
when '03': include modals/03/content.pug
when '04': include modals/04/content.pug
when 'conditionals': include modals/conditionals/content.pug
button.close-content OK