2021-08-18 00:13:13 +00:00
|
|
|
{% extends "layout.html" %}
|
2022-09-22 21:55:25 +00:00
|
|
|
{% block page %}
|
|
|
|
{% include 'masterhead.html' %}
|
2022-10-26 15:31:51 +00:00
|
|
|
{% include 'joinus.html' %}
|
2021-08-18 00:13:13 +00:00
|
|
|
<!-- Projects-->
|
2022-11-18 21:32:06 +00:00
|
|
|
<div class="p-5 projects-section bg-light" id="projects">
|
|
|
|
<div class="text-center">
|
|
|
|
<h2 class="display-5 text-black pt-5 pb-3 mb-3">Featured games</h2>
|
|
|
|
</div>
|
2021-08-18 00:13:13 +00:00
|
|
|
<div class="container px-4 px-lg-5">
|
2022-10-27 17:50:16 +00:00
|
|
|
{% for id, item in bag('featured').items() %}
|
2022-10-27 18:03:10 +00:00
|
|
|
{% set image = item.path+'main.jpg' %}
|
2022-08-21 11:31:33 +00:00
|
|
|
<div class="row gx-0 mb-5 mb-md-0 justify-content-center">
|
2022-11-03 21:07:05 +00:00
|
|
|
<div class="col-lg-6"><img class="img-fluid" src="{{ image|url }}" alt="project image"></div>
|
2022-10-27 18:03:10 +00:00
|
|
|
<div class="col-lg-6 {% if item.sort_key|int % 2 == 0 or item.sort_key|int == 0 %} order-lg-first {% endif %} ">
|
2022-08-21 11:31:33 +00:00
|
|
|
<div class="bg-black text-center h-100 project">
|
|
|
|
<div class="d-flex h-100">
|
2022-09-23 15:13:08 +00:00
|
|
|
<div class="my-4 my-lg-auto w-100 text-center">
|
2022-10-27 17:50:16 +00:00
|
|
|
<h2 class="text-white mb-5">{{ item.title }}</h2>
|
2022-10-27 18:03:10 +00:00
|
|
|
<a href="{{ item.path|url }}" class="btn btn-primary"><i class="fa fa-search" aria-hidden="true"></i> {{ _("Details") }}</a>
|
2021-08-18 00:13:13 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2022-08-21 11:31:33 +00:00
|
|
|
</div>
|
2021-08-18 00:13:13 +00:00
|
|
|
{% endfor %}
|
|
|
|
</div>
|
2022-11-18 21:32:06 +00:00
|
|
|
<div class="text-center pt-5">
|
|
|
|
<a href="games/" class="btn btn-primary btn-lg"><i class="fa fa-search" aria-hidden="true"></i> View all games</a>
|
|
|
|
</div>
|
2022-11-03 21:07:05 +00:00
|
|
|
</div>
|
2021-08-18 00:13:13 +00:00
|
|
|
{% endblock %}
|