add helper text

This commit is contained in:
perennial
2024-10-01 22:03:09 +10:00
parent e0679862b2
commit 80bb93c719
+49 -30
View File
@@ -3,36 +3,55 @@
<div class="row justify-content-center">
<div class="col-12">
<h1 class="h3 fw-bold mb-3">Ranking calendar ({{ .ThisMonth.MonthLiteral }} {{ .Year }})</h1>
<div class="row">
<div class="col-sm-12 col-lg-6">
<div class="card border-0 mb-4">
<div class="card-body rounded-5 bg-body-tertiary p-4">
<h2 class="h4 fw-bold mb-3">Modes</h2>
{{- url := "/rankingCalendar?date=" + .ThisMonth.Link + "&mode=" }}
<div class="btn-group flex-wrap mb-3" role="group" aria-label="Ranking modes">
<a href="{{ url }}daily" class="btn btn-secondary fw-bold rounded-pill me-2 mb-2">Daily</a>
<a href="{{ url }}weekly" class="btn btn-secondary fw-bold rounded-pill me-2 mb-2">Weekly</a>
<a href="{{ url }}monthly" class="btn btn-secondary fw-bold rounded-pill me-2 mb-2">Monthly</a>
<a href="{{ url }}rookie" class="btn btn-secondary fw-bold rounded-pill me-2 mb-2">Rookie</a>
</div>
<div class="btn-group flex-wrap mb-3" role="group" aria-label="R-18 modes">
<a href="{{ url }}daily_r18" class="btn btn-danger fw-bold rounded-pill me-2 mb-2">Daily (R-18)</a>
<a href="{{ url }}weekly_r18" class="btn btn-danger fw-bold rounded-pill me-2 mb-2">Weekly (R-18)</a>
<a href="{{ url }}r18g" class="btn btn-danger fw-bold rounded-pill me-2 mb-2">R-18G</a>
</div>
<div class="btn-group flex-wrap mb-3" role="group" aria-label="Original and gender-specific modes">
<a href="{{ url }}original" class="btn btn-secondary fw-bold rounded-pill me-2 mb-2">Original</a>
<a href="{{ url }}male" class="btn btn-secondary fw-bold rounded-pill me-2 mb-2">Popular among males</a>
<a href="{{ url }}female" class="btn btn-secondary fw-bold rounded-pill me-2 mb-2">Popular among females</a>
</div>
<div class="btn-group flex-wrap" role="group" aria-label="R-18 gender-specific modes">
<a href="{{ url }}male_r18" class="btn btn-danger fw-bold rounded-pill me-2 mb-2">Popular among males (R-18)</a>
<a href="{{ url }}female_r18" class="btn btn-danger fw-bold rounded-pill me-2 mb-2">Popular among females (R-18)</a>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-6">
<div class="row g-3">
<div class="col-sm-12 col-lg-9">
<div class="card border-0 mb-4">
<div class="card-body rounded-5 bg-body-tertiary p-4">
<h2 class="h4 fw-bold mb-3">Ranking modes</h2>
{{- url := "/rankingCalendar?date=" + .ThisMonth.Link + "&mode=" }}
<div class="row">
<div class="col-md-6">
<h3 class="h5 fw-bold mb-3">General rankings</h3>
<div class="btn-group flex-wrap mb-2" role="group" aria-label="General ranking modes">
<a href="{{ url }}daily" class="btn btn-secondary fw-bold rounded-pill me-2 mb-2">Daily</a>
<a href="{{ url }}weekly" class="btn btn-secondary fw-bold rounded-pill me-2 mb-2">Weekly</a>
<a href="{{ url }}monthly" class="btn btn-secondary fw-bold rounded-pill me-2 mb-2">Monthly</a>
<a href="{{ url }}rookie" class="btn btn-secondary fw-bold rounded-pill me-2 mb-2" title="Rankings for new artists">Rookie</a>
</div>
<p class="small text-muted"><span class="fw-bold">Daily:</span> totals for each day. <span class="fw-bold">Weekly:</span> total for each week. <span class="fw-bold">Monthly:</span> total for each month. <span class="fw-bold">Rookie:</span> for users never included in daily rankings before.</p>
</div>
<div class="col-md-6">
<h3 class="h5 fw-bold mb-3">R-18 rankings</h3>
<div class="btn-group flex-wrap mb-2" role="group" aria-label="R-18 ranking modes">
<a href="{{ url }}daily_r18" class="btn btn-danger fw-bold rounded-pill me-2 mb-2">Daily (R-18)</a>
<a href="{{ url }}weekly_r18" class="btn btn-danger fw-bold rounded-pill me-2 mb-2">Weekly (R-18)</a>
<a href="{{ url }}r18g" class="btn btn-danger fw-bold rounded-pill me-2 mb-2" title="Rankings for explicit content">R-18G</a>
</div>
<p class="small text-muted"><span class="fw-bold">R-18:</span> Ranking of content with R-18 browsing settings. <span class="fw-bold">R-18G:</span> Ranking of content with R-18G browsing settings.</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3 class="h5 fw-bold mb-3">Specialized rankings</h3>
<div class="btn-group flex-wrap mb-2" role="group" aria-label="Specialized ranking modes">
<a href="{{ url }}original" class="btn btn-secondary fw-bold rounded-pill me-2 mb-2" title="Rankings for non-fan art">Original</a>
<a href="{{ url }}male" class="btn btn-secondary fw-bold rounded-pill me-2 mb-2">Popular among males</a>
<a href="{{ url }}female" class="btn btn-secondary fw-bold rounded-pill me-2 mb-2">Popular among females</a>
</div>
<p class="small text-muted"><span class="fw-bold">Original:</span> Ranking of original contents not included in fan art.</p>
</div>
<div class="col-md-6">
<h3 class="h5 fw-bold mb-3">R-18 specialized rankings</h3>
<div class="btn-group flex-wrap" role="group" aria-label="R-18 specialized ranking modes">
<a href="{{ url }}male_r18" class="btn btn-danger fw-bold rounded-pill me-2 mb-2">Popular among males (R-18)</a>
<a href="{{ url }}female_r18" class="btn btn-danger fw-bold rounded-pill me-2 mb-2">Popular among females (R-18)</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-3">
<div class="card border-0 mb-4">
<div class="card-body rounded-5 bg-body-tertiary p-4">
<h2 class="h4 fw-bold mb-3">Date Picker</h2>