5 changed files with 258 additions and 2 deletions
-
BINpublic/images/traveltrekker_logo.png
-
7public/locales/de/translation.json
-
6public/locales/en/translation.json
-
5src/index.css
-
242src/pages/study_site_4/StartPage4.jsx
|
After Width: 500 | Height: 500 | Size: 21 KiB |
@ -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; |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue