index.html

---
layout: default
title: Home
---

<!-- Hero Video Section -->
<section class="hero">
  <img src="{{ site.assets.sticker_en }}" alt="UNESCO Chair in Urban Landscape sticker" class="sticker top-left">
  {% for post in site.projects %}
      <div class="carousel-item" style="background-image: url('{{ post.video_path }}');">
        <div class="carousel-item-text">
          <h3 class="carousel-item-mission"><a href="{{ post.url }}" class="no-icon">{{ post.mission }}</a></h3>
          <h2 class="carousel-item-title"><a href="{{ post.url }}">{{ post.name }}</a></h2>
        </div>
      </div>
  {% endfor %}
</section>

<!-- Presentation Section -->
<section class="presentation">
  <h1 class="presentation_main_text"><a href="/about.html#questions">{% include invite.md %}</a></h2>
  <div class="presentation_subtitles_wrapper">
    <div class="presentation_subtitles">
      <h2><a href="/about.html">{% include what_we_are.md %}</a></h2>
      <h2><a href="/projects.html">{% include what_we_do.md %}</a></h2>
    </div> 
  </div>
</section>

<!-- Recent News Section -->
<section class="news">
  <div class="archive">
		{% for post in site.posts limit:15 %}
		<li> 
			<article class="article">
				<img class="image" src="{{ post.featured_img }}" loading="lazy" alt="{{ page.alt }}">
				<h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
        <p class="metadata">{{ post.date | date: "%b. %d, %Y"}}<br>{{ post.category }} in {{ post.location }}</p>
        <div class="article-excerpt">
          {{ post.excerpt }}
        </div>
			</article>
		</li>
		{% endfor %}
	</div>
</section>

<script src="/assets/js/script.js"></script>