init

articles.sql

@@ -0,0 +1,22 @@
+INSERT INTO articles_article (title, text, author_id, created_date) VALUES
+('Что такое хостинг и зачем он нужен',
+ 'Хостинг — это сервис, который позволяет разместить сайт на сервере, чтобы он был доступен другим людям через интернет. Представь, что у тебя есть дом (сайт), но он не имеет адреса. Хостинг как раз даёт этот “участок земли”, подключённый к сети, где твой сайт может жить. Существуют разные виды хостинга. Самый простой и дешёвый — виртуальный, где несколько сайтов находятся на одном сервере. Для небольших проектов этого достаточно. Если у тебя крупный портал или интернет-магазин, лучше выбрать VPS или выделенный сервер. Это дороже, но надёжнее и быстрее. Важно понимать: без хостинга сайт будет доступен только тебе самому на компьютере. Чтобы его увидели другие, нужно купить услугу у провайдера. Как правило, вместе с хостингом предоставляется и домен — уникальный адрес сайта.',
+ 1, date('now')),
+('Тёмная и светлая тема: мода или необходимость?',
+ 'Тёмная тема интерфейсов стала популярной несколько лет назад. Многие приложения и сайты добавили возможность переключения между тёмным и светлым режимом. Причина проста: люди проводят всё больше времени за экранами, и глаза устают. В темноте белый фон может слепить, а тёмный режим снижает нагрузку. Однако светлая тема тоже важна. Она привычна большинству пользователей, лучше читается днём и подходит для сайтов с большим количеством текста. Поэтому лучший вариант — дать пользователю выбор. Для разработчика внедрение двух тем стало стандартом хорошего тона. Более того, современные браузеры и операционные системы поддерживают автоматическое определение режима. Это значит, что сайт может сам подстраиваться под предпочтения человека. В итоге выигрывают все: посетителю комфортно, а сайт выглядит современно.',
+ 1, date('now')),
+('Зачем сайту нужен логотип',
+ 'Логотип — это визуальный символ сайта или компании. Он помогает бренду выделиться среди множества конкурентов. Даже если посетитель забудет название ресурса, он может запомнить его по картинке. Логотип передаёт настроение и ценности проекта. Например, яркие цвета подходят для развлекательных сайтов, строгие — для бизнес-ресурсов. Хороший логотип работает как подпись художника: небольшой элемент, который оставляет след в памяти. Кроме того, логотип используется не только на сайте. Его ставят на визитках, в социальных сетях, в рекламных материалах. По сути, это универсальный знак, который всегда ассоциируется с проектом.',
+ 1, date('now')),
+('Основные цвета в веб-дизайне',
+ 'Цвета на сайте играют огромную роль. Они задают настроение и влияют на восприятие информации. Психология цветов давно используется в маркетинге и веб-дизайне. Синий — символ спокойствия и доверия. Его часто используют банки и социальные сети. Красный — цвет энергии, эмоций и действия. Он хорошо работает для кнопок и акцентов. Зелёный ассоциируется с природой, свежестью и экологичностью. Жёлтый вызывает чувство радости и оптимизма. Важно помнить: слишком много цветов перегружает интерфейс. Обычно достаточно трёх-четырёх основных оттенков. Один — основной фон, второй — для текста, третий и четвёртый — для акцентов. Гармоничная палитра делает сайт аккуратным и приятным для глаз.',
+ 1, date('now')),
+('Почему скорость загрузки так важна',
+ 'Медленный сайт может отпугнуть даже самого заинтересованного посетителя. Исследования показывают, что если страница загружается дольше трёх секунд, многие пользователи закрывают её. Причин для медленной работы может быть много: тяжёлые изображения, лишние скрипты, отсутствие оптимизации кода. Решение — сжимать картинки, подключать кэширование, использовать современные форматы файлов. Быстрая загрузка важна не только для удобства. Поисковые системы тоже учитывают этот фактор. Чем быстрее сайт, тем выше его позиции в поиске. Это значит, что оптимизация скорости напрямую влияет на продвижение.',
+ 1, date('now')),
+('Футер: маленький, но важный элемент сайта',
+ 'Футер — это нижняя часть страницы, которая часто остаётся незамеченной. Однако он играет ключевую роль в удобстве. Обычно туда помещают контакты, ссылки на разделы сайта, политику конфиденциальности и копирайт. Футер помогает пользователю быстро найти нужную информацию, когда он уже дошёл до конца страницы. Это как визитка сайта. Здесь можно разместить форму подписки, кнопки социальных сетей, карту или даже мини-меню. Хорошо оформленный футер завершает страницу и делает сайт более цельным. Даже если пользователь прокрутил весь текст, он видит аккуратный “подвал” и получает дополнительную ценность.',
+ 1, date('now')),
+('Что будет с сайтами через 10 лет',
+ 'Технологии развиваются стремительно. Уже сегодня сайты становятся похожими на полноценные приложения. Они работают без перезагрузки страниц, запоминают настройки пользователя и даже продолжают работать без интернета. Через 10 лет сайты могут полностью объединиться с мобильными приложениями. Возможно, мы будем заходить на сайты не через браузеры, а через голосовых помощников или AR/VR-устройства. Дизайн тоже изменится: вместо привычных кнопок появятся жесты и голосовое управление. Однако главная цель останется прежней — сделать информацию удобной и доступной. Поэтому будущие сайты будут ещё быстрее, интуитивнее и более персонализированными. А веб-разработчики получат новые инструменты, которые сейчас кажутся фантастикой.',
+ 1, date('now'));

articles/admin.py

@@ -0,0 +1,7 @@
+from django.contrib import admin
+from .models import Article
+
+class ArticleAdmin(admin.ModelAdmin):
+    list_display = ('title', 'author', 'get_excerpt', 'created_date')
+
+admin.site.register(Article, ArticleAdmin)

articles/apps.py

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class ArticlesConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'articles'

articles/migrations/0001_initial.py

@@ -0,0 +1,27 @@
+# Generated by Django 5.2.6 on 2025-09-29 11:59
+
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Article',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('title', models.CharField(max_length=200)),
+                ('text', models.TextField()),
+                ('created_date', models.DateField(auto_now_add=True)),
+                ('author', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
+            ],
+        ),
+    ]

articles/models.py

@@ -0,0 +1,13 @@
+from django.db import models
+from django.contrib.auth.models import User
+
+class Article(models.Model):
+    title = models.CharField(max_length=200)
+    author = models.ForeignKey(User, on_delete=models.CASCADE)
+    text = models.TextField()
+    created_date = models.DateField(auto_now_add=True)
+
+    def __unicode__ (self):
+        return "%s: %s" % (self.author.username, self.title)
+    def get_excerpt(self):
+        return self.text[:200] + "..." if len(self.text) > 140 else self.text

articles/static/index.css

@@ -0,0 +1,40 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
+
+body {
+    background: #1e293b; 
+    font-family: "Montserrat", sans-serif;
+    color: #f1f5f9;
+}
+
+a {
+    color: #7dd3fc;
+}
+
+.header {
+    display: flex;
+    gap: 10px;
+    max-width: 1200px;
+    margin: auto;
+    padding-left: 20px
+}
+
+.one-post {
+    background: #273449;
+    border: solid 1px #334155;
+    border-radius: 10px;
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+.article-created-date {
+    font-size: 12px;
+}
+
+.archive {
+    max-width: 1200px;
+    margin: auto;
+    display: grid;
+    padding: 20px;
+    gap: 20px;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+}

articles/static/logo.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" role="img" aria-labelledby="favtitle favdesc">
+  <title id="favtitle">IT лого (favicon)</title>
+  <desc id="favdesc">Иконка с угловыми скобками и диагональной линией.</desc>
+
+  <rect width="64" height="64" rx="12" fill="#0f172a"/>
+  <path d="M18 26 L10 32 L18 38" fill="none" stroke="#ffffff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M46 26 L54 32 L46 38" fill="none" stroke="#ffffff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M24 44 L40 20" stroke="#7dd3fc" stroke-width="3" stroke-linecap="round"/>
+</svg>

articles/templates/archive.html

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Архив статей</title>
+    {% load static %}
+    <link rel="stylesheet" href="{% static 'index.css' %}">
+    <link rel="shortcut icon" type="image/png" href="{% static 'favicon.ico' %}"/>
+</head>
+<body>
+    <div class="header">
+        <img src="{% static 'logo.svg' %}" />
+        <h1>Всё про IT</h1>
+    </div>
+    <div class="archive">
+        {% for post in posts %}
+            <div class="one-post">
+                <h2 class="post-title">{{ post.title }}</h2>
+                <div class="article-info">
+                    <strong class="article-author">{{ post.author.first_name }}</strong>
+                    <div class="article-created-date">{{ post.created_date }}</div>
+                </div>
+                <p class="article-text">{{ post.get_excerpt }}</p>
+            </div>
+        {% endfor %}
+    </div>
+</body>
+</html>

articles/tests.py

@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.

articles/views.py

@@ -0,0 +1,5 @@
+from .models import Article
+from django.shortcuts import render
+
+def archive(request):
+    return render(request, 'archive.html', {"posts": Article.objects.all()})

blog/asgi.py

@@ -0,0 +1,16 @@
+"""
+ASGI config for blog project.
+
+It exposes the ASGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/5.2/howto/deployment/asgi/
+"""
+
+import os
+
+from django.core.asgi import get_asgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'blog.settings')
+
+application = get_asgi_application()

blog/settings.py

@@ -0,0 +1,130 @@
+"""
+Django settings for blog project.
+
+Generated by 'django-admin startproject' using Django 5.2.6.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/5.2/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/5.2/ref/settings/
+"""
+
+from pathlib import Path
+
+# Build paths inside the project like this: BASE_DIR / 'subdir'.
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+
+# Quick-start development settings - unsuitable for production
+# See https://docs.djangoproject.com/en/5.2/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = 'django-insecure-w8v3u4^zxv)_b6&8=t8i+s(&01)1jz))p7p^t%8a2uzq%%r@#n'
+
+# SECURITY WARNING: don't run with debug turned on in production!
+DEBUG = True
+
+ALLOWED_HOSTS = [
+    '94.250.253.128',
+    'localhost',
+]
+
+
+# Application definition
+
+INSTALLED_APPS = [
+    'django.contrib.admin',
+    'django.contrib.auth',
+    'django.contrib.contenttypes',
+    'django.contrib.sessions',
+    'django.contrib.messages',
+    'django.contrib.staticfiles',
+    'articles.apps.ArticlesConfig',
+]
+
+MIDDLEWARE = [
+    'django.middleware.security.SecurityMiddleware',
+    'django.contrib.sessions.middleware.SessionMiddleware',
+    'django.middleware.common.CommonMiddleware',
+    'django.middleware.csrf.CsrfViewMiddleware',
+    'django.contrib.auth.middleware.AuthenticationMiddleware',
+    'django.contrib.messages.middleware.MessageMiddleware',
+    'django.middleware.clickjacking.XFrameOptionsMiddleware',
+]
+
+ROOT_URLCONF = 'blog.urls'
+
+TEMPLATES = [
+    {
+        'BACKEND': 'django.template.backends.django.DjangoTemplates',
+        'DIRS': [],
+        'APP_DIRS': True,
+        'OPTIONS': {
+            'context_processors': [
+                'django.template.context_processors.request',
+                'django.contrib.auth.context_processors.auth',
+                'django.contrib.messages.context_processors.messages',
+            ],
+        },
+    },
+]
+
+WSGI_APPLICATION = 'blog.wsgi.application'
+
+
+# Database
+# https://docs.djangoproject.com/en/5.2/ref/settings/#databases
+
+DATABASES = {
+    'default': {
+        'ENGINE': 'django.db.backends.sqlite3',
+        'NAME': BASE_DIR / 'db.sqlite3',
+    }
+}
+
+
+# Password validation
+# https://docs.djangoproject.com/en/5.2/ref/settings/#auth-password-validators
+
+AUTH_PASSWORD_VALIDATORS = [
+    {
+        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
+    },
+]
+
+
+# Internationalization
+# https://docs.djangoproject.com/en/5.2/topics/i18n/
+
+LANGUAGE_CODE = 'en-us'
+
+TIME_ZONE = 'UTC'
+
+USE_I18N = True
+
+USE_TZ = True
+
+
+# Static files (CSS, JavaScript, Images)
+# https://docs.djangoproject.com/en/5.2/howto/static-files/
+
+STATIC_URL = 'static/'
+
+# Default primary key field type
+# https://docs.djangoproject.com/en/5.2/ref/settings/#default-auto-field
+
+DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
+
+STATICFILES_DIRS = [
+    BASE_DIR / 'articles/static',
+]

blog/urls.py

@@ -0,0 +1,24 @@
+"""
+URL configuration for blog project.
+
+The `urlpatterns` list routes URLs to views. For more information please see:
+    https://docs.djangoproject.com/en/5.2/topics/http/urls/
+Examples:
+Function views
+    1. Add an import:  from my_app import views
+    2. Add a URL to urlpatterns:  path('', views.home, name='home')
+Class-based views
+    1. Add an import:  from other_app.views import Home
+    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
+Including another URLconf
+    1. Import the include() function: from django.urls import include, path
+    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
+"""
+from django.contrib import admin
+from django.urls import path
+from articles import views
+
+urlpatterns = [
+    path('admin/', admin.site.urls),
+    path('', views.archive),
+]

blog/wsgi.py

@@ -0,0 +1,16 @@
+"""
+WSGI config for blog project.
+
+It exposes the WSGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/5.2/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'blog.settings')
+
+application = get_wsgi_application()

import.sh

@@ -0,0 +1 @@
+sqlite3 db.sqlite3 < articles.sql

manage.py

@@ -0,0 +1,22 @@
+#!/usr/bin/env python
+"""Django's command-line utility for administrative tasks."""
+import os
+import sys
+
+
+def main():
+    """Run administrative tasks."""
+    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'blog.settings')
+    try:
+        from django.core.management import execute_from_command_line
+    except ImportError as exc:
+        raise ImportError(
+            "Couldn't import Django. Are you sure it's installed and "
+            "available on your PYTHONPATH environment variable? Did you "
+            "forget to activate a virtual environment?"
+        ) from exc
+    execute_from_command_line(sys.argv)
+
+
+if __name__ == '__main__':
+    main()