repos / starfx

home.page.tmpl

 1{{template "base" .}}
 2
 3{{define "title"}}{{.Data.Title}}{{end}}
 4
 5{{define "meta"}}
 6<meta name="description" content="{{.Data.Description}}">
 7{{end}}
 8
 9{{define "attrs"}}class="container"{{end}}
10
11{{define "body"}}
12{{template "nav" .}}
13
14<main>
15  <div class="flex flex-col gap-2">
16    <div class="flex items-center justify-center hero">
17      <div class="flex flex-col items-center gap-2">
18        <div class="group-h items-center">
19          <img src="/logo.svg" alt="starfx logo" style="width: 50px;" />
20          <h1 class="text-2xl p-0 logo-hdr">starfx</h1>
21        </div>
22        <div class="text-center text-lg">A micro-mvc framework for react apps.</div>
23        <a href="/getting-started" class="btn-link">GET STARTED</a>
24      </div>
25    </div>
26
27    <hr class="w-full" />
28
29    <article class="features">
30      <div class="box">
31        <h3 class="m-0 p-0 text-lg">
32          Data synchronization and caching
33        </h3>
34        <p>A powerful middleware system to fetch API data</p>
35      </div>
36
37      <div class="box">
38        <h3 class="m-0 p-0 text-lg">
39          An immutable and reactive data store
40        </h3>
41        <p>A normalized database for UI and API data</p>
42      </div>
43
44      <div class="box">
45        <h3 class="m-0 p-0 text-lg">
46          Task tree side-effect system
47        </h3>
48        <p>A robust system for handling complex business logic using structured concurrency</p>
49      </div>
50
51      <div class="box">
52        <h3 class="m-0 p-0 text-lg">
53          Tools to preload and refresh data
54        </h3>
55        <p>An awesome data loading strategy for web apps</p>
56      </div>
57
58      <div class="box">
59        <h3 class="m-0 p-0 text-lg">
60         React integration
61        </h3>
62        <p>Built for react</p>
63      </div>
64    </article>
65  </div>
66
67  <hr class="my-4" />
68
69  {{template "footer" .}}
70</main>
71{{end}}