fix(faq): cleaner layout

This commit is contained in:
Sabe Jones 2024-05-03 16:06:48 -05:00
parent 47df62e716
commit 9efe370d33
3 changed files with 79 additions and 129 deletions

View file

@ -37,16 +37,16 @@ ul {
}
.main-text {
.body-text {
font-size: 1em;
color: $gray-10;
line-height: 1.71;
}
.headings {
h3 {
font-size: 1.15em;
font-weight: 400;
line-height: 1.75;
color: $purple-200;
}
.body-text {
font-size: 1em;
color: $gray-10;
line-height: 1.71;
}
}

View file

@ -8,121 +8,75 @@
<p>{{ $t('contentFaqPara0') }}</p>
<p>{{ $t('contentFaqPara1') }}</p>
</div>
<h3>{{ $t('contentQuestion0') }}</h3>
<ul>
<li>
{{ $t('contentQuestion0') }}
<li>{{ $t('contentAnswer00') }}</li>
<li v-html="$t('contentAnswer01')"></li>
<li v-html="$t('contentAnswer02')"></li>
<li v-html="$t('contentAnswer03')"></li>
</ul>
<h3>{{ $t('contentQuestion1') }}</h3>
<ul>
<li>{{ $t('contentAnswer10') }}</li>
<li>{{ $t('contentAnswer11') }}</li>
<li>{{ $t('contentAnswer12') }}</li>
</ul>
<h3>{{ $t('contentQuestion2') }}</h3>
<ul>
<li>{{ $t('contentAnswer20') }}
<ul>
<li>{{ $t('contentAnswer00') }}</li>
<li v-html="$t('contentAnswer01')"></li>
<li v-html="$t('contentAnswer02')"></li>
<li v-html="$t('contentAnswer03')"></li>
<li v-html="$t('contentAnswer200')"></li>
<li v-html="$t('contentAnswer201')"></li>
<li v-html="$t('contentAnswer202')"></li>
<li v-html="$t('contentAnswer203')"></li>
</ul>
</li>
<li>
{{ $t('contentQuestion1') }}
<li>{{ $t('contentAnswer21') }}</li>
<li>{{ $t('contentAnswer22') }}</li>
</ul>
<h3>{{ $t('contentQuestion3') }}</h3>
<p>{{ $t('contentAnswer30') }}</p>
<ul>
<li v-html="$t('contentAnswer300')"></li>
<li v-html="$t('contentAnswer301')"></li>
<li v-html="$t('contentAnswer302')"></li>
<li v-html="$t('contentAnswer303')"></li>
</ul>
<h3>{{ $t('contentQuestion4') }}</h3>
<p>{{ $t('contentAnswer40') }}</p>
<ul>
<li>{{ $t('contentAnswer400') }}</li>
<li>{{ $t('contentAnswer401') }}</li>
<li>{{ $t('contentAnswer402') }}</li>
<li>{{ $t('contentAnswer403') }}</li>
</ul>
<h3>{{ $t('contentAnswer41') }}</h3>
<p>{{ $t('contentAnswer410') }}</p>
<h3>{{ $t('contentQuestion5') }}</h3>
<ul>
<li>{{ $t('contentAnswer50') }}
<ul>
<li>{{ $t('contentAnswer10') }}</li>
<li>{{ $t('contentAnswer11') }}</li>
<li>{{ $t('contentAnswer12') }}</li>
</ul>
</li>
<li>
{{ $t('contentQuestion2') }}
<ul>
<li>{{ $t('contentAnswer20') }}
<ul>
<li>{{ $t('contentAnswer200') }}</li>
<li>{{ $t('contentAnswer201') }}</li>
<li>{{ $t('contentAnswer202') }}</li>
<li>{{ $t('contentAnswer203') }}</li>
</ul>
</li>
<li>{{ $t('contentAnswer21') }}</li>
<li>{{ $t('contentAnswer22') }}</li>
</ul>
</li>
<li>
{{ $t('contentQuestion3') }}
<ul>
<li>{{ $t('contentAnswer30') }}
<ul>
<li>{{ $t('contentAnswer300') }}
<ul>
<li>{{ $t('contentAnswer3000') }}</li>
</ul>
</li>
<li>{{ $t('contentAnswer301') }}
<ul>
<li>{{ $t('contentAnswer3010') }}</li>
</ul>
</li>
<li>{{ $t('contentAnswer302') }}
<ul>
<li>{{ $t('contentAnswer3020') }}</li>
</ul>
</li>
<li>{{ $t('contentAnswer303') }}
<ul>
<li>{{ $t('contentAnswer3030') }}</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
{{ $t('contentQuestion4') }}
<ul>
<li>{{ $t('contentAnswer40') }}
<ul>
<li>{{ $t('contentAnswer400') }}</li>
<li>{{ $t('contentAnswer401') }}</li>
<li>{{ $t('contentAnswer402') }}</li>
<li>{{ $t('contentAnswer403') }}</li>
</ul>
</li>
<li>{{ $t('contentAnswer41') }}
<ul>
<li>{{ $t('contentAnswer410') }}</li>
</ul>
</li>
</ul>
</li>
<li>
{{ $t('contentQuestion5') }}
<ul>
<li>{{ $t('contentAnswer50') }}
<ul>
<li>{{ $t('backgrounds') }}</li>
<li>{{ $t('contentAnswer501') }}</li>
<li>{{ $t('contentAnswer502') }}</li>
<li>{{ $t('shirts') }}</li>
</ul>
</li>
<li>{{ $t('contentAnswer51') }}
<ul>
<li>{{ $t('contentAnswer510') }}</li>
</ul>
</li>
<li>{{ $t('contentAnswer52') }}</li>
</ul>
</li>
<li>
{{ $t('contentQuestion6') }}
<ul>
<li>{{ $t('contentAnswer60') }}</li>
<li>{{ $t('contentAnswer61') }}</li>
<li>{{ $t('contentAnswer62') }}</li>
<li>{{ $t('contentAnswer63') }}</li>
</ul>
</li>
<li>
{{ $t('contentQuestion7') }}
<ul>
<li>{{ $t('contentAnswer70') }}</li>
<li>{{ $t('contentAnswer71') }}</li>
<li>{{ $t('backgrounds') }}</li>
<li>{{ $t('contentAnswer501') }}</li>
<li>{{ $t('contentAnswer502') }}</li>
<li>{{ $t('shirts') }}</li>
</ul>
</li>
<li>{{ $t('contentAnswer51') }}</li>
<li>{{ $t('contentAnswer52') }}</li>
<li>{{ $t('contentAnswer53') }}</li>
</ul>
<h3>{{ $t('contentQuestion6') }}</h3>
<p>{{ $t('contentAnswer60') }}</p>
<ul>
<li>{{ $t('contentAnswer61') }}</li>
<li>{{ $t('contentAnswer62') }}</li>
<li>{{ $t('contentAnswer63') }}</li>
</ul>
<h3>{{ $t('contentQuestion7') }}</h3>
<ul>
<li>{{ $t('contentAnswer70') }}</li>
<li>{{ $t('contentAnswer71') }}</li>
</ul>
<p v-html="$t('contentFaqPara3',
{ mailto: '<a href=mailto:admin@habitica.com>admin@habitica.com</a>'}

View file

@ -217,23 +217,19 @@
"contentQuestion2": "How are Grand Galas changing?",
"contentAnswer20": "There will always be a Grand Gala active every day of the year when the schedule changes go into effect.",
"contentAnswer200": "Summer Splash: June 21 Sept 21",
"contentAnswer201": "Fall Festival: Sept 21 to Dec 21",
"contentAnswer202": "Winter Wonderland: Dec 21 to March 21",
"contentAnswer203": "Spring Fling: March 21 to June 21",
"contentAnswer200": "<strong>Summer Splash</strong>: June 21 Sept 21",
"contentAnswer201": "<strong>Fall Festival</strong>: Sept 21 to Dec 21",
"contentAnswer202": "<strong>Winter Wonderland</strong>: Dec 21 to March 21",
"contentAnswer203": "<strong>Spring Fling</strong>: March 21 to June 21",
"contentAnswer21": "All Gala goodies (Class gear, Skins and Hair Colors, Transformation Items, Seasonal Quests) will be released at Gala start and will be available for the entire time the Gala is active.",
"contentAnswer22": "Magic Hatching Potions will no longer be tied to Galas and will instead be on their own monthly release schedule themed to the ongoing festivities.",
"contentQuestion3": "How is the content release schedule changing?",
"contentAnswer30": "Shops will rotate a selection of their items every month. This will help keep the amount of content in the shops manageable and easy to browse. The new schedule will offer fresh items to check out each month for newer players while creating a predictable schedule for veteran collectors.",
"contentAnswer300": "1st of each month:",
"contentAnswer3000": "New Subscriber set is released. Subscriber sets available in Time Travelers Shop rotate.",
"contentAnswer301": "7th of each month:",
"contentAnswer3010": "New Enchanted Armoire items and one new Background released. Backgrounds available in the Customization Shop rotate.",
"contentAnswer302": "14th of each month:",
"contentAnswer3020": "Pet Quests, Potion Quests, and Quest Bundles available in the Quest Shop rotate.",
"contentAnswer303": "21st of each month:",
"contentAnswer3030": "Magic Hatching Potions available in the Market rotate.",
"contentAnswer300": "<strong>1st of each month:</strong> New Subscriber set is released. Subscriber sets available in Time Travelers Shop rotate.",
"contentAnswer301": "<strong>7th of each month:</strong> New Enchanted Armoire items and one new Background released. Backgrounds available in the Customization Shop rotate.",
"contentAnswer302": "<strong>14th of each month:</strong> Pet Quests, Potion Quests, and Quest Bundles available in the Quest Shop rotate.",
"contentAnswer303": "<strong>21st of each month:</strong> Magic Hatching Potions available in the Market rotate.",
"contentQuestion4": "What brand-new content is coming?",
"contentAnswer40": "To fill this new schedule, weve been hard at work creating new items in a variety of categories including:",
@ -249,8 +245,8 @@
"contentAnswer501": "Skins",
"contentAnswer502": "Hair Colors and Styles",
"contentAnswer51": "Customizations you own (both standard and purchased) will be accessible from the current Avatar Customization interface.",
"contentAnswer510": "We hope this change will help players sort through the customizations they own when editing their avatars appearance while carrying over the familiar shop experience for other purchasable items.",
"contentAnswer52": "The Customization Shop will be found alongside the other shops in the Menu.",
"contentAnswer52": "We hope this change will help players sort through the customizations they own when editing their avatars appearance while carrying over the familiar shop experience for other purchasable items.",
"contentAnswer53": "The Customization Shop will be found alongside the other shops in the Menu.",
"contentQuestion6": "What will happen to other seasonal events, like Habitoween, April Fools Day, and Birthday?",
"contentAnswer60": "All other current events will continue as normal! Everyone will still get their special rewards and themed food as they do now.",