index.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. ---
  2. layout: page
  3. title: Contact
  4. ---
  5. <div class="contact">
  6. <div class="row">
  7. <div class="col-sm-12">
  8. <h1>Mailing List</h1>
  9. <p>
  10. <em>NOTE: To subscribe to a mailing list, send a non-empty email to its subscription address from the email address that you wish to be subscribed.</em>
  11. </p>
  12. </div>
  13. </div>
  14. <div class="row">
  15. <div class="col-sm-12">
  16. <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
  17. {% for category in site.data.mailing-lists %}
  18. <div class="panel panel-default">
  19. <div class="panel-heading" role="tab" id="headingOne">
  20. <h4 class="panel-title">
  21. <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  22. {{ category.title }}
  23. </a>
  24. </h4>
  25. <p>
  26. {{ category.description }}
  27. </p>
  28. </div>
  29. <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
  30. <div class="panel-body">
  31. <ul class="list mailing-list">
  32. {% for list in category.links %}
  33. <li>
  34. <div class="row">
  35. <div class="col-sm-5">
  36. <div class="list-label">
  37. {{ list.label }}
  38. </div>
  39. </div>
  40. <div class="col-sm-7">
  41. <div class="email-link">
  42. <a href="{{ list.href }}">{{ list.text }}<span></span></a>
  43. <div class="email_link_button">
  44. <a href="{{ list.href }}"><span class="glyphicon glyphicon-menu-right"></span></a>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. </li>
  50. {% endfor %}
  51. </ul>
  52. </div>
  53. </div>
  54. </div>
  55. {% endfor %}
  56. </div>
  57. </div>
  58. </div>
  59. </div>