~singpolyma/post-part

ref: 58bdc7c30f6a56f3a0fcec628c7b6e973ea7d5ac post-part/interactive/index.slim -rw-r--r-- 3.2 KiB
58bdc7c3Stephen Paul Weber fix interactive asset paths 1 year, 10 months ago
                                                                                
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
-# Full source may be found at: https://git.singpolyma.net/post-part
-# Copyright 2020 Stephen Paul Weber <singpolyma.net>
-#
-# Permission to use, copy, modify, and/or distribute this software for any
-# purpose with or without fee is hereby granted, provided that the above
-# copyright notice and this permission notice appear in all copies.
-#
-# THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
-# WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
-# MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY
-# SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER
-# RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF
-# CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN
-# CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

- paras = File.read("assets/paras.txt").lines
- transcripts = File.read("assets/audio/transcripts.txt").lines.map { |x| x.chomp.split("/") }
doctype html
html
	head
		meta charset="utf-8"
		title Post-Part
		link type="text/css" rel="stylesheet" href="index.css"
		script type="text/javascript" src="index.js"
		base target="_blank"
	body
		a href="#wallpaper" target="_self" skip to wallpaper
		audio#bgmusic controls="controls" autoplay="autoplay" loop="loop"
			source src="../assets/audio/bg.opus" type="audio/ogg; codecs=opus"
			source src="../assets/audio/bg.mp3" type="audio/mpeg"
			a href="../assets/audio/bg.opus" background music

		hgroup
			h1 Post-Part
			h2 The Yellow Wallpaper

		p= paras[0]
		p: span= paras[1]
		p= paras[2]

		section#story
			h1 The Story
			p= paras[3]

		p= paras[4]

		p= paras[5]
		small Click to activate the wallpaper

		#wallpaper
			img src="../assets/img/WALLPAPER-HIDDEN.png" alt="Wallpaper"

			- (1..5).each do |n|
				figure
					figcaption
						h1= transcripts[n-1].shift
						p
							- transcripts[n-1].each_with_index do |t, i|
								- if t[0] == "*"
									cite= t
								- else
									- if i > 0
									  br
									= t
					audio controls="controls"
						source src="../assets/audio/#{n}.opus" type="audio/ogg; codecs=opus"
						source src="../assets/audio/#{n}.mp3" type="audio/mpeg"
						a href="../assets/audio/#{n}.opus" listen

		section#credits
			h1= paras[6]
			p= paras[7]

		p= paras[8]
		p= paras[9]
		p= paras[10]

		p.fin Thank you

		footer
			markdown:
				This website was designed by [Nat Janin](https://natjanin.com/) and
				[Catherine Mellinger](http://www.cargocollective.com/catherinemellinger),
				developed by [Stephen Paul Weber](https://git.singpolyma.net/post-part).

				Music: Frédéric Chopin, Prelude in B minor, Op 28, No. 6 —
				performed on piano by [Marketa Ornova](http://www.marketaornova.com/).
				Used with permission from artist.

				Music originally adapted for [Cutting Paper](https://vimeo.com/250175258)
				by Jennifer Dallas and Melanie Gordon.

			p= paras[11]
			p= paras[12]

			a href="https://www.instagram.com/longernin_collective/"
				img src="../assets/img/INSTAGRAM.png" alt="Instagram"

			img src="../assets/img/OAC.svg" alt="Ontario Arts Council"

			a href="https://workmanarts.com/"
				img src="../assets/img/WORKMAN_ARTS.png" alt="Workman Arts"