Enhance project structure and styling for landing page. Add detailed file structure documentation in cloud.md. Update webpack configuration to support CSS Modules and SCSS. Introduce new styles for terms page and integrate them into the build process. Update package.json and package-lock.json with new dependencies for improved styling capabilities.

2025-10-24 14:19:58 +03:00
parent 6e55a331cb
commit ebf0daacce
11 changed files with 823 additions and 120 deletions
--- a/src/terms.html
+++ b/src/terms.html
@@ -8,95 +8,7 @@
    <meta name="description" content="Пользовательское соглашение для платформы обучения фронтенд-разработке BROJS.RU. Условия использования, обработка персональных данных, права и обязанности сторон.">
    <meta name="yandex-verification" content="98f7e15d1ad66018">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700,900&subset=cyrillic,cyrillic-ext" rel="stylesheet">
-    <style>
-        * { margin: 0; padding: 0; box-sizing: border-box; }
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
-            line-height: 1.6;
-            color: #1a202c;
-            background: #f7fafc;
-        }
-        .container {
-            max-width: 1200px;
-            margin: 0 auto;
-            padding: 40px 20px;
-        }
-        .terms-doc {
-            background: white;
-            padding: 60px 80px;
-            border-radius: 8px;
-            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
-        }
-        @media (max-width: 768px) {
-            .terms-doc { padding: 40px 24px; }
-        }
-        h1 {
-            font-size: 2.5rem;
-            font-weight: 700;
-            color: #2d3748;
-            text-align: center;
-            margin-bottom: 0.5rem;
-        }
-        .subtitle {
-            text-align: center;
-            color: #718096;
-            font-size: 1.1rem;
-            margin-bottom: 1rem;
-        }
-        .date {
-            text-align: center;
-            color: #a0aec0;
-            font-size: 0.9rem;
-            margin-bottom: 2rem;
-        }
-        hr {
-            border: none;
-            border-top: 1px solid #e2e8f0;
-            margin: 2rem 0;
-        }
-        h2 {
-            font-size: 1.75rem;
-            font-weight: 700;
-            color: #2d3748;
-            margin: 2rem 0 1rem;
-        }
-        h3 {
-            font-size: 1.25rem;
-            font-weight: 600;
-            color: #4a5568;
-            margin: 1.5rem 0 0.75rem;
-        }
-        p {
-            margin-bottom: 1rem;
-            color: #4a5568;
-        }
-        ul {
-            margin: 1rem 0 1rem 2rem;
-            color: #4a5568;
-        }
-        li {
-            margin-bottom: 0.5rem;
-        }
-        a {
-            color: #3182ce;
-            text-decoration: none;
-        }
-        a:hover {
-            text-decoration: underline;
-        }
-        strong {
-            font-weight: 600;
-            color: #2d3748;
-        }
-        .footer {
-            text-align: center;
-            margin-top: 3rem;
-            padding-top: 2rem;
-            border-top: 1px solid #e2e8f0;
-            color: #a0aec0;
-            font-size: 0.9rem;
-        }
-    </style>
+    <link rel="stylesheet" href="<%= htmlWebpackPlugin.options.cssPath %>">
 </head>
 <body>
    <noscript><div><img src="https://mc.yandex.ru/watch/87860751" style="position:absolute; left:-9999px;" alt=""></div></noscript>