forked from jasonyzhang/webpage-template
-
Notifications
You must be signed in to change notification settings - Fork 13
/
index.html
156 lines (128 loc) · 5.7 KB
/
index.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
153
154
155
156
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">google.load("jquery", "1.3.2");</script>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"
rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./resources/style.css" media="screen"/>
<html lang="en">
<head>
<title>This is my paper title</title>
<!-- Facebook automatically scrapes this. Go to https://developers.facebook.com/tools/debug/
if you update and want to force Facebook to re-scrape. -->
<meta property="og:image" content="Path to my teaser.jpg"/>
<meta property="og:title" content="Creative and Descriptive Paper Title." />
<meta property="og:description" content="Paper description." />
<!-- Twitter automatically scrapes this. Go to https://cards-dev.twitter.com/validator?
if you update and want to force Twitter to re-scrape. -->
<meta property="twitter:card" content="summary" />
<meta property="twitter:title" content="Creative and Descriptive Paper Title." />
<meta property="twitter:description" content="Paper description." />
<meta property="twitter:image" content="Path to my teaser.jpg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Add your Google Analytics tag here -->
<script async
src="https://www.googletagmanager.com/gtag/js?id=UA-97476543-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-97476543-1');
</script>
</head>
<body>
<div class="container">
<div class="title">
Creative and Descriptive Paper Title
</div>
<div class="venue">
In Conference 20XX
</div>
<br><br>
<div class="author">
<a href="https://en.wikipedia.org/wiki/James_J._Gibson">First Author</a><sup>1</sup>
</div>
<div class="author">
<a href="https://en.wikipedia.org/wiki/James_J._Gibson">Second Author</a><sup>2</sup>
</div>
<div class="author">
<a href="https://en.wikipedia.org/wiki/James_J._Gibson">Third Author</a><sup>3</sup>
</div>
<div class="author">
<a href="https://en.wikipedia.org/wiki/James_J._Gibson">Fourth Author</a><sup>4</sup>
</div>
<div class="author">
<a href="https://en.wikipedia.org/wiki/James_J._Gibson">Fifth Author</a><sup>1</sup>
</div>
<br><br>
<div class="affiliation"><sup>1 </sup>Affiliation Number One</div>
<div class="affiliation"><sup>2 </sup>Affiliation Number Two</div>
<div class="affiliation"><sup>3 </sup>Affiliation Number Three</div>
<div class="affiliation"><sup>4 </sup>Affiliation Number Four</div>
<br><br>
<div class="links"><a href="">[Paper]</a></div>
<div class="links"><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">[Video]</a></div>
<div class="links"><a href="https://github.com/elliottwu/webpage-template">[Code]</a></div>
<br><br>
<img style="width: 80%;" src="./resources/teaser.jpg" alt="Teaser figure."/>
<br>
<p style="width: 80%;">
This template was originally made by <a href="http://web.mit.edu/phillipi/">Phillip Isola</a> and <a href="http://richzhang.github.io/">Richard Zhang</a> for a <a href="http://richzhang.github.io/colorization/">colorful project</a>, and inherits the modifications made by <a href="https://github.com/jasonyzhang/webpage-template">Jason Zhang</a>.
The code can be found <a href="https://github.com/elliottwu/webpage-template">here</a>.
</p>
<br><br>
<hr>
<h1>Abstract</h1>
<p style="width: 80%;">
This is my abstract.
</p>
<br><br>
<hr>
<h1>Video</h1>
<div class="video-container">
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameBorder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
<br><br>
<hr>
<h1>Method Overview</h1>
<img style="width: 80%;" src="./resources/method.jpg"
alt="Method overview figure"/>
<br>
<a class="links" href="https://github.com/elliottwu/webpage-template">[Code]</a>
<br><br>
<hr>
<h1>Results</h1>
<img style="width: 80%;" src="./resources/results.jpg"
alt="Results figure"/>
<br><br>
<hr>
<h1>Paper</h1>
<div class="paper-thumbnail">
<a href="https://arxiv.org">
<img class="layered-paper-big" width="100%" src="./resources/paper.jpg" alt="Paper thumbnail"/>
</a>
</div>
<div class="paper-info">
<h3>Creative and Descriptive Paper Title</h3>
<p>First Author, Second Author, Third Author, Fourth Author, and Fifth Author</p>
<p>In Conference, 20XX.</p>
<pre><code>@InProceedings{author20XXtitle,
title = {Creative and Descriptive Paper Title},
author = {Author, First and Author, Second and Author, Third and Author, Fourth and Author, Fifth},
booktitle = {Conference},
year = {20XX},
}</code></pre>
</div>
<br><br>
<hr>
<h1>Acknowledgements</h1>
<p style="width: 80%;">
This template was originally made by <a href="http://web.mit.edu/phillipi/">Phillip Isola</a> and <a href="http://richzhang.github.io/">Richard Zhang</a> for a <a href="http://richzhang.github.io/colorization/">colorful project</a>, and inherits the modifications made by <a href="https://github.com/jasonyzhang/webpage-template">Jason Zhang</a>.
The code can be found <a href="https://github.com/elliottwu/webpage-template">here</a>.
</p>
<br><br>
</div>
</body>
</html>