diff --git a/web/images/CHECKPOINTLAY.jpg b/web/images/CHECKPOINTLAY.jpg new file mode 100644 index 0000000..c4cdf96 Binary files /dev/null and b/web/images/CHECKPOINTLAY.jpg differ diff --git a/web/images/breda.JPG b/web/images/breda.JPG index bb7ac96..0f91ccd 100644 Binary files a/web/images/breda.JPG and b/web/images/breda.JPG differ diff --git a/web/images/emohoohoo.jpg b/web/images/emohoohoo.jpg new file mode 100644 index 0000000..06bd485 Binary files /dev/null and b/web/images/emohoohoo.jpg differ diff --git a/web/images/infra.jpg b/web/images/infra.jpg new file mode 100644 index 0000000..e2cc671 Binary files /dev/null and b/web/images/infra.jpg differ diff --git a/web/images/intamacity.jpg b/web/images/intamacity.jpg new file mode 100644 index 0000000..ffe7227 Binary files /dev/null and b/web/images/intamacity.jpg differ diff --git a/web/images/musquito.jpg b/web/images/musquito.jpg new file mode 100644 index 0000000..ccf97fd Binary files /dev/null and b/web/images/musquito.jpg differ diff --git a/web/images/onthewall.jpg b/web/images/onthewall.jpg new file mode 100644 index 0000000..f90907d Binary files /dev/null and b/web/images/onthewall.jpg differ diff --git a/web/images/poinx.jpg b/web/images/poinx.jpg new file mode 100644 index 0000000..58a4df4 Binary files /dev/null and b/web/images/poinx.jpg differ diff --git a/web/images/postcard.jpg b/web/images/postcard.jpg index 3039ebb..42fa5bc 100644 Binary files a/web/images/postcard.jpg and b/web/images/postcard.jpg differ diff --git a/web/images/product-image.jpg b/web/images/product-image.jpg new file mode 100644 index 0000000..2b3531c Binary files /dev/null and b/web/images/product-image.jpg differ diff --git a/web/images/scan.jpg b/web/images/scan.jpg new file mode 100644 index 0000000..3f97c98 Binary files /dev/null and b/web/images/scan.jpg differ diff --git a/web/index.html b/web/index.html index b067c7a..52c6ade 100644 --- a/web/index.html +++ b/web/index.html @@ -69,8 +69,8 @@

Our tips for an uneventful stay in Rotterdam

- - +
+ - +
- +

Fly on the Wall

This is a device built to counter mosquito devices and prolong possible periods of loitering. @@ -99,7 +104,7 @@

- +

Ministry of the Infraordinary

The Ministry of the Infraordinary invites you to experience the city of Rotterdam in ways you @@ -118,7 +123,7 @@

- +

INTIMACITY

INTIMACITY is an installation art piece that explores the relationship between people and the @@ -146,7 +151,7 @@

- +

re-secure

In today's cities, surveillance systems are often touted as indispensable elements of urban @@ -160,7 +165,7 @@

- +

Checking point

In games, checking points are saving the player’s state, so they could resume the point if they @@ -181,7 +186,7 @@

- +

EmoHooHoo

Specially designed for adults prone to embarrassment. EmoHooHoo supports the outward expression @@ -195,7 +200,7 @@

- +

Scripts to Read the City

The project imagines an urban environment that can be read, analyzed and criticized as a text. By @@ -218,7 +223,7 @@

- +

Portable Mosquito

What if anti-loitering devices such as Mosquitos foregrounded dialogical, rather than monological @@ -369,19 +374,22 @@

Top 10 things to do

  • - +

    1. The Counter-Tourist Information Center

  • 1. The Counter-Tourist Information Center

  • -
  • - +
  • +

    1. The Counter-Tourist Information Center

  • - +

    1. The Counter-Tourist Information Center

  • @@ -389,60 +397,70 @@

    1. The Counter-Tourist Information Center

  • - +

    1. The Counter-Tourist Information Center

  • -
  • - +
  • +

    1. The Counter-Tourist Information Center

  • -
  • - +
  • +

    1. The Counter-Tourist Information Center

  • -
  • - +
  • +

    1. The Counter-Tourist Information Center

  • -
  • +
  • 1. The Counter-Tourist Information Center

  • -
  • - +
  • +

    1. The Counter-Tourist Information Center

  • -
  • - +
  • +

    1. The Counter-Tourist Information Center

  • -
  • +
  • 1. The Counter-Tourist Information Center

  • -
  • - +
  • +

    1. The Counter-Tourist Information Center

  • -
  • +
  • 1. The Counter-Tourist Information Center

  • -
  • - +
  • +

    1. The Counter-Tourist Information Center

  • -
  • - +
  • +

    1. The Counter-Tourist Information Center

  • -
  • +
  • 1. The Counter-Tourist Information Center

  • -
  • - +
  • +

    1. The Counter-Tourist Information Center

  • diff --git a/web/style.css b/web/style.css index 4ec0e61..f8b02c1 100644 --- a/web/style.css +++ b/web/style.css @@ -171,20 +171,17 @@ p { margin-top: 50px; max-width: 2000px; gap: 2rem; - - - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: min-content min-content min-content min-content; - grid-auto-rows: 300px; + display: flex; transition: .2s linear; - - } .tourcard { position: relative; overflow: hidden; + padding: 100px 16px 16px 16px; + display: flex; + justify-content: flex-end; + max-width: calc(50% - 1rem); } @media only screen and (max-width: 801px) { @@ -195,18 +192,25 @@ p { .tourcard>img { width: 100%; + position: absolute; + top: 0; + left: 0; + height: 100%; + object-fit: cover; + z-index: -1; +} + +.tourcard p { + color: inherit; + text-decoration: none; } .tour-text { - position: absolute; - width: 80%; - bottom: 8%; - left: 8%; - padding: 2%; + /* position: absolute; */ + padding: 16px; font-family: Montserrat; font-size: .7em; background: white; - max-height: 80%;; } .counter {