summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--acknowledgements28
-rw-r--r--index.js1
-rw-r--r--public/assets/css.css9
-rw-r--r--public/assets/left.pngbin0 -> 24757 bytes
-rw-r--r--public/assets/right.pngbin0 -> 24883 bytes
-rw-r--r--templates/acknowledgements.liquid44
-rw-r--r--templates/index.liquid4
7 files changed, 52 insertions, 34 deletions
diff --git a/acknowledgements b/acknowledgements
deleted file mode 100644
index 53ff9d4..0000000
--- a/acknowledgements
+++ /dev/null
@@ -1,28 +0,0 @@
-<!doctype html>
-<html>
-<head>
-<title>How to make a Folkestone.</title>
-<link href='/assets/css.css' rel='stylesheet' type='text/css'>
-</head>
-<body>
-<div id='header'>
- <center>
-
- <h1>How to make a Folkestone.</h1>
- <h2>Acknowledgements</h2>
- <h3>This project is supported entirely by the collaboration TUA x CSM</h3>
-
- During the second collaboration between the Tokyo University of Fine Arts and Music
- and Central Saint Martins of the London University of Arts, we are proud to be participating
- in a Folkestone Triennial event!
- <br>
- <br>
- For the time of installation and exhibition in Folkestone we have been assigned to
- think of the idea of Topography, and to manifest artwork that will engage the people of
- Folkestone, the visitors to the triennale, and the artists in a way that is
- relevant to our global community of Art enthusiasts.
-<br>
-<a href="http://catalinavallejos.com"><img src="https://puu.sh/xl6QS/993018a40a.png"><a>
- </center>
-</div>
-<br>
diff --git a/index.js b/index.js
index 13d3244..d707be8 100644
--- a/index.js
+++ b/index.js
@@ -64,6 +64,7 @@ var app = okcms.createApp({
views: {
'/': viewConfig,
'/entry/:id': viewConfig,
+ '/acknowledgements': { template: 'acknowledgements', data: [{type:'page',query:'*'}] },
},
services: {
diff --git a/public/assets/css.css b/public/assets/css.css
index f495e4d..d951efd 100644
--- a/public/assets/css.css
+++ b/public/assets/css.css
@@ -52,11 +52,13 @@ a {
margin: 5px;
}
-h1, h2 {
+h1, h2, h3 {
font-weight: 300;
+ display: block;
+}
+h1 span, h2 span, h3 span {
background: white;
padding: 5px;
- display: inline-block;
}
h2 {
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
@@ -100,7 +102,6 @@ h2 {
.cell {
display: block;
- cursor: pointer;
background-size: cover;
background-position: center center;
position: relative;
@@ -142,6 +143,8 @@ h2 {
padding: 20px;
line-height: 1.5;
background: white;
+ max-width: 600px;
+ margin: 0 auto;
}
.close {
position: absolute;
diff --git a/public/assets/left.png b/public/assets/left.png
new file mode 100644
index 0000000..9f475db
--- /dev/null
+++ b/public/assets/left.png
Binary files differ
diff --git a/public/assets/right.png b/public/assets/right.png
new file mode 100644
index 0000000..ee3c4a7
--- /dev/null
+++ b/public/assets/right.png
Binary files differ
diff --git a/templates/acknowledgements.liquid b/templates/acknowledgements.liquid
new file mode 100644
index 0000000..0281387
--- /dev/null
+++ b/templates/acknowledgements.liquid
@@ -0,0 +1,44 @@
+<!doctype html>
+<html>
+<head>
+<title>How to make a Folkestone.</title>
+<link href='/assets/css.css' rel='stylesheet' type='text/css'>
+</head>
+<body>
+<a href='/'><img src="/assets/header.jpg" id="header"></a>
+
+<div class='cell'>
+ <h2><span>Acknowledgements</span></h2>
+ <h3><span>This project is supported entirely by the collaboration TUA x CSM</span></h3>
+
+ <div class='content'>
+ During the second collaboration between the Tokyo University of Fine Arts and Music
+ and Central Saint Martins of the London University of Arts, we are proud to be participating
+ in a Folkestone Triennial event!
+ <br>
+ <br>
+ For the time of installation and exhibition in Folkestone we have been assigned to
+ think of the idea of Topography, and to manifest artwork that will engage the people of
+ Folkestone, the visitors to the Triennale, and the artists in a way that is
+ relevant to our global community of Art enthusiasts.
+ </div>
+ <a href="http://catalinavallejos.com" target="_blank"><img src="https://puu.sh/xl6QS/993018a40a.png" style='width: 100%;margin-top:20px;'></a>
+ </center>
+</div>
+
+<div id="footer">
+ <div id="coda">
+ <a href="/">Stories</a>
+ <a href="https://docs.google.com/forms/d/10dqrK_3UZW_xlPWQLERd0xTwVONryyicNuz2aYz3X_I/edit?c=0&w=1">Participate!</a>
+ </div>
+ <div id="logos">
+ <a target="_blank" href="http://asdf.us/"><img src="/assets/bird.png"></a>
+ <a target="_blank" href="http://catalinavallejos.com/"><img src="/assets/wayshape.png"></a>
+ <a target="_blank" href="http://www.geidai.ac.jp/english/"><img src="/assets/geidai.png"></a>
+ <a target="_blank" href="http://www.arts.ac.uk/csm/"><img src="/assets/csm.png"></a>
+ <a target="_blank" href="http://gap.geidai.ac.jp/en/"><img src="/assets/gap.png"></a>
+ </div>
+</div>
+
+</body>
+</html> \ No newline at end of file
diff --git a/templates/index.liquid b/templates/index.liquid
index 5252eb2..1968816 100644
--- a/templates/index.liquid
+++ b/templates/index.liquid
@@ -75,7 +75,7 @@
</div>
<div id="coda">
- <a href="http://howtomakeafolkestone.life/acknowledgements">Acknowledgements</a>
+ <a href="/acknowledgements">Acknowledgements</a>
<a href="https://docs.google.com/forms/d/10dqrK_3UZW_xlPWQLERd0xTwVONryyicNuz2aYz3X_I/edit?c=0&w=1">Participate!</a>
</div>
<div id="logos">
@@ -84,8 +84,6 @@
<a target="_blank" href="http://www.geidai.ac.jp/english/"><img src="/assets/geidai.png"></a>
<a target="_blank" href="http://www.arts.ac.uk/csm/"><img src="/assets/csm.png"></a>
<a target="_blank" href="http://gap.geidai.ac.jp/en/"><img src="/assets/gap.png"></a>
-
-
</div>
</div>