<!doctype html>
<html lang="{{ page.lang | default: 'en' }}">
{% include base/head.html -%}
<body id="top" class="bg-dots">
{% include base/navbar.html -%}
{% if page.with_breakingnews and page.with_breakingnews.size > 0 -%}
{% assign height = 38 %}
<div class="sticky-top sticky-top-breakingnews">
{% for news in page.with_breakingnews %}
{% assign height = height | plus: height %}
{% include base/breakingnews.html
title=news.title
content=news.content
color=news.color
url=news.url
-%}
{% endfor %}
<style>
main {
.content > h1,
.content > h2,
.content > h3,
.content > h4,
.content > h5,
.content > h6 {
scroll-margin-top: {{ 80 | plus: height }}px;
}
}
</style>
</div>
{% endif %}
<main class="container bg-body py-3">
{% if page.with_announcements and page.with_announcements.size > 0 -%}
{% for announcement in page.with_announcements %}
{% include base/announcements.html
title=announcement.title
content=announcement.content
color=announcement.color
-%}
{% endfor %}
{% endif -%}
{% if page.with_breadcrumbs == true or page.with_locales.size > 0 %}
<div class="row justify-content-center mb-5 small">
<div class="col">
{% if page.with_breadcrumbs == true %}
{% include base/breadcrumbs.html %}
{% endif %}
</div>
<div class="col-auto">
{% if page.with_locales.size > 0 %}
{% include base/languages.html %}
{% endif %}
</div>
</div>
{% endif %}
<div class="d-flex justify-content-center bg-dark bg-image text-bg-dark py-5">
<div class="col-sm-12 col-lg-8">
<div class="mb-5"><img src="{{ site.url }}{{ site.baseurl }}/assets/img/centos-symbol.svg" height="92" alt="CentOS"></div>
<div class="h1">{{ site.data.centos.project.title }}</div>
<div class="lead mb-3">{{ site.data.centos.project.description }}</div>
<div class=""><a class="btn btn-primary text-nowrap" role="button" href="/about" role="button" aria-label="Learn more">Learn more <i class="fa-solid fa-arrow-right"></i></a></div>
</div>
</div>
<div class="bg-primary d-flex justify-content-around py-3 mb-5">
{% assign community_items = site.data.centos.navbar | where: "name", "Community" %}
{% for community_item in community_items %}
{% for shortcut in community_item.menu %}
<a class="btn btn-primary text-nowrap" href="{{ shortcut.link }}"><i class="{{ shortcut.icon }}"></i> {{ shortcut.name }}</a>
{% endfor %}
{% endfor %}
</div>
{% if page.with_content == true %}
<div class="row justify-content-center mb-4">
<div class="col-sm-12 col-lg-12">
<div class="content">
{{ content }}
</div>
</div>
</div>
{% endif %}
</main>
{% if page.with_footer == true %}
<footer class="footer small bg-dark bg-image text-light">
{% if page.with_shortcuts != false %}
<div class="container">
{% include base/shortcuts.html %}
</div>
{% endif %}
{% if page.with_finale == true %}
<div class="container border-5 border-top border-primary">
{% include base/finale.html %}
</div>
{% endif %}
{% if page.with_sponsors == true %}
<div class="container-fluid bg-light">
<div class="container">
{% include sponsors/carousel.html -%}
</div>
</div>
{% endif %}
{% if page.with_copyright == true %}
<div class="container py-1">
{% include base/copyright.html %}
</div>
{% endif %}
</footer>
{% endif %}
{% include base/script.html -%}
</body>
</html>