- 
'o ccafè
-the coffee
+'o ccafè
+42.the coffee
- 
e ddoie zetelle
-the spinsters
+e ddoie zetelle
+66.the spinsters
- 
'a sposa
-the bride
+'a sposa
+63.the bride
- 
'a mamma
-the mother
+'a mamma
+52.the mother
- 
'a chiesa
-the church
+'a chiesa
+84.the church
- 
sott'e ncoppa
-the upside down
+sott'e ncoppa
+69.the upside down
l'aucelluzz
-the bird
+35.the bird
- 
'e zzizze
-the breasts
+'e zzizze
+28.the breasts
- 
'o chianto
-the crying
+'o chianto
+65.the crying
- 
'a tavula mbandita
-the set table
+'a tavula mbandita
+82.the set table
- 
se lamenta
-the lament
+se lamenta
+60.the lament
- 
ll'aneme o priatorio
-purgatory's souls
+ll'aneme o priatorio
+85.purgatory's souls
- 
'o muorto che pparla
-the talking dead
+'o muorto che pparla
+48.the talking dead
- 
'a zuppa cotta
-the warm soup
+'a zuppa cotta
+68.the warm soup
- 
'e riavule
-the devils
+'e riavule
+77.the devils
- 
'o maletiempo
-the storm
+'o maletiempo
+83.the storm
natale
-christmas
+25.christmas
'o sangue
-blood
+18.blood
'a resata
-laughter
+19.laughter
- 
'a donna o' barcone
-the gossiping woman
+'a donna o' barcone
+43.the gossiping woman
- 
diff --git a/ogcardeck/images/18.bloos.png b/ogcardeck/images/18.blood.png
similarity index 100%
rename from ogcardeck/images/18.bloos.png
rename to ogcardeck/images/18.blood.png
diff --git a/poster-visuals/DONEINSTA.jpeg b/poster-visuals/DONEINSTA.jpeg
new file mode 100644
index 0000000..51f0788
Binary files /dev/null and b/poster-visuals/DONEINSTA.jpeg differ
diff --git a/poster-visuals/PNFIMAGENo1.jpeg b/poster-visuals/PNFIMAGENo1.jpeg
new file mode 100644
index 0000000..3370f8f
Binary files /dev/null and b/poster-visuals/PNFIMAGENo1.jpeg differ
diff --git a/poster-visuals/PNFImageNo2.jpeg b/poster-visuals/PNFImageNo2.jpeg
new file mode 100644
index 0000000..8729ff9
Binary files /dev/null and b/poster-visuals/PNFImageNo2.jpeg differ
diff --git a/poster-visuals/last1bw.jpeg b/poster-visuals/last1bw.jpeg
new file mode 100644
index 0000000..5ff63d0
Binary files /dev/null and b/poster-visuals/last1bw.jpeg differ
diff --git a/poster-visuals/posternofadeeeee.jpeg b/poster-visuals/posternofadeeeee.jpeg
new file mode 100644
index 0000000..25351fb
Binary files /dev/null and b/poster-visuals/posternofadeeeee.jpeg differ
diff --git a/poster-visuals/websitebackdrop.jpeg b/poster-visuals/websitebackdrop.jpeg
new file mode 100644
index 0000000..d722acd
Binary files /dev/null and b/poster-visuals/websitebackdrop.jpeg differ
diff --git a/web/fonts/Bradley.ttf b/web/fonts/Bradley.ttf
new file mode 100644
index 0000000..93fe6db
Binary files /dev/null and b/web/fonts/Bradley.ttf differ
diff --git a/web/index.html b/web/index.html
index cdb0b2e..d134ce8 100644
--- a/web/index.html
+++ b/web/index.html
@@ -1,25 +1,16 @@
+
+
-
+
+
+
+'o vino
-the good wine
+'o vino
+45.the good wine
XPUB & PNF present:
CONSOLE
+Special Issue XX Launch
Page Not Found, Den Haag
19:00-21:00
@@ -39,4 +30,19 @@ Are you ready to play?
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/web/style.css b/web/style.css
index c4fafcf..4deb55f 100644
--- a/web/style.css
+++ b/web/style.css
@@ -1,21 +1,205 @@
::root{
}
-body{
- font-family: Times;
+body
+ font-family: Bradley;
+ src: url(/web/fonts/'Bradley.ttf') format('ttf');
text-align:center;
- /* background-color: #000; */
- /* color: #ccc; */
+ background-color: #000;
+ color: #ccc
max-width: 30rem;
margin: 2rem auto;
line-height: 1.3;
letter-spacing: 0.1px;
- color: #53018e
}
img{
max-width: 100%;
}
::selection{
-background-color: #53018e;
+background-color: #000;
color: #ccc;
-}
\ No newline at end of file
+}
+
+html, body {
+ margin: 0;
+ padding: 0;
+}
+body {
+ background: #000;
+ background: rgba(0, 0, 0, 1);
+ overflow-x: hidden;
+}
+
+/* -------------------- Fog --------------------- */
+.fog{
+display: fixed;
+top: 0px;
+left: 0px;
+width: 100vw;
+height: 100vh;
+z-index: -2;
+}
+.fogwrapper {
+ height: 100%;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ -webkit-filter: blur(1px) grayscale(0.2) saturate(1.2) sepia(0.2);
+ filter: blur(1px) grayscale(0.2) saturate(0.2) sepia(0.2);
+}
+#foglayer_01, #foglayer_02, #foglayer_03 {
+ height: 100%;
+ position: absolute;
+ width: 200%;
+}
+#foglayer_01 .image01, #foglayer_01 .image02,
+#foglayer_02 .image01, #foglayer_02 .image02,
+#foglayer_03 .image01, #foglayer_03 .image02 {
+ float: left;
+ height: 100%;
+ width: 50%;
+}
+#foglayer_01 {
+ -webkit-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
+ -moz-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
+ animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
+}
+#foglayer_02, #foglayer_03 {
+ -webkit-animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
+ -moz-animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
+ animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
+}
+
+/* ---------- Moving Fog ---------- */
+/*
+ 'size: cover' || 'size: 100%'; results remain the same
+ 'attachment: scroll' can be added or removed; results remain the same
+ 'attachment: fixed' causing unexpected results in Chrome
+ 'repeat-x' || 'no-repeat'; results remain the same
+*/
+#foglayer_01 .image01, #foglayer_01 .image02 {
+ background: url("https://raw.githubusercontent.com/danielstuart14/CSS_FOG_ANIMATION/master/fog1.png") center center/cover no-repeat transparent;
+}
+#foglayer_02 .image01, #foglayer_02 .image02,
+#foglayer_03 .image01, #foglayer_03 .image02{
+ background: url("https://raw.githubusercontent.com/danielstuart14/CSS_FOG_ANIMATION/master/fog2.png") center center/cover no-repeat transparent;
+}
+
+/* ---------- Keyframe Layer 1 ---------- */
+@-webkit-keyframes foglayer_01_opacity {
+ 0% { opacity: .1; }
+ 22% { opacity: .5; }
+ 40% { opacity: .28; }
+ 58% { opacity: .4; }
+ 80% { opacity: .16; }
+ 100% { opacity: .1; }
+}
+@-moz-keyframes foglayer_01_opacity {
+ 0% { opacity: .1; }
+ 22% { opacity: .5; }
+ 40% { opacity: .28; }
+ 58% { opacity: .4; }
+ 80% { opacity: .16; }
+ 100% { opacity: .1; }
+}
+@-o-keyframes foglayer_01_opacity {
+ 0% { opacity: .1; }
+ 22% { opacity: .5; }
+ 40% { opacity: .28; }
+ 58% { opacity: .4; }
+ 80% { opacity: .16; }
+ 100% { opacity: .1; }
+}
+@keyframes foglayer_01_opacity {
+ 0% { opacity: .1; }
+ 22% { opacity: .5; }
+ 40% { opacity: .28; }
+ 58% { opacity: .4; }
+ 80% { opacity: .16; }
+ 100% { opacity: .1; }
+}
+/* ---------- Keyframe Layer 2 ---------- */
+@-webkit-keyframes foglayer_02_opacity {
+ 0% { opacity: .5; }
+ 25% { opacity: .2; }
+ 50% { opacity: .1; }
+ 80% { opacity: .3; }
+ 100% { opacity: .5; }
+}
+@-moz-keyframes foglayer_02_opacity {
+ 0% { opacity: .5; }
+ 25% { opacity: .2; }
+ 50% { opacity: .1; }
+ 80% { opacity: .3; }
+ 100% { opacity: .5; }
+}
+@-o-keyframes foglayer_02_opacity {
+ 0% { opacity: .5; }
+ 25% { opacity: .2; }
+ 50% { opacity: .1; }
+ 80% { opacity: .3; }
+ 100% { opacity: .5; }
+}
+@keyframes foglayer_02_opacity {
+ 0% { opacity: .5; }
+ 25% { opacity: .2; }
+ 50% { opacity: .1; }
+ 80% { opacity: .3; }
+ 100% { opacity: .5; }
+}
+/* ---------- Keyframe Layer 3 ---------- */
+@-webkit-keyframes foglayer_03_opacity {
+ 0% { opacity: .8 }
+ 27% { opacity: .2; }
+ 52% { opacity: .6; }
+ 68% { opacity: .3; }
+ 100% { opacity: .8; }
+}
+@-moz-keyframes foglayer_03_opacity {
+ 0% { opacity: .8 }
+ 27% { opacity: .2; }
+ 52% { opacity: .6; }
+ 68% { opacity: .3; }
+ 100% { opacity: .8; }
+}
+@-o-keyframes foglayer_03_opacity {
+ 0% { opacity: .8 }
+ 27% { opacity: .2; }
+ 52% { opacity: .6; }
+ 68% { opacity: .3; }
+ 100% { opacity: .8; }
+}
+@keyframes foglayer_03_opacity {
+ 0% { opacity: .8; }
+ 27% { opacity: .2; }
+ 52% { opacity: .6; }
+ 68% { opacity: .3; }
+ 100% { opacity: .8; }
+}
+/* ---------- Keyframe moveMe ---------- */
+@-webkit-keyframes foglayer_moveme {
+ 0% { left: 0; }
+ 100% { left: -100%; }
+}
+@-moz-keyframes foglayer_moveme {
+ 0% { left: 0; }
+ 100% { left: -100%; }
+}
+@-o-keyframes foglayer_moveme {
+ 0% { left: 0; }
+ 100% { left: -100%; }
+}
+@keyframes foglayer_moveme {
+ 0% { left: 0; }
+ 100% { left: -100%; }
+}
+
+@media only screen
+ and (min-width: 280px)
+ and (max-width: 767px) {
+ #foglayer_01 .image01, #foglayer_01 .image02,
+ #foglayer_02 .image01, #foglayer_02 .image02,
+ #foglayer_03 .image01, #foglayer_03 .image02 {
+ width: 100%;
+ }
+ }
\ No newline at end of file