From ced3d7e5b1a428017a1ef69beffb5dcffcc3c88e Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Thu, 15 Apr 2021 00:01:42 +0200 Subject: nora texts --- frontend/site/projects/museum/stl-files.js | 24 +++---- frontend/site/projects/museum/text-overlays.js | 84 ---------------------- frontend/site/projects/museum/views/overlay.css | 28 -------- .../projects/museum/views/subtitles.overlay.js | 1 - .../site/projects/museum/views/text.overlay.css | 36 ++++++++++ .../site/projects/museum/views/text.overlay.js | 3 +- 6 files changed, 49 insertions(+), 127 deletions(-) delete mode 100644 frontend/site/projects/museum/views/overlay.css create mode 100644 frontend/site/projects/museum/views/text.overlay.css diff --git a/frontend/site/projects/museum/stl-files.js b/frontend/site/projects/museum/stl-files.js index 146e135..a9483d7 100644 --- a/frontend/site/projects/museum/stl-files.js +++ b/frontend/site/projects/museum/stl-files.js @@ -4,8 +4,8 @@ export const STL_FILES = { url: "/last-museum/static/media/last-museum/nora-albadri/nefertiti.stl", modelMaterial: { color: "#bbbbff", - metalness: 0.8, - roughness: 0.4, + metalness: 0.7, + roughness: 0.5, }, width: () => window.innerWidth / 2, height: () => window.innerHeight * 2/3, @@ -25,9 +25,9 @@ export const STL_FILES = { "nora-horus-2": { url: "/last-museum/static/media/last-museum/nora-albadri/shehorus.stl", modelMaterial: { - color: "#888888", - metalness: 0.8, - roughness: 0.4, + color: "#dddddd", + metalness: 0.9, + roughness: 0.7, }, width: () => window.innerWidth * 0.25, height: () => window.innerHeight * 2/3, @@ -48,8 +48,8 @@ export const STL_FILES = { url: "/last-museum/static/media/last-museum/nora-albadri/peg.stl", modelMaterial: { color: "#0000ff", - metalness: 0.8, - roughness: 0.4, + metalness: 0.9, + roughness: 0.7, }, width: () => window.innerWidth / 2, height: () => window.innerHeight * 2/3, @@ -70,9 +70,9 @@ export const STL_FILES = { "nora-lamassu-2": { url: "/last-museum/static/media/last-museum/nora-albadri/lamassu.stl", modelMaterial: { - color: "#bfb8a8", - metalness: 0.8, - roughness: 0.4, + color: "#efe8f8", + metalness: 0.5, + roughness: 0.5, }, width: () => window.innerWidth * 1/2, height: () => window.innerHeight * 2/3, @@ -94,8 +94,8 @@ export const STL_FILES = { url: "/last-museum/static/media/last-museum/nora-albadri/queen.stl", modelMaterial: { color: "#BCC6CC", - metalness: 0.8, - roughness: 0.4, + metalness: 0.7, + roughness: 0.6, }, width: () => window.innerWidth / 2, height: () => window.innerHeight * 2/3, diff --git a/frontend/site/projects/museum/text-overlays.js b/frontend/site/projects/museum/text-overlays.js index 401ab4e..50991dd 100644 --- a/frontend/site/projects/museum/text-overlays.js +++ b/frontend/site/projects/museum/text-overlays.js @@ -5,20 +5,6 @@ export const TEXT_OVERLAYS = { /* nora al-badri */ 'nora-2': { - style: { - top: "1rem", - right: "2rem", - transform: "scale(0.7)", - }, - textStyle: { - right: "0", - width: "100vw", - left: "0", - top: "4rem", - color: "#FF790D", - fontFamily: '"Druk Wide"', - fontSize: "2vw", - }, text: `

AFU. This is not a hackerspace.

@@ -39,20 +25,6 @@ export const TEXT_OVERLAYS = { ` }, 'nora-nefertiti': { - style: { - top: "1rem", - right: "2rem", - transform: "scale(0.7)", - }, - textStyle: { - right: "0", - width: "100vw", - left: "0", - top: "4rem", - color: "#FF790D", - fontFamily: '"Druk Wide"', - fontSize: "2vw", - }, text: `

Nature/Nefertiti

@@ -62,20 +34,6 @@ export const TEXT_OVERLAYS = { }, 'nora-horus-2': { - style: { - top: "1rem", - right: "2rem", - transform: "scale(0.7)", - }, - textStyle: { - right: "0", - width: "100vw", - left: "0", - top: "4rem", - color: "#FF790D", - fontFamily: '"Druk Wide"', - fontSize: "2vw", - }, text: `

Horus/Her

@@ -84,20 +42,6 @@ export const TEXT_OVERLAYS = { ` }, 'nora-peg-stairs-close': { - style: { - top: "1rem", - right: "2rem", - transform: "scale(0.7)", - }, - textStyle: { - right: "0", - width: "100vw", - left: "0", - top: "4rem", - color: "#FF790D", - fontFamily: '"Druk Wide"', - fontSize: "2vw", - }, text: `

Foundation Peg/Nin

@@ -106,20 +50,6 @@ export const TEXT_OVERLAYS = { ` }, 'nora-lamassu-2': { - style: { - top: "1rem", - right: "2rem", - transform: "scale(0.7)", - }, - textStyle: { - right: "0", - width: "100vw", - left: "0", - top: "4rem", - color: "#FF790D", - fontFamily: '"Druk Wide"', - fontSize: "2vw", - }, text: `

Lamma

@@ -128,20 +58,6 @@ export const TEXT_OVERLAYS = { ` }, 'nora-queen-of-night': { - style: { - top: "1rem", - right: "2rem", - transform: "scale(0.7)", - }, - textStyle: { - right: "0", - width: "100vw", - left: "0", - top: "4rem", - color: "#FF790D", - fontFamily: '"Druk Wide"', - fontSize: "2vw", - }, text: `

Queen of the Hacker Night

diff --git a/frontend/site/projects/museum/views/overlay.css b/frontend/site/projects/museum/views/overlay.css deleted file mode 100644 index 48e8480..0000000 --- a/frontend/site/projects/museum/views/overlay.css +++ /dev/null @@ -1,28 +0,0 @@ - -.text-overlay-icon { - position: fixed; - cursor: pointer; -} -.text-overlay { - position: fixed; - padding: 1rem; - font-size: 1rem; - font-family: 'Helvetica', sans-serif; - cursor: url(/last-museum/static/uploads/3/cursor/The_Last_Museum_-_Symbols-72.png) 50 50, pointer; - color: #000; -} -.text-overlay::-webkit-scrollbar { - background: transparent; - width: 3px; -} -.text-overlay::-webkit-scrollbar-thumb { - background: #ff790d; -} -.text-overlay p { - margin: 0 0 1rem 0; - line-height: 1.7; -} -.text-overlay h2 { - font-family: 'Druk Wide', sans-serif; - font-size: 22px; -} diff --git a/frontend/site/projects/museum/views/subtitles.overlay.js b/frontend/site/projects/museum/views/subtitles.overlay.js index b34b5ef..c31a2fd 100644 --- a/frontend/site/projects/museum/views/subtitles.overlay.js +++ b/frontend/site/projects/museum/views/subtitles.overlay.js @@ -31,7 +31,6 @@ class SubtitlesOverlay extends Component { } componentDidUpdate(prevProps) { - console.log((this.props.interactive && this.props.interactive !== prevProps.interactive), this.props.location.pathname !== prevProps.location.pathname) if ( (this.props.interactive && this.props.interactive !== prevProps.interactive) || this.props.location.pathname !== prevProps.location.pathname diff --git a/frontend/site/projects/museum/views/text.overlay.css b/frontend/site/projects/museum/views/text.overlay.css new file mode 100644 index 0000000..53f9813 --- /dev/null +++ b/frontend/site/projects/museum/views/text.overlay.css @@ -0,0 +1,36 @@ + +.text-overlay-icon { + position: fixed; + top: 1rem; + right: 2rem; + transform: scale(0.7); + cursor: pointer; +} +.text-overlay { + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + color: #FF790D; + font-family: "Druk Wide", sans-serif; + font-size: 2vw; + padding: 1rem; + font-size: 1rem; + cursor: url(/last-museum/static/uploads/3/cursor/The_Last_Museum_-_Symbols-72.png) 50 50, pointer; +} +.text-overlay::-webkit-scrollbar { + background: transparent; + width: 3px; +} +.text-overlay::-webkit-scrollbar-thumb { + background: #ff790d; +} +.text-overlay p { + margin: 0 0 1rem 0; + line-height: 1.7; +} +.text-overlay h2 { + font-family: 'Druk Wide', sans-serif; + font-size: 3vw; +} diff --git a/frontend/site/projects/museum/views/text.overlay.js b/frontend/site/projects/museum/views/text.overlay.js index fb634e2..3584fa3 100644 --- a/frontend/site/projects/museum/views/text.overlay.js +++ b/frontend/site/projects/museum/views/text.overlay.js @@ -3,7 +3,7 @@ import { connect } from 'react-redux' import { TEXT_OVERLAYS, DEFAULT_CLOSED_ICON, DEFAULT_ICON } from '../text-overlays.js' -import './overlay.css' +import './text.overlay.css' class TextOverlay extends Component { state = { @@ -81,7 +81,6 @@ class TextOverlay extends Component {