diff --git a/2019/Joca_van_der_Horst/begin.rive b/2019/Joca_van_der_Horst/begin.rive index 9aff089..883ed40 100644 --- a/2019/Joca_van_der_Horst/begin.rive +++ b/2019/Joca_van_der_Horst/begin.rive @@ -24,4 +24,5 @@ ! sub hi = hello ! sub publication = thesis -! sub book = thesis \ No newline at end of file +! sub book = thesis +! sub smart speaker theatre = project \ No newline at end of file diff --git a/2019/Joca_van_der_Horst/brain.rive b/2019/Joca_van_der_Horst/brain.rive index 9b8bf4d..7e541e2 100644 --- a/2019/Joca_van_der_Horst/brain.rive +++ b/2019/Joca_van_der_Horst/brain.rive @@ -4,9 +4,6 @@ + hello - hello, what is your name? -+ hi -- hi, what is your name? - + hello - Hello my friend @@ -20,6 +17,9 @@ - no problem - no worries ++ what is your name [*] +- My name is SAINT. + + [*] thesis [*] - The publication is called The Ghost in the Speaker. It features essays reflecting on the virtual assistant, and what role personality could play for storytelling using smart speakers. diff --git a/2019/Joca_van_der_Horst/font/SpaceGrotesk-Bold.woff b/2019/Joca_van_der_Horst/font/SpaceGrotesk-Bold.woff new file mode 100644 index 0000000..f8be699 Binary files /dev/null and b/2019/Joca_van_der_Horst/font/SpaceGrotesk-Bold.woff differ diff --git a/2019/Joca_van_der_Horst/font/SpaceGrotesk-Light.woff b/2019/Joca_van_der_Horst/font/SpaceGrotesk-Light.woff new file mode 100644 index 0000000..5f36594 Binary files /dev/null and b/2019/Joca_van_der_Horst/font/SpaceGrotesk-Light.woff differ diff --git a/2019/Joca_van_der_Horst/font/SpaceGrotesk-Medium.woff b/2019/Joca_van_der_Horst/font/SpaceGrotesk-Medium.woff new file mode 100644 index 0000000..682d38f Binary files /dev/null and b/2019/Joca_van_der_Horst/font/SpaceGrotesk-Medium.woff differ diff --git a/2019/Joca_van_der_Horst/font/SpaceGrotesk-Regular.woff b/2019/Joca_van_der_Horst/font/SpaceGrotesk-Regular.woff new file mode 100644 index 0000000..9416336 Binary files /dev/null and b/2019/Joca_van_der_Horst/font/SpaceGrotesk-Regular.woff differ diff --git a/2019/Joca_van_der_Horst/font/SpaceGrotesk-SemiBold.woff b/2019/Joca_van_der_Horst/font/SpaceGrotesk-SemiBold.woff new file mode 100644 index 0000000..f03a963 Binary files /dev/null and b/2019/Joca_van_der_Horst/font/SpaceGrotesk-SemiBold.woff differ diff --git a/2019/Joca_van_der_Horst/style.css b/2019/Joca_van_der_Horst/style.css index a1e5ce2..ae2d50a 100644 --- a/2019/Joca_van_der_Horst/style.css +++ b/2019/Joca_van_der_Horst/style.css @@ -1,6 +1,28 @@ +@font-face { + font-family: 'Space Grotesk Regular'; + font-style: normal; + font-weight: normal; + src: local('Space Grotesk Regular'), url('./font/SpaceGrotesk-Regular.woff') format('woff'); + } + + @font-face { + font-family: 'Space Grotesk Medium'; + font-style: normal; + font-weight: normal; + src: local('Space Grotesk Medium'), url('./font/SpaceGrotesk-Medium.woff') format('woff'); + } + + * { - font-family: Karla; + font-family: 'Space Grotesk Regular', sans-serif; font-size: 1.2rem; + line-height: 1.3; + letter-spacing: 0.02em; + font-feature-settings: "ss01"; + } + + b { + font-family: 'Space Grotesk Medium'; } .chat { @@ -31,16 +53,17 @@ width: 79.89%; outline: 0; border: 0; - background-color: #dfdfdf; + background-color: #EFEBE7; padding: 0 1%; + text-indent: 10px; } .actions button { height: 100%; float: right; width: 18%; - background-color:#44c767; - border:1px solid #18ab29; + background-color:#032FC5; + border:1px solid #0055b3; display:inline-block; cursor:pointer; color:#ffffff; @@ -49,7 +72,7 @@ } .actions button:hover { - background-color:#5cbf2a; + background-color:#0055b3; } .messages { @@ -69,8 +92,8 @@ .messages .bot { text-align: left; margin-right: auto; - background: #0066cc; - color: white; + background: #032FC5; + color: #E5EDE2; width: max-content; min-width: 30%; } @@ -78,10 +101,6 @@ .messages .bot a { color: white; } - - .messages .bot b { - color: yellow; -} .messages .self { margin-left: auto; @@ -90,13 +109,14 @@ min-width: 30%; } - @media all and (max-width: 768px) { + @media all and (max-width: 767px) { * { font-size: 1.1rem; } .chat { - padding-top: 10%; + margin-top: 10%; + height: calc(90% - 60px); } .messages div { diff --git a/2019/Joca_van_der_Horst/welcome.txt b/2019/Joca_van_der_Horst/welcome.txt index 038bb67..1fe18dc 100644 --- a/2019/Joca_van_der_Horst/welcome.txt +++ b/2019/Joca_van_der_Horst/welcome.txt @@ -1,3 +1,3 @@ -Hi Human! My name is SAINT, I am a smart speaker. But not quite like Google Home, or Amazon Echo. -
(I mean, I look like this) #speakerselfie +Hi Human! My name is SAINT, I am a smart speaker. (But not quite like Google Home, or Amazon Echo) +
#speakerselfie I run the website of the Smart Speaker Theatre. Do you want to know more about the project, or the publication? \ No newline at end of file