aboutsummaryrefslogtreecommitdiff
path: root/layouts/index.html
blob: 21670a4f97cfd4d2338732ea741d8d02a9938e2b (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
{{- partial "head.html" . -}}
<body id="page-top">
{{- partial "header.html" . -}}
        <!-- Masthead-->
        <header class="masthead">
            <div class="container px-4 px-lg-5 d-flex h-100 align-items-center justify-content-center">
                <div class="d-flex justify-content-center">
                    <div class="text-center">
                        {{ with site.Data.homepage.main }}
                        <img class="logo-img" src="{{ .logo }}"/>
                        <h2 class="text-white-50 mx-auto mt-2 mb-5">{{ .description }}</h2>
                        <a class="btn btn-primary" href="{{ .button.url }}">{{ .button.text }}</a>
                        <a class="btn btn-secondary" href="{{ .src_button.url }}">{{ .src_button.text }}</a>
                        {{- partial "slider.html" . -}}
                        {{ with site.Data.homepage.about }}
                        <p>
                            <div class id="about"></div>
                            <h3 class="text-white-50 mb-3 text-uppercase">{{ .title }}</h3>
                            <label class="text-white-50 about">{{ .desc }}</label>
                            {{ if .button.enable }}
                            <a class="btn btn-primary about-btn" href="{{ .button.url }}">{{ .button.text }}</a>
                            {{ end }}
                        </p>
                        {{ end }}
                        <p class="mx-auto text-white-50 mt-3 mb-3 text-uppercase">
                            Latest release
                        </p>
                        <p>
                            <video class="release-video" src="{{ .latest_release }}" controls="true" preload="metadata"></video>
                        </p>
                        {{ end }}
                    </div>
                </div>
            </div>
        </header>

        <!-- Projects-->
        {{ with site.Data.homepage.projects }}
        <section class="projects-section bg-dark" id="projects">
            <div class="container px-4 px-lg-5">
                <!-- Featured Project Row-->
                <div class="row gx-0 mb-4 mb-lg-5 align-items-center">
                    <div class="col-xl-8 col-lg-7"><img class="img-fluid mb-3 mb-lg-0" src="{{ .card1.img }}" alt="..." /></div>
                    <div class="col-xl-4 col-lg-5">
                        <div class="featured-text text-center text-lg-left">
                            <h4 class="text-white">{{ .card1.title }}</h4>
                            <p class="text-white-50 mb-0">{{ .card1.text }}</p>
                        </div>
                    </div>
                </div>
                <!-- Project One Row-->
                <div class="row gx-0 mb-5 mb-lg-0 justify-content-center">
                    <div class="col-lg-6"><img class="img-fluid" src="{{ .card2.img }}" alt="..." /></div>
                    <div class="col-lg-6">
                        <div class="bg-black text-center h-100 project">
                            <div class="d-flex h-100">
                                <div class="project-text w-100 my-auto text-center text-lg-left">
                                    <h4 class="text-white">{{ .card2.title }}</h4>
                                    <p class="mb-0 text-white-50">{{ .card2.text }}</p>
                                    <hr class="d-none d-lg-block mb-0 ms-0" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        {{ end }}
        <!-- Contact-->
        {{ with site.Data.homepage.contact }}
        <section class="contact-section bg-black">
            <div class="container px-4 px-lg-5">
                <div class="social d-flex justify-content-center">
                    <a class="mx-2" href="{{ .peertube.url }}"><img class="social-img" src="{{ .peertube.src }}" alt="Peertube logo"/></a>
                    <a class="mx-2" href="{{ .sourceforge.url}}"><img class="social-img" src="{{ .sourceforge.src }}" alt="SourceForge logo"/></a>
                    <a class="mx-2" href="{{ .lec.url}}"><img class="social-img" src="{{ .lec.src }}" alt="Libre en Communs logo"/></a>
                    <a class="mx-2" href="{{ .youtube.url}}"><img class="social-img" src="{{ .youtube.src }}" alt="YouTube logo"/></a>
                    <a class="mx-2" href="{{ .fediverse.url}}"><img class="social-img" src="{{ .fediverse.src }}" alt="Fediverse logo"/></a>
                    <a class="mx-2" href="{{ .x.url}}"><img class="social-img" src="{{ .x.src }}" alt="X logo"/></a>
                </div>
            </div>
        </section>
        {{ end }}
{{- partial "footer.html" . -}}
</body>
</html>