Hosting pages

2025-06-03 00:50:16 +03:00
parent f8b8efc81e
commit d353125ad5
8 changed files with 481 additions and 1 deletions
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AutoImportSettings">
+    <option name="autoReloadType" value="SELECTIVE" />
+  </component>
+  <component name="ChangeListManager">
+    <list default="true" id="ee891075-11e2-49a6-87c8-a1024423abbb" name="Changes" comment="" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+  </component>
+  <component name="ProjectColorInfo">{
+  &quot;associatedIndex&quot;: 6
+}</component>
+  <component name="ProjectId" id="2xy3hjdS7Zp4rXHSVBgIsq4BZ1M" />
+  <component name="ProjectViewState">
+    <option name="hideEmptyMiddlePackages" value="true" />
+    <option name="showLibraryContents" value="true" />
+  </component>
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "ModuleVcsDetector.initialDetectionPerformed": "true",
+    "RunOnceActivity.ShowReadmeOnStart": "true",
+    "git-widget-placeholder": "master",
+    "node.js.detected.package.eslint": "true",
+    "node.js.detected.package.tslint": "true",
+    "node.js.selected.package.eslint": "(autodetect)",
+    "node.js.selected.package.tslint": "(autodetect)",
+    "nodejs_package_manager_path": "npm",
+    "settings.editor.selected.configurable": "preferences.keymap",
+    "vue.rearranger.settings.migration": "true"
+  }
+}]]></component>
+  <component name="SharedIndexes">
+    <attachedChunks>
+      <set>
+        <option value="bundled-js-predefined-d6986cc7102b-6a121458b545-JavaScript-WS-251.25410.117" />
+      </set>
+    </attachedChunks>
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="ee891075-11e2-49a6-87c8-a1024423abbb" name="Changes" comment="" />
+      <created>1748896607036</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1748896607036</updated>
+      <workItem from="1748896609095" duration="145000" />
+      <workItem from="1748897135743" duration="441000" />
+      <workItem from="1748898000443" duration="153000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="3" />
+  </component>
+</project>
@@ -68,7 +68,7 @@
            <ul>
                <li><a href="#flagships">Флагманы</a></li>
                <li><a href="#projects">Другие проекты</a></li>
-                <li><a href="#services">Услуги</a></li>
+                <li><a href="services.html">Услуги</a></li>
            </ul>
        </nav>
        <h1>Добро пожаловать</h1>
@@ -0,0 +1,146 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Услуги программиста">
+    <title>Услуги</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            margin: 0;
+            padding: 20px;
+            max-width: 1200px;
+            margin: 0 auto;
+            min-height: 100vh;
+            background: linear-gradient(to bottom, #1a1a2e, #16213e);
+            color: white;
+        }
+        header {
+            text-align: center;
+            padding-top: 0px;
+            padding-bottom: 2rem;
+        }
+        nav {
+            margin-bottom: 32px;
+        }
+        nav ul {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+            display: flex;
+            justify-content: center;
+            gap: 2rem;
+        }
+        nav a {
+            color: white;
+            text-decoration: none;
+            font-size: 1.1rem;
+            padding: 0.5rem 1rem;
+            border-radius: 5px;
+            transition: background-color 0.3s;
+        }
+        nav a:hover {
+            background-color: rgba(255, 255, 255, 0.1);
+        }
+        main {
+            padding: 2rem 0;
+            background: rgba(255, 255, 255, 0.05);
+            border-radius: 10px;
+            padding: 2rem;
+            backdrop-filter: blur(5px);
+        }
+        footer {
+            text-align: center;
+            padding: 1rem 0;
+            margin-top: 2rem;
+            border-top: 1px solid rgba(255, 255, 255, 0.2);
+        }
+        h1, h2 {
+            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+        }
+        .service-card {
+            background: rgba(255, 255, 255, 0.05);
+            border-radius: 8px;
+            padding: 1.5rem;
+            margin-bottom: 1.5rem;
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            display: flex;
+            gap: 2rem;
+            align-items: center;
+        }
+        .service-card .content {
+            flex: 1;
+        }
+        .service-card img {
+            width: 200px;
+            height: 200px;
+            object-fit: cover;
+            border-radius: 8px;
+            border: 1px solid rgba(255, 255, 255, 0.1);
+        }
+        .service-card h3 {
+            margin-top: 0;
+            color: #e94560;
+        }
+        .service-card .terms-link {
+            display: inline-block;
+            margin-top: 1rem;
+            color: #e94560;
+            text-decoration: none;
+            font-weight: bold;
+            transition: color 0.3s;
+        }
+        .service-card .terms-link:hover {
+            color: #ff6b81;
+            text-decoration: underline;
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <nav>
+            <ul>
+                <li><a href="index.html#flagships">Флагманы</a></li>
+                <li><a href="index.html#projects">Другие проекты</a></li>
+                <li><a href="services.html">Услуги</a></li>
+            </ul>
+        </nav>
+        <h1>Услуги</h1>
+    </header>
+
+    <main>
+        <div class="service-card">
+            <img src="img/arma76.png" alt="Raspberry Pi хостинг">
+            <div class="content">
+                <h3>Простой хостинг</h3>
+                <p>Хостинг на базе Raspberry Pi с предоставлением субдомена. Идеальное решение для небольших проектов и тестирования.</p>
+                <ul>
+                    <li>Хостинг на Raspberry Pi</li>
+                    <li>Предоставление субдомена</li>
+                    <li>Подходит для небольших проектов</li>
+                </ul>
+                <a href="terms-basic.html" class="terms-link">Условия использования →</a>
+            </div>
+        </div>
+        <div class="service-card">
+            <img src="img/7700x.webp" alt="Ryzen сервер">
+            <div class="content">
+                <h3>Unlimited-хостинг</h3>
+                <p>Мощный хостинг на сервере с процессором Ryzen 7 7700x. Максимальная производительность для ваших проектов.</p>
+                <ul>
+                    <li>Хостинг на Ryzen 7 7700x</li>
+                    <li>Высокая производительность</li>
+                    <li>Подходит для крупных проектов</li>
+                </ul>
+                <a href="terms-unlimited.html" class="terms-link">Условия использования →</a>
+            </div>
+        </div>
+    </main>
+
+    <footer>
+        <p>&copy; 2024 Моя страница. Все права защищены.</p>
+    </footer>
+</body>
+</html> 
@@ -0,0 +1,267 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Условия использования простого хостинга">
+    <title>Условия использования - Простой хостинг</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            margin: 0;
+            padding: 20px;
+            max-width: 1200px;
+            margin: 0 auto;
+            min-height: 100vh;
+            background: linear-gradient(to bottom, #1a1a2e, #16213e);
+            color: white;
+        }
+        header {
+            text-align: center;
+            padding-top: 0px;
+            padding-bottom: 2rem;
+        }
+        nav {
+            margin-bottom: 32px;
+        }
+        nav ul {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+            display: flex;
+            justify-content: center;
+            gap: 2rem;
+        }
+        nav a {
+            color: white;
+            text-decoration: none;
+            font-size: 1.1rem;
+            padding: 0.5rem 1rem;
+            border-radius: 5px;
+            transition: background-color 0.3s;
+        }
+        nav a:hover {
+            background-color: rgba(255, 255, 255, 0.1);
+        }
+        main {
+            padding: 2rem 0;
+            background: rgba(255, 255, 255, 0.05);
+            border-radius: 10px;
+            padding: 2rem;
+            backdrop-filter: blur(5px);
+        }
+        footer {
+            text-align: center;
+            padding: 1rem 0;
+            margin-top: 2rem;
+            border-top: 1px solid rgba(255, 255, 255, 0.2);
+        }
+        h1, h2 {
+            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+        }
+        .specs-table {
+            width: 100%;
+            border-collapse: collapse;
+            margin: 2rem 0;
+            background: rgba(255, 255, 255, 0.05);
+            border-radius: 8px;
+            overflow: hidden;
+        }
+        .specs-table th, .specs-table td {
+            padding: 1rem;
+            text-align: left;
+            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+        }
+        .specs-table th {
+            background: rgba(233, 69, 96, 0.2);
+            color: #e94560;
+        }
+        .specs-table tr:last-child td {
+            border-bottom: none;
+        }
+        .request-form {
+            background: rgba(233, 69, 96, 0.1);
+            border-radius: 8px;
+            padding: 2rem;
+            margin-top: 2rem;
+            border: 1px solid rgba(233, 69, 96, 0.2);
+            max-width: 400px;
+            margin-left: auto;
+            margin-right: auto;
+        }
+        .request-form h3 {
+            color: #e94560;
+            margin-top: 0;
+            text-align: center;
+        }
+        .request-form input,
+        .request-form textarea,
+        .request-form select {
+            width: 100%;
+            padding: 0.8rem;
+            margin: 0.5rem 0 1rem;
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 4px;
+            background: rgba(255, 255, 255, 0.05);
+            color: white;
+            font-family: inherit;
+            box-sizing: border-box;
+        }
+        .request-form input:focus,
+        .request-form textarea:focus,
+        .request-form select:focus {
+            outline: none;
+            border-color: #e94560;
+        }
+        .request-form select {
+            cursor: pointer;
+        }
+        .request-form select option {
+            background: #1a1a2e;
+            color: white;
+        }
+        .request-form button {
+            background: #e94560;
+            color: white;
+            border: none;
+            padding: 0.8rem 2rem;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 1rem;
+            transition: background-color 0.3s;
+        }
+        .request-form button:hover {
+            background: #ff6b81;
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <nav>
+            <ul>
+                <li><a href="index.html#flagships">Флагманы</a></li>
+                <li><a href="index.html#projects">Другие проекты</a></li>
+                <li><a href="services.html">Услуги</a></li>
+            </ul>
+        </nav>
+        <h1>Условия использования простого хостинга</h1>
+    </header>
+
+    <main>
+        <h2>Оборудование</h2>
+        <p>Для простого хостинга используется Raspberry Pi 5 - это одноплатный компьютер, который представляет собой полноценную вычислительную систему размером с банковскую карту.</p>
+        
+        <h3>Характеристики используемой модели:</h3>
+        <table class="specs-table">
+            <tr>
+                <th>Компонент</th>
+                <th>Характеристики</th>
+            </tr>
+            <tr>
+                <td>Процессор</td>
+                <td>Broadcom BCM2712 (4 ядра ARM Cortex-A76, 2.4 ГГц)</td>
+            </tr>
+            <tr>
+                <td>Оперативная память</td>
+                <td>8 ГБ LPDDR4X-4267</td>
+            </tr>
+            <tr>
+                <td>Графика</td>
+                <td>VideoCore VII, поддержка 4K@60fps</td>
+            </tr>
+            <tr>
+                <td>Сеть</td>
+                <td>2.4/5.0 ГГц IEEE 802.11ac Wi-Fi, Bluetooth 5.0, Gigabit Ethernet</td>
+            </tr>
+            <tr>
+                <td>Порты</td>
+                <td>2 × USB 3.0, 2 × USB 2.0, 2 × micro-HDMI 2.0, GPIO</td>
+            </tr>
+            <tr>
+                <td>Хранение</td>
+                <td>microSD карта (до 128 ГБ)</td>
+            </tr>
+        </table>
+
+        <h2>Ограничения и особенности</h2>
+        <ul>
+            <li>Хостинг подходит для небольших веб-проектов с низкой нагрузкой</li>
+            <li>Предоставляется субдомен вида: ваш-проект.micialware.ru</li>
+            <li>Поддерживаются статические сайты и небольшие веб-приложения</li>
+            <li>Ограниченные ресурсы процессора и памяти</li>
+            <li>Нет гарантии 100% uptime</li>
+        </ul>
+
+        <h2>Техническая поддержка</h2>
+        <p>Базовая техническая поддержка включает:</p>
+        <ul>
+            <li>Настройку и развертывание вашего проекта</li>
+            <li>Базовое обслуживание системы</li>
+            <li>Консультации по оптимизации</li>
+        </ul>
+
+        <h2>Тарифы</h2>
+        <div class="specs-table">
+            <table>
+                <tr>
+                    <th>Параметр</th>
+                    <th>Значение</th>
+                </tr>
+                <tr>
+                    <td>Количество доступных слотов</td>
+                    <td>6 слотов</td>
+                </tr>
+                <tr>
+                    <td>Ресурсы на слот</td>
+                    <td>0.5 ядра CPU, до 1 ГБ RAM</td>
+                </tr>
+                <tr>
+                    <td>Стоимость первого месяца</td>
+                    <td>200 ₽/месяц</td>
+                </tr>
+                <tr>
+                    <td>Стоимость последующих месяцев</td>
+                    <td>250 ₽/месяц</td>
+                </tr>
+            </table>
+        </div>
+        <p style="margin-top: 1rem; font-style: italic;">* Каждый слот представляет собой изолированное окружение с гарантированными ресурсами.</p>
+
+        <div class="request-form">
+            <h3>Оставить заявку</h3>
+            <form action="#" method="POST">
+                <div>
+                    <label for="name">Ваше имя:</label>
+                    <input type="text" id="name" name="name" required>
+                </div>
+                <div>
+                    <label for="email">Email для связи:</label>
+                    <input type="email" id="email" name="email" required>
+                </div>
+                <div>
+                    <label for="slots">Количество слотов:</label>
+                    <select id="slots" name="slots" required>
+                        <option value="">Выберите количество слотов</option>
+                        <option value="1">1 слот (200₽/мес)</option>
+                        <option value="2">2 слота (400₽/мес)</option>
+                        <option value="3">3 слота (600₽/мес)</option>
+                        <option value="4">4 слота (800₽/мес)</option>
+                        <option value="5">5 слотов (1000₽/мес)</option>
+                        <option value="6">6 слотов (1200₽/мес)</option>
+                    </select>
+                </div>
+                <div>
+                    <label for="message">Опишите ваш проект:</label>
+                    <textarea id="message" name="message" rows="4" required></textarea>
+                </div>
+                <button type="submit">Отправить заявку</button>
+            </form>
+        </div>
+    </main>
+
+    <footer>
+        <p>&copy; 2024 Моя страница. Все права защищены.</p>
+    </footer>
+</body>
+</html>