| <!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 %} |
| {% include base/link.html class="btn btn-primary text-nowrap" name=shortcut.name url=shortcut.link icon=shortcut.icon %} |
| {% 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"> |
| <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> |