Skip to content

fix: gap between buttons in index page hero section #278

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion content/showcase/embergen.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: EmberGen
slug: embergen
summary: JangaFX are the creators of the 3D animation software EmberGen written fully in Odin. <video autoplay loop muted class="showcase-preview"><source src="https://jangafx.com/Q12021Launch/Media_Organized/videos/EmberGen/Film/film-composite.mp4"></video>
summary: JangaFX are the creators of the 3D animation software EmberGen written fully in Odin. <video autoplay loop muted class="showcase-preview"><source src="https://jangafx.com/media/videos/homepage-es-1.mp4"></video>
author: Ginger Bill and Nick Seavert
date: '2022-01-24'
categories:
Expand Down
26 changes: 14 additions & 12 deletions themes/odin/layouts/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<img class="img-fluid mb-5 hero-logo" src="/logo.svg" height="120" alt="Odin" />
<h1 class="fw-normal"><b>Odin</b> Programming Language</h1>
<h2 class="fw-normal">{{ .Site.Params.Slogan }}</h2>
<div class="mt-3">
<div class="d-flex flex-row gap-1 mt-3">
<a href="/docs/overview" class="btn btn-secondary text-light">
Overview
</a>
Expand All @@ -27,15 +27,17 @@ <h2 class="mb-4">Programming Done Right</h2>
<p>
Odin is the C alternative for the Joy of Programming.
</p>
<a href="/docs" class="btn btn-outline-primary">
Read the Docs
</a>
<a href="https://github.com/odin-lang/Odin/blob/master/examples/demo/demo.odin" class="btn btn-outline-primary">
See the Full Demo
</a>
<a href="https://github.com/odin-lang/examples" class="btn btn-outline-primary">
See More Examples
</a>
<div class="col gap-1">
<a href="/docs" class="btn btn-outline-primary">
Read the Docs
</a>
<a href="https://github.com/odin-lang/Odin/blob/master/examples/demo/demo.odin" class="btn btn-outline-primary">
See the Full Demo
</a>
<a href="https://github.com/odin-lang/examples" class="btn btn-outline-primary">
See More Examples
</a>
</div>
</div>
<div class="col-lg col-lg-6">
<div class="tab-content">
Expand Down Expand Up @@ -289,7 +291,7 @@ <h2 class="mb-4">Batteries Included</h2>
Odin additionally brings you officially maintained bindings for popular libraries such as <a href="https://pkg.odin-lang.org/vendor/sdl2" target="_blank">SDL2</a>, <a href="https://pkg.odin-lang.org/vendor/glfw" target="_blank">GLFW</a>, <a href="https://pkg.odin-lang.org/vendor/raylib" target="_blank">raylib</a>, <a href="https://pkg.odin-lang.org/vendor/microui" target="_blank">microui</a>, <a href="https://pkg.odin-lang.org/vendor/miniaudio" target="_blank">miniaudio</a> and much more, in its <a href="https://pkg.odin-lang.org/vendor" target="_blank"><code>vendor</code></a> library!
</p>
</div>
<div class="mt-3">
<div class="col gap-1 mt-3">
<a
href="https://github.com/odin-lang/Odin/tree/master/core"
target="_blank"
Expand Down Expand Up @@ -370,7 +372,7 @@ <h3 class="mb-4">Odin is Open Source</h3>
<p>
Join the Odin Discord and help us bring the joy of programming in Odin to all. 🥳
</p>
<div class="mt-3">
<div class="col gap-1 mt-3">
<a
href="https://github.com/odin-lang/Odin"
target="_blank"
Expand Down
8 changes: 7 additions & 1 deletion themes/odin/layouts/partials/footer.html
Original file line number Diff line number Diff line change
Expand Up @@ -46,10 +46,16 @@ <h4 class="fw-normal">Contribute</h4>
</nav>
</div>

<div class="mt-4 text-muted">© 2016–2024 Ginger Bill</div>
<div class="mt-4 text-muted">© 2016–<span data-copyright-year>2024</span> Ginger Bill</div>
</div>
</footer>

<script>
const element = document.querySelector("[data-copyright-year]");
if (element !== null || element !== undefined)
element.innerText = (new Date()).getFullYear();
</script>

<!-- Bootstrap JS -->
<script src="/lib/bootstrap/js/bootstrap.min.js"></script>

Expand Down