codec.coop/index.html at main · codeccoop/codec.coop · GitHub

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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
---
layout: default
title: Còdec
page: home
---

<link rel="stylesheet" href="{{ base.url }}/assets/css/pages/home.css" />
<link rel="stylesheet" href="{{ base.url }}/assets/css/pages/projects.css" />
<section id="home" class="home__section">
    <div class="home__landing">
        <div class="home__brand"></div>
    </div>
    <div class="home__landing-chevron"></div>
</section>
<section id="work" class="home__section">
    <div class="home__section-content">
        <div class="home__services">
            <div class="home__section-row columns">
                <div class="home__section-column column is-8">
                    <h3 class="title is-3">Codifiquem la web</h3>
                    <h4 class="subtitle is-5">Convertim el teu projecte en codi</h4>
                    <a class="button is-link" href="{{ base.url }}/products.html"><b>Fes la teva web amb nosaltres!</b></a>
                </div>
                <div class="home__section-column img-column column is-4">
                    <figure>
                        <a href="{{ base.url }}/products.html">
                            <picture>
                                <source srcset="{{ base.url }}/assets/images/developer.png" type="image/png" />
                                <img src="{{ base.url }}/assets/images/developer.webp" type="image/webp" alt="Il·lustració de la secció 'codifiquem la web'" />
                            </picture>
                        </a>
                    </figure>
                </div>
            </div>
            <div class="home__section-row columns">
                <div class="home__section-column column is-8">
                    <h3 class="title is-3">Descodifiquem la informàtica</h3>
                    <h4 class="subtitle is-5">
                        Treballem per fer-la accessible i inclusiva
                    </h4>
                    <a class="button is-link" href="{{ base.url }}/workshops.html"><b>Descobreix els nostres tallers</b>
                    </a>
                </div>
                <div class="home__section-column img-column column is-4">
                    <figure>
                        <a href="{{ base.url }}/workshops.html">
                            <picture>
                                <source srcset="{{ base.url }}/assets/images/learning.png" type="image/png" />
                                <img src="{{ base.url }}/assets/images/learning.webp" type="image/webp" alt="Il·lustració de la secció 'decodifiquem la tecnologia'" />
                            </picture>
                        </a>
                    </figure>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="team" class="home__section">
    <h2 class="home__title title is-3">Nosaltres</h2>
    <div class="home__section-content">
        <div class="home__section-row columns">
            <div class="home__section-column column is-6">
                <div class="home__us content">
                    <h3 class="title is-6 us__information-toggle-btn" role="button" aria-pressed="false" tabindex="0">Solucions digitals</h3>
                    <p class="us__information-description">Treballem per una digitalització a escala humana i amb caràcter comunitari. <span class="hiddable">Naixem amb voluntat de desenvolupar productes i serveis digitals des de la cultura del programari lliure.</span></p>
                    <h3 class="title is-6 us__information-toggle-btn" role="button" aria-pressed="false" tabindex="0">Tecnologia i cultura lliure</h3>
                    <p class="us__information-description"><span class="hiddable">Volem ser espai de reflexió i formació crítica al voltant de la informàtica.</span>Solucions simples a problemes simples, apropiables, accessibles i inclusives per garantir una tecnologia útil i
                            empoderadora.</p>
                    <h3 class="title is-6 us__information-toggle-btn" role="button" aria-pressed="false" tabindex="0">Autoocupació cooperativa</h3>
                    <p class="us__information-description">
                        Apostem per projectes d'ocupació a través de la cooperació per
                        superar les formes de treball basades en lògiques capitalistes.
                        <span class="hiddable">Volem construir espais laborals basats en l'horitzontalitat i les cures.</span>
                    </p>
                </div>
            </div>
            <div class="home__section-column column is-6">
                <div class="home__profiles-wrapper">
                    <picture class="home__team-picture">
                        <source srcset="{{ base.url }}/assets/images/nosaltres.png" type="image/png" />
                        <img src="{{ base.url }}/assets/images/nosaltres.webp" type="image/webp" alt="Fotografia de l'equip" />
                    </picture>
                    <div class="home__profiles">
                        <div class="home__profile lucas">
                            <h5 class="title is-5">Lucas García</h4>
                                <p>Graduat en sociologia, apasionat del món GIS i desenvolupador web de professió.
                                </p>
                        </div>
                        <div class="home__profile pau">
                            <h5 class="title is-5">Pau Pulido</h5>
                            <p>Graduat en físiques, desenvolupador web autodidacta i docent en formació</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="projects" class="home__section">
    <h2 class="home__title title is-3">Projectes</h2>
    <div class="projects__content">
        <div class="projects__data">
            {% assign home_projects = site.data.projects | slice: 0,2 %}
            {% for project in home_projects %}
            <article name="{{project.name}}" class="projects__product">
                <a href="{{ project.url }}" target="_blank">
                    <picture>
                        <source srcset="{{ base.url }}/assets/images/projects/{{ project.id }}.png" type="image/png" />
                        <img src="{{ base.url }}/assets/images/projects/{{ project.id }}.webp" type="image/webp" alt="Poster del projecte {{ project.name }}">
                    </picture>
                </a>
                <div class="projects__product-body">
                    <a href="{{project.url}}" target="_blank">
                        <h2 class="projects__product-title title is-5">{{project.name}}</h2>
                    </a>
                    <ul class="projects__product-tags">
                        {% for tag in project.tags %}
                        <li>{{tag}}</li>
                        {% endfor %}
                    </ul>
                </div>
            </article>
            {% endfor %}
        </div>
        <div class="container__home__projects">
            <p class="projects__link"><a class="button is-link" href="/archive.html"><b>Coneix els nostres projectes</b></a></p>
        </div>
    </div>
</section>
<section id="contact" class="home__section">
    {% include footer.html %}
</section>

<script src="{{ base.url }}/assets/js/pages/home.js"></script>