stella-coder 4.0.0 → 5.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/README.md +25 -35
  2. package/dist/antimalware/index.mjs +0 -0
  3. package/package.json +3 -4
  4. package/stella-cli/banner.mjs +1 -1
  5. package/stella-cli/index.mjs +1 -1
  6. package/stella-cli/tools.mjs +6 -9
  7. package/create_cats_pptx.py +0 -121
  8. package/hello.py +0 -2
  9. package/presentation-advanced-features-demo/README.md +0 -27
  10. package/presentation-advanced-features-demo/index.html +0 -371
  11. package/presentation-advanced-features-demo/print.html +0 -81
  12. package/presentation-advanced-features-demo/slide-01.html +0 -98
  13. package/presentation-advanced-features-demo/slide-02.html +0 -101
  14. package/presentation-advanced-features-demo/slide-03.html +0 -100
  15. package/presentation-advanced-features-demo/slide-04.html +0 -100
  16. package/presentation-advanced-features-demo/slide-05.html +0 -100
  17. package/presentation-advanced-features-demo/slide-06.html +0 -64
  18. package/presentation-advanced-features-demo/slide-07.html +0 -101
  19. package/presentation-advanced-features-demo/slide-08.html +0 -91
  20. package/presentation-stella-coder---ai-coding-agent/README.md +0 -27
  21. package/presentation-stella-coder---ai-coding-agent/index.html +0 -168
  22. package/presentation-stella-coder---ai-coding-agent/slide-01.html +0 -98
  23. package/presentation-stella-coder---ai-coding-agent/slide-02.html +0 -101
  24. package/presentation-stella-coder---ai-coding-agent/slide-03.html +0 -100
  25. package/presentation-stella-coder---ai-coding-agent/slide-04.html +0 -100
  26. package/presentation-stella-coder---ai-coding-agent/slide-05.html +0 -100
  27. package/presentation-stella-coder---ai-coding-agent/slide-06.html +0 -100
  28. package/presentation-stella-coder---ai-coding-agent/slide-07.html +0 -100
  29. package/presentation-stella-coder---ai-coding-agent/slide-08.html +0 -64
  30. package/presentation-stella-coder---ai-coding-agent/slide-09.html +0 -101
  31. package/presentation-stella-coder---ai-coding-agent/slide-10.html +0 -91
  32. package/presentation-stella-coder-demo/README.md +0 -27
  33. package/presentation-stella-coder-demo/index.html +0 -371
  34. package/presentation-stella-coder-demo/slide-01.html +0 -98
  35. package/presentation-stella-coder-demo/slide-02.html +0 -101
  36. package/presentation-stella-coder-demo/slide-03.html +0 -100
  37. package/presentation-stella-coder-demo/slide-04.html +0 -100
  38. package/presentation-stella-coder-demo/slide-05.html +0 -100
  39. package/presentation-stella-coder-demo/slide-06.html +0 -64
  40. package/presentation-stella-coder-demo/slide-07.html +0 -101
  41. package/presentation-stella-coder-demo/slide-08.html +0 -91
  42. package/presentation-stella-coder-features/README.md +0 -27
  43. package/presentation-stella-coder-features/index.html +0 -364
  44. package/presentation-stella-coder-features/print.html +0 -77
  45. package/presentation-stella-coder-features/slide-01.html +0 -98
  46. package/presentation-stella-coder-features/slide-02.html +0 -101
  47. package/presentation-stella-coder-features/slide-03.html +0 -100
  48. package/presentation-stella-coder-features/slide-04.html +0 -100
  49. package/presentation-stella-coder-features/slide-05.html +0 -64
  50. package/presentation-stella-coder-features/slide-06.html +0 -101
  51. package/presentation-stella-coder-features/slide-07.html +0 -91
  52. package/presentation-test-presentation/README.md +0 -27
  53. package/presentation-test-presentation/index.html +0 -350
  54. package/presentation-test-presentation/print.html +0 -69
  55. package/presentation-test-presentation/slide-01.html +0 -98
  56. package/presentation-test-presentation/slide-02.html +0 -101
  57. package/presentation-test-presentation/slide-03.html +0 -64
  58. package/presentation-test-presentation/slide-04.html +0 -101
  59. package/presentation-test-presentation/slide-05.html +0 -91
  60. package/presentation-/321/202/320/265/321/201/321/202/320/276/320/262/320/260/321/217-/320/277/321/200/320/265/320/267/320/265/320/275/321/202/320/260/321/206/320/270/321/217/README.md +0 -27
  61. package/presentation-/321/202/320/265/321/201/321/202/320/276/320/262/320/260/321/217-/320/277/321/200/320/265/320/267/320/265/320/275/321/202/320/260/321/206/320/270/321/217/index.html +0 -159
  62. package/presentation-/321/202/320/265/321/201/321/202/320/276/320/262/320/260/321/217-/320/277/321/200/320/265/320/267/320/265/320/275/321/202/320/260/321/206/320/270/321/217/slide-01.html +0 -98
  63. package/presentation-/321/202/320/265/321/201/321/202/320/276/320/262/320/260/321/217-/320/277/321/200/320/265/320/267/320/265/320/275/321/202/320/260/321/206/320/270/321/217/slide-02.html +0 -101
  64. package/presentation-/321/202/320/265/321/201/321/202/320/276/320/262/320/260/321/217-/320/277/321/200/320/265/320/267/320/265/320/275/321/202/320/260/321/206/320/270/321/217/slide-03.html +0 -100
  65. package/presentation-/321/202/320/265/321/201/321/202/320/276/320/262/320/260/321/217-/320/277/321/200/320/265/320/267/320/265/320/275/321/202/320/260/321/206/320/270/321/217/slide-04.html +0 -100
  66. package/presentation-/321/202/320/265/321/201/321/202/320/276/320/262/320/260/321/217-/320/277/321/200/320/265/320/267/320/265/320/275/321/202/320/260/321/206/320/270/321/217/slide-05.html +0 -64
  67. package/presentation-/321/202/320/265/321/201/321/202/320/276/320/262/320/260/321/217-/320/277/321/200/320/265/320/267/320/265/320/275/321/202/320/260/321/206/320/270/321/217/slide-06.html +0 -101
  68. package/presentation-/321/202/320/265/321/201/321/202/320/276/320/262/320/260/321/217-/320/277/321/200/320/265/320/267/320/265/320/275/321/202/320/260/321/206/320/270/321/217/slide-07.html +0 -91
  69. package/stella-coder-3.9.2.tgz +0 -0
@@ -1,168 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="ru">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Stella Coder - AI Coding Agent</title>
7
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
8
- <style>
9
- * { margin: 0; padding: 0; box-sizing: border-box; }
10
- body {
11
- font-family: 'Inter', sans-serif;
12
- background: #0f0a1a;
13
- overflow: hidden;
14
- }
15
- .presentation {
16
- width: 100vw;
17
- height: 100vh;
18
- display: flex;
19
- align-items: center;
20
- justify-content: center;
21
- }
22
- .slide-container {
23
- width: 1280px;
24
- height: 720px;
25
- transform-origin: center center;
26
- }
27
- .controls {
28
- position: fixed;
29
- bottom: 30px;
30
- left: 50%;
31
- transform: translateX(-50%);
32
- display: flex;
33
- gap: 12px;
34
- z-index: 1000;
35
- }
36
- .control-btn {
37
- width: 48px;
38
- height: 48px;
39
- border-radius: 12px;
40
- border: 1px solid #a78bfa30;
41
- background: #1a1025;
42
- color: #f8fafc;
43
- cursor: pointer;
44
- display: flex;
45
- align-items: center;
46
- justify-content: center;
47
- transition: all 0.2s ease;
48
- }
49
- .control-btn:hover {
50
- background: #8b5cf6;
51
- color: #0f0a1a;
52
- }
53
- .progress {
54
- position: fixed;
55
- bottom: 0;
56
- left: 0;
57
- height: 4px;
58
- background: linear-gradient(90deg, #8b5cf6, #ec4899);
59
- transition: width 0.3s ease;
60
- }
61
- .slide-counter {
62
- position: fixed;
63
- bottom: 40px;
64
- right: 30px;
65
- font-size: 14px;
66
- color: #a78bfa;
67
- }
68
- </style>
69
- </head>
70
- <body>
71
- <div class="presentation">
72
- <div class="slide-container" id="slideContainer">
73
-
74
- <div class="slide" id="slide1" style="display: block">
75
- <iframe src="slide-01.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
76
- </div>
77
- <div class="slide" id="slide2" style="display: none">
78
- <iframe src="slide-02.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
79
- </div>
80
- <div class="slide" id="slide3" style="display: none">
81
- <iframe src="slide-03.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
82
- </div>
83
- <div class="slide" id="slide4" style="display: none">
84
- <iframe src="slide-04.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
85
- </div>
86
- <div class="slide" id="slide5" style="display: none">
87
- <iframe src="slide-05.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
88
- </div>
89
- <div class="slide" id="slide6" style="display: none">
90
- <iframe src="slide-06.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
91
- </div>
92
- <div class="slide" id="slide7" style="display: none">
93
- <iframe src="slide-07.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
94
- </div>
95
- <div class="slide" id="slide8" style="display: none">
96
- <iframe src="slide-08.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
97
- </div>
98
- <div class="slide" id="slide9" style="display: none">
99
- <iframe src="slide-09.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
100
- </div>
101
- <div class="slide" id="slide10" style="display: none">
102
- <iframe src="slide-10.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
103
- </div>
104
- </div>
105
- </div>
106
-
107
- <div class="controls">
108
- <button class="control-btn" onclick="prevSlide()">←</button>
109
- <button class="control-btn" onclick="nextSlide()">→</button>
110
- <button class="control-btn" onclick="toggleFullscreen()">⛶</button>
111
- </div>
112
-
113
- <div class="progress" id="progress"></div>
114
- <div class="slide-counter" id="slideCounter">1 / 10</div>
115
-
116
- <script>
117
- let currentSlide = 1;
118
- const totalSlides = 10;
119
-
120
- function showSlide(n) {
121
- document.querySelectorAll('.slide').forEach(s => s.style.display = 'none');
122
- document.getElementById('slide' + n).style.display = 'block';
123
- document.getElementById('slideCounter').textContent = n + ' / ' + totalSlides;
124
- document.getElementById('progress').style.width = ((n / totalSlides) * 100) + '%';
125
- }
126
-
127
- function nextSlide() {
128
- if (currentSlide < totalSlides) {
129
- currentSlide++;
130
- showSlide(currentSlide);
131
- }
132
- }
133
-
134
- function prevSlide() {
135
- if (currentSlide > 1) {
136
- currentSlide--;
137
- showSlide(currentSlide);
138
- }
139
- }
140
-
141
- function toggleFullscreen() {
142
- if (!document.fullscreenElement) {
143
- document.documentElement.requestFullscreen();
144
- } else {
145
- document.exitFullscreen();
146
- }
147
- }
148
-
149
- document.addEventListener('keydown', (e) => {
150
- if (e.key === 'ArrowRight' || e.key === ' ') nextSlide();
151
- if (e.key === 'ArrowLeft') prevSlide();
152
- if (e.key === 'f') toggleFullscreen();
153
- });
154
-
155
- // Scale to fit
156
- function scalePresentation() {
157
- const container = document.getElementById('slideContainer');
158
- const scaleX = window.innerWidth / 1280;
159
- const scaleY = window.innerHeight / 720;
160
- const scale = Math.min(scaleX, scaleY) * 0.9;
161
- container.style.transform = 'scale(' + scale + ')';
162
- }
163
-
164
- window.addEventListener('resize', scalePresentation);
165
- scalePresentation();
166
- </script>
167
- </body>
168
- </html>
@@ -1,98 +0,0 @@
1
-
2
- <!DOCTYPE html>
3
- <html lang="ru">
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <title>Stella Coder - AI Coding Agent</title>
8
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
9
- <style>
10
- * { margin: 0; padding: 0; box-sizing: border-box; }
11
- body {
12
- font-family: 'Inter', sans-serif;
13
- background: #0f0a1a;
14
- color: #f8fafc;
15
- min-height: 100vh;
16
- display: flex;
17
- align-items: center;
18
- justify-content: center;
19
- }
20
- .slide {
21
- width: 1280px;
22
- height: 720px;
23
- padding: 80px;
24
- display: flex;
25
- flex-direction: column;
26
- justify-content: center;
27
- position: relative;
28
- overflow: hidden;
29
- }
30
- .slide::before {
31
- content: '';
32
- position: absolute;
33
- top: -50%;
34
- right: -50%;
35
- width: 100%;
36
- height: 100%;
37
- background: radial-gradient(circle, #8b5cf615 0%, transparent 70%);
38
- }
39
- .slide::after {
40
- content: '';
41
- position: absolute;
42
- bottom: -30%;
43
- left: -30%;
44
- width: 80%;
45
- height: 80%;
46
- background: radial-gradient(circle, #ec489910 0%, transparent 70%);
47
- }
48
- .content { position: relative; z-index: 1; }
49
- h1 {
50
- font-size: 72px;
51
- font-weight: 800;
52
- line-height: 1.1;
53
- margin-bottom: 24px;
54
- background: linear-gradient(135deg, #f8fafc 0%, #a78bfa 100%);
55
- -webkit-background-clip: text;
56
- -webkit-text-fill-color: transparent;
57
- }
58
- .subtitle {
59
- font-size: 28px;
60
- color: #a78bfa;
61
- font-weight: 400;
62
- max-width: 600px;
63
- }
64
- .author {
65
- position: absolute;
66
- bottom: 60px;
67
- left: 80px;
68
- font-size: 18px;
69
- color: #a78bfa;
70
- }
71
- .date {
72
- position: absolute;
73
- bottom: 60px;
74
- right: 80px;
75
- font-size: 16px;
76
- color: #a78bfa;
77
- }
78
- .accent-line {
79
- width: 80px;
80
- height: 4px;
81
- background: linear-gradient(90deg, #8b5cf6, #ec4899);
82
- border-radius: 2px;
83
- margin-bottom: 32px;
84
- }
85
- </style>
86
- </head>
87
- <body>
88
- <div class="slide">
89
- <div class="content">
90
- <div class="accent-line"></div>
91
- <h1>Stella Coder - AI Coding Agent</h1>
92
- <p class="subtitle"></p>
93
- </div>
94
- <div class="author">Stella Development Team</div>
95
- <div class="date">10.07.2026</div>
96
- </div>
97
- </body>
98
- </html>
@@ -1,101 +0,0 @@
1
-
2
- <!DOCTYPE html>
3
- <html lang="ru">
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
8
- <style>
9
- * { margin: 0; padding: 0; box-sizing: border-box; }
10
- body {
11
- font-family: 'Inter', sans-serif;
12
- background: #0f0a1a;
13
- color: #f8fafc;
14
- min-height: 100vh;
15
- display: flex;
16
- align-items: center;
17
- justify-content: center;
18
- }
19
- .slide {
20
- width: 1280px;
21
- height: 720px;
22
- padding: 80px;
23
- display: flex;
24
- flex-direction: column;
25
- justify-content: center;
26
- position: relative;
27
- }
28
- .slide-number {
29
- position: absolute;
30
- top: 40px;
31
- right: 60px;
32
- font-size: 14px;
33
- color: #a78bfa;
34
- }
35
- h2 {
36
- font-size: 48px;
37
- font-weight: 700;
38
- margin-bottom: 40px;
39
- color: #f8fafc;
40
- }
41
- .content-grid {
42
- display: grid;
43
- grid-template-columns: 1fr 1fr;
44
- gap: 40px;
45
- }
46
- .content-item {
47
- padding: 24px;
48
- background: #1a1025;
49
- border-radius: 16px;
50
- border: 1px solid #a78bfa20;
51
- }
52
- .content-item h3 {
53
- font-size: 20px;
54
- font-weight: 600;
55
- margin-bottom: 12px;
56
- color: #8b5cf6;
57
- }
58
- .content-item p {
59
- font-size: 16px;
60
- line-height: 1.6;
61
- color: #a78bfa;
62
- }
63
- .bullet-list {
64
- list-style: none;
65
- padding: 0;
66
- }
67
- .bullet-list li {
68
- font-size: 20px;
69
- line-height: 1.8;
70
- padding-left: 24px;
71
- position: relative;
72
- color: #f8fafc;
73
- }
74
- .bullet-list li::before {
75
- content: '';
76
- position: absolute;
77
- left: 0;
78
- top: 50%;
79
- transform: translateY(-50%);
80
- width: 8px;
81
- height: 8px;
82
- background: #8b5cf6;
83
- border-radius: 50%;
84
- }
85
- </style>
86
- </head>
87
- <body>
88
- <div class="slide">
89
- <div class="slide-number">1 / 8</div>
90
- <h2>Введение</h2>
91
-
92
- <ul class="bullet-list">
93
- <li>Что такое Stella Coder - AI Coding Agent</li>
94
- <li>Актуальность темы</li>
95
- <li>Цели и задачи работы</li>
96
- <li>Методы исследования</li>
97
- </ul>
98
-
99
- </div>
100
- </body>
101
- </html>
@@ -1,100 +0,0 @@
1
-
2
- <!DOCTYPE html>
3
- <html lang="ru">
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
8
- <style>
9
- * { margin: 0; padding: 0; box-sizing: border-box; }
10
- body {
11
- font-family: 'Inter', sans-serif;
12
- background: #0f0a1a;
13
- color: #f8fafc;
14
- min-height: 100vh;
15
- display: flex;
16
- align-items: center;
17
- justify-content: center;
18
- }
19
- .slide {
20
- width: 1280px;
21
- height: 720px;
22
- padding: 80px;
23
- display: flex;
24
- flex-direction: column;
25
- justify-content: center;
26
- position: relative;
27
- }
28
- .slide-number {
29
- position: absolute;
30
- top: 40px;
31
- right: 60px;
32
- font-size: 14px;
33
- color: #a78bfa;
34
- }
35
- h2 {
36
- font-size: 48px;
37
- font-weight: 700;
38
- margin-bottom: 40px;
39
- color: #f8fafc;
40
- }
41
- .content-grid {
42
- display: grid;
43
- grid-template-columns: 1fr 1fr;
44
- gap: 40px;
45
- }
46
- .content-item {
47
- padding: 24px;
48
- background: #1a1025;
49
- border-radius: 16px;
50
- border: 1px solid #a78bfa20;
51
- }
52
- .content-item h3 {
53
- font-size: 20px;
54
- font-weight: 600;
55
- margin-bottom: 12px;
56
- color: #8b5cf6;
57
- }
58
- .content-item p {
59
- font-size: 16px;
60
- line-height: 1.6;
61
- color: #a78bfa;
62
- }
63
- .bullet-list {
64
- list-style: none;
65
- padding: 0;
66
- }
67
- .bullet-list li {
68
- font-size: 20px;
69
- line-height: 1.8;
70
- padding-left: 24px;
71
- position: relative;
72
- color: #f8fafc;
73
- }
74
- .bullet-list li::before {
75
- content: '';
76
- position: absolute;
77
- left: 0;
78
- top: 50%;
79
- transform: translateY(-50%);
80
- width: 8px;
81
- height: 8px;
82
- background: #8b5cf6;
83
- border-radius: 50%;
84
- }
85
- </style>
86
- </head>
87
- <body>
88
- <div class="slide">
89
- <div class="slide-number">2 / 8</div>
90
- <h2>Основные понятия</h2>
91
-
92
- <ul class="bullet-list">
93
- <li>Определения</li>
94
- <li>Классификация</li>
95
- <li>Примеры</li>
96
- </ul>
97
-
98
- </div>
99
- </body>
100
- </html>
@@ -1,100 +0,0 @@
1
-
2
- <!DOCTYPE html>
3
- <html lang="ru">
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
8
- <style>
9
- * { margin: 0; padding: 0; box-sizing: border-box; }
10
- body {
11
- font-family: 'Inter', sans-serif;
12
- background: #0f0a1a;
13
- color: #f8fafc;
14
- min-height: 100vh;
15
- display: flex;
16
- align-items: center;
17
- justify-content: center;
18
- }
19
- .slide {
20
- width: 1280px;
21
- height: 720px;
22
- padding: 80px;
23
- display: flex;
24
- flex-direction: column;
25
- justify-content: center;
26
- position: relative;
27
- }
28
- .slide-number {
29
- position: absolute;
30
- top: 40px;
31
- right: 60px;
32
- font-size: 14px;
33
- color: #a78bfa;
34
- }
35
- h2 {
36
- font-size: 48px;
37
- font-weight: 700;
38
- margin-bottom: 40px;
39
- color: #f8fafc;
40
- }
41
- .content-grid {
42
- display: grid;
43
- grid-template-columns: 1fr 1fr;
44
- gap: 40px;
45
- }
46
- .content-item {
47
- padding: 24px;
48
- background: #1a1025;
49
- border-radius: 16px;
50
- border: 1px solid #a78bfa20;
51
- }
52
- .content-item h3 {
53
- font-size: 20px;
54
- font-weight: 600;
55
- margin-bottom: 12px;
56
- color: #8b5cf6;
57
- }
58
- .content-item p {
59
- font-size: 16px;
60
- line-height: 1.6;
61
- color: #a78bfa;
62
- }
63
- .bullet-list {
64
- list-style: none;
65
- padding: 0;
66
- }
67
- .bullet-list li {
68
- font-size: 20px;
69
- line-height: 1.8;
70
- padding-left: 24px;
71
- position: relative;
72
- color: #f8fafc;
73
- }
74
- .bullet-list li::before {
75
- content: '';
76
- position: absolute;
77
- left: 0;
78
- top: 50%;
79
- transform: translateY(-50%);
80
- width: 8px;
81
- height: 8px;
82
- background: #8b5cf6;
83
- border-radius: 50%;
84
- }
85
- </style>
86
- </head>
87
- <body>
88
- <div class="slide">
89
- <div class="slide-number">3 / 8</div>
90
- <h2>Анализ</h2>
91
-
92
- <ul class="bullet-list">
93
- <li>Сравнение</li>
94
- <li>Преимущества</li>
95
- <li>Недостатки</li>
96
- </ul>
97
-
98
- </div>
99
- </body>
100
- </html>
@@ -1,100 +0,0 @@
1
-
2
- <!DOCTYPE html>
3
- <html lang="ru">
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
8
- <style>
9
- * { margin: 0; padding: 0; box-sizing: border-box; }
10
- body {
11
- font-family: 'Inter', sans-serif;
12
- background: #0f0a1a;
13
- color: #f8fafc;
14
- min-height: 100vh;
15
- display: flex;
16
- align-items: center;
17
- justify-content: center;
18
- }
19
- .slide {
20
- width: 1280px;
21
- height: 720px;
22
- padding: 80px;
23
- display: flex;
24
- flex-direction: column;
25
- justify-content: center;
26
- position: relative;
27
- }
28
- .slide-number {
29
- position: absolute;
30
- top: 40px;
31
- right: 60px;
32
- font-size: 14px;
33
- color: #a78bfa;
34
- }
35
- h2 {
36
- font-size: 48px;
37
- font-weight: 700;
38
- margin-bottom: 40px;
39
- color: #f8fafc;
40
- }
41
- .content-grid {
42
- display: grid;
43
- grid-template-columns: 1fr 1fr;
44
- gap: 40px;
45
- }
46
- .content-item {
47
- padding: 24px;
48
- background: #1a1025;
49
- border-radius: 16px;
50
- border: 1px solid #a78bfa20;
51
- }
52
- .content-item h3 {
53
- font-size: 20px;
54
- font-weight: 600;
55
- margin-bottom: 12px;
56
- color: #8b5cf6;
57
- }
58
- .content-item p {
59
- font-size: 16px;
60
- line-height: 1.6;
61
- color: #a78bfa;
62
- }
63
- .bullet-list {
64
- list-style: none;
65
- padding: 0;
66
- }
67
- .bullet-list li {
68
- font-size: 20px;
69
- line-height: 1.8;
70
- padding-left: 24px;
71
- position: relative;
72
- color: #f8fafc;
73
- }
74
- .bullet-list li::before {
75
- content: '';
76
- position: absolute;
77
- left: 0;
78
- top: 50%;
79
- transform: translateY(-50%);
80
- width: 8px;
81
- height: 8px;
82
- background: #8b5cf6;
83
- border-radius: 50%;
84
- }
85
- </style>
86
- </head>
87
- <body>
88
- <div class="slide">
89
- <div class="slide-number">4 / 8</div>
90
- <h2>Применение</h2>
91
-
92
- <ul class="bullet-list">
93
- <li>Области использования</li>
94
- <li>Кейсы</li>
95
- <li>Практика</li>
96
- </ul>
97
-
98
- </div>
99
- </body>
100
- </html>