Skip to content

Commit 045644a

Browse files
authored
Merge pull request #13 from MedVIC-Lab/individual-publication-pages
Individual publication pages
2 parents e8b3e3a + 3d74dab commit 045644a

30 files changed

+204
-41
lines changed

.vitepress/theme/custom.css

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,15 @@
2121
- **Often, !important is required to override the default styles.
2222
*/
2323

24+
/* Header */
25+
.VPNavBarTitle .title {
26+
font-size: 1.75em !important;
27+
}
28+
29+
.VPNavBarMenuLink {
30+
font-size: 1.05em !important;
31+
}
32+
2433
/* Container widths */
2534
@media (min-width: 1440px) {
2635
.VPDoc:not(.has-sidebar) .content {

README.md

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -111,18 +111,25 @@ To add a publication to the MedVIC Lab website, follow these steps:
111111

112112
```markdown
113113
---
114+
layout: publication
114115
title: "Publication Title"
115116
authors: "Author1, Author2"
116117
conference: "Conference Name"
117118
year: "Year"
118-
link: "https://example.com/publication-link" # Optional: Replace with the URL to the publication
119+
links:
120+
archive: "example.com" (optional)
121+
code: "example.com" (optional)
122+
publisher: "example.com" (optional)
123+
pdf: "example.com" (optional)
124+
video: "example.com" (optional)
119125
image:
120126
src: "example.png"
121127
alt: "Example Alt Text"
122128
---
123129
```
124130

125-
Note: images should be added to `/public/assets/images/publications/`. These should be *graphical abstracts* and should not contain captions.
131+
Note: images should be added to `/public/assets/images/publications/`.
132+
Additional note: Images should be *graphical abstracts* and should not contain captions.
126133

127134
3. **Add content to your Markdown file:** (WORK IN PROGRESS)
128135
- Below the frontmatter, add any additional information about the publication.

layouts/publication.vue

Lines changed: 67 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,72 @@
11
<template>
2-
<div>
3-
<h1>{{ frontmatter.title }}</h1>
4-
<p>{{ frontmatter.authors }}</p>
5-
<p>{{ frontmatter.conference }}</p>
6-
<p>{{ frontmatter.year }}</p>
2+
<div class="publication-layout vp-doc">
3+
<div class="publication-content">
4+
<img v-if="frontmatter.image" :src="`../../assets/images/publications/${frontmatter.image.src}`" :alt="frontmatter.image.alt" class="publication-image" />
5+
<Content />
6+
</div>
7+
<aside class="publication-sidebar">
8+
<div class="publication-links">
9+
<h2>Resources</h2>
10+
<ul>
11+
<li v-if="frontmatter.links.code"><a :href="frontmatter.links.code" target="_blank"><v-icon size="16" icon="mdi-code-braces"/>Link to Code</a></li>
12+
<li v-if="frontmatter.links.pdf"><a :href="frontmatter.links.pdf" target="_blank"><v-icon size="16" icon="mdi-file-document-outline"/>Publication (PDF)</a></li>
13+
<li v-if="frontmatter.links.archive"><a :href="frontmatter.links.archive" target="_blank"><v-icon size="16" icon="mdi-archive"/>Archive</a></li>
14+
<li v-if="frontmatter.links.video"><a :href="frontmatter.links.video" target="_blank"><v-icon size="16" icon="mdi-video-box"/>Link to Video</a></li>
15+
<li v-if="frontmatter.links.publisher"><a :href="frontmatter.links.publisher" target="_blank"><v-icon size="16" icon="mdi-earth"/>Link to Publisher</a></li>
16+
</ul>
17+
</div>
18+
</aside>
719
</div>
820
</template>
921

1022
<script setup>
11-
import { useData } from 'vitepress';
12-
const { frontmatter } = useData();
13-
</script>
23+
import { Content, useData } from 'vitepress';
24+
25+
const { frontmatter } = useData();
26+
</script>
27+
28+
<style>
29+
.publication-layout {
30+
display: flex;
31+
flex-direction: row;
32+
justify-content: space-between;
33+
max-width: 1200px; /* Adjust to match the default layout container width */
34+
margin: 0 auto;
35+
padding: 20px;
36+
min-height: 100vh; /* Ensure the layout stretches to the full height of the screen */
37+
}
38+
39+
.publication-content {
40+
flex: 1;
41+
padding-right: 20px;
42+
}
43+
44+
.publication-sidebar {
45+
width: 300px;
46+
padding-left: 20px;
47+
display: flex;
48+
flex-direction: column;
49+
justify-content: flex-start;
50+
}
51+
52+
.publication-sidebar h2 {
53+
border-top: 0 !important;
54+
padding: 0;
55+
margin: 0;
56+
}
57+
58+
.publication-image {
59+
max-width: 100%;
60+
margin-bottom: 20px;
61+
}
62+
63+
.publication-links ul {
64+
list-style-type: none;
65+
padding: 0;
66+
}
67+
68+
.publication-links li {
69+
margin-bottom: 10px;
70+
}
71+
72+
</style>

pages/publications.md

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -89,6 +89,13 @@ onMounted(async () => {
8989
display: flex;
9090
flex-direction: row;
9191
margin-bottom: 20px;
92+
text-decoration: none !important;
93+
border-radius: 10px;
94+
}
95+
96+
.publication:hover {
97+
background-color:rgb(245, 245, 245);
98+
color: #000!important;
9299
}
93100

94101
.publication img {
@@ -119,7 +126,7 @@ onMounted(async () => {
119126
display: inline-block;
120127
}
121128
</style>
122-
129+
<span></span>
123130
<v-row
124131
justify="space-between"
125132
class="mb-4"
@@ -177,12 +184,12 @@ onMounted(async () => {
177184
</v-row>
178185

179186
<div class="container">
180-
<div v-for="publication in sortedPublications" :key="publication.title" class="publication">
187+
<a v-for="publication in sortedPublications" :key="publication.title" :href="publication.link" class="publication">
181188
<img v-if="publication.image" :src="`../assets/images/publications/${publication.image.src}`" :alt="publication.image.alt">
182189
<div class="publication-info">
183190
<p>{{ publication.authors }}</p>
184-
<a :href="publication.link" target="_blank">{{ publication.title }}</a>
191+
<p>{{ publication.title }}</p>
185192
<p>{{ publication.conference }} ({{ publication.year }})</p>
186193
</div>
187-
</div>
194+
</a>
188195
</div>

pages/publications/2020_uncertain_deepssm.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
11
---
2+
layout: publication
23
title: "Uncertain-DeepSSM: From Images to Probabilistic Shape Models"
34
authors: "Jadie Adams, Riddhish Bhalodia, Shireen Elhabian. "
45
conference: "Shape in Medical Imaging (ShapeMI) at MICCAI"
56
year: "2020"
6-
link: "https://arxiv.org/abs/2007.06516"
7+
links:
8+
archive: "https://arxiv.org/abs/2007.06516"
79
image:
810
src: "2020_uncertain_deepssm.png"
911
alt: Results Highlight

pages/publications/2021_benchmarking.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
11
---
2+
layout: publication
23
title: "Benchmarking Off-the-shelf Statistical Shape Modeling Tools in Clinical Applications"
34
authors: "Anupama Goparaju, Krithika Iyer, Alexandre Bône, Nan Hu, Heath B. Henninger, Andrew E. Anderson, Stanley Durrleman, Matthijs Jacxsens, Alan Morris, Ibolya Csecs, Nassir Marrouche, Shireen Y. Elhabian"
45
conference: "Medical Image Analysis"
56
year: "2021"
6-
link: "https://www.sciencedirect.com/science/article/pii/S1361841521003169"
7+
links:
8+
publisher: "https://www.sciencedirect.com/science/article/pii/S1361841521003169"
79
image:
810
src: "2021_benchmarking.jpg"
911
alt: Benchmarking FrameWork

pages/publications/2022_rvtr.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,12 @@
11
---
2+
layout: publication
23
title: "All Roads Lead to Rome: Diverse Etiologies of Tricuspid Regurgitation Create a Predictable Constellation of Right Ventricular Shape Changes"
34
authors: "Benjamin A. Orkild, Brian Zenger*, Krithika Iyer*,
45
Lindsay C. Rupp, Masjid M. Ibrahim, Atefeh G. Khashani, Maura D. Perez, Markus D. Foote, Jake A. Bergquist, Alan K. Morris, Shireen Elhabian and others"
56
conference: "Frontiers in Physiology"
67
year: "2022"
7-
link: "https://www.frontiersin.org/journals/physiology/articles/10.3389/fphys.2022.908552/full"
8+
links:
9+
publisher: "https://www.frontiersin.org/journals/physiology/articles/10.3389/fphys.2022.908552/full"
810
image:
911
src: "2022_rvtr.jpg"
1012
alt: Results Highlight

pages/publications/2022_sharedboundary.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
11
---
2+
layout: publication
23
title: "Statistical Shape Modeling of Biventricular Anatomy with Shared Boundaries"
34
authors: "Krithika Iyer, Alan Morris, Brian Zenger, Karthik Karnath, Benjamin A. Orkild, Oleksandre Korshak, Shireen Elhabian. "
45
conference: "Statistical Atlases and Computational Models of the Heart (STACOM) at MICCAI"
56
year: "2022"
6-
link: "https://pmc.ncbi.nlm.nih.gov/articles/PMC10103081/"
7+
links:
8+
publisher: "https://pmc.ncbi.nlm.nih.gov/articles/PMC10103081/"
79
image:
810
src: "2022_stacom_shared.jpg"
911
alt: Results Highlight

pages/publications/2022_spatiotemporal_ssm.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
11
---
2+
layout: publication
23
title: "Spatiotemporal Cardiac Statistical Shape Modeling: A Data-Driven Approach"
34
authors: "Jadie Adams, Nawazish Khan, Alan Morris, Shireen Elhabian"
45
conference: "Statistical Atlases and Computational Models of the Heart (STACOM) at MICCAI"
56
year: "2022"
6-
link: "https://arxiv.org/abs/2209.02736"
7+
links:
8+
archive: "https://arxiv.org/abs/2209.02736"
79
image:
810
src: "2022_spatiotemporal_ssm.png"
911
alt: Results Highlight

pages/publications/2022_vib_deepssm.md

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
11
---
2+
layout: publication
23
title: "From Images to Probabilistic Anatomical Shapes: A Deep Variational Bottleneck Approach"
34
authors: "Jadie Adams, Shireen Elhabian"
45
conference: "MICCAI"
56
year: "2022"
6-
link: "https://arxiv.org/abs/2205.06862"
7+
links:
8+
code: "https://github.com/MedVIC-Lab/VIB-DeepSSM"
9+
archive: "https://arxiv.org/abs/2205.06862"
710
image:
811
src: "2022_vib_deepssm.png"
912
alt: Results Highlight

0 commit comments

Comments
 (0)