diff options
Diffstat (limited to 'index.html')
| -rwxr-xr-x | index.html | 260 |
1 files changed, 260 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100755 index 0000000..54b2ec3 --- /dev/null +++ b/index.html @@ -0,0 +1,260 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <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> + </header> + + <input type="radio" name="tabs" id="tab-about" checked> + <input type="radio" name="tabs" id="tab-sun"> + <input type="radio" name="tabs" id="tab-moon"> + <input type="radio" name="tabs" id="tab-solar"> + <input type="radio" name="tabs" id="tab-galaxy"> + <input type="radio" name="tabs" id="tab-comet"> + <input type="radio" name="tabs" id="tab-other"> + + <nav> + <label for="tab-about">About</label> + <label for="tab-sun">Sun</label> + <label for="tab-moon">Moon</label> + <label for="tab-solar">Solar System</label> + <label for="tab-galaxy">Galaxies</label> + <label for="tab-comet">Comets</label> + <label for="tab-other">Other objects</label> + </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> + <li>Cameras: Xiaomi Mi 10T Pro, ZWO ASI 662MC</li> + <li>Eyepieces: Super 25mm, 10mm, 5mm, Barlow 2x</li> + <li>Filters: ZWO UV/IR Cut (1.25"), ND96-0.9</li> + <li>Laptop: Lenovo ThinkPad X230</li> + </ul> + </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"> + <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> + <a href="#solar-2" 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> + </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 --> + <div id="sun-1" class="modal"> + <div class="modal-inner"> + <a href="#" class="close">×</a> + <img src="img/sun_19.10.2024.png" alt=""> + <p>First Sun, 19.10.2024 β Xiaomi Mi 10T Pro, Super 25mm</p> + </div> + </div> + <div id="sun-2" class="modal"> + <div class="modal-inner"> + <a href="#" class="close">×</a> + <img src="img/sun_09.08.2025.png" alt=""> + <p>Sun, 09.08.2025 β Xiaomi Mi 10T Pro, Super 25mm</p> + </div> + </div> + + <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=""> + <p>First Moon photo, 28.06.2024 β Xiaomi Mi 10T Pro, Super 25mm</p> + </div> + </div> + <div id="moon-2" class="modal"> + <div class="modal-inner"> + <a href="#" class="close">×</a> + <img src="img/moon_20.07.2024.png" alt=""> + <p>Moon, 20.07.2024 β Xiaomi Mi 10T Pro, Super 25mm, ND96-0.9</p> + </div> + </div> + <div id="moon-3" class="modal"> + <div class="modal-inner"> + <a href="#" class="close">×</a> + <img src="img/Supermoon_19.10.2024.png" alt=""> + <p>Supermoon, 18.10.2024 β Xiaomi Mi 10T Pro, Super 25mm, ND96-0.9</p> + </div> + </div> + <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=""> + <p>Red Moon, 09.09.2025 β Xiaomi Mi 10T Pro, Super 10mm</p> + </div> + </div> + + <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=""> + <p>Saturn, 27.06.2024 β Xiaomi Mi 10T Pro, Super 10mm + Barlow 2x</p> + </div> + </div> + <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=""> + <p>Jupiter, 16.11.2025 β ZWO ASI 662MC (ZWO VideoStack)</p> + </div> + </div> + + <div id="gal-1" class="modal"> + <div class="modal-inner"> + <a href="#" class="close">×</a> + <img src="img/galaxy1.jpg" alt=""> + <p>Galaxy 1</p> + </div> + </div> + <div id="gal-2" class="modal"> + <div class="modal-inner"> + <a href="#" class="close">×</a> + <img src="img/galaxy2.jpg" alt=""> + <p>Galaxy 2</p> + </div> + </div> + + <div id="com-1" class="modal"> + <div class="modal-inner"> + <a href="#" class="close">×</a> + <img src="img/comet1.jpg" alt=""> + <p>Comet 1</p> + </div> + </div> + <div id="com-2" class="modal"> + <div class="modal-inner"> + <a href="#" class="close">×</a> + <img src="img/comet2.jpg" alt=""> + <p>Comet 2</p> + </div> + </div> + + <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=""> + <p>Noctilucent clouds, 03.07.2025 β Xiaomi Mi 10T Pro</p> + </div> + </div> + <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=""> + <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> |