Ты знал что можно сделать такой сайт в стиле linktree бесплатно на базе Github?
Кстати я это сделал в Codex, буквально за 10 минут, даже правки не вносил.
Только вставил этот промпт и инфу про себя👇🏻 Создай для меня одностраничный сайт-визитку в стиле Linktree — страницу, на которой собран список моих ссылок. Работай в текущей папке проекта.
ЧТО ЭТО ЗА САЙТ И ДЛЯ КОГО Личная страница-визитка. Её цель — собрать все мои ссылки в одном месте, чтобы давать одну ссылку вместо десяти. Открывать её будут в основном с телефона.
ЧТО НА СТРАНИЦЕ (сверху вниз)
- Круглый аватар. Выбери ОДИН вариант, остальные удали:
- эмодзи: [🚀]
- мои инициалы: [СД]
- фото по ссылке: [ВСТАВЬ ССЫЛКУ НА ФОТО, если есть]
- Имя крупным шрифтом: [ИМЯ ФАМИЛИЯ]
- Короткое описание под именем, одна строка: [НАПРИМЕР: Маркетолог. Помогаю малому бизнесу с рекламой]
- Список кнопок-ссылок, каждая на всю ширину, 4–6 штук:
- [НАЗВАНИЕ КНОПКИ] → [ССЫЛКА]
- [НАЗВАНИЕ КНОПКИ] → [ССЫЛКА]
- [НАЗВАНИЕ КНОПКИ] → [ССЫЛКА]
- [НАЗВАНИЕ КНОПКИ] → [ССЫЛКА]
- Внизу — ряд небольших иконок соцсетей со ссылками:
- Telegram → [ССЫЛКА]
- Instagram → [ССЫЛКА]
- YouTube → [ССЫЛКА]
КАК ДОЛЖНО ВЫГЛЯДЕТЬ
- Только один файл index.html. Стили и скрипты — внутри этого же файла.
- Mobile-first: главное, чтобы страница отлично смотрелась на телефоне.
- Контент по центру, колонка шириной примерно 480 пикселей.
- Кнопки — крупные, с хорошо скруглёнными углами, при наведении мышкой слегка приподнимаются (мягкая анимация).
- Фон — мягкий: выбери ОДИН вариант — однотонный спокойный цвет или плавный градиент. Цвета: [УКАЖИ 1–2 ЦВЕТА ИЛИ НАПИШИ «подбери на свой вкус»].
- Один аккуратный современный шрифт, можно подключить с Google Fonts.
- Иконки соцсетей вставь как встроенные SVG прямо в код.
ЧЕГО НЕ ДЕЛАЙ
- Не делай форму обратной связи, не подключай аналитику, базу данных, бэкенд.
- Не разбивай проект на несколько файлов и страниц — только один index.html.
- Не используй сборщики, npm-пакеты, React и другие фреймворки.
ПОСЛЕ ТОГО КАК СОЗДАШЬ ФАЙЛ
- Открой страницу в браузере, чтобы я увидел результат.
- Подготовь проект к публикации на GitHub:
- инициализируй git в папке проекта, если он ещё не инициализирован;
- создай новый ПУБЛИЧНЫЙ репозиторий на GitHub и подключи его к проекту как удалённый репозиторий (remote origin);
- если создать репозиторий автоматически не получается — дай мне короткую инструкцию простыми словами, как создать пустой публичный репозиторий на github.com и где скопировать его ссылку, чтобы ты подключил его как remote origin;
- сделай commit и push в ветку main, установи её как основную (upstream).
- Напиши мне пошаговую инструкцию простыми словами, без технических терминов: как включить GitHub Pages в настройках репозитория, чтобы моя страница открылась в интернете по ссылке.
❗️Важный момент. Чтобы это работало бесплатно, вам нужен публичный репозиторий. А это значит, что вся инфа на этом сайте будет открыта. Поэтому этот способ подойдёт только для сайтов с открытой инфой, типа портфолио или ссылок на ваши проекты.
