Commit 499639b1 authored by Olga Brani's avatar Olga Brani
Browse files

Interactivity in how-it-works page

parent bc431e96
......@@ -480,11 +480,17 @@ form.quotas-form span.error-msg:hover em { background-position:-58px -3px; }
.projects p.restricted { width:524px; }
.hidden-submit .form-row.submit { display:none; }
form.withlabels.hidden-submit { margin-bottom:4em; }
.how-it-works { position:relative; }
.content .how-it-works a.submit { position:absolute; right:83px; bottom:50px; background-color:#B3B3B3 }
.how-it-works .wrap { position:relative; width:735px; height:1074px; margin:0 auto; }
.content .how-it-works a.submit { position:absolute; right:36px; bottom:50px; background-color:#B3B3B3 }
.content .how-it-works a.submit:hover { background:#55B577 }
.content .how-it-works a.submit:focus { border-color: #B3B3B3}
.content .how-it-works a.submit:focus:hover { border-color: #55B577}
.content .how-it-works .map { display:block; width:232px; height:261px; position:absolute; }
.content .how-it-works .link-13 { top:10px; right:14px; }
.content .how-it-works .link-21 { top:273px; left:14px; }
.content .how-it-works .link-22 { top:273px; left:251px; }
.content .how-it-works .link-33 { bottom:275px; right:14px; }
.content .how-it-works .link-42 { bottom:12px; left:251px; }
.auth_methods { margin-top:2em; padding-bottom:1em; }
.auth_methods ul { margin:1em 0; padding:0; list-style:none outside none; }
......
......@@ -6,7 +6,15 @@
<h2>HOW IT WORKS</h2>
<div class="centered how-it-works">
<img src="/static/im/images/how_it_works.png" alt="how it all works">
<a href="{% url group_list %}" class="submit">VISIT PROJECTS NOW</a>
<div class="wrap">
<img src="/static/im/images/how_it_works.png" alt="how it all works">
<a href="{% url group_list %}" class="submit">VISIT PROJECTS NOW</a>
<a href="https://okeanos.grnet.gr/" class="map link-13">&nbsp;</a>
<a href="{% url group_list %}" class="map link-21">&nbsp;</a>
<a href="{% url group_add 'default' %}" class="map link-22">&nbsp;</a>
<a href="{% url group_all %}" class="map link-33">&nbsp;</a>
<a href="{% url group_all %}" class="map link-33">&nbsp;</a>
<a href="{% url resource_usage %}" class="map link-42">&nbsp;</a>
</div>
</div>
{% endblock %}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment