Initial import of Astro site

author: escfrpls <licwin1410@gmail.com> 2026-04-29 19:23:21 +0200
committer: escfrpls <licwin1410@gmail.com> 2026-04-29 19:23:21 +0200
commit: ce574f57e9b62746e96bbef3e7ce9c3557be2041 (patch)
tree: 928656c1de9da84623bd8def96cd357b8ff81767
13 files changed, 734 insertions, 0 deletions
diff --git a/img/Jupiter_16.11.2025_FP_ZWO662.png b/img/Jupiter_16.11.2025_FP_ZWO662.png
new file mode 100755
index 0000000..9bee210
--- /dev/null
+++ b/img/Jupiter_16.11.2025_FP_ZWO662.png
diff --git a/img/Noctilucent cloud 03.07.2025.png b/img/Noctilucent cloud 03.07.2025.png
new file mode 100755
index 0000000..3f07a60
--- /dev/null
+++ b/img/Noctilucent cloud 03.07.2025.png
diff --git a/img/Pleiades_first_photo_08.09.2025.png b/img/Pleiades_first_photo_08.09.2025.png
new file mode 100755
index 0000000..6049093
--- /dev/null
+++ b/img/Pleiades_first_photo_08.09.2025.png
diff --git a/img/Saturn_first_photo_27.06.2024.png b/img/Saturn_first_photo_27.06.2024.png
new file mode 100755
index 0000000..e0ac637
--- /dev/null
+++ b/img/Saturn_first_photo_27.06.2024.png
diff --git a/img/Supermoon_19.10.2024.png b/img/Supermoon_19.10.2024.png
new file mode 100755
index 0000000..ee0bbc0
--- /dev/null
+++ b/img/Supermoon_19.10.2024.png
diff --git a/img/moon_20.07.2024.png b/img/moon_20.07.2024.png
new file mode 100755
index 0000000..c295520
--- /dev/null
+++ b/img/moon_20.07.2024.png
diff --git a/img/moon_first_photo_28.06.2024.png b/img/moon_first_photo_28.06.2024.png
new file mode 100755
index 0000000..2fab025
--- /dev/null
+++ b/img/moon_first_photo_28.06.2024.png
diff --git a/img/red_moon-09.09.2025.png b/img/red_moon-09.09.2025.png
new file mode 100755
index 0000000..b0ec97f
--- /dev/null
+++ b/img/red_moon-09.09.2025.png
diff --git a/img/sun_09.08.2025.png b/img/sun_09.08.2025.png
new file mode 100755
index 0000000..28b8ba1
--- /dev/null
+++ b/img/sun_09.08.2025.png
diff --git a/img/sun_19.10.2024.png b/img/sun_19.10.2024.png
new file mode 100755
index 0000000..c1070c5
--- /dev/null
+++ b/img/sun_19.10.2024.png
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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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">&times;</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>
diff --git a/index_ru.html b/index_ru.html
new file mode 100755
index 0000000..66e2673
--- /dev/null
+++ b/index_ru.html
@@ -0,0 +1,260 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Astrophoto — исследование космоса</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <header>
+        <h1>🌌 Astrophoto</h1>
+        <p class="subtitle">Мой путь в астрономии</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">О себе</label>
+        <label for="tab-sun">Солнце</label>
+        <label for="tab-moon">Луна</label>
+        <label for="tab-solar">Солнечная система</label>
+        <label for="tab-galaxy">Галактики</label>
+        <label for="tab-comet">Кометы</label>
+        <label for="tab-other">Другие объекты</label>
+    </nav>
+
+    <main id="content">
+        <!-- О себе -->
+        <section id="about" class="tab-content">
+            <h2>Добро пожаловать!</h2>
+            <div class="about-text">
+                <p>Это блог/архив моих астрофотографий и наблюдений за звёздами.</p>
+                <p>Я воплощаю детскую мечту в реальность.</p>
+                <h3>Моё оборудование</h3>
+                <ul>
+                    <li>Телескоп: Sky-Watcher BK 1309 EQ2 130/900</li>
+                    <li>Монтировка: EQ-2 с RA мотором</li>
+                    <li>Камеры: Xiaomi Mi 10T Pro, ZWO ASI 662MC</li>
+                    <li>Линзы: Super 25мм, 10мм, 5мм, Barlow x2</li>
+                    <li>Фильтры: ZWO UV/IR Cut (1,25"), ND96-0.9</li>
+                    <li>Ноутбук: Lenovo ThinkPad X230</li>
+                </ul>
+            </div>
+        </section>
+
+        <!-- Солнце -->
+        <section id="sun" class="tab-content">
+            <h2>☀️ Солнце</h2>
+            <div class="gallery">
+                <a href="#sun-1" class="card">
+                    <img src="img/sun_19.10.2024.png" alt="Солнце">
+                    <span>Первое Солнце, 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="Солнце">
+                    <span>Солнце, 09.08.2025 — Xiaomi Mi 10T Pro, Super 25mm</span>
+                </a>
+            </div>
+        </section>
+
+        <!-- Луна -->
+        <section id="moon" class="tab-content">
+            <h2>🌙 Луна</h2>
+            <div class="gallery">
+                <a href="#moon-1" class="card">
+                    <img src="img/moon_first_photo_28.06.2024.png" alt="Луна">
+                    <span>Первое фото Луны, 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="Луна">
+                    <span>Луна, 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="Суперлуна">
+                    <span>Суперлуние, 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="Красная луна">
+                    <span>Красная Луна, 09.09.2025 — Xiaomi Mi 10T Pro, Super 10mm</span>
+                </a>
+            </div>
+        </section>
+
+        <!-- Солнечная система -->
+        <section id="solar" class="tab-content">
+            <h2>🪐 Солнечная система</h2>
+            <div class="gallery">
+                <a href="#solar-1" class="card">
+                    <img src="img/Saturn_first_photo_27.06.2024.png" alt="Сатурн">
+                    <span>Сатурн, 27.06.2024 — Xiaomi Mi 10T Pro, Super 10mm + Barlow x2</span>
+                </a>
+                <a href="#solar-2" class="card">
+                    <img src="img/Jupiter_16.11.2025_FP_ZWO662.png" alt="Юпитер">
+                    <span>Юпитер, 16.11.2025 — ZWO ASI 662MC (ZWO VideoStack)</span>
+                </a>
+            </div>
+        </section>
+
+        <!-- Галактики -->
+        <section id="galaxy" class="tab-content">
+            <h2>🌠 Галактики</h2>
+            <div class="gallery">
+                <a href="#gal-1" class="card">
+                    <img src="img/galaxy1.jpg" alt="Галактика">
+                    <span>Галактика 1</span>
+                </a>
+                <a href="#gal-2" class="card">
+                    <img src="img/galaxy2.jpg" alt="Галактика">
+                    <span>Галактика 2</span>
+                </a>
+            </div>
+        </section>
+
+        <!-- Кометы -->
+        <section id="comet" class="tab-content">
+            <h2>☄️ Кометы</h2>
+            <div class="gallery">
+                <a href="#com-1" class="card">
+                    <img src="img/comet1.jpg" alt="Комета">
+                    <span>Комета 1</span>
+                </a>
+                <a href="#com-2" class="card">
+                    <img src="img/comet2.jpg" alt="Комета">
+                    <span>Комета 2</span>
+                </a>
+            </div>
+        </section>
+
+        <!-- Другие объекты -->
+        <section id="other" class="tab-content">
+            <h2>🌍 Другие объекты</h2>
+            <div class="gallery">
+                <a href="#other-1" class="card">
+                    <img src="img/Noctilucent cloud 03.07.2025.png" alt="Серебристые облака">
+                    <span>Серебристые облака, 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="Плеяды">
+                    <span>Плеяды, 08.09.2025 — Xiaomi Mi 10T Pro, Super 10mm</span>
+                </a>
+            </div>
+        </section>
+    </main>
+
+    <!-- Модальные окна -->
+    <div id="sun-1" class="modal">
+        <div class="modal-inner">
+            <a href="#" class="close">&times;</a>
+            <img src="img/sun_19.10.2024.png" alt="">
+            <p>Первое Солнце, 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">&times;</a>
+            <img src="img/sun_09.08.2025.png" alt="">
+            <p>Солнце, 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">&times;</a>
+            <img src="img/moon_first_photo_28.06.2024.png" alt="">
+            <p>Первое фото Луны, 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">&times;</a>
+            <img src="img/moon_20.07.2024.png" alt="">
+            <p>Луна, 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">&times;</a>
+            <img src="img/Supermoon_19.10.2024.png" alt="">
+            <p>Суперлуние, 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">&times;</a>
+            <img src="img/red_moon-09.09.2025.png" alt="">
+            <p>Красная Луна, 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">&times;</a>
+            <img src="img/Saturn_first_photo_27.06.2024.png" alt="">
+            <p>Сатурн, 27.06.2024 — Xiaomi Mi 10T Pro, Super 10mm + Barlow x2</p>
+        </div>
+    </div>
+    <div id="solar-2" class="modal">
+        <div class="modal-inner">
+            <a href="#" class="close">&times;</a>
+            <img src="img/Jupiter_16.11.2025_FP_ZWO662.png" alt="">
+            <p>Юпитер, 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">&times;</a>
+            <img src="img/galaxy1.jpg" alt="">
+            <p>Галактика 1</p>
+        </div>
+    </div>
+    <div id="gal-2" class="modal">
+        <div class="modal-inner">
+            <a href="#" class="close">&times;</a>
+            <img src="img/galaxy2.jpg" alt="">
+            <p>Галактика 2</p>
+        </div>
+    </div>
+
+    <div id="com-1" class="modal">
+        <div class="modal-inner">
+            <a href="#" class="close">&times;</a>
+            <img src="img/comet1.jpg" alt="">
+            <p>Комета 1</p>
+        </div>
+    </div>
+    <div id="com-2" class="modal">
+        <div class="modal-inner">
+            <a href="#" class="close">&times;</a>
+            <img src="img/comet2.jpg" alt="">
+            <p>Комета 2</p>
+        </div>
+    </div>
+
+    <div id="other-1" class="modal">
+        <div class="modal-inner">
+            <a href="#" class="close">&times;</a>
+            <img src="img/Noctilucent cloud 03.07.2025.png" alt="">
+            <p>Серебристые облака, 03.07.2025 — Xiaomi Mi 10T Pro</p>
+        </div>
+    </div>
+    <div id="other-2" class="modal">
+        <div class="modal-inner">
+            <a href="#" class="close">&times;</a>
+            <img src="img/Pleiades_first_photo_08.09.2025.png" alt="">
+            <p>Плеяды, 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.html">English</a></p>
+    </footer>
+</body>
+</html>
diff --git a/style.css b/style.css
new file mode 100755
index 0000000..cc97ebb
--- /dev/null
+++ b/style.css
@@ -0,0 +1,214 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    background: #0a0a14;
+    color: #ddd;
+    line-height: 1.6;
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
+}
+
+header {
+    text-align: center;
+    margin-bottom: 30px;
+}
+header h1 {
+    font-size: 3rem;
+    color: #f0d080;
+    letter-spacing: 2px;
+}
+.subtitle {
+    color: #888;
+    font-size: 1.2rem;
+}
+
+/* Скрываем радио-кнопки */
+input[type="radio"][name="tabs"] {
+    display: none;
+}
+
+/* Навигация — метки */
+nav {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 10px;
+    margin-bottom: 40px;
+}
+nav label {
+    padding: 10px 20px;
+    background: #131320;
+    border: 1px solid #2a2a40;
+    border-radius: 30px;
+    color: #aaa;
+    cursor: pointer;
+    font-size: 0.95rem;
+    transition: 0.3s;
+}
+nav label:hover {
+    background: #252540;
+    color: #fff;
+    border-color: #f0d080;
+}
+
+/* Подсветка активной вкладки через комбинатор ~ */
+#tab-about:checked ~ nav label[for="tab-about"],
+#tab-sun:checked ~ nav label[for="tab-sun"],
+#tab-moon:checked ~ nav label[for="tab-moon"],
+#tab-solar:checked ~ nav label[for="tab-solar"],
+#tab-galaxy:checked ~ nav label[for="tab-galaxy"],
+#tab-comet:checked ~ nav label[for="tab-comet"],
+#tab-other:checked ~ nav label[for="tab-other"] {
+    background: #f0d080;
+    color: #0a0a14;
+    border-color: #f0d080;
+    font-weight: bold;
+}
+
+/* Содержимое вкладок */
+.tab-content {
+    display: none;
+}
+
+/* Показываем нужную вкладку по выбору радио */
+#tab-about:checked ~ #content #about,
+#tab-sun:checked ~ #content #sun,
+#tab-moon:checked ~ #content #moon,
+#tab-solar:checked ~ #content #solar,
+#tab-galaxy:checked ~ #content #galaxy,
+#tab-comet:checked ~ #content #comet,
+#tab-other:checked ~ #content #other {
+    display: block;
+}
+
+/* Заголовки разделов */
+h2 {
+    font-size: 2rem;
+    margin-bottom: 20px;
+    color: #f0d080;
+    border-bottom: 1px solid #333;
+    padding-bottom: 0.3em;
+}
+
+h3 {
+    margin-top: 20px;
+    color: #f0d080;
+}
+
+/* Стиль текста «О себе» */
+.about-text p {
+    margin-bottom: 10px;
+}
+.about-text ul {
+    list-style: square;
+    padding-left: 20px;
+    margin: 10px 0 20px;
+}
+.about-text a {
+    color: #f0d080;
+}
+
+/* Галерея */
+.gallery {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+    gap: 20px;
+    margin-top: 20px;
+}
+
+.card {
+    display: block;
+    text-decoration: none;
+    background: #0d0d1a;
+    border: 1px solid #222;
+    border-radius: 12px;
+    overflow: hidden;
+    transition: transform 0.3s, box-shadow 0.3s;
+    aspect-ratio: 4 / 3;
+    position: relative;
+}
+.card:hover {
+    transform: translateY(-6px);
+    box-shadow: 0 12px 24px rgba(0,0,0,0.7);
+    border-color: #f0d080;
+}
+.card img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+}
+.card span {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 10px;
+    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
+    color: #ddd;
+    font-size: 0.9rem;
+    text-align: center;
+}
+
+/* Модальные окна */
+.modal {
+    display: none;
+    position: fixed;
+    top: 0; left: 0; right: 0; bottom: 0;
+    background: rgba(0,0,0,0.92);
+    z-index: 1000;
+    align-items: center;
+    justify-content: center;
+}
+.modal:target {
+    display: flex;
+}
+.modal-inner {
+    position: relative;
+    max-width: 90vw;
+    max-height: 90vh;
+    text-align: center;
+}
+.modal-inner img {
+    max-width: 100%;
+    max-height: 80vh;
+    object-fit: contain;
+    border-radius: 8px;
+}
+.modal-inner p {
+    margin-top: 15px;
+    color: #ccc;
+    font-size: 1rem;
+}
+.close {
+    position: absolute;
+    top: -10px;
+    right: -10px;
+    font-size: 40px;
+    color: #fff;
+    text-decoration: none;
+    opacity: 0.7;
+    transition: 0.2s;
+}
+.close:hover {
+    opacity: 1;
+}
+
+/* Подвал */
+footer {
+    text-align: center;
+    margin-top: 60px;
+    padding: 20px 0;
+    color: #555;
+    border-top: 1px solid #222;
+}
+footer a {
+    color: #f0d080;
+    text-decoration: none;
+}
author	escfrpls <licwin1410@gmail.com>	2026-04-29 19:23:21 +0200
committer	escfrpls <licwin1410@gmail.com>	2026-04-29 19:23:21 +0200
commit	ce574f57e9b62746e96bbef3e7ce9c3557be2041 (patch)
tree	928656c1de9da84623bd8def96cd357b8ff81767