Browse Source

Add requirements for 2nd clan

Refactor about.html to use range. Revert clan logo from Christmas.
master^2
Kevin Mok 8 months ago
parent
commit
6d51384c6a
4 changed files with 62 additions and 35 deletions
  1. 5
    0
      assets/sass/custom.scss
  2. 3
    2
      config.toml
  3. 26
    11
      data/about.yml
  4. 28
    22
      layouts/partials/about.html

+ 5
- 0
assets/sass/custom.scss View File

@@ -54,6 +54,11 @@ p, h3, h4 {
}
}

.req-section-title {
font-size: 1.25em;
color: white;
}

// .slick-dots {
// li {
// button {

+ 3
- 2
config.toml View File

@@ -57,7 +57,8 @@ custom_css = ["css/custom.css"]
bgImage = "images/slider/hero-area.jpg"
# bgImage = "images/slider/eagle.png"
heading = "Ataraxy"
content= "Top 400, MP-focused clan that is currently looking for friendly and active clan members to play together with."
# content= "Top 400, MP-focused clan that is currently looking for friendly and active clan members to play together with."
content= "Family of CoD:M clans that are currently looking for friendly and active clan members to play together with."
btn = true
btnText="Requirements"
btnURL="#requirements"
@@ -69,7 +70,7 @@ custom_css = ["css/custom.css"]
[[params.counter.counterItem]]
title = "Season 2 Ranking"
icon = "tf-ion-trophy"
count = "414"
count = "384"

[[params.counter.counterItem]]
title = "Avg. MP Rank (Season 2)"

+ 26
- 11
data/about.yml View File

@@ -3,16 +3,31 @@ heading : Requirements
# headingSpan : Us
aboutItem :
- content : ""
logo: "/images/clan-logo.png"
# logo: "/images/clan-logo-christmas.png"

requirements :
- "Elite 3+ in Season 2 MP"
- "420+ contribution/week (average ~10 MP/BR games/day)"
- "16 years or older"
- "be active on Discord server"
- "use mic for ranked games (English)"
requirementsTitle: Requirements
requirementSections:
- title: Shared Requirements
bullets:
- bullet: "16 years or older"
- bullet: "be active on Discord server"
- bullet: "use mic for ranked games (English)"

benefits :
- "vibrant and respectful Discord community"
- "leadership opportunities"
- "MEE6 leaderboard"
- "various mini-games (Pokecord, raids, gambling and more)"
- title: Ataraxy Requirements
bullets:
- bullet: "Elite 3+ in Season 2 MP"
- bullet: "420+ contribution/week (average ~10 MP/BR games/day)"

- title: Ataraxy2.0 Requirements
bullets:
- bullet: "Level 50+"
- bullet: "120+ contribution/week (average ~3 MP/BR games/day)"
- bullet: "Elite 1+ in either mode for Season 2 (preferred)"

benefitsTitle: Benefits
benefitsBullets:
- bullet: "vibrant and respectful Discord community"
- bullet: "leadership opportunities"
- bullet: "MEE6 leaderboard"
- bullet: "various mini-games (Pokecord, raids, gambling and more)"

+ 28
- 22
layouts/partials/about.html View File

@@ -6,51 +6,57 @@
<div class="col-lg-12">
{{"<!-- section title -->" | safeHTML}}
<div class="title text-center wow fadeIn" data-wow-duration="1500ms">
<h2>{{ .Site.Data.about.heading}} <span class="color">{{ .Site.Data.about.headingSpan}}</span> </h2>
<h2>{{ .Site.Data.about.requirementsTitle }}</h2>
<div class="border-meghna"></div>
</div>
{{"<!-- /section title -->" | safeHTML}}
</div>
{{"<!-- /section title -->" | safeHTML}}

{{"<!-- About item -->" | safeHTML}}
<div class="mx-auto wow fadeInUp" data-wow-duration="500ms">
<div class="block" id="requirements">
{{"<!-- Express About Yourself -->" | safeHTML}}
<ul>
{{ range $requirement := $.Site.Data.about.requirements }}
<li>{{ $requirement }}</li>
{{ end }}
</ul>
<div class="block">
{{ range .Site.Data.about.requirementSections }}
<p class="req-section-title">{{ .title }}</p>
<ul>
{{ range .bullets }}
<li>{{ .bullet }}</li>
{{ end }}
</ul>
{{ end }}
</div>
</div>
</div>

<div class="row">
<div class="col-lg-12">
{{"<!-- section title -->" | safeHTML}}
<div class="title text-center wow fadeIn" data-wow-duration="1500ms">
<h2>Benefits</h2>
<h2>{{ .Site.Data.about.benefitsTitle }}</h2>
<div class="border-meghna"></div>
</div>
{{"<!-- /section title -->" | safeHTML}}
</div>
{{"<!-- /section title -->" | safeHTML}}

{{"<!-- About item -->" | safeHTML}}
<div class="mx-auto wow fadeInUp" data-wow-duration="500ms">
<div class="block" id="benefits">
{{"<!-- Express About Yourself -->" | safeHTML}}
<ul>
{{ range $benefit := $.Site.Data.about.benefits }}
<li>{{ $benefit }}</li>
{{ end }}
</ul>
<div class="block">
<ul>
{{ range .Site.Data.about.benefitsBullets }}
<li>{{ .bullet }}</li>
{{ end }}
</ul>
</div>
</div>
</div>

<div class="row">
<a class="mx-auto btn btn-transparent"
href="https://forms.gle/rd3ZZL2QhY4eR4LK9" target="_blank">Apply Now</a>
</div>

<div class="row">
<!-- <img id="clan-logo" class="img-fluid mx-auto" src="/images/clan-logo.png" alt="clan-logo"/> -->
<img id="clan-logo" class="img-fluid mx-auto wow fadeInUp"
src="/images/clan-logo-christmas.png" alt="clan-logo"/>
src="{{ .Site.Data.about.logo }}" alt="clan-logo"/>
</div>

</div>
</section>
{{"<!-- /about -->" | safeHTML}}

Loading…
Cancel
Save