codec.coop/workshops.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
---
layout: default
title: Còdec | Tallers
page: workshops
---

<link rel="stylesheet" href="{{ base.url }}/assets/css/pages/workshops.css" />
<div class="workshops__content content">
    <h1 class="workshops__title title is-3">
        Descodifiquem la informàtica
        <span class="subtitle">Tallers i formacions</span>
    </h1>
    <div class="workshops__head columns">
        <div class="workshops__abstract column is-9">
            <p>
                El món és cada cop més digital i sembla que així seguirà sent. Així, l'alfabtetizació digital es converteix en
                imperatiu urgent si no volem que la tecnologia es converteixi en un nou
                vector de desigualtat i exclusió social. Si volem una tecnología
                justa, fa falta socialitzar el coneixement que ens permeti
                utilitzar-la de forma conscient i sobirana.
            </p>
            <p>
                Sabem que les formes que adopta la tecnologia no són políticament
                neutres i que espais com l'escola, l'administració o els llocs de feina esdevenen un camp de batalla on les grans tecnològiques aposten per les seves solucions. Aquesta invasió de l'imaginari col·lectiu impossibilita pensar altres tecnologies que solucionin els nostres problemes i fins i tot, el per a què les necessitem i les utilitzem.
            </p>
            <p>
                Amb els nostres tallers volem capacitar tecnològicament i alhora ajudar a crear nous marcs des d'on entendre la tecnologia.
            </p>
        </div>
        <div class="workshops__image column is-3">
			<picture>
				<source srcset="{{ base.url }}/assets/images/workshops.png" type="image/png" />
				<img src="{{ base.url }}/assets/images/workshops.webp" type="image/webp" alt="Il·lustració de la pàgina de tallers"/>
			</picture>
        </div>
    </div>
    <div id="workshops" class="workshops__items">
        {% assign workshops = site.workshops | where: "status", "public" %}
        {% if workshops.size > 0 %}
        {% for workshop in workshops %}
        <a href="{{ workshop.url }}">
            <article id="{{ workshop.id }}" class="workshops__item media">
                <figure class="workshops__sorkshop-badge media-left">
                    <p class="image is-128x128">
					<picture>
						<source srcset="{{ base.url }}/assets/images/workshops/{{ workshop.id | downcase }}.png" type="image/png" />
						<img src="{{ base.url }}/assets/images/workshops/{{workshop.id | downcase }}.webp" type="image/webp" alt="Logotip del taller {{ workshop.title}}"/>
					</picture>
                    </p>
                </figure>
                <div class="workshops__workshop-description media-content">
                    <h2 class="title is-4">{{ workshop.title }}</h2>
                    <p>{{ workshop.description }}</p>
                </div>
            </article>
        </a>
        {% endfor %}
        {% else %}
        <figure class="workshops__work-in-progress">
            <figcaption>Estem treballant en el contingut d'aquesta secció.</figcaption>
			<picture>
				<source srcset="{{ base.url }}/assets/images/wip.png" type="image/png" />
				<img src="{{ base.url }}/assets/images/wip.webp" type="image/webp" alt="work in progress" />
			</picture>
        </figure>
        {% endif %}
    </div>
</div>
<script src="{{ base.url | prepend: site.url }}/assets/js/pages/workshops.js"></script>