Seraph-Array/Seraphim
0
1<!DOCTYPE html>2<html lang="en" class="h-full">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Cosmic Decryptor Terminal</title>7 <link rel="stylesheet" href="style.css">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script src="https://unpkg.com/feather-icons"></script>11</head>12<body class="h-full overflow-hidden bg-black text-green-400 font-mono">13 <div id="space-bg" class="fixed inset-0 z-0"></div>14 15 <main class="relative z-10 h-full flex flex-col justify-center items-center p-4">16 <div class="max-w-3xl w-full bg-black bg-opacity-80 border border-green-400 rounded-lg p-6 shadow-lg shadow-green-400/20">17 <div class="flex items-center mb-6">18 <i data-feather="cpu" class="mr-3"></i>19 <h1 class="text-2xl font-bold tracking-wider">SERAPHIM VISUAL DATA FRAGMENTS</h1>20 </div>21 <div class="w-full mb-4">22 <div class="flex justify-between text-xs mb-1">23 <span>Event Deadline</span>24 <span id="countdown-timer">--:--:--</span>25 </div>26 <div class="w-full bg-gray-800 h-2 rounded-full overflow-hidden">27 <div id="progress-bar" class="h-full bg-green-400 transition-all duration-1000" style="width: 0%"></div>28 </div>29 </div>30 <div class="grid grid-cols-2 gap-4 mb-8" id="sector-grid">31<div class="sector-btn relative overflow-hidden group" data-sector="1" data-full-img="https://seraphimstarcitizen.com/wp-content/uploads/2025/12/8uh5enposrxzi3gdffdzh.png">32 <img src="https://seraphimstarcitizen.com/wp-content/uploads/2025/12/8uh5enposrxzi3gdffdzh.png" class="w-full h-auto object-cover transition-all duration-300 group-hover:scale-105" title="Click to view/download sector fragment">33 <div class="absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hovered-element">34 <span class="text-white font-mono">SECTOR 1 - Found by Cycotico</span>35 </div>36 </div>37 <div class="sector-btn relative overflow-hidden group" data-sector="2" data-full-img="https://seraphimstarcitizen.com/wp-content/uploads/2025/12/hnbaQ34jnmopah-BA.png">38 <img src="https://seraphimstarcitizen.com/wp-content/uploads/2025/12/hnbaQ34jnmopah-BA.png" class="w-full h-auto object-cover transition-all duration-300 group-hover:scale-105" title="Click to view/download sector fragment">39 <div class="absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hovered-element">40 <span class="text-white font-mono">SECTOR 2 - Found by Fidget</span>41 </div>42 </div>43 <div class="sector-btn relative overflow-hidden group" data-sector="3" data-full-img="https://seraphimstarcitizen.com/wp-content/uploads/2025/12/qyh3abezdoihnidrk343.png">44 <img src="https://seraphimstarcitizen.com/wp-content/uploads/2025/12/qyh3abezdoihnidrk343.png" class="w-full h-auto object-cover transition-all duration-300 group-hover:scale-105" title="Click to view/download sector fragment">45 <div class="absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hovered-element">46 <span class="text-white font-mono">SECTOR 3 - Found by SpaceJayo7</span>47 </div>48 </div>49 <div class="sector-btn relative overflow-hidden group" data-sector="4" data-full-img="https://seraphimstarcitizen.com/wp-content/uploads/2025/12/m6tg0-93452uynhj0zd8yse5.png">50 <img src="https://seraphimstarcitizen.com/wp-content/uploads/2025/12/m6tg0-93452uynhj0zd8yse5.png" class="w-full h-auto object-cover transition-all duration-300 group-hover:scale-105" title="Click to view/download sector fragment">51 <div class="absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hovered-element">52 <span class="text-white font-mono">SECTOR 4 - Found by Cakeman</span>53 </div>54 </div>55 <div class="sector-btn relative overflow-hidden group" data-sector="5" data-full-img="https://seraphimstarcitizen.com/wp-content/uploads/2025/12/gbdfazoti34q7uyghz0.png">56 <img src="https://seraphimstarcitizen.com/wp-content/uploads/2025/12/gbdfazoti34q7uyghz0.png" class="w-full h-auto object-cover transition-all duration-300 group-hover:scale-105" title="Click to view/download sector fragment">57 <div class="absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hovered-element">58 <span class="text-white font-mono">SECTOR 5 - Found by Vanderwild</span>59 </div>60 </div>61 <div class="sector-btn relative overflow-hidden group" data-sector="6" data-full-img="https://seraphimstarcitizen.com/wp-content/uploads/2025/12/uyhbj0z8ipgewjkalt.png">62 <img src="https://seraphimstarcitizen.com/wp-content/uploads/2025/12/uyhbj0z8ipgewjkalt.png" class="w-full h-auto object-cover transition-all duration-300 group-hover:scale-105" title="Click to view/download sector fragment">63 <div class="absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hovered-element">64 <span class="text-white font-mono">SECTOR 6</span>65 </div>66 </div>67</div>68<div id="terminal-output" class="h-64 overflow-y-auto mb-4 border border-green-400 p-3 text-sm">69 <div>> Establishing secure connection to seraphim array...</div>70 <div>> Initializing user control inputs. Click on a sector to view/download the photograph.</div>71 <div>> Each photograph must be identified with a screenshot of a serephim member within frame.</div>72 <div>> The exact position, zoom, and time of day must roughly match.</div>73 <div>> When someone sends a screenshot to the Seraphim Array on discord, the next image will unlcok on this dashboard.</div>74</div>75 76</div>77 <div class="text-right mt-2 text-sm opacity-80">78 ALIGNMENT INDEX // 12.0679 </div>80 </div>81</main>82 <script src="components/word-search.js"></script>83 <script src="script.js"></script>84 <script>85 feather.replace();86 </script>87<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>88</body>89</html>