diff options
Diffstat (limited to 'index.html')
| -rwxr-xr-x | index.html | 147 |
1 files changed, 127 insertions, 20 deletions
@@ -1,3 +1,4 @@ +```html <!DOCTYPE html> <html lang="en"> <head> @@ -6,7 +7,9 @@ <title>Astrophoto β Space Exploration</title> <link rel="stylesheet" href="style.css"> </head> + <body> + <header> <h1>π Astrophoto</h1> <p class="subtitle">My journey into astronomy</p> @@ -31,13 +34,17 @@ </nav> <main id="content"> + <!-- About --> <section id="about" class="tab-content"> <h2>Welcome!</h2> + <div class="about-text"> <p>This is my blog/archive of astrophotography and stargazing.</p> <p>I'm turning my childhood dream into reality.</p> + <h3>My equipment</h3> + <ul> <li>Telescope: Sky-Watcher BK 1309 EQ2 130/900</li> <li>Mount: EQ-2 with RA motor</li> @@ -49,220 +56,320 @@ </div> </section> + <!-- Sun --> <section id="sun" class="tab-content"> <h2>βοΈ Sun</h2> + <div class="gallery"> + <a href="#sun-1" class="card"> <img src="img/sun_19.10.2024.png" alt="Sun"> <span>First Sun, 19.10.2024 β Xiaomi Mi 10T Pro, Super 25mm</span> </a> + <a href="#sun-2" class="card"> <img src="img/sun_09.08.2025.png" alt="Sun"> <span>Sun, 09.08.2025 β Xiaomi Mi 10T Pro, Super 25mm</span> </a> + </div> </section> + <!-- Moon --> <section id="moon" class="tab-content"> <h2>π Moon</h2> + <div class="gallery"> + <a href="#moon-1" class="card"> <img src="img/moon_first_photo_28.06.2024.png" alt="Moon"> <span>First Moon photo, 28.06.2024 β Xiaomi Mi 10T Pro, Super 25mm</span> </a> + <a href="#moon-2" class="card"> <img src="img/moon_20.07.2024.png" alt="Moon"> <span>Moon, 20.07.2024 β Xiaomi Mi 10T Pro, Super 25mm, ND96-0.9</span> </a> + <a href="#moon-3" class="card"> <img src="img/Supermoon_19.10.2024.png" alt="Supermoon"> <span>Supermoon, 18.10.2024 β Xiaomi Mi 10T Pro, Super 25mm, ND96-0.9</span> </a> + <a href="#moon-4" class="card"> <img src="img/red_moon-09.09.2025.png" alt="Red Moon"> <span>Red Moon, 09.09.2025 β Xiaomi Mi 10T Pro, Super 10mm</span> </a> + </div> </section> + <!-- Solar System --> <section id="solar" class="tab-content"> <h2>πͺ Solar System</h2> + <div class="gallery"> + + <!-- Saturn 2024 --> <a href="#solar-1" class="card"> <img src="img/Saturn_first_photo_27.06.2024.png" alt="Saturn"> <span>Saturn, 27.06.2024 β Xiaomi Mi 10T Pro, Super 10mm + Barlow 2x</span> </a> + + <!-- Jupiter 2025 --> <a href="#solar-2" class="card"> - <img src="img/Saturn_16.09.2026_v1.jpg" alt="Saturn"> - <span>Jupiter, 16.09.2026 β ZWO ASI 662MC + + UV/IR Cut filte (ZWO VideoStack)</span> - </a> - <a href="#solar-3" class="card"> <img src="img/Jupiter_16.11.2025_FP_ZWO662.png" alt="Jupiter"> <span>Jupiter, 16.11.2025 β ZWO ASI 662MC (ZWO VideoStack)</span> </a> + + <!-- Saturn 2026 --> + <a href="#solar-3" class="card"> + <img src="img/Saturn_16.09.2026.jpg" alt="Saturn"> + <span>Saturn, 16.09.2026 β ZWO ASI 662MC + UV/IR Cut filter (ZWO VideoStack)</span> + </a> + + <!-- Saturn 2026 v1 --> <a href="#solar-4" class="card"> - <img src="img/Saturn_16.09.2026.jpg" alt="Jupiter"> - <span>Jupiter, 16.09.2026 β ZWO ASI 662MC + UV/IR Cut filter (ZWO VideoStack)</span> + <img src="img/Saturn_16.09.2026_v1.jpg" alt="Saturn"> + <span>Saturn, 16.09.2026 β ZWO ASI 662MC + UV/IR Cut filter (ZWO VideoStack)</span> </a> + </div> </section> + <!-- Galaxies --> <section id="galaxy" class="tab-content"> <h2>π Galaxies</h2> + <div class="gallery"> + <a href="#gal-1" class="card"> <img src="img/galaxy1.jpg" alt="Galaxy"> <span>Galaxy 1</span> </a> + <a href="#gal-2" class="card"> <img src="img/galaxy2.jpg" alt="Galaxy"> <span>Galaxy 2</span> </a> + </div> </section> + <!-- Comets --> <section id="comet" class="tab-content"> <h2>βοΈ Comets</h2> + <div class="gallery"> + <a href="#com-1" class="card"> <img src="img/comet1.jpg" alt="Comet"> <span>Comet 1</span> </a> + <a href="#com-2" class="card"> <img src="img/comet2.jpg" alt="Comet"> <span>Comet 2</span> </a> + </div> </section> + <!-- Other objects --> <section id="other" class="tab-content"> <h2>π Other objects</h2> + <div class="gallery"> + <a href="#other-1" class="card"> <img src="img/Noctilucent cloud 03.07.2025.png" alt="Noctilucent clouds"> <span>Noctilucent clouds, 03.07.2025 β Xiaomi Mi 10T Pro</span> </a> + <a href="#other-2" class="card"> <img src="img/Pleiades_first_photo_08.09.2025.png" alt="Pleiades"> <span>Pleiades, 08.09.2025 β Xiaomi Mi 10T Pro, Super 10mm</span> </a> + </div> </section> + </main> + <!-- Modals --> + + <!-- Sun 1 --> <div id="sun-1" class="modal"> <div class="modal-inner"> <a href="#" class="close">×</a> - <img src="img/sun_19.10.2024.png" alt=""> + <img src="img/sun_19.10.2024.png" alt="Sun"> <p>First Sun, 19.10.2024 β Xiaomi Mi 10T Pro, Super 25mm</p> </div> </div> + + + <!-- Sun 2 --> <div id="sun-2" class="modal"> <div class="modal-inner"> <a href="#" class="close">×</a> - <img src="img/sun_09.08.2025.png" alt=""> + <img src="img/sun_09.08.2025.png" alt="Sun"> <p>Sun, 09.08.2025 β Xiaomi Mi 10T Pro, Super 25mm</p> </div> </div> + + <!-- Moon 1 --> <div id="moon-1" class="modal"> <div class="modal-inner"> <a href="#" class="close">×</a> - <img src="img/moon_first_photo_28.06.2024.png" alt=""> + <img src="img/moon_first_photo_28.06.2024.png" alt="Moon"> <p>First Moon photo, 28.06.2024 β Xiaomi Mi 10T Pro, Super 25mm</p> </div> </div> + + + <!-- Moon 2 --> <div id="moon-2" class="modal"> <div class="modal-inner"> <a href="#" class="close">×</a> - <img src="img/moon_20.07.2024.png" alt=""> + <img src="img/moon_20.07.2024.png" alt="Moon"> <p>Moon, 20.07.2024 β Xiaomi Mi 10T Pro, Super 25mm, ND96-0.9</p> </div> </div> + + + <!-- Moon 3 --> <div id="moon-3" class="modal"> <div class="modal-inner"> <a href="#" class="close">×</a> - <img src="img/Supermoon_19.10.2024.png" alt=""> + <img src="img/Supermoon_19.10.2024.png" alt="Supermoon"> <p>Supermoon, 18.10.2024 β Xiaomi Mi 10T Pro, Super 25mm, ND96-0.9</p> </div> </div> + + + <!-- Moon 4 --> <div id="moon-4" class="modal"> <div class="modal-inner"> <a href="#" class="close">×</a> - <img src="img/red_moon-09.09.2025.png" alt=""> + <img src="img/red_moon-09.09.2025.png" alt="Red Moon"> <p>Red Moon, 09.09.2025 β Xiaomi Mi 10T Pro, Super 10mm</p> </div> </div> + + <!-- Solar System 1 --> <div id="solar-1" class="modal"> <div class="modal-inner"> <a href="#" class="close">×</a> - <img src="img/Saturn_first_photo_27.06.2024.png" alt=""> + <img src="img/Saturn_first_photo_27.06.2024.png" alt="Saturn"> <p>Saturn, 27.06.2024 β Xiaomi Mi 10T Pro, Super 10mm + Barlow 2x</p> </div> </div> + + + <!-- Solar System 2 --> <div id="solar-2" class="modal"> <div class="modal-inner"> <a href="#" class="close">×</a> - <img src="img/Jupiter_16.11.2025_FP_ZWO662.png" alt=""> + <img src="img/Jupiter_16.11.2025_FP_ZWO662.png" alt="Jupiter"> <p>Jupiter, 16.11.2025 β ZWO ASI 662MC (ZWO VideoStack)</p> </div> </div> + + <!-- Solar System 3 --> + <div id="solar-3" class="modal"> + <div class="modal-inner"> + <a href="#" class="close">×</a> + <img src="img/Saturn_16.09.2026.jpg" alt="Saturn"> + <p>Saturn, 16.09.2026 β ZWO ASI 662MC + UV/IR Cut filter (ZWO VideoStack)</p> + </div> + </div> + + + <!-- Solar System 4 --> + <div id="solar-4" class="modal"> + <div class="modal-inner"> + <a href="#" class="close">×</a> + <img src="img/Saturn_16.09.2026_v1.jpg" alt="Saturn"> + <p>Saturn, 16.09.2026 β ZWO ASI 662MC + UV/IR Cut filter (ZWO VideoStack)</p> + </div> + </div> + + + <!-- Galaxy 1 --> <div id="gal-1" class="modal"> <div class="modal-inner"> <a href="#" class="close">×</a> - <img src="img/galaxy1.jpg" alt=""> + <img src="img/galaxy1.jpg" alt="Galaxy"> <p>Galaxy 1</p> </div> </div> + + + <!-- Galaxy 2 --> <div id="gal-2" class="modal"> <div class="modal-inner"> <a href="#" class="close">×</a> - <img src="img/galaxy2.jpg" alt=""> + <img src="img/galaxy2.jpg" alt="Galaxy"> <p>Galaxy 2</p> </div> </div> + + <!-- Comet 1 --> <div id="com-1" class="modal"> <div class="modal-inner"> <a href="#" class="close">×</a> - <img src="img/comet1.jpg" alt=""> + <img src="img/comet1.jpg" alt="Comet"> <p>Comet 1</p> </div> </div> + + + <!-- Comet 2 --> <div id="com-2" class="modal"> <div class="modal-inner"> <a href="#" class="close">×</a> - <img src="img/comet2.jpg" alt=""> + <img src="img/comet2.jpg" alt="Comet"> <p>Comet 2</p> </div> </div> + + <!-- Other objects 1 --> <div id="other-1" class="modal"> <div class="modal-inner"> <a href="#" class="close">×</a> - <img src="img/Noctilucent cloud 03.07.2025.png" alt=""> + <img src="img/Noctilucent cloud 03.07.2025.png" alt="Noctilucent clouds"> <p>Noctilucent clouds, 03.07.2025 β Xiaomi Mi 10T Pro</p> </div> </div> + + + <!-- Other objects 2 --> <div id="other-2" class="modal"> <div class="modal-inner"> <a href="#" class="close">×</a> - <img src="img/Pleiades_first_photo_08.09.2025.png" alt=""> + <img src="img/Pleiades_first_photo_08.09.2025.png" alt="Pleiades"> <p>Pleiades, 08.09.2025 β Xiaomi Mi 10T Pro, Super 10mm</p> </div> </div> + <footer> <p>Β© 2024-2025 Astrophoto Β· <a href="https://mylink">Gitea</a> Β· <a href="index_ru.html">Π ΡΡΡΠΊΠΈΠΉ</a></p> </footer> + </body> </html> +``` + |