commit 63d67c8a04d1aba8413df014d5290ada7a33c11a Author: kukemuna Date: Wed Apr 17 22:03:27 2024 +0300 automated commit by submit50 diff --git a/contacts.html b/contacts.html new file mode 100644 index 0000000..d8b9ed3 --- /dev/null +++ b/contacts.html @@ -0,0 +1,63 @@ + + + + + + + + + Page2 + + + +
+ Home + Lakes + Contacts + Radio + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
*Random data
IDFirst nameLast nameBirthdayEmailPhone
1HuntSusi12.03.1945asdf@qwer.ty+372 5564 458
2HuntKriimsilm01.01.1970bin@ba.sh+42 458 7786 254
3OttKaru31.02.1886burger@lol.no+1 1800 6969 420
+
+ + + diff --git a/func.js b/func.js new file mode 100644 index 0000000..5bfd3d6 --- /dev/null +++ b/func.js @@ -0,0 +1,8 @@ +function myFunction() { + var x = document.getElementById("myTopnav"); + if (x.className === "topnav") { + x.className += " responsive"; + } else { + x.className = "topnav"; + } +} diff --git a/img/Paidra.jpg b/img/Paidra.jpg new file mode 100644 index 0000000..efed295 Binary files /dev/null and b/img/Paidra.jpg differ diff --git a/img/tamula-rannapromenaad-visit-estonia_.jpg b/img/tamula-rannapromenaad-visit-estonia_.jpg new file mode 100644 index 0000000..0b03b12 Binary files /dev/null and b/img/tamula-rannapromenaad-visit-estonia_.jpg differ diff --git a/img/äntu-blue-lake-visit-estonia_Kenno+Soo_.jpg b/img/äntu-blue-lake-visit-estonia_Kenno+Soo_.jpg new file mode 100644 index 0000000..8452385 Binary files /dev/null and b/img/äntu-blue-lake-visit-estonia_Kenno+Soo_.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..c98dcae --- /dev/null +++ b/index.html @@ -0,0 +1,35 @@ + + + + + + + + + Home + + + +
+ Home + Lakes + Contacts + Radio + + + +
+ +
+

Welcome to this basic website with little to no value.

+

You are going to find the following:

+ +
+ + + + diff --git a/lakes.html b/lakes.html new file mode 100644 index 0000000..3f9b3b2 --- /dev/null +++ b/lakes.html @@ -0,0 +1,98 @@ + + + + + + + + + Page1 + + + +
+ Home + Lakes + Contacts + Radio + + + +
+ +
+

Lakes to visit

+
+ + + + +
+

+

Lake Tamula

+
+ Lake Tamula +
+
+ Summary +

+ Tamula Lake, located right next to the city of Võru, is a favourite place of tourists. The beach has attractions for children, training machines for sports enthusiasts, and a beach bungalow for enjoying the summertime buzz. +

+ In August, the pop-up marine school ’Meresõber’ (Friend of the Sea) opens its doors on the Tamula beach. It gives young people the opportunity to try different maritime sports on their own. The sailboat Tuuletark welcomes enthusiasts on sunset trips. The vessel Tamula Vanake, which has a sauna and a barbecue, offers fun trips for groups. + During winter, fishing competitions and winter rallies take place on Lake Tamula. +

+
+
+
+
+ + +
+
+ + + + + diff --git a/radio.html b/radio.html new file mode 100644 index 0000000..507e152 --- /dev/null +++ b/radio.html @@ -0,0 +1,29 @@ + + + + + + + + + Page3 + + + +
+ Home + Lakes + Contacts + Radio + + + +
+ + + + + + + + diff --git a/specifications.txt b/specifications.txt new file mode 100644 index 0000000..952c406 --- /dev/null +++ b/specifications.txt @@ -0,0 +1,18 @@ +div +ul +li +a +img +details +summary +table +caption +iframe + +.bg +.topnav +.card +.mycard +iframe + +Bootstrap was used for containers and nav tabs, JavaScript was for responsive top nav. diff --git a/style.css b/style.css new file mode 100644 index 0000000..a4de59c --- /dev/null +++ b/style.css @@ -0,0 +1,98 @@ +body, html{ + font-family: Arial, Helvetica, sans-serif; +} +.bg{ + background-image: url(img/vinni.jpg); + height: 100%; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + border-radius: 15px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.7); +} +.topnav { + overflow: hidden; + background-color: #242428; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); + } +.topnav a { +float: left; +display: block; +color: #f2f2f2; +text-align: center; +padding: 14px 16px; +text-decoration: none; +font-size: 17px; +} +.topnav a:hover { + background-color: #ddd; + color: black; +} +.topnav a.active { + background-color: #04AA6D; + color: white; +} +.topnav .icon { + display: none; +} +.index-container{ + margin: 2rem 1.5rem; +} +.card{ + border-radius: 0px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); + transition: 50ms; + border-radius: 15px; +} +.mycard{ + padding: 1rem; + margin: 0.5rem; + white-space: nowrap; + overflow-x: scroll; +} +tr { + border-bottom: 1px solid #ddd; +} +td, th{ + padding-right: 1.5rem; +} +.datarow:hover{ + background-color: rgba(236, 238, 240, 0.821); +} +img{ + padding: 10px; + border-radius: 20px; +} +iframe{ + width: 100vw; + height: 95vh; + padding: 0.5rem; + border-radius: 1.5rem; +} +details[open] summary ~ * { + animation: sweep .5s ease-in-out; +} +@media screen and (max-width:600px){ + .topnav a:not(:first-child) {display: none;} + .topnav a.icon { + float: right; + display: block; + } +} +@media screen and (max-width: 600px) { + .topnav.responsive {position: relative;} + .topnav.responsive .icon { + position: absolute; + right: 0; + top: 0; + } + .topnav.responsive a { + float: none; + display: block; + text-align: left; + } + } + @keyframes sweep { + 0% {opacity: 0; margin-left: -10px;} + 100% {opacity: 1; margin-left: 0px;} + }