Skip to content

Commit 9c18a2e

Browse files
lenis2000lenis2000
committed
add accessible HTML version of PhD defense poster template example
1 parent 7f163c3 commit 9c18a2e

File tree

2 files changed

+187
-0
lines changed

2 files changed

+187
-0
lines changed

‎graduate/docs/PosterTemplate.html‎

Lines changed: 178 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,178 @@
1+
<!DOCTYPE html>
2+
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
6+
<title>PhD Defense Poster Template — UVA Mathematics</title>
7+
<style>
8+
body {
9+
max-width: 800px;
10+
margin: 0 auto;
11+
padding: 2em 1em;
12+
font-family: Georgia, "Times New Roman", serif;
13+
line-height: 1.6;
14+
color: #1a1a1a;
15+
background-color: #fff;
16+
}
17+
a {
18+
color: #1a5dab;
19+
text-decoration: underline;
20+
}
21+
a:visited {
22+
color: #6b3fa0;
23+
text-decoration: underline;
24+
}
25+
h1, h2, h3 {
26+
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
27+
color: #000064;
28+
}
29+
h1 {
30+
font-size: 2em;
31+
border-bottom: 2px solid #af4600;
32+
padding-bottom: 0.3em;
33+
}
34+
.theorem-block {
35+
margin: 1em 0;
36+
padding: 0.8em 1em;
37+
border-left: 4px solid #000064;
38+
background: #f5f5fa;
39+
}
40+
.theorem-block .label {
41+
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
42+
font-weight: bold;
43+
color: #000064;
44+
}
45+
.section-rule {
46+
border: none;
47+
border-top: 2px solid #af4600;
48+
margin: 1.5em 0;
49+
}
50+
.references ol {
51+
padding-left: 1.5em;
52+
}
53+
.student-info {
54+
border-top: 2px solid #af4600;
55+
padding-top: 1em;
56+
margin-top: 2em;
57+
}
58+
.student-info h2 {
59+
margin-top: 0.3em;
60+
}
61+
.student-info ul {
62+
list-style: none;
63+
padding-left: 0;
64+
}
65+
.student-info ul li {
66+
color: #af4600;
67+
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
68+
}
69+
nav.breadcrumb {
70+
margin-bottom: 1.5em;
71+
font-size: 0.9em;
72+
}
73+
@media print {
74+
body { max-width: 100%; margin: 0; padding: 1em; }
75+
}
76+
</style>
77+
</head>
78+
<body>
79+
<nav class="breadcrumb" aria-label="Breadcrumb">
80+
<a href="https://math.virginia.edu/">UVA Math</a> &rsaquo;
81+
<a href="https://math.virginia.edu/graduate/">Graduate</a> &rsaquo;
82+
<a href="https://math.virginia.edu/graduate/poster-template/">Poster Template</a> &rsaquo;
83+
Example Output
84+
</nav>
85+
<main>
86+
<h1>Thesis Title</h1>
87+
88+
<p>Nam elementum maximus velit sed aliquam. Nullam diam dolor, tempus a elit eu, ultricies consequat mi. Duis facilisis velit vitae vehicula auctor. Aenean pretium neque in enim laoreet porttitor. Phasellus euismod, ante id facilisis efficitur, magna urna feugiat ex, eu rhoncus turpis urna non erat. Praesent vulputate orci ac ullamcorper egestas. Mauris cursus elit odio, ut tempus ante maximus eu.</p>
89+
90+
<div class="theorem-block" role="note" aria-label="Theorem">
91+
<p><span class="label">Theorem.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra nulla eget nisl sodales, id porttitor dolor ultrices ut efficitur purus viverra. Phasellus ex tellus, vehicula nec malesuada sed, viverra eu metus.</p>
92+
</div>
93+
94+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra nulla eget nisl sodales, id porttitor dolor ultrices.</p>
95+
96+
<div class="theorem-block" role="note" aria-label="Definition">
97+
<p><span class="label">Definition.</span> Let <math role="math" aria-label="A" display="inline" xmlns="http://www.w3.org/1998/Math/MathML"><mi>A</mi></math> be wonderful.</p>
98+
<p style="text-align:center;">
99+
<math role="math" aria-label="Commutative diagram: A maps to B via alpha, B maps to D via beta, C maps to A via gamma, C maps to D via gamma prime" display="block" xmlns="http://www.w3.org/1998/Math/MathML">
100+
<mtable>
101+
<mtr>
102+
<mtd><mi>A</mi></mtd>
103+
<mtd><mover><mo>&xrarr;</mo><mi>&alpha;</mi></mover></mtd>
104+
<mtd><mi>B</mi></mtd>
105+
</mtr>
106+
<mtr>
107+
<mtd><mpadded height="+0.5em"><mover><mo>&uarr;</mo><mi>&gamma;</mi></mover></mpadded></mtd>
108+
<mtd></mtd>
109+
<mtd><mpadded height="+0.5em"><mover><mo>&darr;</mo><mi>&beta;</mi></mover></mpadded></mtd>
110+
</mtr>
111+
<mtr>
112+
<mtd><mi>C</mi></mtd>
113+
<mtd><mover><mo>&xrarr;</mo><mrow><mi>&gamma;</mi><mo>&prime;</mo></mrow></mover></mtd>
114+
<mtd><mi>D</mi></mtd>
115+
</mtr>
116+
</mtable>
117+
</math>
118+
</p>
119+
</div>
120+
121+
<p>Nam elementum maximus velit sed aliquam. Aenean pretium neque in enim laoreet porttitor. Phasellus euismod, ante id facilisis efficitur, magna urna feugiat ex, eu rhoncus turpis urna non erat. Praesent vulputate orci ac ullamcorper egestas. Mauris cursus elit odio, ut tempus ante maximus eu.</p>
122+
123+
<h2>Awesomeness may occur</h2>
124+
125+
<p>Nam elementum maximus velit sed aliquam. Nullam diam dolor, tempus a elit eu, ultricies consequat mi. Duis facilisis velit vitae vehicula auctor.</p>
126+
127+
<p>Praesent vulputate orci ac ullamcorper egestas. Mauris cursus elit odio, ut tempus ante maximus eu.</p>
128+
129+
<p style="text-align:center;">
130+
<math role="math" aria-label="K K of A, B maps to Hom of K star A, K star B" display="block" xmlns="http://www.w3.org/1998/Math/MathML">
131+
<mrow>
132+
<mi>K</mi><mi>K</mi><mo>(</mo><mi>A</mi><mo>,</mo><mi>B</mi><mo>)</mo>
133+
<mo>&rarr;</mo>
134+
<mi>Hom</mi><mo>(</mo><msub><mi>K</mi><mo>*</mo></msub><mo>(</mo><mi>A</mi><mo>)</mo><mo>,</mo><msub><mi>K</mi><mo>*</mo></msub><mo>(</mo><mi>B</mi><mo>)</mo><mo>)</mo>
135+
</mrow>
136+
</math>
137+
</p>
138+
139+
<p>Phasellus euismod, ante id facilisis efficitur, magna urna feugiat ex, eu rhoncus turpis urna non erat.</p>
140+
141+
<p>Praesent vulputate orci ac ullamcorper egestas. Mauris cursus elit odio, ut tempus ante maximus eu. Cf. [1].</p>
142+
143+
<div class="theorem-block" role="note" aria-label="Conjecture">
144+
<p><span class="label">Conjecture.</span> Hooray.</p>
145+
</div>
146+
147+
<div class="theorem-block" role="note" aria-label="Proposition">
148+
<p><span class="label">Proposition.</span> Hooray.</p>
149+
</div>
150+
151+
<div class="theorem-block" role="note" aria-label="Example">
152+
<p><span class="label">Example.</span> Hooray.</p>
153+
</div>
154+
155+
<div class="theorem-block" role="note" aria-label="Observation">
156+
<p><span class="label">Observation.</span> Hooray.</p>
157+
</div>
158+
159+
<div class="references">
160+
<h2>References</h2>
161+
<ol>
162+
<li id="ref1">Include any references here</li>
163+
</ol>
164+
</div>
165+
166+
<div class="student-info">
167+
<h2>Thomas Jefferson</h2>
168+
<ul>
169+
<li><strong>Advisor:</strong> [Advisor Name Here]</li>
170+
<li><strong>Defense Date:</strong> [Defense Date and Time Here, or TBA]</li>
171+
<li><strong>Defense Location:</strong> [Where are you defending]</li>
172+
<li><strong>Homepage:</strong> [Homepage or other items]</li>
173+
</ul>
174+
</div>
175+
176+
</main>
177+
</body>
178+
</html>

‎graduate/poster-template.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,15 @@ This LaTeX template is designed for creating professional announcement posters f
3737
</div>
3838
</div>
3939
</div>
40+
<div class="col-md-4">
41+
<div class="card h-100">
42+
<div class="card-body">
43+
<h5 class="card-title">Example Output</h5>
44+
<a href="{{site.url}}/graduate/docs/PosterTemplate.html">View Example (HTML)</a> |
45+
<a href="{{site.url}}/graduate/docs/PosterTemplate.pdf">PDF (6.6 MB)</a>
46+
</div>
47+
</div>
48+
</div>
4049
</div>
4150

4251
## Template Features

0 commit comments

Comments
 (0)