diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..88dbff1 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.vs/ diff --git a/.vs/VSWorkspaceState.json b/.vs/VSWorkspaceState.json deleted file mode 100644 index 23634a9..0000000 --- a/.vs/VSWorkspaceState.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "ExpandedNodes": [ - "" - ], - "SelectedNode": "\\C:\\Users\\reisel\\Source\\Repos\\remondikohvik.github.io", - "PreviewInSolutionExplorer": false -} \ No newline at end of file diff --git a/.vs/remondikohvik.github.io/v17/.wsuo b/.vs/remondikohvik.github.io/v17/.wsuo deleted file mode 100644 index 32cb672..0000000 Binary files a/.vs/remondikohvik.github.io/v17/.wsuo and /dev/null differ diff --git a/.vs/remondikohvik.github.io/v17/DocumentLayout.json b/.vs/remondikohvik.github.io/v17/DocumentLayout.json deleted file mode 100644 index ed9c666..0000000 --- a/.vs/remondikohvik.github.io/v17/DocumentLayout.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "Version": 1, - "WorkspaceRootPath": "C:\\Users\\reisel\\source\\repos\\remondikohvik.github.io\\", - "Documents": [], - "DocumentGroupContainers": [ - { - "Orientation": 0, - "VerticalTabListWidth": 256, - "DocumentGroups": [ - { - "DockedWidth": 200, - "SelectedChildIndex": -1, - "Children": [ - { - "$type": "Bookmark", - "Name": "ST:128:0:{75188d03-9892-4ae2-abf1-207126247ce5}" - } - ] - } - ] - } - ] -} \ No newline at end of file diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite deleted file mode 100644 index d78d5a4..0000000 Binary files a/.vs/slnx.sqlite and /dev/null differ diff --git a/README.md b/README.md index d1442f7..64c83e0 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,8 @@ # remondikohvik.github.io -slaidide �leminek t��tab. Lisada v�rvide �leminekut scrollimisel. vajutamise v�rvid muutuvad. +slaidide üleminek töötab. Lisada värvide üleminekut scrollimisel. vajutamise värvid muutuvad. -K�ik slaidid on lisatud. +Kõik slaidid on lisatud. leht 0 on valmis. diff --git a/index.html b/index.html new file mode 100644 index 0000000..eb6ef84 --- /dev/null +++ b/index.html @@ -0,0 +1,72 @@ + + + + Remondikohvik + + + + + + + + diff --git a/js/script.js b/js/script.js index 8a6610a..207b72d 100644 --- a/js/script.js +++ b/js/script.js @@ -1,32 +1,31 @@ -document.querySelectorAll('a[href^="#"]').forEach(anchor => { - anchor.addEventListener('click', function (e) { - e.preventDefault(); - - // Remove the class from all anchors - document.querySelectorAll('a[href^="#"]').forEach(a => a.classList.remove('highlight')); - - // Add the class to the clicked anchor - this.classList.add('highlight'); - - document.querySelector(this.getAttribute('href')).scrollIntoView({ - behavior: 'smooth' - }); - }); -}); - - -//new size new div under 600 px for calender and maps - -window.addEventListener('resize', function () { - if (window.innerWidth <= 600) { - const originalDiv = document.getElementsByClassName('cal_maps'); - const newDiv = document.getElementById('newDiv_calender_maps'); - if (originalDiv && newDiv) { - newDiv.innerHTML = originalDiv.innerHTML; - originalDiv.innerHTML = ''; - } - } -}); - -// Trigger the resize event on page load -window.dispatchEvent(new Event('resize')); +document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + + // Remove the class from all anchors + document.querySelectorAll('a[href^="#"]').forEach(a => a.classList.remove('highlight')); + + // Add the class to the clicked anchor + this.classList.add('highlight'); + + document.querySelector(this.getAttribute('href')).scrollIntoView({ + behavior: 'smooth' + }); + }); +}); + +// New size new div under 600 px for calendar and maps + +window.addEventListener('resize', function () { + if (window.innerWidth <= 600) { + const originalDiv = document.getElementsByClassName('cal_maps'); + const newDiv = document.getElementById('newDiv_calender_maps'); + if (originalDiv && newDiv) { + newDiv.innerHTML = originalDiv.innerHTML; + originalDiv.innerHTML = ''; + } + } +}); + +// Trigger the resize event on page load +window.dispatchEvent(new Event('resize')); diff --git a/main.html b/main.html deleted file mode 100644 index 8a47ab2..0000000 --- a/main.html +++ /dev/null @@ -1,83 +0,0 @@ - - - - Remondikohvik - - - -
-
- - - - - -
- - -
- - -
- - -
- -
-
-
- -
-

REMONDIKOHVIK

-
- -
- -

26.OKTOOBER 2024

-
- - -
- -

TALTECH CAFFEINE

-
-
-
-
-
- - -
-
- -
- -
-
- -
- -
-
- -
- - -
-
- -
-
- - - - - - - - - - - - - diff --git a/style/style.css b/style/style.css index 08582cc..f2a64f2 100644 --- a/style/style.css +++ b/style/style.css @@ -1,149 +1,163 @@ -body { - background-color: #28242C; - margin: 0; - padding: 0; - box-sizing: border-box; - scroll-behavior: smooth; - font-family: 'Radley';font-size: 22px; -} - -*::-webkit-scrollbar { - width: 0; -} - -.bullets { - position: fixed; - height: 100px; - display: flex; - left: 1vh; - transform: scale(1.5); - flex-direction: column; - justify-content: space-evenly; - top: 50vh; - z-index: 9999; -} -.bullets a { - transition: color 0.3s; -} -.bullet { - width: 10px; - height: 10px; - border-style: solid; - border-color: white; - border-radius: 50%; - margin: 0 5px; - cursor: pointer; -} - -.highlight { - border-color: #FFA50C; - background: linear-gradient(to bottom, #8819199e 0%, #ffa50c 100%); -} -#carusel { - display: flex; - flex-direction: column; - width: 100%; - height: 100%; -} -.Leht_0 { - display: flex; - height: 100vh; -} -.Lehed { - position: absolute; - width: 34%; - height: auto; - -} -#R01{ - right: 0; - top: 0; -} - -.section{ - width: 100%; - height: 100vh; - margin: 0; - padding: 0; - box-sizing: border-box; - transition: transform 0.5s ease; -} -#info { - display: flex; - flex-direction: column; - align-items: center; - text-align-last: center; - position: relative; - top: 4em; -} -#rk_logo { - width: 30%; - height: auto; -} - -#RK_txt { - font-weight: normal; - color: #FFA50C; - font-size: 9vh; -} - -.cal_maps_icons { - height: 15vh; - width: auto; -} -#cal_maps, .CMinfo { - display: flex; - align-items: center; - color: #b88d61; - justify-content: center; - font-size: large; -} - -@media screen and (max-width: 400px) { - #RK_txt { - font-size: 5vh; - } -} -@media screen and (min-width: 400px) { - #RK_txt { - font-size: 7vh; - } -} -@media screen and (max-width: 600px) { - #info { - position: relative; - top: 6em; - } - - #rk_logo { - width: 50%; - } - .bullets { - transform: scale(1); - } - - .Lehed { - width: 45%; - } -} - -@media screen and (max-width: 800px) { - #cal_maps { - flex-direction: column; - } - - .CMinfo { - flex-direction: column; - } - - -} - -@media screen and (min-width: 1090px) { - .Lehed { - width: 25%; - } - #rk_logo { - width: 25%; - } -} \ No newline at end of file +body { + background-color: #28242C; + margin: 0; + padding: 0; + box-sizing: border-box; + scroll-behavior: smooth; + font-family: 'Radley', serif; + font-size: 22px; +} + +*::-webkit-scrollbar { + width: 0; +} + +.bullets { + position: fixed; + height: 100px; + display: flex; + left: 1vh; + transform: scale(1.5); + flex-direction: column; + justify-content: space-evenly; + top: 50vh; + z-index: 9999; +} + +.bullets a { + transition: color 0.3s; +} + +.bullet { + width: 10px; + height: 10px; + border-style: solid; + border-color: white; + border-radius: 50%; + margin: 0 5px; + cursor: pointer; +} + +.highlight { + border-color: #FFA50C; + background: linear-gradient(to bottom, #8819199e 0%, #ffa50c 100%); +} + +#carousel { + display: flex; + flex-direction: column; + width: 100%; + height: 100%; +} + +.page_0 { + display: flex; + height: 100vh; +} + +.pages { + position: absolute; + width: 34%; + height: auto; + +} + +#r01 { + right: 0; + top: 0; +} + +.section { + width: 100%; + height: 100vh; + margin: 0; + padding: 0; + box-sizing: border-box; + transition: transform 0.5s ease; +} + +#info { + display: flex; + flex-direction: column; + align-items: center; + text-align-last: center; + position: relative; + top: 4em; +} + +#rk_logo { + width: 30%; + height: auto; +} + +#rk_txt { + font-weight: normal; + color: #FFA50C; + font-size: 9vh; +} + +.cal_maps_icons { + height: 15vh; + width: auto; +} + +#cal_maps, .cmInfo { + display: flex; + align-items: center; + color: #b88d61; + justify-content: center; + font-size: large; +} + +@media screen and (max-width: 400px) { + #rk_txt { + font-size: 5vh; + } +} + +@media screen and (min-width: 400px) { + #rk_txt { + font-size: 7vh; + } +} + +@media screen and (max-width: 600px) { + #info { + position: relative; + top: 6em; + } + + #rk_logo { + width: 50%; + } + + .bullets { + transform: scale(1); + } + + .pages { + width: 45%; + } +} + +@media screen and (max-width: 800px) { + #cal_maps { + flex-direction: column; + } + + .cmInfo { + flex-direction: column; + } + + +} + +@media screen and (min-width: 1090px) { + .pages { + width: 25%; + } + + #rk_logo { + width: 25%; + } +}