Spaces:

sub314xxl
/

anycoder-6dfc2243

Running

App Files Files Community

sub314xxl commited on Dec 16, 2025

Commit

c78c282

verified ·

1 Parent(s): ea43483

Upload folder using huggingface_hub

Browse files

Files changed (1) hide show

index.html +429 -19

index.html CHANGED Viewed

@@ -1,19 +1,429 @@
-<!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="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Nginx Configuration Analyzer for Yandex Cloud</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        :root {
+            --primary: #2E86AB;
+            --secondary: #A23B72;
+            --accent: #F18F01;
+            --light: #F5F5F5;
+            --dark: #2D2D2D;
+            --success: #4CAF50;
+            --warning: #FFC107;
+            --danger: #F44336;
+        }
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        body {
+            background-color: var(--light);
+            color: var(--dark);
+            line-height: 1.6;
+        }
+        header {
+            background: linear-gradient(135deg, var(--primary), var(--secondary));
+            color: white;
+            padding: 1.5rem;
+            text-align: center;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        }
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 2rem;
+        }
+        h1 {
+            font-size: 2.5rem;
+            margin-bottom: 0.5rem;
+        }
+        .subtitle {
+            font-size: 1.2rem;
+            opacity: 0.9;
+            margin-bottom: 1rem;
+        }
+        .built-with {
+            font-size: 0.9rem;
+            opacity: 0.8;
+            margin-top: 1rem;
+        }
+        .built-with a {
+            color: white;
+            text-decoration: none;
+        }
+        .built-with a:hover {
+            text-decoration: underline;
+        }
+        .config-section {
+            background: white;
+            border-radius: 10px;
+            padding: 2rem;
+            margin-bottom: 2rem;
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+        }
+        .section-title {
+            display: flex;
+            align-items: center;
+            gap: 1rem;
+            margin-bottom: 1.5rem;
+            color: var(--primary);
+        }
+        .section-title i {
+            font-size: 1.5rem;
+        }
+        .config-block {
+            background: #f8f9fa;
+            border-left: 4px solid var(--primary);
+            padding: 1rem 1.5rem;
+            margin-bottom: 1.5rem;
+            border-radius: 5px;
+            font-family: 'Courier New', monospace;
+            font-size: 0.9rem;
+            white-space: pre-wrap;
+            overflow-x: auto;
+        }
+        .explanation {
+            margin-bottom: 1.5rem;
+        }
+        .explanation-title {
+            font-weight: bold;
+            color: var(--secondary);
+            margin-bottom: 0.5rem;
+        }
+        .source-link {
+            display: inline-block;
+            margin-top: 0.5rem;
+            color: var(--accent);
+            text-decoration: none;
+            font-style: italic;
+        }
+        .source-link:hover {
+            text-decoration: underline;
+        }
+        .badge {
+            display: inline-block;
+            padding: 0.3rem 0.6rem;
+            border-radius: 20px;
+            font-size: 0.8rem;
+            font-weight: bold;
+            margin-right: 0.5rem;
+        }
+        .badge-success {
+            background-color: rgba(76, 175, 80, 0.2);
+            color: var(--success);
+        }
+        .badge-warning {
+            background-color: rgba(255, 193, 7, 0.2);
+            color: var(--warning);
+        }
+        .badge-danger {
+            background-color: rgba(244, 67, 54, 0.2);
+            color: var(--danger);
+        }
+        .performance-metric {
+            display: flex;
+            justify-content: space-between;
+            padding: 0.8rem;
+            margin-bottom: 1rem;
+            background: white;
+            border-radius: 5px;
+            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+        }
+        .metric-name {
+            font-weight: bold;
+            color: var(--primary);
+        }
+        .metric-value {
+            font-weight: bold;
+            color: var(--accent);
+        }
+        .recommendation {
+            background: rgba(241, 143, 1, 0.1);
+            border-left: 4px solid var(--accent);
+            padding: 1rem;
+            margin-bottom: 1.5rem;
+            border-radius: 5px;
+        }
+        .recommendation-title {
+            font-weight: bold;
+            color: var(--accent);
+            margin-bottom: 0.5rem;
+        }
+        footer {
+            text-align: center;
+            padding: 1.5rem;
+            background: var(--dark);
+            color: white;
+            margin-top: 2rem;
+        }
+        @media (max-width: 768px) {
+            .container {
+                padding: 1rem;
+            }
+            h1 {
+                font-size: 2rem;
+            }
+            .section-title {
+                flex-direction: column;
+                align-items: flex-start;
+                gap: 0.5rem;
+            }
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <h1>Nginx Configuration Analyzer</h1>
+        <p class="subtitle">Optimized for Yandex Cloud Managed Kubernetes</p>
+        <div class="built-with">
+            Built with <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank">anycoder</a>
+        </div>
+    </header>
+    <div class="container">
+        <div class="config-section">
+            <div class="section-title">
+                <i class="fas fa-cog"></i>
+                <h2>Optimized Nginx Configuration</h2>
+            </div>
+            <div class="config-block">
+worker_processes auto;
+worker_rlimit_nofile 100000;
+events {
+    worker_connections 4096;
+    multi_accept on;
+    use epoll;
+}
+http {
+    sendfile on;
+    tcp_nopush on;
+    tcp_nodelay on;
+    keepalive_timeout 75s;
+    keepalive_requests 1000;
+    client_max_body_size 16m;
+    client_body_buffer_size 128k;
+    large_client_header_buffers 4 16k;
+    server_tokens off;
+    reset_timedout_connection on;
+    types_hash_max_size 2048;
+    gzip on;
+    gzip_vary on;
+    gzip_proxied any;
+    gzip_comp_level 6;
+    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
+    open_file_cache max=1000 inactive=20s;
+    open_file_cache_valid 30s;
+    open_file_cache_min_uses 2;
+    open_file_cache_errors on;
+    server {
+        listen 80;
+        server_name _;
+        location / {
+            proxy_pass http://backend;
+            proxy_http_version 1.1;
+            proxy_set_header Connection "";
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+            proxy_buffering on;
+            proxy_buffer_size 128k;
+            proxy_buffers 4 256k;
+            proxy_busy_buffers_size 256k;
+            proxy_max_temp_file_size 0;
+            proxy_connect_timeout 90;
+            proxy_send_timeout 90;
+            proxy_read_timeout 90;
+        }
+    }
+}
+            </div>
+            <div class="explanation">
+                <div class="explanation-title">Key Optimizations Explained:</div>
+                <div class="performance-metric">
+                    <div class="metric-name">Worker Processes</div>
+                    <div class="metric-value">auto</div>
+                </div>
+                <p>Automatically sets worker processes to match CPU cores. <span class="badge badge-success">Recommended</span> for modern multi-core systems.</p>
+                <a href="https://nginx.org/en/docs/ngx_core_module.html#worker_processes" class="source-link" target="_blank">Official Nginx Documentation (2025)</a>
+                <div class="performance-metric">
+                    <div class="metric-name">File Descriptors</div>
+                    <div class="metric-value">100,000</div>
+                </div>
+                <p>Increased from default to handle more concurrent connections in Kubernetes environment.</p>
+                <a href="https://www.nginx.com/blog/tuning-nginx/" class="source-link" target="_blank">Nginx Tuning Guide (2025)</a>
+                <div class="performance-metric">
+                    <div class="metric-name">Event Model</div>
+                    <div class="metric-value">epoll</div>
+                </div>
+                <p>Most efficient for Linux systems, especially in cloud environments.</p>
+                <a href="https://nginx.org/en/docs/events.html" class="source-link" target="_blank">Nginx Event Types (2025)</a>
+                <div class="recommendation">
+                    <div class="recommendation-title">Yandex Cloud Specific Recommendations:</div>
+                    <ul>
+                        <li>Enabled <code>multi_accept</code> to accept multiple connections at once, reducing latency in managed Kubernetes</li>
+                        <li>Configured <code>keepalive</code> settings for better connection reuse in containerized environments</li>
+                        <li>Added <code>reset_timedout_connection</code> to properly handle timeouts in cloud networking</li>
+                        <li>Optimized proxy settings for Kubernetes service communication</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div class="config-section">
+            <div class="section-title">
+                <i class="fas fa-shield-alt"></i>
+                <h2>Security Enhancements</h2>
+            </div>
+            <div class="config-block">
+# Security headers
+add_header X-Frame-Options "SAMEORIGIN" always;
+add_header X-Content-Type-Options "nosniff" always;
+add_header X-XSS-Protection "1; mode=block" always;
+add_header Referrer-Policy "strict-origin-when-cross-origin" always;
+add_header Content-Security-Policy "default-src 'self' http: https: data: blob: 'unsafe-inline'" always;
+# SSL Configuration (recommended for production)
+ssl_protocols TLSv1.2 TLSv1.3;
+ssl_prefer_server_ciphers on;
+ssl_ciphers "ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384";
+ssl_session_cache shared:SSL:10m;
+ssl_session_timeout 10m;
+            </div>
+            <div class="explanation">
+                <div class="explanation-title">Security Measures:</div>
+                <p>Added comprehensive security headers to protect against common web vulnerabilities. SSL configuration follows modern best practices for 2025.</p>
+                <a href="https://nginx.org/en/docs/http/ngx_http_ssl_module.html" class="source-link" target="_blank">Nginx SSL Module Documentation</a>
+                <br>
+                <a href="https://owasp.org/www-project-secure-headers/" class="source-link" target="_blank">OWASP Secure Headers Project</a>
+            </div>
+        </div>
+        <div class="config-section">
+            <div class="section-title">
+                <i class="fas fa-chart-line"></i>
+                <h2>Performance Metrics</h2>
+            </div>
+            <div class="performance-metric">
+                <div class="metric-name">Expected Concurrent Connections</div>
+                <div class="metric-value">~40,000</div>
+            </div>
+            <p>With worker_connections=4096 and auto worker_processes (assuming 10 cores)</p>
+            <div class="performance-metric">
+                <div class="metric-name">Memory Efficiency</div>
+                <div class="metric-value">Optimized</div>
+            </div>
+            <p>Open file cache and proper buffer sizes reduce memory overhead</p>
+            <div class="performance-metric">
+                <div class="metric-name">Gzip Compression</div>
+                <div class="metric-value">Enabled (Level 6)</div>
+            </div>
+            <p>Balanced compression level for good performance and size reduction</p>
+        </div>
+    </div>
+    <footer>
+        <p>© 2025 Nginx Configuration Analyzer for Yandex Cloud | All rights reserved</p>
+    </footer>
+    <script>
+        // Simple interactive elements
+        document.addEventListener('DOMContentLoaded', function() {
+            // Add copy functionality to config blocks
+            const configBlocks = document.querySelectorAll('.config-block');
+            configBlocks.forEach(block => {
+                const copyBtn = document.createElement('button');
+                copyBtn.innerHTML = '<i class="far fa-copy"></i> Copy';
+                copyBtn.style.cssText = `
+                    position: absolute;
+                    top: 10px;
+                    right: 10px;
+                    padding: 0.3rem 0.6rem;
+                    background: var(--primary);
+                    color: white;
+                    border: none;
+                    border-radius: 3px;
+                    cursor: pointer;
+                    font-size: 0.8rem;
+                `;
+                copyBtn.addEventListener('click', () => {
+                    navigator.clipboard.writeText(block.textContent)
+                        .then(() => {
+                            copyBtn.innerHTML = '<i class="fas fa-check"></i> Copied!';
+                            setTimeout(() => {
+                                copyBtn.innerHTML = '<i class="far fa-copy"></i> Copy';
+                            }, 2000);
+                        });
+                });
+                block.style.position = 'relative';
+                block.appendChild(copyBtn);
+            });
+            // Add smooth scrolling for anchor links
+            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+                anchor.addEventListener('click', function (e) {
+                    e.preventDefault();
+                    document.querySelector(this.getAttribute('href')).scrollIntoView({
+                        behavior: 'smooth'
+                    });
+                });
+            });
+        });
+    </script>
+</body>
+</html>