qcg/templates/qcg/base.html

   1 {% load staticfiles webdesign %}
   2
   3 <!DOCTYPE html>
   4 <html lang="pl">
   5 <head>
   6     <meta charset="utf-8">
   7     <meta name="viewport" content="width=device-width, initial-scale=1">
   8
   9     <title>{% block title %}Strona główna{% endblock %} - Portal QCG</title>
  10
  11     <link href="{% static 'qcg/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
  12     <link href="{% static 'qcg/main.css' %}" rel="stylesheet">
  13     {% block extra_css %}{% endblock %}
  14 </head>
  15 <body>
  16     <nav class="navbar navbar-default navbar-static-top">
  17         <div class="container">
  18             <div class="navbar-header">
  19                 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  20                     <span class="sr-only">Rozwiń menu</span>
  21                     <span class="icon-bar"></span>
  22                     <span class="icon-bar"></span>
  23                     <span class="icon-bar"></span>
  24                 </button>
  25                 <a class="navbar-brand" href="/">Portal QosCosGrid</a>
  26             </div>
  27             <div id="navbar" class="collapse navbar-collapse">
  28                 {% if user.is_authenticated %}
  29                     <ul class="nav navbar-nav">
  30                         <li{% ifequal request.resolver_match.url_name 'jobs' %} class="active"{% endifequal %}>
  31                             <a href="{% url 'jobs' %}">Zadania</a>
  32                         </li>
  33                     </ul>
  34                 {% endif %}
  35
  36                 <ul class="nav navbar-nav navbar-right">
  37                     {% if user.is_authenticated %}
  38                             <li class="dropdown">
  39                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  40                                     {% firstof user.get_full_name user.username  %} <b class="caret"></b>
  41                                 </a>
  42                                 <ul class="dropdown-menu">
  43                                     {% if request.user.is_superuser %}
  44                                         <li><a href="{% url 'admin:index' %}" target="_blank">
  45                                             <span class="glyphicon glyphicon-wrench"></span>&nbsp;Panel Administracyjny</a></li>
  46                                         <li class="divider"></li>
  47                                     {% endif %}
  48
  49                                     <li>
  50                                         <a href="{% url 'logout' %}" role="button">
  51                                             <span class="glyphicon glyphicon-off"></span>&nbsp;Wyloguj
  52                                         </a>
  53                                     </li>
  54                                 </ul>
  55                             </li>
  56                     {% else %}
  57                         <li><a href="{% url 'openid-login' %}" class="navbar-link">Zaloguj</a></li>
  58                     {% endif %}
  59                 </ul>
  60             </div><!--/.nav-collapse -->
  61         </div>
  62     </nav>
  63
  64     <div class="container">
  65         {% block container %}
  66
  67             <div class="jumbotron">
  68                 <h1>QosCosGrid</h1>
  69                 <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>
  70
  71 {#                <div class="row">#}
  72 {#                    <div class="col-md-6">#}
  73 {#                    </div>#}
  74 {#                    <div class="col-md-6">#}
  75 {#                        <img src="{% static 'qcg/img/qcg_logo.png' %}" class="img-responsive" alt="Banner image">#}
  76 {#                    </div>#}
  77 {#                </div>#}
  78             </div>
  79
  80             <div class="row">
  81                 <div class="col-md-offset-2 col-md-8">
  82                     <h3>PL-GRID</h3>
  83
  84                     <p>
  85                         <img src="{% static 'qcg/img/plgrid_logo.png' %}" class="img-responsive pull-right" alt="Banner image">
  86                         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.
  87                     </p>
  88                 </div>
  89             </div>
  90
  91             <p class="text-center" style="margin: 20px 0">
  92                 <a class="btn btn-lg btn-primary" href="{% url 'openid-login' %}" role="button">Zaloguj się korzystając z OpenID</a>
  93             </p>
  94
  95         {% endblock container %}
  96     </div><!-- /.container -->
  97
  98     <footer class="navbar navbar-default navbar-fixed-bottom">
  99         <div class="container">
 100             <div class="row">
 101                 <p class="navbar-text text-center" style="float: none">
 102                     Copyright &copy; 2015, <a href="http://www.man.poznan.pl" class="navbar-link">PCSS</a>
 103                 </p>
 104             </div>
 105         </div>
 106     </footer>
 107
 108     <script src="{% static 'qcg/jquery/jquery.min.js' %}"></script>
 109     <script src="{% static 'qcg/bootstrap/js/bootstrap.min.js' %}"></script>
 110     {% block extra_js %}{% endblock %}
 111 </body>
 112 </html>