~singpolyma/post-part

e82331bbae388bf241964ef0280b4a360fb4f9d1 — Stephen Paul Weber 3 years ago 309a695
Move interactive site to /interactive/ to make way for new homepage
5 files changed, 24 insertions(+), 24 deletions(-)

M Makefile
R Main.purs => interactive/Interactive.purs
R index.scss => interactive/index.scss
R index.slim => interactive/index.slim
M spago.dhall
M Makefile => Makefile +9 -9
@@ 1,18 1,18 @@
.PHONY: all entr

all: index.html index.css index.js
all: interactive/index.html interactive/index.css interactive/index.js

entr:
	( ls *.slim *.scss *.purs *.dhall; find assets/ ) | entr make
	( find -name '*.slim' -o -name '*.scss' -o -name '*.purs' -o -name '*.dhall'; find assets/ ) | entr make

index.html: index.slim assets/paras.txt assets/audio/transcripts.txt
	/usr/share/doc/ruby-slim/examples/slimrb -p index.slim > $@
interactive/index.html: interactive/index.slim assets/paras.txt assets/audio/transcripts.txt
	/usr/share/doc/ruby-slim/examples/slimrb -p interactive/index.slim > $@

index.css: index.scss _font-face.scss
	sassc -Mt expanded index.scss $@
interactive/index.css: interactive/index.scss _font-face.scss
	sassc -Mt expanded interactive/index.scss $@

index.js: Main.purs packages.dhall spago.dhall
	spago bundle-app -u-c --main Main --to index.js
interactive/index.js: interactive/Interactive.purs packages.dhall spago.dhall
	spago bundle-app -u-c --main Interactive --to interactive/index.js

clean:
	$(RM) -r index.html index.css index.js output/
	$(RM) -r interactive/index.html interactive/index.css interactive/index.js output/

R Main.purs => interactive/Interactive.purs +1 -1
@@ 13,7 13,7 @@
-- CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN
-- CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

module Main where
module Interactive where

import Prelude
import Effect

R index.scss => interactive/index.scss +13 -13
@@ 15,10 15,10 @@
* CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
*/

@import "font-face";
@import "../font-face";

@include font-face(cardo, assets/fonts/cardo-v12-latin-regular);
@include font-face(druk, "assets/fonts/Druk Wide Web Medium Regular", null, null, woff2 woff ttf otf);
@include font-face(cardo, "../assets/fonts/cardo-v12-latin-regular");
@include font-face(druk, "../assets/fonts/Druk Wide Web Medium Regular", null, null, woff2 woff ttf otf);

$bg: black;
$fg: #fff9e4;


@@ 78,7 78,7 @@ body > hgroup {
		width: 100%;
		height: 50vh;
		margin-top: 20vh;
		background: url(assets/img/POST-PART-TITLE.png) no-repeat center;
		background: url(../assets/img/POST-PART-TITLE.png) no-repeat center;
		background-size: contain;
		color: rgba(0, 0, 0, 0);
	}


@@ 113,7 113,7 @@ body > p {
	&:nth-of-type(1) {
		font-family: druk, sans-serif;
		font-size: 1.75em;
		background: url(assets/img/BREAST-PATTERN.png) no-repeat center top;
		background: url(../assets/img/BREAST-PATTERN.png) no-repeat center top;
		background-size: contain;
		padding-top: 25%;
		margin-bottom: 17em;


@@ 136,7 136,7 @@ body > p {

			&:before {
				display: block;
				background: url(assets/img/WOMAN-OVAL.png) no-repeat top;
				background: url(../assets/img/WOMAN-OVAL.png) no-repeat top;
				background-size: contain;
				height: #{$column-width/2};
				width: 10vw;


@@ 150,7 150,7 @@ body > p {

			&:after {
				display: block;
				background: url(assets/img/WOMAN-OVAL.png) no-repeat center;
				background: url(../assets/img/WOMAN-OVAL.png) no-repeat center;
				background-size: contain;
				height: #{$column-width/3};
				width: 10vw;


@@ 163,7 163,7 @@ body > p {
	}

	&:nth-of-type(3) {
		background: url(assets/img/DETAIL-HAIR.png) no-repeat center top;
		background: url(../assets/img/DETAIL-HAIR.png) no-repeat center top;
		background-size: 30%;
		padding-top: 45%;
		margin-top: 30vh;


@@ 171,7 171,7 @@ body > p {
	}

	&:nth-of-type(5) {
		background: url(assets/img/WOMAN-MIRRORED.png) no-repeat center top;
		background: url(../assets/img/WOMAN-MIRRORED.png) no-repeat center top;
		background-size: 60%;
		padding-top: 50%;
		margin-top: 20vh;


@@ 180,7 180,7 @@ body > p {
	}

	&:nth-of-type(6) {
		background: url(assets/img/DETAIL-LEGS.png) no-repeat center top;
		background: url(../assets/img/DETAIL-LEGS.png) no-repeat center top;
		background-size: 50%;
		padding-top: 30%;
		margin-top: 30vh;


@@ 232,7 232,7 @@ body > small {
		font-size: 1.25em;
		max-width: $column-width;
		margin: 1em auto;
		background: url(assets/img/DETAIL-WOMB.png) no-repeat center top;
		background: url(../assets/img/DETAIL-WOMB.png) no-repeat center top;
		background-size: 30%;
		padding-top: 23%;
		margin-top: 10vh;


@@ 242,7 242,7 @@ body > small {

#wallpaper {
	position: relative;
	background: url(assets/img/BROCADE.png);
	background: url(../assets/img/BROCADE.png);
	background-size: 50%;
	img {
		pointer-events: none;


@@ 331,7 331,7 @@ body > small {

	&:before {
		display: block;
		background: url(assets/img/WOMAN-ARMS.png) no-repeat center;
		background: url(../assets/img/WOMAN-ARMS.png) no-repeat center;
		background-size: contain;
		width: 16vw;
		height: 40vw;

R index.slim => interactive/index.slim +0 -0
M spago.dhall => spago.dhall +1 -1
@@ 1,5 1,5 @@
{ name = "post-part",
  dependencies = ["debug" , "partial" , "prelude" , "web-dom" , "web-events" , "web-html" , "web-html", "js-timers", "aff"],
  packages = ./packages.dhall,
  sources = [ "*.purs", "Web/**/*.purs" ]
  sources = [ "**/*.purs" ]
}