forked from elliottwu/webpage-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
162 lines (134 loc) · 5.69 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
157
158
159
160
161
162
<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 for <a href="http://richzhang.github.io/colorization/">
Colorful Image Colorization</a>, and adapted to be mobile responsive by
<a href="https://github.com/jasonyzhang/webpage-template">Jason Zhang</a>. Try resizing this webpage
or opening it on your mobile device. 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</a> ECCV project, and
adapted to be mobile responsive 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>