inicio.html 2.55 KB
Edit Raw Blame History



1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50


<section class="container" role="main">
  <div class="row">
    <div class="col-sm-10 col-sm-offset-1">
      <div class="video-wrapper">
        <div class="video-player js-youtube">
          <div class="embed-responsive embed-responsive-16by9">
            <div class="js-iframe" ng-show="pageInicio.content" ng-bind-html="pageInicio.content"></div>
            <div class="video-background" ng-click="pageInicio.showVideo()">
              <div class="video-thumbnail" aria-hidden="true" style="background-image:url(/assets/images/youtube-background.png)"></div>
              <button class="video-play-button" aria-live="assertive" aria-label="Assistir o vídeo tutorial Dialoga Brasil">
                <svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%"><path class="ytp-play-button-bg" d="m .66,37.62 c 0,0 .66,4.70 2.70,6.77 2.58,2.71 5.98,2.63 7.49,2.91 5.43,.52 23.10,.68 23.12,.68 .00,-1.3e-5 14.29,-0.02 23.81,-0.71 1.32,-0.15 4.22,-0.17 6.81,-2.89 2.03,-2.07 2.70,-6.77 2.70,-6.77 0,0 .67,-5.52 .67,-11.04 l 0,-5.17 c 0,-5.52 -0.67,-11.04 -0.67,-11.04 0,0 -0.66,-4.70 -2.70,-6.77 C 62.03,.86 59.13,.84 57.80,.69 48.28,0 34.00,0 34.00,0 33.97,0 19.69,0 10.18,.69 8.85,.84 5.95,.86 3.36,3.58 1.32,5.65 .66,10.35 .66,10.35 c 0,0 -0.55,4.50 -0.66,9.45 l 0,8.36 c .10,4.94 .66,9.45 .66,9.45 z" fill="#1f1f1e" fill-opacity="0.9"></path><path d="m 26.96,13.67 18.37,9.62 -18.37,9.55 -0.00,-19.17 z" fill="#fff"></path><path d="M 45.02,23.46 45.32,23.28 26.96,13.67 43.32,24.34 45.02,23.46 z" fill="#ccc"></path></svg>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- <div class="js-event-wrapper hide" ng-show="inicio.eventListIsVisible"> -->
  <div class="js-event-wrapper">
    <event-list></event-list>
  </div>
</section>

<section class="info-section" ng-if="pageInicio.loading || pageInicio.error">
    <div class="container">
      <div class="col-md-12">
        <div ng-if="pageInicio.loading && !pageInicio.error">
          <div class="alert alert-info">Carregando conteúdo...</div>
        </div>

        <div ng-if="pageInicio.error">
          <div class="alert alert-danger">{{pageInicio.error}}</div>
        </div>
      </div>
    </div>
</section>

<section class="section-gray section-space-up" ng-if="pageInicio.article">
  <div class="container">
    <div id="lista-de-programas" class="row">
      <div class="col-sm-4 col-md-3">
        <category-list></category-list>
      </div>
      <div class="col-sm-8 col-md-9">
        <article-grid></article-grid>
      </div>
    </div>
  </div>
</section>