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{% if request.resolver_match.url_name == 'job_templates' or request.resolver_match.url_name == 'job_submit' or request.resolver_match.url_name == 'template_submit' %} class="active"{% endif %}>
  36                             <a href="{% url 'job_templates' %}">Zlecanie zadań</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>
  54                                         </li>
  55                                         <li class="divider"></li>
  56                                     {% endif %}
  57
  58                                     <li>
  59                                         <a href="{% url 'logout' %}" role="button">
  60                                             <span class="glyphicon glyphicon-off"></span>&nbsp;Wyloguj
  61                                         </a>
  62                                     </li>
  63                                 </ul>
  64                             </li>
  65                     {% else %}
  66                         <li><a href="{% url 'login' %}" class="navbar-link">Zaloguj</a></li>
  67                     {% endif %}
  68                 </ul>
  69             </div><!--/.nav-collapse -->
  70         </div>
  71     </nav>
  72
  73     <div class="container">
  74         {% block messages %}
  75             {% for message in messages %}
  76                 <div class="{{ message.tags }}">{{ message }}</div>
  77             {% endfor %}
  78         {% endblock messages %}
  79
  80         {% block container %}
  81
  82             <div class="jumbotron">
  83                 <h1>QosCosGrid</h1>
  84                 <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>
  85
  86 {#                <div class="row">#}
  87 {#                    <div class="col-md-6">#}
  88 {#                    </div>#}
  89 {#                    <div class="col-md-6">#}
  90 {#                        <img src="{% static 'qcg/img/qcg_logo.png' %}" class="img-responsive" alt="Banner image">#}
  91 {#                    </div>#}
  92 {#                </div>#}
  93             </div>
  94
  95             <div class="row">
  96                 <div class="col-md-offset-2 col-md-8">
  97                     <h3>PL-GRID</h3>
  98
  99                     <p>
 100                         <img src="{% static 'qcg/img/plgrid_logo.png' %}" class="img-responsive pull-right" alt="Banner image">
 101                         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.
 102                     </p>
 103                 </div>
 104             </div>
 105
 106             <p class="text-center" style="margin: 20px 0">
 107                 <a class="btn btn-lg btn-primary" href="{% url 'login' %}" role="button">Zaloguj się korzystając z OpenID</a>
 108             </p>
 109
 110         {% endblock container %}
 111     </div><!-- /.container -->
 112
 113     {% block footer %}
 114         <footer class="navbar navbar-default navbar-fixed-bottom">
 115             <div class="container">
 116                 <div class="row">
 117                     <p class="navbar-text text-center" style="float: none">
 118                         Copyright &copy; 2015, <a href="http://www.man.poznan.pl" class="navbar-link">PCSS</a>
 119                     </p>
 120                 </div>
 121             </div>
 122         </footer>
 123     {% endblock footer %}
 124
 125     {% endblock body %}
 126
 127     <script src="{% static 'qcg/jquery/jquery.min.js' %}"></script>
 128     <script src="{% static 'qcg/bootstrap/js/bootstrap.min.js' %}"></script>
 129     {% block extra_js %}{% endblock %}
 130 </body>
 131 </html>