npm - stella-coder - Versions diffs - 3.9.2 → 4.0.0 - Mend

stella-coder 3.9.2 → 4.0.0

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 (235) hide show

package/presentation-stella-coder---ai-coding-agent/index.html ADDED Viewed

@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Stella Coder - AI Coding Agent</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Inter', sans-serif;
+            background: #0f0a1a;
+            overflow: hidden;
+        }
+        .presentation {
+            width: 100vw;
+            height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .slide-container {
+            width: 1280px;
+            height: 720px;
+            transform-origin: center center;
+        }
+        .controls {
+            position: fixed;
+            bottom: 30px;
+            left: 50%;
+            transform: translateX(-50%);
+            display: flex;
+            gap: 12px;
+            z-index: 1000;
+        }
+        .control-btn {
+            width: 48px;
+            height: 48px;
+            border-radius: 12px;
+            border: 1px solid #a78bfa30;
+            background: #1a1025;
+            color: #f8fafc;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: all 0.2s ease;
+        }
+        .control-btn:hover {
+            background: #8b5cf6;
+            color: #0f0a1a;
+        }
+        .progress {
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            height: 4px;
+            background: linear-gradient(90deg, #8b5cf6, #ec4899);
+            transition: width 0.3s ease;
+        }
+        .slide-counter {
+            position: fixed;
+            bottom: 40px;
+            right: 30px;
+            font-size: 14px;
+            color: #a78bfa;
+        }
+    </style>
+</head>
+<body>
+    <div class="presentation">
+        <div class="slide-container" id="slideContainer">
+            <div class="slide" id="slide1" style="display: block">
+                <iframe src="slide-01.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide" id="slide2" style="display: none">
+                <iframe src="slide-02.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide" id="slide3" style="display: none">
+                <iframe src="slide-03.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide" id="slide4" style="display: none">
+                <iframe src="slide-04.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide" id="slide5" style="display: none">
+                <iframe src="slide-05.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide" id="slide6" style="display: none">
+                <iframe src="slide-06.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide" id="slide7" style="display: none">
+                <iframe src="slide-07.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide" id="slide8" style="display: none">
+                <iframe src="slide-08.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide" id="slide9" style="display: none">
+                <iframe src="slide-09.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+            <div class="slide" id="slide10" style="display: none">
+                <iframe src="slide-10.html" width="1280" height="720" frameborder="0" style="border: none;"></iframe>
+            </div>
+        </div>
+    </div>
+    <div class="controls">
+        <button class="control-btn" onclick="prevSlide()">←</button>
+        <button class="control-btn" onclick="nextSlide()">→</button>
+        <button class="control-btn" onclick="toggleFullscreen()">⛶</button>
+    </div>
+    <div class="progress" id="progress"></div>
+    <div class="slide-counter" id="slideCounter">1 / 10</div>
+    <script>
+        let currentSlide = 1;
+        const totalSlides = 10;
+        function showSlide(n) {
+            document.querySelectorAll('.slide').forEach(s => s.style.display = 'none');
+            document.getElementById('slide' + n).style.display = 'block';
+            document.getElementById('slideCounter').textContent = n + ' / ' + totalSlides;
+            document.getElementById('progress').style.width = ((n / totalSlides) * 100) + '%';
+        }
+        function nextSlide() {
+            if (currentSlide < totalSlides) {
+                currentSlide++;
+                showSlide(currentSlide);
+            }
+        }
+        function prevSlide() {
+            if (currentSlide > 1) {
+                currentSlide--;
+                showSlide(currentSlide);
+            }
+        }
+        function toggleFullscreen() {
+            if (!document.fullscreenElement) {
+                document.documentElement.requestFullscreen();
+            } else {
+                document.exitFullscreen();
+            }
+        }
+        document.addEventListener('keydown', (e) => {
+            if (e.key === 'ArrowRight' || e.key === ' ') nextSlide();
+            if (e.key === 'ArrowLeft') prevSlide();
+            if (e.key === 'f') toggleFullscreen();
+        });
+        // Scale to fit
+        function scalePresentation() {
+            const container = document.getElementById('slideContainer');
+            const scaleX = window.innerWidth / 1280;
+            const scaleY = window.innerHeight / 720;
+            const scale = Math.min(scaleX, scaleY) * 0.9;
+            container.style.transform = 'scale(' + scale + ')';
+        }
+        window.addEventListener('resize', scalePresentation);
+        scalePresentation();
+    </script>
+</body>
+</html>

package/presentation-stella-coder---ai-coding-agent/slide-01.html ADDED Viewed

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Stella Coder - AI Coding Agent</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Inter', sans-serif;
+            background: #0f0a1a;
+            color: #f8fafc;
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .slide {
+            width: 1280px;
+            height: 720px;
+            padding: 80px;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            position: relative;
+            overflow: hidden;
+        }
+        .slide::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -50%;
+            width: 100%;
+            height: 100%;
+            background: radial-gradient(circle, #8b5cf615 0%, transparent 70%);
+        }
+        .slide::after {
+            content: '';
+            position: absolute;
+            bottom: -30%;
+            left: -30%;
+            width: 80%;
+            height: 80%;
+            background: radial-gradient(circle, #ec489910 0%, transparent 70%);
+        }
+        .content { position: relative; z-index: 1; }
+        h1 {
+            font-size: 72px;
+            font-weight: 800;
+            line-height: 1.1;
+            margin-bottom: 24px;
+            background: linear-gradient(135deg, #f8fafc 0%, #a78bfa 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+        .subtitle {
+            font-size: 28px;
+            color: #a78bfa;
+            font-weight: 400;
+            max-width: 600px;
+        }
+        .author {
+            position: absolute;
+            bottom: 60px;
+            left: 80px;
+            font-size: 18px;
+            color: #a78bfa;
+        }
+        .date {
+            position: absolute;
+            bottom: 60px;
+            right: 80px;
+            font-size: 16px;
+            color: #a78bfa;
+        }
+        .accent-line {
+            width: 80px;
+            height: 4px;
+            background: linear-gradient(90deg, #8b5cf6, #ec4899);
+            border-radius: 2px;
+            margin-bottom: 32px;
+        }
+    </style>
+</head>
+<body>
+    <div class="slide">
+        <div class="content">
+            <div class="accent-line"></div>
+            <h1>Stella Coder - AI Coding Agent</h1>
+            <p class="subtitle"></p>
+        </div>
+        <div class="author">Stella Development Team</div>
+        <div class="date">10.07.2026</div>
+    </div>
+</body>
+</html>

package/presentation-stella-coder---ai-coding-agent/slide-02.html ADDED Viewed

@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Inter', sans-serif;
+            background: #0f0a1a;
+            color: #f8fafc;
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .slide {
+            width: 1280px;
+            height: 720px;
+            padding: 80px;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            position: relative;
+        }
+        .slide-number {
+            position: absolute;
+            top: 40px;
+            right: 60px;
+            font-size: 14px;
+            color: #a78bfa;
+        }
+        h2 {
+            font-size: 48px;
+            font-weight: 700;
+            margin-bottom: 40px;
+            color: #f8fafc;
+        }
+        .content-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 40px;
+        }
+        .content-item {
+            padding: 24px;
+            background: #1a1025;
+            border-radius: 16px;
+            border: 1px solid #a78bfa20;
+        }
+        .content-item h3 {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: #8b5cf6;
+        }
+        .content-item p {
+            font-size: 16px;
+            line-height: 1.6;
+            color: #a78bfa;
+        }
+        .bullet-list {
+            list-style: none;
+            padding: 0;
+        }
+        .bullet-list li {
+            font-size: 20px;
+            line-height: 1.8;
+            padding-left: 24px;
+            position: relative;
+            color: #f8fafc;
+        }
+        .bullet-list li::before {
+            content: '';
+            position: absolute;
+            left: 0;
+            top: 50%;
+            transform: translateY(-50%);
+            width: 8px;
+            height: 8px;
+            background: #8b5cf6;
+            border-radius: 50%;
+        }
+    </style>
+</head>
+<body>
+    <div class="slide">
+        <div class="slide-number">1 / 8</div>
+        <h2>Введение</h2>
+        <ul class="bullet-list">
+            <li>Что такое Stella Coder - AI Coding Agent</li>
+            <li>Актуальность темы</li>
+            <li>Цели и задачи работы</li>
+            <li>Методы исследования</li>
+        </ul>
+    </div>
+</body>
+</html>

package/presentation-stella-coder---ai-coding-agent/slide-03.html ADDED Viewed

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Inter', sans-serif;
+            background: #0f0a1a;
+            color: #f8fafc;
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .slide {
+            width: 1280px;
+            height: 720px;
+            padding: 80px;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            position: relative;
+        }
+        .slide-number {
+            position: absolute;
+            top: 40px;
+            right: 60px;
+            font-size: 14px;
+            color: #a78bfa;
+        }
+        h2 {
+            font-size: 48px;
+            font-weight: 700;
+            margin-bottom: 40px;
+            color: #f8fafc;
+        }
+        .content-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 40px;
+        }
+        .content-item {
+            padding: 24px;
+            background: #1a1025;
+            border-radius: 16px;
+            border: 1px solid #a78bfa20;
+        }
+        .content-item h3 {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: #8b5cf6;
+        }
+        .content-item p {
+            font-size: 16px;
+            line-height: 1.6;
+            color: #a78bfa;
+        }
+        .bullet-list {
+            list-style: none;
+            padding: 0;
+        }
+        .bullet-list li {
+            font-size: 20px;
+            line-height: 1.8;
+            padding-left: 24px;
+            position: relative;
+            color: #f8fafc;
+        }
+        .bullet-list li::before {
+            content: '';
+            position: absolute;
+            left: 0;
+            top: 50%;
+            transform: translateY(-50%);
+            width: 8px;
+            height: 8px;
+            background: #8b5cf6;
+            border-radius: 50%;
+        }
+    </style>
+</head>
+<body>
+    <div class="slide">
+        <div class="slide-number">2 / 8</div>
+        <h2>Основные понятия</h2>
+        <ul class="bullet-list">
+            <li>Определения</li>
+            <li>Классификация</li>
+            <li>Примеры</li>
+        </ul>
+    </div>
+</body>
+</html>

package/presentation-stella-coder---ai-coding-agent/slide-04.html ADDED Viewed

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Inter', sans-serif;
+            background: #0f0a1a;
+            color: #f8fafc;
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .slide {
+            width: 1280px;
+            height: 720px;
+            padding: 80px;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            position: relative;
+        }
+        .slide-number {
+            position: absolute;
+            top: 40px;
+            right: 60px;
+            font-size: 14px;
+            color: #a78bfa;
+        }
+        h2 {
+            font-size: 48px;
+            font-weight: 700;
+            margin-bottom: 40px;
+            color: #f8fafc;
+        }
+        .content-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 40px;
+        }
+        .content-item {
+            padding: 24px;
+            background: #1a1025;
+            border-radius: 16px;
+            border: 1px solid #a78bfa20;
+        }
+        .content-item h3 {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: #8b5cf6;
+        }
+        .content-item p {
+            font-size: 16px;
+            line-height: 1.6;
+            color: #a78bfa;
+        }
+        .bullet-list {
+            list-style: none;
+            padding: 0;
+        }
+        .bullet-list li {
+            font-size: 20px;
+            line-height: 1.8;
+            padding-left: 24px;
+            position: relative;
+            color: #f8fafc;
+        }
+        .bullet-list li::before {
+            content: '';
+            position: absolute;
+            left: 0;
+            top: 50%;
+            transform: translateY(-50%);
+            width: 8px;
+            height: 8px;
+            background: #8b5cf6;
+            border-radius: 50%;
+        }
+    </style>
+</head>
+<body>
+    <div class="slide">
+        <div class="slide-number">3 / 8</div>
+        <h2>Анализ</h2>
+        <ul class="bullet-list">
+            <li>Сравнение</li>
+            <li>Преимущества</li>
+            <li>Недостатки</li>
+        </ul>
+    </div>
+</body>
+</html>

package/presentation-stella-coder---ai-coding-agent/slide-05.html ADDED Viewed

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Inter', sans-serif;
+            background: #0f0a1a;
+            color: #f8fafc;
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .slide {
+            width: 1280px;
+            height: 720px;
+            padding: 80px;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            position: relative;
+        }
+        .slide-number {
+            position: absolute;
+            top: 40px;
+            right: 60px;
+            font-size: 14px;
+            color: #a78bfa;
+        }
+        h2 {
+            font-size: 48px;
+            font-weight: 700;
+            margin-bottom: 40px;
+            color: #f8fafc;
+        }
+        .content-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 40px;
+        }
+        .content-item {
+            padding: 24px;
+            background: #1a1025;
+            border-radius: 16px;
+            border: 1px solid #a78bfa20;
+        }
+        .content-item h3 {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: #8b5cf6;
+        }
+        .content-item p {
+            font-size: 16px;
+            line-height: 1.6;
+            color: #a78bfa;
+        }
+        .bullet-list {
+            list-style: none;
+            padding: 0;
+        }
+        .bullet-list li {
+            font-size: 20px;
+            line-height: 1.8;
+            padding-left: 24px;
+            position: relative;
+            color: #f8fafc;
+        }
+        .bullet-list li::before {
+            content: '';
+            position: absolute;
+            left: 0;
+            top: 50%;
+            transform: translateY(-50%);
+            width: 8px;
+            height: 8px;
+            background: #8b5cf6;
+            border-radius: 50%;
+        }
+    </style>
+</head>
+<body>
+    <div class="slide">
+        <div class="slide-number">4 / 8</div>
+        <h2>Применение</h2>
+        <ul class="bullet-list">
+            <li>Области использования</li>
+            <li>Кейсы</li>
+            <li>Практика</li>
+        </ul>
+    </div>
+</body>
+</html>