-
-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
360 lines (344 loc) · 16.7 KB
/
Copy pathindex.html
File metadata and controls
360 lines (344 loc) · 16.7 KB
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
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<title>SIDE - Archivos Desclasificados (1973–1983)</title>
<meta name="description" content="Explorador de 26 documentos desclasificados de la Secretaría de Inteligencia de Estado de Argentina, período 1973-1983.">
<!-- Open Graph -->
<meta property="og:title" content="SIDE - Archivos Desclasificados (1973–1983)">
<meta property="og:description" content="26 documentos oficiales desclasificados de la Secretaría de Inteligencia de Estado de Argentina. Resoluciones, directivas y circulares del período 1973–1983.">
<meta property="og:type" content="website">
<meta property="og:image" content="/images/ui/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:locale" content="es_AR">
<meta property="og:site_name" content="Archivos SIDE">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="SIDE - Archivos Desclasificados (1973–1983)">
<meta name="twitter:description" content="26 documentos oficiales desclasificados de la Secretaría de Inteligencia de Estado de Argentina. Resoluciones, directivas y circulares del período 1973–1983.">
<meta name="twitter:image" content="/images/ui/og-image.png">
<!-- Poncho dependencies -->
<link href="https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/styles.css?v=6">
<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebSite",
"@id": "#website",
"name": "Archivos SIDE — Documentos Desclasificados",
"url": "https://side.com.ar",
"inLanguage": "es",
"description": "Explorador de 26 documentos desclasificados de la Secretaría de Inteligencia de Estado de Argentina, período 1973-1983."
},
{
"@type": "Dataset",
"@id": "#dataset",
"name": "Documentos Desclasificados de la SIDE (1973–1983) — Primera Etapa",
"description": "26 documentos oficiales desclasificados (resoluciones, directivas, circulares y manuales) de la Secretaría de Inteligencia de Estado de Argentina, que revelan la estructura, las misiones y los mecanismos de control ideológico durante el período 1973–1983.",
"url": "https://side.com.ar",
"inLanguage": "es",
"temporalCoverage": "1973/1983",
"spatialCoverage": {
"@type": "Place",
"name": "Argentina"
},
"creator": {
"@type": "GovernmentOrganization",
"name": "Secretaría de Inteligencia de Estado (SIDE)",
"alternateName": "SIDE",
"location": {
"@type": "Place",
"name": "Argentina"
}
},
"publisher": {
"@type": "Person",
"name": "Martin Aberastegue",
"url": "https://www.martinaberastegue.com"
},
"distribution": {
"@type": "DataDownload",
"contentUrl": "https://side.com.ar/documentos/",
"encodingFormat": "text/html"
},
"keywords": [
"SIDE",
"inteligencia",
"Argentina",
"desclasificación",
"dictadura militar",
"1976-1983",
"documentos históricos",
"archivos secretos"
],
"measurementTechnique": "Digitalización de documentos originales en papel",
"variableMeasured": "26 documentos, 492 páginas",
"includedInDataCatalog": {
"@type": "DataCatalog",
"name": "Archivo Histórico de la SIDE"
},
"isBasedOn": "Guía sobre la Desclasificación de Documentos Históricos SIDE (1973-1983) — Primera Etapa, publicada por la Secretaría de Inteligencia de Estado, República Argentina"
}
]
}
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-K9RSX85TLS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-K9RSX85TLS');
</script>
</head>
<body>
<!-- Government top bar -->
<div class="header-bar">
<div class="container">
<span>República Argentina</span>
<span class="pull-right">Secretaría de Inteligencia de Estado</span>
</div>
</div>
<!-- Navigation -->
<header class="site-header">
<div class="container">
<nav class="navbar navbar-default" style="border:none;margin:0;min-height:auto;background:transparent;">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav">
<span class="sr-only">Menú</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand navbar-brand-custom" href="/"><img src="/images/ui/logo-side.png" alt="SIDE"><span>SIDE</span><i class="brand-separator"></i>Archivos Desclasificados</a>
</div>
<div class="collapse navbar-collapse" id="main-nav">
<ul class="nav navbar-nav navbar-right">
<li><a href="/">Inicio</a></li>
<li><a href="/documentos/">Documentos</a></li>
<li><a href="/linea-de-tiempo/">Línea de Tiempo</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Más <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/explorar-archivos/">Explorar Archivos</a></li>
<li><a href="/estadisticas/">Estadísticas</a></li>
<li><a href="/etiquetas/">Etiquetas</a></li>
</ul>
</li>
<li><a href="/acerca-desclasificacion/">Acerca de</a></li>
</ul>
</div>
</nav>
</div>
</header>
<main>
<!-- Hero -->
<section class="hero">
<div class="container">
<div class="hero-logo">
<img src="/images/ui/logo-side.png" alt="Secretaría de Inteligencia de Estado">
</div>
<div class="hero-badge">Documentos Desclasificados — Primera Etapa</div>
<h1>Archivos Históricos de la<br><em>Secretaría de Inteligencia de Estado</em><br>(1973–1983)</h1>
<p class="hero-subtitle">
Primera entrega de documentos desclasificados por orden presidencial.
26 documentos oficiales (resoluciones, directivas, circulares y manuales) que revelan
la estructura, las misiones y los mecanismos de control ideológico de la SIDE
durante la última dictadura militar argentina.
</p>
<div class="hero-divider"></div>
<div class="hero-stats">
<div class="hero-stat">
<span class="number">26</span>
<span class="label">Documentos</span>
</div>
<div class="hero-stat">
<span class="number">492</span>
<span class="label">Páginas</span>
</div>
<div class="hero-stat">
<span class="number">3</span>
<span class="label">Carpetas temáticas</span>
</div>
<div class="hero-stat">
<span class="number">10</span>
<span class="label">Años (1973–1983)</span>
</div>
</div>
<div style="margin-top: 35px;">
<a href="/documentos/" class="btn btn-primary btn-lg">Explorar documentos</a>
</div>
</div>
</section>
<div class="container" style="padding-top:40px;">
<section class="findings-section">
<div class="findings-intro">
<h2 class="section-title">Qué Revelan Estos Documentos</h2>
<p class="section-subtitle">
Más allá de su valor administrativo, este conjunto permite observar el funcionamiento del
aparato de inteligencia estatal entre 1973 y 1983: su estructura organizativa, sus mecanismos
de encubrimiento, la coordinación territorial y los procedimientos de control ideológico,
tanto <strong>durante los gobiernos constitucionales</strong> como <strong>durante la dictadura militar</strong>.
</p>
</div>
<div class="findings-grid">
<div class="finding-card">
<h3>Reorganización del aparato de inteligencia</h3>
<p>
Las resoluciones sobre orgánicas, misiones y funciones muestran las sucesivas
reestructuraciones de la SIDE a lo largo de la década: desde las reformas bajo
los gobiernos de Perón e Isabel Perón hasta la consolidación burocrática tras
el golpe de 1976.
</p>
</div>
<div class="finding-card">
<h3>Encubrimiento y codificación interna</h3>
<p>
Las normas sobre siglas, equivalencias y encubrimiento del personal indican una
preocupación institucional por ocultar dependencias, roles y circuitos internos,
no sólo por clasificar información.
</p>
</div>
<div class="finding-card">
<h3>Coordinación territorial y contrasubversiva</h3>
<p>
Las directivas para delegaciones regionales y provinciales sugieren una red de
obtención de informaciones y coordinación funcional con otras jefaturas y mandos
del período, incluida la llamada "lucha contra la subversión".
</p>
</div>
<div class="finding-card">
<h3>Vigilancia y clasificación ideológica</h3>
<p>
La documentación vinculada a la Comisión Asesora de Antecedentes, creada en 1973
durante el gobierno constitucional de Juan Domingo Perón, expone un sistema de estudio,
calificación y registro ideológico de personas, publicaciones, materiales culturales
y medios de difusión.
</p>
</div>
</div>
</section>
<!-- Carpetas -->
<section>
<h2 class="section-title">Carpetas Temáticas</h2>
<p class="section-subtitle">Los 26 documentos están organizados en tres agrupamientos temáticos.</p>
<div class="row" id="carpetas-grid"></div>
</section>
<!-- Mini Timeline -->
<section class="mini-timeline">
<h2 class="section-title">Distribución Cronológica</h2>
<p class="section-subtitle">Los documentos abarcan un período de transformación institucional profunda.</p>
<div id="mini-timeline-chart"></div>
<div style="text-align:center; margin-top:20px; display:flex; justify-content:center; gap:12px; flex-wrap:wrap;">
<a href="/linea-de-tiempo/" class="btn btn-outline">Ver línea de tiempo completa</a>
<a href="/estadisticas/" class="btn btn-outline">Ver estadísticas</a>
</div>
</section>
</div>
</main>
<footer class="site-footer">
<div class="footer-top-accent"></div>
<div class="footer-main">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<img src="/images/ui/logo-side.png" alt="SIDE">
<p class="footer-brand-title">Archivos Desclasificados SIDE (1973–1983)</p>
<p class="footer-brand-desc">Primera Etapa — Desclasificación ordenada por el Presidente de la Nación Argentina para su publicación, conservación y traspaso al Archivo General de la Nación.</p>
</div>
<nav class="footer-nav">
<p class="footer-nav-title">Secciones</p>
<ul class="footer-nav-list">
<li><a href="/">Inicio</a></li>
<li><a href="/documentos/">Documentos</a></li>
<li><a href="/linea-de-tiempo/">Línea de Tiempo</a></li>
<li><a href="/estadisticas/">Estadísticas</a></li>
<li><a href="/etiquetas/">Etiquetas</a></li>
<li><a href="/acerca-desclasificacion/">Acerca de</a></li>
</ul>
</nav>
<div class="footer-links-col">
<p class="footer-nav-title">Enlaces</p>
<div class="footer-link-item">
<i class="fa fa-user"></i>
<a href="https://www.martinaberastegue.com" target="_blank" rel="noopener">Martin Aberastegue</a>
</div>
<div class="footer-link-item">
<i class="fa fa-github"></i>
<a href="https://github.com/Xyborg/side.com.ar" target="_blank" rel="noopener">Código fuente en GitHub</a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="footer-bottom">
<p class="footer-disclaimer">Este no es un sitio oficial del Gobierno de la República Argentina. No asumimos responsabilidad alguna por el contenido de los documentos publicados. El único objetivo de este sitio es facilitar el acceso a información ya publicada por el Estado argentino.</p>
<div class="footer-badge">
<a href="https://supaexplorer.com" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:10px;background:#ffffff;padding:8px 14px 8px 12px;border-radius:999px;text-decoration:none;font-family:system-ui,-apple-system,sans-serif;border:1px solid rgba(255,255,255,0.15);transition:box-shadow 0.2s ease;" onmouseover="this.style.boxShadow='0 0 12px rgba(62,207,142,0.5)'" onmouseout="this.style.boxShadow='none'"><svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6h16v2A8 8 0 1 1 0 8V6zm2 2a6 6 0 1 0 12 0H2zm0-7h2v4H2V1zm5-1h2v4H7V0zm5 1h2v4h-2V1z" fill="#0f172a" fill-rule="evenodd"/></svg><span style="display:flex;flex-direction:column;gap:1px;"><span style="font-size:11px;font-weight:500;color:#64748b;line-height:1;letter-spacing:0.02em;">AUDITED BY</span><span style="font-size:13px;font-weight:600;color:#0f172a;line-height:1.1;">SupaExplorer</span></span></a>
</div>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="/js/app.js?v=4"></script>
<script>
(async function() {
const [carpetas, documents] = await Promise.all([
loadJSON('/data/carpetas.json'),
loadJSON('/data/documents.json')
]);
// Render carpeta cards
const grid = document.getElementById('carpetas-grid');
grid.innerHTML = carpetas.map(c => `
<div class="col-md-4">
<a href="/documentos/?carpeta=${c.id}" class="carpeta-card" data-carpeta="${c.id}">
<h3>Carpeta ${c.id}: ${escapeHtml(c.title_short)}</h3>
<div class="doc-count">${c.doc_count} documentos</div>
<p>${escapeHtml(c.description)}</p>
</a>
</div>
`).join('');
// Mini timeline chart
const chart = document.getElementById('mini-timeline-chart');
const years = {};
for (let y = 1973; y <= 1983; y++) years[y] = { c1: 0, c2: 0, c3: 0 };
documents.forEach(d => {
if (years[d.year]) years[d.year]['c' + d.carpeta]++;
});
const maxCount = Math.max(...Object.values(years).map(y => y.c1 + y.c2 + y.c3));
let html = '<div class="bar-chart">';
for (let y = 1973; y <= 1983; y++) {
const h1 = maxCount > 0 ? (years[y].c1 / maxCount) * 100 : 0;
const h2 = maxCount > 0 ? (years[y].c2 / maxCount) * 100 : 0;
const h3 = maxCount > 0 ? (years[y].c3 / maxCount) * 100 : 0;
html += '<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;justify-content:flex-end;height:100%;">';
if (years[y].c3 > 0) html += '<div style="width:80%;max-width:40px;height:' + h3 + '%;background:var(--rojo);min-height:4px;"></div>';
if (years[y].c2 > 0) html += '<div style="width:80%;max-width:40px;height:' + h2 + '%;background:var(--verde);min-height:4px;"></div>';
if (years[y].c1 > 0) html += '<div style="width:80%;max-width:40px;height:' + h1 + '%;background:var(--brown);min-height:4px;"></div>';
html += '</div>';
}
html += '</div>';
html += '<div class="bar-chart-labels">';
for (let y = 1973; y <= 1983; y++) html += '<span>' + y + '</span>';
html += '</div>';
html += '<div class="chart-legend">';
html += '<span><span class="swatch" style="background:var(--brown);"></span>Carpeta 1: Orgánicas</span>';
html += '<span><span class="swatch" style="background:var(--verde);"></span>Carpeta 2: Normativa</span>';
html += '<span><span class="swatch" style="background:var(--rojo);"></span>Carpeta 3: CAA</span>';
html += '</div>';
chart.innerHTML = html;
})();
</script>
</body>
</html>