projects.html.twig 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. {% extends 'partials/base.html.twig' %}
  2. {% block content %}
  3. {% include 'partials/head.html.twig' %}
  4. <div class="post columns large-12 medium-12 medium-offset-0 small-12 small-offset-0">
  5. <div class="row">
  6. <div class=" columns large-1 medium-1 medium-offset-0 small-10 small-offset-1" style="height:auto;">
  7. <div class="row post_picto_container">
  8. <div class="columns large-12 medium-12 medium-offset-0 small-1 small-offset-8 ">
  9. <div class="post_picto">
  10. <a href="mailto:mail?subject={{ page.title }}&body={{page.url}}">
  11. <img src="{{ url('theme://images/contact.svg') }}" alt="">
  12. </a>
  13. </div>
  14. </div>
  15. <div class="columns large-12 medium-12 small-1">
  16. <div class="post_picto">
  17. <a href="https://www.facebook.com/sharer/sharer.php?u={{page.url}}" target="_blank">
  18. <img src="{{ url('theme://images/f.svg') }}" alt="">
  19. </a>
  20. </div>
  21. </div>
  22. <div class="columns large-12 medium-12 small-1">
  23. <div class="post_picto">
  24. <a href="https://twitter.com/intent/tweet?url={{ page.url }}&text={{ page.title }}" target="_blank">
  25. <img src="{{ url('theme://images/t.svg') }}" alt="">
  26. </a>
  27. </div>
  28. </div>
  29. <div class="columns large-12 medium-12 small-1">
  30. <div class="post_picto">
  31. <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url }}&title={{ page.title }}" target="_blank">
  32. <img src="{{ url('theme://images/in.svg') }}" alt="">
  33. </a>
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. <div class="columns post_content large-11 large-offset-0 medium-11 medium-offset-0 small-10 small-offset-1" style="margin-bottom: 2rem;">
  39. <div class="row">
  40. <div class="columns small-12">
  41. {{ page.content }}
  42. </div>
  43. {% if page.slug == "mediatheque" %}
  44. <div class="columns small-12 ss_menu">
  45. <hr>
  46. <div class="row">
  47. <div class="doc_b columns small-3">
  48. {% if lang == "fr" %}
  49. <a class="selectable" data-type="film" >Film</a>
  50. {% else %}
  51. <a class="selectable" data-type="film" >Film</a>
  52. {% endif %}
  53. </div>
  54. <div class="doc_b columns small-3">
  55. {% if lang == "fr" %}
  56. <a class="selectable" data-type="ouvrage" >Ouvrage</a>
  57. {% else %}
  58. <a class="selectable" data-type="ouvrage" >Ouvrage</a>
  59. {% endif %}
  60. </div>
  61. </div>
  62. </div>
  63. {% endif %}
  64. {% for post in page.children %}
  65. {% set source = post.header.media_thumbnail %}
  66. {% if source != null%}
  67. {% set info = "url('"~post.url~"/"~source~"')" %}
  68. {% else %}
  69. {% set info = null %}
  70. {% endif %}
  71. {% set c = "" %}
  72. {% if post.header.type %}
  73. {% set c = post.header.type|join(" ") %}
  74. {% endif %}
  75. {% if top_page.title != post.title %}
  76. <div class=" columns large-4 medium-4 medium-offset-0 small-8 small-offset-2 sub-posts {{ c }} type">
  77. <div class=" row ">
  78. <div class="columns large-12 thumb_news thumb_sub">
  79. <a class="sub_grid_lk" style="background:{{ info }} rgb( 233, 77, 26);" href="{{ post.url }}">
  80. <div class="row">
  81. <div class="sub_title columns large-8 align-self-bottom">
  82. <mark>{{ post.title }}</mark>
  83. </div>
  84. </div>
  85. </a>
  86. </div>
  87. </div>
  88. </div>
  89. {% endif %}
  90. {% endfor %}
  91. </div>
  92. </div>
  93. {% if page.slug == "mediatheque" %}
  94. <div class="columns small-12" style="margin-top:1rem">
  95. <h1 class="inter">Je participe</h1>
  96. <div class="columns small-10 small-offset-1 ">
  97. {{header.textform}}
  98. </div>
  99. </div>
  100. <div class="columns small-10 small-offset-1 contact_form">
  101. {% include "forms/form.html.twig" %}
  102. </div>
  103. {% endif %}
  104. </div>
  105. </div>
  106. {% endblock %}