mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-19 15:48:04 +01:00
feat(style): css work
This commit is contained in:
CuriousMagpie
@@ -1,153 +1,155 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="col-12 col-sm-8 clearfix standard-page mx-auto">
|
<div class="col-12 col-sm-8 container-fluid d-flex">
|
||||||
<div class="col-12 col-sm-8 clearfix standard-page">
|
<div class="col-12 col-sm-8">
|
||||||
<div>
|
<div class="row">
|
||||||
<h1 v-once>
|
<div class="title-details">
|
||||||
{{ $t('sunsetFaqTitle') }}
|
<h1 v-once>
|
||||||
</h1>
|
{{ $t('sunsetFaqTitle') }}
|
||||||
</div>
|
</h1>
|
||||||
<div class="section">
|
|
||||||
<div class>
|
|
||||||
<p v-html="$t('sunsetFaqPara1')"></p> <!-- there's html in here -->
|
|
||||||
<p>{{ $t('sunsetFaqPara2') }}</p>
|
|
||||||
<p>{{ $t('sunsetFaqPara3') }}</p>
|
|
||||||
<p>{{ $t('sunsetFaqPara4') }}</p>
|
|
||||||
<p>{{ $t('sunsetFaqPara5') }}</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="section">
|
||||||
|
<div class>
|
||||||
|
<p v-html="$t('sunsetFaqPara1')"></p> <!-- there's html in here -->
|
||||||
|
<p>{{ $t('sunsetFaqPara2') }}</p>
|
||||||
|
<p>{{ $t('sunsetFaqPara3') }}</p>
|
||||||
|
<p>{{ $t('sunsetFaqPara4') }}</p>
|
||||||
|
<p>{{ $t('sunsetFaqPara5') }}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Which services are ending -->
|
<!-- Which services are ending -->
|
||||||
<div>
|
<div>
|
||||||
<h3 class="headings">
|
<h3 class="headings">
|
||||||
{{ $t('sunsetFaqHeader1') }}
|
{{ $t('sunsetFaqHeader1') }}
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p v-html="$t('sunsetFaqPara6')"></p>
|
<p v-html="$t('sunsetFaqPara6')"></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Why are tavern and guild ending? -->
|
<!-- Why are tavern and guild ending? -->
|
||||||
<div>
|
<div>
|
||||||
<h3 class="headings">
|
<h3 class="headings">
|
||||||
{{ $t('sunsetFaqHeader2') }}
|
{{ $t('sunsetFaqHeader2') }}
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<ul>
|
<ul>
|
||||||
<li>{{ $t('sunsetFaqList1') }}</li>
|
<li>{{ $t('sunsetFaqList1') }}</li>
|
||||||
<li>{{ $t('sunsetFaqList2') }}</li>
|
<li>{{ $t('sunsetFaqList2') }}</li>
|
||||||
<li>{{ $t('sunsetFaqList3') }}</li>
|
<li>{{ $t('sunsetFaqList3') }}</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Can I still talk to my party/group members? -->
|
<!-- Can I still talk to my party/group members? -->
|
||||||
<div>
|
<div>
|
||||||
<h3 class="headings">
|
<h3 class="headings">
|
||||||
{{ $t('sunsetFaqHeader3') }}
|
{{ $t('sunsetFaqHeader3') }}
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p>{{ $t('sunsetFaqPara7') }}</p>
|
<p>{{ $t('sunsetFaqPara7') }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Pausing dailies -->
|
<!-- Pausing dailies -->
|
||||||
<div>
|
<div>
|
||||||
<h3 class="headings">
|
<h3 class="headings">
|
||||||
{{ $t('sunsetFaqHeader4') }}
|
{{ $t('sunsetFaqHeader4') }}
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p>{{ $t('sunsetFaqPara8') }}</p>
|
<p>{{ $t('sunsetFaqPara8') }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Accessing group plans -->
|
<!-- Accessing group plans -->
|
||||||
<div>
|
<div>
|
||||||
<h3 class="headings">
|
<h3 class="headings">
|
||||||
{{ $t('sunsetFaqHeader5') }}
|
{{ $t('sunsetFaqHeader5') }}
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p v-html="$t('sunsetFaqPara9')"></p> <!-- there's html in here -->
|
<p v-html="$t('sunsetFaqPara9')"></p> <!-- there's html in here -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Can I access guild chats? -->
|
<!-- Can I access guild chats? -->
|
||||||
<div>
|
<div>
|
||||||
<h3 class="headings">
|
<h3 class="headings">
|
||||||
{{ $t('sunsetFaqHeader6') }}
|
{{ $t('sunsetFaqHeader6') }}
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p>{{ $t('sunsetFaqPara10') }}</p>
|
<p>{{ $t('sunsetFaqPara10') }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- How can players find groups? -->
|
<!-- How can players find groups? -->
|
||||||
<div>
|
<div>
|
||||||
<h3 class="headings">
|
<h3 class="headings">
|
||||||
{{ $t('sunsetFaqHeader7') }}
|
{{ $t('sunsetFaqHeader7') }}
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p>{{ $t('sunsetFaqPara11') }}</p>
|
<p>{{ $t('sunsetFaqPara11') }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- What about contributors? -->
|
<!-- What about contributors? -->
|
||||||
<div>
|
<div>
|
||||||
<h3 class="headings">
|
<h3 class="headings">
|
||||||
{{ $t('sunsetFaqHeader8') }}
|
{{ $t('sunsetFaqHeader8') }}
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p v-html="$t('sunsetFaqPara12')"></p> <!-- there's html in here -->
|
<p v-html="$t('sunsetFaqPara12')"></p> <!-- there's html in here -->
|
||||||
<p v-html="$t('sunsetFaqPara13')"></p> <!-- there's html in here -->
|
<p v-html="$t('sunsetFaqPara13')"></p> <!-- there's html in here -->
|
||||||
<p v-html="$t('sunsetFaqPara14')"></p> <!-- there's html in here -->
|
<p v-html="$t('sunsetFaqPara14')"></p> <!-- there's html in here -->
|
||||||
<p v-html="$t('sunsetFaqPara15')"></p> <!-- there's html in here -->
|
<p v-html="$t('sunsetFaqPara15')"></p> <!-- there's html in here -->
|
||||||
<p v-html="$t('sunsetFaqPara16')"></p> <!-- there's html in here -->
|
<p v-html="$t('sunsetFaqPara16')"></p> <!-- there's html in here -->
|
||||||
<p v-html="$t('sunsetFaqPara17')"></p> <!-- there's html in here -->
|
<p v-html="$t('sunsetFaqPara17')"></p> <!-- there's html in here -->
|
||||||
<p v-html="$t('sunsetFaqPara18')"></p> <!-- there's html in here -->
|
<p v-html="$t('sunsetFaqPara18')"></p> <!-- there's html in here -->
|
||||||
<p v-html="$t('sunsetFaqPara19')"></p> <!-- there's html in here -->
|
<p v-html="$t('sunsetFaqPara19')"></p> <!-- there's html in here -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Challenges -->
|
<!-- Challenges -->
|
||||||
<div>
|
<div>
|
||||||
<h3 class="headings">
|
<h3 class="headings">
|
||||||
{{ $t('sunsetFaqHeader9') }}
|
{{ $t('sunsetFaqHeader9') }}
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<ul>
|
<ul>
|
||||||
<li>{{ $t('sunsetFaqList4') }}</li>
|
<li>{{ $t('sunsetFaqList4') }}</li>
|
||||||
<li>{{ $t('sunsetFaqList5') }}</li>
|
<li>{{ $t('sunsetFaqList5') }}</li>
|
||||||
<li>{{ $t('sunsetFaqList6') }}</li>
|
<li>{{ $t('sunsetFaqList6') }}</li>
|
||||||
<li>{{ $t('sunsetFaqList7') }}</li>
|
<li>{{ $t('sunsetFaqList7') }}</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Questions about how to use Habitica -->
|
<!-- Questions about how to use Habitica -->
|
||||||
<div>
|
<div>
|
||||||
<h3 class="headings">
|
<h3 class="headings">
|
||||||
{{ $t('sunsetFaqHeader10') }}
|
{{ $t('sunsetFaqHeader10') }}
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<li v-html="$t('sunsetFaqList8')"></li> <!-- there's html in here -->
|
<li v-html="$t('sunsetFaqList8')"></li> <!-- there's html in here -->
|
||||||
<li v-html="$t('sunsetFaqList9')"></li> <!-- there's html in here -->
|
<li v-html="$t('sunsetFaqList9')"></li> <!-- there's html in here -->
|
||||||
<li v-html="$t('sunsetFaqList10')"></li> <!-- there's html in here -->
|
<li v-html="$t('sunsetFaqList10')"></li> <!-- there's html in here -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Community Guidelines and TOS -->
|
<!-- Community Guidelines and TOS -->
|
||||||
<div>
|
<div>
|
||||||
<h3 class="headings">
|
<h3 class="headings">
|
||||||
{{ $t('sunsetFaqHeader11') }}
|
{{ $t('sunsetFaqHeader11') }}
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p v-html="$t('sunsetFaqPara20')"></p>
|
<p v-html="$t('sunsetFaqPara20')"></p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- sidebar -->
|
<!-- sidebar -->
|
||||||
<!-- staff -->
|
<!-- staff -->
|
||||||
<div class="col-12 col-sm-4 sidebar float-right">
|
<div class="col-12 col-sm-4 sidebar">
|
||||||
<div class="section">
|
<div class="section">
|
||||||
<div class="px-4">
|
<div class="px-4">
|
||||||
<sidebar-section :title="$t('staff')">
|
<sidebar-section :title="$t('staff')">
|
||||||
@@ -287,7 +289,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- final div! -->
|
<!-- final div! -->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user