added figure to publications, trigger modal w js instead of anchor

CBICA · Feb 8, 2022 · 4d01811 · 4d01811
1 parent 76f0fac
commit 4d01811
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 28 deletions.
diff --git a/public/thumbnail_Fig_JAMA_Psy.png b/public/thumbnail_Fig_JAMA_Psy.png
diff --git a/src/components/NavBar.js b/src/components/NavBar.js
@@ -5,17 +5,17 @@ const NavBar = () => {
         <div>
             <ul className="horizontal sm-menu menu items-stretch px-3 shadow-lg bg-base-100 rounded-box max-w-full sm:float-right overflow-visible">
                 <li className={["/publications", "/contributors"].includes(location.pathname) ? "" : "bordered"}>
-                    <a href={process.env.PUBLIC_URL}>
+                    <Link to="/">
                         BRIDGEPORT
-                    </a>
+                    </Link>
                 </li>
                 <li>
                     <div className="dropdown dropdown-end">
                         <button className="btn btn-link text-base text-base-content hover:bg-gray-200 hover:no-underline font-normal normal-case rounded-0" style={{height:'100%', borderRadius:"0px"}} tabIndex="0">Download GWAS</button>
                         <ul tabIndex="0" className="p-0 shadow menu dropdown-content bg-base-100 rounded-box w-52">
                             {[32, 64, 128, 256, 512, 1024].map(i => (
                                 <li key={i}>
-                                    <a href="#download">Download C{i}</a>
+                                    <button onClick={() => document.getElementById('download').classList.toggle('modal-open')}>Download C{i}</button>
                                 </li>
                             ))}
                         </ul>
@@ -27,7 +27,7 @@ const NavBar = () => {
                         <ul tabIndex="0" className="p-0 shadow menu dropdown-content bg-base-100 rounded-box w-52">
                             {[32, 64, 128, 256, 512, 1024].map(i => (
                                 <li key={i}>
-                                    <a href="#download">Download C{i}</a>
+                                    <button onClick={() => document.getElementById('download').classList.toggle('modal-open')}>Download C{i}</button>
                                 </li>
                             ))}
                         </ul>
@@ -47,12 +47,12 @@ const NavBar = () => {
             </ul>
             <div id="download" className="modal">
                 <div className="modal-box">
-                    <div class="flex flex-col w-full">
+                    <div className="flex flex-col w-full">
                         {/* <p className="mb-2">Download through your browser:</p>
                         <p><a href="/#" className="btn btn-primary btn-block">Download</a></p>
-                        <div class="divider">OR</div>
+                        <div className="divider">OR</div>
                         <p className="mb-2">Download through the command line:</p>
-                        <div class="mockup-code">
+                        <div className="mockup-code">
                             <pre data-prefix="$">
                                 <code>curl http://localhost</code>
                             </pre>
@@ -61,7 +61,7 @@ const NavBar = () => {
                     </div>
                     <div className="modal-action">
                         {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
-                        <a href="#" className="btn">Close</a>
+                        <button onClick={() => document.getElementById('download').classList.toggle('modal-open')} className="btn">Close</button>
                     </div>
                 </div>
             </div>

diff --git a/src/routes/publications.js b/src/routes/publications.js
@@ -14,27 +14,11 @@ export default function Publications() {
                     <h3 className="text-2xl font-semibold">Multidimensional representations in late-life depression: convergence in neuroimaging, cognition, clinical symptomatology and genetics</h3>
                     <h4 className="text-primary">Junhao Wen, Cynthia H.Y. Fu, Duygu Tosun, Yogasudha Veturi, Zhijian Yang, Ahmed Abdulkadir, Elizabeth Mamourian, Dhivya Srinivasan, Jingxuan Bao, Guray Erus, Haochang Shou, Mohamad Habes, Jimit Doshi, Erdem Varol, Scott R Mackin, Aristeidis Sotiras, Yong Fan, Andrew J. Saykin, Yvette I. Sheline, Li Shen, Marylyn D. Ritchie, David A. Wolk, Marilyn Albert, Susan M. Resnick, Christos Davatzikos</h4>
                     <h5>In <i>JAMA Psychiatry</i>, 2022.</h5>
-                    <div class="btn-group mb-6 mt-1">
-                        <a target="_blank" rel="noreferrer" href="https://arxiv.org/abs/2110.11347" class="btn btn-primary btn-outline btn-sm">Link</a>
-                    </div>
-                    <h3 className="text-2xl font-semibold">Convolutional Neural Networks for Classification of Alzheimer's Disease: Overview and Reproducible Evaluation</h3>
-                    <h4 className="text-primary">Junhao Wen, Elina Thibeau-Sutre, Mauricio Diaz-Melo, Jorge Samper-González, Alexandre Routier, Simona Bottani, Didier Dormont, Stanley Durrleman, Ninon Burgos, Olivier Colliot</h4>
-                    <h5>In <i>Medical Image Analysis</i>, 2020.</h5>
-                    <div class="btn-group mb-6 mt-1">
-                        <a target="_blank" rel="noreferrer" href="https://anbai106.github.io/publication/cnn-t1/" class="btn btn-primary btn-outline btn-sm">Details</a>
-                        <a target="_blank" rel="noreferrer" href="https://github.com/aramis-lab/AD-DL" class="btn btn-primary btn-outline btn-sm">Code</a>
-                        <a target="_blank" rel="noreferrer" href="https://www.sciencedirect.com/science/article/pii/S1361841520300591" class="btn btn-primary btn-outline btn-sm">Link</a>
-                    </div>
-
-                    <h3 className="text-2xl font-semibold">Early Cognitive, Structural, and Microstructural Changes in Presymptomatic C9orf72 Carriers Younger Than 40 Years</h3>
-                    <h4 className="text-primary">Anne Bertrand, Junhao Wen (co-first author), Daisy Rinaldi, Marion Houot, Sabrina Sayah, Agnès Camuzat, Clémence Fournier, Sabrina Fontanella, Alexandre Routier, Philippe Couratier, Florence Pasquier, Marie-Odile Habert, Didier Hannequin, Olivier Martinaud, Paola Caroppo, Richard Levy, Bruno Dubois, Alexis Brice, Stanley Durrleman, Olivier Colliot, Isabelle Le Ber</h4>
-                    <h5>In <i>JAMA neurology</i>, 2020.</h5>
-                    <div class="btn-group mb-6 mt-1">
-                        <a target="_blank" rel="noreferrer" href="https://anbai106.github.io/publication/prevdemals-t1dti/" class="btn btn-primary btn-outline btn-sm">Details</a>
-                        <a target="_blank" rel="noreferrer" href="https://anbai106.github.io/pdf/prevdemals_ppt.pdf" class="btn btn-primary btn-outline btn-sm">Slides</a>
-                        <a target="_blank" rel="noreferrer" href="https://anbai106.github.io/pdf/prevdemals_T1_dti_poster.pdf" class="btn btn-primary btn-outline btn-sm">Poster</a>
-                        <a target="_blank" rel="noreferrer" href="https://jamanetwork.com/journals/jamaneurology/article-abstract/2665213" class="btn btn-primary btn-outline btn-sm">Link</a>
+                    <div className="btn-group mt-1">
+                        <a target="_blank" rel="noreferrer" href="https://arxiv.org/abs/2110.11347" className="btn btn-primary btn-outline btn-sm">Link</a>
+                        <button onClick={() => document.getElementById('download').classList.toggle('modal-open')} className="btn btn-primary btn-outline btn-sm">Download GWAS</button>
                     </div>
+                    <img alt="" src={process.env.PUBLIC_URL + "/thumbnail_Fig_JAMA_Psy.png"} className="w-100" />
 
                 </div>
             </div>