flash.moe/templates/index.twig

73 lines
3.5 KiB
Twig

{% extends 'master.twig' %}
{% set header_title = 'flash.moe' %}
{% set header_is_index = true %}
{% set footer_onload = [['fm.initIndex']] %}
{% block container %}
<div class="index-menu">
{% for link in header_nav|slice(1) %}
<a href="{{ link.link }}">{{ link.title }}</a>
{% endfor %}
</div>
<div class="index-featured">
<div class="index-feature">
<div class="index-feature-header">
<a href="/projects" class="index-feature-header-link"></a>
<div class="index-feature-header-title">Projects</div>
<div class="index-feature-header-more">More</div>
</div>
{% for project in projects %}
<div class="index-project" style="background-color: {{ project.colour }};">
<a href="/projects#{{ project.info.cleanName }}" class="index-project-anchor"></a>
<div class="index-project-content">
<div class="index-project-name">{{ project.info.name }}</div>
{% if project.info.hasSummary %}
<div class="index-project-summary">{{ project.info.summary }}</div>
{% endif %}
</div>
<div class="index-project-links">
{% if project.info.hasHomePageUrl %}
<a class="index-project-link index-project-link-homepage" href="{{ project.info.homePageUrl }}" rel="noopener" target="_blank">Homepage</a>
{% endif %}
{% if project.info.hasSourceUrl %}
<a class="index-project-link index-project-link-repository" href="{{ project.info.sourceUrl }}" rel="noopener" target="_blank">Source</a>
{% endif %}
{% if project.info.hasDiscussionUrl %}
<a class="index-project-link index-project-link-forum" href="{{ project.info.discussionUrl }}" rel="noopener" target="_blank">Discussion</a>
{% endif %}
</div>
</div>
{% endfor %}
</div>
<div class="index-feature">
<div class="index-feature-header">
<a href="/contact" class="index-feature-header-link"></a>
<div class="index-feature-header-title">Contact</div>
<div class="index-feature-header-more">More</div>
</div>
<div class="index-contact">
{% for contact in contacts %}
<div class="social social-{{ contact.name }}" style="--social-colour: {{ contact.colour }}">
{% if contact.hasLink %}
<a href="{{ contact.link }}" class="social-background" target="_blank" rel="noopener"></a>
{% else %}
<div class="social-background" onclick="fm.selectTextInElement(this.parentNode.querySelector('.social-handle')); fm.copySelectedText();"></div>
{% endif %}
<div class="social-icon {{ contact.icon }}"></div>
<div class="social-content">
<div class="social-name">{{ contact.title }}</div>
<div class="social-handle">{{ contact.display }}</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endblock %}