commit 6c07be0bd748015f1759f029ac3902cae3b63b6b Author: esefxdz Date: Fri Jul 11 14:12:52 2025 +0300 first webbie!! diff --git a/gallery-container.html b/gallery-container.html new file mode 100644 index 0000000..430aaee --- /dev/null +++ b/gallery-container.html @@ -0,0 +1,52 @@ +

diff --git a/gallery/1.png b/gallery/1.png new file mode 100644 index 0000000..1625e6a Binary files /dev/null and b/gallery/1.png differ diff --git a/gallery/10.jpg b/gallery/10.jpg new file mode 100644 index 0000000..47557a7 Binary files /dev/null and b/gallery/10.jpg differ diff --git a/gallery/11.jpg b/gallery/11.jpg new file mode 100644 index 0000000..3ed5a32 Binary files /dev/null and b/gallery/11.jpg differ diff --git a/gallery/12.jpg b/gallery/12.jpg new file mode 100644 index 0000000..63782c2 Binary files /dev/null and b/gallery/12.jpg differ diff --git a/gallery/13.gif b/gallery/13.gif new file mode 100644 index 0000000..331e57e Binary files /dev/null and b/gallery/13.gif differ diff --git a/gallery/14.jpg b/gallery/14.jpg new file mode 100644 index 0000000..91a29ec Binary files /dev/null and b/gallery/14.jpg differ diff --git a/gallery/15.png b/gallery/15.png new file mode 100644 index 0000000..8a05e47 Binary files /dev/null and b/gallery/15.png differ diff --git a/gallery/16.png b/gallery/16.png new file mode 100644 index 0000000..0b61a90 Binary files /dev/null and b/gallery/16.png differ diff --git a/gallery/17.jpg b/gallery/17.jpg new file mode 100644 index 0000000..3732c7e Binary files /dev/null and b/gallery/17.jpg differ diff --git a/gallery/18.jpg b/gallery/18.jpg new file mode 100644 index 0000000..8e7bd1c Binary files /dev/null and b/gallery/18.jpg differ diff --git a/gallery/19.jpg b/gallery/19.jpg new file mode 100644 index 0000000..398e9df Binary files /dev/null and b/gallery/19.jpg differ diff --git a/gallery/2.jpg b/gallery/2.jpg new file mode 100644 index 0000000..f47fd14 Binary files /dev/null and b/gallery/2.jpg differ diff --git a/gallery/20.jpg b/gallery/20.jpg new file mode 100644 index 0000000..a656f5f Binary files /dev/null and b/gallery/20.jpg differ diff --git a/gallery/21.gif b/gallery/21.gif new file mode 100644 index 0000000..adce085 Binary files /dev/null and b/gallery/21.gif differ diff --git a/gallery/22.jpg b/gallery/22.jpg new file mode 100644 index 0000000..09069e4 Binary files /dev/null and b/gallery/22.jpg differ diff --git a/gallery/3.jpg b/gallery/3.jpg new file mode 100644 index 0000000..7b441fa Binary files /dev/null and b/gallery/3.jpg differ diff --git a/gallery/4.jpg b/gallery/4.jpg new file mode 100644 index 0000000..3eddd2c Binary files /dev/null and b/gallery/4.jpg differ diff --git a/gallery/5.png b/gallery/5.png new file mode 100644 index 0000000..1dfa0e8 Binary files /dev/null and b/gallery/5.png differ diff --git a/gallery/6.png b/gallery/6.png new file mode 100644 index 0000000..302c034 Binary files /dev/null and b/gallery/6.png differ diff --git a/gallery/7.jpg b/gallery/7.jpg new file mode 100644 index 0000000..807ff1d Binary files /dev/null and b/gallery/7.jpg differ diff --git a/gallery/8.jpg b/gallery/8.jpg new file mode 100644 index 0000000..d997fd3 Binary files /dev/null and b/gallery/8.jpg differ diff --git a/gallery/9.jpg b/gallery/9.jpg new file mode 100644 index 0000000..6f5d0cb Binary files /dev/null and b/gallery/9.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..eba2b08 --- /dev/null +++ b/index.html @@ -0,0 +1,34 @@ + + + + + + + hola + + +

+ + + +

+ +

this work?

Welcome to my first website, im learning shit

+ +

+ + + + + + diff --git a/js/gallery.js b/js/gallery.js new file mode 100644 index 0000000..fc23ce5 --- /dev/null +++ b/js/gallery.js @@ -0,0 +1,12 @@ +document.addEventListener('DOMContentLoaded', () => { + const galleryContainer = document.getElementById('gallery-container'); + const totalImages = 50; // number of images you want to load + + for (let i = 1; i <= totalImages; i++) { + const img = document.createElement('img'); + img.src = `gallery/${i}.jpg`; // assuming .jpg extension, change if needed + img.alt = `Image ${i}`; + img.onerror = () => { img.style.display = 'none'; }; // hide broken images + galleryContainer.appendChild(img); + } +}); diff --git a/js/hideBroken.js b/js/hideBroken.js new file mode 100644 index 0000000..5db8195 --- /dev/null +++ b/js/hideBroken.js @@ -0,0 +1,7 @@ +document.addEventListener('DOMContentLoaded', () => { + document.querySelectorAll('img').forEach(img => { + img.onerror = () => { + img.style.display = 'none'; + }; + }); +}); diff --git a/js/js is scary i know nothing about it.txt b/js/js is scary i know nothing about it.txt new file mode 100644 index 0000000..e69de29 diff --git a/js/tabs.js b/js/tabs.js new file mode 100644 index 0000000..9e0e99f --- /dev/null +++ b/js/tabs.js @@ -0,0 +1,17 @@ +document.addEventListener('DOMContentLoaded', () => { + + const tabs = document.querySelectorAll('.tab-content'); + tabs.forEach(tab => tab.style.display = 'none'); + const aboutTab = document.getElementById('about'); + if (aboutTab) aboutTab.style.display = 'block'; + + const buttons = document.querySelectorAll('#top-line button'); + buttons.forEach(button => { + button.addEventListener('click', () => { + const targetId = button.id.replace('-btn', ''); + tabs.forEach(tab => tab.style.display = 'none'); + const targetTab = document.getElementById(targetId); + if (targetTab) targetTab.style.display = 'block'; + }); + }); +}); diff --git a/style/about.css b/style/about.css new file mode 100644 index 0000000..475b000 --- /dev/null +++ b/style/about.css @@ -0,0 +1,13 @@ +#about-link-btn { + background-color:aliceblue; + color:#f0f8ff; + border: none; + padding: 12px 24px; + border-radius: 8px; + cursor: pointer; + transition: box-shadow 0.3s ease; +} + +#about-link-btn:hover { + box-shadow: 0 0 10px #02e3ff; +} \ No newline at end of file diff --git a/style/gallery.css b/style/gallery.css new file mode 100644 index 0000000..d2423f0 --- /dev/null +++ b/style/gallery.css @@ -0,0 +1,28 @@ +#gallery-link-btn { + background-color:aliceblue; + color:#f0f8ff; + border: none; + padding: 12px 24px; + border-radius: 8px; + cursor: pointer; + transition: box-shadow 0.3s ease; +} + +#gallery-link-btn:hover { + box-shadow: 0 0 10px #02e3ff; +} + +.gallery-grid { + display:grid; + grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); + gap: 10px; + padding: 70px; +} + +.gallery-grid img { + width: 100%; + max-width: 700px; + height: auto; + border-radius: 8px; + object-fit: cover; +} \ No newline at end of file diff --git a/style/styles.css b/style/styles.css new file mode 100644 index 0000000..43edea7 --- /dev/null +++ b/style/styles.css @@ -0,0 +1,89 @@ +.tab-content { + display: none; + padding: 20px; + color:aliceblue; +} + +#about { + display: block; +} + +html, body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + text-align: center; + margin: 0; + padding: 0; + height: 100%; + overflow-x: hidden; +} +#background-video { + position: fixed; + right: 0%; + left: 0%; + min-width: 100%; + min-height: 100%; + z-index: -1; + object-fit: cover; +} +#top-line { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 95px; + background-color: rgba(0, 0, 0, 0.3); + backdrop-filter: blur(2px); + -webkit-backdrop-filter: blur(2px); + z-index: 10; + display: flex; + justify-content: flex-start; + align-items:center; + background-color: #1111; + padding: 10px; +} + +#top-line button { + display: flex; + justify-content: flex-start; + align-items: center; + border-bottom: 2px solid #5b6fde; + border-left: 2px solid #5b6fde; + border-right: 2px solid #5b6fde; + border-top: transparent; + color:#153dee; + font-size: large; + padding: 30px; + margin: 30px; + border-radius: 4px; + cursor: pointer; + font-weight: bold; + background-color: transparent; + transition: box-shadow 0.3s ease, background-color 0.3s ease; +} + +#top-line button:hover { + text-decoration: underline; +} + +title { + font-size: large; + font-weight: 100; + margin-bottom: auto; + color:#a50000; +} +h1 { + font-size: 3rem; + color: #a50000; + font-weight: bold; + margin-top: 150px; +} +p { + font-size: 1.2rem; + color:blueviolet; + max-width: 800px; + margin: 0 auto 40px auto; + line-height: 1.5; +} +img { + display:block; +} diff --git a/textures/Yuuka_body.mp4 b/textures/Yuuka_body.mp4 new file mode 100644 index 0000000..8ec1aa8 Binary files /dev/null and b/textures/Yuuka_body.mp4 differ