cami-gs.github.io/collective_projects.html at main · cami-gs/cami-gs.github.io · 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
<!DOCTYPE html>
<!--
  Tipo de documento HTML5.
  No es necesario cambiar esta línea.
-->

<html lang="en" data-lang="en">
<!--
  lang="en" indica que la página carga inicialmente en inglés.
  data-lang="en" permite que el botón de idioma muestre inglés por defecto.
  Si quieres que la página abra primero en español, cambia ambos a "es".
-->

<head>
  <meta charset="UTF-8">
  <!--
    Permite que se vean bien tildes, eñes y caracteres especiales.
    No conviene cambiar esto.
  -->

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--
    Hace que la página se adapte bien a celulares y tablets.
    No conviene cambiar esto.
  -->

  <title>Collective Projects | Camila Ignacia González Silva</title>
  <!--
    Título que aparece en la pestaña del navegador.
    Puedes cambiarlo si quieres otro nombre para esta subpágina.
  -->

  <meta name="description" content="Collective, community-based, and participatory projects by Camila Ignacia González Silva.">
  <!--
    Breve descripción para buscadores.
    Puedes ajustarla si agregas nuevos contenidos.
  -->

  <link rel="stylesheet" href="assets/css/style.css">
  <!--
    Esta línea conecta la página con el mismo CSS del sitio principal.
    Así se mantiene coherencia visual.
  -->
</head>

<body>
  <!-- =========================================================
       ENCABEZADO DE LA SUBPÁGINA
       Mantiene la identidad del sitio, pero con un foco más simple
       que la portada principal.
     ========================================================= -->

  <header class="hero">
    <div class="hero-inner">

      <div class="hero-topline">
        <p class="eyebrow">
          <span class="lang lang-en" lang="en">Collective Work · Territory · Participatory Methodologies</span>
          <span class="lang lang-es" lang="es">Trabajo colectivo · Territorio · Metodologías participativas</span>
        </p>

        <div class="language-switch" aria-label="Language switcher">
          <button class="lang-btn active" data-lang="en" type="button" aria-pressed="true">EN</button>
          <button class="lang-btn" data-lang="es" type="button" aria-pressed="false">ES</button>
        </div>
      </div>

      <div class="hero-grid">
        <div class="hero-text">
          <p>
            <a href="index.html">
              <span class="lang lang-en" lang="en">← Back to homepage</span>
              <span class="lang lang-es" lang="es">← Volver a la página principal</span>
            </a>
          </p>

          <h1>
            <span class="lang lang-en" lang="en">Collective Projects</span>
            <span class="lang lang-es" lang="es">Proyectos colectivos</span>
          </h1>

          <p class="lead lang lang-en" lang="en">
            This page gathers collaborative, territorial, and community-based experiences developed through participatory work, collective reflection, and socially engaged knowledge production.
          </p>

          <p class="lead lang lang-es" lang="es">
            Esta página reúne experiencias colaborativas, territoriales y comunitarias desarrolladas mediante trabajo participativo, reflexión colectiva y producción de conocimiento con incidencia social.
          </p>
        </div>

        <figure class="hero-image">
          <img src="assets/img/collective-projects.png" alt="Urban visual composition related to collective and territorial work">
          <figcaption>
            <span class="lang lang-en" lang="en">Digital intervention of a photograph taken in October 2019 on the streets of downtown Santiago de Chile, by Camila Ignacia González Silva.</span>
            <span class="lang lang-es" lang="es">Intervención digital de una fotografía tomada en octubre de 2019, en las calles del centro de Santiago de Chile, por Camila Ignacia González Silva.</span>
          </figcaption>
        </figure>
      </div>
    </div>
  </header>

  <!-- =========================================================
       AVISO BREVE
     ========================================================= -->

  <div class="site-note">
    <p class="lang lang-en" lang="en">This section will continue to grow as new collective resources are added.</p>
    <p class="lang lang-es" lang="es">Esta sección seguirá creciendo a medida que se agreguen nuevos recursos colectivos.</p>
  </div>

  <!-- =========================================================
       CONTENIDO PRINCIPAL
     ========================================================= -->

  <main>
    <!-- =====================================================
         INTRODUCCIÓN
       ===================================================== -->
    <section class="content-section">
      <div class="section-label" aria-hidden="true">✴︎</div>

      <div class="section-body">
        <h2>
          <span class="lang lang-en" lang="en">About this section</span>
          <span class="lang lang-es" lang="es">Sobre esta sección</span>
        </h2>

        <p class="lang lang-en" lang="en">
          Here I gather projects developed in collective settings, especially those involving territorial work, participatory methodologies, community organization, and collaborative knowledge production. These materials include bulletins, pedagogical resources, and records of community-based processes.
        </p>

        <p class="lang lang-es" lang="es">
          Aquí reúno proyectos desarrollados en contextos colectivos, especialmente aquellos vinculados al trabajo territorial, las metodologías participativas, la organización comunitaria y la producción colaborativa de conocimiento. Estos materiales incluyen boletines, recursos pedagógicos y registros de procesos comunitarios.
        </p>
      </div>
    </section>

    <!-- =====================================================
         RECURSOS / TARJETAS DE PROYECTOS COLECTIVOS
       ===================================================== -->
    <section class="content-section">
      <div class="section-label" aria-hidden="true">✴︎</div>

      <div class="section-body">
        <h2>
          <span class="lang lang-en" lang="en">Resources</span>
          <span class="lang lang-es" lang="es">Recursos</span>
        </h2>

        <!-- ================================================
             RECURSO 1
           ================================================ -->
        <div class="project-card">
          <h3>
            <span class="lang lang-en" lang="en">Collective Mapping Bulletin with Colectiva Jengibre</span>
            <span class="lang lang-es" lang="es">Boletín de mapeo colectivo con Colectiva Jengibre</span>
          </h3>

          <p class="lang lang-en" lang="en">
            A participatory bulletin produced in 2019 together with Colectiva Jengibre in Puente Alto. It documents the planning stage of a collective mapping process centered on territory, identity, inequality, and community organization.
          </p>

          <p class="lang lang-es" lang="es">
            Boletín participativo elaborado en 2019 junto a Colectiva Jengibre en Puente Alto. Documenta la etapa de planificación de un proceso de mapeo colectivo centrado en territorio, identidad, desigualdad y organización comunitaria.
          </p>

          <p>
            <a class="cv-link" href="assets/pdf/mapeo-colectivo-jengibre-2019.pdf" target="_blank" rel="noopener noreferrer">
              <span class="lang lang-en" lang="en">Open bulletin (PDF)</span>
              <span class="lang lang-es" lang="es">Abrir boletín (PDF)</span>
            </a>
          </p>
        </div>

        <!-- ================================================
             RECURSO 2
           ================================================ -->
        <div class="project-card project-card-with-image">
          <div class="project-card-text">
            <h3>
              <span class="lang lang-en" lang="en">Education in Carceral Contexts</span>
              <span class="lang lang-es" lang="es">Educación en contextos de encierro</span>
            </h3>

            <p class="lang lang-en" lang="en">
              Between 2017 and early 2026, I was part of <em>Ketra</em>, a collective of women students and professionals that critically engages with education in carceral contexts from a gender perspective. The collective runs a popular pre-university program in a women’s correctional facility in the Metropolitan Region, grounded in a feminist and anti-punitive approach.
            </p>

            <p class="lang lang-en" lang="en">
              Within that space, I participated in teaching processes inside the prison and in the development of participatory methodologies for collective self-evaluation and the systematization of experiences. This trajectory strengthened my commitment to collaborative work, shared responsibility, and knowledge production oriented toward concrete social problems, including beyond remunerated or institutionalized frameworks.
            </p>

            <p class="lang lang-es" lang="es">
              Entre 2017 y comienzos de 2026 formé parte de <em>Ketra</em>, una colectiva de mujeres estudiantes y profesionales que problematiza la educación en contextos de encierro desde una perspectiva de género. La colectividad realiza en un Centro Penitenciario Femenino de la Región Metropolitana un preuniversitario popular, desde una mirada feminista y anti-punitivista.
            </p>

            <p class="lang lang-es" lang="es">
              En ese espacio participé en procesos de docencia dentro del centro penitenciario, así como en la generación de metodologías participativas para la autoevaluación colectiva y la sistematización de experiencias. Esa trayectoria reforzó en mí el valor del trabajo colaborativo, la responsabilidad compartida y la producción de conocimiento orientada a problemas sociales concretos, incluso fuera de marcos remunerados o institucionalizados.
            </p>
          </div>

          <figure class="project-card-image">
            <img src="assets/img/logo-ketra.png" alt="Ketra collective logo">
          </figure>
        </div>
      </div>
    </section>

    <!-- =====================================================
         CIERRE / NAVEGACIÓN
       ===================================================== -->
    <section class="content-section">
      <div class="section-label" aria-hidden="true">✴︎</div>

      <div class="section-body">
        <h2>
          <span class="lang lang-en" lang="en">Navigation</span>
          <span class="lang lang-es" lang="es">Navegación</span>
        </h2>

        <p>
          <a class="cv-link" href="index.html">
            <span class="lang lang-en" lang="en">Return to homepage</span>
            <span class="lang lang-es" lang="es">Volver a la página principal</span>
          </a>
        </p>
      </div>
    </section>
  </main>

  <!-- =========================================================
       IMAGEN FINAL
     ========================================================= -->
  <section class="closing-image">
    <img src="assets/img/web-1.png" alt="Urban visual composition in blue, green, and violet tones">
  </section>

  <!-- =========================================================
       SCRIPT DE CAMBIO DE IDIOMA
       Igual que en la portada, para mantener coherencia.
     ========================================================= -->
  <script>
    const buttons = document.querySelectorAll('.lang-btn');
    const root = document.documentElement;

    function setLanguage(lang) {
      root.setAttribute('data-lang', lang);
      localStorage.setItem('site-language', lang);

      buttons.forEach(btn => {
        const isActive = btn.dataset.lang === lang;
        btn.classList.toggle('active', isActive);
        btn.setAttribute('aria-pressed', isActive ? 'true' : 'false');
      });
    }

    const savedLanguage = localStorage.getItem('site-language') || 'en';
    setLanguage(savedLanguage);

    buttons.forEach(btn => {
      btn.addEventListener('click', () => {
        setLanguage(btn.dataset.lang);
      });
    });
  </script>
</body>
</html>