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,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: #ffffff;
13
- color: #171717;
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: #737373;
34
- }
35
- h2 {
36
- font-size: 48px;
37
- font-weight: 700;
38
- margin-bottom: 40px;
39
- color: #171717;
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: #fafafa;
49
- border-radius: 16px;
50
- border: 1px solid #73737320;
51
- }
52
- .content-item h3 {
53
- font-size: 20px;
54
- font-weight: 600;
55
- margin-bottom: 12px;
56
- color: #000000;
57
- }
58
- .content-item p {
59
- font-size: 16px;
60
- line-height: 1.6;
61
- color: #737373;
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: #171717;
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: #000000;
83
- border-radius: 50%;
84
- }
85
- </style>
86
- </head>
87
- <body>
88
- <div class="slide">
89
- <div class="slide-number">3 / 3</div>
90
- <h2>Заключение</h2>
91
-
92
- <ul class="bullet-list">
93
- <li>Основные выводы</li>
94
- <li>Практическая значимость</li>
95
- <li>Рекомендации</li>
96
- <li>Направления дальнейших исследований</li>
97
- </ul>
98
-
99
- </div>
100
- </body>
101
- </html>
@@ -1,91 +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;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: #ffffff;
13
- color: #171717;
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
- align-items: center;
27
- text-align: center;
28
- position: relative;
29
- overflow: hidden;
30
- }
31
- .slide::before {
32
- content: '';
33
- position: absolute;
34
- top: 50%;
35
- left: 50%;
36
- transform: translate(-50%, -50%);
37
- width: 600px;
38
- height: 600px;
39
- background: radial-gradient(circle, #00000020 0%, transparent 70%);
40
- }
41
- .content { position: relative; z-index: 1; }
42
- h2 {
43
- font-size: 64px;
44
- font-weight: 800;
45
- margin-bottom: 24px;
46
- background: linear-gradient(135deg, #171717 0%, #000000 100%);
47
- -webkit-background-clip: text;
48
- -webkit-text-fill-color: transparent;
49
- }
50
- .subtitle {
51
- font-size: 24px;
52
- color: #737373;
53
- margin-bottom: 48px;
54
- }
55
- .cta-buttons {
56
- display: flex;
57
- gap: 24px;
58
- }
59
- .cta-button {
60
- padding: 16px 32px;
61
- border-radius: 12px;
62
- font-size: 18px;
63
- font-weight: 600;
64
- text-decoration: none;
65
- transition: all 0.3s ease;
66
- }
67
- .cta-primary {
68
- background: #000000;
69
- color: #ffffff;
70
- }
71
- .cta-secondary {
72
- background: transparent;
73
- color: #171717;
74
- border: 2px solid #73737340;
75
- }
76
- </style>
77
- </head>
78
- <body>
79
- <div class="slide">
80
- <div class="content">
81
- <h2>Спасибо!</h2>
82
- <p class="subtitle">Вопросы?</p>
83
- <div class="cta-buttons">
84
-
85
- <a class="cta-button cta-primary">Начать использовать</a>
86
- <a class="cta-button cta-secondary">Узнать больше</a>
87
- </div>
88
- </div>
89
- </div>
90
- </body>
91
- </html>
@@ -1,27 +0,0 @@
1
- # Тестовая презентация
2
-
3
- ## Презентация
4
-
5
- Эта презентация содержит 7 слайдов.
6
-
7
- ### Просмотр
8
-
9
- Откройте `index.html` в браузере для просмотра презентации.
10
-
11
- ### Навигация
12
-
13
- - Используйте клавиши ← → для навигации
14
- - Нажмите F11 для полноэкранного режима
15
-
16
- ### Тема
17
-
18
- Modern Dark
19
-
20
- ### Цвета
21
-
22
- - Primary: #22c55e
23
- - Secondary: #3b82f6
24
- - Accent: #22c55e
25
-
26
- ---
27
- Создано с помощью Stella Coder
@@ -1,159 +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>Тестовая презентация</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: #0a0a0f;
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 #94a3b830;
41
- background: #111118;
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: #22c55e;
51
- color: #0a0a0f;
52
- }
53
- .progress {
54
- position: fixed;
55
- bottom: 0;
56
- left: 0;
57
- height: 4px;
58
- background: linear-gradient(90deg, #22c55e, #3b82f6);
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: #94a3b8;
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>
96
- </div>
97
-
98
- <div class="controls">
99
- <button class="control-btn" onclick="prevSlide()">←</button>
100
- <button class="control-btn" onclick="nextSlide()">→</button>
101
- <button class="control-btn" onclick="toggleFullscreen()">⛶</button>
102
- </div>
103
-
104
- <div class="progress" id="progress"></div>
105
- <div class="slide-counter" id="slideCounter">1 / 7</div>
106
-
107
- <script>
108
- let currentSlide = 1;
109
- const totalSlides = 7;
110
-
111
- function showSlide(n) {
112
- document.querySelectorAll('.slide').forEach(s => s.style.display = 'none');
113
- document.getElementById('slide' + n).style.display = 'block';
114
- document.getElementById('slideCounter').textContent = n + ' / ' + totalSlides;
115
- document.getElementById('progress').style.width = ((n / totalSlides) * 100) + '%';
116
- }
117
-
118
- function nextSlide() {
119
- if (currentSlide < totalSlides) {
120
- currentSlide++;
121
- showSlide(currentSlide);
122
- }
123
- }
124
-
125
- function prevSlide() {
126
- if (currentSlide > 1) {
127
- currentSlide--;
128
- showSlide(currentSlide);
129
- }
130
- }
131
-
132
- function toggleFullscreen() {
133
- if (!document.fullscreenElement) {
134
- document.documentElement.requestFullscreen();
135
- } else {
136
- document.exitFullscreen();
137
- }
138
- }
139
-
140
- document.addEventListener('keydown', (e) => {
141
- if (e.key === 'ArrowRight' || e.key === ' ') nextSlide();
142
- if (e.key === 'ArrowLeft') prevSlide();
143
- if (e.key === 'f') toggleFullscreen();
144
- });
145
-
146
- // Scale to fit
147
- function scalePresentation() {
148
- const container = document.getElementById('slideContainer');
149
- const scaleX = window.innerWidth / 1280;
150
- const scaleY = window.innerHeight / 720;
151
- const scale = Math.min(scaleX, scaleY) * 0.9;
152
- container.style.transform = 'scale(' + scale + ')';
153
- }
154
-
155
- window.addEventListener('resize', scalePresentation);
156
- scalePresentation();
157
- </script>
158
- </body>
159
- </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>Тестовая презентация</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: #0a0a0f;
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, #22c55e15 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, #3b82f610 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%, #94a3b8 100%);
55
- -webkit-background-clip: text;
56
- -webkit-text-fill-color: transparent;
57
- }
58
- .subtitle {
59
- font-size: 28px;
60
- color: #94a3b8;
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: #94a3b8;
70
- }
71
- .date {
72
- position: absolute;
73
- bottom: 60px;
74
- right: 80px;
75
- font-size: 16px;
76
- color: #94a3b8;
77
- }
78
- .accent-line {
79
- width: 80px;
80
- height: 4px;
81
- background: linear-gradient(90deg, #22c55e, #3b82f6);
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>Тестовая презентация</h1>
92
- <p class="subtitle"></p>
93
- </div>
94
- <div class="author">Stella</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: #0a0a0f;
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: #94a3b8;
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: #111118;
49
- border-radius: 16px;
50
- border: 1px solid #94a3b820;
51
- }
52
- .content-item h3 {
53
- font-size: 20px;
54
- font-weight: 600;
55
- margin-bottom: 12px;
56
- color: #22c55e;
57
- }
58
- .content-item p {
59
- font-size: 16px;
60
- line-height: 1.6;
61
- color: #94a3b8;
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: #22c55e;
83
- border-radius: 50%;
84
- }
85
- </style>
86
- </head>
87
- <body>
88
- <div class="slide">
89
- <div class="slide-number">1 / 5</div>
90
- <h2>Введение</h2>
91
-
92
- <ul class="bullet-list">
93
- <li>Что такое Тестовая презентация</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: #0a0a0f;
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: #94a3b8;
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: #111118;
49
- border-radius: 16px;
50
- border: 1px solid #94a3b820;
51
- }
52
- .content-item h3 {
53
- font-size: 20px;
54
- font-weight: 600;
55
- margin-bottom: 12px;
56
- color: #22c55e;
57
- }
58
- .content-item p {
59
- font-size: 16px;
60
- line-height: 1.6;
61
- color: #94a3b8;
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: #22c55e;
83
- border-radius: 50%;
84
- }
85
- </style>
86
- </head>
87
- <body>
88
- <div class="slide">
89
- <div class="slide-number">2 / 5</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>