qcg/templates/qcg/base.html

   1 {% load staticfiles %}
   2 {% load firstof from future %}
   3
   4 <!DOCTYPE html>
   5 <html lang="pl">
   6 <head>
   7     <meta charset="utf-8">
   8     <meta name="viewport" content="width=device-width, initial-scale=1">
   9
  10     <title>{% block title %}Strona główna{% endblock %} - Portal QCG</title>
  11
  12     <link href="{% static 'qcg/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
  13     <link href="{% static 'qcg/main.css' %}" rel="stylesheet">
  14     {% block extra_css %}{% endblock %}
  15 </head>
  16 <body>
  17     {% block body %}
  18     <nav class="navbar navbar-default navbar-static-top">
  19         <div class="container">
  20             <div class="navbar-header">
  21                 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  22                     <span class="sr-only">Rozwiń menu</span>
  23                     <span class="icon-bar"></span>
  24                     <span class="icon-bar"></span>
  25                     <span class="icon-bar"></span>
  26                 </button>
  27                 <a class="navbar-brand" href="/">Portal QosCosGrid</a>
  28             </div>
  29             <div id="navbar" class="collapse navbar-collapse">
  30                 {% if user.is_authenticated %}
  31                     <ul class="nav navbar-nav">
  32                         <li{% ifequal request.resolver_match.url_name 'jobs' %} class="active"{% endifequal %}>
  33                             <a href="{% url 'jobs' %}">Zadania</a>
  34                         </li>
  35                         <li{% ifequal request.resolver_match.url_name 'job_submit' %} class="active"{% endifequal %}>
  36                             <a href="{% url 'job_submit' %}">Zleć zadanie</a>
  37                         </li>
  38                         <li{% ifequal request.resolver_match.url_name 'gridftp' %} class="active"{% endifequal %}>
  39                             <a href="{% url 'gridftp' %}">GridFTP</a>
  40                         </li>
  41                     </ul>
  42                 {% endif %}
  43
  44                 <ul class="nav navbar-nav navbar-right">
  45                     {% if user.is_authenticated %}
  46                             <li class="dropdown">
  47                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  48                                     {% firstof user.get_full_name user.username  %} <b class="caret"></b>
  49                                 </a>
  50                                 <ul class="dropdown-menu">
  51                                     {% if request.user.is_superuser %}
  52                                         <li><a href="{% url 'admin:index' %}" target="_blank">
  53                                             <span class="glyphicon glyphicon-wrench"></span>&nbsp;Panel Administracyjny</a></li>
  54                                         <li class="divider"></li>
  55                                     {% endif %}
  56
  57                                     <li>
  58                                         <a href="{% url 'logout' %}" role="button">
  59                                             <span class="glyphicon glyphicon-off"></span>&nbsp;Wyloguj
  60                                         </a>
  61                                     </li>
  62                                 </ul>
  63                             </li>
  64                     {% else %}
  65                         <li><a href="{% url 'login' %}" class="navbar-link">Zaloguj</a></li>
  66                     {% endif %}
  67                 </ul>
  68             </div><!--/.nav-collapse -->
  69         </div>
  70     </nav>
  71
  72     <div class="container">
  73         {% block messages %}
  74             {% for message in messages %}
  75                 <div class="{{ message.tags }}">{{ message }}</div>
  76             {% endfor %}
  77         {% endblock messages %}
  78
  79         {% block container %}
  80
  81             <div class="jumbotron">
  82                 <h1>QosCosGrid</h1>
  83                 <p>Infrastruktura QosCosGrid jest zestawem zintegrowanych, wysoce wydajnych usług i narzędzi dostępowych do zarządzania zasobami i zadaniami w wieloklastrowych i gridowych środowiskach obliczeniowych. QosCosGrid wspiera różne scenariusze dla aplikacji, w tym aplikacji równoległych dużej skali, aplikacji parametrycznych oraz złożonych aplikacji typu workflow. Usługi QosCosGrid umożliwiają logiczne scalenie zasobów obliczeniowych pochodzących z wielu klastrów w jeden rozproszony system obliczeniowy.</p>
  84
  85 {#                <div class="row">#}
  86 {#                    <div class="col-md-6">#}
  87 {#                    </div>#}
  88 {#                    <div class="col-md-6">#}
  89 {#                        <img src="{% static 'qcg/img/qcg_logo.png' %}" class="img-responsive" alt="Banner image">#}
  90 {#                    </div>#}
  91 {#                </div>#}
  92             </div>
  93
  94             <div class="row">
  95                 <div class="col-md-offset-2 col-md-8">
  96                     <h3>PL-GRID</h3>
  97
  98                     <p>
  99                         <img src="{% static 'qcg/img/plgrid_logo.png' %}" class="img-responsive pull-right" alt="Banner image">
 100                         Polska Infrastruktura Gridowa została zbudowana w ramach projektu PL-Grid, w celu dostarczenia polskiej społeczności naukowej platformy informatycznej opartej na klastrach komputerów, służących e-Science w różnych dziedzinach. Infrastruktura wspiera badania naukowe poprzez integrację danych doświadczalnych i wyników zaawansowanych symulacji komputerowych prowadzonych przez geograficznie rozproszone zespoły. Infrastruktura PL-Grid umożliwia polskim naukowcom prowadzenie badań naukowych w oparciu o symulacje i obliczenia dużej skali z wykorzystaniem klastrów komputerów oraz zapewnia wygodny dostęp do rozproszonych zasobów komputerowych.
 101                     </p>
 102                 </div>
 103             </div>
 104
 105             <p class="text-center" style="margin: 20px 0">
 106                 <a class="btn btn-lg btn-primary" href="{% url 'login' %}" role="button">Zaloguj się korzystając z OpenID</a>
 107             </p>
 108
 109         {% endblock container %}
 110     </div><!-- /.container -->
 111
 112     {% block footer %}
 113         <footer class="navbar navbar-default navbar-fixed-bottom">
 114             <div class="container">
 115                 <div class="row">
 116                     <p class="navbar-text text-center" style="float: none">
 117                         Copyright &copy; 2015, <a href="http://www.man.poznan.pl" class="navbar-link">PCSS</a>
 118                     </p>
 119                 </div>
 120             </div>
 121         </footer>
 122     {% endblock footer %}
 123
 124     {% endblock body %}
 125
 126     <script src="{% static 'qcg/jquery/jquery.min.js' %}"></script>
 127     <script src="{% static 'qcg/bootstrap/js/bootstrap.min.js' %}"></script>
 128     {% block extra_js %}{% endblock %}
 129 </body>
 130 </html>