make ganjoor page links visible

GanjooRazor/Pages/Partials/GanjoorPage/PageTypes/_CatPagePartial.cshtml

@@ -23,7 +23,7 @@
         }
 
         <partial name="~/Pages/Partials/GanjoorPage/_InlinePageUtilsPartial.cshtml" model="Model" />
-        @Html.Raw(Model.GanjoorPage.HtmlText)
+        <div class="ganjoor-page-body">@Html.Raw(Model.GanjoorPage.HtmlText)</div>
     </article>
 
     @* Category Tabs *@
@@ -93,25 +93,25 @@
 </div>
 
 @* Navigation *@
-@if (!string.IsNullOrEmpty(Model.PreviousUrl) || !string.IsNullOrEmpty(Model.NextUrl))
+@if (!string.IsNullOrEmpty(Model.NextUrl) || !string.IsNullOrEmpty(Model.PreviousUrl))
 {
     <div class="spacer">&nbsp;</div>
     <nav id="nav">
         <div class="navigation">
             <div class="navleft">
-                @if (!string.IsNullOrEmpty(Model.PreviousUrl))
-                {
-                    <span>&laquo; </span>
-                    <a href="@Html.Raw(Model.PreviousUrl)">@Model.PreviousTitle</a>
-                }
-            </div>
-            <div class="navright">
                 @if (!string.IsNullOrEmpty(Model.NextUrl))
                 {
                     <a href="@Html.Raw(Model.NextUrl)">@Model.NextTitle</a>
                     <span> &raquo;</span>
                 }
             </div>
+            <div class="navright">
+                @if (!string.IsNullOrEmpty(Model.PreviousUrl))
+                {
+                    <span>&laquo; </span>
+                    <a href="@Html.Raw(Model.PreviousUrl)">@Model.PreviousTitle</a>
+                }
+            </div>
         </div>
     </nav>
     <div class="spacer">&nbsp;</div>

GanjooRazor/Pages/Partials/GanjoorPage/PageTypes/_GenericPagePartial.cshtml

@@ -56,7 +56,7 @@
         }
 
         <partial name="~/Pages/Partials/GanjoorPage/_InlinePageUtilsPartial.cshtml" model="Model" />
-        @Html.Raw(Model.GanjoorPage.HtmlText)
+        <div class="ganjoor-page-body">@Html.Raw(Model.GanjoorPage.HtmlText)</div>
 
         @if (Model.GanjoorPage.Id == GanjoorPageModel.GanjoorSlashVaznPageId)
         {
@@ -80,25 +80,25 @@
     </article>
 
     @* Navigation *@
-    @if (!string.IsNullOrEmpty(Model.PreviousUrl) || !string.IsNullOrEmpty(Model.NextUrl))
+    @if (!string.IsNullOrEmpty(Model.NextUrl) || !string.IsNullOrEmpty(Model.PreviousUrl))
     {
         <div class="spacer">&nbsp;</div>
         <nav id="nav">
             <div class="navigation">
                 <div class="navleft">
-                    @if (!string.IsNullOrEmpty(Model.PreviousUrl))
-                    {
-                        <span>&laquo; </span>
-                        <a href="@Html.Raw(Model.PreviousUrl)">@Model.PreviousTitle</a>
-                    }
-                </div>
-                <div class="navright">
                     @if (!string.IsNullOrEmpty(Model.NextUrl))
                     {
                         <a href="@Html.Raw(Model.NextUrl)">@Model.NextTitle</a>
                         <span> &raquo;</span>
                     }
                 </div>
+                <div class="navright">
+                    @if (!string.IsNullOrEmpty(Model.PreviousUrl))
+                    {
+                        <span>&laquo; </span>
+                        <a href="@Html.Raw(Model.PreviousUrl)">@Model.PreviousTitle</a>
+                    }
+                </div>
             </div>
         </nav>
         <div class="spacer">&nbsp;</div>

GanjooRazor/Pages/Partials/GanjoorPage/PageTypes/_PoetPagePartial.cshtml

@@ -42,7 +42,7 @@
         }
 
         <partial name="~/Pages/Partials/GanjoorPage/_InlinePageUtilsPartial.cshtml" model="Model" />
-        @Html.Raw(Model.GanjoorPage.HtmlText)
+        <div class="ganjoor-page-body">@Html.Raw(Model.GanjoorPage.HtmlText)</div>
     </article>
 
     @* Poet Tabs *@
@@ -227,25 +227,25 @@
 </div>
 
 @* Navigation *@
-@if (!string.IsNullOrEmpty(Model.PreviousUrl) || !string.IsNullOrEmpty(Model.NextUrl))
+@if (!string.IsNullOrEmpty(Model.NextUrl) || !string.IsNullOrEmpty(Model.PreviousUrl))
 {
     <div class="spacer">&nbsp;</div>
     <nav id="nav">
         <div class="navigation">
             <div class="navleft">
-                @if (!string.IsNullOrEmpty(Model.PreviousUrl))
-                {
-                    <span>&laquo; </span>
-                    <a href="@Html.Raw(Model.PreviousUrl)">@Model.PreviousTitle</a>
-                }
-            </div>
-            <div class="navright">
                 @if (!string.IsNullOrEmpty(Model.NextUrl))
                 {
                     <a href="@Html.Raw(Model.NextUrl)">@Model.NextTitle</a>
                     <span> &raquo;</span>
                 }
             </div>
+            <div class="navright">
+                @if (!string.IsNullOrEmpty(Model.PreviousUrl))
+                {
+                    <span>&laquo; </span>
+                    <a href="@Html.Raw(Model.PreviousUrl)">@Model.PreviousTitle</a>
+                }
+            </div>
         </div>
     </nav>
     <div class="spacer">&nbsp;</div>

GanjooRazor/wwwroot/css/p8.css

@@ -3012,3 +3012,29 @@ mark {
     pointer-events: none; /* Prevents interaction */
     transition: opacity 0.3s ease-out;
 }
+
+/* ---------- distinct links inside poet/category bio text (matches the
+   comment-link boxed style on the حاشیه‌ها page, per user request) ---------- */
+
+.ganjoor-page-body a {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 2px 6px;
+    margin: 0 1px;
+    border-radius: 6px;
+    background-color: var(--card-inner);
+    border: 1px solid var(--border-gold);
+    color: var(--lapis);
+    -webkit-text-fill-color: var(--lapis);
+    transition: all 0.2s ease;
+}
+
+.ganjoor-page-body a:hover {
+    background-color: var(--brand);
+    border-color: var(--brand);
+    color: var(--card-paper) !important;
+    -webkit-text-fill-color: var(--card-paper) !important;
+    transform: translateY(-1px);
+    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
+}