updated all

Dockerfile

@@ -0,0 +1,12 @@
+FROM python:3.11-slim
+
+# Set working directory
+WORKDIR /app
+
+# Install system dependencies
+RUN apt-get update && apt-get install -y \
+    build-essential \
+    && rm -rf /var/lib/apt/lists/*
+
+# Copy requirements and install Python dependencies
+COPY6

app.py

@@ -0,0 +1,200 @@
+from fastapi import FastAPI, Request, Form, HTTPException, Depends
+from fastapi.responses import RedirectResponse, HTMLResponse, StreamingResponse
+from fastapi.staticfiles import StaticFiles
+from fastapi.templating import Jinja2Templates
+from fastapi.middleware.cors import CORSMiddleware
+import os
+import qrcode
+import io
+import uuid
+from typing import Dict, Optional
+import json
+from datetime import datetime, timedelta
+import uvicorn
+
+# Initialize FastAPI app
+app = FastAPI(
+    title="Dynamic QR Generator",
+    description="Enterprise-grade dynamic QR code management system",
+    version="1.0.0"
+)
+
+# Add CORS middleware
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+# Mount static files and templates
+os.makedirs("static", exist_ok=True)
+os.makedirs("templates", exist_ok=True)
+app.mount("/static", StaticFiles(directory="static"), name="static")
+templates = Jinja2Templates(directory="templates")
+
+# In-memory storage for QR codes (use database in production)
+qr_codes: Dict[str, Dict] = {}
+
+class QRCodeManager:
+    """Middleware class for QR code management logic"""
+    
+    @staticmethod
+    def generate_qr_id() -> str:
+        """Generate unique QR code identifier"""
+        return str(uuid.uuid4())[:8]
+    
+    @staticmethod
+    def create_qr_code(qr_id: str, redirect_url: str, title: str = "Untitled") -> Dict:
+        """Create a new QR code entry"""
+        qr_data = {
+            "id": qr_id,
+            "title": title,
+            "redirect_url": redirect_url,
+            "scan_count": 0,
+            "created_at": datetime.now().isoformat(),
+            "last_scanned": None,
+            "is_active": True
+        }
+        qr_codes[qr_id] = qr_data
+        return qr_data
+    
+    @staticmethod
+    def update_qr_code(qr_id: str, redirect_url: str, title: str = None) -> Optional[Dict]:
+        """Update existing QR code"""
+        if qr_id not in qr_codes:
+            return None
+        
+        qr_codes[qr_id]["redirect_url"] = redirect_url
+        if title:
+            qr_codes[qr_id]["title"] = title
+        qr_codes[qr_id]["updated_at"] = datetime.now().isoformat()
+        return qr_codes[qr_id]
+    
+    @staticmethod
+    def get_qr_code(qr_id: str) -> Optional[Dict]:
+        """Get QR code data"""
+        return qr_codes.get(qr_id)
+    
+    @staticmethod
+    def increment_scan_count(qr_id: str) -> None:
+        """Increment scan count and update last scanned time"""
+        if qr_id in qr_codes:
+            qr_codes[qr_id]["scan_count"] += 1
+            qr_codes[qr_id]["last_scanned"] = datetime.now().isoformat()
+    
+    @staticmethod
+    def get_all_qr_codes() -> Dict[str, Dict]:
+        """Get all QR codes"""
+        return qr_codes
+    
+    @staticmethod
+    def generate_qr_image(qr_id: str) -> io.BytesIO:
+        """Generate QR code image"""
+        base_url = os.getenv("BASE_URL", "https://your-app.hf.space")
+        qr_url = f"{base_url}/r/{qr_id}"
+        
+        qr = qrcode.QRCode(
+            version=1,
+            error_correction=qrcode.constants.ERROR_CORRECT_L,
+            box_size=10,
+            border=4,
+        )
+        qr.add_data(qr_url)
+        qr.make(fit=True)
+        
+        img = qr.make_image(fill_color="black", back_color="white")
+        img_io = io.BytesIO()
+        img.save(img_io, 'PNG')
+        img_io.seek(0)
+        return img_io
+
+# Initialize QR manager
+qr_manager = QRCodeManager()
+
+@app.get("/", response_class=HTMLResponse)
+async def home(request: Request):
+    """Main dashboard page"""
+    all_qr_codes = qr_manager.get_all_qr_codes()
+    return templates.TemplateResponse("index.html", {
+        "request": request,
+        "qr_codes": all_qr_codes
+    })
+
+@app.post("/create")
+async def create_qr(
+    title: str = Form(...),
+    redirect_url: str = Form(...),
+):
+    """Create a new QR code"""
+    if not redirect_url.startswith(('http://', 'https://')):
+        redirect_url = f"https://{redirect_url}"
+    
+    qr_id = qr_manager.generate_qr_id()
+    qr_data = qr_manager.create_qr_code(qr_id, redirect_url, title)
+    
+    return RedirectResponse(url="/", status_code=303)
+
+@app.post("/update/{qr_id}")
+async def update_qr(
+    qr_id: str,
+    title: str = Form(...),
+    redirect_url: str = Form(...),
+):
+    """Update existing QR code"""
+    if qr_id not in qr_codes:
+        raise HTTPException(status_code=404, detail="QR code not found")
+    
+    if not redirect_url.startswith(('http://', 'https://')):
+        redirect_url = f"https://{redirect_url}"
+    
+    qr_manager.update_qr_code(qr_id, redirect_url, title)
+    return RedirectResponse(url="/", status_code=303)
+
+@app.get("/r/{qr_id}")
+async def redirect_qr(qr_id: str):
+    """Redirect endpoint for QR code scans"""
+    qr_data = qr_manager.get_qr_code(qr_id)
+    
+    if not qr_data or not qr_data.get("is_active"):
+        raise HTTPException(status_code=404, detail="QR code not found or inactive")
+    
+    # Increment scan count
+    qr_manager.increment_scan_count(qr_id)
+    
+    return RedirectResponse(url=qr_data["redirect_url"])
+
+@app.get("/qr/{qr_id}")
+async def get_qr_image(qr_id: str):
+    """Generate and serve QR code image"""
+    if qr_id not in qr_codes:
+        raise HTTPException(status_code=404, detail="QR code not found")
+    
+    img_io = qr_manager.generate_qr_image(qr_id)
+    return StreamingResponse(img_io, media_type="image/png")
+
+@app.delete("/delete/{qr_id}")
+async def delete_qr(qr_id: str):
+    """Delete QR code"""
+    if qr_id not in qr_codes:
+        raise HTTPException(status_code=404, detail="QR code not found")
+    
+    del qr_codes[qr_id]
+    return {"message": "QR code deleted successfully"}
+
+@app.get("/api/qr/{qr_id}")
+async def get_qr_data(qr_id: str):
+    """Get QR code data via API"""
+    qr_data = qr_manager.get_qr_code(qr_id)
+    if not qr_data:
+        raise HTTPException(status_code=404, detail="QR code not found")
+    return qr_data
+
+@app.get("/health")
+async def health_check():
+    """Health check endpoint"""
+    return {"status": "healthy", "timestamp": datetime.now().isoformat()}
+
+if __name__ == "__main__":
+    uvicorn.run("app:app", host="0.0.0.0", port=8000, reload=True)

requirements.txt

@@ -0,0 +1,7 @@
+fastapi==0.104.1
+uvicorn[standard]==0.24.0
+jinja2==3.1.2
+python-multipart==0.0.6
+qrcode[pil]==7.4.2
+pillow==10.0.1
+python-dotenv==1.0.0

templates/index.html

@@ -0,0 +1,395 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dynamic QR Generator - Enterprise Solution</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        .glass-card {
+            background: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(10px);
+            border: 1px solid rgba(255, 255, 255, 0.2);
+        }
+        .gradient-bg {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        }
+        .hover-scale {
+            transition: transform 0.2s ease-in-out;
+        }
+        .hover-scale:hover {
+            transform: scale(1.02);
+        }
+    </style>
+</head>
+<body class="min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-100">
+    <!-- Header -->
+    <header class="glass-card shadow-lg">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
+            <div class="flex items-center justify-between">
+                <div class="flex items-center space-x-3">
+                    <div class="w-10 h-10 gradient-bg rounded-lg flex items-center justify-center">
+                        <i class="fas fa-qrcode text-white text-lg"></i>
+                    </div>
+                    <div>
+                        <h1 class="text-2xl font-bold text-gray-900">Dynamic QR Generator</h1>
+                        <p class="text-sm text-gray-600">Enterprise QR Code Management</p>
+                    </div>
+                </div>
+                <div class="hidden md:flex items-center space-x-6">
+                    <div class="text-sm text-gray-600">
+                        <span class="font-medium">{{ qr_codes|length }}</span> Active QR Codes
+                    </div>
+                    <button onclick="showCreateModal()" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium transition duration-200">
+                        <i class="fas fa-plus mr-2"></i>Create QR
+                    </button>
+                </div>
+            </div>
+        </div>
+    </header>
+
+    <!-- Main Content -->
+    <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+        <!-- Quick Stats -->
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
+            <div class="glass-card rounded-xl p-6 hover-scale">
+                <div class="flex items-center">
+                    <div class="p-3 rounded-lg bg-blue-100 text-blue-600 mr-4">
+                        <i class="fas fa-qrcode text-xl"></i>
+                    </div>
+                    <div>
+                        <p class="text-sm font-medium text-gray-600">Total QR Codes</p>
+                        <p class="text-2xl font-bold text-gray-900">{{ qr_codes|length }}</p>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="glass-card rounded-xl p-6 hover-scale">
+                <div class="flex items-center">
+                    <div class="p-3 rounded-lg bg-green-100 text-green-600 mr-4">
+                        <i class="fas fa-mouse-pointer text-xl"></i>
+                    </div>
+                    <div>
+                        <p class="text-sm font-medium text-gray-600">Total Scans</p>
+                        <p class="text-2xl font-bold text-gray-900">
+                            {% set total_scans = 0 %}
+                            {% for qr in qr_codes.values() %}
+                                {% set total_scans = total_scans + qr.scan_count %}
+                            {% endfor %}
+                            {{ total_scans }}
+                        </p>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="glass-card rounded-xl p-6 hover-scale">
+                <div class="flex items-center">
+                    <div class="p-3 rounded-lg bg-purple-100 text-purple-600 mr-4">
+                        <i class="fas fa-chart-line text-xl"></i>
+                    </div>
+                    <div>
+                        <p class="text-sm font-medium text-gray-600">Active Codes</p>
+                        <p class="text-2xl font-bold text-gray-900">
+                            {% set active_count = 0 %}
+                            {% for qr in qr_codes.values() %}
+                                {% if qr.is_active %}
+                                    {% set active_count = active_count + 1 %}
+                                {% endif %}
+                            {% endfor %}
+                            {{ active_count }}
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Create QR Button (Mobile) -->
+        <div class="md:hidden mb-6">
+            <button onclick="showCreateModal()" class="w-full bg-blue-600 hover:bg-blue-700 text-white py-3 rounded-lg font-medium transition duration-200">
+                <i class="fas fa-plus mr-2"></i>Create New QR Code
+            </button>
+        </div>
+
+        <!-- QR Codes Grid -->
+        <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6">
+            {% if qr_codes %}
+                {% for qr_id, qr_data in qr_codes.items() %}
+                <div class="glass-card rounded-xl p-6 hover-scale">
+                    <!-- QR Header -->
+                    <div class="flex items-center justify-between mb-4">
+                        <h3 class="text-lg font-semibold text-gray-900 truncate">{{ qr_data.title }}</h3>
+                        <div class="flex items-center space-x-2">
+                            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
+                                <i class="fas fa-circle mr-1 text-green-400"></i>Active
+                            </span>
+                            <div class="relative">
+                                <button onclick="toggleDropdown('{{ qr_id }}')" class="p-2 text-gray-400 hover:text-gray-600 transition">
+                                    <i class="fas fa-ellipsis-v"></i>
+                                </button>
+                                <div id="dropdown-{{ qr_id }}" class="hidden absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg z-10 border">
+                                    <button onclick="editQR('{{ qr_id }}', '{{ qr_data.title }}', '{{ qr_data.redirect_url }}')" class="w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded-t-lg">
+                                        <i class="fas fa-edit mr-2"></i>Edit
+                                    </button>
+                                    <button onclick="deleteQR('{{ qr_id }}')" class="w-full text-left px-4 py-2 text-sm text-red-600 hover:bg-red-50 rounded-b-lg">
+                                        <i class="fas fa-trash mr-2"></i>Delete
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- QR Code Image -->
+                    <div class="flex justify-center mb-4">
+                        <div class="p-4 bg-white rounded-lg shadow-inner">
+                            <img src="/qr/{{ qr_id }}" alt="QR Code for {{ qr_data.title }}" class="w-32 h-32 object-contain">
+                        </div>
+                    </div>
+
+                    <!-- QR Details -->
+                    <div class="space-y-3">
+                        <div>
+                            <p class="text-xs font-medium text-gray-500 uppercase tracking-wider">Redirect URL</p>
+                            <p class="text-sm text-gray-900 break-all bg-gray-50 rounded-md p-2 mt-1">{{ qr_data.redirect_url }}</p>
+                        </div>
+                        
+                        <div class="flex justify-between items-center text-sm">
+                            <div>
+                                <p class="text-gray-500">Scans</p>
+                                <p class="font-semibold text-gray-900">{{ qr_data.scan_count }}</p>
+                            </div>
+                            <div class="text-right">
+                                <p class="text-gray-500">Created</p>
+                                <p class="font-semibold text-gray-900">{{ qr_data.created_at[:10] }}</p>
+                            </div>
+                        </div>
+
+                        <div class="flex space-x-2">
+                            <button onclick="downloadQR('{{ qr_id }}')" class="flex-1 bg-gray-100 hover:bg-gray-200 text-gray-700 py-2 px-3 rounded-md text-sm font-medium transition">
+                                <i class="fas fa-download mr-1"></i>Download
+                            </button>
+                            <button onclick="copyLink('{{ qr_id }}')" class="flex-1 bg-blue-100 hover:bg-blue-200 text-blue-700 py-2 px-3 rounded-md text-sm font-medium transition">
+                                <i class="fas fa-copy mr-1"></i>Copy Link
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                {% endfor %}
+            {% else %}
+                <div class="col-span-full">
+                    <div class="text-center py-16">
+                        <div class="w-24 h-24 mx-auto bg-gray-100 rounded-full flex items-center justify-center mb-4">
+                            <i class="fas fa-qrcode text-3xl text-gray-400"></i>
+                        </div>
+                        <h3 class="text-xl font-medium text-gray-900 mb-2">No QR codes yet</h3>
+                        <p class="text-gray-600 mb-6">Create your first dynamic QR code to get started</p>
+                        <button onclick="showCreateModal()" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium transition duration-200">
+                            <i class="fas fa-plus mr-2"></i>Create QR Code
+                        </button>
+                    </div>
+                </div>
+            {% endif %}
+        </div>
+    </main>
+
+    <!-- Create QR Modal -->
+    <div id="createModal" class="hidden fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
+        <div class="glass-card rounded-xl max-w-md w-full p-6">
+            <div class="flex items-center justify-between mb-6">
+                <h2 class="text-xl font-semibold text-gray-900">Create QR Code</h2>
+                <button onclick="hideCreateModal()" class="text-gray-400 hover:text-gray-600 transition">
+                    <i class="fas fa-times text-xl"></i>
+                </button>
+            </div>
+            
+            <form method="POST" action="/create" class="space-y-4">
+                <div>
+                    <label for="title" class="block text-sm font-medium text-gray-700 mb-2">Title</label>
+                    <input type="text" id="title" name="title" required 
+                           class="w-full rounded-lg border-gray-300 focus:border-blue-500 focus:ring-blue-500" 
+                           placeholder="My QR Code">
+                </div>
+                
+                <div>
+                    <label for="redirect_url" class="block text-sm font-medium text-gray-700 mb-2">Redirect URL</label>
+                    <input type="url" id="redirect_url" name="redirect_url" required 
+                           class="w-full rounded-lg border-gray-300 focus:border-blue-500 focus:ring-blue-500" 
+                           placeholder="https://example.com">
+                </div>
+                
+                <div class="flex space-x-3 pt-4">
+                    <button type="button" onclick="hideCreateModal()" class="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-700 py-2 px-4 rounded-lg font-medium transition">
+                        Cancel
+                    </button>
+                    <button type="submit" class="flex-1 bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-lg font-medium transition">
+                        Create QR
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <!-- Edit QR Modal -->
+    <div id="editModal" class="hidden fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
+        <div class="glass-card rounded-xl max-w-md w-full p-6">
+            <div class="flex items-center justify-between mb-6">
+                <h2 class="text-xl font-semibold text-gray-900">Edit QR Code</h2>
+                <button onclick="hideEditModal()" class="text-gray-400 hover:text-gray-600 transition">
+                    <i class="fas fa-times text-xl"></i>
+                </button>
+            </div>
+            
+            <form id="editForm" method="POST" class="space-y-4">
+                <div>
+                    <label for="edit_title" class="block text-sm font-medium text-gray-700 mb-2">Title</label>
+                    <input type="text" id="edit_title" name="title" required 
+                           class="w-full rounded-lg border-gray-300 focus:border-blue-500 focus:ring-blue-500">
+                </div>
+                
+                <div>
+                    <label for="edit_redirect_url" class="block text-sm font-medium text-gray-700 mb-2">Redirect URL</label>
+                    <input type="url" id="edit_redirect_url" name="redirect_url" required 
+                           class="w-full rounded-lg border-gray-300 focus:border-blue-500 focus:ring-blue-500">
+                </div>
+                
+                <div class="flex space-x-3 pt-4">
+                    <button type="button" onclick="hideEditModal()" class="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-700 py-2 px-4 rounded-lg font-medium transition">
+                        Cancel
+                    </button>
+                    <button type="submit" class="flex-1 bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-lg font-medium transition">
+                        Update QR
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <!-- Footer -->
+    <footer class="mt-16 border-t border-gray-200 bg-white">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+            <div class="flex flex-col md:flex-row justify-between items-center">
+                <div class="flex items-center space-x-2 mb-4 md:mb-0">
+                    <div class="w-8 h-8 gradient-bg rounded-lg flex items-center justify-center">
+                        <i class="fas fa-qrcode text-white text-sm"></i>
+                    </div>
+                    <span class="text-gray-600 font-medium">Dynamic QR Generator</span>
+                </div>
+                <p class="text-sm text-gray-500">© 2025 Enterprise QR Solutions. Built for scalability.</p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        // Modal functions
+        function showCreateModal() {
+            document.getElementById('createModal').classList.remove('hidden');
+        }
+        
+        function hideCreateModal() {
+            document.getElementById('createModal').classList.add('hidden');
+        }
+        
+        function showEditModal() {
+            document.getElementById('editModal').classList.remove('hidden');
+        }
+        
+        function hideEditModal() {
+            document.getElementById('editModal').classList.add('hidden');
+        }
+
+        // Dropdown functions
+        function toggleDropdown(qrId) {
+            const dropdown = document.getElementById(`dropdown-${qrId}`);
+            // Close all other dropdowns
+            document.querySelectorAll('[id^="dropdown-"]').forEach(d => {
+                if (d.id !== `dropdown-${qrId}`) d.classList.add('hidden');
+            });
+            dropdown.classList.toggle('hidden');
+        }
+
+        // Edit QR function
+        function editQR(qrId, title, redirectUrl) {
+            document.getElementById('edit_title').value = title;
+            document.getElementById('edit_redirect_url').value = redirectUrl;
+            document.getElementById('editForm').action = `/update/${qrId}`;
+            showEditModal();
+            toggleDropdown(qrId);
+        }
+
+        // Delete QR function
+        async function deleteQR(qrId) {
+            if (confirm('Are you sure you want to delete this QR code? This action cannot be undone.')) {
+                try {
+                    const response = await fetch(`/delete/${qrId}`, {
+                        method: 'DELETE'
+                    });
+                    if (response.ok) {
+                        location.reload();
+                    } else {
+                        alert('Failed to delete QR code');
+                    }
+                } catch (error) {
+                    alert('Error deleting QR code');
+                }
+            }
+            toggleDropdown(qrId);
+        }
+
+        // Download QR function
+        function downloadQR(qrId) {
+            const link = document.createElement('a');
+            link.href = `/qr/${qrId}`;
+            link.download = `qr-${qrId}.png`;
+            link.click();
+            toggleDropdown(qrId);
+        }
+
+        // Copy link function
+        async function copyLink(qrId) {
+            const baseUrl = window.location.origin;
+            const link = `${baseUrl}/r/${qrId}`;
+            try {
+                await navigator.clipboard.writeText(link);
+                showNotification('Link copied to clipboard!');
+            } catch (err) {
+                // Fallback for older browsers
+                const textArea = document.createElement('textarea');
+                textArea.value = link;
+                document.body.appendChild(textArea);
+                textArea.select();
+                document.execCommand('copy');
+                document.body.removeChild(textArea);
+                showNotification('Link copied to clipboard!');
+            }
+            toggleDropdown(qrId);
+        }
+
+        // Show notification
+        function showNotification(message) {
+            const notification = document.createElement('div');
+            notification.className = 'fixed top-4 right-4 bg-green-500 text-white px-4 py-2 rounded-lg shadow-lg z-50';
+            notification.textContent = message;
+            document.body.appendChild(notification);
+            setTimeout(() => {
+                notification.remove();
+            }, 3000);
+        }
+
+        // Close dropdowns when clicking outside
+        document.addEventListener('click', function(event) {
+            if (!event.target.closest('[onclick^="toggleDropdown"]') && !event.target.closest('[id^="dropdown-"]')) {
+                document.querySelectorAll('[id^="dropdown-"]').forEach(d => d.classList.add('hidden'));
+            }
+        });
+
+        // Close modals when clicking outside
+        document.getElementById('createModal').addEventListener('click', function(event) {
+            if (event.target === this) hideCreateModal();
+        });
+        
+        document.getElementById('editModal').addEventListener('click', function(event) {
+            if (event.target === this) hideEditModal();
+        });
+    </script>
+</body>
+</html>