diff options
-rw-r--r-- | compile.sh | 13 | ||||
-rw-r--r-- | css/_common.css | 19 | ||||
-rw-r--r-- | js/lozenge.js | 129 |
3 files changed, 31 insertions, 130 deletions
diff --git a/compile.sh b/compile.sh index cca4938..7e48f6e 100644 --- a/compile.sh +++ b/compile.sh | |||
@@ -14,7 +14,18 @@ for file in src/*.txt; do # TODO: change this to work with globs & args & stuff | |||
14 | ((num += 1)) | 14 | ((num += 1)) |
15 | done | 15 | done |
16 | 16 | ||
17 | echo | ||
17 | echo "Moving files to build directory ..." | 18 | echo "Moving files to build directory ..." |
18 | mv src/*.html ./ | 19 | mv src/*.html ./ |
19 | echo | ||
20 | echo "Finished compiling $num files." | 20 | echo "Finished compiling $num files." |
21 | ############################################### | ||
22 | echo | ||
23 | echo "Updating js/lozenge.js with file list ..." | ||
24 | |||
25 | lozengeList=( $(ls *.html | grep -v '\(_template\|loremipsum\|ipsumlorem\)') ) | ||
26 | |||
27 | list=$(sed -e 's/\S\+\.html/"&",/g' -e 's/,$//' -e 's/^.*$/var files=[&]/' <<< "${lozengeList[@]}") | ||
28 | |||
29 | sed -i "s/var files=.*/$list/" js/lozenge.js | ||
30 | |||
31 | echo "Finished." | ||
diff --git a/css/_common.css b/css/_common.css index d7abae2..1984d9f 100644 --- a/css/_common.css +++ b/css/_common.css | |||
@@ -60,7 +60,8 @@ header { | |||
60 | h1.title { | 60 | h1.title { |
61 | font-family: Playfair, serif; | 61 | font-family: Playfair, serif; |
62 | font-size: 16pt; | 62 | font-size: 16pt; |
63 | font-weight: bold; | 63 | /* font-weight: bold; */ |
64 | font-weight: 400; | ||
64 | letter-spacing: 0.1em; | 65 | letter-spacing: 0.1em; |
65 | text-transform: uppercase; | 66 | text-transform: uppercase; |
66 | } | 67 | } |
@@ -68,6 +69,7 @@ h1.subtitle { | |||
68 | font-family: Playfair, serif; | 69 | font-family: Playfair, serif; |
69 | font-size: 15pt; | 70 | font-size: 15pt; |
70 | font-style: italic; | 71 | font-style: italic; |
72 | font-weight: 400; | ||
71 | position: relative; | 73 | position: relative; |
72 | top: -0.5em; | 74 | top: -0.5em; |
73 | } | 75 | } |
@@ -115,10 +117,23 @@ nav { | |||
115 | left: 0; | 117 | left: 0; |
116 | text-align: center; | 118 | text-align: center; |
117 | } | 119 | } |
120 | nav .prevlink { | ||
121 | float: left; | ||
122 | margin: 0 0.5em; | ||
123 | } | ||
124 | nav .nextlink { | ||
125 | float: right; | ||
126 | margin: 0 0.5em; | ||
127 | } | ||
118 | nav .prevlink:before { | 128 | nav .prevlink:before { |
119 | content: '« ' | 129 | content: ' «' |
120 | } | 130 | } |
121 | nav .nextlink:after { | 131 | nav .nextlink:after { |
122 | content: ' »' | 132 | content: ' »' |
123 | } | 133 | } |
134 | #lozenge { | ||
135 | position: absolute; | ||
136 | left: 50%; | ||
137 | text-decoration: none; | ||
138 | } | ||
124 | /* }}} */ | 139 | /* }}} */ |
diff --git a/js/lozenge.js b/js/lozenge.js index 0ba91e0..ab978da 100644 --- a/js/lozenge.js +++ b/js/lozenge.js | |||
@@ -7,133 +7,8 @@ | |||
7 | function lozenge() { | 7 | function lozenge() { |
8 | var lozenge = document.getElementById('lozenge'); | 8 | var lozenge = document.getElementById('lozenge'); |
9 | // array with all files {{{ | 9 | // array with all files {{{ |
10 | var files = [ | 10 | var files=["100-lines.html", "about-the-author.html", "amber-alert.html", "and.html", "angeltoabraham.html", "apollo11.html", "arspoetica.html", "art.html", "axe.html", "big-dipper.html", "boar.html", "boy_bus.html", "building.html", "call-me-aural-pleasure.html", "cereal.html", "cold-wind.html", "creation-myth.html", "deadman.html", "death-zone.html", "deathstrumpet.html", "dream.html", "early.html", "elegyforanalternateself.html", "epigraph.html", "ex-machina.html", "exasperated.html", "father.html", "feedingtheraven.html", "finding-the-lion.html", "fire.html", "found-typewriter-poem.html", "hands.html", "hard-game.html", "hardware.html", "howithappened.html", "howtoread.html", "hymnal.html", "i-am.html", "i-think-its-you.html", "i-wanted-to-tell-you-something.html", "in-bed.html", "index.html", "initial-conditions.html", "january.html", "joke.html", "lappel-du-vide.html", "largest-asteroid.html", "last-bastion.html", "last-passenger.html", "leaf.html", "leg.html", "likingthings.html", "listen.html", "love-as-god.html", "lovesong.html", "man.html", "moon-drowning.html", "moongone.html", "mountain.html", "movingsideways.html", "music-433.html", "no-nothing.html", "notes.html", "nothing-is-ever-over.html", "onformalpoetry.html", "options.html", "ouroboros_memory.html", "paul.html", "philosophy.html", "phone.html", "planks.html", "plant.html", "poetry-time.html", "prelude.html", "problems.html", "proverbs.html", "punch.html", "purpose-dogs.html", "question.html", "real-writer.html", "reports.html", "riptide_memory.html", "ronaldmcdonald.html", "roughgloves.html", "sapling.html", "seasonal-affective-disorder.html", "sense-of-it.html", "serengeti.html", "shed.html", "shipwright.html", "sixteenth-chapel.html", "snow.html", "something-simple.html", "spittle.html", "squirrel.html", "stagnant.html", "statements-frag.html", "stayed-on-the-bus.html", "stump.html", "swansong-alt.html", "swansong.html", "swear.html", "table_contents.html", "tapestry.html", "telemarketer.html", "the-night-we-met.html", "the-sea_the-beach.html", "theoceanoverflowswithcamels.html", "time-looks-up-to-the-sky.html", "todaniel.html", "toilet.html", "toothpaste.html", "treatise.html", "underwear.html", "wallpaper.html", "weplayedthosegamestoo.html", "when-im-sorry-i.html", "window.html", "words-meaning.html", "worse-looking-over.html", "writing.html", "x-ray.html", "yellow.html"] |
11 | '100-lines.html', | 11 | // }}} |
12 | 'about-the-author.html', | ||
13 | 'amber-alert.html', | ||
14 | 'and.html', | ||
15 | 'angeltoabraham.html', | ||
16 | 'apollo11.html', | ||
17 | 'arspoetica.html', | ||
18 | 'art.html', | ||
19 | 'axe.html', | ||
20 | 'big-dipper.html', | ||
21 | 'boar.html', | ||
22 | 'boy_bus.html', | ||
23 | 'building.html', | ||
24 | 'call-me-aural-pleasure.html', | ||
25 | 'cereal.html', | ||
26 | 'cold-wind.html', | ||
27 | 'creation-myth.html', | ||
28 | 'deadman.html', | ||
29 | 'death-zone.html', | ||
30 | 'deathstrumpet.html', | ||
31 | 'dream.html', | ||
32 | 'early.html', | ||
33 | 'elegyforanalternateself.html', | ||
34 | 'epigraph.html', | ||
35 | 'ex-machina.html', | ||
36 | 'exasperated.html', | ||
37 | 'father.html', | ||
38 | 'feedingtheraven.html', | ||
39 | 'finding-the-lion.html', | ||
40 | 'fire.html', | ||
41 | 'found-typewriter-poem.html', | ||
42 | 'hands.html', | ||
43 | 'hard-game.html', | ||
44 | 'hardware.html', | ||
45 | 'howithappened.html', | ||
46 | 'howtoread.html', | ||
47 | 'hymnal.html', | ||
48 | 'i-am.html', | ||
49 | 'i-think-its-you.html', | ||
50 | 'i-wanted-to-tell-you-something.html', | ||
51 | 'in-bed.html', | ||
52 | 'index.html', | ||
53 | 'initial-conditions.html', | ||
54 | 'ipsumlorem.html', | ||
55 | 'january.html', | ||
56 | 'joke.html', | ||
57 | 'lappel-du-vide.html', | ||
58 | 'largest-asteroid.html', | ||
59 | 'last-bastion.html', | ||
60 | 'last-passenger.html', | ||
61 | 'leaf.html', | ||
62 | 'leg.html', | ||
63 | 'likingthings.html', | ||
64 | 'listen.html', | ||
65 | 'loremipsum.html', | ||
66 | 'love-as-god.html', | ||
67 | 'lovesong.html', | ||
68 | 'man.html', | ||
69 | 'moon-drowning.html', | ||
70 | 'moongone.html', | ||
71 | 'mountain.html', | ||
72 | 'movingsideways.html', | ||
73 | 'music-433.html', | ||
74 | 'no-nothing.html', | ||
75 | 'notes.html', | ||
76 | 'nothing-is-ever-over.html', | ||
77 | 'onformalpoetry.html', | ||
78 | 'options.html', | ||
79 | 'ouroboros_memory.html', | ||
80 | 'paul.html', | ||
81 | 'philosophy.html', | ||
82 | 'phone.html', | ||
83 | 'planks.html', | ||
84 | 'plant.html', | ||
85 | 'poetry-time.html', | ||
86 | 'prelude.html', | ||
87 | 'problems.html', | ||
88 | 'proverbs.html', | ||
89 | 'punch.html', | ||
90 | 'purpose-dogs.html', | ||
91 | 'question.html', | ||
92 | 'real-writer.html', | ||
93 | 'reports.html', | ||
94 | 'riptide_memory.html', | ||
95 | 'ronaldmcdonald.html', | ||
96 | 'roughgloves.html', | ||
97 | 'sapling.html', | ||
98 | 'seasonal-affective-disorder.html', | ||
99 | 'sense-of-it.html', | ||
100 | 'serengeti.html', | ||
101 | 'shed.html', | ||
102 | 'shipwright.html', | ||
103 | 'sixteenth-chapel.html', | ||
104 | 'snow.html', | ||
105 | 'something-simple.html', | ||
106 | 'spittle.html', | ||
107 | 'squirrel.html', | ||
108 | 'stagnant.html', | ||
109 | 'statements-frag.html', | ||
110 | 'stayed-on-the-bus.html', | ||
111 | 'stump.html', | ||
112 | 'swansong-alt.html', | ||
113 | 'swansong.html', | ||
114 | 'swear.html', | ||
115 | 'table_contents.html', | ||
116 | 'tapestry.html', | ||
117 | 'telemarketer.html', | ||
118 | 'the-night-we-met.html', | ||
119 | 'the-sea_the-beach.html', | ||
120 | 'theoceanoverflowswithcamels.html', | ||
121 | 'time-looks-up-to-the-sky.html', | ||
122 | 'todaniel.html', | ||
123 | 'toilet.html', | ||
124 | 'toothpaste.html', | ||
125 | 'treatise.html', | ||
126 | 'underwear.html', | ||
127 | 'wallpaper.html', | ||
128 | 'weplayedthosegamestoo.html', | ||
129 | 'when-im-sorry-i.html', | ||
130 | 'window.html', | ||
131 | 'words-meaning.html', | ||
132 | 'worse-looking-over.html', | ||
133 | 'writing.html', | ||
134 | 'x-ray.html', | ||
135 | 'yellow.html', | ||
136 | ] // }}} | ||
137 | 12 | ||
138 | var index = Math.floor(Math.random() * files.length); | 13 | var index = Math.floor(Math.random() * files.length); |
139 | 14 | ||