Upload folder using huggingface_hub

assets/css/styles.css

@@ -0,0 +1,330 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+:root {
+    --primary-color: #4f46e5;
+    --primary-dark: #4338ca;
+    --secondary-color: #10b981;
+    --bg-dark: #111827;
+    --bg-light: #f9fafb;
+    --text-dark: #111827;
+    --text-light: #6b7280;
+    --border-color: #e5e7eb;
+    --card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    --card-hover-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+body {
+    font-family: 'Inter', sans-serif;
+    line-height: 1.6;
+    color: var(--text-dark);
+    background: var(--bg-light);
+}
+
+.container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 20px;
+}
+
+/* Header */
+.header {
+    background: white;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+    position: sticky;
+    top: 0;
+    z-index: 100;
+}
+
+.nav {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 1rem 2rem;
+}
+
+.nav-brand h1 {
+    color: var(--primary-color);
+    font-size: 1.5rem;
+    font-weight: 700;
+}
+
+.nav-menu {
+    display: flex;
+    gap: 2rem;
+}
+
+.nav-menu a {
+    color: var(--text-dark);
+    text-decoration: none;
+    font-weight: 500;
+    transition: color 0.3s;
+}
+
+.nav-menu a:hover {
+    color: var(--primary-color);
+}
+
+.mobile-menu-toggle {
+    display: none;
+    background: none;
+    border: none;
+    font-size: 1.5rem;
+    cursor: pointer;
+}
+
+/* Hero Section */
+.hero {
+    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
+    color: white;
+    padding: 6rem 0;
+    text-align: center;
+}
+
+.hero-title {
+    font-size: 3.5rem;
+    font-weight: 700;
+    margin-bottom: 1rem;
+}
+
+.hero-subtitle {
+    font-size: 1.25rem;
+    margin-bottom: 2rem;
+    opacity: 0.9;
+}
+
+.hero-cta {
+    display: flex;
+    gap: 1rem;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+
+/* Buttons */
+.btn {
+    padding: 0.75rem 1.5rem;
+    border-radius: 0.5rem;
+    text-decoration: none;
+    font-weight: 600;
+    transition: all 0.3s;
+    display: inline-block;
+    cursor: pointer;
+    border: none;
+}
+
+.btn-primary {
+    background: white;
+    color: var(--primary-color);
+}
+
+.btn-primary:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
+}
+
+.btn-secondary {
+    background: transparent;
+    color: white;
+    border: 2px solid white;
+}
+
+.btn-secondary:hover {
+    background: white;
+    color: var(--primary-color);
+}
+
+.btn-large {
+    padding: 1rem 2rem;
+    font-size: 1.1rem;
+}
+
+/* Features Section */
+.features {
+    padding: 5rem 0;
+}
+
+.features h2 {
+    text-align: center;
+    font-size: 2.5rem;
+    margin-bottom: 3rem;
+    color: var(--text-dark);
+}
+
+.features-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 2rem;
+}
+
+.feature-card {
+    background: white;
+    padding: 2rem;
+    border-radius: 1rem;
+    box-shadow: var(--card-shadow);
+    text-align: center;
+    transition: transform 0.3s, box-shadow 0.3s;
+}
+
+.feature-card:hover {
+    transform: translateY(-5px);
+    box-shadow: var(--card-hover-shadow);
+}
+
+.feature-icon {
+    font-size: 3rem;
+    margin-bottom: 1rem;
+}
+
+.feature-card h3 {
+    font-size: 1.5rem;
+    margin-bottom: 1rem;
+    color: var(--text-dark);
+}
+
+.feature-card p {
+    color: var(--text-light);
+}
+
+/* Sections */
+.section {
+    padding: 5rem 0;
+}
+
+.section-dark {
+    background: var(--bg-dark);
+    color: white;
+}
+
+.section h2 {
+    text-align: center;
+    font-size: 2.5rem;
+    margin-bottom: 3rem;
+}
+
+.section-dark h2 {
+    color: white;
+}
+
+/* Requirements */
+.requirements {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+    gap: 2rem;
+}
+
+.requirement-item {
+    background: white;
+    padding: 2rem;
+    border-radius: 1rem;
+    box-shadow: var(--card-shadow);
+}
+
+.section-dark .requirement-item {
+    background: rgba(255, 255, 255, 0.1);
+    backdrop-filter: blur(10px);
+}
+
+.requirement-item h3 {
+    font-size: 1.25rem;
+    margin-bottom: 1rem;
+    color: var(--primary-color);
+}
+
+.requirement-item ul {
+    list-style: none;
+    padding-left: 0;
+}
+
+.requirement-item li {
+    padding: 0.5rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+}
+
+.requirement-item li:before {
+    content: "✓";
+    position: absolute;
+    left: 0;
+    color: var(--secondary-color);
+    font-weight: bold;
+}
+
+/* Steps */
+.steps {
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.step {
+    display: flex;
+    gap: 2rem;
+    margin-bottom: 3rem;
+    align-items: flex-start;
+}
+
+.step-number {
+    background: var(--primary-color);
+    color: white;
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.5rem;
+    font-weight: bold;
+    flex-shrink: 0;
+}
+
+.step-content {
+    flex: 1;
+}
+
+.step-content h3 {
+    font-size: 1.5rem;
+    margin-bottom: 1rem;
+}
+
+/* Code Blocks */
+.code-block {
+    position: relative;
+    background: #1e293b;
+    color: #e2e8f0;
+    padding: 1.5rem;
+    border-radius: 0.5rem;
+    margin: 1rem 0;
+    overflow-x: auto;
+}
+
+.code-block pre {
+    margin: 0;
+    font-family: 'Courier New', monospace;
+    font-size: 0.9rem;
+    line-height: 1.5;
+}
+
+.copy-btn {
+    position: absolute;
+    top: 0.5rem;
+    right: 0.5rem;
+    background: var(--primary-color);
+    color: white;
+    border: none;
+    padding: 0.5rem 1rem;
+    border-radius: 0.25rem;
+    cursor: pointer;
+    font-size: 0.875rem;
+    transition: background 0.3s;
+}
+
+.copy-btn:hover {
+    background: var(--primary-dark);
+}
+
+/* Tabs */
+.config-tabs {
+    display: flex;
+    gap: 1rem;

assets/js/script.js

@@ -0,0 +1 @@
+// generated stub

index.html

@@ -1,19 +1,352 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<html lang="pl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Poradnik: Jak uruchomić GLM-4.6 - Kompletny przewodnik</title>
+    <meta name="description" content="Kompletny poradnik krok po kroku jak uruchomić model AI GLM-4.6. Instalacja, konfiguracja i pierwsze kroki.">
+    <meta name="keywords" content="GLM-4.6, AI, sztuczna inteligencja, model językowy, poradnik, tutorial">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="assets/css/styles.css">
+</head>
+<body>
+    <header class="header">
+        <nav class="nav">
+            <div class="nav-brand">
+                <h1>GLM-4.6 Guide</h1>
+            </div>
+            <div class="nav-menu">
+                <a href="#wymagania">Wymagania</a>
+                <a href="#instalacja">Instalacja</a>
+                <a href="#konfiguracja">Konfiguracja</a>
+                <a href="#przyklady">Przykłady</a>
+                <a href="#faq">FAQ</a>
+            </div>
+            <button class="mobile-menu-toggle">☰</button>
+        </nav>
+    </header>
+
+    <main>
+        <section class="hero">
+            <div class="container">
+                <h1 class="hero-title">Poradnik: Jak uruchomić GLM-4.6</h1>
+                <p class="hero-subtitle">Kompletny przewodnik krok po kroku do instalacji i konfiguracji modelu AI GLM-4.6</p>
+                <div class="hero-cta">
+                    <a href="#instalacja" class="btn btn-primary">Rozpocznij teraz</a>
+                    <a href="#przyklady" class="btn btn-secondary">Zobacz przykłady</a>
+                </div>
+            </div>
+        </section>
+
+        <section class="features">
+            <div class="container">
+                <h2>Dlaczego GLM-4.6?</h2>
+                <div class="features-grid">
+                    <div class="feature-card">
+                        <div class="feature-icon">🚀</div>
+                        <h3>Wydajność</h3>
+                        <p>Najnowszy model z niezwykłą szybkością przetwarzania i generowania odpowiedzi</p>
+                    </div>
+                    <div class="feature-card">
+                        <div class="feature-icon">🎯</div>
+                        <h3>Precyzja</h3>
+                        <p>Zaawansowane zrozumienie kontekstu i naturalnego języka</p>
+                    </div>
+                    <div class="feature-card">
+                        <div class="feature-icon">🔧</div>
+                        <h3>Elastyczność</h3>
+                        <p>Łatwa integracja z różnymi platformami i aplikacjami</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section id="wymagania" class="section">
+            <div class="container">
+                <h2>Wymagania systemowe</h2>
+                <div class="requirements">
+                    <div class="requirement-item">
+                        <h3>🖥️ Sprzęt</h3>
+                        <ul>
+                            <li>Procesor: Intel i7 lub AMD Ryzen 7 lub nowszy</li>
+                            <li>Pamięć RAM: Minimum 16GB (zalecane 32GB)</li>
+                            <li>Karta graficzna: NVIDIA RTX 3060 lub nowszy (z 8GB VRAM)</li>
+                            <li>Wolna przestrzeń dyskowa: Minimum 50GB</li>
+                        </ul>
+                    </div>
+                    <div class="requirement-item">
+                        <h3>💻 Oprogramowanie</h3>
+                        <ul>
+                            <li>Python 3.8 lub nowszy</li>
+                            <li>pip (menedżer pakietów Python)</li>
+                            <li>Git</li>
+                            <li>Virtualenv (zalecane)</li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section id="instalacja" class="section section-dark">
+            <div class="container">
+                <h2>Instalacja krok po kroku</h2>
+                <div class="steps">
+                    <div class="step">
+                        <div class="step-number">1</div>
+                        <div class="step-content">
+                            <h3>Przygotowanie środowiska</h3>
+                            <div class="code-block">
+                                <pre><code># Utwórz wirtualne środowisko
+python -m venv glm46_env
+
+# Aktywuj środowisko (Windows)
+glm46_env\Scripts\activate
+
+# Aktywuj środowisko (Linux/macOS)
+source glm46_env/bin/activate</code></pre>
+                                <button class="copy-btn" onclick="copyCode(this)">Kopiuj</button>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="step">
+                        <div class="step-number">2</div>
+                        <div class="step-content">
+                            <h3>Instalacja zależności</h3>
+                            <div class="code-block">
+                                <pre><code># Zainstaluj PyTorch z obsługą CUDA
+pip install torch torchvision torchaudio --index-url https://download.pytorch.org/whl/cu118
+
+# Zainstaluj transformers i inne zależności
+pip install transformers>=4.36.0
+pip install accelerate
+pip install sentencepiece
+pip install protobuf
+pip install numpy
+pip install pandas</code></pre>
+                                <button class="copy-btn" onclick="copyCode(this)">Kopiuj</button>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="step">
+                        <div class="step-number">3</div>
+                        <div class="step-content">
+                            <h3>Pobranie modelu</h3>
+                            <div class="code-block">
+                                <pre><code>from transformers import AutoModel, AutoTokenizer
+
+# Pobierz model i tokenizer
+tokenizer = AutoTokenizer.from_pretrained("THUDM/glm-4-9b-chat", trust_remote_code=True)
+model = AutoModel.from_pretrained(
+    "THUDM/glm-4-9b-chat", 
+    trust_remote_code=True,
+    device_map="auto"
+)</code></pre>
+                                <button class="copy-btn" onclick="copyCode(this)">Kopiuj</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section id="konfiguracja" class="section">
+            <div class="container">
+                <h2>Konfiguracja</h2>
+                <div class="config-tabs">
+                    <button class="tab-btn active" onclick="switchTab('basic')">Podstawowa</button>
+                    <button class="tab-btn" onclick="switchTab('advanced')">Zaawansowana</button>
+                    <button class="tab-btn" onclick="switchTab('api')">API Server</button>
+                </div>
+                
+                <div class="tab-content active" id="basic-tab">
+                    <h3>Podstawowa konfiguracja</h3>
+                    <div class="code-block">
+                        <pre><code># Proste użycie modelu
+response, history = model.chat(
+    tokenizer, 
+    "Witaj! Przedstaw się proszę.", 
+    history=[]
+)
+
+print(response)</code></pre>
+                        <button class="copy-btn" onclick="copyCode(this)">Kopiuj</button>
+                    </div>
+                </div>
+
+                <div class="tab-content" id="advanced-tab">
+                    <h3>Zaawansowana konfiguracja</h3>
+                    <div class="code-block">
+                        <pre><code># Konfiguracja parametrów generacji
+model_kwargs = {
+    "max_length": 2048,
+    "temperature": 0.7,
+    "top_p": 0.9,
+    "repetition_penalty": 1.1,
+    "do_sample": True
+}
+
+response, history = model.chat(
+    tokenizer,
+    "Napisz poetycki opis zachodu słońca.",
+    history=[],
+    **model_kwargs
+)</code></pre>
+                        <button class="copy-btn" onclick="copyCode(this)">Kopiuj</button>
+                    </div>
+                </div>
+
+                <div class="tab-content" id="api-tab">
+                    <h3>Serwer API</h3>
+                    <div class="code-block">
+                        <pre><code># Uruchomienie serwera API
+from flask import Flask, request, jsonify
+import threading
+
+app = Flask(__name__)
+
+@app.route('/chat', methods=['POST'])
+def chat():
+    data = request.json
+    message = data.get('message', '')
+    
+    response, _ = model.chat(
+        tokenizer, 
+        message, 
+        history=[]
+    )
+    
+    return jsonify({"response": response})
+
+if __name__ == '__main__':
+    app.run(host='0.0.0.0', port=5000)</code></pre>
+                        <button class="copy-btn" onclick="copyCode(this)">Kopiuj</button>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section id="przyklady" class="section section-dark">
+            <div class="container">
+                <h2>Przykłady użycia</h2>
+                <div class="examples-grid">
+                    <div class="example-card">
+                        <h3>📝 Generowanie tekstu</h3>
+                        <p>Tworzenie artykułów, opisów produktów, treści marketingowych</p>
+                        <button class="example-btn" onclick="showExample('text')">Zobacz kod</button>
+                    </div>
+                    <div class="example-card">
+                        <h3>💬 Asystent konwersacyjny</h3>
+                        <p>Obsługa klienta, pomoc techniczna, chatbot</p>
+                        <button class="example-btn" onclick="showExample('chat')">Zobacz kod</button>
+                    </div>
+                    <div class="example-card">
+                        <h3>🔍 Analiza tekstu</h3>
+                        <p>Ekstrakcja informacji, podsumowania, analiza sentymentu</p>
+                        <button class="example-btn" onclick="showExample('analysis')">Zobacz kod</button>
+                    </div>
+                </div>
+                <div class="example-code" id="example-code" style="display: none;">
+                    <div class="code-block">
+                        <pre id="example-content"></pre>
+                        <button class="copy-btn" onclick="copyExampleCode()">Kopiuj</button>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section id="faq" class="section">
+            <div class="container">
+                <h2>Często zadawane pytania</h2>
+                <div class="faq">
+                    <div class="faq-item">
+                        <button class="faq-question" onclick="toggleFAQ(this)">
+                            <span>Czy GLM-4.6 może działać bez karty graficznej?</span>
+                            <span class="faq-toggle">+</span>
+                        </button>
+                        <div class="faq-answer">
+                            <p>Tak, model może działać na CPU, ale wydajność będzie znacznie niższa. Czas odpowiedzi może wynosić od kilkudziesięciu sekund do kilku minut w zależności od sprzętu.</p>
+                        </div>
+                    </div>
+                    <div class="faq-item">
+                        <button class="faq-question" onclick="toggleFAQ(this)">
+                            <span>Ile pamięci RAM potrzebuje model?</span>
+                            <span class="faq-toggle">+</span>
+                        </button>
+                        <div class="faq-answer">
+                            <p>Minimum 16GB RAM, ale zalecane jest 32GB dla płynnego działania. Na mniejszej ilości pamięci może być potrzebne użycie trybu 8-bitowej precyzji.</p>
+                        </div>
+                    </div>
+                    <div class="faq-item">
+                        <button class="faq-question" onclick="toggleFAQ(this)">
+                            <span>Czy model obsługuje język polski?</span>
+                            <span class="faq-toggle">+</span>
+                        </button>
+                        <div class="faq-answer">
+                            <p>Tak, GLM-4.6 dobrze radzi sobie z językiem polskim. Model został trenowany na wielojęzycznych danych, w tym na polskich tekstach.</p>
+                        </div>
+                    </div>
+                    <div class="faq-item">
+                        <button class="faq-question" onclick="toggleFAQ(this)">
+                            <span>Jak zoptymalizować wydajność modelu?</span>
+                            <span class="faq-toggle">+</span>
+                        </button>
+                        <div class="faq-answer">
+                            <p>Można użyć kwantyzacji (4-bit lub 8-bit), batch processing, oraz optymalizacji pamięci poprzez gradient checkpointing.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="section section-dark">
+            <div class="container">
+                <div class="cta-box">
+                    <h2>Gotowy do rozpoczęcia?</h2>
+                    <p>Postępuj zgodnie z naszym przewodnikiem i uruchom GLM-4.6 już dziś!</p>
+                    <div class="cta-buttons">
+                        <a href="#instalacja" class="btn btn-primary btn-large">Zacznij instalację</a>
+                        <a href="https://github.com/THUDM/GLM-4" target="_blank" class="btn btn-secondary btn-large">Dokumentacja oficjalna</a>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </main>
+
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-content">
+                <div class="footer-section">
+                    <h3>GLM-4.6 Guide</h3>
+                    <p>Kompletny przewodnik po instalacji i konfiguracji modelu GLM-4.6</p>
+                </div>
+                <div class="footer-section">
+                    <h3>Linki</h3>
+                    <ul>
+                        <li><a href="#wymagania">Wymagania</a></li>
+                        <li><a href="#instalacja">Instalacja</a></li>
+                        <li><a href="#konfiguracja">Konfiguracja</a></li>
+                        <li><a href="#przyklady">Przykłady</a></li>
+                    </ul>
+                </div>
+                <div class="footer-section">
+                    <h3>Zasoby</h3>
+                    <ul>
+                        <li><a href="https://github.com/THUDM/GLM-4" target="_blank">GitHub</a></li>
+                        <li><a href="https://huggingface.co/THUDM" target="_blank">Hugging Face</a></li>
+                        <li><a href="https://open.bigmodel.cn/" target="_blank">Zhipu AI</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>&copy; 2024 GLM-4.6 Guide. Built with <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank">anycoder</a></p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="assets/js/script.js"></script>
+</body>
+</html>