Books Trader

<div class="vs-mod-container" style="max-width: 1200px; width: 100%; margin: 0 auto; background: radial-gradient(circle at 10% 20%, rgba(0,0,0,0.1) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(0,0,0,0.3) 0%, transparent 50%), repeating-linear-gradient(90deg, rgba(0,0,0,0.05) 0px, rgba(0,0,0,0.05) 1px, transparent 1px, transparent 5px), repeating-linear-gradient(0deg, rgba(0,0,0,0.05) 0px, rgba(0,0,0,0.05) 1px, transparent 1px, transparent 5px), linear-gradient(145deg, #252525 0%, #0d0d0d 100%); padding: 30px; font-family: 'Outfit', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif; color: #e0e0e0; line-height: 1.6; box-sizing: border-box; border: 1px solid #333; border-top: 4px solid #1976d2; border-radius: 4px; box-shadow: 0 8px 30px rgba(0,0,0,0.8);"><div style="background-color: rgba(15, 20, 35, 0.7); border: 1px solid #333333; border-left: 6px solid #42a5f5; border-radius: 4px; padding: 30px; margin-bottom: 30px; position: relative; backdrop-filter: blur(4px);"><h1 style="display: flex; align-items: center; gap: 15px; font-family: 'Cinzel', 'Georgia', serif; font-size: 43.5px; color: #90caf9; margin: 0 0 8px 0; font-weight: 800; letter-spacing: 1.5px; text-shadow: 0 2px 4px rgba(0,0,0,0.5);"><img style="width: 55px; height: 55px; border-radius: 8px; object-fit: contain; flex-shrink: 0;" src="https://modb.vintagestory.cz/BooksTrader/pic/modicon.png" alt="Icon"> BOOKS TRADER</h1> <p style="font-size: 18.5px; color: #aaaaaa; margin: 0 0 20px 0; font-weight: 600; line-height: 1.5;">Introduces a new trader specializing in books. Find the book trader in the wild!</p> <div style="display: inline-flex; align-items: center; gap: 8px; margin-bottom: 15px; background-color: rgba(102, 192, 244, 0.05); border: 1px solid rgba(102, 192, 244, 0.2); padding: 6px 14px; border-radius: 4px;"><span style="font-size: 16px;">☁️</span> <span style="color: #aee8ff; font-size: 14.5px; font-weight: 500;">Developed for <a style="color: #4ddbff; text-decoration: none; font-weight: bold; border-bottom: 1px dotted #4ddbff;" href="https://en.vintagestory.cz/skyblock/" target="_blank" rel="noopener">Skyblock Server</a></span></div> <div style="display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px;"><span style="background-color: #151515; border: 1px solid #333333; color: #cccccc; font-size: 14.5px; padding: 6px 14px; border-radius: 20px; font-weight: 600; display: inline-block; vertical-align: middle;">Translations: <span style="margin-left: 8px; display: inline-block; vertical-align: middle; padding: 2px 0;"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/gb.png" alt="English" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/cz.png" alt="Czech" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/sk.png" alt="Slovak" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/de.png" alt="German" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/fr.png" alt="French" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/es.png" alt="Spanish" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/pt.png" alt="Portuguese" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/br.png" alt="Brazilian Portuguese" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/pl.png" alt="Polish" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/ua.png" alt="Ukrainian" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/it.png" alt="Italian" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/is.png" alt="Icelandic" width="36"> <img style="vertical-align: middle; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/jp.png" alt="Japanese" width="36"> </span> </span> <a style="background-color: #151515; border: 1px solid #333333; color: #cccccc; font-size: 16.5px; padding: 6px 14px; border-radius: 20px; font-weight: 600; display: inline-block; vertical-align: middle; text-decoration: none; margin-left: auto;" href="https://crowdin.com/project/bookstrader" target="_blank" rel="noopener"> 🌍 Contribute to translation </a></div> </div> <div style="margin-bottom: 35px;"> <h2 style="font-family: 'Cinzel', 'Georgia', serif; font-size: 25.5px; color: #90caf9; border-bottom: 2px solid #333333; padding-bottom: 10px; margin-top: 0; margin-bottom: 18px; letter-spacing: 0.5px;">About the Mod</h2> <p style="font-size: 17px; color: #b0b0b0; margin: 0 0 15px 0; text-align: justify; line-height: 1.7;">The <strong>Books Trader</strong> mod introduces a new trader specializing in books, lore, and ancient scrolls. find their trading camps in the wild!</p> <p style="font-size: 17px; color: #b0b0b0; margin: 0 0 15px 0; text-align: justify; line-height: 1.7;"><strong>Credit:</strong> Original mod <a style="color: #64b5f6; text-decoration: none;" href="https://mods.vintagestory.at/show/mod/13893" target="_blank" rel="noopener">