Мой Уютный Уголок

Первый пост!

15 сентября 2026

Привет всем! Это мой первый пост на новом сайте. Я только учусь, но мне уже нравится.

Здесь я буду писать о своих увлечениях.

Почему Neocities?

14 сентября 2026

Потому что здесь нет алгоритмов, которые решают, что мне смотреть. Здесь творю я!

body { background-color: #fdf6e3; /* Теплый бежевый фон (как бумага) */ font-family: 'Verdana', sans-serif; color: #333; margin: 0; } header { background-color: #6c5ce7; /* Фиолетовый */ color: white; padding: 20px; text-align: center; border-bottom: 5px solid #a29bfe; } /* --- ГЛАВНАЯ МАГИЯ FLEXBOX --- */ .container { display: flex; /* Включаем режим "в ряд" */ max-width: 1000px; /* Ограничиваем ширину всего сайта */ margin: 20px auto; /* Центрируем сам контейнер на странице */ gap: 20px; /* Расстояние между левой и правой колонкой */ padding: 0 10px; } .sidebar { width: 250px; /* Фиксированная ширина */ background-color: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Чтобы на мобильных не ломалось */ flex-shrink: 0; } .content { flex-grow: 1; /* Занимает всё оставшееся место */ background-color: white; padding: 20px; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .profile-pic img { width: 100%; border-radius: 50%; /* Делаем картинку круглой */ border: 3px solid #6c5ce7; } nav ul { list-style-type: none; /* Убираем точки у списка */ padding: 0; } nav li { margin-bottom: 10px; } nav a { text-decoration: none; /* Убираем подчеркивание */ color: #6c5ce7; font-weight: bold; display: block; /* Ссылка занимает всю ширину строки */ padding: 5px; border-radius: 5px; transition: background 0.3s; /* Плавное изменение цвета */ } nav a:hover { background-color: #dfe6e9; /* Цвет при наведении */ color: #2d3436; } article { margin-bottom: 30px; border-bottom: 1px dashed #ccc; padding-bottom: 20px; } .date { font-size: 0.8em; color: #888; font-style: italic; } footer { text-align: center; padding: 20px; color: #666; font-size: 0.9em; }