From 2fcc1dfc0a0db998d12f304518f33a39a7523e96 Mon Sep 17 00:00:00 2001 From: Denis Thiessen Date: Mon, 3 Jun 2024 16:42:00 +0200 Subject: [PATCH] feat: Added 4th Study Site --- public/images/traveltrekker_logo.png | Bin 0 -> 21173 bytes public/locales/de/translation.json | 7 +- public/locales/en/translation.json | 6 +- src/index.css | 5 + src/pages/study_site_4/StartPage4.jsx | 242 ++++++++++++++++++++++++++ 5 files changed, 258 insertions(+), 2 deletions(-) create mode 100644 public/images/traveltrekker_logo.png create mode 100644 src/pages/study_site_4/StartPage4.jsx diff --git a/public/images/traveltrekker_logo.png b/public/images/traveltrekker_logo.png new file mode 100644 index 0000000000000000000000000000000000000000..6993900c1dbf21c75144054a311a520086a2ae78 GIT binary patch literal 21173 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 R-^*Ssx!2x>Ty9G}_czeWt$+Xk literal 0 HcmV?d00001 diff --git a/public/locales/de/translation.json b/public/locales/de/translation.json index 7db26f1..83352b9 100644 --- a/public/locales/de/translation.json +++ b/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." +} } \ No newline at end of file diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json index c733433..572a547 100644 --- a/public/locales/en/translation.json +++ b/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." } \ No newline at end of file diff --git a/src/index.css b/src/index.css index 9a3ef30..04689fd 100644 --- a/src/index.css +++ b/src/index.css @@ -29,4 +29,9 @@ code { canvas { opacity: 0; +} + +.centeredLogo { + display: block; + margin: 0 auto; } \ No newline at end of file diff --git a/src/pages/study_site_4/StartPage4.jsx b/src/pages/study_site_4/StartPage4.jsx new file mode 100644 index 0000000..d635a9c --- /dev/null +++ b/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 = ( +
    +
  • Góðan daginn. → Good day.
    • +
  • Takk (fyrir). → Thank you.
    • +
  • Halló. → Hello.
    • +
  • Hjálp! → Help!
    • +
  • Ekkert mál. → You're welcome.
    • +
+ ); + + // 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 ( + + + + + + Iceland (Icelandic: Ísland) 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. + + + + + 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. + + + + + 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 {" "} + + ferry + + , offer unique volcanic landscapes and rich birdlife, including the + famous puffin colonies. + + + + + 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. + + + + + 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. + + + + + + + Most visitors to Iceland arrive via {" "} + + Keflavík International Airport + + , 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. + + + + + 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. + + + See more information of travel on the website of the {" "} + + Icelandic tourist board + . + + + + + 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. + + + See more information of travel on the website of the {" "} + + Icelandic tourist board + . + + + + + 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. + + + + + 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. + + Find accomodation in Iceland: + + + + + 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. + + + + + + ); +} + +export default StartPage4;