-
Notifications
You must be signed in to change notification settings - Fork 0
/
players.html
107 lines (96 loc) · 4.3 KB
/
players.html
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
102
103
104
105
106
107
---
title: Players
desc: Meet the players of Leagueopoly - an esports league based on the Monopoly clone Richup.io. Players compete to earn points based on their per-game ranking. Top two in each conference advance!
description: Meet the players of Leagueopoly - an esports league based on the Monopoly clone Richup.io. Players compete to earn points based on their per-game ranking. Top two in each conference advance!
permalink: /players/
keywords: players
layout: default
---
<div class="flex w-full sm:space-x-4 sm:space-y-0 space-y-4 sm:flex-row flex-col">
<div class="flex-auto">
<div class="box-featured p-4 rounded-2xl">
<b class="default-text-shadow text-2xl">Players</b><br>
<p class="text-lg">Meet all the talented players of Leagueopoly, past and present.</p>
</div>
</div>
</div>
<div class="flex mt-8 w-full sm:space-x-4 sm:space-y-0 space-y-4 sm:flex-row flex-col">
<div class="flex-auto">
<div class="box-chance p-4 rounded-2xl">
<b class="default-text-shadow text-xl">Chance Conference</b><br>
<p>Members of the Chance Conference.</p>
</div>
</div>
</div>
<div class="flex mt-4 w-full sm:space-x-4 sm:space-y-0 space-y-4 sm:flex-row flex-col">
{% for player in site.players %}
{% comment %} this if statement means we don't have to make a temp collection using | where {% endcomment %}
{% if player.conf_id == "chance" %}
<div class="w-full">
<a href="/players/{{ player.player_id }}">
<div class="box-{{ player.player_id }} box-player p-4 h-64 rounded-2xl">
<div class="justify-center items-end w-full h-full flex">
<b class="default-text-shadow text-2xl">{{ player.player_name }}</b>
</div>
</div>
</a>
</div>
{% endif %}
{% endfor %}
</div>
<div class="flex mt-8 w-full sm:space-x-4 sm:space-y-0 space-y-4 sm:flex-row flex-col">
<div class="flex-auto">
<div class="box-chest p-4 rounded-2xl">
<b class="default-text-shadow text-xl">Community Chest Conference</b><br>
<p>Members of the Community Chest Conference.</p>
</div>
</div>
</div>
<div class="flex mt-4 w-full sm:space-x-4 sm:space-y-0 space-y-4 sm:flex-row flex-col">
{% for player in site.players %}
{% comment %} this if statement means we don't have to make a temp collection using | where {% endcomment %}
{% if player.conf_id == "chest" %}
<div class="w-full">
<a href="/players/{{ player.player_id }}">
<div class="box-{{ player.player_id }} box-player p-4 h-64 rounded-2xl">
<div class="justify-center items-end w-full h-full flex">
<b class="default-text-shadow text-2xl">{{ player.player_name }}</b>
</div>
</div>
</a>
</div>
{% endif %}
{% endfor %}
</div>
<div class="flex mt-8 w-full sm:space-x-4 sm:space-y-0 space-y-4 sm:flex-row flex-col">
<div class="flex-auto">
<div class="box-past p-4 rounded-2xl">
<b class="default-text-shadow text-xl">Previous Players</b><br>
<p>Players from past seasons of Leagueopoly.</p>
</div>
</div>
</div>
<div class="flex mt-4 w-full sm:w-full sm:space-x-4 sm:space-y-0 space-y-4 sm:flex-row flex-col">
{% assign counted_past = 0 %}
{% for player in site.players %}
{% comment %} this if statement means we don't have to make a temp collection using | where {% endcomment %}
{% if player.conf_id == "past" %}
<div class="w-full">
<a href="/players/{{ player.player_id }}">
<div class="box-{{ player.player_id }} box-player p-4 h-64 rounded-2xl">
<div class="justify-center items-end w-full h-full flex">
<b class="default-text-shadow text-2xl">{{ player.player_name }}</b>
</div>
</div>
</a>
</div>
{% comment %} every Xth player, we start a new row, except for the first player {% endcomment %}
{% assign mod = counted_past | modulo: 3 %}
{% if mod == 0 and forloop.index0 != 0 %}
</div>
<div class="flex mt-4 w-full sm:w-full sm:space-x-4 sm:space-y-0 space-y-4 sm:flex-row flex-col">
{% endif %}
{% assign counted_past = counted_past | plus: 1 %}
{% endif %}
{% endfor %}
</div>