<div class="landing-page">
<header class="hero">
{{#include ./_logo.html}}
<h1><code>git-gamble</code><br /><div class="catchy-sentence">Craft Your Code,</div> <div class="catchy-sentence">Step by Step</div></h1>
<div class="cta">
<a class="button primary" href="./install/index.html">Install the tool</a>
<a class="button secondary" href="./usage/index.html">Learn the methodology</a>
</div>
</header>
<style>
.landing-page {
display: grid;
justify-items: center;
gap: 5em;
text-align: center;
.hero {
display: grid;
align-content: center;
gap: 1em;
min-height: 70svb;
padding: 2em 0;
box-sizing: border-box;
.logo.big {
margin: auto;
}
.catchy-sentence {
display: inline-block;
}
}
code,
ul {
text-align: left;
}
.community .side-by-side {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
gap: 3em;
}
}
</style>
{{#include ./usage/demo/_interactive_demo.md}}
<section class="description">
## `git-gamble` {{#include ./_logo_mini_front.html}}
* `git-gamble` {{#include ./_logo_mini_front.html}}
is a tool that helps to develop the right thing <span aria-hidden="true">π</span>,
[baby step by baby step <span aria-hidden="true">πΆπ¦Ά</span>](./slides_why/)
* `git-gamble` {{#include ./_logo_mini_front.html}}
uses [the TCRDD method](./theory.md)
* `git-gamble` {{#include ./_logo_mini_front.html}}
works with [all languages](./usage/usage_examples.html)
* `git-gamble` {{#include ./_logo_mini_front.html}}
is a [`git` add-on](https://github.com/stevemao/awesome-git-addons#readme)
</section>
<section class="demo">
## Watch the demo
[](./usage/demo/index.html)
</section>
<section class="community">
## Community
<div class="side-by-side">
<div>
Loved by community
[](https://gitlab.com/pinage404/git-gamble)
</div>
<div>
Built by community
[](https://gitlab.com/pinage404/git-gamble/-/graphs/main)
</div>
</div>
</section>
<footer class="last-cta">
Ready to transform your development process ?
[Get started](./theory.html) with `git-gamble` {{#include ./_logo_mini_front.html}} !
</footer>
</div>