diff --git a/assets/views/rankingCalendar.jet.html b/assets/views/rankingCalendar.jet.html
index bee4f38..e66832b 100644
--- a/assets/views/rankingCalendar.jet.html
+++ b/assets/views/rankingCalendar.jet.html
@@ -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>