forked from richzhang/webpage-template
-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
153 lines (128 loc) · 5.16 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
<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.png"/>
<meta property="og:title" content="Creative and Descriptive Paper Title." />
<meta property="og:description" content="Paper description." />
<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>
<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/jasonyzhang/webpage-template">[Code]</a></div>
<br>
<br>
<div class="teaser">
<img src="./resources/teaser.png" alt="Teaser figure."/>
<br>
<i>
This template was originally made for <a href="http://richzhang.github.io/colorization/">
Colorful Image Colorization</a>. It was adapted to be mobile responsive for
<a href="https://jasonyzhang.com/phosa/">PHOSA</a>. Try resizing this webpage
or opening it on your mobile device. The code can be found in
<a href="https://github.com/jasonyzhang/webpage-template"> this repo</a>.
</i>
</div>
<br><br>
<hr>
<h1>Abstract</h1>
<p>
This is my abstract.
</p>
<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.png" alt="Paper thumbnail."/>
</a>
</div>
<div class="paper-info">
<h4>Creative and Descriptive Paper Title</h4>
<h5>
First Author, Second Author, Third Author, Fourth Author, and Fifth Author
</h5>
<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><br>
<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>Code</h1>
<a href="https://github.com/jasonyzhang/webpage-template">
<img style="width:80%;" src="./resources/method_diagram.png"
alt="Model overview figure"/>
</a>
<br>
<a class="links" href="https://github.com/jasonyzhang/webpage-template">[GitHub]</a>
<br><br><hr>
<h1>Acknowledgements</h1>
<p>
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. It was
adapted to be mobile responsive by <a href="https://jasonyzhang.com/">Jason Zhang</a>
for <a href="https://jasonyzhang.com/phosa/">PHOSA</a>. The code can be found
<a href="https://github.com/jasonyzhang/webpage-template">here</a>.
</p>
<br><br>
</div>
</body>
</html>