summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rwxr-xr-ximg/Jupiter_16.11.2025_FP_ZWO662.pngbin0 -> 543936 bytes
-rwxr-xr-ximg/Noctilucent cloud 03.07.2025.pngbin0 -> 13372911 bytes
-rwxr-xr-ximg/Pleiades_first_photo_08.09.2025.pngbin0 -> 1579751 bytes
-rwxr-xr-ximg/Saturn_first_photo_27.06.2024.pngbin0 -> 60789 bytes
-rwxr-xr-ximg/Supermoon_19.10.2024.pngbin0 -> 426764 bytes
-rwxr-xr-ximg/moon_20.07.2024.pngbin0 -> 22215949 bytes
-rwxr-xr-ximg/moon_first_photo_28.06.2024.pngbin0 -> 10538780 bytes
-rwxr-xr-ximg/red_moon-09.09.2025.pngbin0 -> 18197429 bytes
-rwxr-xr-ximg/sun_09.08.2025.pngbin0 -> 883891 bytes
-rwxr-xr-ximg/sun_19.10.2024.pngbin0 -> 5023757 bytes
-rwxr-xr-xindex.html260
-rwxr-xr-xindex_ru.html260
-rwxr-xr-xstyle.css214
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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;
+}
generated by cgit v1.2.3 (git 2.25.1) at 2026-07-27 20:36:30 +0000