Rimworld/undefined
0
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>Slayer's Rim: Moonlit Nightmares</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <script src="https://unpkg.com/feather-icons"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script>11 <style>12 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap');13 body {14 font-family: 'Noto Sans JP', sans-serif;15 background-color: #0f0f1a;16 color: #e0e0e0;17 }18 .blood-text {19 background: linear-gradient(45deg, #8a0303, #d10000);20 -webkit-background-clip: text;21 background-clip: text;22 color: transparent;23 text-shadow: 0 0 10px rgba(209, 0, 0, 0.3);24 }25 .moon-glow {26 filter: drop-shadow(0 0 15px rgba(247, 247, 150, 0.7));27 }28 </style>29</head>30<body>31 <div id="vanta-bg" class="fixed inset-0 -z-10 opacity-30"></div>32 <div class="container mx-auto px-4 py-12">33 <!-- Header -->34 <header class="flex flex-col items-center mb-16">35 <div class="flex items-center justify-center mb-8">36 <img src="http://static.photos/black/200x200/42" alt="Demon Slayer Icon" class="w-24 h-24 rounded-full border-4 border-red-700 moon-glow">37 <h1 class="text-5xl font-black ml-6 blood-text">Slayer's Rim</h1>38 </div>39 <h2 class="text-3xl font-bold text-center text-gray-300">Moonlit Nightmares Mod</h2>40 <p class="text-xl text-center text-gray-400 mt-4">Bring the world of Demon Slayer to RimWorld</p>41 </header>42 43 <!-- Main Content -->44 <main class="grid grid-cols-1 md:grid-cols-2 gap-12">45 <!-- Features Section -->46 <section class="bg-gray-900 bg-opacity-70 p-8 rounded-xl shadow-2xl border border-red-900">47 <h3 class="text-2xl font-bold mb-6 text-red-400 flex items-center">48 <i data-feather="moon" class="mr-3"></i>49 Mod Features50 </h3>51 <ul class="space-y-4">52 <li class="flex items-start">53 <i data-feather="moon" class="text-red-500 mr-3 mt-1"></i>54 <div>55 <h4 class="font-semibold text-gray-200">Twelve Moons System</h4>56 <p class="text-gray-400">Discover or be found by the Twelve Kizuki with unique abilities</p>57 </div>58 </li>59 <li class="flex items-start">60 <i data-feather="sunset" class="text-red-500 mr-3 mt-1"></i>61 <div>62 <h4 class="font-semibold text-gray-200">Nighttime Demons</h4>63 <p class="text-gray-400">Bloodthirsty demons spawn at night, with vulnerability to sunlight</p>64 </div>65 </li>66 <li class="flex items-start">67 <i data-feather="sword" class="text-red-500 mr-3 mt-1"></i>68 <div>69 <h4 class="font-semibold text-gray-200">Breathing Techniques</h4>70 <p class="text-gray-400">Unlock Water, Flame, Thunder, and other breathing forms</p>71 </div>72 </li>73 <li class="flex items-start">74 <i data-feather="eye" class="text-red-500 mr-3 mt-1"></i>75 <div>76 <h4 class="font-semibold text-gray-200">Transparent World & Marks</h4>77 <p class="text-gray-400">Achieve heightened combat states through rigorous training</p>78 </div>79 </li>80 <li class="flex items-start">81 <i data-feather="users" class="text-red-500 mr-3 mt-1"></i>82 <div>83 <h4 class="font-semibold text-gray-200">Faction System</h4>84 <p class="text-gray-400">Demon Slayers with rank progression vs. Muzan's demon faction</p>85 </div>86 </li>87 </ul>88 </section>89 90 <!-- Game Integration Section -->91 <section class="bg-gray-900 bg-opacity-70 p-8 rounded-xl shadow-2xl border border-blue-900">92 <h3 class="text-2xl font-bold mb-6 text-blue-400 flex items-center">93 <i data-feather="cpu" class="mr-3"></i>94 RimWorld Integration95 </h3>96 <div class="space-y-6">97 <div class="p-4 bg-gray-800 rounded-lg">98 <h4 class="font-semibold text-blue-300 mb-2">Demon Mechanics</h4>99 <p class="text-gray-400">100 Demons regenerate health rapidly at night, can turn colonists, and are weak to Nichirin blades and sunlight.101 </p>102 </div>103 <div class="p-4 bg-gray-800 rounded-lg">104 <h4 class="font-semibold text-blue-300 mb-2">Slayer Progression</h4>105 <p class="text-gray-400">106 Start as Mizunoto, progress through the ranks by completing missions and defeating powerful demons.107 </p>108 </div>109 <div class="p-4 bg-gray-800 rounded-lg">110 <h4 class="font-semibold text-blue-300 mb-2">Breathing Forms</h4>111 <p class="text-gray-400">112 Each form provides unique combat abilities and buffs, unlocked through meditation and training.113 </p>114 </div>115 <div class="p-4 bg-gray-800 rounded-lg">116 <h4 class="font-semibold text-blue-300 mb-2">Wisteria Protection</h4>117 <p class="text-gray-400">118 Cultivate wisteria flowers to create demon-repellent barriers around your colony.119 </p>120 </div>121 </div>122 </section>123 124 <!-- Media Section -->125 <section class="md:col-span-2 bg-gray-900 bg-opacity-70 p-8 rounded-xl shadow-2xl border border-purple-900">126 <h3 class="text-2xl font-bold mb-6 text-purple-400 flex items-center">127 <i data-feather="image" class="mr-3"></i>128 Mod Showcase129 </h3>130 <div class="grid grid-cols-1 md:grid-cols-3 gap-6">131 <div class="overflow-hidden rounded-lg shadow-lg">132 <img src="http://static.photos/night/640x360/1" alt="Demon Spawning" class="w-full h-auto hover:scale-105 transition-transform duration-300">133 <div class="p-4 bg-gray-800">134 <h4 class="font-semibold text-purple-300">Nightfall Terror</h4>135 <p class="text-gray-400 text-sm">Demons emerge when the sun sets</p>136 </div>137 </div>138 <div class="overflow-hidden rounded-lg shadow-lg">139 <img src="http://static.photos/sword/640x360/2" alt="Breathing Technique" class="w-full h-auto hover:scale-105 transition-transform duration-300">140 <div class="p-4 bg-gray-800">141 <h4 class="font-semibold text-purple-300">Breathing Forms</h4>142 <p class="text-gray-400 text-sm">Master elemental combat techniques</p>143 </div>144 </div>145 <div class="overflow-hidden rounded-lg shadow-lg">146 <img src="http://static.photos/moon/640x360/3" alt="Twelve Moons" class="w-full h-auto hover:scale-105 transition-transform duration-300">147 <div class="p-4 bg-gray-800">148 <h4 class="font-semibold text-purple-300">Twelve Kizuki</h4>149 <p class="text-gray-400 text-sm">Encounter Muzan's elite demons</p>150 </div>151 </div>152 </div>153 </section>154 155 <!-- Download Section -->156 <section class="md:col-span-2 bg-gray-900 bg-opacity-70 p-8 rounded-xl shadow-2xl border border-green-900">157 <div class="flex flex-col md:flex-row items-center justify-between">158 <div class="mb-6 md:mb-0">159 <h3 class="text-2xl font-bold mb-2 text-green-400">Ready to Begin Your Hunt?</h3>160 <p class="text-gray-400">Download Slayer's Rim: Moonlit Nightmares now</p>161 </div>162 <div class="flex space-x-4">163 <button class="px-6 py-3 bg-red-700 hover:bg-red-600 rounded-lg font-bold text-white flex items-center transition-colors duration-300">164 <i data-feather="download" class="mr-2"></i>165 Steam Workshop166 </button>167 <button class="px-6 py-3 bg-gray-700 hover:bg-gray-600 rounded-lg font-bold text-white flex items-center transition-colors duration-300">168 <i data-feather="github" class="mr-2"></i>169 GitHub170 </button>171 </div>172 </div>173 </section>174 </main>175 176 <!-- Footer -->177 <footer class="mt-16 pt-8 border-t border-gray-800 text-center text-gray-500">178 <div class="flex justify-center space-x-6 mb-4">179 <a href="#" class="hover:text-red-400 transition-colors"><i data-feather="twitter"></i></a>180 <a href="#" class="hover:text-red-400 transition-colors"><i data-feather="discord"></i></a>181 <a href="#" class="hover:text-red-400 transition-colors"><i data-feather="youtube"></i></a>182 </div>183 <p>© 2023 Slayer's Rim Mod Team. Demon Slayer: Kimetsu no Yaiba is property of Koyoharu Gotouge.</p>184 <p class="mt-2 text-sm">This is a fan-made modification for RimWorld, not an official product.</p>185 </footer>186 </div>187 188 <script>189 VANTA.WAVES({190 el: "#vanta-bg",191 mouseControls: true,192 touchControls: true,193 gyroControls: false,194 minHeight: 200.00,195 minWidth: 200.00,196 scale: 1.00,197 scaleMobile: 1.00,198 color: 0x3a0a0a,199 shininess: 50.00,200 waveHeight: 15.00,201 waveSpeed: 0.75,202 zoom: 0.85203 });204 </script>205 <script>206 feather.replace();207 </script>208</body>209</html>210