~singpolyma/post-part

a679f4da0a674ef2e229160c41ef870c08b31de5 — Stephen Paul Weber 3 years ago f71ac1c
add video and other window tweaks
1 files changed, 67 insertions(+), 45 deletions(-)

M window.slim
M window.slim => window.slim +67 -45
@@ 23,7 23,7 @@ html
		script type="text/javascript" src="../../window.js"
		base target="_blank"
		scss:
			#bgmusic {
			audio#bgmusic {
				display: none;
				position: fixed;
				bottom: 0;


@@ 31,6 31,10 @@ html
				width: 100%;
				z-index: 1000;
			}
			video {
				margin: 1em auto;
				max-width: 100%;
			}
			details {
				p { margin: 1em auto; }
				summary {


@@ 67,52 71,64 @@ html
			h2= "Welcome to Post-Part Site #{num}"
			h2= location

		audio#bgmusic controls="controls" autoplay="autoplay" loop="loop"
			source src="../../assets/audio/window#{num}.opus" type="audio/ogg; codecs=opus"
			source src="../../assets/audio/window#{num}.mp3" type="audio/mpeg"
			a href="../../assets/audio/window#{num}.opus" background music
		p
			' Click to activate audio
			br
			' Audio includes first hand account of Perinatal Mental Health experiences.

		#slideshow
			img src="../../assets/img/window#{num}Slide1.jpg" alt="Wallpaper top"
			img src="../../assets/img/window#{num}Slide2.jpg" alt="Wallpaper underneath"
			small
				' photography by
				a href="http://www.melaniegordon.com" Melanie Gordon

			details
				summary Read audio testimonies in full
				== Tilt['md'].new { open("assets/window#{num}Transcript.md").read }.render
		- if num == "Four"
			video#bgmusic controls="controls" autoplay="autoplay" poster="../../assets/img/play.svg"
				source src="../../assets/video/cuttingpaper.webm" type="video/webm"
				source src="../../assets/video/cuttingpaper.mp4" type="video/mp4"
				a href="../../assets/video/cuttingpaper.webm" cutting paper video
		- else
			audio#bgmusic controls="controls" autoplay="autoplay" loop="loop"
				source src="../../assets/audio/window#{num}.opus" type="audio/ogg; codecs=opus"
				source src="../../assets/audio/window#{num}.mp3" type="audio/mpeg"
				a href="../../assets/audio/window#{num}.opus" background music
			p
				' Click to activate audio
				br
				' Audio includes first hand account of Perinatal Mental Health experiences.

			#slideshow
				img src="../../assets/img/window#{num}Slide1.jpg" alt="Wallpaper top"
				img src="../../assets/img/window#{num}Slide2.jpg" alt="Wallpaper underneath"
				small
					' photography by
					a href="http://www.melaniegordon.com" Melanie Gordon

				details
					summary Read audio testimonies in full
					== Tilt['md'].new { open("assets/window#{num}Transcript.md").read }.render

		section#credits
			p
				' Audio composition by:
				a href="https://14blue.com/" Adam Harendorf

			== Tilt['md'].new { open("assets/window#{num}Stat.md").read }.render

			p With deep gratitude to our story tellers for sharing their experiences:

			section
				h1 Testimonies
				ul
					li Charlotte Perkins Gilman — excerpts from The Yellow Wallpaper
					li Catherine
					li Shannon
					li Tara
					li Jennifer
					li Sandeep

			section
				h1 Voices
				ul
					li Kesta
					li Paula
					li Pazit
					li Tuku
			- if num == "Four"
				h1 CUTTING PAPER - from THE PAPER FILMS

				== Tilt['md'].new { open("assets/videoCredits.md").read }.render
				== Tilt['md'].new { open("assets/window#{num}Stat.md").read }.render
			- else
				p
					' Audio composition by:
					a href="https://14blue.com/" Adam Harendorf

				== Tilt['md'].new { open("assets/window#{num}Stat.md").read }.render

				p With deep gratitude to our story tellers for sharing their experiences:

				section
					h1 Testimonies
					ul
						li Charlotte Perkins Gilman — excerpts from The Yellow Wallpaper
						li Catherine
						li Shannon
						li Tara
						li Jennifer
						li Sandeep

				section
					h1 Voices
					ul
						li Kesta
						li Paula
						li Pazit
						li Tuku

		section#window-sponsors
			h1 Thank you to the following sponsors


@@ 168,3 184,9 @@ html

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

		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).