From 4d771d7adc0bbe7a7febffed4f066220de48ee39 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Mon, 27 Sep 2021 16:09:57 +0200 Subject: logo --- public/assets/css/css.css | 6 ++++-- public/assets/img/no6092-title.png | Bin 0 -> 8794 bytes public/assets/img/no6092start.jpg | Bin 0 -> 705069 bytes src/views/Credits.js | 2 +- src/views/Graph.js | 2 +- src/views/Title.js | 4 +++- templates/_footer.liquid | 2 +- templates/_header.liquid | 10 +++++----- 8 files changed, 15 insertions(+), 11 deletions(-) create mode 100644 public/assets/img/no6092-title.png create mode 100644 public/assets/img/no6092start.jpg diff --git a/public/assets/css/css.css b/public/assets/css/css.css index 601eda0..e2bcebd 100644 --- a/public/assets/css/css.css +++ b/public/assets/css/css.css @@ -257,18 +257,20 @@ a { .site-title { position: absolute; left: 50%; - top: 0; + top: 3.5rem; transform: translateX(-50%); color: #fff; transition: opacity 0.2s; opacity: 0; pointer-events: none; - margin-top: 1rem; text-shadow: 0 0 2px #000; } .site-title.visible { opacity: 1; } +.site-title img { + height: 1.5rem; +} /** Credits */ diff --git a/public/assets/img/no6092-title.png b/public/assets/img/no6092-title.png new file mode 100644 index 0000000..9388257 Binary files /dev/null and b/public/assets/img/no6092-title.png differ diff --git a/public/assets/img/no6092start.jpg b/public/assets/img/no6092start.jpg new file mode 100644 index 0000000..a8523bd Binary files /dev/null and b/public/assets/img/no6092start.jpg differ diff --git a/src/views/Credits.js b/src/views/Credits.js index 1d8c9b2..dd9f4f0 100644 --- a/src/views/Credits.js +++ b/src/views/Credits.js @@ -116,7 +116,7 @@ const CREDITS_STRINGS = { `, press: ` -

No6092

+

 

The artist thanks the creative team that made this happen: Nadim, Jules, Raf and Brandon. Thanks to the partnering institutions the National Gallery of Canada, particularly Sasha Suda, Kitty Scott and Jonathan Shaughnessy, and The Courtauld, especially Sara Wilson. Thank you to Ala Roushan for the patient working through the entire project.

Press Enquiries:
diff --git a/src/views/Graph.js b/src/views/Graph.js index eb55ad0..21972e8 100644 --- a/src/views/Graph.js +++ b/src/views/Graph.js @@ -78,7 +78,7 @@ export default function Graph({ db }) { visible={introDone && !detailVisible} open={creditsVisible} /> - + <Title visible={introDone /* && !detailVisible && !creditsVisible*/} /> <div className={introCurtainDone ? "curtain done" : "curtain"} /> </div> ); diff --git a/src/views/Title.js b/src/views/Title.js index c86eea8..0e50027 100644 --- a/src/views/Title.js +++ b/src/views/Title.js @@ -6,6 +6,8 @@ import React from "react"; export default function Title({ visible }) { return ( - <div className={visible ? "site-title visible" : "site-title"}>NO6092</div> + <div className={visible ? "site-title visible" : "site-title"}> + <img src="assets/img/no6092-title.png" /> + </div> ); } diff --git a/templates/_footer.liquid b/templates/_footer.liquid index ca776f0..58bd7af 100644 --- a/templates/_footer.liquid +++ b/templates/_footer.liquid @@ -1,5 +1,5 @@ - <script src="/assets/js/bundle.js"></script> + <script src="./assets/js/bundle.js"></script> </body> </html> diff --git a/templates/_header.liquid b/templates/_header.liquid index 2dc91d7..2d24df5 100644 --- a/templates/_header.liquid +++ b/templates/_header.liquid @@ -16,16 +16,16 @@ <meta property="og:title" content="No. 6092" /> <meta property="og:type" content="website" /> - <meta property="og:image" content="" /> - <meta property="og:url" content="" /> - <meta property="og:site_name" content="No. 6092" /> + <meta property="og:image" content="https://opensecret.kw-berlin.de/no6092/assets/img/no6092start.jpg" /> + <meta property="og:url" content="https://opensecret.kw-berlin.de/no6092/" /> + <meta property="og:site_name" content="Open Secret" /> <meta name="apple-mobile-web-app-capable" content="no"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <link rel="shortcut icon" href="/favicon.ico" /> - <link rel="stylesheet" href="/assets/css/fonts.css"> - <link rel="stylesheet" href="/assets/css/css.css"> + <link rel="stylesheet" href="./assets/css/fonts.css"> + <link rel="stylesheet" href="./assets/css/css.css"> </head> <body> -- cgit v1.2.3-70-g09d2