inpycon2019/_includes/tickets.html at 58a2c1561c7644cb894b7563e805167e9cc6c2ee · pythonindia/inpycon2019 · GitHub

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!-- TODO Convert this to be YML Based -->
<section class="wrapper" style="background: #EEEEEE;" id="tickets">
  {% asset tunnel-white-exit.png alt="" class="tunnel1 bg" %}
  {% asset bluewind.png alt="" class="bluewind bg" style="left: 18%;top: -53px; z-index:9999;" %}
  <div class="row wow fadeIn">
    <div class="col-md-12 text-center">
      <h1>TICKETS</h1>
    </div>
  </div>
  <br />
  <div class="container ticket-desktop">
    <div class="row wow fadeIn">
      <div class="col-md-12">
        <div class="table-responsive">
          <table class="table table-striped">
            <tbody>
              {% for category in site.data.tickets %}
                <tr>
                  <td class="col-md-6">
                    <h5><strong>{{category.type }}</strong></h5>
                    <p>{{category.event_date}}</p>
                    <p>
                      {% if category.open %}
                        {{category.end_date}}
                      {% else %}
                        {{category.start_date}}
                      {% endif %}
                    </p>
                  </td>
                  <td class="col-md-2" style="vertical-align:middle;">
                    {% if category.cost %}
                      <h5>
                        <strong>
                          ₹{{category.cost}}
                        </strong>
                      </h5>
                      <p>(GST Applicable)</p>
                    {% endif %}
                  </td>
                  <td style="position: relative;{% unless category.open %}vertical-align:middle;{% endunless %}" class="dwd-schedule col-md-3 text-center">
                    {% if category.open %}
                      <a href="https://www.townscript.com/e/pycon-india-2019/booking" target="_blank" rel="noreferrer noopener" class="dwd-link">
                        <strong>BUY TICKETS</strong>
                      </a>
                    {% else %}
                      {% if category.sold_out %}
                        <strong style="color:red;">SOLD OUT</strong>
                      {% else %}
			<a href="https://goo.gl/forms/GdtTebWL7mn3oKtW2" target="_blank" rel="noreferrer noopener" class="dwd-link">NOTIFY ME!</a>
                      {% endif %}
                    {% endif %}
                  </td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>

  <div class="container ticket-mobile">
    {% for category in site.data.tickets %}
    {% if category.sold_out == false %}
        <div class="row wow fadeIn">
          <div class="col-md-12 light">
            <h3><strong>{{category.type}}</strong></h3>
            <p>
              {{category.event_date}}
              {% if category.open %}
                {{category.end_date}}
              {% else %}
                {{category.start_date}}
              {% endif %}
            </p>

            <p>
              <strong>
                {% if category.cost %}
                  ₹{{category.cost}} (GST Applicable)
                {% endif %}
              </strong>
            </p>

            <p class="buy-ticket">
              {% if category.open %}
                <a href="https://www.townscript.com/e/pycon-india-2019/booking" target="_blank" rel="noreferrer noopener" class="dwd-link">
                  <strong>BUY TICKETS</strong>
                </a>
	      {% else %}
		<a href="https://goo.gl/forms/GdtTebWL7mn3oKtW2" target="_blank" rel="noreferrer noopener" class="dwd-link">NOTIFY ME!</a>
              {% endif %}
            </p>
          </div>
        </div>
      {% endif %}
    {% endfor %}
    <br>
  </div>
  {% asset tunnel-white-entry.png alt="" class="tunnel2 tunnel4 bg" %}
</section>