james-yeahright0311/patchnotes-pulse-live

1<!DOCTYPE html>2<html lang="en">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>PatchNotes Pulse Live</title>7    <link rel="stylesheet" href="style.css">8    <script src="https://cdn.tailwindcss.com"></script>9    <script src="https://unpkg.com/feather-icons"></script>10    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>11    <script>12        tailwind.config = {13            theme: {14                extend: {15                    colors: {16                        primary: '#3B82F6',17                        secondary: '#10B981'18                    }19                }20            }21        }22    </script>23</head>24<body class="bg-gray-100 min-h-screen flex flex-col">25    <custom-navbar></custom-navbar>26    27    <main class="flex-grow container mx-auto px-4 py-8">28        <div class="max-w-4xl mx-auto">29            <div class="flex items-center justify-between mb-8">30                <h1 class="text-3xl font-bold text-gray-800">Latest Patch Notes</h1>31                <div class="flex items-center space-x-2">32                    <span class="relative flex h-3 w-3">33                        <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span>34                        <span class="relative inline-flex rounded-full h-3 w-3 bg-green-500"></span>35                    </span>36                    <span class="text-sm text-gray-600">Live Updates</span>37                </div>38            </div>39 40            <div id="patch-notes-container" class="space-y-6">41                <!-- Patch notes will be loaded here -->42                <div class="text-center py-12">43                    <div class="animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-primary mx-auto"></div>44                    <p class="mt-4 text-gray-600">Loading latest patch notes...</p>45                </div>46            </div>47        </div>48    </main>49 50    <custom-footer></custom-footer>51 52    <script src="components/navbar.js"></script>53    <script src="components/footer.js"></script>54    <script src="script.js"></script>55    <script>56        feather.replace();57    </script>58<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>59</body>60</html>