diff --git a/voicegardens/static/images/ABOUT-BW.png b/voicegardens/static/images/ABOUT-BW.png index 980c392..cea44f8 100644 Binary files a/voicegardens/static/images/ABOUT-BW.png and b/voicegardens/static/images/ABOUT-BW.png differ diff --git a/voicegardens/static/images/GARDEN-BW.png b/voicegardens/static/images/GARDEN-BW.png index 7f26271..c69fd0c 100644 Binary files a/voicegardens/static/images/GARDEN-BW.png and b/voicegardens/static/images/GARDEN-BW.png differ diff --git a/voicegardens/static/images/RECORD-BW.png b/voicegardens/static/images/RECORD-BW.png index 7447453..d4e20a0 100644 Binary files a/voicegardens/static/images/RECORD-BW.png and b/voicegardens/static/images/RECORD-BW.png differ diff --git a/voicegardens/static/images/STOP-BWW.png b/voicegardens/static/images/STOP-BWW.png new file mode 100644 index 0000000..46e6d3b Binary files /dev/null and b/voicegardens/static/images/STOP-BWW.png differ diff --git a/voicegardens/static/images/up-projects.png b/voicegardens/static/images/up-projects.png new file mode 100644 index 0000000..59902ba Binary files /dev/null and b/voicegardens/static/images/up-projects.png differ diff --git a/voicegardens/static/styles.css b/voicegardens/static/styles.css index 0147c6d..322f417 100644 --- a/voicegardens/static/styles.css +++ b/voicegardens/static/styles.css @@ -14,49 +14,21 @@ font-style: normal; } -@font-face { - font-family: "Rubik"; - src: url("fonts/Rubik-Bold.ttf") format("ttf"), - url("fonts/rubik-bold-webfont.woff") format("woff"), - url("fonts/rubik-bold-webfont.woff2") format("woff2"); - font-weight: bold; - font-style: normal; +body { + height: 100vh; + margin: 0px; + overflow: hidden; } -@font-face { - font-family: "Rubik"; - src: url("fonts/Rubik-Regular.ttf") format("ttf"); - font-weight: normal; - font-style: normal; +a { + text-decoration: none; + color: red; } -@font-face { - font-family: "Rubik"; - src: url("fonts/Rubik-Italic.ttf") format("ttf"); - font-weight: normal; +a:hover { font-style: italic; } -@font-face { - font-family: "PalanquinDark"; - src: url("fonts/PalanquinDark-Bold.ttf") format("ttf"); - font-weight: bold; - font-style: normal; -} - -@font-face { - font-family: "PalanquinDark"; - src: url("fonts/PalanquinDark-Regular.ttf") format("ttf"); - font-weight: normal; - font-style: normal; -} - -body { - height: 100vh; - margin: 0px; - overflow: hidden; -} - canvas { display: block; } @@ -117,7 +89,7 @@ img.button { height: 100vh; padding: 1em; width: 60%; - font-family: sans-serif; + font-family: 'Signika', sans-serif; font-size: 1.5em; line-height: 1.5em; overflow: scroll; @@ -127,6 +99,10 @@ h1 { line-height: 1em; } +h3 { + padding: 1em 0; +} + .backtoindex img { width: 10%; margin: 0 auto !important; diff --git a/voicegardens/static/voicegardens.js b/voicegardens/static/voicegardens.js index 0b59074..ca60240 100644 --- a/voicegardens/static/voicegardens.js +++ b/voicegardens/static/voicegardens.js @@ -172,7 +172,7 @@ function setupRecording() { recordButton.mousePressed(record); recordButton.class("button record"); - stopButton = createImg("../static/images/STOP-BW.png"); + stopButton = createImg("../static/images/STOP-BWW.png"); stopButton.mousePressed(stop); stopButton.class("button stop"); diff --git a/voicegardens/templates/about.html b/voicegardens/templates/about.html index ed0f5c3..6f28989 100644 --- a/voicegardens/templates/about.html +++ b/voicegardens/templates/about.html @@ -6,6 +6,9 @@ voicegardens.org: home + @@ -18,16 +21,16 @@

1. Key

-
Record
+

Record

- -
Stop / Generate shape
+ +

Stop / Generate shape

-
Plant / Load a sound by another visitor
+

Plant / Load a sound by another visitor

-
About
+

About

2. About the work

Welcome to Wet Signal Voice Gardens, a growing online landscape and tool to explore the many facets of the human voice! Wet Signal Voice Gardens is a web-based artwork that invites broad participation to investigate the @@ -95,7 +98,7 @@ 79.