-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
167 lines (156 loc) · 12.7 KB
/
index.html
File metadata and controls
167 lines (156 loc) · 12.7 KB
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
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html>
<head>
<title>WriterLighter</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="小説に、革命を。小説のためのテキストエディタ、WriterLighter">
<meta name="keywords" content="小説,書く,執筆,フリーソフト,ツール">
<meta name="theme-color" content="#fff">
<link rel="shortcut icon" href="favicon.ico">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/6.0.0/normalize.min.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div id="download" class="modal t-center">
Coming soon...<br>
<a href="//github.com/WriterLighter/WriterLighter" target="_blank" class="underline-shrink">
<img src="/img/logo-github.svg" alt="GitHub">
<img src="/img/mark-github.svg">
</a>
にて、開発情報&ソースコード公開中!
</div>
<div class="demo">
<div class="content">
<div class="pane">
<div class="novel-title">
<span>檸檬</span>
<button>開く</button>
</div>
<ol class="chapters">
<li class="opened">檸檬</li>
<li>城のある街</li>
<li>雪後</li>
</ol>
<ul class="chapters">
<li>プロット1</li>
<li>プロット2</li>
</ul>
</div>
<div class="main">
<section class="search-field" class="flex-container">
<input type="text" class="input-group-begin stretch" value="檸檬" disabled>
<button class="input-group-while">. *</button>
<button class="input-group-end">aA</button>
<span>0</span>
<button class="input-group-begin">←</button>
<button class="input-group-end">→</button>
</section>
<pre class="editor vertical">
その日私はいつになくその店で買物をした。というのはその店には珍しいが出ていたのだ。<mark class="hl">檸檬</mark>などごくありふれている。がその店というのも見すぼらしくはないまでもただあたりまえの八百屋に過ぎなかったので、それまであまり見かけたことはなかった。いったい私はあの<mark class="hl">檸檬</mark>が好きだ。レモンエロウの絵具をチューブから搾り出して固めたようなあの単純な色も、それからあのの詰まった紡錘形のも。――結局私はそれを一つだけ買うことにした。それからの私はどこへどう歩いたのだろう。私は長い間街を歩いていた。始終私の心を圧えつけていた不吉な塊がそれを握った瞬間からいくらかんで来たとみえて、私は街の上で非常に幸福であった。あんなにかった憂鬱が、そんなものので紛らされる――あるいは不審なことが、逆説的なほんとうであった。それにしても心というやつはなんという不可思議なやつだろう。
その<mark class="hl">檸檬</mark>の冷たさはたとえようもなくよかった。その頃私はを悪くしていていつも身体に熱が出た。事実友達のに私の熱を見せびらかすために手の握り合いなどをしてみるのだが、私の掌が誰のよりも熱かった。その熱いだったのだろう、握っている掌から身内に浸み透ってゆくようなその冷たさは快いものだった。
私は何度も何度もその果実を鼻に持っていってはいでみた。それの産地だというカリフォルニヤが想像に上って来る。漢文で習った「売柑者之言」の中に書いてあった「鼻をつ」という言葉がれぎれに浮かんで来る。そしてふかぶかと胸一杯に匂やかな空気を吸い込めば、ついぞ胸一杯に呼吸したことのなかった私の身体や顔には温い血のほとぼりが昇って来てなんだか身内に元気が目覚めて来たのだった。……
実際あんな単純な冷覚や触覚や嗅覚や視覚が、ずっと昔からこればかり探していたのだと言いたくなったほど私にしっくりしたなんて私は不思議に思える――それがあの頃のことなんだから。
私はもう往来を軽やかな昂奮に弾んで、一種誇りかな気持さえ感じながら、美的装束をして街をした詩人のことなど思い浮かべては歩いていた。汚れた手拭の上へ載せてみたりマントの上へあてがってみたりして色の反映をったり、またこんなことを思ったり、
――つまりはこの重さなんだな。――
その重さこそづね尋ねあぐんでいたもので、疑いもなくこの重さはすべての善いものすべての美しいものを重量に換算して来た重さであるとか、思いあがったからそんな馬鹿げたことを考えてみたり――なにがさて私は幸福だったのだ。
どこをどう歩いたのだろう、私が最後に立ったのは丸善の前だった。平常あんなに避けていた丸善がその時の私にはやすやすと入れるように思えた。
「今日はつ入ってみてやろう」そして私はずかずか入って行った。
しかしどうしたことだろう、私の心を充たしていた幸福な感情はだんだん逃げていった。香水の壜にもにも私の心はのしかかってはゆかなかった。憂鬱が立てめて来る、私は歩き廻った疲労が出て来たのだと思った。私は画本の棚の前へ行ってみた。画集の重たいのを取り出すのさえ常に増して力が要るな! と思った。しかし私は一冊ずつ抜き出してはみる、そして開けてはみるのだが、克明にはぐってゆく気持はさらに湧いて来ない。しかも呪われたことにはまた次の一冊を引き出して来る。それも同じことだ。それでいて一度バラバラとやってみなくては気が済まないのだ。それ以上はらなくなってそこへ置いてしまう。以前の位置へ戻すことさえできない。私は幾度もそれを繰り返した。とうとうおしまいには日頃から大好きだったアングルのの重い本までなおいっそうのえがたさのために置いてしまった。――なんという呪われたことだ。手の筋肉に疲労が残っている。私は憂鬱になってしまって、自分が抜いたまま積み重ねた本の群を眺めていた。
以前にはあんなに私をひきつけた画本がどうしたことだろう。一枚一枚に眼をし終わって後、さてあまりに尋常な周囲を見廻すときのあの変にそぐわない気持を、私は以前には好んで味わっていたものであった。……
「あ、そうだそうだ」その時私はの中のを憶い出した。本の色彩をゴチャゴチャに積みあげて、一度この<mark class="hl">檸檬</mark>で試してみたら。「そうだ」
私にまた先ほどの軽やかな昂奮が帰って来た。私は手当たり次第に積みあげ、またしく潰し、また慌しく築きあげた。新しく引き抜いてつけ加えたり、取り去ったりした。奇怪な幻想的な城が、そのたびに赤くなったり青くなったりした。
やっとそれはでき上がった。そして軽く跳りあがる心を制しながら、その城壁の頂きに恐る恐るを据えつけた。そしてそれは上出来だった。
見わたすと、その<mark class="hl">檸檬</mark>の色彩はガチャガチャした色の階調をひっそりと紡錘形の身体の中へ吸収してしまって、カーンと冴えかえっていた。私はっぽい丸善の中の空気が、その<mark class="hl">檸檬</mark>の周囲だけ変に緊張しているような気がした。私はしばらくそれを眺めていた。
不意に第二のアイディアが起こった。その奇妙なたくらみはむしろ私をぎょっとさせた。
――それをそのままにしておいて私は、なにわぬ顔をして外へ出る。――
私は変にくすぐったい気持がした。「出て行こうかなあ。そうだ出て行こう」そして私はすたすた出て行った。
変にくすぐったい気持が街の上の私をませた。丸善の棚へ黄金色に輝く恐ろしい爆弾を仕掛けて来た奇怪な悪漢が私で、もう十分後にはあの丸善が美術の棚を中心として大爆発をするのだったらどんなにおもしろいだろう。
私はこの想像を熱心に追求した。「そうしたらあの気詰まりな丸善もみじんだろう」
そして私は活動写真の看板画が奇体な趣きで街をっている京極を下って行った。
</pre>
</div>
<div class="pane ext-body">
<input type="text" class="input-search" disabled>
</div>
<ul class="ext-tabs">
<li class="opened"><img src="./img/book.svg" alt=""></li>
<li><img src="./img/list.svg" alt=""></li>
<li><img src="./img/warning.svg" alt=""></li>
</ul>
</div>
<div class="footer">
<div></div>
<div>4834文字</div>
<div>32行</div>
<div>14.1キロバイト</div>
</div>
</div>
<header class="page-header t-center">
<div class="header-inner">
<p class="lead">小説に、革命を。<br>
小説のためのテキストエディタ、<p>
<h1><img src="./img/logo.svg" alt="WriterLighter" class="logo"></h1>
<a class="btn btn-goast" href="#download">ダウンロード</a>
<p>
<iframe src="https://www.facebook.com/plugins/follow.php?href=https%3A%2F%2Fwww.facebook.com%2Fwriterlighter&width=63&height=65&layout=button&size=small&show_faces=true&appId" width="100" height="21" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
<a href="https://twitter.com/_writerlighter" class="twitter-follow-button" data-show-count="false">Follow @_writerlighter</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</p>
</div>
</header>
<section class="full-viewport">
<div class="page vertical left" data-demo="editor">
<h3>小説のためのテキストエディタ</h3>
<p>WriterLighterは文書作成ソフトではありません。テキストエディタです。小説を書くことを全面サポートし、余計な機能は徹底的に削りました。</p>
<p>
素晴らしい機能には、
<ul>
<li>縦書き機能をデフォルトでサポート</li>
<li>正規表現が使えるなど強力な検索機能</li>
<li>文字以外の要素を視界から消す超集中モード</li>
</ul>
があります。
</p>
</div>
</section>
<section class="full-viewport">
<div class="page vertical right" data-demo="custom">
<h3>貴方好みのWriterLighterに。</h3>
<p>WriterLighterはHTML、CSS、JavaScriptといったWebの技術を使ってフォントやレイアウトなどすべてがカスタマイズように作られています。</p>
<p>直接ファイルを触るだけでなく、開発者が用意したテーマや拡張機能などを利用することでより簡単に「あなたのWriterLighter」にすることができます。</p>
<p>ドキュメントは近日公開予定</p>
</div>
</section>
<section class="full-viewport">
<div class="page vertical left">
<h3>どこまでもフリー</h3>
<p>WriterLighterはMITライセンス下で配布されているオープンソースソフトウェアです。</p>
<p>無料で使用することができ、必要に応じてソースコードを閲覧しWriterLighterを改善することができます。</p>
</div>
</section>
<footer class="t-center">
<h3>クレジット</h3>
<dl>
<dt><a href="https://github.com/ygkn">@ygkn</a></dt>
<dd>
プロジェクトリーダー / プログラム
</dd>
<dt><a href="https://github.com/Happa8">@Happa8</a></dt>
<dd>
デザイン / プログラム
</dd>
<dt><a href="https://github.com/KawakawaRitsuki">@KawakawaRitsuki</a></dt>
<dd>
プログラム(NML)
</dd>
<dt><a href="https://github.com/geekgaku">@geekgaku</a></dt>
<dd>
ネーミング / アイデア
</dd>
</dl>
</footer>
<a class="modal-overray" href="#"></a>
<script src="./js/script.js"></script>
</body>
</html>