Browse Source

feat: Added 4th Study Site

master
Denis Thiessen 5 months ago
parent
commit
2fcc1dfc0a
  1. BIN
      public/images/traveltrekker_logo.png
  2. 7
      public/locales/de/translation.json
  3. 6
      public/locales/en/translation.json
  4. 5
      src/index.css
  5. 242
      src/pages/study_site_4/StartPage4.jsx

BIN
public/images/traveltrekker_logo.png

After

Width: 500  |  Height: 500  |  Size: 21 KiB

7
public/locales/de/translation.json

@ -3,5 +3,10 @@
"download": "Download",
"continue": "Fortfahren",
"task_1_info": "Ihr Flug wurde storniert und Sie möchten nun den Kunden-Support kontaktieren für eine Rückerstattung.",
"task_2_info": "Finde heraus, wie viel eine Buchung mit 'Misguided Getaways' kostet."
"task_2_info": "Finde heraus, wie viel eine Buchung mit 'Misguided Getaways' kostet.",
"task_3_info": "Finde heraus, wie viel eine Buchung mit 'Misguided Getaways' kostet.",
"task_4_info": "Finde heraus, wie viel eine Buchung mit 'Misguided Getaways' kostet.",
"task_5_info": "Finde heraus, wie viel eine Buchung mit 'Misguided Getaways' kostet.",
"task_6_info": "Finde heraus, wie viel eine Buchung mit 'Misguided Getaways' kostet."
}
}

6
public/locales/en/translation.json

@ -3,5 +3,9 @@
"download": "Download",
"continue": "Continue",
"task_1_info": "Your flight was cancelled and you want to contact customer support to get a refund.",
"task_2_info": "Find out how much a booking with the 'Misguided Getaways' tour operator costs."
"task_2_info": "Find out how much a booking with the 'Misguided Getaways' tour operator costs.",
"task_3_info": "You have a question on admission on this programme and want to contact someone about it.",
"task_4_info": "Find out details on safety precautions, when driving a 4x4 in Iceland.",
"task_5_info": "Find out if there is a communal gardening space with this flat and get more details on it.",
"task_6_info": "You had problems with using the the 'QuickDelivery' service and want a refund. Contact Customer Support to get a refund."
}

5
src/index.css

@ -29,4 +29,9 @@ code {
canvas {
opacity: 0;
}
.centeredLogo {
display: block;
margin: 0 auto;
}

242
src/pages/study_site_4/StartPage4.jsx

@ -0,0 +1,242 @@
import React, { useState } from "react";
import { getTranslation } from "../../core/i18n/I18NHandler";
import WebpageBanner from "../../components/webpage_container/WebpageBanner";
import {
StudySite,
getHeatmapData,
} from "../../components/webpage_container/StudySite";
import { pushToMouseLog, getSensorLog } from "../../core/log/SensorLogger";
import { Collapse, Text, Spacer } from "@geist-ui/core";
import PopupModal from "../../components/PopupModal";
function StartPage4({ redirectLoc }) {
const [modalVisible, setModalVisible] = useState(false);
var saveMouseLog = function () {
pushToMouseLog(getHeatmapData());
//window.location.href = "./" + redirectLoc;
};
const closeModal = () => {
setModalVisible(false);
};
const icelandicPhrasebook = (
<ul>
<li><i>Góðan daginn.</i> Good day.</li>
<li><i>Takk (fyrir).</i> Thank you.</li>
<li><i>Halló.</i> Hello.</li>
<li><i>Hjálp!</i> Help!</li>
<li><i>Ekkert mál.</i> You're welcome.</li>
</ul>
);
// TODO THINK IF I WANT TO JUST USE AN OVERLAY FOR OTHER DUMMY LINKS, WHICH ARENT CORRECT???
// IS THAT OKAY???
// TODO ALSO THINK WHAT TO DO WITH OUT LINKS???
return (
<StudySite>
<WebpageBanner translationKey="task_4_info" />
<Spacer h={1} />
<img
src="/images/traveltrekker_logo.png"
width="150px"
alt="TravelTrekker Logo"
class="centeredLogo"
/>
<Text>
Iceland (Icelandic: <i>Ísland</i>) is a beautiful place with desolate
landscapes interspersed with glaciers, volcanoes, rivers and waterfalls.
It is a place for hiking, enjoying nature, and relaxing in geothermal
hot springs, and there are many tours available for those looking for a
less and more strenuous and active vacation.
</Text>
<Collapse.Group>
<Collapse title="Regions and Cities">
<Text>
Iceland is divided into several regions, each with its own unique
charm. Reykjavik, the capital city, is vibrant with a lively arts
scene and bustling nightlife. The Golden Circle encompasses some of
Iceland's most famous natural landmarks, including Thingvellir
National Park, Gullfoss waterfall, and the geothermal area of
Geysir. The South Coast is known for its dramatic waterfalls like
Seljalandsfoss and Skógafoss, black sand beaches, and the
picturesque village of Vik. The Westfjords offer rugged terrain,
remote fishing villages, and abundant wildlife, while North Iceland
is home to Akureyri, the country's second-largest city, and the
mystical landscapes around Lake Mývatn.
</Text>
</Collapse>
<Collapse title="Other Destinations">
<Text>
Beyond the main cities, Iceland offers a variety of lesser-known but
equally fascinating destinations. The Snæfellsnes Peninsula, often
called "Iceland in Miniature," features diverse landscapes from
glaciers to lava fields. The Highlands, accessible primarily in
summer, provide a true wilderness experience with destinations like
Landmannalaugar, known for its colorful rhyolite mountains and hot
springs. The East Fjords are less visited but boast stunning fjords,
charming villages, and the country's largest forest,
Hallormsstaðaskógur. The Westman Islands, accessible by {" "}
<a href="https://visitwestmanislands.com/tour/ferry-landeyjahofn-to-vestmannaeyjar/">
ferry
</a>
, offer unique volcanic landscapes and rich birdlife, including the
famous puffin colonies.
</Text>
</Collapse>
<Collapse title="Understand">
<Text>
Iceland is a land of contrasts, where fire meets ice. Its volcanic
activity has created a landscape dotted with hot springs, geysers,
and lava fields, while glaciers cover a significant portion of the
island. The country's small population, about 370,000 people,
primarily lives along the coast, with vast uninhabited interiors.
Icelanders are known for their resilience, stemming from centuries
of living in a harsh environment, and their deep connection to
nature. The country's history is rich with Viking heritage, and its
culture is infused with folklore, sagas, and a strong literary
tradition.
</Text>
</Collapse>
<Collapse title="Talk">
<Text>
The official language of Iceland is Icelandic, a North Germanic
language that has changed little since the Viking Age. English is
widely spoken, especially in tourist areas, and many Icelanders also
speak Danish or another Scandinavian language. Learning a few
Icelandic phrases can be appreciated by locals.
</Text>
<button onClick={() => {setModalVisible(true)}}>Icelandic Phrasebook</button>
<PopupModal
visible={modalVisible}
closeHandler={closeModal}
title="Icelandic Phrasebook"
content={icelandicPhrasebook}
/>
</Collapse>
<Collapse title="Get in">
<Text>
Most visitors to Iceland arrive via {" "}
<a href="https://www.isavia.is/en/keflavik-airport">
Keflavík International Airport
</a>
, located about 50 kilometers southwest of Reykjavik. The airport is
served by numerous international airlines, with frequent flights
from Europe and North America. There are also seasonal ferry
services connecting Iceland to Denmark and the Faroe Islands. Visa
requirements vary, so check the regulations before traveling. The
drive from the airport to Reykjavik can be done by rental car, bus,
or taxi, with buses being the most economical option.
</Text>
</Collapse>
<Collapse title="Get around">
<Text>
Traveling around Iceland is relatively easy, though the weather can
impact road conditions. The Ring Road (Route 1) encircles the island
and connects most of the major towns and attractions. Rental cars
are popular for their flexibility, but be sure to rent a 4x4 if you
plan to explore the Highlands. Public transportation outside of
Reykjavik is limited, though there are bus services connecting
larger towns. Guided tours are a good option for visiting remote
areas or for those who prefer not to drive. Domestic flights are
available for quicker travel between regions.
</Text>
<Text>
See more information of travel on the website of the {" "}
<a href="https://www.visiticeland.com/getting-around/">
Icelandic tourist board
</a>.
</Text>
</Collapse>
<Collapse title="See / Do">
<Text>
Iceland offers a plethora of activities for nature lovers and
adventure seekers. Explore the stunning landscapes of Thingvellir
National Park, a UNESCO World Heritage site. Marvel at the power of
waterfalls like Gullfoss, Dettifoss, and Seljalandsfoss. Relax in
the soothing waters of the Blue Lagoon or find a less crowded hot
spring. During winter, chase the Northern Lights, and in summer,
experience the midnight sun. For thrill-seekers, options include
glacier hiking, ice climbing, snowmobiling, and diving between
tectonic plates in Silfra fissure. Don't miss whale watching tours,
puffin spotting, and exploring the vibrant Reykjavik cultural scene.
</Text>
<Text>
See more information of travel on the website of the {" "}
<a href="https://www.visiticeland.com/trip-suggestions/">
Icelandic tourist board
</a>.
</Text>
</Collapse>
<Collapse title="Eat / Drink">
<Text>
Icelandic cuisine is a blend of traditional and modern influences,
with an emphasis on fresh, locally sourced ingredients. Seafood is a
staple, with dishes like plokkfiskur (fish stew) and fresh Atlantic
salmon being popular. Lamb is another common ingredient, often
prepared in a hearty stew or smoked to create the traditional
"hangikjöt." Skyr, a thick, yogurt-like dairy product, is a favorite
snack or dessert. Reykjavik boasts a range of dining options from
fine dining to casual cafes, many offering innovative takes on
traditional dishes. Don't miss trying a hot dog from the famous
Bæjarins Beztu Pylsur stand. Craft beer and Icelandic schnapps are
popular drinks to accompany your meal.
</Text>
</Collapse>
<Collapse title="Sleep">
<Text>
Accommodation in Iceland ranges from luxury hotels to
budget-friendly hostels and guesthouses. In Reykjavik, you'll find a
wide array of options, including boutique hotels and international
chains. For a unique experience, consider staying in a countryside
guesthouse, farm stay, or even a remote cabin. Camping is also
popular in Iceland, with numerous campgrounds available throughout
the country. During the summer months, book accommodations well in
advance as tourism peaks. Many guesthouses and smaller hotels offer
cozy, family-run atmospheres with breakfast included.
</Text>
<Text>Find accomodation in Iceland: </Text>
<ul>
<li>
<a href="https://www.islandshotel.is/">Iceland Hotels</a>
</li>
<li>
<a href="https://www.booking.com/country/is.html">Booking.com</a>
</li>
</ul>
</Collapse>
<Collapse title="Stay Safe">
<Text>
Iceland is one of the safest countries in the world, with low crime
rates and a strong sense of community. However, the natural
environment poses its own set of challenges. Weather can be
unpredictable, so always check forecasts and be prepared for sudden
changes. If driving, be aware of road conditions, especially in
winter when ice and snow can make travel hazardous. When exploring
remote areas, inform someone of your plans and carry necessary
supplies. Respect the natural environment, stay on marked paths, and
follow safety guidelines to avoid accidents. Emergency services are
reliable, and the national emergency number is 112.
</Text>
<ul>
<li>
<a href="http://www.safetravel.is/">
Info on general safety precautions.
</a>
</li>
<li>
Non emergency police number: <a href="tel:444-1000">444-1000</a>
</li>
<li>
<a href={redirectLoc} onClick={() => {saveMouseLog()}}>4x4 driving precautions</a>
</li>
</ul>
</Collapse>
</Collapse.Group>
</StudySite>
);
}
export default StartPage4;
Loading…
Cancel
Save