forked from FRI-Energy-Analytics/academic-poster-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
summer.html
152 lines (124 loc) · 5.98 KB
/
summer.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>What's the name of your project? — a subtitle might be useful</title>
<link rel="stylesheet" href="poster.css">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1">
<!-- Based on a poster template from https://github.com/cpitclaudel/academic-poster-template -->
<script type="text/javascript" id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<style type="text/css">
html { font-size: 1.15rem }
</style>
</head>
<body vocab="http://schema.org/" typeof="ScholarlyArticle">
<header role="banner">
<aside>
<a href="https://github.com/FRI-Energy-Analytics/2021_summer_fellows"><img src="EA_logo.jpg" alt="Energy Analytics logo"></a>
</aside>
<div>
<h1 property="headline">What's the name of your project?</h1>
<h2 property="alternativeHeadline">a subtitle might be useful</h2>
<address>
<a property="author">FirstName LastName1<sup>1</sup></a>
<a property="author">FirstName LastName2<sup>1</sup></a>
<a property="author">FirstName LastName3<sup>1</sup></a>
<a property="author">Jesse R. Pisel<sup>1,2</sup></a>
<a property="author">Michael J. Pyrcz<sup>3,4</sup></a>
<br /> <sup>1</sup><a property="sourceOrganization">College of Natural Science, UT Austin</a>
<sup>2</sup><a property="sourceOrganization">Texas Institute for Discovery Education in Science, UT Austin</a>
<sup>3</sup><a property="sourceOrganization">Cockrell School of Engineering, UT Austin</a>
<sup>4</sup><a property="sourceOrganization">Jackson School of Geosciences, UT Austin</a>
</address>
<span class="publication-info">
<span property="publisher">Unpublished</span>,
<time pubdate property="datePublished" datetime="2021-07-23">July 23 2021</time>
</span>
</div>
<aside>
<a href="https://cns.utexas.edu/"><img style="background: white" src="ut_logo.png" alt="UT Logo"></a>
</aside>
</header>
<main property="articleBody">
<article property="abstract">
<header><h3>Executive Summary</h3></header>
<p>What is the problem?</p>
<p>How did you approach it?</p>
<p>What did you learn?</p>
<p>What are your recommendations</p>
</article>
<article>
<header><h3>Problem</h3></header>
<p>A bit of text here and some images if they are useful. SVG images work best for HTML and CSS. Below is an example of a SVG figure</p>
<figure>
<img src="https://www.w3.org/html/logo/downloads/HTML5_Logo.svg" width="197" height="64" alt="An orange shield with a white 5 emblazoned on it and the letters HTML above it.">
<figcaption>The HTML5 logo (<i>Source: <a href="https://www.w3.org/html/logo/">W3C</a></i>)</figcaption>
</figure>
</article>
<article>
<header><h3>Approach</h3></header>
<p>Tell us how you approached the problem. Code, diagrams, flowcharts are handy here.
We can also write out unordered lists:
</p>
<ul>
<li> First item</li>
<li> Second item</li>
</ul>
<p> We can also add numbered lists as well:</p>
<ol>
<li> First item </li>
<li> Second item </li>
</ol>
<p> You can also add inline math with <a href="https://www.mathjax.org/">MathJax</a></p>
<p class="center">\((\lambda x. e) v \downarrow e[x/v]\) </p>
\[\frac
{\langle \mathtt{expr}, s\rangle \Downarrow v}
{\langle \mathtt{var := expr}, s\rangle \downarrow s\left[\mathtt{var} \leftarrow v\right]}
\small{\text{Assign}}\]
<p>Using MathJax allows users of assistive technology to browse the equations.</p>
</article>
<article>
<header><h3>Results and Lessons Learned</h3></header>
<p> Show us some cool images of the results from your project. You can <em>emphasize</em>
parts of your text for readers. You can also make it <strong>strong</strong> to get your
point across as well. <i>Italics</i> are also useful for scientific terms and foreign words.
</p>
<figure>
<img src="https://github.com/FRI-Energy-Analytics/2020_summer_fellows/blob/main/Sat%20to%20Geo/Sprint%201/assets/stg_example.png?raw=true" width="500" height="500" alt="A 3x3 image of geologic maps, generated outputs and desired outputs.">
<figcaption>Comparison of generated output and desired output from geologic maps for three examples.</figcaption>
</figure>
</article>
<article>
<header><h3>Recommendations</h3></header>
<p>Here you can tell us what you recommend. Should we keep training the model? How should we
plug wells? Should we continue predicting orphan well dates? Tell us what we need to
do next for the research project and also for the problem as a whole.
</p>
</article>
<article>
<header><h3>Acknowledgements markup</h3></header>
<p> Thanks to:</p>
<ul>
<li> Texas Advanced Computing Center </li>
<li> Freshman Research Initiative </li>
<li> ConocoPhillips </li>
<li> anyone else that helped you on the project along the way </li>
</ul>
</article>
<figure style="flex-grow: 9999999">
<img style="width: 70%" src="EA_logo.jpg" alt="Project logo" />
<figcaption>Freshman Research Initiative Energy Analytics</figcaption>
</figure>
</main>
<footer>
<address class="monospace"> <a href="https://github.com/FRI-Energy-Analytics/2021_summer_fellows">https://github.com/FRI-Energy-Analytics/2021_summer_fellows</a>
</address>
<address class="monospace"> [email protected]
</address>
<span class="credits">
Based on an <a href="https://github.com/cpitclaudel/academic-poster-template">open poster template</a>.
</span>
</footer>
</body>
</html>