Skip to content

Commit

Permalink
Adds 'under review' popup
Browse files Browse the repository at this point in the history
  • Loading branch information
hummat committed Mar 14, 2023
1 parent 64bb9fa commit c928a8a
Show file tree
Hide file tree
Showing 7 changed files with 171 additions and 65 deletions.
38 changes: 38 additions & 0 deletions _includes/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -511,3 +511,41 @@ footer .footer-below {
.circular--square--small img { width: 200px; height: 200px; border-radius: 50%; }
.circular--portrait--small { display: inline-block; position: relative; width: 200px; height: 200px; overflow: hidden; border-radius: 50%; } .circular--portrait--small img { width: 100%; height: auto; }
.circular--landscape--small { display: inline-block; position: relative; width: 200px; height: 200px; overflow: hidden; border-radius: 50%; } .circular--landscape--small img { width: auto; height: 100%; margin-left: -50px; }

.popup {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
}

.popup-message {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: white;
padding: 20px;
border-radius: 5px;
max-width: 80%;
max-height: 80%;
overflow-y: auto;
}

.popup-message h1 {
font-size: 3rem;
margin: 0 0 2rem;
text-align: center;
}

.popup-message p {
font-size: 1.5rem;
margin: 0;
text-align: center;
}
48 changes: 25 additions & 23 deletions _includes/js.html
Original file line number Diff line number Diff line change
@@ -1,29 +1,31 @@
<!-- jQuery Version 1.11.0 -->
<script src="{{ "/js/jquery-1.11.0.js" }}"></script>
<!-- jQuery Version 1.11.0 -->
<script src="{{ "/js/jquery-1.11.0.js" }}"></script>

<!-- Bootstrap Core JavaScript -->
<script src="{{ "/js/bootstrap.min.js" }}"></script>
<!-- Bootstrap Core JavaScript -->
<script src="{{ "/js/bootstrap.min.js" }}"></script>

<!-- Plugin JavaScript -->
<script src="{{ "/js/jquery.easing.min.js" }}"></script>
<script src="{{ "/js/classie.js" }}"></script>
<script src="{{ "/js/cbpAnimatedHeader.js" }}"></script>
<!-- Plugin JavaScript -->
<script src="{{ "/js/jquery.easing.min.js" }}"></script>
<script src="{{ "/js/classie.js" }}"></script>
<script src="{{ "/js/cbpAnimatedHeader.js" }}"></script>

<!-- Contact Form JavaScript -->
<script src="{{ "/js/jqBootstrapValidation.js" }}"></script>
{% if site.contact == "static" %}
<script src="{{ "/js/contact_me_static.js" }}"></script>
{% else %}
<script src="{{ "/js/contact_me.js" }}"></script>
{% endif %}
<!-- Contact Form JavaScript -->
<script src="{{ "/js/jqBootstrapValidation.js" }}"></script>
{% if site.contact == "static" %}
<script src="{{ "/js/contact_me_static.js" }}"></script>
{% else %}
<script src="{{ "/js/contact_me.js" }}"></script>
{% endif %}

<!-- Custom Theme JavaScript -->
<script src="{{ "/js/freelancer.js" }}"></script>
<!-- Custom Theme JavaScript -->
<script src="{{ "/js/freelancer.js" }}"></script>

<script>$("table").wrap('<div class="table-responsive-xl"></div>')</script>
<script>$("table").addClass("table")</script>
<script>$("table").wrap('<div class="table-responsive-xl"></div>')</script>
<script>$("table").addClass("table")</script>

{% if site.contact == "disqus" %}
<!-- Disqus Stuff -->
{% include js_disqus.html %}
{% endif %}
{% if site.contact == "disqus" %}
<!-- Disqus Stuff -->
{% include js_disqus.html %}
{% endif %}

<script src="{{ "/js/popup.js" }}"></script>
8 changes: 8 additions & 0 deletions _layouts/default.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,14 @@
{% include nav.html %}
{% include header.html %}

<div class="popup" onclick="removePopup()">
<div class="popup-message">
<h1 style="color: red;">This site is under review</h1>
<p>The workshop <b>Probabilistic Robotics in the Age of Deep Learning</b> is currently under review by the IROS 2023 committee</p>
<p><em>Please click anywhere to continue.</em></p>
</div>
</div>

{% assign style = "" %}
{% for post in site.posts reversed %}

Expand Down
96 changes: 54 additions & 42 deletions _site/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Probabilistic Robotics</title>
<meta name="viewport" content="width=device-width">
<meta name="description" content="Official website of the IEEE/RSJ International Conference on Intelligent Robots and Systems (IROS) 2022 workshop on probabilistic robotics in the age of deep learning.">
<meta name="keywords" content="robot robotics iros iros2022 workshop probabilistic learning machine deep" />
<meta name="description" content="Official website of the IEEE/RSJ International Conference on Intelligent Robots and Systems (IROS) 2023 workshop on probabilistic robotics in the age of deep learning.">
<meta name="keywords" content="robot robotics iros iros2023 workshop probabilistic learning machine deep" />
<meta name="author" content="Humt Matthias">
<link rel="canonical" href="http://localhost:4000/">
<link rel="alternate" type="application/rss+xml" title="RSS" href="/feed.xml">
Expand Down Expand Up @@ -94,13 +94,10 @@
<div class="container">
<div class="row">
<div class="col-lg-12">
<!--<img class="img-responsive" src="img/profile.png" alt="profile-pic" />-->
<div class="intro-text" style="border: 0.25em solid white; background-color: rgba(0, 0, 0, 0.2);">
<span class="name">Probabilistic Robotics</span>
<!--<hr class="star-light" />-->
<span class="skills">In the age of Deep Learning</span>
<img style="width: 20%; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);" src="/img/iros2023.png">
<!--<h3 style="height: 0.5em; width: 0.5em; background-color: white; border-radius: 50%; margin-top: 0.7em; margin-left: auto; margin-right: auto;"></h3>-->
<img style="width: 20%; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);" src="img/iros2023.png">
<h3>IROS 2023 Workshop | Date: TBD | Room: TBD</h3>
</div>
<h3><a href=http://localhost:4000/2022>2022</a> <b>/</b> <a href=http://localhost:4000>2023</a></h3>
Expand All @@ -110,6 +107,14 @@ <h3><a href=http://localhost:4000/2022>2022</a> <b>/</b> <a href=http://localhos
</header>


<div class="popup" onclick="removePopup()">
<div class="popup-message">
<h1 style="color: red;">This site is under review</h1>
<p>The workshop <b>Probabilistic Robotics in the Age of Deep Learning</b> is currently under review by the IROS 2023 committee</p>
<p><em>Please click anywhere to continue.</em></p>
</div>
</div>




Expand All @@ -125,10 +130,10 @@ <h2 style="word-break: break-word;">Speakers</h2>
<table class="table-condensed">
<tbody>
<tr>
<td style="text-align: center; vertical-align: middle;"><div class="circular--portrait"><img src="/img/ramos.png" alt="Fabio Ramos" /></div></td>
<td style="text-align: center; vertical-align: middle;"><div class="circular--portrait"><img src="/img/kaess.jpg" alt="Michael Kaess" /></div></td>
<td style="text-align: center; vertical-align: middle;"><div class="circular--portrait"><img src="/img/kim.jpg" alt="Ayoung Kim" /></div></td>
<td style="text-align: center; vertical-align: middle;"><div class="circular--square"><img src="/img/kruse.jpg" alt="Andreas Kruse" /></div></td>
<td style="text-align: center; vertical-align: middle;"><div class="circular--portrait"><img src="img/ramos.png" alt="Fabio Ramos" /></div></td>
<td style="text-align: center; vertical-align: middle;"><div class="circular--portrait"><img src="img/kaess.jpg" alt="Michael Kaess" /></div></td>
<td style="text-align: center; vertical-align: middle;"><div class="circular--portrait"><img src="img/kim.jpg" alt="Ayoung Kim" /></div></td>
<td style="text-align: center; vertical-align: middle;"><div class="circular--square"><img src="img/kruse.jpg" alt="Andreas Kruse" /></div></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;"><a href="https://fabioramos.github.io/Home.html"><b>Fabio Ramos</b></a></td>
Expand All @@ -150,18 +155,18 @@ <h2 style="word-break: break-word;">Speakers</h2>
</details>
</td>
<td style="text-align: center;">Talk: <b>TBD</b></td>
<td style="text-align: center;">Talk: <b>TBD</b></td>
<td style="text-align: center;">Talk: <b>TBD</b></td>
<td style="text-align: center;">Talk: <b>Deep learning with a graph SLAM for robot manipulation</b></td>
<td style="text-align: center;">Talk: <b>Safe and Efficient Exploration in Bayesian Model-based Reinforcement Learning</b></td>
</tr>
</tbody>
</table>

<table class="table-condensed">
<tbody>
<tr>
<td style="text-align: center; vertical-align: middle;"><div class="circular--portrait"><img src="/img/li.jpg" alt="Sharon Yixuan Li" /></div></td>
<td style="text-align: center; vertical-align: middle;"><div class="circular--square"><img src="/img/blum.jpg" alt="Hermann Blum" /></div></td>
<td style="text-align: center; vertical-align: middle;"><div class="circular--portrait"><img src="/img/agha.jpg" alt="Ali Agha" /></div></td>
<td style="text-align: center; vertical-align: middle;"><div class="circular--portrait"><img src="img/li.jpg" alt="Sharon Yixuan Li" /></div></td>
<td style="text-align: center; vertical-align: middle;"><div class="circular--square"><img src="img/blum.jpg" alt="Hermann Blum" /></div></td>
<td style="text-align: center; vertical-align: middle;"><div class="circular--portrait"><img src="img/agha.jpg" alt="Ali Agha" /></div></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;"><a href="https://pages.cs.wisc.edu/~sharonli"><b>Sharon Yixuan Li</b></a></td>
Expand All @@ -174,9 +179,9 @@ <h2 style="word-break: break-word;">Speakers</h2>
<td style="text-align: center; vertical-align: middle;">NASA JPL &amp; Caltech (USA)</td>
</tr>
<tr>
<td style="text-align: center;">Talk: <b>TBD</b></td>
<td style="text-align: center;">Talk: <b>TBD</b></td>
<td style="text-align: center;">Talk: <b>TBD</b></td>
<td style="text-align: center;">Talk: <b>How to Handle Data Distributional Shifts? Challenges, Opportunities and Path Forward</b></td>
<td style="text-align: center;">Talk: <b>4 years of fishyscapes: uncertainty estimation in the wild</b></td>
<td style="text-align: center;">Talk: <b>Uncertainty-aware Robotic Autonomy in Extreme Environments</b></td>
</tr>
</tbody>
</table>
Expand Down Expand Up @@ -263,6 +268,11 @@ <h2 style="word-break: break-word;">Schedule</h2>
<td style="text-align: left">Paper Presentations &amp; Posters</td>
<td style="text-align: left">Norman Marlier</td>
</tr>
<tr>
<td style="text-align: center">16:15 – 16:30</td>
<td style="text-align: left">Coffee Break</td>
<td style="text-align: left"> </td>
</tr>
<tr>
<td style="text-align: center">16:30 - 17:30</td>
<td style="text-align: left">Panel Discussion</td>
Expand Down Expand Up @@ -336,12 +346,12 @@ <h2 style="word-break: break-word;">Organizers</h2>
<table class="table-condensed">
<tbody>
<tr>
<td><div class="circular--portrait--small"><img src="/img/jp.jpg" alt="Janis Postels" /></div></td>
<td><div class="circular--portrait--small"><img src="/img/jxf.png" alt="Jianxiang Feng" /></div></td>
<td><div class="circular--square--small"><img src="/img/jsl.jpeg" alt="Jongseok Lee" /></div></td>
<td><div class="circular--portrait--small"><img src="/img/mh.jpeg" alt="Matthias Humt" /></div></td>
<td><div class="circular--portrait--small"><img src="/img/yzw.jpg" alt="Yizhe Wu" /></div></td>
<td><div class="circular--portrait--small"><img src="/img/rd.jpeg" alt="Rudolph Triebel" /></div></td>
<td><div class="circular--portrait--small"><img src="img/jp.jpg" alt="Janis Postels" /></div></td>
<td><div class="circular--portrait--small"><img src="img/jxf.png" alt="Jianxiang Feng" /></div></td>
<td><div class="circular--square--small"><img src="img/jsl.jpeg" alt="Jongseok Lee" /></div></td>
<td><div class="circular--portrait--small"><img src="img/mh.jpeg" alt="Matthias Humt" /></div></td>
<td><div class="circular--portrait--small"><img src="img/yzw.jpg" alt="Yizhe Wu" /></div></td>
<td><div class="circular--portrait--small"><img src="img/rd.jpeg" alt="Rudolph Triebel" /></div></td>
</tr>

<tr>
Expand Down Expand Up @@ -478,30 +488,32 @@ <h3>Credits</h3>
</a>
</div>

<!-- jQuery Version 1.11.0 -->
<script src="/js/jquery-1.11.0.js"></script>
<!-- jQuery Version 1.11.0 -->
<script src="/js/jquery-1.11.0.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="/js/bootstrap.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="/js/bootstrap.min.js"></script>

<!-- Plugin JavaScript -->
<script src="/js/jquery.easing.min.js"></script>
<script src="/js/classie.js"></script>
<script src="/js/cbpAnimatedHeader.js"></script>
<!-- Plugin JavaScript -->
<script src="/js/jquery.easing.min.js"></script>
<script src="/js/classie.js"></script>
<script src="/js/cbpAnimatedHeader.js"></script>

<!-- Contact Form JavaScript -->
<script src="/js/jqBootstrapValidation.js"></script>

<script src="/js/contact_me_static.js"></script>

<!-- Contact Form JavaScript -->
<script src="/js/jqBootstrapValidation.js"></script>

<!-- Custom Theme JavaScript -->
<script src="/js/freelancer.js"></script>
<script src="/js/contact_me_static.js"></script>

<script>$("table").wrap('<div class="table-responsive-xl"></div>')</script>
<script>$("table").addClass("table")</script>


<!-- Custom Theme JavaScript -->
<script src="/js/freelancer.js"></script>

<script>$("table").wrap('<div class="table-responsive-xl"></div>')</script>
<script>$("table").addClass("table")</script>



<script src="/js/popup.js"></script>

</body>
</html>
4 changes: 4 additions & 0 deletions _site/js/popup.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
function removePopup() {
var popup = document.querySelector(".popup");
popup.parentNode.removeChild(popup);
}
38 changes: 38 additions & 0 deletions _site/style.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 4 additions & 0 deletions js/popup.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
function removePopup() {
var popup = document.querySelector(".popup");
popup.parentNode.removeChild(popup);
}

0 comments on commit c928a8a

Please sign in to comment.