wiki-adapt-css-example.md

title	Adapt CSS Page Example
description	A compact Wiki.js landing page example using Adapt content
published	true
date	2026-09-04 00:00:00 UTC
tags	meta, wikijs, css, layouts, adapt, examples
editor	markdown
dateCreated	2026-08-27 00:00:00 UTC

This page shows how a plugin landing page can combine a clear introduction, task links, media, and one feature example. Use the Adapt documentation for the current gameplay and configuration reference.

Adapt

Skills grow as you play.

Earn skill experience through normal Minecraft activities, then spend knowledge on the adaptations that suit your play style.

Player guide Install Adapt

Skill menu video goes here Show XP being earned, then open the skill menu and buy an adaptation.

How progression works

1. Play

Actions such as mining, building, combat, movement, and enchanting raise related skills.

2. Earn knowledge

Skill milestones provide knowledge, the currency used for adaptations.

3. Choose adaptations

Spend knowledge on passive and active abilities, then change the build as needed.

Find what you need

• Player guide Open the menu, learn adaptations, and manage a build
• Installation and configuration Set up Adapt and change server-wide rules
• Skills Browse every skill and its adaptations
• Commands and permissions Control access for players and staff
• Troubleshooting Check common setup and gameplay problems {.links-list}

TragOul skill tree example {#skill-tree}

TragOul gains XP when the player takes damage. Its 14 adaptations cover retaliation, healing, curses, corpse effects, and summoned servants.

The groups below organize the page. TragOul adaptations are separate purchases and do not have prerequisite branches. {.is-info}

Skill root

TragOul

Survive damage to earn XP, with extra XP after a low-health hit.

Retaliation

Thorns
Reflect damage to the attacker.

Globe of Pain
Share a melee hit with nearby valid mobs.

Curse of Frailty
Apply Weakness and later Slowness to attackers.

Sustain

Will of Pain
Drain life from an attacker.

Soul Siphon
Heal from credited damage.

Blood Pact
Turn some large hits into temporary buffs.

Marrow Armor
Spend a bone to absorb part of a large hit.

Last Rites
Survive a lethal hit at one health.

Deathcraft

Corpse Lances
Launch a seeking lance from a kill.

Bone Harvest
Let kills drop temporary recovery or buff globes.

Corpse Explosion
Damage nearby hostiles when a mob dies.

Skeletal Servant
Spend bones and maximum health on temporary servants.

Affliction

Death Sense
Outline wounded nearby creatures.

Plague Bearer
Spread poison or wither when a marked mob dies.

XP and configuration

The default skill award uses raw incoming damage and can run once every 450 milliseconds. It grants 4.8 XP per point of raw damage, plus 28 XP when the final hit leaves the player alive at four hearts or less.

TragOul's skill file is:

plugins/Adapt/skills/tragoul.toml

enabled = true
cooldownDelay = 450
damageReceivedXpMultiplier = 4.8
lowHealthSurvivalXP = 28
takeAwaySkillsOnDeath = false
deathXpLoss = 250

Each adaptation has a separate file under plugins/Adapt/adaptations/. Those files control costs, levels, effects, cooldowns, sounds, particles, and any XP earned by that adaptation. See the complete TragOul reference before changing live values.

Media plan

TragOul menu image goes hereShow the skill level and XP bar.

Adaptation purchase GIF goes hereShow a node being learned.

Skeletal Servant video goes hereShow summoning, targeting, and expiry.

Layout notes

This example uses one responsive grid rule throughout:

grid-template-columns:
  repeat(auto-fit, minmax(min(100%, 230px), 1fr));

auto-fit uses available space, and the inner min() keeps the cards from overflowing a narrow screen. The page uses square borders, short sections, and plain media placeholders so the screenshots and gameplay remain the focus.

See Wiki.js CSS layouts for the reusable stylesheet and accessibility checks.