further polished

Author: prathameshnium

publications/index.html

@@ -17,62 +17,117 @@
 
   <style>
     :root {
-      --primary-color: #1a365d;
-      --accent-color: #2b6cb0;
-      --bg-color: #f7fafc;
-      --text-color: #2d3748;
-      --border-color: #e2e8f0;
+      --primary-color: #0d2b5e; /* Deep Journal Blue */
+      --accent-color: #1a56db;
+      --bg-color: #fcfcfc;
+      --text-color: #1a1a1a;
+      --text-muted: #555555;
+      --border-color: #e5e7eb;
+      --box-bg: #f3f4f6;
     }
 
     body { 
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 
-      line-height: 1.6; 
+      font-family: "Georgia", "Times New Roman", serif; /* Academic Serif for body */
+      line-height: 1.65; 
       color: var(--text-color); 
       background-color: var(--bg-color);
       margin: 0; 
       padding: 20px; 
     }
 
+    h1, h2, h3, .sans-ui {
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    }
+
     .container {
-      max-width: 800px;
+      max-width: 850px;
       margin: 40px auto;
       background: #ffffff;
-      padding: 40px;
-      border-radius: 8px;
-      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);
+      padding: 45px;
+      border-radius: 4px;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
+      border-top: 4px solid var(--primary-color);
     }
 
     header { margin-bottom: 30px; text-align: center; }
-    h1 { color: var(--primary-color); border-bottom: 2px solid var(--border-color); padding-bottom: 15px; margin-top: 0; font-size: 2.2rem; line-height: 1.3; }
-    h2 { color: var(--primary-color); margin-top: 35px; border-bottom: 1px solid var(--border-color); padding-bottom: 5px;}
+    h1 { color: var(--primary-color); padding-bottom: 10px; margin-top: 0; font-size: 2.1rem; line-height: 1.25; }
+    h2 { color: var(--primary-color); margin-top: 35px; border-bottom: 1px solid var(--border-color); padding-bottom: 8px; font-size: 1.4rem;}
 
-    .authors { font-size: 1.1rem; font-weight: 600; color: #2c5282; margin-bottom: 5px; }
-    .affiliations { font-size: 0.9rem; color: #4a5568; line-height: 1.4; }
+    .authors { font-size: 1.15rem; font-weight: 600; color: #2d3748; margin-bottom: 5px; }
+    .affiliations { font-size: 0.95rem; color: var(--text-muted); line-height: 1.5; font-style: italic; }
 
-    .meta-box { background: #ebf8ff; border-left: 4px solid var(--accent-color); padding: 15px 20px; margin: 20px 0; border-radius: 0 4px 4px 0; font-size: 0.95rem; }
-    .badge { display: inline-block; padding: 2px 8px; border-radius: 4px; text-decoration: none; font-weight: bold; font-size: 0.9em; color: white; transition: opacity 0.2s;}
-    .badge:hover { opacity: 0.8; }
-    .badge-zenodo { background: #007bff; }
-    .badge-osf { background: #00b4d8; }
+    /* Professional Metadata Box */
+    .meta-box { 
+      background: var(--box-bg); 
+      border-left: 4px solid var(--accent-color); 
+      padding: 18px 25px; 
+      margin: 25px 0; 
+      border-radius: 0 4px 4px 0; 
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      font-size: 0.95rem;
+      line-height: 1.8;
+    }
+
+    /* Consistent Academic Badges */
+    .doi-container { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
+    .doi-row { display: flex; align-items: center; gap: 10px; }
+    .doi-hint { font-weight: 600; width: 60px; color: var(--text-muted); font-size: 0.9rem;}
+    
+    .badge { 
+      display: inline-flex; 
+      align-items: center;
+      border-radius: 3px; 
+      text-decoration: none; 
+      font-family: SFMono-Regular, Consolas, "Liberation Mono", monospace;
+      font-size: 0.85em; 
+      transition: all 0.2s ease;
+      overflow: hidden;
+      border: 1px solid var(--border-color);
+    }
+    .badge-prefix { background: #374151; color: white; padding: 3px 8px; font-weight: 600; }
+    .badge-value { background: #f9fafb; color: #111827; padding: 3px 10px; }
+    .badge:hover { box-shadow: 0 2px 4px rgba(0,0,0,0.1); border-color: #9ca3af; }
 
     .abstract-text { font-size: 1.05rem; text-align: justify; margin-bottom: 25px; }
 
-    .btn-group { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 15px; }
-    .btn { display: inline-flex; align-items: center; justify-content: center; background: #28a745; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; font-weight: 600; transition: background 0.2s, transform 0.1s; }
-    .btn:hover { background: #218838; transform: translateY(-1px); }
-    .btn-secondary { background: #4a5568; }
-    .btn-secondary:hover { background: #2d3748; }
-    .btn-osf { background: #00b4d8; }
-    .btn-osf:hover { background: #0096c7; }
-
-    table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 0.95rem; }
+    /* Link Buttons Section */
+    .btn-group { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; font-family: -apple-system, sans-serif; }
+    .btn { 
+      display: inline-flex; 
+      align-items: center; 
+      justify-content: center; 
+      background: #ffffff; 
+      color: #374151; 
+      padding: 8px 16px; 
+      text-decoration: none; 
+      border-radius: 4px; 
+      font-size: 0.9rem;
+      font-weight: 500; 
+      border: 1px solid #d1d5db;
+      transition: all 0.2s; 
+    }
+    .btn:hover { background: #f3f4f6; color: var(--primary-color); border-color: var(--primary-color); }
+    .btn-primary { background: var(--primary-color); color: white; border-color: var(--primary-color); }
+    .btn-primary:hover { background: #0a224a; color: white; }
+
+    table { width: 100%; border-collapse: collapse; margin: 20px 0; font-family: -apple-system, sans-serif; font-size: 0.95rem; }
     th, td { text-align: left; padding: 12px 15px; border-bottom: 1px solid var(--border-color); }
-    th { background-color: #f8fafc; color: var(--primary-color); font-weight: 600; }
-    tr:hover { background-color: #f7fafc; }
+    th { background-color: var(--box-bg); color: var(--primary-color); font-weight: 600; }
+    tr:hover { background-color: #fafafa; }
 
-    pre { background: #1a202c; color: #e2e8f0; padding: 20px; border-radius: 6px; overflow-x: auto; font-size: 0.9rem; border: 1px solid #2d3748; }
+    pre { background: #1f2937; color: #f3f4f6; padding: 20px; border-radius: 4px; overflow-x: auto; font-family: SFMono-Regular, Consolas, monospace; font-size: 0.85rem; border: 1px solid #374151; margin: 0; }
 
-    footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--border-color); font-size: 0.85rem; color: #718096; text-align: center; }
+    .bibtex-container { position: relative; margin-top: 15px;}
+    .copy-btn {
+      position: absolute; top: 10px; right: 10px;
+      background: #4b5563; color: white; border: none;
+      padding: 5px 10px; border-radius: 3px; cursor: pointer;
+      font-size: 0.75rem; font-weight: 600; font-family: -apple-system, sans-serif;
+      transition: background 0.2s;
+    }
+    .copy-btn:hover { background: #374151; }
+
+    footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--border-color); font-size: 0.9rem; color: var(--text-muted); text-align: center; font-family: -apple-system, sans-serif;}
     footer a { color: var(--accent-color); text-decoration: none; }
     footer a:hover { text-decoration: underline; }
   </style>
@@ -81,7 +136,7 @@
 
   <div class="container">
     <header>
-      <h1>PICA: Advanced High-Precision Transport Measurement Automation with Python</h1>
+      <h1 class="sans-ui">PICA: Advanced High-Precision Transport Measurement Automation with Python</h1>
       <p class="authors">Prathamesh Deshmukh<sup>1,2</sup> and Sudip Mukherjee<sup>1,2</sup></p>
       <p class="affiliations">
         1. UGC-DAE Consortium for Scientific Research, Mumbai Centre<br>
@@ -91,26 +146,47 @@ <h1>PICA: Advanced High-Precision Transport Measurement Automation with Python</
 
     <main>
       <div class="meta-box">
-        <strong>Preprint Status:</strong> Published on December 22, 2025<br>
-        <strong>DOI (Zenodo):</strong> <a href="https://doi.org/10.5281/zenodo.18377216" class="badge badge-zenodo">10.5281/zenodo.18377216</a><br>
-        <strong>DOI (OSF):</strong> <a href="https://doi.org/10.17605/OSF.IO/7QK2S" class="badge badge-osf">10.17605/OSF.IO/7QK2S</a>
+        <div><strong>Preprint Status:</strong> Published on December 22, 2025</div>
+        <div class="doi-container">
+          <div class="doi-row">
+            <span class="doi-hint">Paper:</span>
+            <a href="https://doi.org/10.17605/OSF.IO/7QK2S" class="badge">
+              <span class="badge-prefix">DOI (OSF)</span>
+              <span class="badge-value">10.17605/OSF.IO/7QK2S</span>
+            </a>
+          </div>
+          <div class="doi-row">
+            <span class="doi-hint">Code:</span>
+            <a href="https://doi.org/10.5281/zenodo.18377216" class="badge">
+              <span class="badge-prefix">DOI (Zenodo)</span>
+              <span class="badge-value">10.5281/zenodo.18377216</span>
+            </a>
+          </div>
+        </div>
       </div>
 
       <section>
-        <h2>Abstract</h2>
+        <h2 class="sans-ui">Abstract</h2>
         <p class="abstract-text">
           PICA (Python-based Instrument Control and Automation) is a modular open-source software suite designed to automate advanced transport measurements for electronic devices and material samples. It provides an extensible, unified GUI-based framework to coordinate high-precision instruments including current sources (DC/AC), nanovoltmeters, electrometers, impedance analysers, and temperature controllers.
         </p>
 
+        <h3 class="sans-ui" style="font-size: 1.1rem; color: #4b5563; margin-bottom: 10px;">Access Links & Resources</h3>
         <div class="btn-group">
-          <a href="https://prathameshnium.github.io/PICA-Python-Instrument-Control-and-Automation/publications/pica-paper.pdf" class="btn">View PDF Preprint</a>
-          <a href="https://www.academia.edu/165176821/PICA_Advanced_High_Precision_Transport_Measurement_Automation_with_Python" class="btn btn-secondary">Academia.edu</a>
-          <a href="https://osf.io/7qk2s/files/gc93r" class="btn btn-osf">OSF Repository</a>
+          <a href="https://prathameshnium.github.io/PICA-Python-Instrument-Control-and-Automation/publications/pica-paper.pdf" class="btn btn-primary">📄 PDF Preprint</a>
+          <a href="https://osf.io/7qk2s/" class="btn">OSF Paper Repo</a>
+          <a href="https://www.academia.edu/165176821/PICA_Advanced_High_Precision_Transport_Measurement_Automation_with_Python" class="btn">Academia.edu</a>
+          
+          <a href="https://github.com/prathameshnium/PICA-Python-Instrument-Control-and-Automation" class="btn">GitHub Repository</a>
+          <a href="https://pypi.org/project/pica-suite/" class="btn">PyPI Package</a>
+          <a href="https://zenodo.org/record/18377216" class="btn">Zenodo Archive</a>
+          <a href="https://pica-python-instrument-control-and-automation.readthedocs.io/en/latest/" class="btn">ReadTheDocs</a>
+          <a href="https://pica-python-instrument-control-and-automation.readthedocs.io/en/latest/User_Manual.html" class="btn">Full Manual</a>
         </div>
       </section>
 
       <section>
-        <h2>Key Capabilities</h2>
+        <h2 class="sans-ui">Key Capabilities</h2>
         <table>
           <thead>
             <tr>
@@ -140,18 +216,22 @@ <h2>Key Capabilities</h2>
       </section>
 
       <section>
-        <h2>How to Cite</h2>
+        <h2 class="sans-ui">How to Cite</h2>
         <p>Please use the following BibTeX entry for citations:</p>
-<pre><code>@techreport{deshmukh2025pica,
+        
+        <div class="bibtex-container">
+          <button id="copyBtn" class="copy-btn">Copy BibTeX</button>
+<pre><code id="bibtexCode">@techreport{deshmukh2025pica,
   title={PICA: Advanced High-Precision Transport Measurement Automation with Python},
   author={Deshmukh, Prathamesh and Mukherjee, Sudip},
   institution={UGC-DAE Consortium for Scientific Research, Mumbai Centre},
   year={2025},
   month={December},
   type={Preprint},
-  doi={10.5281/zenodo.18377216},
+  doi={10.17605/OSF.IO/7QK2S},
   url={https://prathameshnium.github.io/PICA-Python-Instrument-Control-and-Automation/}
 }</code></pre>
+        </div>
       </section>
     </main>
 
@@ -161,5 +241,22 @@ <h2>How to Cite</h2>
     </footer>
   </div>
 
+  <script>
+    document.getElementById('copyBtn').addEventListener('click', function() {
+      const codeText = document.getElementById('bibtexCode').innerText;
+      navigator.clipboard.writeText(codeText).then(() => {
+        const btn = document.getElementById('copyBtn');
+        btn.innerText = 'Copied!';
+        btn.style.background = '#059669'; 
+        
+        setTimeout(() => { 
+          btn.innerText = 'Copy BibTeX'; 
+          btn.style.background = '#4b5563'; 
+        }, 2000);
+      }).catch(err => {
+        console.error('Failed to copy text: ', err);
+      });
+    });
+  </script>
 </body>
 </html>