Difference between revisions of "Daily Schedules"

From XilePK - Ragnarok Online Server
Jump to navigation Jump to search
(Created page with "<!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Cronograma de Event...")
 
(Replaced content with "<!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Cronograma de E...")
Tag: Replaced
Line 6: Line 6:
 
     <title>Cronograma de Eventos - Ragnarok</title>
 
     <title>Cronograma de Eventos - Ragnarok</title>
 
     <style>
 
     <style>
         body {
+
         .schedule-container {
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
            max-width: 1200px;
             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+
            margin: 20px auto;
             margin: 0;
+
             font-family: Arial, sans-serif;
             padding: 20px;
+
             background: #2a2a2a;
            min-height: 100vh;
+
             border-radius: 8px;
 +
             overflow: hidden;
 
         }
 
         }
         .container {
+
       
             max-width: 1400px;
+
         .schedule-title {
             margin: 0 auto;
+
             background: #1a1a1a;
        }
+
             color: #fff;
        h1 {
 
 
             text-align: center;
 
             text-align: center;
            color: white;
 
            font-size: 2.5em;
 
            margin-bottom: 30px;
 
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
 
        }
 
        .schedule-grid {
 
            display: grid;
 
            grid-template-columns: auto repeat(7, 1fr);
 
            gap: 2px;
 
            background: rgba(255,255,255,0.1);
 
            border-radius: 12px;
 
            padding: 20px;
 
            backdrop-filter: blur(10px);
 
        }
 
        .time-header, .day-header {
 
            background: #6a4c93;
 
            color: white;
 
 
             padding: 15px;
 
             padding: 15px;
             text-align: center;
+
             font-size: 1.5em;
 
             font-weight: bold;
 
             font-weight: bold;
            border-radius: 8px;
 
            font-size: 1.1em;
 
 
         }
 
         }
         .time-slot {
+
          
            background: #6a4c93;
+
         .schedule-table {
            color: white;
+
             width: 100%;
            padding: 15px;
+
             border-collapse: collapse;
            text-align: center;
+
             background: #2a2a2a;
            font-weight: bold;
 
            border-radius: 8px;
 
            display: flex;
 
            align-items: center;
 
            justify-content: center;
 
        }
 
         .event-cell {
 
             background: white;
 
            padding: 12px;
 
            border-radius: 8px;
 
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
 
            transition: transform 0.2s ease, box-shadow 0.2s ease;
 
            display: flex;
 
            flex-direction: column;
 
             align-items: center;
 
            text-align: center;
 
            min-height: 60px;
 
        }
 
        .event-cell:hover {
 
            transform: translateY(-2px);
 
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
 
        }
 
        .event-name {
 
            font-weight: bold;
 
            color: #333;
 
            margin-bottom: 4px;
 
            font-size: 0.9em;
 
        }
 
        .event-reward {
 
            font-size: 0.8em;
 
            color: #666;
 
            background: #f0f7ff;
 
            padding: 2px 6px;
 
            border-radius: 12px;
 
        }
 
        .poring-search { border-left: 4px solid #ff6b6b; }
 
        .last-man-standing { border-left: 4px solid #4ecdc4; }
 
        .novice-zombie { border-left: 4px solid #45b7d1; }
 
        .poring-race { border-left: 4px solid #f9ca24; }
 
        .tarot { border-left: 4px solid #6c5ce7; }
 
        .bomb-poring { border-left: 4px solid #fd79a8; }
 
        .devil-square { border-left: 4px solid #e84393; background: linear-gradient(135deg, #fff5f5, #ffe8e8); }
 
        .legend {
 
            display: grid;
 
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 
            gap: 15px;
 
            margin-top: 30px;
 
        }
 
        .legend-item {
 
             background: white;
 
            padding: 15px;
 
            border-radius: 8px;
 
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
 
            display: flex;
 
            align-items: center;
 
        }
 
        .legend-color {
 
            width: 20px;
 
            height: 20px;
 
            border-radius: 3px;
 
            margin-right: 10px;
 
        }
 
        .legend-text {
 
            font-weight: bold;
 
            color: #333;
 
 
         }
 
         }
    </style>
 
</head>
 
<body>
 
    <div class="container">
 
        <h1>🎮 Cronograma de Eventos - Ragnarok 🎮</h1>
 
 
          
 
          
         <div class="schedule-grid">
+
         .schedule-table th,
            <div class="time-header">Horário</div>
+
         .schedule-table td {
            <div class="day-header">Segunda</div>
+
             padding: 8px 4px;
            <div class="day-header">Terça</div>
+
             text-align
            <div class="day-header">Quarta</div>
 
            <div class="day-header">Quinta</div>
 
            <div class="day-header">Sexta</div>
 
            <div class="day-header">Sábado</div>
 
            <div class="day-header">Domingo</div>
 
 
 
            <div class="time-slot">01:00</div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
 
 
            <div class="time-slot">02:00</div>
 
            <div class="event-cell poring-race">
 
                <div class="event-name">🏁 Poring Race</div>
 
                <div class="event-reward">20-30 Coins</div>
 
            </div>
 
            <div class="event-cell poring-race">
 
                <div class="event-name">🏁 Poring Race</div>
 
                <div class="event-reward">20-30 Coins</div>
 
            </div>
 
            <div class="event-cell poring-race">
 
                <div class="event-name">🏁 Poring Race</div>
 
                <div class="event-reward">20-30 Coins</div>
 
            </div>
 
            <div class="event-cell poring-race">
 
                <div class="event-name">🏁 Poring Race</div>
 
                <div class="event-reward">20-30 Coins</div>
 
            </div>
 
            <div class="event-cell poring-race">
 
                <div class="event-name">🏁 Poring Race</div>
 
                <div class="event-reward">20-30 Coins</div>
 
            </div>
 
            <div class="event-cell poring-race">
 
                <div class="event-name">🏁 Poring Race</div>
 
                <div class="event-reward">20-30 Coins</div>
 
            </div>
 
            <div class="event-cell poring-race">
 
                <div class="event-name">🏁 Poring Race</div>
 
                <div class="event-reward">20-30 Coins</div>
 
            </div>
 
 
 
            <div class="time-slot">03:00</div>
 
            <div class="event-cell last-man-standing">
 
                <div class="event-name">⚔️ Last Man Standing</div>
 
                <div class="event-reward">25-35 Coins</div>
 
            </div>
 
            <div class="event-cell last-man-standing">
 
                <div class="event-name">⚔️ Last Man Standing</div>
 
                <div class="event-reward">25-35 Coins</div>
 
            </div>
 
            <div class="event-cell last-man-standing">
 
                <div class="event-name">⚔️ Last Man Standing</div>
 
                <div class="event-reward">25-35 Coins</div>
 
            </div>
 
            <div class="event-cell last-man-standing">
 
                <div class="event-name">⚔️ Last Man Standing</div>
 
                <div class="event-reward">25-35 Coins</div>
 
            </div>
 
            <div class="event-cell last-man-standing">
 
                <div class="event-name">⚔️ Last Man Standing</div>
 
                <div class="event-reward">25-35 Coins</div>
 
            </div>
 
            <div class="event-cell last-man-standing">
 
                <div class="event-name">⚔️ Last Man Standing</div>
 
                <div class="event-reward">25-35 Coins</div>
 
            </div>
 
            <div class="event-cell last-man-standing">
 
                <div class="event-name">⚔️ Last Man Standing</div>
 
                <div class="event-reward">25-35 Coins</div>
 
            </div>
 
 
 
            <div class="time-slot">04:00</div>
 
            <div class="event-cell novice-zombie">
 
                <div class="event-name">🧟 Novice VS Zombie</div>
 
                <div class="event-reward">30-40 Coins</div>
 
            </div>
 
            <div class="event-cell novice-zombie">
 
                <div class="event-name">🧟 Novice VS Zombie</div>
 
                <div class="event-reward">30-40 Coins</div>
 
            </div>
 
            <div class="event-cell novice-zombie">
 
                <div class="event-name">🧟 Novice VS Zombie</div>
 
                <div class="event-reward">30-40 Coins</div>
 
            </div>
 
            <div class="event-cell novice-zombie">
 
                <div class="event-name">🧟 Novice VS Zombie</div>
 
                <div class="event-reward">30-40 Coins</div>
 
            </div>
 
            <div class="event-cell novice-zombie">
 
                <div class="event-name">🧟 Novice VS Zombie</div>
 
                <div class="event-reward">30-40 Coins</div>
 
            </div>
 
            <div class="event-cell novice-zombie">
 
                <div class="event-name">🧟 Novice VS Zombie</div>
 
                <div class="event-reward">30-40 Coins</div>
 
            </div>
 
            <div class="event-cell novice-zombie">
 
                <div class="event-name">🧟 Novice VS Zombie</div>
 
                <div class="event-reward">30-40 Coins</div>
 
            </div>
 
 
 
            <div class="time-slot">05:00</div>
 
            <div class="event-cell tarot">
 
                <div class="event-name">🔮 Tarot</div>
 
                <div class="event-reward">5-10 Coins</div>
 
            </div>
 
            <div class="event-cell tarot">
 
                <div class="event-name">🔮 Tarot</div>
 
                <div class="event-reward">5-10 Coins</div>
 
            </div>
 
            <div class="event-cell tarot">
 
                <div class="event-name">🔮 Tarot</div>
 
                <div class="event-reward">5-10 Coins</div>
 
            </div>
 
            <div class="event-cell tarot">
 
                <div class="event-name">🔮 Tarot</div>
 
                <div class="event-reward">5-10 Coins</div>
 
            </div>
 
            <div class="event-cell tarot">
 
                <div class="event-name">🔮 Tarot</div>
 
                <div class="event-reward">5-10 Coins</div>
 
            </div>
 
            <div class="event-cell tarot">
 
                <div class="event-name">🔮 Tarot</div>
 
                <div class="event-reward">5-10 Coins</div>
 
            </div>
 
            <div class="event-cell tarot">
 
                <div class="event-name">🔮 Tarot</div>
 
                <div class="event-reward">5-10 Coins</div>
 
            </div>
 
 
 
            <div class="time-slot">06:00</div>
 
            <div class="event-cell bomb-poring">
 
                <div class="event-name">💣 Bomb Poring</div>
 
                <div class="event-reward">35-45 Coins</div>
 
            </div>
 
            <div class="event-cell devil-square">
 
                <div class="event-name">👹 Devil Square</div>
 
                <div class="event-reward">80-100 Coins</div>
 
            </div>
 
            <div class="event-cell bomb-poring">
 
                <div class="event-name">💣 Bomb Poring</div>
 
                <div class="event-reward">35-45 Coins</div>
 
            </div>
 
            <div class="event-cell bomb-poring">
 
                <div class="event-name">💣 Bomb Poring</div>
 
                <div class="event-reward">35-45 Coins</div>
 
            </div>
 
            <div class="event-cell bomb-poring">
 
                <div class="event-name">💣 Bomb Poring</div>
 
                <div class="event-reward">35-45 Coins</div>
 
            </div>
 
            <div class="event-cell devil-square">
 
                <div class="event-name">👹 Devil Square</div>
 
                <div class="event-reward">80-100 Coins</div>
 
            </div>
 
            <div class="event-cell bomb-poring">
 
                <div class="event-name">💣 Bomb Poring</div>
 
                <div class="event-reward">35-45 Coins</div>
 
            </div>
 
 
 
            <div class="time-slot">07:00</div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
 
 
            <div class="time-slot">08:00</div>
 
            <div class="event-cell poring-race">
 
                <div class="event-name">🏁 Poring Race</div>
 
                <div class="event-reward">20-30 Coins</div>
 
            </div>
 
            <div class="event-cell poring-race">
 
                <div class="event-name">🏁 Poring Race</div>
 
                <div class="event-reward">20-30 Coins</div>
 
            </div>
 
            <div class="event-cell poring-race">
 
                <div class="event-name">🏁 Poring Race</div>
 
                <div class="event-reward">20-30 Coins</div>
 
            </div>
 
            <div class="event-cell poring-race">
 
                <div class="event-name">🏁 Poring Race</div>
 
                <div class="event-reward">20-30 Coins</div>
 
            </div>
 
            <div class="event-cell poring-race">
 
                <div class="event-name">🏁 Poring Race</div>
 
                <div class="event-reward">20-30 Coins</div>
 
            </div>
 
            <div class="event-cell poring-race">
 
                <div class="event-name">🏁 Poring Race</div>
 
                <div class="event-reward">20-30 Coins</div>
 
            </div>
 
            <div class="event-cell poring-race">
 
                <div class="event-name">🏁 Poring Race</div>
 
                <div class="event-reward">20-30 Coins</div>
 
            </div>
 
 
 
            <div class="time-slot">09:00</div>
 
            <div class="event-cell last-man-standing">
 
                <div class="event-name">⚔️ Last Man Standing</div>
 
                <div class="event-reward">25-35 Coins</div>
 
            </div>
 
            <div class="event-cell last-man-standing">
 
                <div class="event-name">⚔️ Last Man Standing</div>
 
                <div class="event-reward">25-35 Coins</div>
 
            </div>
 
            <div class="event-cell last-man-standing">
 
                <div class="event-name">⚔️ Last Man Standing</div>
 
                <div class="event-reward">25-35 Coins</div>
 
            </div>
 
            <div class="event-cell last-man-standing">
 
                <div class="event-name">⚔️ Last Man Standing</div>
 
                <div class="event-reward">25-35 Coins</div>
 
            </div>
 
            <div class="event-cell last-man-standing">
 
                <div class="event-name">⚔️ Last Man Standing</div>
 
                <div class="event-reward">25-35 Coins</div>
 
            </div>
 
            <div class="event-cell last-man-standing">
 
                <div class="event-name">⚔️ Last Man Standing</div>
 
                <div class="event-reward">25-35 Coins</div>
 
            </div>
 
            <div class="event-cell last-man-standing">
 
                <div class="event-name">⚔️ Last Man Standing</div>
 
                <div class="event-reward">25-35 Coins</div>
 
            </div>
 
 
 
            <div class="time-slot">12:00</div>
 
            <div class="event-cell devil-square">
 
                <div class="event-name">👹 Devil Square</div>
 
                <div class="event-reward">80-100 Coins</div>
 
            </div>
 
            <div class="event-cell tarot">
 
                <div class="event-name">🔮 Tarot</div>
 
                <div class="event-reward">5-10 Coins</div>
 
            </div>
 
            <div class="event-cell tarot">
 
                <div class="event-name">🔮 Tarot</div>
 
                <div class="event-reward">5-10 Coins</div>
 
            </div>
 
            <div class="event-cell tarot">
 
                <div class="event-name">🔮 Tarot</div>
 
                <div class="event-reward">5-10 Coins</div>
 
            </div>
 
            <div class="event-cell tarot">
 
                <div class="event-name">🔮 Tarot</div>
 
                <div class="event-reward">5-10 Coins</div>
 
            </div>
 
            <div class="event-cell tarot">
 
                <div class="event-name">🔮 Tarot</div>
 
                <div class="event-reward">5-10 Coins</div>
 
            </div>
 
            <div class="event-cell tarot">
 
                <div class="event-name">🔮 Tarot</div>
 
                <div class="event-reward">5-10 Coins</div>
 
            </div>
 
 
 
            <div class="time-slot">15:00</div>
 
            <div class="event-cell bomb-poring">
 
                <div class="event-name">💣 Bomb Poring</div>
 
                <div class="event-reward">35-45 Coins</div>
 
            </div>
 
            <div class="event-cell bomb-poring">
 
                <div class="event-name">💣 Bomb Poring</div>
 
                <div class="event-reward">35-45 Coins</div>
 
            </div>
 
            <div class="event-cell bomb-poring">
 
                <div class="event-name">💣 Bomb Poring</div>
 
                <div class="event-reward">35-45 Coins</div>
 
            </div>
 
            <div class="event-cell bomb-poring">
 
                <div class="event-name">💣 Bomb Poring</div>
 
                <div class="event-reward">35-45 Coins</div>
 
            </div>
 
            <div class="event-cell bomb-poring">
 
                <div class="event-name">💣 Bomb Poring</div>
 
                <div class="event-reward">35-45 Coins</div>
 
            </div>
 
            <div class="event-cell bomb-poring">
 
                <div class="event-name">💣 Bomb Poring</div>
 
                <div class="event-reward">35-45 Coins</div>
 
            </div>
 
            <div class="event-cell bomb-poring">
 
                <div class="event-name">💣 Bomb Poring</div>
 
                <div class="event-reward">35-45 Coins</div>
 
            </div>
 
 
 
            <div class="time-slot">18:00</div>
 
            <div class="event-cell novice-zombie">
 
                <div class="event-name">🧟 Novice VS Zombie</div>
 
                <div class="event-reward">30-40 Coins</div>
 
            </div>
 
            <div class="event-cell novice-zombie">
 
                <div class="event-name">🧟 Novice VS Zombie</div>
 
                <div class="event-reward">30-40 Coins</div>
 
            </div>
 
            <div class="event-cell novice-zombie">
 
                <div class="event-name">🧟 Novice VS Zombie</div>
 
                <div class="event-reward">30-40 Coins</div>
 
            </div>
 
            <div class="event-cell novice-zombie">
 
                <div class="event-name">🧟 Novice VS Zombie</div>
 
                <div class="event-reward">30-40 Coins</div>
 
            </div>
 
            <div class="event-cell novice-zombie">
 
                <div class="event-name">🧟 Novice VS Zombie</div>
 
                <div class="event-reward">30-40 Coins</div>
 
            </div>
 
            <div class="event-cell novice-zombie">
 
                <div class="event-name">🧟 Novice VS Zombie</div>
 
                <div class="event-reward">30-40 Coins</div>
 
            </div>
 
            <div class="event-cell novice-zombie">
 
                <div class="event-name">🧟 Novice VS Zombie</div>
 
                <div class="event-reward">30-40 Coins</div>
 
            </div>
 
 
 
            <div class="time-slot">21:00</div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
            <div class="event-cell poring-search">
 
                <div class="event-name">🎯 Poring Search</div>
 
                <div class="event-reward">15-25 Coins</div>
 
            </div>
 
         </div>
 
 
 
        <div class="legend">
 
            <div class="legend-item">
 
                <div class="legend-color" style="background: #ff6b6b;"></div>
 
                <div class="legend-text">🎯 Poring Search - Evento de busca e estratégia</div>
 
             </div>
 
            <div class="legend-item">
 
                <div class="legend-color" style="background: #4ecdc4;"></div>
 
                <div class="legend-text">⚔️ Last Man Standing - Batalha até o último</div>
 
            </div>
 
             <div class="legend-item">
 
                <div class="legend-color" style="background: #45b7d1;"></div>
 
                <div class="legend-text">🧟 Novice VS Zombie - Sobrevivência contra zumbis</div>
 
            </div>
 
            <div class="legend-item">
 
                <div class="legend-color" style="background: #f9ca24;"></div>
 
                <div class="legend-text">🏁 Poring Race - Corrida e apostas</div>
 
            </div>
 
            <div class="legend-item">
 
                <div class="legend-color" style="background: #6c5ce7;"></div>
 
                <div class="legend-text">🔮 Tarot - Cartas do destino</div>
 
            </div>
 
            <div class="legend-item">
 
                <div class="legend-color" style="background: #fd79a8;"></div>
 
                <div class="legend-text">💣 Bomb Poring - Explosões e estratégia</div>
 
            </div>
 
            <div class="legend-item">
 
                <div class="legend-color" style="background: #e84393;"></div>
 
                <div class="legend-text">👹 Devil Square - Evento mais difícil (3x por dia)</div>
 
            </div>
 
        </div>
 
    </div>
 
</body>
 
</html>
 

Revision as of 02:32, 24 May 2025

<!DOCTYPE html> <html lang="pt-BR"> <head>

   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Cronograma de Eventos - Ragnarok</title>
   <style>
       .schedule-container {
           max-width: 1200px;
           margin: 20px auto;
           font-family: Arial, sans-serif;
           background: #2a2a2a;
           border-radius: 8px;
           overflow: hidden;
       }
       
       .schedule-title {
           background: #1a1a1a;
           color: #fff;
           text-align: center;
           padding: 15px;
           font-size: 1.5em;
           font-weight: bold;
       }
       
       .schedule-table {
           width: 100%;
           border-collapse: collapse;
           background: #2a2a2a;
       }
       
       .schedule-table th,
       .schedule-table td {
           padding: 8px 4px;
           text-align