Celia Galvus

This page is a stub, and will contain spoilers in the future.
Show all spoilers / Hide all spoilers
Celia Galvus | |
---|---|
![]() ![]() ![]() ![]() ![]() ![]() ![]() | |
Basic Information | |
Full Name: | Celia bas Ortensius (Maiden) Celia yae[1] Galvus (Married) Celia Galvus (In-Game) |
Other Names: | Warrior of Light (Eorzea)
Hero, Scion, friend Eikonslayer (Garlean Empire, present) Leuke (Hades, Hythlodaeus) Azem (Convocation) Our Lady (Garlean Empire, past) |
Age: |
~27 (Bodily) ~31-34 (Mentally?) |
Born: |
32nd day of the 5th Umbral Moon
1498 (Original Garlean body?)
1548 (Current Garlean body?) |
Physical Description | |
Race: | Garlean |
Clan: | N/A |
Hair Colour: | Golden Blonde that fades to Orange closer to the tips. |
Eye Colour: | Pale Blue which becomes a brighter Blue with each Rejoining experienced. |
Height: | 5'5¾" (164.7cm) |
Details: |
FaceLight freckles on face, with more on cheeks & nose bridge.Soft facial structure. TEXT TEXT TEXT BodyScars?TEXT TEXT TEXT TEXT OtherworldlyEyes glow softly when using Aetherytes?TEXT TEXT TEXT TEXT |
Biographical Information | |
Gender: | Cisfem
PronounsShe/herThey/them? |
Shards: |
Ardbert Hylfyst (1st) Corinne L'etoileaux (comment) xyz (comment) xyz (comment) xyz (comment) Rejoinedxyz (comment)xyz (comment) xyz (comment) xyz (comment) xyz (comment) xyz (comment) xyz (comment) Unknown Fate??? (13th) |
Relatives: | xyz (comment) xyz (comment) |
Affiliation: |
xyz
xyz |
Deaths: |
Died in The Sundering? (Azem) Died in childbirth due to illness(Original Garlean body) Killed by Lahabrea (Current body, got better) ??? (Comment) |
Celia yae Galvus (/SEHL-ēya yay GAHL-vus/), previously known as her maiden name Celia bas Ortensius (/SEHL-ēya bahs or-TEHN-sē-yus/), is Solus zos Galvus's dead wife. She is one of Bread's Final Fantasy XIV original characters, and one of their Warriors of Light. She can be found in-game🡕 on Brynhilder in the Crystal data center.
This is an example of a real link with an outgoing marker🡕. This is an example of a redlink that doesn't go anywhere. This is an example of spoiler tagged text, and here's a link inside it You can adjust the colors of these (and everything else in the template) by going into the CSS file and changing the color variables at the top of the file.
Table of Contents
Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Personality
This section is a work in progress as I play through the game as Celia, but here's a bullet-point list of info to include here later:
- In her first Garlean life, she kept to herself and was fairly quiet. She never gets the chance to really break out of her shell due to her early death.
- In her second and current Garlean life, she starts off with the same shy behaviour. Her home life is about as average as before, . Becoming a Warrior of Light to Eorzea forces her to break free of that nervous nature, and she slowly develops into a very amicable, strong-willed person.
- Adding .redlink to <a> makes it red (see above)
- See below for effect of .clear-both
Appearance
This code has two mobile responsiveness breakpoints: one at 1000px and one at 576px. The sidebar goes on top on small screens. On desktop, you can test this by resizing the window.
Unsundered
The table of contents is open by default. You can make it closed by default by removing the word open from the tag.
This is a static template, so you'll have to set up the table of contents on each page manually. Add an id="headername" to each header in your code, then add a corresponding link with href="#headername" to the table of contents. IDs cannot contain spaces or begin with a number.
There's no elegant way to make sub-ordered-lists appear like 1.1, 1.2, etc. in HTMLCSS. On MediaWiki sites, they just auto generate the numbers right onto the page, which is messy and not ideal for a static site. You'll have to make do with a/b/c, sorry.
Source Shard
Most things in this code (the notice boxes, floating images, infoboxes, etc.) can be dropped into your page wherever you want with minimal issues. Just copy and paste.
Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Other Shards
- Ardbert Hylfyst🡕 (First) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
- Corinne L'etoileaux (???) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
- NAME (determinant) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
- NAME (determinant) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
History
Make sure any <h2> elements directly under a section with a right-floating image have the class "clear-both" applied. This makes it "clear" any floating elements and appear below them, to avoid display weirdness on large screens.
A Realm Reborn
Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Heavensward
Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Stormblood
Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Stormblood
Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Shadowbringers
Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Dawntrail
Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Relationships
Make sure any <h2> elements directly under a section with a right-floating image have the class "clear-both" applied. This makes it "clear" any floating elements and appear below them, to avoid display weirdness on large screens.
Friends
- NAME (determinant) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
- Ysayle D (determinant) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
- Arenvald Lentinus🡕 (friend) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
- Cid Garlond (friend) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Family
- Solus zos Galvus🡕 (husband) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
- Lucius yae Galvus (son) - Lucius was Solus and Celia's firstborn son. He was Varis's father.
- Titus yae Galvus (son) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit.
- Varis zos Galvus🡕 (grandson) - Varis is Celia's grandson through Lucius.
- Zenos yae Galvus🡕 (great-grandson) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
- NAME (determinant) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Romantic
- Emet-Selch🡕 (to be determined) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Enemies
- NAME (determinant) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
- NAME (determinant) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
- NAME (determinant) - Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Trivia
Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Lorem ipsum dolor sit, amet consectetuer adipiscing elit. Lorem ipsum dolor sit amet consectetuer adipiscing elit; lorem ipsum dolor sit amet consectetuer adipiscing elit, lorem ipsum dolor sit. Amet consectetuer adipiscing elit, lorem ipsum dolor sit amet consectetuer adipiscing elit.
Gallery
References
Citations, mun comments, and other things.