included some headings and a new great footer

main
vitrinekast 6 months ago
parent ba15f70990
commit 4f007c145a

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -14,227 +15,348 @@
<meta name="msapplication-TileColor" content="#81d742">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div class="nav">
<h3 onclick="togglemenu()">Counter <br> Tourist <br> Information</h3>
<div class="menu" id="menu">
<h4>The surroundings</h4>
<h4>Events</h4>
<h4>Visitors disinfo</h4>
<h4>Sustainability</h4>
</div>
</div>
<div class="landingimage">
<div class="imagedescription">Explore Rotterdam in new ways | photo Person With a Smartphone</div>
</div>
<div class="index">
<h1>Counter Tourist Information</h1>
<p>
Welcome to the pop-up Counter-Tourist Information Center! The only place in Rotterdam that offers a unique personalized view of the city.
Do you want to experience the city—without being a nuisance to residents—as a local Rotterdammer would? Wait no more! Drop by the Counter-Tourist Information Center for all things authentic Rotterdam: loitering, littering and anti model-citizen etiquette. We offer personalized guides and blending-in equipment.
<br><br>
Our personnel is always present to provide advice catered to your interests and concerns.
<br><br>
Opening Thursday 27th at 19.00h<br>
27th30th June<br>
@ Worm Slash Gallery,<br>
Boomgaardsstraat 69, 3012 XA Rotterdam
<br><br>
</p></div>
<div class="tours">
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>POINXS [Points of InAccess]</b>
<p>A critical counter map looking at city marketing & planning versus the city living and experience. It's a parody on postcard surreality and apps/websites portraying cool and flashy 2D/3D imagery without the complicated dimensions of the city without showing what's behind the scenes.
<br>
<br>
Rotterdam is 'back on the map'. POINXS questions that map and looks at a city that has become less livable and affordable and reports the bugs from a hill that leads to a dead end pavement, via private transport to wheelchair inaccessible hotspots with ambitions to become a multi-user platform for reporting other people's POINXS. </p>
</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>Fly on the Wall</b>
<p>This is a device built to counter mosquito devices and prolong possible periods of loitering.
Mosquito devices emit high frequencies and are installed by private companies and individuals to specifically target and drive away youth from hanging out. They can cause nausea, ear pain and overstimulation, and some activists have called it a 'sonic weapon'. They're frequently installed in liminal spaces, which are fruitful places for loitering and socializing.
The 'Fly on the Wall' device mimics how a mosquito works to cancel out its effects, and make room for youth to loiter without disruptions.</p>
</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>Ministry of the Infraordinary</b>
<p>The Ministry of the Infraordinary invites you to experience the city of Rotterdam in ways you haven't imagined. Let the subjective infrastructure map inspire and guide you and search for views you haven't seen before, look up and under, listen carefully for the subtler sounds of life, consider your place and your role in this network of cables, waves and invisible connections and contribute to the photo map that aspires to make the city our own.
<br>
<br>
At the Ministry of the Infraordinary, we are concerned with noticing the subtle fabric that makes up our urban surroundings. Using qualitative and generous methods to interrogate the ever-changing ecosphere that constitute our cities. Working in close relation with partners such as trees, trash-cans, lamp-posts and the canals we want to promote considerate and intimate relations between inhabitants and inhabited.</p>
</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>INTIMACITY</b>
<p>INTIMACITY is an installation art piece that explores the relationship between people and the intimacy of the city. It blurs the boundaries and distinction of public and private spaces.
The installation is composed of a semi-transparent mesh mosquito net, stitched together with various materials and fabrics. One section of the net has a hollow opening designed for people to experience observing in a city/public area while maintaining a hint of privacy/intimacy. This setup might provide new perspectives or sources of inspiration and encourage contemplation on the importance of art in everyday life. Lauren Berlant once wrote, “Rethink intimacy is to appraise how we have been and how we live and how we might imagine lives that make more sense than the ones so many are living." Here, I want to invite you to explore the possibilities of intimacy within this city with me : )</p>
</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>Collective Nearby Diary</b>
<p>A collection of publications includes autoethnography works exploring "why I like loitering" and components that inspire individuals and groups to envision and depict their ideal "nearby".
"Nearby" not only refers to geographical proximity but also to the closeness of emotional and social relationships, transcending the dimension of time. By sharing and exploring ideal "nearby," integrate personal visions into a collective map diary, creating the potential for a new city or parts of it.</p>
</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>re-secure</b>
<p>In today's cities, surveillance systems are often touted as indispensable elements of urban security. Yet, despite the widespread use of these technologies over the past decades, many people, especially women, still feel unsafe in public spaces, particularly at night.
The re-secure installation lets you delve into these pressing issues by challenging the conventional perspectives on surveillance. This thought-provoking exhibit empowers individuals by hijacking security cameras, encouraging a shift in the locus of control. It raises questions: For whom are security cameras really designed? Whose safety do they prioritize?
Come visit re-secure - an experience for young and old!</p>
</div>
<div class="nav">
<h3 onclick="togglemenu()">Counter <br> Tourist <br> Information</h3>
<div class="menu" id="menu">
<h4><a href="#surroundings">The surroundings</a></h4>
<h4>Events</h4>
<h4>Visitors disinfo</h4>
<h4>Sustainability</h4>
</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>Checking point</b>
<p>In games, checking points are saving the players state, so they could resume the point if they fail.
<br>
<br>
Checking point is a map about the camera zones in the city, related to the checking points in the games, using the camera zone as a checking point to connect the path, also explore the relationship between the player and the people behind the monitor.
<br>
<br>
In the map, the path that the player takes will leave no traces, but the camera zones will leave traces as checkpoints that save the player's status. By accepting cookies, you will navigate through various camera zones. You can do this by scanning QR codes or using GPS record settings at each camera zone checkpoint. This will generate an individual path for you, although you will never see the saved image captured by the government.</p>
</div>
<div class="landingimage">
<div class="imagedescription">Explore Rotterdam in new ways | photo Person With a Smartphone</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>EmoHooHoo</b>
<p>Specially designed for adults prone to embarrassment. EmoHooHoo supports the outward expression of unspoken emotions in public places; once you wear this device, it clumsily reflects your emotional changes, whether you like it or not. 💨💨💨
In urban life, emotional expression is confined to specific occasions, often requiring an entry fee. To achieve emotional freedom in a consumer society, we must first dissolve this embarrassment. EmoHooHoo helps you break free from societal constraints. If burdened, attribute responsibility to our device.💨💨💨</p>
</div>
<div class="index">
<h1>Counter Tourist Information</h1>
<p>
Welcome to the pop-up Counter-Tourist Information Center! The only place in Rotterdam that offers a unique
personalized view of the city.
Do you want to experience the city—without being a nuisance to residents—as a local Rotterdammer would? Wait
no more! Drop by the Counter-Tourist Information Center for all things authentic Rotterdam: loitering,
littering and anti model-citizen etiquette. We offer personalized guides and blending-in equipment.
<br><br>
Our personnel is always present to provide advice catered to your interests and concerns.
<br><br>
Opening Thursday 27th at 19.00h<br>
27th30th June<br>
@ Worm Slash Gallery,<br>
Boomgaardsstraat 69, 3012 XA Rotterdam
<br><br>
</p>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>Scripts to Read the City</b>
<p>The project imagines an urban environment that can be read, analyzed and criticized as a text. By reading the city in this way we find other possible ways of seeing, moving and listening. In a scripted city, marked by escalating levels of perfection, efficiency and control, the emancipatory aspects of urban life are undermined, allowing little room for anything that doesn't fit the image of the "norm".
<br>
<br>
Scripts to Read the City is an attempt to foster diverse experiences and uses of space, similar to a theater script interpreted differently by each actor. The tools of navigation are a device indicating which character to play and a guide, including a set of directions and instructions.
<br>
<br>
The project explores a relation between scripts and spontaneity, chance and control and how scripts and unpredictability can enhance each other, stimulating imagination, encouraging us to engage with space from another perspective. </p>
</div>
</div>
<div class="container" id="surroundings">
<section>
<h2>UnDiscover Rotterdam</h2>
<p>Our tips for an uneventful stay in Rotterdam</p>
</section>
<div class="tours">
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>POINXS [Points of InAccess]</b>
<p>A critical counter map looking at city marketing & planning versus the city living and
experience. It's a parody on postcard surreality and apps/websites portraying cool and flashy
2D/3D imagery without the complicated dimensions of the city without showing what's behind the
scenes.
<br>
<br>
Rotterdam is 'back on the map'. POINXS questions that map and looks at a city that has become
less livable and affordable and reports the bugs from a hill that leads to a dead end pavement,
via private transport to wheelchair inaccessible hotspots with ambitions to become a multi-user
platform for reporting other people's POINXS.
</p>
</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>Fly on the Wall</b>
<p>This is a device built to counter mosquito devices and prolong possible periods of loitering.
Mosquito devices emit high frequencies and are installed by private companies and individuals to
specifically target and drive away youth from hanging out. They can cause nausea, ear pain and
overstimulation, and some activists have called it a 'sonic weapon'. They're frequently
installed in liminal spaces, which are fruitful places for loitering and socializing.
The 'Fly on the Wall' device mimics how a mosquito works to cancel out its effects, and make
room for youth to loiter without disruptions.</p>
</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>Ministry of the Infraordinary</b>
<p>The Ministry of the Infraordinary invites you to experience the city of Rotterdam in ways you
haven't imagined. Let the subjective infrastructure map inspire and guide you and search for
views you haven't seen before, look up and under, listen carefully for the subtler sounds of
life, consider your place and your role in this network of cables, waves and invisible
connections and contribute to the photo map that aspires to make the city our own.
<br>
<br>
At the Ministry of the Infraordinary, we are concerned with noticing the subtle fabric that
makes up our urban surroundings. Using qualitative and generous methods to interrogate the
ever-changing ecosphere that constitute our cities. Working in close relation with partners such
as trees, trash-cans, lamp-posts and the canals we want to promote considerate and intimate
relations between inhabitants and inhabited.
</p>
</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>INTIMACITY</b>
<p>INTIMACITY is an installation art piece that explores the relationship between people and the
intimacy of the city. It blurs the boundaries and distinction of public and private spaces.
The installation is composed of a semi-transparent mesh mosquito net, stitched together with
various materials and fabrics. One section of the net has a hollow opening designed for people
to experience observing in a city/public area while maintaining a hint of privacy/intimacy. This
setup might provide new perspectives or sources of inspiration and encourage contemplation on
the importance of art in everyday life. Lauren Berlant once wrote, “Rethink intimacy is to
appraise how we have been and how we live and how we might imagine lives that make more sense
than the ones so many are living." Here, I want to invite you to explore the possibilities of
intimacy within this city with me : )</p>
</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>Collective Nearby Diary</b>
<p>A collection of publications includes autoethnography works exploring "why I like loitering" and
components that inspire individuals and groups to envision and depict their ideal "nearby".
"Nearby" not only refers to geographical proximity but also to the closeness of emotional and
social relationships, transcending the dimension of time. By sharing and exploring ideal
"nearby," integrate personal visions into a collective map diary, creating the potential for a
new city or parts of it.</p>
</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>re-secure</b>
<p>In today's cities, surveillance systems are often touted as indispensable elements of urban
security. Yet, despite the widespread use of these technologies over the past decades, many
people, especially women, still feel unsafe in public spaces, particularly at night.
The re-secure installation lets you delve into these pressing issues by challenging the
conventional perspectives on surveillance. This thought-provoking exhibit empowers individuals
by hijacking security cameras, encouraging a shift in the locus of control. It raises questions:
For whom are security cameras really designed? Whose safety do they prioritize?
Come visit re-secure - an experience for young and old!</p>
</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>Checking point</b>
<p>In games, checking points are saving the players state, so they could resume the point if they
fail.
<br>
<br>
Checking point is a map about the camera zones in the city, related to the checking points in
the games, using the camera zone as a checking point to connect the path, also explore the
relationship between the player and the people behind the monitor.
<br>
<br>
In the map, the path that the player takes will leave no traces, but the camera zones will leave
traces as checkpoints that save the player's status. By accepting cookies, you will navigate
through various camera zones. You can do this by scanning QR codes or using GPS record settings
at each camera zone checkpoint. This will generate an individual path for you, although you will
never see the saved image captured by the government.
</p>
</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>EmoHooHoo</b>
<p>Specially designed for adults prone to embarrassment. EmoHooHoo supports the outward expression
of unspoken emotions in public places; once you wear this device, it clumsily reflects your
emotional changes, whether you like it or not. 💨💨💨
In urban life, emotional expression is confined to specific occasions, often requiring an entry
fee. To achieve emotional freedom in a consumer society, we must first dissolve this
embarrassment. EmoHooHoo helps you break free from societal constraints. If burdened, attribute
responsibility to our device.💨💨💨</p>
</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>Scripts to Read the City</b>
<p>The project imagines an urban environment that can be read, analyzed and criticized as a text. By
reading the city in this way we find other possible ways of seeing, moving and listening. In a
scripted city, marked by escalating levels of perfection, efficiency and control, the
emancipatory aspects of urban life are undermined, allowing little room for anything that
doesn't fit the image of the "norm".
<br>
<br>
Scripts to Read the City is an attempt to foster diverse experiences and uses of space, similar
to a theater script interpreted differently by each actor. The tools of navigation are a device
indicating which character to play and a guide, including a set of directions and instructions.
<br>
<br>
The project explores a relation between scripts and spontaneity, chance and control and how
scripts and unpredictability can enhance each other, stimulating imagination, encouraging us to
engage with space from another perspective.
</p>
</div>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>Portable Mosquito</b>
<p>What if anti-loitering devices such as Mosquitos foregrounded dialogical, rather than monological interaction? Mosquitos buzz away at the margins of perception: for some people the devices may be inaudible, for others the noise may be incessant. Make a journey to the portable mosquito. It functions with a combination of analogue and digital circuitry. Connect to the open WiFi network called 'moz'. To adjust the sound emitted by the analogue circuit visit <a href="http://mosquito.local">"http://mosquito.local"</a> in a browser on your phone.
</p>
</div>
<div class="tourcard">
<img src="images/breda.JPG" alt="">
<div class="tour-text">
<b>Portable Mosquito</b>
<p>What if anti-loitering devices such as Mosquitos foregrounded dialogical, rather than monological
interaction? Mosquitos buzz away at the margins of perception: for some people the devices may
be inaudible, for others the noise may be incessant. Make a journey to the portable mosquito. It
functions with a combination of analogue and digital circuitry. Connect to the open WiFi network
called 'moz'. To adjust the sound emitted by the analogue circuit visit <a
href="http://mosquito.local">"http://mosquito.local"</a> in a browser on your phone.
</p>
</div>
</div>
</div>
</div>
<div class="reviews">
<div class="container reviews">
<section>
<section>
<h2>We are amazing</h2>
<p>But, don't listen to us! This is what our visitors said</p>
</section>
</section>
<div class="review">
<p>⭑✩✩✩✩</p>
<p>The Counter-Tourist Information Center is nothing more than a front. They receive funds from and frequently collaborate with the Tourist Information Center. They aren't invested in helping people have a more meaningful connection with the city, they just want to make money off of hype, same as the Tourist Information Center... They're really part of a much larger issue. If you want to support actual local businesses and not gentrify the area by being a tourist, stay away from this.
</p>
</div>
<div class="review">
<p>⭑⭑⭑⭑⭑</p>
<p>the counter tourist info center delivers on what it claims to offer: the possibility to go thru the city as a local. no more of people looking at you strangely because your not familiar with the local culture and traditions. with this center you not only get to blend in, but experience the city for what it is to be!! even if it turn out to be a bit rotten. that's part of every city tho ;))
</p>
</div>
<div class="review">
<p>⭑⭑⭑✩✩</p>
<p>Got in here via a speakeasy. Had to knock 5 times saying "Feyenoord Attentie Sparta Buurtpreventie Excelsior".
The person at the door said "What are you talking about?". I said "Why are you asking me that?" Door person then replied: "Very well then." As soon as I got in, there were 5 shady figures standing in line. They all had something to say or ask:
1. "How have you traversed here? Could you name 5 surveillance objects you've seen along your path?"
2. "How long will you be staying? When are you leaving? Isn't it time for you to go? Don't you have a train toc catch?"
3. If you follow the trail of drops, you will be in the humid center of the area.
4. Does this place even exist? Are we in a movie? Are we being watched? What are you looking at? Leave me alone
5. Rambled something about seamless peripheral derivé structurelessness, seemed confused
After those 5 blurbs I went to see if I could get a drink. I saw the bar in the distance and asked for their brightest cup of water. The waiter looked suspicious and tapped 6 times on the bar. Out of the blue, 7 gemeentewerkers en 3 bezoekers grabbed me by the shoulders and threw me out. The moment I realized what happened I took my phone and started typing this rev- [redacted]</p>
</div>
<div class="review">
<p>⭑⭑⭑⭑⭑ </p>
<p> Comfort, Uncompromised Quality
Reviewed in Canada on January 8, 2024
Size: Queen Color: Navy Blue Verified Purchase
I recently acquired the Amazon Basics Light-Weight Microfiber Sheet Set, and it has exceeded my expectations in more ways than one.
</p>
</div>
<div class="review">
<p>⭑⭑⭑⭑✩</p>
<p>The counter tourist info center offers me a free apple tart and coffee, so nice and friendly! Also, the person told me about their secret local hotspots in Rotterdam.</p>
</div>
<div class="review">
<p>⭑✩✩✩✩</p>
<p>The Counter-Tourist Information Center is nothing more than a front. They receive funds from and
frequently collaborate with the Tourist Information Center. They aren't invested in helping people
have a more meaningful connection with the city, they just want to make money off of hype, same as
the Tourist Information Center... They're really part of a much larger issue. If you want to support
actual local businesses and not gentrify the area by being a tourist, stay away from this.
</p>
</div>
<div class="review">
<p>⭑⭑⭑⭑⭑</p>
<p>the counter tourist info center delivers on what it claims to offer: the possibility to go thru the
city as a local. no more of people looking at you strangely because your not familiar with the local
culture and traditions. with this center you not only get to blend in, but experience the city for
what it is to be!! even if it turn out to be a bit rotten. that's part of every city tho ;))
</p>
</div>
<div class="review">
<p>⭑⭑⭑✩✩</p>
<p>Got in here via a speakeasy. Had to knock 5 times saying "Feyenoord Attentie Sparta Buurtpreventie
Excelsior".
The person at the door said "What are you talking about?". I said "Why are you asking me that?" Door
person then replied: "Very well then." As soon as I got in, there were 5 shady figures standing in
line. They all had something to say or ask:
1. "How have you traversed here? Could you name 5 surveillance objects you've seen along your path?"
2. "How long will you be staying? When are you leaving? Isn't it time for you to go? Don't you have
a train toc catch?"
3. If you follow the trail of drops, you will be in the humid center of the area.
4. Does this place even exist? Are we in a movie? Are we being watched? What are you looking at?
Leave me alone
5. Rambled something about seamless peripheral derivé structurelessness, seemed confused
<div class="review">
<p>⭑⭑✩✩✩</p>
<p>Offers mid activities that confused me. Why are they based in a bakfiets?!? I just feel disoriented </p>
</div>
After those 5 blurbs I went to see if I could get a drink. I saw the bar in the distance and asked
for their brightest cup of water. The waiter looked suspicious and tapped 6 times on the bar. Out of
the blue, 7 gemeentewerkers en 3 bezoekers grabbed me by the shoulders and threw me out. The moment
I realized what happened I took my phone and started typing this rev- [redacted]</p>
</div>
<div class="review">
<p>⭑⭑⭑⭑⭑ </p>
<p> Comfort, Uncompromised Quality
Reviewed in Canada on January 8, 2024
Size: Queen Color: Navy Blue Verified Purchase
I recently acquired the Amazon Basics Light-Weight Microfiber Sheet Set, and it has exceeded my
expectations in more ways than one.
</p>
</div>
<div class="review">
<p>⭑⭑⭑⭑✩</p>
<p>Turns out they don't Queensday anymore </p>
</div>
<div class="review">
<p>⭑⭑⭑⭑✩</p>
<p>The counter tourist info center offers me a free apple tart and coffee, so nice and friendly! Also,
the person told me about their secret local hotspots in Rotterdam.</p>
</div>
<div class="review">
<p>⭑⭑⭑✩✩</p>
<p>The 4-piece set includes a fitted sheet, flat sheet, and pillowcases all essentials for a well-made bed. The fitted sheet securely stays in place, ensuring a neat appearance and minimizing the hassle of constant readjustment. The flat sheet and pillowcases complement the ensemble, offering a cohesive and inviting look to my bed.</p>
</div>
<div class="review">
<p>⭑⭑✩✩✩</p>
<p>Offers mid activities that confused me. Why are they based in a bakfiets?!? I just feel disoriented
</p>
</div>
<div class="review">
<p>⭑⭑⭑⭑⭑</p>
<p>The Counter-Tourist Information Center opened my eyes to True Rotterdam. I was so tired of all the other information centers, that promoted the Euromast and the Maritime Museum but tried to hide so many things that constitute this unique urban experience, but now I am really informed and feel like a local. More importantly, the Counter-Tourist Information Center changed the way I will look at cities forever. Thank you Counter-Tourist Information Center! :* </p>
</div>
<div class="review">
<p>⭑⭑⭑⭑</p>
<p>Turns out they don't Queensday anymore </p>
</div>
<div class="review">
<p>⭑⭑⭑⭑✩ </p>
<p>They bring noisy devices everywhere thta they claim make 'human music', that only 'civil citizens' can 'appreciate'. 4 out of 5 stars.</p>
</div>
<div class="review">
<p>⭑⭑⭑✩✩</p>
<p>The 4-piece set includes a fitted sheet, flat sheet, and pillowcases all essentials for a well-made
bed. The fitted sheet securely stays in place, ensuring a neat appearance and minimizing the hassle
of constant readjustment. The flat sheet and pillowcases complement the ensemble, offering a
cohesive and inviting look to my bed.</p>
</div>
<div class="review">
<p>⭑⭑⭑⭑⭑</p>
<p>Geachte Contratoeristeninformatiecentrum Rotterdam, wij willen onze dank uitspreken richting Storm die ons heeft geholpen met het vervangen van oude papieren cadeaubonnen alsmede het vervangen van een geblokkeerde cadeaukaart.
Mvgr Jaap-Hendrik van Barendrecht-Doetinchem
</p>
</div>
<div class="review">
<p>⭑⭑⭑⭑⭑</p>
<p>The Counter-Tourist Information Center opened my eyes to True Rotterdam. I was so tired of all the
other information centers, that promoted the Euromast and the Maritime Museum but tried to hide so
many things that constitute this unique urban experience, but now I am really informed and feel like
a local. More importantly, the Counter-Tourist Information Center changed the way I will look at
cities forever. Thank you Counter-Tourist Information Center! :* </p>
</div>
<div class="review">
<p>⭑⭑⭑✩✩ </p>
<p>Update I showed human music to band practise and they really really like it. I think I will be promoted from bass to guitar soon. 3 out of 5 stars.
</p>
</div>
<div class="review">
<p>⭑⭑⭑⭑✩ </p>
<p>They bring noisy devices everywhere thta they claim make 'human music', that only 'civil citizens'
can 'appreciate'. 4 out of 5 stars.</p>
</div>
<div class="review">
<p>⭑⭑⭑⭑⭑</p>
<p>Tot het Counter-Tourist Information Center op mijn pad kwam, wist ik niet eens dat ik verdwaald was! 2 jaar is voorbij gevlogen, merci!</p>
</div>
<div class="review">
<p>⭑⭑⭑⭑⭑</p>
<p>Geachte Contratoeristeninformatiecentrum Rotterdam, wij willen onze dank uitspreken richting Storm
die ons heeft geholpen met het vervangen van oude papieren cadeaubonnen alsmede het vervangen van
een geblokkeerde cadeaukaart.
Mvgr Jaap-Hendrik van Barendrecht-Doetinchem
</p>
</div>
<div class="review">
<p>⭑⭑⭑⭑✩</p>
<p>Update I got kicked out of band. Said Im never 'down to hang'. To whom I say well who is ever 'down' to 'hang' nowadays? 'Where'? I ask you this. 4 out of 5 stars.</p>
</div>
<div class="review">
<p>⭑⭑⭑✩✩ </p>
<p>Update I showed human music to band practise and they really really like it. I think I will be
promoted from bass to guitar soon. 3 out of 5 stars.
</p>
</div>
<div class="review">
<p>⭑⭑⭑⭑✩</p>
<p>Turns out they don't Queensday anymore </p>
</div>
<div class="review">
<p>⭑⭑⭑⭑⭑</p>
<p>Tot het Counter-Tourist Information Center op mijn pad kwam, wist ik niet eens dat ik verdwaald was!
2 jaar is voorbij gevlogen, merci!</p>
</div>
</div>
<div class="review">
<p>⭑⭑⭑⭑✩</p>
<p>Update I got kicked out of band. Said Im never 'down to hang'. To whom I say well who is ever 'down'
to 'hang' nowadays? 'Where'? I ask you this. 4 out of 5 stars.</p>
</div>
<div class="review">
<p>⭑⭑⭑⭑✩</p>
<p>Turns out they don't Queensday anymore </p>
</div>
</div>
<footer class="annoying">
Do you have our card already?
</footer>
</body>
</html>

@ -14,124 +14,148 @@
src: url(fonts/VG5000-Regular.otf);
}
*{
* {
overflow-x: hidden;
}
body{
body {
font-family: Montserrat;
scroll-behavior: smooth;
margin: 0 0;
padding: 0 0;
width: 100%;
height: 100%;
}
.nav{
.nav {
width: 100%;
z-index: 9001;
background-color: #212529;
position: fixed;
top: -2%;
left: 0;
left: 0;
}
.nav a {
text-decoration: none;
color: inherit;
letter-spacing: 0px;
transition: .2s linear;
}
.nav a:hover {
letter-spacing: 12px;
}
.nav>h3{
font-size: 1.5em;
.nav>h3 {
font-size: 1.25em;
color: #81d742;
font-family: VG5000;
width: fit-content;
}
.menu{
.menu {
display: none;
width: fit-content;
margin: auto;
color: white;
font-weight: lighter;
padding-bottom: 2vh;
}
.landingimage{
.landingimage {
background: url("images/postcard.jpg");
background-size: 100vw 600px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100vw;
height: 600px;
}
.imagedescription{
.imagedescription {
display: none;
}
h1{
h1,
h2,
h3 {
font-family: VG5000;
}
h1 {
font-size: clamp(1.5rem, 1rem + 9vw, 6rem);
}
}
h2 {
font-size: 2.5rem;
margin: 0 0;
}
p{
p {
font-size: larger;
}
.index{
.index {
background: #81d742;
width: 100%;
}
.index>*{
.index>* {
padding: 2%;
max-width: 70ch;
text-align: center;
margin: auto;
}
.tours{
.tours {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
justify-content: space-between;
margin-top: 50px;
max-width: 2000px;
gap: 2rem;
}
.tourcard{
.tourcard {
position: relative;
max-width: 500px;
margin: 2%;
flex-basis: 50%;
max-width: 30%;
flex-grow: 1;
}
.tourcard >img{
.tourcard>img {
width: 100%;
}
.tour-text{
.tour-text {
position: absolute;
width: 80%;
bottom:8%;
bottom: 8%;
left: 8%;
padding: 2%;
font-family:Montserrat;
font-family: Montserrat;
font-size: .7em;
background: white;
}
.reviews{
.reviews {
width: 90vw;
text-wrap: wrap;
}
.review>p{
.review>p {
margin-left: 2%;
}
.review:nth-child(odd){
.review:nth-child(odd) {
background-color: #ececec;
}
@media only screen and (min-width: 801px) {
.nav{
.nav {
width: 90vw;
max-width: 1500px;
z-index: 9001;
@ -141,13 +165,13 @@ p{
left: 5vw;
}
.nav>h3{
.nav>h3 {
color: #81d742;
padding-left: 2%;
font-family: VG5000;
}
.menu{
.menu {
width: 80%;
display: flex;
color: white;
@ -156,7 +180,7 @@ p{
background-color: rgba(0, 0, 0, 0);
}
.imagedescription{
.imagedescription {
display: block;
background: rgba(5, 5, 5, 0.3);
position: relative;
@ -164,7 +188,38 @@ p{
left: 2%;
padding: 4px;
width: fit-content;
color: rgba(255,255,255,0.7);
color: rgba(255, 255, 255, 0.7);
pointer-events: none;
}
}
.container {
max-width: min(1200px, calc(100vw - 2rem));
margin: 0 auto;
}
section {
margin: 3rem 0;
}
@keyframes slide {
0%, 80% {
transform: translateX(200%);
}
100% {
transform: translateX(0);
}
}
footer.annoying {
animation-fill-mode: forwards;
position: fixed;
bottom: .5rem;
right: .5rem;
background-color: #81d742;
animation: slide 10s ease-in-out;
padding: .5rem;
font-size: 16px;
}
Loading…
Cancel
Save