code.grnet.gr Git - flowspy/blob - templates/welcome.html

   1 {% extends "b3theme/base.html" %}
   2 {% load i18n %}
   3 {% block title %}{% trans "Login" %}{% endblock %}
   4 {% block sidenav %}{% endblock %}
   5
   6 {% block brcrmb_container %}{% endblock %}
   7 {% block extraheadbottom %}
   8 <style>
   9         @media (min-width: 768px) {
  10                 #page-wrapper {
  11                     border-left: none;
  12                     margin: 0;
  13                 }
  14 }
  15 </style>
  16
  17 {% endblock %}
  18
  19                         {% block contentplaceholder %}
  20             <div class="row">
  21                 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  22   <!-- Indicators -->
  23   <ol class="carousel-indicators">
  24     <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
  25     <li data-target="#carousel-example-generic" data-slide-to="1"></li>
  26   </ol>
  27
  28   <!-- Wrapper for slides -->
  29   <div class="carousel-inner">
  30     <div class="item active">
  31       <img src="{{STATIC_URL}}img/bgbrick3.jpg" alt="FoD" style="width:100%; height:100%; margin: auto; padding:auto;">
  32       <div class="carousel-caption">
  33         <h2>GRNET - Firewall on Demand</h2>
  34         <h4>Protect your network, protect the network</h4>
  35               <p><a href="{% url login %}" type="button" class="btn btn-lg btn-outline btn-primary">{% trans "Join Now" %}</a></p>
  36       </div>
  37     </div>
  38     <div class="item ">
  39       <img src="{{STATIC_URL}}img/bgbrick3.jpg" alt="FoD" style="width:100%; height:100%; margin: auto; padding:auto;">
  40       <div class="carousel-caption">
  41         <h1>Mitigate DDoS attacks in seconds</h1>
  42               <h4>Powered by BGP flowspec</h4>
  43       </div>
  44     </div>
  45   </div>
  46
  47   <!-- Controls -->
  48   <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
  49     <span class="glyphicon glyphicon-chevron-left"></span>
  50   </a>
  51   <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
  52     <span class="glyphicon glyphicon-chevron-right"></span>
  53   </a>
  54 </div>
  55
  56             </div>
  57
  58
  59                                 <div class="row" style="padding-top:5px;"></div>
  60                                 <div class="row">
  61                                         <div class="col-lg-4">
  62                                 <div class="well"><h3>{% trans "What" %}?</h3><hr>
  63                                 <p>{% blocktrans %}If you are new to the service, take some time to read the{% endblocktrans %} <a href="/info/{{LANGUAGE_CODE}}/">{% trans "Service Description" %}</a></p>
  64                                 <p>{% blocktrans %}Before asking why? take some time to look at the{% endblocktrans %} <a href="/tos/{{LANGUAGE_CODE}}/">{% trans "Service Terms" %}</a></p>
  65                                 </div>
  66                                 </div>
  67                                 <div class="col-lg-4">
  68                                 <div class="well"><h3>{% trans "How" %}?</h3><hr>
  69                                 <p>{% blocktrans %}If you have properly set your Shibboleth attributes, you may proceed{% endblocktrans %}</p>
  70                                 <div class="text-center">
  71
  72                                         <p><img src="{{STATIC_URL}}shib_login.png" style="border:none;"></p>
  73                                         <p><a href="{% url login %}" type="button" class="btn btn-outline btn-primary">{% trans "Shibboleth Login" %}</a></p>
  74
  75 </div></div>
  76                                 </div>
  77                                 <div class="col-lg-4">
  78                                 <div class="well"><h3>{% trans "Help" %}?</h3><hr>
  79                                 <p>{% blocktrans %}For troubleshooting info and remarks do not hesitate to contact GRNET's Helpdesk.{% endblocktrans %}</p>
  80                                 </div></div>
  81 </div>
  82 {% comment %}
  83                         <div class="row">
  84                 <div class="col-lg-12">
  85                     <div class="text-center">
  86                         <br>
  87                         <p>
  88                     <iframe width="640" height="360" src="https://www.youtube.com/embed/VZy7DG8sjSk?rel=0" frameborder="0" allowfullscreen></iframe>
  89                 </p>
  90
  91                 <p>{% blocktrans %}Welcome to GRNET's FoD service.{% endblocktrans %}</p>
  92                     </div>
  93                 </div>
  94             </div>
  95             {% endcomment %}
  96                         {% endblock %}