add home page resources
This commit is contained in:
parent
28c511187a
commit
f55c02d287
30 changed files with 41082 additions and 0 deletions
64
static/html/about.html
Normal file
64
static/html/about.html
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Acerca de nosotros</title>
|
||||
<?php include 'head.html' ?>
|
||||
|
||||
</head>
|
||||
|
||||
<body class="about">
|
||||
<?php include 'header.html' ?>
|
||||
<main>
|
||||
<section>
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-2 col-sm-2">
|
||||
</div>
|
||||
<div class="col-md-8 col-sm-8">
|
||||
<div class="col-md-6 col-sm-6">
|
||||
<p class="left">
|
||||
Este es un proyecto que se basa en una investigación antropológica de la mirada colectiva. ¿Cómo se ajustan nuestras percepciones visuales? ¿Qué estructuras simbólicas se conectan entre sí? ¿Qué es lo que se hace visible e invisible? ¿Cómo se acoplan los recuerdos, los deseos, las proyecciones subjetivas, las obsesiones comunes? Basado en distintos preceptos, contextos de investigación y parámetros creativos, los materiales aquí archivados, anotados y editados buscan sentar precedentes visuales para una época delirante en una forma de investigación interseccional, experimental y comprometida.
|
||||
</p>
|
||||
<p class="left">
|
||||
El primer paso en este proceso implica el desarrollo de la trilogía El Grande Banlieu. El proyecto culmina con películas generadas con materiales encontrados y filmaciones colectivas de escenas explícitas de tres directores que dejaron proyectos sin terminar: Sergei Eisenstein (El Capital), Pier Paolo Pasolini (Orestiada) y Orson Wells (Los Soñadores).
|
||||
</p>
|
||||
<p class="left">
|
||||
Otros proyectos parten de necesidades contextuales específicas y emplazamientos políticos urgentes. Para hacerlos posible, se parte de la creación de archivos cualitativos a partir de los cuales se generan ediciones que exploran una pluralidad de sentidos.
|
||||
</p>
|
||||
<p class="left">
|
||||
El proyecto es una propuesta de investigación colectiva, generado por Javier Toscano* (*Miembro del Sistema Nacional de Creadores de Arte).
|
||||
</p>
|
||||
<p class="left">
|
||||
<em>
|
||||
Proyecto apoyado por el Fondo Nacional para la Cultura y las Artes, México.
|
||||
</em>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-6">
|
||||
<p class="right">
|
||||
This is a project based on an anthropological investigation of the collective gaze. How are our visual perceptions adjusting? How do symbolic structures connect to each other? How do the visible and the invisible work together? How do memories, desires, subjective projections and common obsessions function as a dynamic ensemble? Based on different precepts, research contexts, and creative parameters, the materials archived, annotated, and edited here seek to set visual precedents for a delirious age in a form of an intersectional, experimental and engaged research.
|
||||
</p>
|
||||
<p class="right">
|
||||
The first step in this process involves the development of the trilogy Le Grande Banlieu. The project culminates by presenting films generated with found footage and collective filming of explicit scenes from three directors who left unfinished projects: Sergei Eisenstein (The Capital), Pier Paolo Pasolini (Oresteia) and Orson Wells (The Dreamers).
|
||||
</p>
|
||||
<p class="right">
|
||||
Other projects are based on specific contextual needs and urgent political assessments. To make them possible, the starting point is the creation of qualitative archives from which editions that explore a plurality of meanings are generated.
|
||||
</p>
|
||||
<p class="right">
|
||||
The project is a collective research proposal, generated by Javier Toscano*
|
||||
(*Member of the National System for the Arts, Mexico).
|
||||
</p>
|
||||
<p class="right">
|
||||
<em>
|
||||
Project funded by the National Fund for Culture and Arts, Mexico.
|
||||
</em>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-2">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<?php include 'footer.html' ?>
|
||||
</body>
|
||||
</html>
|
||||
35
static/html/contact.html
Normal file
35
static/html/contact.html
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Contacto</title>
|
||||
<?php include 'head.html' ?>
|
||||
|
||||
</head>
|
||||
|
||||
<body class="contact">
|
||||
<?php include 'header.html' ?>
|
||||
<main>
|
||||
<section>
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-2 col-sm-2">
|
||||
</div>
|
||||
<div class="col-md-8 col-sm-8">
|
||||
<div class="col-md-6 col-sm-6">
|
||||
<p class="left">
|
||||
Para más información sobre este proyecto, escribe a: <a class="underline" href="mailto:tosgue@yahoo.com">tosgue@yahoo.com</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-6">
|
||||
<p class="right">
|
||||
For more information on this project, write to: <a class="underline" href="mailto:tosgue@yahoo.com">tosgue@yahoo.com
|
||||
</a> </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-2">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
18
static/html/footer.html
Normal file
18
static/html/footer.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<div class="clearfix"></div>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-2 col-sm-2">
|
||||
</div>
|
||||
<div class="col-md-8 col-sm-8">
|
||||
<div class="fonca">
|
||||
<h1 class="title_site">
|
||||
<img src="../images/cultura_fonca_negro.png" width="300">
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-2">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
18
static/html/footer_index.html
Normal file
18
static/html/footer_index.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<div class="clearfix"></div>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-2 col-sm-2">
|
||||
</div>
|
||||
<div class="col-md-8 col-sm-8">
|
||||
<div class="fonca">
|
||||
<h1 class="title_site">
|
||||
<img src="images/cultura_fonca_negro.png" width="300">
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-2">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
8
static/html/head.html
Normal file
8
static/html/head.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="../css/styles_min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../css/bootstrap-sass-master/assets/stylesheets/bootstrap.css">
|
||||
<link rel="stylesheet" href="../css/jquery-ui.min.css">
|
||||
|
||||
|
||||
17
static/html/header-home.html
Normal file
17
static/html/header-home.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<header>
|
||||
<div class="container">
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-3 col-sm-3">
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-6">
|
||||
<div class="logo" id="brand">
|
||||
<h1 class="title_site">
|
||||
<a href="index.html"><img src="images/logo.svg" width="280"></a>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
48
static/html/header.html
Normal file
48
static/html/header.html
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
<header>
|
||||
<div class="container">
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-2 col-sm-2">
|
||||
<ul class="menu-home lat">
|
||||
<li>
|
||||
<p>
|
||||
<a href="*">
|
||||
<span class="eng">Enter the archive</span>
|
||||
<span class="esp">Entra al archivo</span>
|
||||
</a>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<a href="about.html">
|
||||
<span class="eng">About</span>
|
||||
<span class="esp">Acerca de</span>
|
||||
</a>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<a href="contact.html">
|
||||
<span class="eng">Contact</span>
|
||||
<span class="esp">Contacto</span>
|
||||
</a>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-8 col-sm-8">
|
||||
<div class="logo" id="brand">
|
||||
<h1 class="title_site">
|
||||
<a href="../index.html"><img src="../images/logo.svg" width="280"></a>
|
||||
</h1>
|
||||
</div>
|
||||
<ul class="menu-home">
|
||||
<li class="subtitle">
|
||||
<h2><strong>Collective Cinema</strong></h2>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-2">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
80
static/html/home.html
Normal file
80
static/html/home.html
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Collective Cinema</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" type="image/png" href="images/header/index.ico" >
|
||||
<link rel="icon" type="image/png" href="favicon.png" >
|
||||
<link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
|
||||
<link rel="stylesheet" type="text/css" href="css/styles.css">
|
||||
<link rel="stylesheet" type="text/css" href="bootstrap-sass-master/assets/stylesheets/bootstrap.css">
|
||||
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.2.1.min.js"
|
||||
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
|
||||
crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="scripts/collective.js"></script>
|
||||
</head>
|
||||
<body class="cms-home cms-page">
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-3 col-sm-3">
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-6">
|
||||
<div class="logo" id="brand">
|
||||
<h1 class="title_site">
|
||||
<a href="index.html"><img src="images/logo.svg" width="280"></a>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<div class="content">
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-2 col-sm-2">
|
||||
</div>
|
||||
<div class="col-md-8 col-sm-8">
|
||||
<ul class="menu-home">
|
||||
<li class="subtitle">
|
||||
<h2><strong>Collective Cinema</strong></h2>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<a href="*">
|
||||
<span class="eng">Enter the archive</span>
|
||||
<span class="esp">Entra al archivo</span>
|
||||
</a>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<a href="html/about.html">
|
||||
<span class="eng">About</span>
|
||||
<span class="esp padd">Acerca de</span>
|
||||
</a>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<a href="html/contact.html">
|
||||
<span class="eng">Contact</span>
|
||||
<span class="esp padd">Contacto</span>
|
||||
</a>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-2">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue