From 88d727416968cb62937b012b19ebfaec0f2c8898 Mon Sep 17 00:00:00 2001 From: motosasaki <64741202+motosasaki@users.noreply.github.com> Date: Mon, 11 Mar 2024 15:18:01 +0100 Subject: [PATCH] b --- assets/css/style.css | 92 ++++++++------- index.html | 264 ++++++++++++++++++------------------------- 2 files changed, 157 insertions(+), 199 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index c6d9d0b..e7100ca 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -242,40 +242,42 @@ p { width: 100%; text-align: left; line-height: 1.7; - letter-spacing: -1.1px; + letter-spacing: normal; font-weight: normal; font: 20px bold Nimbussanl bol, sans-serif; word-break: keep-all; - color: whitesmoke; + color: black; + /* color: whitesmoke; */ /* transition: color 2s linear; */ } -p:hover { +/* p:hover { color: black; -} +} */ .footnotes { - font: 12px Helvetica; + font: 19px Helvetica; letter-spacing: 0px; word-break: keep-all; font-weight: normal; } blockquote { - color: whitesmoke; + /* color: whitesmoke; */ + color: black; font-size: 24px; font-family: Nimbussanl bol, sans-serif; text-align: left; /* lockquote element style */ } -blockquote:hover{ +/* blockquote:hover{ color: #000; -} +} */ ul { position: fixed; - line-height: 30px; + line-height: 37px; display: block; right: 40px; list-style: none; @@ -287,15 +289,14 @@ a, a:visited, a:hover { /* color: var(--color-text-link-hover); */ - color: gainsboro; + color: darkblue; text-decoration: none; + cursor: pointer; } a:hover { - color: grey; text-decoration: underline black 1.5px; - } @@ -404,7 +405,7 @@ a.button { border: none; text-decoration: none; cursor: pointer; - color: grey; + color: gray; background-color: transparent; scroll-behavior: smooth; } @@ -439,12 +440,11 @@ a.button { font-size: 18px; right: 20px; color: #818181; - display: block; transition: 0.4s; } .sidenav a:hover { - text-decoration: underline; + text-decoration: 1px underline; } .sidenav .closebtn { @@ -461,7 +461,17 @@ ul.menulist { top: -103px; } - +.Bibliography { + display: block; + width: 100%; + text-align: left; + line-height: -1.3; + letter-spacing: normal; + font-size: 19px; + font-family: Nimbussanl bol, sans-serif; + word-break: break-word; + hyphens: auto; +} /* UTILITY CLASSES */ @@ -475,8 +485,6 @@ ul.menulist { display: none; } - - /* WEBSITE MEDIA QUERIES */ /* styles for 'mobile', screen sizes up to 779px, should covers 'mobile' and 'tablet' */ @@ -487,25 +495,36 @@ ul.menulist { /* your 'mobile' overriding css properties here */ .title { - font-size: 20px; + font-size: 23px; font-family: Antique, sans-serif; color: gainsboro; text-align: left; margin: 8px; } + .content{ + display: none; + } + + .chapter-content-image{ + display: none; + } + + a.button{ + display: none; + } blockquote { - color: whitesmoke; - font: 20px Nimbussanl bol, sans-serif; + color: black; + font: 19px Nimbussanl bol, sans-serif; } - blockquote:hover{ + /* blockquote:hover{ color: #000; - } + } */ .page-wrapper { - width: 99vw !important; + width: 86vw !important; } h1{ @@ -532,7 +551,7 @@ ul.menulist { } .footnotes { - font: 11px Helvetica; + font: 19px Helvetica; letter-spacing: 0px; word-break: keep-all; font-weight: normal; @@ -597,26 +616,23 @@ ul.menulist { display: block; width: 100%; text-align: left; - line-height: 1.3; - font-weight: normal; + line-height: -1.3; + letter-spacing: normal; font-size: 19px; font-family: Nimbussanl bol, sans-serif; - color: whitesmoke; + color: black; word-break: break-word; hyphens: auto; - /* paragraph style */ } - p:hover { + /* p:hover { color: #000; - } + } */ .chapter-content-image { width: 10%; } - - /* utility classes, mobile */ .desktop-only { @@ -637,32 +653,22 @@ ul.menulist { } - - /* use this query to apply style changes to smaller smartphones sizes (like an iPhone 5S or SE 2016), max size of 339px */ @media (max-width: 339px) { - - /* your overriding css properties here */ } - - /* use this query to apply style changes for 'mobile' screen sizes that are flipped in 'landscape' mode */ @media (max-width: 779px) and (orientation: landscape) { - - /* your overriding css properties here */ } - - /* use this query to apply style for 'small' desktop screens */ @media (min-width: 780px) and (max-width: 992px) { diff --git a/index.html b/index.html index 03921cd..c6eb406 100644 --- a/index.html +++ b/index.html @@ -173,11 +173,13 @@

Introduction

Personal Belongings on the Floor

- I realized there was a first-come-first-served system1 for the queue created by + I realized there was a first-come-first-served system1 for the queue created by football fans in Japan. Like an invisible hologram being placed, people were ‘queuing’ through their objects. For the annual tennis event for Wimbledon, there is a booklet of guidelines for the queue. In the booklet, it’s written that “Temporary absence from the queue of refreshments - should not exceed 30 minutes.”.2 + should not exceed 30 minutes.”.2

@@ -218,7 +220,8 @@

Personal Belongings on the Floor

people waiting but also their boredom and frustration. It requires a human-centered design perspective, from the points of view of both the people doing the servicing and the people waiting in line. That isn’t hard, but you have to develop a sensitivity to it or realize why it - might be important.”3 + might be important.”3

The placing of the bottles completely diminishes the frustration and boredom that people may @@ -226,25 +229,7 @@

Personal Belongings on the Floor

allows the individuals to make use of their time efficiently.

-
- - -

1Manuel, Laguna (2011). Business Process Modeling, Simulation - and Design. Pearson - Education India. p.178.

- - - -

2Dekel-Daks, Tal. “How Does the Wimbledon 2023 Queue Work?” - House & Garden, 4 July - 2023.

- - - -

3Prisco, Jacopo. “Waiting Game: An Extended Look at How We - Queue.” CNN, 15 Feb. - 2019.

- +
@@ -265,12 +250,14 @@

An Imaginary Methodology

Augmented reality is an experience of combining digital information and the real world as a form of additional input for users by altering their natural environment through - technology.4 + technology.4

In 2017, IKEA released the ‘IKEA Place’ app to help people virtually place furniture in their - homes.5 Through a sense of augmented reality, users can place interiors in their + homes.5 Through a sense of augmented reality, users can place interiors in their rooms and experiment with the interiors that would suit the space. This makes shopping for furniture much more convenient while in the comfort of their home.

@@ -297,7 +284,8 @@

An Imaginary Methodology

Let's say the user creates an AR avatar. As I am writing, I recall something familiar. Back when I was a teenager, occasionally, I would play Nintendo Wii. There is an option in the console for users to create a personal Mii. A Mii is a customizable avatar used in Nintendo - consoles.6 What if a personal Mii is on the spot in the queue? + consoles.6 What if a personal Mii is on the spot in the queue?

>
@@ -322,22 +310,7 @@

An Imaginary Methodology

Each personal belongings created a communal art installation.

-
- - -

4Gillis, Alexander S. “Augmented Reality (AR).” What Is, 18 Nov. - 2022.

- - - -

5“Launch of New IKEA Place App – IKEA Global.” IKEA.

- - - -

6“Mii.” Wikipedia, 25 Feb. 2024.

- - - +
@@ -395,7 +368,8 @@

Exploration of Contemporary Artists

The work challenges the audience to contemplate a deep feeling about what we choose to fill the - containers with and what we consume from them in our everyday lives.7 It is almost + containers with and what we consume from them in our everyday lives.7 It is almost unrecognizable to identify the placement of the color and the household items together because it brings the viewer to reconsider what we choose to fill the containers with.

@@ -448,7 +422,8 @@

Exploration of Contemporary Artists

“The dynamic of the breathing room is between meditation and integration, this is not about representation, this is not about transferring information or ideas, it is reinforcing the first-hand experience of each and every one of us, as experiencing consciousness within - these spaces. And that it should be both reinforcing but also disorienting”8 + these spaces. And that it should be both reinforcing but also disorienting”8 @@ -479,20 +454,7 @@

Exploration of Contemporary Artists

the act of switching the light on and off was causing disorientation.

-
- -

- 7The Foundation of Vladimir Smirnov and Konstantine Sorokin. “Zhanna - Kadyrova Album 2013.” Zhanna Kadyrova Album 2013, p. 108. -

- - - -

8Videos – Antony Gormley. -

- - - +
@@ -550,23 +512,20 @@

Thinking and Choosing

together to see whether they match?

-
+
-
- -
+
-
- -
+
components
-
+ +

The video was unedited so the viewers could see the motion of my hands rearranging the images @@ -605,7 +564,8 @@

Objects and Schema

Schema is a foundation that we can use to take in new information and try to search whether it makes any sense. The way our brain can organize information in our minds is like a filing - cabinet.9 + cabinet.9

@@ -688,13 +648,7 @@

Objects and Schema

-
- - -

- 9 Main, Paul. “What Is a Schema in Psychology?” Structural Learning, 5 May 2023. -

- + @@ -735,28 +689,32 @@

Product Placements in Television

The placement of the object manipulates the viewer not only in an exhibition space or public space but also creates new meaning in television. Although subtle and unnoticeable for the - audience to sometimes recognize. The placement of the product placement10 in + audience to sometimes recognize. The placement of the product placement10 in television has a strong attraction for marketing.

One example that significantly raised the viewer's attention is the product placement of - eggo11 in the TV series, Stranger Things (2016). + eggo11 in the TV series, Stranger Things (2016).

While watching the TV series, there was an appearance of Eggo waffles, in this particular scene, shown in figure 11. Not only does the placement of the product influence the viewer's attention but it also saw an increase in the rise of consumption of the frozen waffle - industry.12 + industry.12

+ href="#fn-13">13 -->

- The website ‘Product Placement Blog’13 has a record of other products that have + The website ‘Product Placement Blog’13 has a record of other products that have appeared in the TV show, Stranger Things (2016). The website also shows products that have appeared in other movies and TV shows.

@@ -769,40 +727,7 @@

Product Placements in Television

-
- - -

- 10Product placement is a marketing technique where a chosen brand or a product is - placed into another work. Product placement can be placed in films, art, or television - programs. -

- - - -

- 11Eggo is a brand of frozen waffles. -

- - - -

- 12Wittmer, Carrie. “Netflix’s ‘Stranger Things’ Boosted Eggo Waffle Sales Because - One of the Main Characters Is Obsessed With Them.” Business Insider, 21 Feb. 2018. -

- - - -

- - - - 13Sergey. “Stranger Things TV Show Product Placement - Seen on Screen.” Product - Placement Blog, 1 July 2022 -

- - + @@ -880,98 +805,102 @@

Conclusion

Bibliography

-

+

[1] About | Thinking Head. (url)

-

+

[2] Ferrier, Morwenna. “the ’fun’ Queue: How Standing in Line Became an Event in Itself.” The Guardian, 9 July 2019,(url)

-

+

[3] Gillis, A. S. (2022, November 18). augmented reality (AR). (url)

-

+

[4] Main, Paul. “What is a schema in psychology?” Structural Learning, 5 May 2023, (url)

-

+

[5] Nickerson, Charlotte. “Schema Theory in Psychology.” Simply Psychology, 5 Nov. 2023, (url)

-

+

[6] Prisco, Jacopo. “Waiting Game: An Extended Look at How We Queue.” CNN, 15 Feb. 2019. (url)

-

+

[7] Sergey. (2022, July 1). Stranger Things - Product placement blog. Product Placement Blog. (url)

-

+

[8] Suttonm Kelsey. “How’d All Those Brands Get Into Stranger Things?” Marketing Brew, 1 July 2022. (url)

+
+ +

1Manuel, Laguna (2011). Business Process Modeling, Simulation and Design. Pearson Education India. p.178.↩ +

+

2Dekel-Daks, Tal. “How Does the Wimbledon 2023 Queue Work?”House & Garden, 4 July 2023.↩ +

-
- -
+

3Prisco, Jacopo. “Waiting Game: An Extended Look at How We Queue.” CNN, 15 Feb.2019.↩ +

-
+

4Gillis, Alexander S. “Augmented Reality (AR).” What Is, 18 Nov.2022.↩ +

- +

5“Launch of New IKEA Place App – IKEA Global.” IKEA.↩ +

-
+

6“Mii.” Wikipedia, 25 Feb. 2024.↩ +

+

7The Foundation of Vladimir Smirnov and Konstantine Sorokin. “Zhanna Kadyrova Album 2013.” Zhanna Kadyrova Album 2013, p. 108.↩ +

-
+ +

8Videos – Antony Gormley.↩ +

-

Colophon

+ -

- Graduation Thesis by Moto Sasaki +

9Main, Paul. “What Is a Schema in Psychology?” Structural Learning, 5 May 2023.↩

-

- B.A. Graphic Design +

10Product placement is a marketing technique where a chosen brand or a product is placed into another work. Product placement can be placed in films, art, or television programs.↩

-

- Visual Essay Supervisor: Bart de Baets -

-

- Thesis Supervisor: Dirk Vis -

-

- Website Supervisors: Thomas Buxo,
- François Girard-Meunier. +

11Eggo is a brand of frozen waffles.↩

-

- Royal Academy of Art, The Hague + + +

12Wittmer, Carrie. “Netflix’s ‘Stranger Things’ Boosted Eggo Waffle Sales Because One of the Main Characters Is Obsessed With Them.” Business Insider, 21 Feb. 2018.↩

-

- February 2024 + + +

13Sergey. “Stranger Things TV Show Product Placement Seen on Screen.” Product Placement Blog, 1 July 2022↩

@@ -983,46 +912,69 @@

Colophon

- - +
+
+

Colophon

+

+ Graduation Thesis by Moto Sasaki +

+

+ B.A. Graphic Design +

-
+

+ Visual Essay Supervisor: Bart de Baets +

+

+ Thesis Supervisor: Dirk Vis +

+

+ Website Supervisors: Thomas Buxo,
+ François Girard-Meunier. +

+

+ Royal Academy of Art, The Hague +

+

+ February 2024 +

+
- ^ +
+
- + - + ^ + - + +