Primer commit, volcado de todos los archivos
This commit is contained in:
Admin de hacklab
commit
2f96306686
109 changed files with 4567 additions and 0 deletions
237
arte.html
Normal file
237
arte.html
Normal file
|
|
@ -0,0 +1,237 @@
|
|||
<!-- arte.html -->
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
<title>ART_LAB</title>
|
||||
<link rel="icon" type="image/png" href="imagenes/hacklab.jpeg">
|
||||
<link rel="stylesheet" href="subpages.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
|
||||
<!-- CABECERA -->
|
||||
<header class="sub-header">
|
||||
<div class="inner">
|
||||
<h1>ART LAB</h1>
|
||||
<p class="tagline">Deja en casa raton y teclado</p>
|
||||
<nav class="crumbs">
|
||||
<a href="index.html">home</a> · arte
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- CONTENIDO -->
|
||||
<main class="content">
|
||||
|
||||
<!-- NAV RÁPIDO -->
|
||||
<section class="panel" aria-label="Navegación rápida">
|
||||
<p style="text-align:center;">
|
||||
<a href="index.html" class="button">Home</a>
|
||||
•
|
||||
<a href="#confeccion" class="button">Confección</a>
|
||||
•
|
||||
<a href="#volumen-3d" class="button">Escultura & Impresión 3D</a>
|
||||
•
|
||||
<a href="#iluminacion" class="button">Iluminación</a>
|
||||
•
|
||||
<a href="#edicion" class="button">Edición (Foto/Vídeo)</a>
|
||||
•
|
||||
<a href="#sonido" class="button">Sonido</a>
|
||||
•
|
||||
<a href="#pintura" class="button">Pintura y graficos</a>
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section id="volumen-3d" class="panel" aria-label="Escultura e Impresión 3D">
|
||||
<h2>BIENVENIDAS</h2>
|
||||
<article>
|
||||
|
||||
<div class="media-grid">
|
||||
<figure class="thumb"><img src="imagenes/all_creatures_wellcome.webp" alt="Impresora 3D"></figure>
|
||||
<figure class="thumb"><img src="imagenes/teclado_negro_planta.jpg" alt="Escultura"></figure>
|
||||
<figure class="thumb"><img src="imagenes/art_lab_cartel.webp" alt="Escultura"></figure>
|
||||
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- 2) ESCULTURA & IMPRESIÓN 3D -->
|
||||
<section id="volumen-3d" class="panel" aria-label="Escultura e Impresión 3D">
|
||||
<h2>Escultura & Impresión 3D</h2>
|
||||
<article>
|
||||
<h3 class="title">Volumen, modelado y prototipado</h3>
|
||||
<p>
|
||||
Del boceto a la pieza: modelado libre (Blender/FreeCAD), impresión 3D y postprocesos
|
||||
con <em>finishing</em> de taller. Apuntes: <a href="https://www.blender.org/" target="_blank">Blender</a>,
|
||||
<a href="https://www.freecad.org/" target="_blank">FreeCAD</a>,
|
||||
<a href="https://www.prusa3d.com/page/prusaslicer_424/" target="_blank">PrusaSlicer</a>,
|
||||
<a href="https://ultimaker.com/software/ultimaker-cura" target="_blank">Cura</a>,
|
||||
<a href="https://openscad.org/" target="_blank">OpenSCAD</a>. En el radar: ferias maker, biofabricación y esculturas cinéticas.
|
||||
</p>
|
||||
<ul class="meta-links">
|
||||
<li><a class="button" href="https://hackaday.com/tag/3d-printing/" target="_blank">Hackaday // 3D Printing</a></li>
|
||||
<li><a class="button" href="https://wiki.opensourceecology.org/wiki/Category:3D_Printer" target="_blank">OSE 3D Printer</a></li>
|
||||
<li><a class="button" href="https://www.blendernation.com/" target="_blank">BlenderNation</a></li>
|
||||
</ul>
|
||||
<div class="media-grid">
|
||||
<figure class="thumb"><img src="imagenes/3dprinter.jpg" alt="Impresora 3D"></figure>
|
||||
<figure class="thumb"><img src="imagenes/escultura.jpg" alt="Escultura"></figure>
|
||||
<figure class="thumb"><img src="imagenes/lols.jpeg" alt="Escultura"></figure>
|
||||
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<!-- 3) ILUMINACIÓN -->
|
||||
<section id="iluminacion" class="panel" aria-label="Iluminación">
|
||||
<h2>Iluminación</h2>
|
||||
<article>
|
||||
<h3 class="title">Luz técnica y creativa</h3>
|
||||
<p>
|
||||
Diseño escénico, LEDs direccionables y audio-reactivo. Apuntes:
|
||||
<a href="https://kno.wled.ge/" target="_blank">WLED</a>,
|
||||
<a href="https://www.qlcplus.org/" target="_blank">QLC+</a>,
|
||||
<a href="https://www.openlighting.org/ola/" target="_blank">OLA</a>,
|
||||
<a href="https://hydra.ojack.xyz/" target="_blank">Hydra</a>,
|
||||
<a href="https://openframeworks.cc/" target="_blank">OpenFrameworks</a>,
|
||||
<a href="https://derivative.ca/" target="_blank">TouchDesigner</a> (no libre, muy usado en VJ/teatro).
|
||||
</p>
|
||||
<ul class="meta-links">
|
||||
<li><a class="button" href="https://learn.adafruit.com/adafruit-neopixel-uberguide" target="_blank">Guía NeoPixel</a></li>
|
||||
<li><a class="button" href="https://ofxaddons.com/" target="_blank">ofxAddons</a></li>
|
||||
<li><a class="button" href="https://obsproject.com/" target="_blank">OBS</a></li>
|
||||
</ul>
|
||||
<div class="media-grid">
|
||||
<figure class="thumb"><img src="imagenes/iluminacion_verde.jpg" alt="Iluminación verde"></figure>
|
||||
<figure class="thumb"><img src="imagenes/luz_teles.jpg" alt="Pantallas y luces"></figure>
|
||||
<figure class="thumb"><img src="imagenes/luzes.jpg" alt="Luces variadas"></figure>
|
||||
</div>
|
||||
<ul>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<!-- 4) EDICIÓN (FOTO/VÍDEO) -->
|
||||
<section id="edicion" class="panel" aria-label="Edición (Foto/Vídeo)">
|
||||
<h2>Edición (Foto/Vídeo)</h2>
|
||||
<article>
|
||||
<h3 class="title">Imagen fija y en movimiento</h3>
|
||||
<p>
|
||||
Flujo ágil: captura, corrección de color y entrega. Apuntes:
|
||||
<a href="https://www.darktable.org/" target="_blank">darktable</a>,
|
||||
<a href="https://www.gimp.org/" target="_blank">GIMP</a>,
|
||||
<a href="https://www.krita.org/" target="_blank">Krita</a>,
|
||||
<a href="https://kdenlive.org/en/" target="_blank">Kdenlive</a>,
|
||||
<a href="https://ffmpeg.org/" target="_blank">FFmpeg</a>.
|
||||
Cultura: fotolibros, zines y screenings DIY.
|
||||
</p>
|
||||
<ul class="meta-links">
|
||||
<li><a class="button" href="https://krita-artists.org/" target="_blank">Krita Artists</a></li>
|
||||
<li><a class="button" href="https://film.emulsion.io/" target="_blank">Emulsion (filmmaking)</a></li>
|
||||
<li><a class="button" href="https://pixls.us/" target="_blank">PIXLS.US</a></li>
|
||||
</ul>
|
||||
<div class="media-grid">
|
||||
<figure class="thumb"><img src="imagenes/foto_editing_windows.jpg" alt="Edición foto"></figure>
|
||||
<figure class="thumb"><img src="imagenes/photoshop.jpg" alt="Retoque y capas"></figure>
|
||||
<figure class="thumb"><img src="imagenes/photoshop_lulzec.jpeg" alt="Procesos creativos"></figure>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<!-- 5) SONIDO -->
|
||||
<section id="sonido" class="panel" aria-label="Sonido">
|
||||
<h2>Sonido</h2>
|
||||
<article>
|
||||
<h3 class="title">Grabación, mezcla y directo</h3>
|
||||
<p>
|
||||
De la toma al directo con herramientas libres. Apuntes:
|
||||
<a href="https://ardour.org/" target="_blank">Ardour</a>,
|
||||
<a href="https://www.audacityteam.org/" target="_blank">Audacity</a>,
|
||||
<a href="https://supercollider.github.io/" target="_blank">SuperCollider</a>,
|
||||
<a href="https://puredata.info/" target="_blank">PureData</a>,
|
||||
<a href="https://sonic-pi.net/" target="_blank">Sonic Pi</a>.
|
||||
Cultura: <a href="https://algorave.com/" target="_blank">Algorave</a>, netlabels y radio libre.
|
||||
</p>
|
||||
<ul class="meta-links">
|
||||
<li><a class="button" href="https://linuxaudio.org/" target="_blank">Linux Audio</a></li>
|
||||
<li><a class="button" href="https://freesound.org/" target="_blank">Freesound</a></li>
|
||||
<li><a class="button" href="https://icecast.org/" target="_blank">Icecast</a></li>
|
||||
</ul>
|
||||
<div class="media-grid">
|
||||
<figure class="thumb"><img src="imagenes/musica_maestro.jpg" alt="Música en directo"></figure>
|
||||
<figure class="thumb"><img src="imagenes/musicon.jpg" alt="Set musical"></figure>
|
||||
<figure class="thumb"><img src="imagenes/set_musica_plantas.jpg" alt="Set plantas"></figure>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<!-- 6) PINTA & COLOREA -->
|
||||
<section id="pinta-colorea" class="panel" aria-label="Pinta & Colorea">
|
||||
<h2>PINTURA</h2>
|
||||
<article>
|
||||
<h3 class="title">Pintura, mural y gráfica</h3>
|
||||
<p>
|
||||
Del mural al fanzine: stencil, paste-up y procesos híbridos. Apuntes:
|
||||
<a href="https://inkscape.org/" target="_blank">Inkscape</a>,
|
||||
<a href="https://krita.org/" target="_blank">Krita</a>,
|
||||
<a href="https://gimp.org/" target="_blank">GIMP</a>.
|
||||
Cultura: ferias de fanzines, talleres de serigrafía y pintura comunitaria.
|
||||
</p>
|
||||
<ul class="meta-links">
|
||||
<li><a class="button" href="https://www.openscreenprint.org/" target="_blank">Open Screenprint</a></li>
|
||||
<li><a class="button" href="https://www.printedmatter.org/" target="_blank">Printed Matter</a></li>
|
||||
<li><a class="button" href="https://stencilarchive.org/" target="_blank">Stencil Archive</a></li>
|
||||
</ul>
|
||||
<div class="media-grid">
|
||||
<figure class="thumb"><img src="imagenes/painting.jpg" alt="Pintura"></figure>
|
||||
<figure class="thumb"><img src="imagenes/banksy_pintura.jpg" alt="Mural/graffiti"></figure>
|
||||
<figure class="thumb"><img src="imagenes/visuales.jpg" alt="Visuales gráficos"></figure>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<!-- 1) CONFECCIÓN -->
|
||||
<section id="confeccion" class="panel" aria-label="Confección">
|
||||
<h2>Confección</h2>
|
||||
<article>
|
||||
<h3 class="title">Textil y vestuario</h3>
|
||||
<p>
|
||||
Patronaje, arreglos, custom y upcycling. Apuntes:
|
||||
<a href="https://www.kobakant.at/DIY/" target="_blank">KOBAKANT (e-textiles)</a>,
|
||||
<a href="https://inkstitch.org/" target="_blank">Ink/Stitch</a>,
|
||||
<a href="https://www.blender.org/" target="_blank">Blender (patrones 3D)</a>.
|
||||
Moda lenta, open-source y reparaciones con comunidad.
|
||||
</p>
|
||||
<ul class="meta-links">
|
||||
<li><a class="button" href="https://www.instructables.com/circuits/wearables/" target="_blank">Wearables DIY</a></li>
|
||||
<li><a class="button" href="https://wiki.opensourceecology.org/wiki/Textiles" target="_blank">OSE Textiles</a></li>
|
||||
<li><a class="button" href="https://www.makefashion.ca/resources/" target="_blank">MakeFashion</a></li>
|
||||
</ul>
|
||||
<div class="media-grid">
|
||||
<figure class="thumb"><img src="imagenes/confeccion.jpg" alt="Confección"></figure>
|
||||
<figure class="thumb"><img src="imagenes/confeccion_maquina.jpg" alt="Custom y taller"></figure>
|
||||
<figure class="thumb"><img src="imagenes/create_art.jpg" alt="Cartelería textil"></figure>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer class="sub-footer">
|
||||
<div class="inner">© Hacklab la Raíz — CC BY-NC-SA 4.0</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue