Paper Archive - Официальный сайт

Официальный сайт Telegram-канала Paper Archive.

🚀 Развертывание на GitHub Pages

Шаг 1: Создайте репозиторий на GitHub

1. Перейдите на GitHub и войдите в свой аккаунт
2. Нажмите "New repository"
3. Назовите репозиторий, например: paperarchive-website
4. Сделайте репозиторий публичным (Public)
5. Нажмите "Create repository"

Шаг 2: Загрузите файлы в репозиторий

Используя Git в терминале:

cd c:\MyFiles\03_Other\Projects\paperarchive
git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin https://github.com/ВАШ_USERNAME/paperarchive-website.git
git push -u origin main

Или используйте GitHub Desktop:

1. Откройте GitHub Desktop
2. File → Add Local Repository
3. Выберите папку c:\MyFiles\03_Other\Projects\paperarchive
4. Publish repository

Шаг 3: Включите GitHub Pages

1. Перейдите в настройки репозитория (Settings)
2. Найдите раздел "Pages" в левом меню
3. В разделе "Source" выберите ветку main и папку / (root)
4. Нажмите "Save"
5. Через несколько минут сайт будет доступен по адресу: https://ВАШ_USERNAME.github.io/paperarchive-website/

📝 Редактирование контента

Изменение текста

Откройте index.html и отредактируйте содержимое секций:

• Главная (секция #home) - заголовок и описание
• Проекты (секция #projects) - карточки проектов
• О канале (секция #about) - информация о канале

Добавление проектов

Скопируйте блок .project-card и замените содержимое:

<div class="project-card">
    <h3>Название вашего проекта</h3>
    <p>Описание проекта</p>
    <div class="project-meta">
        <span class="tag">Категория</span>
    </div>
</div>

Изменение цветов

Цвета настраиваются в styles.css в разделе CSS Variables.

🎨 Особенности

• ✅ Темная тема по умолчанию
• 🌓 Переключение между темной и светлой темой
• 📱 Адаптивный дизайн для мобильных устройств
• 🎯 Минималистичный современный дизайн
• 🔤 Использование шрифта Benzin ExtraBold
• ⚡ Быстрая загрузка (чистый HTML/CSS/JS)

📂 Структура проекта

paperarchive/
├── index.html          # Главная страница
├── styles.css          # Стили
├── script.js           # JavaScript (переключение темы)
├── Benzin-Font/        # Папка со шрифтами
│   └── Benzin-ExtraBold.ttf
└── README.md           # Этот файл

🛠 Технологии

• HTML5
• CSS3 (с CSS Variables)
• Vanilla JavaScript
• Шрифт: Benzin ExtraBold

📞 Контакты

Telegram: @PaperArch1ve