-
Notifications
You must be signed in to change notification settings - Fork 15
/
Copy pathHeader.vue
158 lines (153 loc) · 6.29 KB
/
Header.vue
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
<template>
<header class="mt-3">
<b-row class="align-items-end">
<b-col class="col-auto text-left">
<a href="">
<img id="logo-aim" src="../assets/aim_logo.png" alt="Aalto Interface Metrics" height="61">
</a>
</b-col>
<b-col class="col-auto text-left">
<a href="http://www.aalto.fi">
<img id="logo-aalto" src="../assets/aalto_logo.png" alt="Aalto University" height="150">
</a>
</b-col>
<b-col class="col-auto text-left">
<a href="http://userinterfaces.aalto.fi">
<img id="logo-userinterfaces" src="../assets/user_interfaces_logo.png" alt="User Interfaces Group" height="61">
</a>
</b-col>
<b-col class="text-right">
<b-row>
<b-col cols="12" class="col-lg-auto ml-auto text-right">
<b-btn class="btn-nav btn-lg" href="mailto:[email protected]?subject=Aalto%20Interface%20Metrics%3A%20Feedback" variant="link font-weight-bold">Contact</b-btn>
</b-col>
<b-col cols="12" class="col-lg-auto text-right">
<b-btn v-b-modal.modal-publication class="btn-nav btn-lg" variant="link font-weight-bold">Publication</b-btn>
<b-modal id="modal-publication" class="text-left" size="lg" title="Publication" ok-only ok-title="Close">
<b-row>
<b-col class="col-xs-12">
<div class="float-left">
<a href="/static/publications/oulasvirta_et_al_2018.pdf" target="_blank">
<img class="paper-thumbnail mr-5 mb-4" src="../assets/oulasvirta_et_al_2018_thumbnail.png" alt="Paper">
</a>
</div>
<a href="/static/publications/oulasvirta_et_al_2018.pdf" target="_blank">
<font-awesome-icon :icon="['far', 'file-pdf']" /> PDF (1 MB)
</a>
<br>
<span class="authors-citation">Antti Oulasvirta, Samuli De Pascale, Janin Koch, Thomas Langerak, Jussi Jokinen, Kashyap Todi, Markku Laine, Manoj Kristhombuge, Yuxi Zhu, Aliaksei Miniukovich, Gregorio Palmas, and Tino Weinkauf. 2018.</span>
<span class="title-citation">Aalto Interface Metrics (AIM): A Service and Codebase for Computational GUI Evaluation.</span>
<span class="release-citation">In <em>Proceedings of the 31st Annual ACM Symposium on User Interface Software and Technology Adjunct Proceedings (UIST '18 Adjunct)</em>. ACM, New York, NY, USA, 16-19. DOI: <a href="https://doi.org/10.1145/3266037.3266087" target="_blank">10.1145/3266037.3266087</a></span>
</b-col>
<b-col class="col-xs-12">
<pre>
<code>
@inproceedings{Oulasvirta:2018:AIM:3266037.3266087,
author = {Oulasvirta, Antti and De Pascale, Samuli and Koch, Janin and Langerak, Thomas and Jokinen, Jussi and Todi, Kashyap and Laine, Markku and Kristhombuge, Manoj and Zhu, Yuxi and Miniukovich, Aliaksei and Palmas, Gregorio and Weinkauf, Tino},
title = {Aalto Interface Metrics (AIM): A Service and Codebase for Computational GUI Evaluation},
booktitle = {The 31st Annual ACM Symposium on User Interface Software and Technology Adjunct Proceedings},
series = {UIST '18 Adjunct},
year = {2018},
isbn = {978-1-4503-5949-8},
location = {Berlin, Germany},
pages = {16--19},
numpages = {4},
url = {http://doi.acm.org/10.1145/3266037.3266087},
doi = {10.1145/3266037.3266087},
acmid = {3266087},
publisher = {ACM},
address = {New York, NY, USA},
keywords = {computational evaluation, metrics, ui layouts, user interfaces},
}
</code>
</pre>
</b-col>
</b-row>
</b-modal>
</b-col>
<b-col cols="12" class="col-lg-auto text-right">
<b-btn v-b-modal.modal-project class="btn-nav btn-lg" variant="link font-weight-bold">Project</b-btn>
<b-modal id="modal-project" class="text-left" size="lg" title="Project" ok-only ok-title="Close">
<b-row>
<b-col class="col-xs-12">
<h6>Funding</h6>
<p>
This research has been funded by the Technology Industries of Finland Future Makers project SOWP (2017-2019) and the European Research Council starting grant (COMPUTED 2015-2020).
</p>
<h6>Contributors</h6>
<p>
Antti Oulasvirta, Samuli De Pascale, Janin Koch, Thomas Langerak, Jussi Jokinen, Kashyap Todi, Markku Laine, Manoj Kristhombuge, Yuxi Zhu, Aliaksei Miniukovich, Gregorio Palmas, Tino Weinkauf, Ai Nakajima, Valentin Ionita, Morteza Shiripour, Amir Hossein Kargaran, Chuhan Jiao, and Yao Wang.
</p>
</b-col>
</b-row>
</b-modal>
</b-col>
<b-col cols="12" class="col-lg-auto text-right last">
<b-btn class="btn-nav btn-lg" href="https://github.com/aalto-ui/aim" target="_blank" variant="link font-weight-bold">GitHub</b-btn>
</b-col>
</b-row>
</b-col>
</b-row>
<a class="link_to_top" href="#top">
<font-awesome-icon :icon="['fas','chevron-up']" />
</a>
</header>
</template>
<style>
#logo-aim {
margin-bottom: 17px;
}
#logo-aalto {
margin-left: -30px;
margin-right: -30px;
margin-bottom: -28px;
}
#logo-userinterfaces {
margin-bottom: 17px;
}
header .text-right.last {
padding-bottom: 8px;
}
#modal-publication .paper-thumbnail {
border: 1px solid gray;
}
#modal-publication .authors-citation {
padding-top: 5px;
}
#modal-publication .title-citation {
font-weight: 700;
}
#modal-publication code {
font-size: 1rem;
font-family: monospace;
}
#modal-publication .icon-pdf {
margin-right: 5px;
}
.btn-nav {
padding: 0;
}
.link_to_top {
position: fixed;
bottom: 40px;
right: 0px;
width: 40px;
height: 40px;
background-color: #7553a0;
color: #fff;
border-radius: 3px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
display: table-cell;
text-align: center;
padding-top: 5px;
z-index: 1000;
}
.link_to_top:hover {
background-color: #634687;
color: #fff;
}
.link_to_top svg {
vertical-align: middle;
}
</style>