src/words/templates/words/home.html

   1 {% extends "base.html" %}
   2 {% load chunk from chunks %}
   3
   4 {% block title %}How to talk about copyright?{% endblock %}
   5
   6 {% block body %}
   7
   8 <section id="intro">
   9
  10 <div class="three-container">
  11 <div class="card-dummy"></div>
  12 <section class="card">
  13      <h1>{% chunk 'intro-1-title' raw=1 %}</h1>
  14
  15     <div class="inside-card">
  16         <h1>{% chunk 'intro-1' %}</h1>
  17     </div>
  18
  19 </section>
  20 </div><div class="three-container">
  21 <div class="card-dummy"></div>
  22 <section class="card info">
  23
  24     <h1>{% chunk 'intro-2-title' raw=1 %}</h1>
  25
  26     <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"
  27         style="float: right;">
  28     <input type="hidden" name="cmd" value="_s-xclick">
  29     <input type="hidden" name="hosted_button_id" value="RCTRCCV5QB3UC">
  30     <button name="submit" class="btn">
  31         Order your<div style="font-size: 2.5em; ">&euro;7</div>deck now!
  32     </button>
  33     </form>
  34
  35     <div class="inside-card">
  36         {% chunk 'intro-2' %}
  37     </div>
  38
  39
  40
  41 </section>
  42 </div><div class="three-container">
  43 <div class="card-dummy"></div>
  44 <section class="card">
  45     <h1>{% chunk 'intro-3-title' raw=1 %}</h1>
  46
  47     <div class="inside-card">
  48         <h1>{% chunk 'intro-3' %}</h1>
  49     </div>
  50 </section>
  51 </div>
  52
  53
  54 </section>
  55
  56 <section>
  57 <h1 class="main">The words</h1>
  58
  59 <div class="three-container">
  60 <div class="card-dummy"></div>
  61 <section class="list-card lawful">
  62 <ul>
  63 {% for word in words.lawful %}
  64     <li><a href="{{ word.get_absolute_url }}">{{ word }}</a></li>
  65 {% endfor %}
  66 </ul>
  67 </section>
  68 </div><div class="three-container">
  69 <div class="card-dummy"></div>
  70 <section class="list-card neutral">
  71 <ul>
  72 {% for word in words.neutral %}
  73     <li><a href="{{ word.get_absolute_url }}">{{ word }}</a></li>
  74 {% endfor %}
  75 </ul>
  76 </section>
  77 </div><div class="three-container">
  78 <div class="card-dummy"></div>
  79 <section class="list-card chaotic">
  80 <ul>
  81 {% for word in words.chaotic %}
  82     <li><a href="{{ word.get_absolute_url }}">{{ word }}</a></li>
  83 {% endfor %}
  84 </ul>
  85 </section>
  86 </div>
  87
  88 </section>
  89 {% endblock %}