Add clickable PDF hyperlinks to 'View PDF' text

- Convert 'View PDF →' spans to anchor tags with direct PDF links
- Add proper link styling with hover effects
- Add stopPropagation to prevent card click when clicking link
- Links open in new tab for better UX
- All three PDF cards now have working hyperlinks

Author: Shyamal Suhana Chandra

assets/css/main.css

@@ -924,6 +924,24 @@ section {
   color: var(--primary-color);
   font-weight: 600;
   margin-top: auto;
+  text-decoration: none;
+  display: inline-block;
+  transition: all var(--transition-fast);
+  cursor: pointer;
+}
+
+.doc-link:hover {
+  color: var(--primary-dark);
+  text-decoration: underline;
+  transform: translateX(4px);
+}
+
+.doc-link:visited {
+  color: var(--primary-color);
+}
+
+a.doc-link {
+  cursor: pointer;
 }
 
 /* Page Header */

index.html

@@ -156,7 +156,7 @@ <h3>Research Paper</h3>
             <span class="doc-pages">13 pages</span>
             <span class="doc-type">LaTeX</span>
           </div>
-          <span class="doc-link">View PDF →</span>
+          <a href="{{ site.baseurl }}/docs/paper.pdf" class="doc-link" target="_blank" onclick="event.stopPropagation();">View PDF →</a>
         </div>
       </div>
       <div class="doc-card" data-pdf-type="presentation" data-pdf-url="{{ site.baseurl }}/docs/presentation.pdf" data-pdf-title="Beamer Presentation">
@@ -168,7 +168,7 @@ <h3>Beamer Presentation</h3>
             <span class="doc-pages">25 slides</span>
             <span class="doc-type">Beamer</span>
           </div>
-          <span class="doc-link">View PDF →</span>
+          <a href="{{ site.baseurl }}/docs/presentation.pdf" class="doc-link" target="_blank" onclick="event.stopPropagation();">View PDF →</a>
         </div>
       </div>
       <div class="doc-card" data-pdf-type="reference" data-pdf-url="{{ site.baseurl }}/docs/reference.pdf" data-pdf-title="Reference Manual">
@@ -180,7 +180,7 @@ <h3>Reference Manual</h3>
             <span class="doc-pages">Full reference</span>
             <span class="doc-type">LaTeX</span>
           </div>
-          <span class="doc-link">View PDF →</span>
+          <a href="{{ site.baseurl }}/docs/reference.pdf" class="doc-link" target="_blank" onclick="event.stopPropagation();">View PDF →</a>
         </div>
       </div>
       <a href="{{ site.baseurl }}/docs/_paper.tex" class="doc-card doc-card-source" target="_blank">