ecologies.info-website/themes/governance-ecologies/layouts/index.html

{{ define "main" }}
<section id="home" class="hero">
    <div class="container">
        <h1>{{ .Params.hero.heading }}</h1>
        <p>{{ .Params.hero.subheading }}</p>
        <div>
            <a href="{{ .Params.hero.button_link }}" class="btn">{{ .Params.hero.button_text }}</a>
        </div>
    </div>
</section>

<section id="about" class="bg-light">
    <div class="container">
        <h2 class="section-heading">{{ .Params.about.heading }}</h2>
        <div class="content">
            {{ .Params.about.content | markdownify }}
            
            <h3>{{ .Params.about.mission.heading }}</h3>
            <p>{{ .Params.about.mission.content }}</p>
            
            <h3>{{ .Params.about.why.heading }}</h3>
            <p>{{ .Params.about.why.content }}</p>
            
            <p>{{ .Params.about.aims.heading }}</p>
            <ul>
                {{ range .Params.about.aims.list }}
                <li>{{ . }}</li>
                {{ end }}
            </ul>
        </div>
    </div>
</section>

<section id="projects">
    <div class="container">
        <h2 class="section-heading">{{ .Params.projects.heading }}</h2>
        
        <div class="cards">
            {{ range .Site.Data.projects.project }}
            <a href="{{ .url }}" class="card-link">
                <div class="card">
                    {{ if .logo }}
                    <div class="card-logo">
                        <img src="/images/{{ .logo }}" alt="{{ .title }} Logo">
                    </div>
                    {{ end }}
                    <div class="card-content">
                        <h3>{{ .title }}</h3>
                        <p>{{ .description }}</p>
                    </div>
                </div>
            </a>
            {{ end }}
        </div>
        
        {{ if .Site.Data.anchors }}
        {{ $anchors := .Site.Data.anchors.anchor }}
        {{ if gt (len $anchors) 0 }}
        <div class="section-divider"></div>
        
        <div class="subsection bg-light">
            <h3 class="subsection-heading">Anchors</h3>
            <div class="logo-grid">
                {{ range $anchors }}
                <a href="{{ .url }}" class="logo-item" target="_blank" rel="noopener">
                    {{ if .logo }}
                    <div class="logo-container">
                        <img src="/images/{{ .logo }}" alt="{{ .name }} Logo">
                    </div>
                    {{ end }}
                    <p class="logo-name">{{ .name }}</p>
                </a>
                {{ end }}
            </div>
        </div>
        {{ end }}
        {{ end }}
        
        {{ if .Site.Data.partners }}
        {{ $partners := .Site.Data.partners.partner }}
        {{ if gt (len $partners) 0 }}
        <div class="section-divider"></div>
        
        <div class="subsection bg-light">
            <h3 class="subsection-heading">Partners</h3>
            <div class="logo-grid">
                {{ range $partners }}
                <a href="{{ .url }}" class="logo-item" target="_blank" rel="noopener">
                    {{ if .logo }}
                    <div class="logo-container">
                        <img src="/images/{{ .logo }}" alt="{{ .name }} Logo">
                    </div>
                    {{ end }}
                    <p class="logo-name">{{ .name }}</p>
                </a>
                {{ end }}
            </div>
        </div>
        {{ end }}
        {{ end }}
        
        {{ if .Site.Data.funders }}
        {{ $funders := .Site.Data.funders.funder }}
        {{ if gt (len $funders) 0 }}
        <div class="section-divider"></div>
        
        <div class="subsection bg-light">
            <h3 class="subsection-heading">Funders</h3>
            <div class="logo-grid">
                {{ range $funders }}
                <a href="{{ .url }}" class="logo-item" target="_blank" rel="noopener">
                    {{ if .logo }}
                    <div class="logo-container">
                        <img src="/images/{{ .logo }}" alt="{{ .name }} Logo">
                    </div>
                    {{ end }}
                    <p class="logo-name">{{ .name }}</p>
                </a>
                {{ end }}
            </div>
        </div>
        {{ end }}
        {{ end }}
    </div>
</section>

<section id="team" class="bg-light">
    <div class="container">
        <h2 class="section-heading">{{ .Params.team.heading }}</h2>
        <p class="section-intro">{{ .Params.team.intro }}</p>
        
        <div class="team-grid">
            {{ range .Site.Data.team.member }}
            <a href="{{ .url }}" class="team-member" target="_blank" rel="noopener">
                {{ if .photo }}
                <div class="member-photo">
                    <img src="/images/{{ .photo }}" alt="{{ .name }}">
                </div>
                {{ end }}
                <div class="member-info">
                    <h3 class="member-name">{{ .name }}</h3>
                    <p class="member-institution">{{ .institution }}</p>
                </div>
            </a>
            {{ end }}
        </div>
        
        <div class="contact-info">
            <h3>{{ .Params.team.contact.heading }}</h3>
            <p>{{ .Params.team.contact.content | markdownify }}</p>
        </div>
    </div>
</section>
{{ end }}