Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@dengxianga
dengxianga authored Aug 24, 2024
1 parent f454e1b commit e876229
Showing 1 changed file with 289 additions and 14 deletions.
303 changes: 289 additions & 14 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,292 @@
Hello world!
<!--Credits: This website is based on the web template: <a href="https://github.com/richzhang/webpage-template.git -->
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">google.load("jquery", "1.3.2");</script>

This is the opensource webpage for the tendon-driven robotic hand paper accepted at RO-MAN 2024.
<br>
The site is under construction. More contents will appear.
<br>
<style type="text/css">
body {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight:300;
font-size:18px;
margin-left: auto;
margin-right: auto;
width: 1100px;
}

h1 {
font-size:32px;
font-weight:300;
}

.disclaimerbox {
background-color: #eee;
border: 1px solid #eeeeee;
border-radius: 10px ;
-moz-border-radius: 10px ;
-webkit-border-radius: 10px ;
padding: 20px;
}

video.header-vid {
height: 140px;
border: 1px solid black;
border-radius: 10px ;
-moz-border-radius: 10px ;
-webkit-border-radius: 10px ;
}

img.header-img {
height: 140px;
border: 1px solid black;
border-radius: 10px ;
-moz-border-radius: 10px ;
-webkit-border-radius: 10px ;
}

img.rounded {
border: 1px solid #eeeeee;
border-radius: 10px ;
-moz-border-radius: 10px ;
-webkit-border-radius: 10px ;
}

a:link,a:visited
{
color: #1367a7;
text-decoration: none;
}
a:hover {
color: #208799;
}

td.dl-link {
height: 160px;
text-align: center;
font-size: 22px;
}

.layered-paper-big { /* modified from: http://css-tricks.com/snippets/css/layered-paper/ */
box-shadow:
0px 0px 1px 1px rgba(0,0,0,0.35), /* The top layer shadow */
5px 5px 0 0px #fff, /* The second layer */
5px 5px 1px 1px rgba(0,0,0,0.35), /* The second layer shadow */
10px 10px 0 0px #fff, /* The third layer */
10px 10px 1px 1px rgba(0,0,0,0.35), /* The third layer shadow */
15px 15px 0 0px #fff, /* The fourth layer */
15px 15px 1px 1px rgba(0,0,0,0.35), /* The fourth layer shadow */
20px 20px 0 0px #fff, /* The fifth layer */
20px 20px 1px 1px rgba(0,0,0,0.35), /* The fifth layer shadow */
25px 25px 0 0px #fff, /* The fifth layer */
25px 25px 1px 1px rgba(0,0,0,0.35); /* The fifth layer shadow */
margin-left: 10px;
margin-right: 45px;
}

.paper-big { /* modified from: http://css-tricks.com/snippets/css/layered-paper/ */
box-shadow:
0px 0px 1px 1px rgba(0,0,0,0.35); /* The top layer shadow */

margin-left: 10px;
margin-right: 45px;
}


.layered-paper { /* modified from: http://css-tricks.com/snippets/css/layered-paper/ */
box-shadow:
0px 0px 1px 1px rgba(0,0,0,0.35), /* The top layer shadow */
5px 5px 0 0px #fff, /* The second layer */
5px 5px 1px 1px rgba(0,0,0,0.35), /* The second layer shadow */
10px 10px 0 0px #fff, /* The third layer */
10px 10px 1px 1px rgba(0,0,0,0.35); /* The third layer shadow */
margin-top: 5px;
margin-left: 10px;
margin-right: 30px;
margin-bottom: 5px;
}

.vert-cent {
position: relative;
top: 50%;
transform: translateY(-50%);
}

hr
{
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
</style>

<html>
<head>
<title>This is my paper title</title>
<meta property="og:image" content="Path to my teaser.png"/> <!-- Facebook automatically scrapes this. Go to https://developers.facebook.com/tools/debug/ if you update and want to force Facebook to rescrape. -->
<meta property="og:title" content="Creative and Descriptive Paper Title." />
<meta property="og:description" content="Paper description." />

<!-- Get from Google Analytics -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src=""></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-75863369-6');
</script>
</head>

<body>
<br>
<center>
<span style="font-size:36px">A Rapid and Robust Tendon-Driven Robotic Hand for Human Robot Interaction Playing Rock-Paper-Scissors (IEEE ROMAN 2024)</span>
<table align=center width=600px>
<table align=center width=600px>
<tr>
<td align=center width=100px>
<center>
<span style="font-size:24px">Deng, Xiang</span>
</center>
</td>
<td align=center width=100px>
<center>
<span style="font-size:24px">Weirich, Stefan</span>
</center>
</td>
<td align=center width=100px>
<center>
<span style="font-size:24px">Katzschmann, Robert</span>
</center>
</td>
<td align=center width=100px>
<center>
<span style="font-size:24px">Delbruck, Tobi</span>
</center>
</td>
</tr>
</table>
<table align=center width=250px>
<tr>
<td align=center width=120px>
<center>
<span style="font-size:24px"><a href=''>[Paper]</a></span>
</center>
</td>
<td align=center width=120px>
<center>
<span style="font-size:24px"><a href=''>[GitHub]</a></span><br>
</center>
</td>
</tr>
</table>
</table>
</center>

<center>
<table align=center width=850px>
<tr>
<td width=260px>
<center>
<h1>Prototype demo at Swiss Scientifica 2023</h1>
<iframe width="660" height="395" src="https://www.youtube.com/embed/ge3BFSHn9Ug?si=jKT4lkE45elif5Fx" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen align="center"></iframe>
</center>
</td>
</tr>
</table>
<table align=center width=850px>
<tr>
<td>
</td>
</tr>
</table>
</center>

<hr>

<table align=center width=850px>
<center><h1>Abstract</h1></center>
<tr>
<td>
This webpage for the paper is under construction, more contents will appear upon a final confirmation of publication in the proceedings.
</td>
</tr>
</table>
<br>

<hr>
<center><h1>Talk</h1></center>
<center><p>To appear.</p></center>
<p align="center">
<iframe width="660" height="395" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen align="center"></iframe>
</p>

<hr>
<center><h1>Design Preview</h1></center>
<center><p>To appear.</p></center>
<hr>

<center><h1>Code</h1></center>

<table align=center width=420px>
<center>
<tr>
<td>
</td>
</tr>
</center>
</table>
<table align=center width=400px>
<tr>
<td align=center width=400px>
<center>
<!--<td><img class="round" style="width:450px" src=""/></td>-->
</center>
</td>
</tr>
</table>
<table align=center width=850px>
<center>
<tr>
<td>
Code descriptions.
</td>
</tr>
</center>
</table>
<table align=center width=800px>
<br>
<tr><center>
<span style="font-size:28px">&nbsp;<a href=''>[Link]</a>
</center>
</span>
</table>
<br>
<hr>
<br>

<table align=center width=600px>
<tr>
<td><span style="font-size:14pt"><center>
<a href="">[Citation]</a>
</center></td>
</tr>
</table>

<hr>
<br>

<table align=center width=900px>
<tr>
<td width=400px>
<left>
<center><h1>Acknowledgements</h1></center>
This website is based on the web template: <a href="https://github.com/richzhang/webpage-template.git"> https://github.com/richzhang/webpage-template.git</a>.
</left>
</td>
</tr>
</table>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
Here is a test video from youtube:<br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/ge3BFSHn9Ug?si=jKT4lkE45elif5Fx" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</body>
</html>

0 comments on commit e876229

Please sign in to comment.