More actions
Created page with "<div style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #e0e0e0; background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); padding: 25px; border-radius: 12px; border: 1px solid #334155; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);"> <div style="text-align: center; margin-bottom: 35px; padding-bottom: 20px; border-bottom: 2px solid #3b82f6; position: relative;"> <div style="position: absolute; left: 0; right: 0; top: 50%; height: 1px; backgro..." |
Content update, accuracy fixes and cleanup |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
<div style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #e0e0e0 | <div style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #e0e0e0;"> | ||
<div style="text-align: center | <div class="gs-card" style="text-align: center; border-left:4px solid #06b6d4; margin-bottom: 24px;"> | ||
<center> | <center> | ||
| Line 8: | Line 7: | ||
display: inline-block; | display: inline-block; | ||
padding: 15px 35px; | padding: 15px 35px; | ||
text-align: center; | text-align: center; | ||
min-width: 200px; | min-width: 200px; | ||
"> | "> | ||
<div style=" | <div style=" | ||
color: #06b6d4; | |||
font-size: 11px; | |||
font-size: | |||
font-weight: bold; | font-weight: bold; | ||
letter-spacing: 1px; | letter-spacing: 1px; | ||
margin-bottom: 6px; | |||
">NOW RELEASED</div> | |||
">NOW RELEASED | |||
<!-- Main Title --> | <!-- Main Title --> | ||
<div style=" | <div style=" | ||
font-family: 'Trebuchet MS', Arial, sans-serif; | font-family: 'Trebuchet MS', Arial, sans-serif; | ||
font-size: | font-size: 30px; | ||
font-weight: bold; | font-weight: bold; | ||
color: | color: #f0c040; | ||
letter-spacing: 2px; | letter-spacing: 2px; | ||
margin: 5px 0; | margin: 5px 0; | ||
">SAILING</div> | ">SAILING</div> | ||
<!-- Subtitle --> | <!-- Subtitle --> | ||
<div style=" | <div style=" | ||
font-size: 13px; | |||
font-size: | |||
color: #88e6ff; | color: #88e6ff; | ||
letter-spacing: 1px; | |||
letter-spacing: | margin-top: 8px; | ||
margin-top: | |||
font-weight: bold; | font-weight: bold; | ||
border-top: 1px solid | border-top: 1px solid #2c2c2c; | ||
padding-top: 8px; | padding-top: 8px; | ||
display: inline-block; | display: inline-block; | ||
padding-left: 15px; | padding-left: 15px; | ||
padding-right: 15px; | padding-right: 15px; | ||
"> | ">The FIRST Sailing script on Dreambot</div> | ||
</div> | </div> | ||
| Line 75: | Line 48: | ||
== Overview == | == Overview == | ||
<div style=" | <div class="gs-card" style="border-left:4px solid #3b82f6; margin: 20px 0;"> | ||
<p style="margin: 0; color: #cbd5e1; font-size: 16px; line-height: 1.6;"> | |||
<p style="margin: 0; color: #cbd5e1; font-size: 16px; line-height: 1.6 | '''GSailing''' is a DreamBot script for the OSRS [[Sailing]] skill that runs port-task missions, shipwreck salvaging and ship upgrades to train Sailing for you. | ||
'''GSailing''' | |||
</p> | </p> | ||
</div> | </div> | ||
== Features == | == Features == | ||
<div style="margin: | <div style="margin: 16px 0;"> | ||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax( | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px;"> | ||
<div class="gs-card" style="border-left:4px solid #3b82f6;"> | |||
<strong style="color: #93c5fd; font-size: 17px; display: block; margin-bottom: 8px;">Missions & Port Tasks</strong> | |||
<small style="color: #bfdbfe; line-height: 1.5; display: block;">Grabs delivery missions from the notice board, picks up the cargo crate at the mooring, sails it over and deposits it at the destination. Only delivery tasks are supported (bounty tasks get auto-cancelled).</small> | |||
</div> | |||
<div class="gs-card" style="border-left:4px solid #8b5cf6;"> | |||
<strong style="color: #c4b5fd; font-size: 17px; display: block; margin-bottom: 8px;">Salvaging Operations</strong> | |||
<small style="color: #ddd6fe; line-height: 1.5; display: block;">Sails to shipwreck spawns, deploys the salvaging hook, hops to Salvaging worlds and (on a Sloop) commands crewmates onto the hooks before emptying the cargo hold. Picks the best shipwreck type for your Sailing level.</small> | |||
</div> | |||
<div class="gs-card" style="border-left:4px solid #10b981;"> | |||
<strong style="color: #a7f3d0; font-size: 17px; display: block; margin-bottom: 8px;">Salvage Sorting</strong> | |||
<small style="color: #d1fae5; line-height: 1.5; display: block;">Sorts salvage at the on-ship salvaging station (if you've built one), alchs or drops worthless loot, and banks once you drop below your free-slot threshold.</small> | |||
</div> | |||
<div | <div class="gs-card" style="border-left:4px solid #f97316;"> | ||
<strong style="color: #fed7aa; font-size: 17px; display: block; margin-bottom: 8px;">Ship Upgrading</strong> | |||
<strong style="color: # | <small style="color: #ffedd5; line-height: 1.5; display: block;">Builds and upgrades every facility for you (Hull, Keel, Mast & Sails, Helm, Cargo, salvaging hooks, the Salvaging station, plus the Inoculation station and Eternal Brazier). Always goes for the best tier you can afford and meet the requirements for.</small> | ||
<small style="color: # | |||
</div> | </div> | ||
<div | <div class="gs-card" style="border-left:4px solid #06b6d4;"> | ||
<strong style="color: #a5f3fc; font-size: 17px; display: block; margin-bottom: 8px;">Auto-Buy Boats</strong> | |||
<strong style="color: # | <small style="color: #cffafe; line-height: 1.5; display: block;">Buys your next boat from Junior Jim at the Pandemonium as you level (Raft to start, Skiff at 15, Sloop at 50), withdrawing the coins and checking you can actually afford it first.</small> | ||
<small style="color: # | |||
</div> | </div> | ||
<div | <div class="gs-card" style="border-left:4px solid #3b82f6;"> | ||
<strong style="color: #93c5fd; font-size: 17px; display: block; margin-bottom: 8px;">Crew Recruiting</strong> | |||
<strong style="color: # | <small style="color: #bfdbfe; line-height: 1.5; display: block;">Recruits crewmates at Sailing 50 so they can man the salvaging hooks on your Sloop, including grabbing and equipping the Ghostspeak amulet from Father Urhney for Cabin Boy Jenkins.</small> | ||
<small style="color: # | |||
</div> | </div> | ||
<div | <div class="gs-card" style="border-left:4px solid #8b5cf6;"> | ||
<strong style="color: #c4b5fd; font-size: 17px; display: block; margin-bottom: 8px;">Schematic Unlocks</strong> | |||
<strong style="color: # | <small style="color: #ddd6fe; line-height: 1.5; display: block;">Unlocks the Salvaging Station schematic at Sailing 42 (digs up the key and reads it from the Chinchompa Island lockbox) and the Eternal Brazier schematic at Sailing 78 (Buccaneers' Haven lockbox).</small> | ||
<small style="color: # | |||
</div> | </div> | ||
| Line 116: | Line 99: | ||
<div style="margin: 30px 0;"> | <div style="margin: 30px 0;"> | ||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax( | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; margin-bottom: 16px;"> | ||
<div | <div class="gs-card" style="border-left:4px solid #ef4444;"> | ||
<h4 style="color: #f0c040; margin: 0 0 16px 0; font-size: 20px; font-weight: 600;">Base Requirements</h4> | |||
<div style="padding: 12px 15px; background: #1b1b1b; border-radius: 8px; margin: 12px 0; border-left: 3px solid #10b981;"> | |||
<h4 style="color: # | |||
<div style="padding: 12px 15px; background: | |||
<div style="display: flex; align-items: center;"> | <div style="display: flex; align-items: center;"> | ||
<div style="width: 24px; height: 24px; background: #10b981; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0; color: white; font-weight: bold;"> | <div style="width: 24px; height: 24px; background: #10b981; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0; color: white; font-weight: bold;"> | ||
✓ | ✓ | ||
</div> | </div> | ||
<span style="color: #86efac; font-weight: 600;">DB4 Launcher</span> | <span style="color: #86efac; font-weight: 600;">DB4 Launcher (VIP)</span> | ||
</div> | </div> | ||
<small style="color: #94a3b8; display: block; margin-top: 5px; margin-left: 36px;"> | <small style="color: #94a3b8; display: block; margin-top: 5px; margin-left: 36px;">Sailing is DB4-only and VIP-gated. On anything other than DB4 the script refuses to run and paints a red warning. It'll do nothing.</small> | ||
</div> | </div> | ||
<div style="padding: 12px 15px; background: | <div style="padding: 12px 15px; background: #1b1b1b; border-radius: 8px; margin: 12px 0; border-left: 3px solid #ef4444;"> | ||
<div style="display: flex; align-items: center;"> | <div style="display: flex; align-items: center;"> | ||
<div style="width: 24px; height: 24px; background: #ef4444; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0; color: white; font-weight: bold;"> | <div style="width: 24px; height: 24px; background: #ef4444; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0; color: white; font-weight: bold;"> | ||
| Line 142: | Line 120: | ||
<small style="color: #fca5a5; display: block; margin-top: 5px; margin-left: 36px;">Lacks Sailing functionality</small> | <small style="color: #fca5a5; display: block; margin-top: 5px; margin-left: 36px;">Lacks Sailing functionality</small> | ||
</div> | </div> | ||
<div style="padding: 12px 15px; background: | <div style="padding: 12px 15px; background: #1b1b1b; border-radius: 8px; margin: 12px 0; border-left: 3px solid #3b82f6;"> | ||
<div style="display: flex; align-items: center;"> | <div style="display: flex; align-items: center;"> | ||
<div style="width: 24px; height: 24px; background: #3b82f6; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0; color: white; font-weight: bold;"> | <div style="width: 24px; height: 24px; background: #3b82f6; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0; color: white; font-weight: bold;"> | ||
| Line 153: | Line 131: | ||
</div> | </div> | ||
<div style=" | <div class="gs-card" style="border-left:4px solid #0ea5e9;"> | ||
<div style="display: flex; align-items: center; margin | <h4 style="color: #f0c040; margin: 0 0 16px 0; font-size: 20px; font-weight: 600;">Game Requirements</h4> | ||
<div style="width: | <div style="padding: 16px; background: #1b1b1b; border-radius: 8px; margin: 12px 0; border-left: 3px solid #3b82f6;"> | ||
<strong style="color: #e0f2fe; font-size: 16px; display: block; margin-bottom: 10px;">Required Quest: The Pandemonium Quest</strong> | |||
<div style="display: flex; align-items: center; margin: 8px 0;"> | |||
<div style="width: 20px; height: 20px; background: #10b981; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; flex-shrink: 0; color: white; font-size: 12px; font-weight: bold;"> | |||
✓ | |||
</div> | </div> | ||
< | <small style="color: #86efac;">Auto-completed as a prerequisite. The script toggles the quest and its sub-quests on for you</small> | ||
</div> | </div> | ||
<div style="display: flex; align-items: center; margin: 8px 0;"> | <div style="display: flex; align-items: center; margin: 8px 0;"> | ||
<div style="width: 20px; height: 20px; background: #10b981; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; flex-shrink: 0; color: white; font-size: 12px; font-weight: bold;"> | <div style="width: 20px; height: 20px; background: #10b981; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; flex-shrink: 0; color: white; font-size: 12px; font-weight: bold;"> | ||
| Line 175: | Line 154: | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="padding: 12px 15px; background: | <div style="padding: 12px 15px; background: #1b1b1b; border-radius: 8px; margin: 12px 0; border-left: 3px solid #f59e0b;"> | ||
<strong style="color: #fde68a; font-size: 14px;">Additional Requirements</strong> | <strong style="color: #fde68a; font-size: 14px;">Additional Requirements</strong> | ||
<small style="color: #d1d5db; display: block; margin-top: 5px;">Standard sailing skill requirements, appropriate ship, and necessary equipment</small> | <small style="color: #d1d5db; display: block; margin-top: 5px;">Standard sailing skill requirements, appropriate ship, and necessary equipment</small> | ||
| Line 187: | Line 166: | ||
<div style="margin: 30px 0;"> | <div style="margin: 30px 0;"> | ||
<div style=" | <div style="margin-bottom: 30px;"> | ||
<div style=" | <h3 style="color: #f0c040; margin: 0 0 12px 0; font-size: 22px; font-weight: 600;">General Settings</h3> | ||
<p style="color: #cbd5e1; margin-bottom: 20px; font-size: 15px; line-height: 1.6;">Pick which of the four pillars run and how it handles your loot. Everything's on by default.</p> | |||
<div style="overflow-x: auto; margin: 16px 0;"> | |||
{| class="wikitable" style="width:100%;" | |||
! Setting | |||
! Description | |||
|- | |||
| <strong style="color: #60a5fa;">Enable Missions</strong> | |||
| Run the port-task delivery missions. Bounty tasks aren't supported and get cancelled. | |||
|- | |||
| <strong style="color: #60a5fa;">Enable Salvaging</strong> | |||
| Run shipwreck salvaging (level 15+). | |||
|- | |||
| <strong style="color: #60a5fa;">Sort Salvage</strong> | |||
| Sort salvage at the station on your boat (only does anything if you've got a salvaging station built). | |||
|- | |||
| <strong style="color: #60a5fa;">Enable Ship Upgrading</strong> | |||
| Let the script buy boats and build/upgrade ship facilities for you. | |||
|- | |||
| <strong style="color: #60a5fa;">Depo Loot Threshold</strong> | |||
| Free inventory slots remaining before it goes to bank your salvage. Set to 8, with 20 empty slots it won't bank; with 8 empty slots it will. Defaults to 8. | |||
|} | |||
</div> | </div> | ||
</div> | </div> | ||
<p style="color: #ddd6fe; margin-bottom: 20px; font-size: 15px; line-height: 1.6;"> | |||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: | <div style="margin-bottom: 30px;"> | ||
<div style="background: | <h3 style="color: #f0c040; margin: 0 0 12px 0; font-size: 22px; font-weight: 600;">Shipwreck Types</h3> | ||
<div class="gs-card" style="border-left:4px solid #10b981; margin: 16px 0;"> | |||
<small style="color: #a7f3d0; font-size: 14px;">Each type is individually toggleable. The script picks the best enabled type for your Sailing level.</small> | |||
</div> | |||
<div style="overflow-x: auto; margin: 16px 0;"> | |||
{| class="wikitable" style="width:100%;" | |||
! Type | |||
! Sailing Level | |||
! Notes | |||
|- | |||
| <strong style="color: #60a5fa;">Small</strong> | |||
| 15 | |||
| - | |||
|- | |||
| <strong style="color: #60a5fa;">Fisherman's</strong> | |||
| 26 | |||
| - | |||
|- | |||
| <strong style="color: #60a5fa;">Barracuda</strong> | |||
| 35 | |||
| Barracuda-trial areas only (Stormy Seas). | |||
|- | |||
| <strong style="color: #60a5fa;">Large</strong> | |||
| 53 | |||
| - | |||
|- | |||
| <strong style="color: #60a5fa;">Pirate</strong> | |||
| 64 | |||
| - | |||
|- | |||
| <strong style="color: #60a5fa;">Mercenary</strong> | |||
| 73 | |||
| Tangled Kelp areas. | |||
|- | |||
| <strong style="color: #60a5fa;">Fremennik</strong> | |||
| 80 | |||
| Icy Seas. | |||
|- | |||
| <strong style="color: #60a5fa;">Merchant</strong> | |||
| 87 | |||
| Top tier, best salvage loot table. | |||
|} | |||
</div> | |||
</div> | |||
<div class="gs-card" style="border-left:4px solid #8b5cf6; margin-bottom: 30px;"> | |||
<h3 style="color: #f0c040; margin: 0 0 12px 0; font-size: 22px; font-weight: 600;">Alchemy Settings</h3> | |||
<p style="color: #ddd6fe; margin-bottom: 20px; font-size: 15px; line-height: 1.6;">Run alchemy automatically while sailing. Settings below.</p> | |||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-top: 16px;"> | |||
<div style="background: #1b1b1b; padding: 18px; border-radius: 8px; border: 1px solid #2c2c2c;"> | |||
<strong style="color: #c4b5fd; font-size: 16px; display: block; margin-bottom: 8px;">Enable/Disable</strong> | <strong style="color: #c4b5fd; font-size: 16px; display: block; margin-bottom: 8px;">Enable/Disable</strong> | ||
<small style="color: #ddd6fe | <small style="color: #ddd6fe;">Toggle alchemy functionality on or off</small> | ||
</div> | </div> | ||
<div style="background: | <div style="background: #1b1b1b; padding: 18px; border-radius: 8px; border: 1px solid #2c2c2c;"> | ||
<strong style="color: #c4b5fd; font-size: 16px; display: block; margin-bottom: 8px;">Stop Level</strong> | <strong style="color: #c4b5fd; font-size: 16px; display: block; margin-bottom: 8px;">Stop Level</strong> | ||
<small style="color: #ddd6fe | <small style="color: #ddd6fe;">Magic level to stop at (e.g., 99)</small> | ||
</div> | </div> | ||
<div style="background: | <div style="background: #1b1b1b; padding: 18px; border-radius: 8px; border: 1px solid #2c2c2c;"> | ||
<strong style="color: #c4b5fd; font-size: 16px; display: block; margin-bottom: 8px;">Alch Count</strong> | <strong style="color: #c4b5fd; font-size: 16px; display: block; margin-bottom: 8px;">Alch Count</strong> | ||
<small style="color: #ddd6fe | <small style="color: #ddd6fe;">Maximum items to alchemize per session</small> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 212: | Line 260: | ||
<div style="margin-top: 40px;"> | <div style="margin-top: 40px;"> | ||
<h3 style="color: #f0c040; margin: 0 0 12px 0; font-size: 22px; font-weight: 600;">Shipwreck Locations</h3> | |||
<div class="gs-card" style="border-left:4px solid #f97316; margin: 16px 0;"> | |||
<small style="color: #fed7aa; font-size: 14px;">There are 43 individually-toggleable shipwreck locations across roughly 13 regions, grouped by type below. Each one's gated on whether your ship can handle its sea hazard (Stormy Seas / Tangled Kelp / Icy Seas).</small> | |||
<h3 style="color: # | |||
< | |||
<small style="color: #fed7aa; font-size: 14px;"> | |||
</div> | </div> | ||
<div style="overflow-x: auto; margin: | <div style="overflow-x: auto; margin: 16px 0;"> | ||
{| class="wikitable" style="width:100% | {| class="wikitable" style="width:100%;" | ||
! | ! Type | ||
! | ! Regions & Spots | ||
! | ! Hazard | ||
|- | |- | ||
| <strong style="color: #60a5fa;">Small</strong> | |||
| | | Near [[osrs:Tempoross|Tempoross]] - N, E, S, W (4) | ||
| <span style="background: #065f46; color: #a7f3d0; padding: 4px 12px; border-radius: 12px; font-size: 13px; font-weight: 600; display: inline-block;">None</span> | |||
|- | |- | ||
| <strong style="color: #60a5fa;">Fisherman's</strong> | |||
| | | [[osrs:Entrana|Entrana]] N/E/W, [[osrs:Karamja|Karamja]] N/S/W (6) | ||
| <span style="background: #065f46; color: #a7f3d0; padding: 4px 12px; border-radius: 12px; font-size: 13px; font-weight: 600; display: inline-block;">None</span> | |||
|- | |- | ||
| <strong style="color: #60a5fa;">Barracuda</strong> | |||
| | | Tempoross area - N, N (2) | ||
| <span style="background: #1e3a8a; color: #bfdbfe; padding: 4px 12px; border-radius: 12px; font-size: 13px; font-weight: 600; display: inline-block;">Stormy Seas</span> | |||
|- | |- | ||
| <strong style="color: #60a5fa;">Large</strong> | |||
| | | Little Pearl N/E/W, Lonely Isle E/S/W (6) | ||
| <span style="background: #065f46; color: #a7f3d0; padding: 4px 12px; border-radius: 12px; font-size: 13px; font-weight: 600; display: inline-block;">None</span> | |||
|- | |- | ||
| <strong style="color: #60a5fa;">Pirate</strong> | |||
| | | [[osrs:Pest Control|Pest]] N, E (2) | ||
| <span style="background: #065f46; color: #a7f3d0; padding: 4px 12px; border-radius: 12px; font-size: 13px; font-weight: 600; display: inline-block;">None</span> | |||
|- | |- | ||
| <strong style="color: #60a5fa;">Mercenary</strong> | |||
| | | Sunbleak SE/SW/NW, Southern Expanse N/E/S, Serpent N/E/S (9) | ||
| <span style="background: #14532d; color: #bbf7d0; padding: 4px 12px; border-radius: 12px; font-size: 13px; font-weight: 600; display: inline-block;">Tangled Kelp</span> | |||
|- | |- | ||
| <strong style="color: #60a5fa;">Fremennik</strong> | |||
| | | Everwinter N/S, [[osrs:Ungael|Ungael]] N/SE/SW (5) | ||
| <span style="background: #155e75; color: #a5f3fc; padding: 4px 12px; border-radius: 12px; font-size: 13px; font-weight: 600; display: inline-block;">Icy Seas</span> | |||
|- | |- | ||
| <strong style="color: #60a5fa;">Merchant</strong> | |||
| | | Wintersedge N/SE/SW (Icy Seas), Southern Expanse E/S/NW (Tangled Kelp), Dusksmaw N/E/W (none) (9) | ||
| <span style="background: #475569; color: #e2e8f0; padding: 4px 12px; border-radius: 12px; font-size: 13px; font-weight: 600; display: inline-block;">Mixed</span> | |||
|} | |} | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | |||
== Integration == | |||
<div class="gs-card" style="border-left:4px solid #10b981; margin: 20px 0;"> | |||
<p style="margin: 0 0 12px 0; color: #cbd5e1; font-size: 15px; line-height: 1.6;">Like every G script, GSailing ships with the standard tabs: '''Muling''' for auto-restock and bank-dumping, plus '''Misc''', '''Humanization/Antiban''' and '''Add-On Settings'''. Set up [[Muling]] if you want it to mule profits and restock supplies on its own.</p> | |||
<p style="margin: 0; color: #cbd5e1; font-size: 15px; line-height: 1.6;">When salvaging with a station built it'll bring alch runes (or a rune pouch) for you. It never buys the pouch itself, and it'll disable alching if the restock kill-check trips on your nature/fire runes.</p> | |||
</div> | </div> | ||
== Troubleshooting == | == Troubleshooting == | ||
<div style="margin: | <div style="margin: 16px 0;"> | ||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax( | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px;"> | ||
<div style=" | <div class="gs-card" style="border-left:4px solid #ef4444;"> | ||
<strong style="color: #fca5a5; font-size: 17px | <strong style="color: #fca5a5; font-size: 17px; margin-bottom: 12px; display: flex; align-items: center;"> | ||
<div style="width: 24px; height: 24px; background: #ef4444; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; color: white; font-weight: bold;"> | <div style="width: 24px; height: 24px; background: #ef4444; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; color: white; font-weight: bold; flex-shrink: 0;"> | ||
! | ! | ||
</div> | </div> | ||
| Line 290: | Line 328: | ||
</div> | </div> | ||
<div style=" | <div class="gs-card" style="border-left:4px solid #f59e0b;"> | ||
<strong style="color: #fde68a; font-size: 17px | <strong style="color: #fde68a; font-size: 17px; margin-bottom: 12px; display: flex; align-items: center;"> | ||
<div style="width: 24px; height: 24px; background: #f59e0b; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; color: #7c2d12; font-weight: bold;"> | <div style="width: 24px; height: 24px; background: #f59e0b; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; color: #7c2d12; font-weight: bold; flex-shrink: 0;"> | ||
⚠ | ⚠ | ||
</div> | </div> | ||
| Line 300: | Line 338: | ||
</div> | </div> | ||
<div style=" | <div class="gs-card" style="border-left:4px solid #3b82f6;"> | ||
<strong style="color: #93c5fd; font-size: 17px | <strong style="color: #93c5fd; font-size: 17px; margin-bottom: 12px; display: flex; align-items: center;"> | ||
<div style="width: 24px; height: 24px; background: #3b82f6; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; color: white; font-weight: bold;"> | <div style="width: 24px; height: 24px; background: #3b82f6; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; color: white; font-weight: bold; flex-shrink: 0;"> | ||
⚡ | ⚡ | ||
</div> | </div> | ||
| Line 314: | Line 352: | ||
== See Also == | == See Also == | ||
<div style=" | <div class="gs-card" style="border-left:4px solid #3b82f6; margin-top: 25px;"> | ||
<div style="display: flex; flex-wrap: wrap; gap: 12px;"> | <div style="display: flex; flex-wrap: wrap; gap: 12px;"> | ||
<span style="background: | <span style="background: #1b1b1b; padding: 8px 18px; border-radius: 16px; font-size: 14px; font-weight: 600; border: 1px solid #3b82f6;">[[Sailing]]</span> | ||
<span style="background: | <span style="background: #1b1b1b; padding: 8px 18px; border-radius: 16px; font-size: 14px; font-weight: 600; border: 1px solid #10b981;">[[GAIO]]</span> | ||
<span style="background: #1b1b1b; padding: 8px 18px; border-radius: 16px; font-size: 14px; font-weight: 600; border: 1px solid #8b5cf6;">[[Muling]]</span> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||