Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 3c909967

Přidáno uživatelem Martin Sebela před asi 4 roky(ů)

Re #8079
- intro page responzive fixed
- deleted unused files
- minor CSS repairs and changes

Zobrazit rozdíly:

website/templates/index.html.twig
1 1
{% extends 'base.html.twig' %}
2 2
  
3
{% block title %} Heatmap.ZČU {% endblock %}
3
{% block title %}Heatmap.ZČU · O projektu{% endblock %}
4 4
{% block stylesheets %}
5 5
  <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}" />
6
  <link rel="stylesheet" href="{{ asset('css/_style.css') }}" />
6
  <link rel="stylesheet" href="{{ asset('css/style.css') }}" />
7 7
  <link rel="stylesheet" href="{{ asset('css/swiper.min.css') }}" />
8 8
{% endblock %}
9 9

  
10

  
10
{% block bodyClass %} class="intro"{% endblock %}
11 11
{% block body %}
12 12

  
13 13
  <header>
14 14
    <div class="logo">
15 15
      <a href="{{ path('home') }}">
16
        <img src="{{ asset('img/logo.svg') }}" alt="Logo Západočeské univerzity v Plzni">
16
        <img src="{{ asset('img/logo-zcu.svg') }}" alt="Logo Západočeské univerzity v Plzni">
17 17
      </a>
18 18
    </div>
19 19

  
......
45 45
          </li>
46 46
          <li class="nav-item button">
47 47
            <h2>
48
              <a href="/heatmap/?data_set[date]=2019-04-25&amp;data_set[time]=9&amp;data_set[type]=JIS" class="nav-link">Zobrazit heatmapu</a>
48
              <a href="/heatmap/?data_set[date]=2019-04-11&amp;data_set[time]=9&amp;data_set[type]=JIS" class="nav-link">Zobrazit heatmapu</a>
49 49
            </h2>
50 50
          </li>
51 51
        </ul>
......
62 62
            <h3>Život na ZČU během dne</h3>
63 63
            <hr>
64 64
            <p>Zobrazte si heatmapu života univerzity hodinu po hodině během jednoho dne. Od ranního probouzení, kdy studenti a&nbsp;zaměstnanci přicházejí do laboratoří, přes polední špičku v&nbsp;menze až do samotného večera, kdy končí poslední z&nbsp;přednášek a&nbsp;cvičení.</p>
65
            <a href="/heatmap/?data_set[date]=2019-04-25&amp;data_set[time]=9&amp;data_set[type]=JIS" class="btn btn-primary" role="button">Vyzkoušet heatmapu</a>
65
            <a href="/heatmap/?data_set[date]=2019-04-11&amp;data_set[time]=9&amp;data_set[type]=JIS" class="btn btn-primary" role="button">Vyzkoušet heatmapu</a>
66 66

  
67 67
            <div class="map-point point-1">
68 68
              <div class="desc">
......
81 81
            </div>
82 82
          </div>
83 83
        </div>
84

  
85
        <div class="slide-background"></div>
84 86
      </div>
85 87

  
86 88
      <div class="swiper-slide slide-bg-2">
......
90 92
            <h3>Hledání anomálií</h3>
91 93
            <hr>
92 94
            <p>Heatmapa vám také dává možnost prozkoumávat data vlastním způsobem &ndash; stačí jen zvolit konkrétní datum a&nbsp;čas, pro které chcete data zobrazit. Můžete tak objevit i&nbsp;různé anomálie, například narazit na noční návštěvníky kampusu nebo odhalit návraty na studentské koleje v&nbsp;brzkých ranních hodinách&hellip;</p>
93
            <a href="/heatmap/?data_set[date]=2019-04-25&amp;data_set[time]=9&amp;data_set[type]=JIS" class="btn btn-primary" role="button">Vyzkoušet heatmapu</a>
95
            <a href="/heatmap/?data_set[date]=2019-04-11&amp;data_set[time]=9&amp;data_set[type]=JIS" class="btn btn-primary" role="button">Vyzkoušet heatmapu</a>
94 96

  
95 97
            <div class="map-point point-3">
96 98
              <div class="desc">
......
101 103
            </div>
102 104
          </div>
103 105
        </div>
106

  
107
        <div class="slide-background"></div>
104 108
      </div>
105 109

  
106 110
      <div class="swiper-slide slide-bg-3">
......
109 113
            <span class="slide-index">03</span>
110 114
            <h3>O&nbsp;projektu</h3>
111 115
            <hr>
112
            <p>Západočeská univerzita v&nbsp;Plzni poskytuje v&nbsp;rámci otevřených dat (<a href="http://opendata.zcu.cz" target="_blank">Open Data</a>) vybrané datové sady získávané z&nbsp;různých provozních a&nbsp;IoT systémů. V&nbsp;rámci výukového projektu se studentský tým rozhodl několik těchto datových sad využít, zpracovat je a&nbsp;vizualizovat na mapovém podkladu formou heatmapy. Zahrnuta jsou předem anonymizovaná data s&nbsp;časovými značkami získaná mj.&nbsp;z&nbsp;připojení k&nbsp;univerzitní síti, z&nbsp;kartových snímačů na vstupech (JIS karty) a&nbsp;ze stojanů k&nbsp;zapůjčování koloběžek.</p>
116
            <p>Západočeská univerzita v&nbsp;Plzni poskytuje v&nbsp;rámci otevřených dat (<a href="http://opendata.zcu.cz" target="_blank">opendata.zcu.cz</a>) vybrané datové sady získávané z&nbsp;různých provozních a&nbsp;IoT systémů. V&nbsp;rámci výukového projektu se studentský tým rozhodl několik těchto datových sad využít, zpracovat je a&nbsp;vizualizovat na mapovém podkladu formou heatmapy. Zahrnuta jsou předem anonymizovaná data s&nbsp;časovými značkami získaná mj.&nbsp;z&nbsp;připojení k&nbsp;univerzitní síti, z&nbsp;kartových snímačů na vstupech (JIS karty) a&nbsp;ze stojanů k&nbsp;zapůjčování koloběžek.</p>
113 117
            <p>Na těchto stránkách si můžete tuto vizualizaci prohlížet a&nbsp;prozkoumávat den po dni, hodinu po hodině, a&nbsp;nahlédnout tak na univerzitní kampus (i&nbsp;studentské koleje) jako na jeden velký žijící organismus.</p>
114 118
            <hr>
115 119
            <div class="copyright">
......
123 127
            </div>
124 128
            <p class="logos-partners">
125 129
              <a href="https://fav.zcu.cz" target="_blank">
126
                <img src="img/logo-fav.svg" alt="Logo Fakulty aplikovaných věd ZČU">
130
                <img src="img/logo-fav-zcu.svg" alt="Logo Fakulty aplikovaných věd ZČU v Plzni">
127 131
              </a>
128 132
              <a href="http://opendata.zcu.cz" target="_blank">
129 133
                <img src="img/logo-opendata-zcu.svg" alt="Logo OpenData ZČU">
......
131 135
            </p>
132 136
          </div>
133 137
        </div>
138

  
139
        <div class="slide-background"></div>
134 140
      </div>
135 141
    </div>
136 142

  
137
    <div class="slide-background"></div>
138

  
139 143
    <div class="swiper-pagination"></div>
140 144

  
141 145
    <div class="swiper-pagination-buttons">
......
150 154
  <script src="{{ asset('js/vendor/swiper.min.js') }}"></script>
151 155
  <script>
152 156
    const swiper = new Swiper('.swiper-container', {
153
      calculateHeight: true,
154 157
      loop: true,
155 158
      pagination: {
156 159
        el: '.swiper-pagination',

Také k dispozici: Unified diff