404.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. {% extends 'layout.html' %}
  2. {% block body %}
  3. <section id="not-found">
  4. <h1 class="text-center" style="font-size: 22px">Erro 404: Ops, não encontramos a página que você está procurando :(</h1>
  5. <a href="/"><img class="img-responsive center-block" src="/img/erro404.png"></a>
  6. <p class="text-center"><i><small><a href='https://www.freepik.com/free-vector/404-error-template-in-flat-style_1703294.htm'>Designed by Freepik</a></small></i></p>
  7. </section>
  8. {% if watches[0] %}
  9. <h3 style="margin-bottom: 1em">Você pode desfrutar dos recém chegados</h3>
  10. {% endif %}
  11. <div class="grid">
  12. <ul class="entries">
  13. {% for watch in watches %}
  14. <li class="col-md-3 thumb-404">
  15. <a role="button" data-toggle="modal" style="border-bottom: 0px solid;" data-toggle="modal" data-target="#assistir{{ loop.index }}">
  16. <img src="{{ watch.thumb480 }}" title="{{ watch.title }}{% if watch.subtitle %} - {{ watch.subtitle }}{% endif %} ({{ watch.year }})" class="fadeCatalogo" onload="this.style.opacity='1'"/>
  17. </a>
  18. </li>
  19. <div class="modal" id="assistir{{ loop.index }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel{{ loop.index }}">
  20. <div class="modal-dialog" role="document">
  21. <div class="modal-content">
  22. <div class="modal-header">
  23. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  24. <i class="fa fa-times-circle exitTimes"></i>
  25. </button>
  26. <a href="/assistir/{{ watch.permalink }}">
  27. <button type="button" class="splash-play">
  28. <img src="/img/play.png" alt="Play">
  29. </button>
  30. </a>
  31. <a href="/assistir/{{ watch.permalink }}">
  32. <div class="splash" style="background-image: url('{{ watch.imgbg }}');"></div>
  33. </a>
  34. </div>
  35. <div class="modal-body">
  36. <h2>{{ watch.title }}</h2>
  37. <h4>
  38. {{ watch.subtitle }}
  39. {% if watch.subtitle %} &middot; {%endif%} {{watch.year}}
  40. {% if watch.classind %} &middot; <span class="classind">{{ watch.classind }}</span>{% endif %}
  41. {% if watch.duration %} &middot; {{ watch.duration }} {% endif %}
  42. </h4>
  43. <ul class="nav nav-pills text-right">
  44. <li class="active">
  45. <a data-toggle="pill" href="#resumo{{ loop.index }}">Resumo</a>
  46. </li>
  47. </ul>
  48. <div class="tab-content">
  49. <div id="resumo{{ loop.index }}" class="tab-pane fade in active">
  50. <div class="sinopse">{{ watch.sinopse }}</div>
  51. <h4> Tags: {% set list1 = watch.tags.split(',') %}{% for list in list1 %}
  52. <a href="/t/{{ list | trim}}">{{ list | trim}}</a>{%if loop.index0 < loop.length-1 %}, {%endif%}{% endfor %}
  53. </h4>
  54. </div>
  55. </div>
  56. </div>
  57. <div class="modal-footer">
  58. {% if user.mod %}<a href="/edit/{{ watch._id }}"><button type="button" class="btn btn-danger">Editar <i class="fa fa-edit"></i></button></a>{% endif %}
  59. <button type="button" class="btn btn-default" data-dismiss="modal">Fechar <i class="fa fa-times-circle"></i></button>
  60. <a href="/assistir/{{ watch.permalink }}">
  61. <button type="button" class="btn btn-success">Assistir <i class="fa fa-play-circle"></i></button>
  62. </a>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. {% endfor %}
  68. </ul>
  69. </div>
  70. {% endblock %}