diff --git a/.gitignore b/.gitignore
deleted file mode 100644
index 44335d2..0000000
--- a/.gitignore
+++ /dev/null
@@ -1,4 +0,0 @@
-
-*.mp4
-
-*.webm
diff --git a/README.md b/README.md
index ff7d6c0..dabdb1b 100644
--- a/README.md
+++ b/README.md
@@ -1,10 +1,8 @@
Puls3-America
=============
-.-..-. _ .-. .-.
-: `' : :_; : : : :
-: .. : .--. .-. .--. .--. .--. ,-.,-. .-' : .--. : : .--.
-: :; :' '_.': :' .; :: ..'' .; ; : ,. :' .; :' .; : _ : :_ ' .; ;
-:_;:_;`.__.': :`.__.':_; `.__,_;:_;:_;`.__.'`.__.':_;`.__;`.__,_;
- .-. :
-
-El mejor curso de Diseño Web :D
+La página se ve así en este momento: http://puls3.freeiz.com
+
+Puedes navegar por los diferentes botones del nav, leer los súper interesantes artículos( o publicar tu propio artículo), mirar el perfil de los miles de millones de usuarios...
+
+Creo que el próximo paso sería completar la interfaz del perfil de usuario y demás mejoras en el Frontend, comenzar con el Backend, Bases de datos...
+
diff --git a/articulo.html b/articulo.html
new file mode 100644
index 0000000..b4fec82
--- /dev/null
+++ b/articulo.html
@@ -0,0 +1,213 @@
+
+
+
+
+
+
+
+
+
+
+
+ Puls3: Comunidad online de gente pro y (no sé qué más escribir)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Freddy VegaAutor
+
+ Seguir
+
+ Founder of the biggest effort on tech education in spanish: @mejorandola, @platzicom and @Cristalab
+ I travel, teach, learn and share.
+
+
+
+
+ Actividad de Freddy Vega
+
+
+
+
+
+ 3141
+ Lorem ipsum dolor sit amet, consectetur adipisicing.
+
+
+
+ 3141
+ Excepteur sint occaecat cupidatat non proident, sunt.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ Lorem ipsum dolor sit amet, consectetur adipisicing.
+
+
+ 3141
+ Excepteur sint occaecat cupidatat non proident, sunt.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+
+
+ Comentarios
+
+
+
+
+
+ ¡Lorem ipsum dolor sit amet, consectetur adipisicing! :D
+
+
+
+
+
+
+ Excepteur sint occaecat cupidatat non proident, sunt.
+
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing.
+
+
+
+
+
+ Excepteur sint occaecat cupidatat non proident, sunt.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Una mirada a Leap Motion: El control Minority Report
+
+
+
+
+ Nam tincidunt congue enim, ut porta lorem lacinia consectetur.
+
+
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.
+
+ Vivamus fermentum semper porta. Nunc diam velit, adipiscing ut tristique vitae, sagittis vel odio. Maecenas convallis ullamcorper ultricies. Curabitur ornare, ligula semper consectetur sagittis, nisi diam iaculis velit, id fringilla sem nunc vel mi. Nam dictum, odio nec pretium volutpat, arcu ante placerat erat, non tristique elit urna et turpis. Quisque mi metus, ornare sit amet fermentum et, tincidunt et orci. Fusce eget orci a orci congue vestibulum. Ut dolor diam, elementum et vestibulum eu, porttitor vel elit. Curabitur venenatis pulvinar tellus gravida ornare. Sed et erat faucibus nunc euismod ultricies ut id justo. Nullam cursus suscipit nisi, et ultrices justo sodales nec. Fusce venenatis facilisis lectus ac semper. Aliquam at massa ipsum. Quisque bibendum purus convallis nulla ultrices ultricies. Nullam aliquam, mi eu aliquam tincidunt, purus velit laoreet tortor, viverra pretium nisi quam vitae mi. Fusce vel volutpat elit. Nam edxs tincidunt. Phasellus eget dolor sit amet ipsum dapibus condimentum vitae quis lectus. Aliquam ut massa in turpis dapibus convallis. Praesent elit lacus, vestibulum at malesuada et, ornare et est. Ut augue nunc, sodales ut euismod non, adipiscing vitae orci. Mauris ut placerat justo. Mauris in ultricies enim. Quisque nec est eleifend nulla ultrices egestas quis ut quam. Donec sollicitudin lectus a mauris pulvinar id aliquam urna cursus. Cras quis ligula sem, vel elementum mi. Phasellus non ullamcorper urna.
+
+ Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In euismod ultrices facilisis. Vestibulum porta sapien adipiscing augue congue id pretium lectus molestie. Proin quis dictum nisl. Morbi id quam sapien, sed vestibulum sem. Duis elementum rutrum mauris sed convallis. Proin vestibulum magna mi. Aenean tristique hendrerit magna, ac facilisis nulla hendrerit ut. Sed non tortor sodales quam auctor elementum. Donec hendrerit nunc eget elit pharetra pulvinar. Suspendisse id tempus tortor. Aenean luctus, elit commodo laoreet commodo, justo nisi consequat massa, sed vulputate quam urna quis eros. Donec vel.
+
+
+
+
+ 3141
+
+
+ Css3
+ Javascript
+ Django
+
+
+
+
+
+ Powered by Platzi!
+ Mejorando.la 2013 ®
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/css/estilos.css b/css/estilos.css
new file mode 100644
index 0000000..51a08f6
--- /dev/null
+++ b/css/estilos.css
@@ -0,0 +1,720 @@
+/*Y ahora le damos estilo a la página :)*/
+
+/*Se importan las tipografías especiales...*/
+@font-face {
+ /*El nombre de la fuente*/
+ font-family:'icomoon';
+ /*No tendrá ningún estilo*/
+ font-style: normal;
+ /*El grosor será normal*/
+ font-weight: normal;
+ /*Ahora sí, se llaman las tipografías*/
+ src: url('../fonts/icomoon.eot');
+ src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');
+}
+
+/*Decimos qué características tendrán los links*/
+a
+{
+ /*El color de los links*/
+ color:#DD4F24;
+ /*La decoración*/
+ text-decoration: none;
+}
+
+/*Características básicas del cuerpo de la página*/
+body
+{
+ /*Color de fondo de la página.*/
+ background:#EFEFEF;
+ /*Color de la fuente*/
+ color:#4C4C4C;
+ /*Tipografía(PT Sans),y,en caso de que no se pueda cargar esa...Arial*/
+ font-family:"PT Sans",Arial;
+ /*Tamaño de fuente*/
+ font-size:16px;
+
+}
+
+/*Y del footer*/
+footer
+{
+ background:#434343;
+ color:#A7A7A7;
+ /*El padding ( Es como un margen, pero interno ) */
+ padding:1em 0;
+ /*Que el texto esté centrado*/
+ text-align:center;
+ /*Y que el ancho sea del 100% de su contenedor*/
+ width: 100%;
+}
+
+/*Ahora estamos diciendo que le aplique los estilos a cualquier párrafo que esté dentro del footer*/
+footer p
+{
+ /*Esto sí es un margen normal*/
+ margin:0;
+ font-size: 0.9em;
+}
+
+header
+{
+ background:#434343;
+ color:white;
+ margin:0;
+ /*Em es el tamaño total de una fuente, por lo tanto, ésto es la mitad del tamaño de una "M"*/
+ padding:0.5em;
+ /*Y declaramos la posición como relativa ( Para luego poder mover cosas libremente con absolute )*/
+ position: relative;
+}
+header a div
+{
+ background-color:#06bbe1;
+ /*El redondeado del borde ( ↑← ↑→ ↓← ↓→ )*/
+ border-radius:3px 3px 0 0;
+ /*Espacio desde abajo*/
+ bottom:0;
+ color:white;
+ font-size:1.1em;
+ /*El alto*/
+
+ height:25px;
+ /*Espacio desde la izquierda*/
+ left:60%;
+ /*El padding ( ↕ ↔ ) */
+ padding:0 10px;
+ /*Como está dentro del header ( Que tiene posición relativa ), podemos controlarlo con absolute*/
+ position:absolute;
+ /*Alineación vertical*/
+ vertical-align:middle;
+ /*El ancho*/
+ width:80px;
+}
+
+/*Ahora, a agregar las tipografías especiales:o*/
+/*Despues del div que está en el header...*/
+header a div:after
+{
+ /*Agregar la "letra"*/
+ content:"\e002";
+ /*Que se pegue a la derecha*/
+ float:right;
+ /*Y la fuente(Lo más importante), que sabe a qué caracter se refiere*/
+ font-family:"icomoon";
+ /*Y que pase por toda la mitad*/
+ line-height:22px;
+ /*50% de opacidad*/
+ opacity:0.5;
+}
+
+/*Organizando algunos bugs del header...*/
+header:after
+{
+ clear:both;
+ content:"";
+ display: block;
+}
+
+/*Definimos qué tipo de transición le vamos a hacer al home*/
+header a div
+{
+ /*El prefijo para chrome (-webkit-)+Transition:+A qué le aplicamos la transición +duración +tipo de transición*/
+ -webkit-transition:background-color 1s ease;
+ /*El prefijo para mozilla (-moz-)*/
+ -moz-transition: background-color 1s ease;
+ /*El prefijo para opera (-o-)*/
+ -o-transition: background-color 1s ease;
+ /*Y los que no necesitan prefijo(IE :o)*/
+ transition: background-color 1s ease;
+}
+
+/*cuando el cursor esté sobre el home*/
+header a div:hover
+{
+ /*El color de fondo cambiará*/
+ background-color:#07AECF;
+}
+
+/*El título del header*/
+header h1
+{
+ display:block;
+ font-size:20px;
+ font-weight:normal;
+ margin:1em 180px 1em 100px;
+}
+
+/*Este es el logo ( El contenedor del logo, en realidad )*/
+header #logo
+{
+ /*Que se pegará a la izquierda*/
+ float:left;
+}
+
+/*Este es el logo ( La imagen en sí ) */
+header #logo img
+{
+ width:80px;
+}
+
+/*La barra de navegación*/
+nav
+{
+ background:#878787;
+ font-size: 0.9em;
+}
+
+/*El contenedor de los botones del nav*/
+nav ul
+{
+ /*Eliminando los puntos de los li(List items)*/
+ list-style:none;
+ margin:0;
+ padding:0;
+}
+
+/*Cada botón del nav*/
+nav ul li
+{
+ /*Se organizan en línea*/
+ display:inline-block;
+ margin:0;
+ /*Los alinearemos arriba ( verticalmente )*/
+ vertical-align:top;
+ /*Más transiciones*/
+ -webkit-transition:background-color 0.8s ease;
+ -moz-transition: background-color 0.8s ease;
+ -o-transition: background-color 0.8s ease;
+ transition: background-color 0.8s ease;
+}
+
+/*Los cambios de los botones cuando pase sobre ellos*/
+nav ul li:hover
+{
+ background-color:#7C7C7C;
+}
+
+/*El área clickeable*/
+nav ul li a
+{
+ color:white;
+ display:block;
+ padding:0.5em 0.6em;
+ /*Quitamos el underline de los botones*/
+ text-decoration:none;
+}
+
+/*La flechita de la izquierda, que aún no comprendo su utilidad...*/
+nav #flechita_nav
+{
+ padding-left:0;
+ padding-right:0;
+}
+
+/*El área clickeable*/
+nav #flechita_nav a
+{
+ background:#22BCE0;
+ padding:0.5em 0;
+ text-decoration:none;
+}
+
+/*Más tipografías cool...*/
+nav #flechita_nav a:after
+{
+ content:"\e000";
+ font-family:"icomoon";
+ opacity:0.6;
+}
+
+/*El botón de publicar*/
+nav #publicar_nav
+{
+ background:#DD4F24;
+ float:right;
+ margin-right:0;
+ padding-right:1em;
+ position:relative;
+ /*Que siempre esté al frente*/
+ z-index: 1;
+
+}
+
+/*El area clickeable*/
+nav #publicar_nav a
+{
+ display:inline-block;
+ /*padding ( ↑ → ↓ ← )*/
+ padding:0.5em 2em 0.5em 0.6em;
+ text-decoration:none;
+}
+
+/*Más de esas cosas...*/
+nav #publicar_nav a:after
+{
+ color:rgba(255,255,255,0.5);
+ content:"\e004";
+ font-family:"icomoon";
+ font-size:1.8em;
+ position:absolute;
+ right:0;
+ top:0;
+}
+
+/*Cuando se pase sobre el botón*/
+nav #publicar_nav:hover
+{
+ background:#FF5B29;
+}
+
+/*Todo lo que compone la bienvenida*/
+#grupo #bienvenida #actividad
+ {
+ display: none;
+ border-bottom: 1.3px solid #CCC;
+
+ }
+#info_usuario #aportes
+ {
+
+ border-bottom: 1.3px solid #CCC;
+
+ }
+
+/*Características generales de los enlaces a artículos*/
+.item
+{
+ background:white;
+ /*El borde ( Sólo para abajo )*/
+ border-bottom:3px #22BCE0 solid;
+ /*El margen ( Sólo para abajo )*/
+ margin-bottom:3em;
+ /*El alto mínimo*/
+ min-height:128px;
+ position:relative;
+}
+
+/*Todos los párrafos del contenido*/
+#contenido p
+{
+ color:#7A7A7A;
+ font-size:0.9em;
+}
+
+/*Éste es el item que sólo ocupa el 70%*/
+.primer_item
+{
+ background:white;
+ border-bottom:3px #de5659 solid;
+ margin-bottom:3em;
+ min-height:128px;
+ padding-right:1em;
+ position:relative;
+}
+
+/*Y la sección para votar*/
+.primer_item .votacion,
+.item .votacion
+{
+ background:white;
+ border-radius:0 0 0.5em 0.5em;
+ margin:3px 0 0 0;
+ padding:0.5em 0;
+ position:absolute;
+ text-align:center;
+ /*Que se ubique abajo de todo lo demás*/
+ top:100%;
+ /*Y tenga el mismo ancho de la imagen*/
+ width:96px;
+}
+
+/*Quitamos el underline de los botones para votar (Pues al principio se lo pusimos a todos los a)*/
+.votacion a
+{
+ text-decoration:none;
+}
+
+/*Algunas cosas que le agregamos a ambos botones de votación, en donde sea que estén*/
+.votacion .down:after,
+.votacion .up:after
+{
+ font-family:"icomoon";
+ font-size:1.5em;
+ vertical-align:bottom;
+}
+
+/*Agregar el botón para votar negativo*/
+.votacion .down:after
+{
+ color:red;
+ content:"\e001";
+}
+
+/*Agregar el botón para votar positivo*/
+.votacion .up:after
+{
+ color:green;
+ content:"\e002";
+}
+
+/*Alinear los datos de los enlaces ( Desde ahora item ) a la derecha*/
+.item .datos_item
+{
+ text-align: right;
+}
+
+/*Haciendo una caja tras el enlace a los comentarios*/
+.item .datos_item .comentarios_item,
+.primer_item .datos_item .comentarios_item
+{
+ background:#878787;
+ border-radius:4px;
+ color:white;
+ margin:0 0 0 2em;
+ padding:4px;
+ position:relative;
+ /*Eliminando toda decoración del texto*/
+ text-decoration:none;
+}
+
+/*Y agregando un triángulo abajo*/
+.item .datos_item .comentarios_item:after,
+.primer_item .datos_item .comentarios_item:after {
+ border-left:5px solid transparent;
+ border-right:5px solid transparent;
+ border-top:5px solid #878787;
+ content:"";
+ left:18px;
+ position:absolute;
+ top:100%;
+}
+
+/*La estrellita para agregar a favoritos*/
+.item .datos_item .guardar_item,
+.primer_item .datos_item .guardar_item
+{
+ margin:0 1em;
+ /*De nuevo debemos quitarle el underline pues es un "a"*/
+ text-decoration:none;
+}
+
+/*Le agregamos el ícono de la estrella*/
+.datos_item .guardar_item:after
+{
+ color:#FD5;
+ content:"\e003";
+ font-family: "icomoon";
+}
+
+/*Características de las etiquetas*/
+.datos_item .tag_item
+{
+ background:#22BCE0;
+ border-radius:0.5em;
+ color:white;
+ float:left;
+ font-size: 16px;
+ margin:0 0.2em;
+ padding:0.2em 0.5em;
+ text-decoration:none;
+}
+
+/*El contenedor de la imagen del item*/
+.imagen_item
+{
+ float:left;
+ margin:0 1em 0 0;
+}
+
+/*La imagen del item*/
+.imagen_item img
+{
+ width:96px;
+}
+
+/*El título del item*/
+.titulo_item
+{
+ font-size:1em;
+ font-style:italic;
+ padding:0.5em 0.5em 0;
+}
+
+/*El enlace al artículo*/
+.titulo_item a
+{
+ color:#444;
+ text-decoration:none;
+}
+
+/*El contenedor del post ( Del artículo en "articulo.html" )*/
+#post_texto
+{
+ padding-top:2em;
+ margin:3em 2.5%;
+ text-align:justify;
+ width: 95%;
+ font-size:0.9em;
+}
+
+/*El texto principal del post*/
+#post_texto #post_contenido
+{
+ font-size:14px;
+}
+
+/*El título del post*/
+#post_texto h1
+{
+ font-size:1.3em;
+ text-align:center;
+}
+
+/*La imagen del post*/
+#post_texto figure img
+{
+ width:100%;
+}
+
+/*La información sobre la imagen del post*/
+#post_texto figure figcaption
+{
+ color:#b3b3b3;
+ font-size: 0.7em;
+}
+
+/*Esta es la información resumida ( Desde ahora itemito ) que hay en el slideshow sobre el post*/
+.item_imagen
+{
+ /*Eliminamos la sombra del texto que el slider nos crea por defecto*/
+ text-shadow:none;
+}
+
+/*El título del itemito*/
+.item_imagen .titulo_item_imagen
+{
+ font-size:1em;
+ font-style:italic;
+ padding:0.5em 0.5em 0;
+}
+
+/*Los links del itemito*/
+.item_imagen .titulo_item_imagen a
+{
+ color:#BEBEBE;
+ text-decoration:none;
+}
+
+/*Control de votos del itemito*/
+.item_imagen .votacion
+{
+ color: black;
+ float: left;
+ font-size: 1.3em;
+ height: 5em;
+ margin-right: 1em;
+ text-align: center;
+ vertical-align: middle;
+ width: 10%;
+}
+
+/*Desaparecemos el supergrupo ( Para luego aparecerlo de acuerdo con la resolución [En responsive.css] )*/
+#grupo
+{
+ display: none;
+}
+
+/*Y vamos a decir que las etiquetas resaltadas...*/
+.resaltar
+{
+ /*...Tengan un borde de 2px de grosor, línea sólida, de un color un poco más oscuro que el relleno.*/
+ border:2px solid #0FA3C0;
+}
+
+/*Dándole estilo a los inputs ( Como el de iniciar sesión )*/
+header input
+{
+ /*Le damos un color grisaceo a la fuente*/
+ color: #555555;
+ /*Y la hacemos un poco más pequeña*/
+ font-size: 0.9em;
+ /*Los hacemos más gorditos*/
+ padding: 6px;
+ /*Y le ponemos un sexy borde gris*/
+ border: 1px solid #cccccc;
+ /*Y, Cómo no. Le damos un redondeado*/
+ border-radius: 3px;
+ float: left;
+ width: 80%;
+ display: inline-block;
+}
+
+/*El contenedor de los onputs para iniciar sesión y contraseña.*/
+header #login
+{
+ height: 100%;
+ margin-right: 0.6em;
+ position: absolute;
+ right: 0;
+ top:0;
+ vertical-align: middle;
+ width: 170px;
+}
+
+/*Ubicamos el input de nombre de usuario*/
+header #login #input1
+{
+ bottom:50%;
+ position: absolute;
+ width: 80%;
+}
+
+/*Y el input de la contraseña*/
+header #login #input2
+{
+ bottom:18%;
+ position: absolute;
+ width: 80%;
+}
+
+header #login div a
+{
+ background-color: #06bbe1;
+ color: white;
+ display: inline-block;
+ float: right;
+ height: 62%;
+ left: 90%;
+ position: absolute;
+ top: 20px;
+ vertical-align: middle;
+ width: 10%;
+ border-radius:3px;
+}
+
+header #login div a:after
+{
+ /*Agregar la "letra"*/
+ content:"\e002";
+ /*Que se pegue a la derecha*/
+ float:right;
+ /*Y la fuente(Lo más importante), que sabe a qué caracter se refiere*/
+ font-family:"icomoon";
+ /*Y que pase por toda la mitad*/
+ line-height:65px;
+}
+
+/*Cuando un input esté enfocado ( Ya sea porque le des click o porque tabulaste hasta llegar ahí ) */
+input:focus,
+textarea:focus
+{
+ /*El color del borde cambiará*/
+ border-color: rgba(82, 168, 236, 0.8);
+ /*Quitaremos el borde doradito que se pone por defecto*/
+ outline: none;
+ /*Y ahora la opción para OldIE */
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.4);
+}
+
+#titulo_header2
+ {
+ display: none;
+ }
+#tags
+ {
+ border:1px solid #cccccc;
+ border-radius:3px;
+ display:inline-block;
+ padding:6px;
+ margin-left:0.4em;
+ background-color:#ffffff;
+ margin-bottom:1em;
+ }
+.tag_publicar
+ {
+ margin:0 1.5em;
+ }
+#info_usuario #links_seguir,
+#info_usuario #avatar
+ {
+ display: inline-block;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ vertical-align: top;
+ position: relative;
+ width: 45%;
+ }
+#info_usuario #avatar img
+ {
+ width: 100%;
+ }
+#info_usuario #seguir
+ {
+ background: #06bbe1;
+ border-radius: 3px;
+ box-shadow: 1px 3px 0.3px #D4D4D4;
+ color: white;
+ font-size: 1.4em;
+ padding: 6% 0;
+ text-align: center;
+ text-decoration: none;
+ vertical-align: top;
+ width: 99%;
+ margin-left: 1%;
+ display: block;
+ margin-bottom: 79%;
+ }
+#info_usuario #avatar
+ {
+ border-radius: 2px;
+ }
+#info_usuario #avatar #puntos
+ {
+ bottom: 4px;
+ text-align: center;
+ position: absolute;
+ width: 100%;
+ color: #20C52E;
+ font-size: 1.2em;
+ font-weight: bold;
+ padding: 0.5em 0;
+ background-color: rgba(250,250,250,0.8);
+ }
+#info_usuario #redes_sociales
+ {
+ font-size: 1.2em;
+ color: #bbb;
+ margin: 0 0 0 1em;
+ position: absolute;
+ bottom: 0;
+ display: block;
+ }
+#info_usuario p span
+ {
+ font-size: 1.1em;
+ color: #1852BB;
+ font-weight: bold;
+ }
+#info_usuario
+ {
+ margin:1.2%;
+ display: inline-block;
+ width: 500px;
+ float: left;
+ width: 50%;
+
+ }
+#notificaciones
+ {
+ height:500px;
+ overflow-y:scroll;
+ width:100%;
+ }
+#contenedor_actividad
+{
+ width: 100%;
+ position: relative;
+}
+/*¡¡Y ya!! :D... ya pasamos al responsive :(*/
+/*PD: No organizé alfabéticamente las transiciones porque me parece que se ve más organizado así...*/
\ No newline at end of file
diff --git a/css/estilos2.css b/css/estilos2.css
new file mode 100644
index 0000000..b38cbed
--- /dev/null
+++ b/css/estilos2.css
@@ -0,0 +1,459 @@
+/*Y ahora le damos estilo a la página :)*/
+
+/*Se importan las tipografías especiales...*/
+@font-face {
+ /*El nombre de la fuente*/
+ font-family:'icomoon';
+ /*No tendrá ningún estilo*/
+ font-style: normal;
+ /*El grosor será normal*/
+ font-weight: normal;
+ /*Ahora sí, se llaman las tipografías*/
+ src: url('../fonts/icomoon.eot');
+ src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');
+}
+
+/*Decimos qué características tendrán los links*/
+a
+{
+ /*El color de los links*/
+ color:#DD4F24;
+ /*La decoración*/
+ text-decoration: none;
+}
+
+/*Características básicas del cuerpo de la página*/
+body
+{
+ /*Color de fondo de la página.*/
+ background:#EFEFEF;
+ /*Color de la fuente*/
+ color:#4C4C4C;
+ /*Tipografía(PT Sans),y,en caso de que no se pueda cargar esa...Arial*/
+ font-family:"PT Sans",Arial;
+ /*Tamaño de fuente*/
+ font-size:16px;
+
+}
+
+/*Y del footer*/
+footer
+{
+ background:#434343;
+ color:#A7A7A7;
+ /*El padding ( Es como un margen, pero interno ) */
+ padding:1em 0;
+ /*Que el texto esté centrado*/
+ text-align:center;
+ /*Y que el ancho sea del 100% de su contenedor*/
+ width: 100%;
+}
+
+/*Ahora estamos diciendo que le aplique los estilos a cualquier párrafo que esté dentro del footer*/
+footer p
+{
+ /*Esto sí es un margen normal*/
+ margin:0;
+}
+
+header
+{
+ background:#434343;
+ color:white;
+ margin:0;
+ /*Em es el tamaño total de una fuente, por lo tanto, ésto es la mitad del tamaño de una "M"*/
+ padding:0.5em;
+ /*Y declaramos la posición como relativa ( Para luego poder mover cosas libremente con absolute )*/
+ position: relative;
+}
+header a div
+{
+ background-color:#06bbe1;
+ /*El redondeado del borde ( ↑← ↑→ ↓← ↓→ )*/
+ border-radius:3px 3px 0 0;
+ /*Espacio desde abajo*/
+ bottom:0;
+ color:white;
+ font-size:1.1em;
+ /*El alto*/
+
+ height:25px;
+ /*Espacio desde la izquierda*/
+ left:60%;
+ /*El padding ( ↕ ↔ ) */
+ padding:0 10px;
+ /*Como está dentro del header ( Que tiene posición relativa ), podemos controlarlo con absolute*/
+ position:absolute;
+ /*Alineación vertical*/
+ vertical-align:middle;
+ /*El ancho*/
+ width:80px;
+}
+
+/*Ahora, a agregar las tipografías especiales:o*/
+/*Despues del div que está en el header...*/
+header a div:after
+{
+ /*Agregar la "letra"*/
+ content:"\e002";
+ /*Que se pegue a la derecha*/
+ float:right;
+ /*Y la fuente(Lo más importante), que sabe a qué caracter se refiere*/
+ font-family:"icomoon";
+ /*Y que pase por toda la mitad*/
+ line-height:22px;
+ /*50% de opacidad*/
+ opacity:0.5;
+}
+
+/*Organizando algunos bugs del header...*/
+header:after
+{
+ clear:both;
+ content:"";
+ display: block;
+}
+
+/*Definimos qué tipo de transición le vamos a hacer al home*/
+header a div
+{
+ /*El prefijo para chrome (-webkit-)+Transition:+A qué le aplicamos la transición +duración +tipo de transición*/
+ -webkit-transition:background-color 1s ease;
+ /*El prefijo para mozilla (-moz-)*/
+ -moz-transition: background-color 1s ease;
+ /*El prefijo para opera (-o-)*/
+ -o-transition: background-color 1s ease;
+ /*Y los que no necesitan prefijo(IE :o)*/
+ transition: background-color 1s ease;
+}
+
+/*cuando el cursor esté sobre el home*/
+header a div:hover
+{
+ /*El color de fondo cambiará*/
+ background-color:#07AECF;
+}
+
+/*El título del header*/
+header h1
+{
+ display:block;
+ font-size:20px;
+ font-weight:normal;
+ margin:1em 180px 1em 100px;
+}
+
+/*Este es el logo ( El contenedor del logo, en realidad )*/
+header #logo
+{
+ /*Que se pegará a la izquierda*/
+ float:left;
+}
+
+/*Este es el logo ( La imagen en sí ) */
+header #logo img
+{
+ width:80px;
+}
+
+/*La barra de navegación*/
+nav
+{
+ background:#878787;
+ font-size: 0.9em;
+}
+
+/*El contenedor de los botones del nav*/
+nav ul
+{
+ /*Eliminando los puntos de los li(List items)*/
+ list-style:none;
+ margin:0;
+ padding:0;
+}
+
+/*Cada botón del nav*/
+nav ul li
+{
+ /*Se organizan en línea*/
+ display:inline-block;
+ margin:0;
+ /*Los alinearemos arriba ( verticalmente )*/
+ vertical-align:top;
+ /*Más transiciones*/
+ -webkit-transition:background-color 0.8s ease;
+ -moz-transition: background-color 0.8s ease;
+ -o-transition: background-color 0.8s ease;
+ transition: background-color 0.8s ease;
+}
+
+/*Los cambios de los botones cuando pase sobre ellos*/
+nav ul li:hover
+{
+ background-color:#7C7C7C;
+}
+
+/*El área clickeable*/
+nav ul li a
+{
+ color:white;
+ display:block;
+ padding:0.5em 0.6em;
+ /*Quitamos el underline de los botones*/
+ text-decoration:none;
+}
+
+/*La flechita de la izquierda, que aún no comprendo su utilidad...*/
+nav #flechita_nav
+{
+ padding-left:0;
+ padding-right:0;
+}
+
+/*El área clickeable*/
+nav #flechita_nav a
+{
+ background:#22BCE0;
+ padding:0.5em 0;
+ text-decoration:none;
+}
+
+/*Más tipografías cool...*/
+nav #flechita_nav a:after
+{
+ content:"\e000";
+ font-family:"icomoon";
+ opacity:0.6;
+}
+
+/*El botón de publicar*/
+
+nav #publicar_nav
+{
+ background:#DD4F24;
+ float:right;
+ margin-right:0;
+ padding-right:1em;
+ position:relative;
+ /*Que siempre esté al frente*/
+ z-index: 1;
+
+}
+
+/*El area clickeable*/
+nav #publicar_nav a
+{
+ display:inline-block;
+ /*padding ( ↑ → ↓ ← )*/
+ padding:0.5em 2em 0.5em 0.6em;
+ text-decoration:none;
+}
+
+/*Más de esas cosas...*/
+nav #publicar_nav a:after
+{
+ color:rgba(255,255,255,0.5);
+ content:"\e004";
+ font-family:"icomoon";
+ font-size:1.8em;
+ position:absolute;
+ right:0;
+ top:0;
+}
+
+/*Cuando se pase sobre el botón*/
+nav #publicar_nav:hover
+{
+ background:#FF5B29;
+}
+
+/*Todo lo que compone la bienvenida*/
+#bienvenida
+{
+ display:none;
+ margin:1%;
+}
+
+.votacion
+{
+ text-align: center;
+}
+
+/*Quitamos el underline de los botones para votar (Pues al principio se lo pusimos a todos los a)*/
+.votacion a
+{
+ text-decoration:none;
+}
+
+/*Algunas cosas que le agregamos a ambos botones de votación, en donde sea que estén*/
+.votacion .down:after,
+.votacion .up:after
+{
+ font-family:"icomoon";
+ font-size:1.5em;
+ vertical-align:bottom;
+}
+
+/*Agregar el botón para votar negativo*/
+.votacion .down:after
+{
+ color:red;
+ content:"\e001";
+}
+
+/*Agregar el botón para votar positivo*/
+.votacion .up:after
+{
+ color:green;
+ content:"\e002";
+}
+
+
+/*Características de las etiquetas*/
+.tag_item
+{
+ background:#22BCE0;
+ border-radius:0.5em;
+ color:white;
+ float:left;
+ font-size: 16px;
+ margin:0.2em 0.2em;
+ padding:0.2em 0.5em;
+ text-decoration:none;
+}
+
+
+/*El contenedor del post ( Del artículo en "articulo.html" )*/
+#post_texto
+{
+ padding: 2em 0;
+ text-align: justify;
+ width: 85%;
+ margin: auto;
+
+}
+
+/*El texto principal del post*/
+#post_texto #post_contenido
+{
+ font-size:16px;
+}
+
+/*El título del post*/
+#post_texto h1
+{
+ font-size:1.3em;
+ text-align:center;
+}
+
+/*La imagen del post*/
+#post_texto figure img
+{
+ width:100%;
+}
+
+/*La información sobre la imagen del post*/
+#post_texto figure figcaption
+{
+ color:#b3b3b3;
+ font-size: 0.7em;
+}
+
+/*Desaparecemos el supergrupo ( Para luego aparecerlo de acuerdo con la resolución [En responsive.css] )*/
+#grupo
+{
+ display: none;
+}
+
+/*Dándole estilo a los inputs ( Como el de iniciar sesión )*/
+header input
+{
+ /*Le damos un color grisaceo a la fuente*/
+ color: #555555;
+ /*Y la hacemos un poco más pequeña*/
+ font-size: 0.9em;
+ /*Los hacemos más gorditos*/
+ padding: 6px;
+ /*Y le ponemos un sexy borde gris*/
+ border: 1px solid #cccccc;
+ /*Y, Cómo no. Le damos un redondeado*/
+ border-radius: 3px;
+ float: left;
+ width: 80%;
+ display: inline-block;
+}
+
+/*El contenedor de los onputs para iniciar sesión y contraseña.*/
+header #login
+{
+ height: 100%;
+ margin-right: 0.6em;
+ position: absolute;
+ right: 0;
+ top:0;
+ vertical-align: middle;
+ width: 170px;
+}
+
+/*Ubicamos el input de nombre de usuario*/
+header #login #input1
+{
+ bottom:50%;
+ position: absolute;
+ width: 80%;
+}
+
+/*Y el input de la contraseña*/
+header #login #input2
+{
+ bottom:18%;
+ position: absolute;
+ width: 80%;
+}
+
+header #login div a
+{
+ background-color: #06bbe1;
+ color: white;
+ display: inline-block;
+ float: right;
+ height: 62%;
+ left: 90%;
+ position: absolute;
+ top: 20px;
+ vertical-align: middle;
+ width: 10%;
+}
+
+header #login div a:after
+{
+ /*Agregar la "letra"*/
+ content:"\e002";
+ /*Que se pegue a la derecha*/
+ float:right;
+ /*Y la fuente(Lo más importante), que sabe a qué caracter se refiere*/
+ font-family:"icomoon";
+ /*Y que pase por toda la mitad*/
+ line-height:65px;
+}
+
+/*Cuando un input esté enfocado ( Ya sea porque le des click o porque tabulaste hasta llegar ahí ) */
+input:focus,
+textarea:focus
+{
+ /*El color del borde cambiará*/
+ border-color: rgba(82, 168, 236, 0.8);
+ /*Quitaremos el borde doradito que se pone por defecto*/
+ outline: none;
+ /*Y ahora la opción para OldIE */
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.4);
+}
+
+#titulo_header2
+ {
+ display: none;
+ }
+
+
+/*¡¡Y ya!! :D... ya pasamos al responsive :(*/
+/*PD: No organizé alfabéticamente las transiciones porque me parece que se ve más organizado así...*/
diff --git a/css/iview.css b/css/iview.css
new file mode 100644
index 0000000..f112316
--- /dev/null
+++ b/css/iview.css
@@ -0,0 +1,129 @@
+/* The slider */
+.iviewSlider {
+ overflow: hidden;
+}
+
+/* The timer in the Slider */
+#iview-timer {
+ position: absolute;
+ z-index: 100;
+ border-radius: 5px;
+ cursor: pointer;
+}
+
+#iview-timer div {
+ border-radius: 3px;
+}
+
+/* The Preloader in the Slider */
+#iview-preloader {
+ position: absolute;
+ z-index: 1000;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ border: #000 1px solid;
+ padding: 1px;
+ width: 100px;
+ height: 3px;
+}
+#iview-preloader div {
+ float: left;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
+ height: 3px;
+ background: #000;
+ width: 0px;
+}
+
+/* The strips and boxes in the Slider */
+.iview-strip {
+ display:block;
+ position:absolute;
+ z-index:5;
+}
+.iview-block {
+ display:block;
+ position:absolute;
+ z-index:5;
+}
+
+/* Direction nav styles (e.g. Next & Prev) */
+.iview-directionNav a {
+ position:absolute;
+ top:45%;
+ z-index:9;
+ cursor:pointer;
+}
+.iview-prevNav {
+ left:0px;
+}
+.iview-nextNav {
+ right:0px;
+}
+
+/* Control nav styles (e.g. 1,2,3...) */
+.iview-controlNav {
+ position:absolute;
+ z-index:9;
+}
+.iview-controlNav a {
+ z-index:9;
+ cursor:pointer;
+}
+.iview-controlNav a.active {
+ font-weight:bold;
+}
+.iview-controlNav .iview-items ul {
+ list-style: none;
+}
+.iview-controlNav .iview-items ul li {
+ display: inline;
+ position: relative;
+}
+.iview-controlNav .iview-tooltip {
+ position: absolute;
+}
+
+/* The captions in the Slider */
+.iview-caption {
+ position:absolute;
+ z-index:4;
+ overflow: hidden;
+ cursor: default;
+}
+
+/* The video show in the Slider */
+.iview-video-show {
+ background: #000;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: 101;
+}
+.iview-video-show .iview-video-container {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+.iview-video-show .iview-video-container a.iview-video-close {
+ position: absolute;
+ right: 10px;
+ top: 10px;
+ background: #000;
+ color: #FFF;
+ height: 20px;
+ width: 20px;
+ text-align: center;
+ line-height: 29px;
+ font-size: 22px;
+ font-weight: bold;
+ overflow: hidden;
+ -webkit-border-radius: 15px;
+ -moz-border-radius: 15px;
+ border-radius: 15px;
+}
+.iview-video-show .iview-video-container a.iview-video-close:hover {
+ background: #000;
+}
\ No newline at end of file
diff --git a/normalize.css b/css/normalize.css
similarity index 100%
rename from normalize.css
rename to css/normalize.css
diff --git a/css/responsive.css b/css/responsive.css
new file mode 100644
index 0000000..98ed48d
--- /dev/null
+++ b/css/responsive.css
@@ -0,0 +1,276 @@
+/*Y, ahora. ¡tan tan tan!... R-e-s-p-o-n-s-i-v-e ¡DESIGN!*/
+/*Cuando el viewport(la parte visible de la página) Sea mayor a 768px:*/
+@media screen and (min-width: 768px)
+{
+ /*Que el margin del body sea 0*/
+ body
+ {
+ margin: 0 auto;
+
+ }
+
+ /*Que aparezca la bienvenida que desaparecimos por la línea 222*/
+ #grupo
+ {
+ display: block;
+
+ }
+
+ #grupo #bienvenida
+ {
+ display: block;
+ margin-right: 2%;
+ margin-top: -2em;
+ float:right;
+ /*Y ocupe el 25% del viewport*/
+ width: 25%;
+
+
+ }
+
+ #post_texto
+ {
+ font-size: 1em;
+ margin:0.6em 2em 0.6em 4em;
+ width: 65%;
+ margin:0;
+ padding:0;
+ }
+ #post_texto #post_contenido
+ {
+ font-size:16px;
+ }
+ #actividad #notificaciones
+ {
+ height:200px;
+ width:100%;
+ overflow-y:scroll;
+ }
+
+ #post_texto h1
+ {
+ font-size: 2em;
+ }
+
+ /*Explicando cómo se deberán ver algunas cosas...*/
+ #grupo #bienvenida #actividad
+ {
+ display:block;
+ border-bottom: 1.3px solid #CCC;
+
+ }
+
+ #grupo #bienvenida #actividad #b_actividad
+ {
+ background: #DE5659;
+ border-radius: 1px;
+ color: white;
+ display: block;
+ font-size: 1.2em;
+ padding: 0.5em 0;
+ text-align: center;
+ text-decoration: none;
+ }
+
+ #grupo #bienvenida #actividad .notificacion
+ {
+ border-bottom: 1.3px solid #CCC;
+ color:#b3b3b3;
+ }
+
+ #grupo #bienvenida #actividad .notificacion .actividad_mensaje
+ {
+ display: block;
+ float: right;
+ vertical-align: middle;
+ width: 75%
+ }
+
+ #grupo #bienvenida #actividad .notificacion .comentarios_item
+ {
+ background: #de5659;
+ border-radius: 4px;
+ color: white;
+ display: block;
+ float: left;
+ margin-right: 2em;
+ padding: 4px;
+ position: relative;
+ text-decoration: none;
+ vertical-align: middle;
+ }
+
+ #grupo #bienvenida #actividad .notificacion .comentarios_item:after
+ {
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-top: 5px solid #de5659;
+ content: "";
+ left :25px;
+ position: absolute;
+ top:100%;
+ }
+
+ #grupo #bienvenida #registro #b_registro
+ {
+ background: #06bbe1;
+ border-radius: 1px;
+ box-shadow: 1px 3px 0.3px #D4D4D4;
+ color: white;
+ display: block;
+ font-size: 1.2em;
+ padding: 0.5em 0;
+ text-align: center;
+ text-decoration: none;
+ }
+
+ #grupo #bienvenida p
+ {
+ display: block;
+ width: 100%;
+ }
+
+ #grupo #bienvenida #autor_nombre
+ {
+ display: block;
+ float: left;
+ font-size: 1.2em;
+ vertical-align: top;
+ width: 60%;
+ }
+
+ #grupo #bienvenida #autor_nombre span
+ {
+ color: #A2A2A2;
+ display: block;
+ float: left;
+ font-size: 0.7em;
+ font-weight: normal;
+ vertical-align: top;
+ width: 60%;
+ }
+
+ #grupo #bienvenida #avatar_autor
+ {
+ border-radius: 2px;
+ border: 2px #4C4C4C solid;
+ display: inline-block;
+ float: left;
+ height: 50px;
+ margin:0 0.5em 0.2em 0;
+ width: 50px;
+ }
+
+ #grupo #bienvenida #seguir
+ {
+ background: #06bbe1;
+ border-radius: 3px;
+ box-shadow: 1px 3px 0.3px #D4D4D4;
+ color: white;
+ display: block;
+ float: right;
+ font-size: 1.2em;
+ padding: 0.5em 0;
+ text-align: center;
+ text-decoration: none;
+ vertical-align: top;
+ width: 38%;
+ }
+
+ #grupo #bienvenida #mensaje
+ {
+ color: #A2A2A2;
+ display: inline-block;
+ float: left;
+ text-align: left;
+ text-decoration: none;
+ width: 100%;
+ }
+
+ #grupo #bienvenida #registro #mensaje_registro
+ {
+ color: #b3b3b3;
+ font-size: 0.8em;
+ font-style: italic;
+ text-align:center;
+
+ }
+
+ /*Litando el ancho del contenido al 70% del viewport*/
+ #contenido
+ {
+ display: block;
+ width: 70%;
+ }
+
+ #contenido_100
+ {
+ display: block;
+ width: 100%
+ }
+
+ #contenido #item_resaltado
+ {
+ display: block;
+ }
+
+ /*Hacer que la imagen grande ocupe el 100%(de su contenedor).*/
+ #contenido #item_resaltado
+ {
+ width: 100%;
+ }
+}
+
+/*Ahora. Si la resolución llega a ser menor a 475px:*/
+@media screen and (max-width: 475px)
+{
+ /*El botón de publicar deje de flotar a la derecha, para que no se quiebre, y comienze a ser otro botón común del nav*/
+ nav ul li
+ {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+}
+@media screen and (max-width: 675px)
+{
+ nav #publicar_nav
+ {
+ float:none;
+ margin:auto;
+ }
+ /*El título del header dejará de mostrarse*/
+ #titulo_header
+ {
+ display: none;
+ }
+ header a div
+ {
+ left: 20%;
+ }
+ @media screen and (min-width: 350px)
+ {
+ /*El título alternativo aparecerá*/
+ #titulo_header2
+ {
+ display: block;
+ }
+ }
+}
+
+/*Si la resolución llegase a bajar de 350px:*/
+@media screen and (max-width: 350px)
+{
+
+ /*La fecha de publicación y la opción de guardar item de los artículos desaparecerá D: (Obviamente en ningún momento debería llegar a esa resolución)*/
+ .datos_item .guardar_item,
+ .datos_item .fecha_item
+ {
+ display: none;
+ }
+}
+
+/*¡Y ya! :D*/
+/*Cualquier duda la puedes comentar, y yo u otra persona te la responderá
+*/
diff --git a/css/responsive2.css b/css/responsive2.css
new file mode 100644
index 0000000..0dbf1d5
--- /dev/null
+++ b/css/responsive2.css
@@ -0,0 +1,355 @@
+/*Y, ahora. ¡tan tan tan!... R-e-s-p-o-n-s-i-v-e ¡DESIGN!*/
+/*Ahora. Si la resolución llega a ser menor a 675px:*/
+@media screen and (max-width: 475px)
+{
+ /*El botón de publicar deje de flotar a la derecha, para que no se quiebre, y comienze a ser otro botón común del nav*/
+ nav ul li
+ {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ #info_usuario #links_seguir,
+ #info_usuario #avatar
+ {
+ width: 100%;
+ }
+ #info_usuario #seguir
+ {
+ width: 100%;
+ margin-left: 0;
+ margin-bottom: 0;
+ }
+ #info_usuario #redes_sociales
+ {
+ display: none;
+ }
+}
+@media screen and (max-width: 900px)
+{
+ /*El botón de publicar deje de flotar a la derecha, para que no se quiebre, y comienze a ser otro botón común del nav*/
+#actividad,#info_usuario
+{
+ display: block;
+ width: 95%;
+
+}
+
+}
+@media screen and (max-width: 540px)
+{
+ nav #publicar_nav
+ {
+ float:none;
+ margin:auto;
+ }
+}
+@media screen and (max-width: 675px)
+{
+ /*El título del header dejará de mostrarse*/
+ #titulo_header
+ {
+ display: none;
+ }
+ header a div
+ {
+ left: 20%;
+ }
+ @media screen and (min-width: 350px)
+ {
+ /*El título alternativo aparecerá*/
+ #titulo_header2
+ {
+ display: block;
+ }
+ }
+}
+
+/*¡Y ya! :D*/
+
+/*Algunos estilos temporales...Luego crearé una hoja de estilos para ponerlos, por ahora, los dejaré por aquí*/
+ body
+ {
+ margin: 0 auto;
+
+ }
+ /*Que aparezca la bienvenida que desaparecimos por la línea 222*/
+ #grupo
+ {
+ display: block;
+
+ }
+ #grupo #bienvenida
+ {
+ display: block;
+ margin-top: 0;
+ float: right;
+ margin-right: 2%;
+ /*Y ocupe el 25% del viewport*/
+ margin-top: 2em;
+ width:23%;
+
+ }
+ #post_texto
+ {
+ font-size: 1em;
+ width: 65%;
+ margin:0;
+ padding:0;
+ }
+#post_texto #post_contenido
+{
+ font-size:16px;
+}
+ #post_texto h1
+ {
+ font-size: 2em;
+ }
+ /*Explicando cómo se deberán ver algunas cosas...*/
+ #actividad
+ {
+ display: block;
+ border-bottom: 1.3px solid #CCC;
+ margin-left: 1.2%;
+ float: left;
+ margin-top: 1.2%;
+ width: 45%;
+ }
+
+ #actividad #b_actividad
+ {
+ background: #DE5659;
+ border-radius: 1px;
+ color: white;
+ display: block;
+ font-size: 1.2em;
+ padding: 0.5em 0;
+ text-align: center;
+ text-decoration: none;
+ }
+ #actividad #b_comentarios
+ {
+ background: #A2A2A2;
+ border-radius: 1px;
+ color: white;
+ display: block;
+ font-size: 1.2em;
+ padding: 0.5em 0;
+ margin-top: 3em;
+ text-align: center;
+ text-decoration: none;
+ }
+ #actividad .notificacion
+ {
+ border-bottom: 1.3px solid #CCC;
+ color:#b3b3b3;
+
+ }
+ #actividad .notificacion .actividad_mensaje
+ {
+
+ display: block;
+ float: right;
+ vertical-align: middle;
+ width: 75%
+ }
+ #actividad .notificacion .comentarios_item
+ {
+ background: #de5659;
+ border-radius: 4px;
+ color: white;
+ display: block;
+ float: left;
+ margin-right: 2em;
+ padding: 4px;
+ position: relative;
+ text-decoration: none;
+ vertical-align: middle;
+ }
+ #actividad .notificacion figure img
+ {
+ border: 1px #4C4C4C solid;
+ border-radius: 2px;
+ display: inline-block;
+ float: left;
+ width: 45px;
+ height: auto;
+ margin:0 0.5em 0.2em 0;
+ }
+ #actividad .notificacion .comentarios_item:after
+ {
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-top: 5px solid #de5659;
+ content: "";
+ left :25px;
+ position: absolute;
+ top:100%;
+ }
+ #grupo #bienvenida p
+ {
+ display: block;
+ width: 100%;
+ }
+ #grupo #bienvenida #autor_nombre
+ {
+ display: block;
+ float: left;
+ font-size: 1.2em;
+ width: 60%;
+ vertical-align: top;
+ }
+ #grupo #bienvenida #autor_nombre span
+ {
+ color: #A2A2A2;
+ display: block;
+ float: left;
+ font-size: 0.7em;
+ font-weight: normal;
+ width: 60%;
+ vertical-align: top;
+ }
+ #grupo #bienvenida #avatar_autor
+ {
+ border: 2px #4C4C4C solid;
+ border-radius: 2px;
+ display: inline-block;
+ float: left;
+ width: 50px;
+ height: 50px;
+ margin:0 0.5em 0.2em 0;
+ }
+ #grupo #bienvenida #seguir
+ {
+ background: #06bbe1;
+ border-radius: 3px;
+ color: white;
+ display: block;
+ float: right;
+ font-size: 1.2em;
+ padding: 0.5em 0;
+ text-align: center;
+ text-decoration: none;
+ box-shadow: 1px 3px 0.3px #D4D4D4;
+ width: 38%;
+ vertical-align: top;
+ }
+
+ #grupo #bienvenida #mensaje
+ {
+ color: #A2A2A2;
+ display: inline-block;
+ float: left;
+ text-align: left;
+ text-decoration: none;
+ width: 100%;
+ }
+ #grupo #bienvenida #registro #mensaje_registro
+ {
+ font-size: 0.8em;
+ color: #b3b3b3;
+ text-align:center;
+ font-style: italic;
+
+ }
+ /*Limitando el ancho del contenido al 70% del viewport*/
+ #contenido
+ {
+ display: block;
+ width: 70%;
+ }
+ #contenido_100
+ {
+ display: block;
+ width: 100%
+ }
+
+ #contenido #item_resaltado
+ {
+ display: block;
+ }
+ /*Hacer que la imagen grande ocupe el 100%(de su contenedor).*/
+ #contenido #item_resaltado
+ {
+ width: 100%;
+ }
+ #aportes
+ {
+ display: block;
+ border-bottom: 1.3px solid #CCC;
+ float: left;
+ margin-top: 1em;
+ width: 100%;
+ }
+
+ #aportes #b_aportes
+ {
+ background: #4C4C4C;
+ border-radius: 1px;
+ color: white;
+ display: block;
+ font-size: 1.2em;
+ padding: 0.5em 0;
+ text-align: center;
+ text-decoration: none;
+ }
+ #aportes #b_comentarios
+ {
+ background: #4C4C4C;
+ border-radius: 1px;
+ color: white;
+ display: block;
+ font-size: 1.2em;
+ padding: 0.5em 0;
+ margin-top: 3em;
+ text-align: center;
+ text-decoration: none;
+ }
+ #aportes .notificacion
+ {
+ border-bottom: 1.3px solid #CCC;
+ color:#b3b3b3;
+ padding: 9px 0;
+ }
+ #aportes .notificacion .aportes_mensaje
+ {
+
+ display: block;
+ float: right;
+ vertical-align: middle;
+ width: 75%
+ }
+ #aportes .notificacion .comentarios_item
+ {
+ background: #4C4C4C;
+ border-radius: 4px;
+ color: white;
+ display: block;
+ float: left;
+ margin-right: 2em;
+ margin-top: 2%;
+ padding: 4px;
+ position: relative;
+ text-decoration: none;
+ vertical-align: middle;
+ }
+ #aportes .notificacion figure img
+ {
+ border: 1px #4C4C4C solid;
+ border-radius: 2px;
+ display: inline-block;
+ float: left;
+ width: 45px;
+ height: auto;
+ margin:0 0.5em 0.2em 0;
+ }
+ #aportes .notificacion .comentarios_item:after
+ {
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-top: 5px solid #4C4C4C;
+ content: "";
+ left :25px;
+ position: absolute;
+ top:100%;
+ }
\ No newline at end of file
diff --git a/css/responsive3.css b/css/responsive3.css
new file mode 100644
index 0000000..9d1b1c8
--- /dev/null
+++ b/css/responsive3.css
@@ -0,0 +1,269 @@
+/*Y, ahora. ¡tan tan tan!... R-e-s-p-o-n-s-i-v-e ¡DESIGN!*/
+/*Cuando el viewport(la parte visible de la página) Sea mayor a 900px:*/
+@media screen and (min-width: 900px)
+{
+ /*Que el margin del body sea 0*/
+ body
+ {
+ margin: 0 auto;
+
+ }
+ /*Que aparezca la bienvenida que desaparecimos por la línea 222*/
+ #grupo
+ {
+ display: block;
+
+ }
+ #grupo #bienvenida
+ {
+ display: block;
+ margin-top: 2em;
+ float: right;
+ margin-right: 2%;
+ /*Y ocupe el 25% del viewport*/
+ width: 22%;
+
+ }
+ #post_texto
+ {
+ font-size: 1.1em;
+ width: 71%;
+ padding: 1%;
+ padding-top: 0;
+ padding-bottom:35px;
+ margin: 0;
+ }
+ #post_texto h1
+ {
+ font-size: 2em;
+ }
+ #post_texto #post_contenido
+ {
+ font-size:16px;
+ }
+ /*Explicando cómo se deberán ver algunas cosas...*/
+ #grupo #bienvenida #actividad
+ {
+ display: inline-block;
+ border-bottom: 1.3px solid #CCC;
+
+
+
+ }
+
+ #grupo #bienvenida #actividad #b_actividad
+ {
+ background: #DE5659;
+ border-radius: 1px;
+ color: white;
+ display: block;
+ font-size: 1.2em;
+ padding: 0.5em 0;
+ text-align: center;
+ text-decoration: none;
+ }
+ #grupo #bienvenida #actividad #b_comentarios
+ {
+ background: #A2A2A2;
+ border-radius: 1px;
+ color: white;
+ display: block;
+ font-size: 1.2em;
+ padding: 0.5em 0;
+ margin-top: 3em;
+ text-align: center;
+ text-decoration: none;
+ }
+ #grupo #bienvenida #actividad .notificacion
+ {
+ border-bottom: 1.3px solid #CCC;
+ color:#b3b3b3;
+
+ }
+ #grupo #bienvenida #actividad .notificacion .actividad_mensaje
+ {
+
+ display: block;
+ float: right;
+ vertical-align: middle;
+ width: 75%
+ }
+ #grupo #bienvenida #actividad .notificacion .comentarios_item
+ {
+ background: #de5659;
+ border-radius: 4px;
+ color: white;
+ display: block;
+ float: left;
+ margin-right: 2em;
+ padding: 4px;
+ position: relative;
+ text-decoration: none;
+ vertical-align: middle;
+ }
+ #grupo #bienvenida #actividad .notificacion figure img
+ {
+ border: 1px #4C4C4C solid;
+ border-radius: 2px;
+ display: inline-block;
+ float: left;
+ width: 45px;
+ height: auto;
+ margin:0 0.5em 0.2em 0;
+ }
+ #grupo #bienvenida #actividad .notificacion .comentarios_item:after
+ {
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-top: 5px solid #de5659;
+ content: "";
+ left :25px;
+ position: absolute;
+ top:100%;
+ }
+ #grupo #bienvenida #registro #b_registro
+ {
+ background: #06bbe1;
+ border-radius: 1px;
+ color: white;
+ display: block;
+ font-size: 1.2em;
+ padding: 0.5em 0;
+ text-align: center;
+ text-decoration: none;
+ box-shadow: 1px 3px 0.3px #D4D4D4;
+ }
+ #grupo #bienvenida p
+ {
+ display: block;
+
+ width: 100%;
+ }
+ #grupo #bienvenida #autor_nombre
+ {
+ display: block;
+ float: left;
+ font-size: 1.2em;
+ width: 60%;
+ vertical-align: top;
+ color:#555;
+ }
+ #grupo #bienvenida #autor_nombre span
+ {
+ color: #A2A2A2;
+ display: block;
+ float: left;
+ font-size: 0.7em;
+ font-weight: normal;
+ width: 60%;
+ vertical-align: top;
+ }
+ #grupo #bienvenida #avatar_autor
+ {
+ border: 2px #4C4C4C solid;
+ border-radius: 2px;
+ display: inline-block;
+ float: left;
+ width: 50px;
+ height: 50px;
+ margin:0 0.5em 0.2em 0;
+ }
+ #grupo #bienvenida .seguir
+ {
+ background: #06bbe1;
+ border-radius: 3px;
+ color: white;
+ display: block;
+ float: right;
+ font-size: 1.2em;
+ padding: 0.5em 0;
+ text-align: center;
+ text-decoration: none;
+ box-shadow: 1px 3px 0.3px #D4D4D4;
+ width: 38%;
+ vertical-align: top;
+ }
+ #grupo #bienvenida #mensaje
+ {
+ color: #A2A2A2;
+ display: inline-block;
+ float: left;
+ text-align: left;
+ text-decoration: none;
+ width: 100%;
+ }
+ #grupo #bienvenida #registro #mensaje_registro
+ {
+ font-size: 0.8em;
+ color: #b3b3b3;
+ text-align:center;
+ font-style: italic;
+
+ }
+ /*Limitando el ancho del contenido al 70% del viewport*/
+ #contenido
+ {
+ display: block;
+ width: 70%;
+ }
+ #contenido_100
+ {
+ display: block;
+ width: 100%
+ }
+
+ #contenido #item_resaltado
+ {
+ display: block;
+ }
+ /*Hacer que la imagen grande ocupe el 100%(de su contenedor).*/
+ #contenido #item_resaltado
+ {
+ width: 100%;
+ }
+
+}
+
+@media screen and (max-width: 475px)
+{
+ /*El botón de publicar deje de flotar a la derecha, para que no se quiebre, y comienze a ser otro botón común del nav*/
+ nav ul li
+ {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+}
+@media screen and (max-width: 540px)
+{
+ nav #publicar_nav
+ {
+ float:none;
+ margin:auto;
+ }
+}
+@media screen and (max-width: 675px)
+{
+ /*El título del header dejará de mostrarse*/
+ #titulo_header
+ {
+ display: none;
+ }
+ header a div
+ {
+ left: 20%;
+ }
+ @media screen and (min-width: 350px)
+ {
+ /*El título alternativo aparecerá*/
+ #titulo_header2
+ {
+ display: block;
+ }
+ }
+}
+
+/*¡Y ya! :D*/
+/*Cualquier duda la puedes comentar, y yo u otra persona te la responderá
+*/
diff --git a/css/skin 4/style.css b/css/skin 4/style.css
new file mode 100644
index 0000000..296177b
--- /dev/null
+++ b/css/skin 4/style.css
@@ -0,0 +1,110 @@
+.container {
+ display: block;
+ margin: 0px auto;
+}
+
+#iview {
+ display: block;
+ max-width: 960px;
+ min-width: 300px;
+ background: #000;
+ background: rgba(0, 0, 0, 0.7);
+ padding: 5px;
+ border-radius: 2px;
+ position: relative;
+ margin: 40px auto;
+ overflow: hidden;
+}
+
+#iview .iviewSlider {
+ display: block;
+ width: 900px;
+ height: 400px;
+ overflow: hidden;
+ border-radius: 4px;
+}
+
+
+#iview div.iview-directionNav {
+ position: absolute;
+ top: 47%;
+ left: 0px;
+ z-index: 9;
+ width: 100%;
+}
+
+#iview div.iview-directionNav a {
+ display: block;
+ cursor: pointer;
+ position: absolute;
+ width: 27px;
+ height: 27px;
+ background-image: url(../../img/bg_direction_nav.png);
+ text-indent: -9999px;
+ -webkit-transition: left 0.3s ease-in-out;
+ -webkit-transition-property: left,right;
+ -moz-transition: left 0.3s ease-in-out;
+ -moz-transition-property: left,right;
+ -o-transition: left 0.3s ease-in-out;
+ -o-transition-property: left,right;
+ -ms-transition: left 0.3s ease-in-out;
+ -ms-transition-property: left,right;
+ transition: left 0.3s ease-in-out;
+ transition-property: left,right;
+}
+
+#iview div.iview-directionNav a.iview-nextNav {
+ right: -27px;
+ background-position: 27px 0px;
+}
+
+#iview div.iview-directionNav a.iview-prevNav {
+ left: -27px;
+ background-position: 0px 0px
+}
+
+#iview.iview-hover div.iview-directionNav a.iview-nextNav {
+ right: 20px;
+}
+
+#iview.iview-hover div.iview-directionNav a.iview-prevNav {
+ left: 20px;
+}
+
+.iview-caption {
+ background: url('../../img/caption-bg.png');
+ color: #FFF;
+ border-radius: 3px;
+ padding: 10px 15px;
+ font-family: Verdana;
+ font-size: 12px;
+ text-shadow: #000 1px 1px 0px;
+}
+
+.iview-caption.caption1 {
+ text-shadow: none;
+}
+
+.iview-caption.caption2 {
+ text-shadow: none;
+}
+
+.iview-caption.caption3 {
+ text-shadow: none;
+}
+
+#iview-preloader {
+ border: #666 1px solid;
+ width: 150px
+}
+
+#iview-preloader div {
+ background: #666;
+}
+#iview-timer {
+ border-radius: 10px;
+}
+
+#iview-timer div {
+ border-radius: 10px;
+}
\ No newline at end of file
diff --git a/css3.html b/css3.html
new file mode 100644
index 0000000..2671f89
--- /dev/null
+++ b/css3.html
@@ -0,0 +1,325 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Puls3: Comunidad online de gente pro y (no sé qué más escribir)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Powered by Platzi!
+ Mejorando.la 2013 ®
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/desktop.png b/desktop.png
deleted file mode 100644
index 3973c9a..0000000
Binary files a/desktop.png and /dev/null differ
diff --git a/django.html b/django.html
new file mode 100644
index 0000000..edc82f4
--- /dev/null
+++ b/django.html
@@ -0,0 +1,321 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Puls3: Comunidad online de gente pro y (no sé qué más escribir)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Powered by Platzi!
+ Mejorando.la 2013 ®
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/estilos.css b/estilos.css
deleted file mode 100644
index d121478..0000000
--- a/estilos.css
+++ /dev/null
@@ -1,276 +0,0 @@
-@font-face {
- font-family: 'icomoon';
- src:url('fonts/icomoon.eot');
- src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
- url('fonts/icomoon.woff') format('woff'),
- url('fonts/icomoon.ttf') format('truetype'),
- url('fonts/icomoon.svg#icomoon') format('svg');
- font-weight: normal;
- font-style: normal;
-}
-
-a
-{
- color: #DD4F24;
-}
-body
-{
- background: #EFEFEF;
- color: #4C4C4C;
- font-family: "PT Sans", Arial;
- font-size: 16px;
- margin: 0;
-}
-/*
-comentario de lo que sea
-*/
-footer
-{
- background: #434343;
- color: #A7A7A7;
- padding: 1em 0;
- text-align: center;
- width: 100%;
-}
-footer p
-{
- margin: 0;
-}
-header
-{
- background: #434343;
- color: white;
- margin: 0;
- padding: 0.5em;
-}
-header:after{
- clear: both;
- content: "";
- display: block;
-}
-header figure
-{
- float: left;
-}
-header h1
-{
- font-size: 20px;
- font-weight: normal;
- margin: 1em 85px 1em 100px;
- display: block;
-}
-header #avatar
-{
- position: absolute;
- top: 0;
- right: 0;
- margin: 1em 1em 0 0;
-}
-header #avatar figcaption
-{
- background: #22BCE0;
- float: right;
- height: 50px;
- line-height: 50px;
-}
-header #avatar figcaption:after
-{
- content: "\e001";
- font-family: "icomoon";
- font-size: 0.7em;
- opacity: 0.5;
-}
-header #avatar img
-{
- float: left;
- width: 50px;
-}
-header #logo img
-{
- width: 80px;
-}
-nav
-{
- background: #878787;
- font-size: 0.9em;
-}
-nav ul
-{
- list-style: none;
- margin: 0;
- padding: 0;
-}
-nav ul li
-{
- display: inline-block;
- margin: 0 1.2em 0 0;
- vertical-align: top;
-}
-nav ul li a
-{
- color: white;
- display: block;
- padding: 0.5em 0;
-}
-nav #flechita_nav a
-{
- background: #22BCE0;
- padding: 0.5em 0;
- text-decoration: none;
-}
-nav #flechita_nav a:after
-{
- content: "\e000";
- font-family: "icomoon";
- opacity: 0.6;
-}
-nav #publicar_nav
-{
- /*i is zorri*/
- background: #DD4F24;
- float: right;
- margin-right: 0;
- padding-right: 1em;
- position: relative;
-}
-nav #publicar_nav:after
-{
- color: rgba(255,255,255,0.5);
- content: "\e004";
- font-family: "icomoon";
- font-size: 1.8em;
- position: absolute;
- right: 0;
- top: 0;
-}
-nav #publicar_nav a
-{
- display: inline-block;
- padding: 0.5em 1em;
- text-decoration: none;
-}
-#bienvenida
-{
- display: none;
-}
-#contenido
-{
- margin: 1em;
-}
-#contenido .item
-{
- background: white;
- border-bottom: 3px #22BCE0 solid;
- margin-bottom: 3em;
- min-height: 128px;
- position: relative;
-}
-#contenido .item p
-{
- color: #7A7A7A;
- font-size: 0.9em;
-}
-#contenido .item .datos_item
-{
- text-align: right;
-}
-#contenido .item .datos_item .comentarios_item
-{
- background: #878787;
- border-radius: 4px;
- color: white;
- margin: 0 0 0 2em;
- padding: 4px;
- position: relative;
- text-decoration: none;
-}
-#contenido .item .datos_item .comentarios_item:after{
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
- border-top: 5px solid #878787;
- content: "";
- left :10px;
- position: absolute;
- top:100%;
-}
-#contenido .item .datos_item .guardar_item
-{
- margin: 0 1em;
- text-decoration: none;
-}
-#contenido .item .datos_item .guardar_item:after
-{
- color: #FD5;
- content: "\e003";
- font-family: "icomoon";
-}
-#contenido .item .datos_item .tag_item
-{
- background: #22BCE0;
- border-radius: 0.5em;
- color: white;
- float: left;
- padding: 0.2em 0.5em;
- text-decoration: none;
-}
-#contenido .item .imagen_item
-{
- float: left;
- margin: 0 1em 0 0;
-}
-#contenido .item .imagen_item img
-{
- width: 96px;
-}
-#contenido .item .titulo_item
-{
- font-size: 1em;
- font-style: italic;
- padding: 0.5em 0.5em 0;
-}
-#contenido .item .titulo_item a
-{
- color: #444;
- text-decoration: none;
-}
-#contenido .item .votacion
-{
- background: white;
- border-radius: 0 0 0.5em 0.5em;
- margin: 3px 0 0 0;
- padding: 0.5em 0;
- position: absolute;
- text-align: center;
- top: 100%;
- width: 96px;
-}
-#contenido .item .votacion a
-{
- text-decoration: none;
-}
-#contenido .item .votacion .down:after,
-#contenido .item .votacion .up:after
-{
- font-family: "icomoon";
- font-size: 1.5em;
- vertical-align: bottom;
-}
-#contenido .item .votacion .down:after
-{
- color: red;
- content: "\e001";
-}
-#contenido .item .votacion .up:after
-{
- color: green;
- content: "\e002";
-}
-
-
-
-
-
-
-
-
-
diff --git a/fonts/webfonts/geo-medium/eot/1110FC_0.eot b/fonts/webfonts/geo-medium/eot/1110FC_0.eot
new file mode 100644
index 0000000..01bb181
Binary files /dev/null and b/fonts/webfonts/geo-medium/eot/1110FC_0.eot differ
diff --git a/fonts/webfonts/geo-medium/svg/1110FC_0.svg b/fonts/webfonts/geo-medium/svg/1110FC_0.svg
new file mode 100644
index 0000000..5cc5483
--- /dev/null
+++ b/fonts/webfonts/geo-medium/svg/1110FC_0.svg
@@ -0,0 +1,411 @@
+
+
+This is a Webfont from MyFonts. Full information about this font:
+http://www.myfonts.com/fonts/emtype/geogrotesque/
+ Copyright (c) 2009 by Eduardo Manso. All rights reserved. Geogrotesque is a trademark of Eduardo Manso.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/fonts/webfonts/geo-medium/svg/svg_test.html b/fonts/webfonts/geo-medium/svg/svg_test.html
new file mode 100644
index 0000000..fb7c83d
--- /dev/null
+++ b/fonts/webfonts/geo-medium/svg/svg_test.html
@@ -0,0 +1,46 @@
+
+
+
+MyFonts Webfonts Demo for iOS devices
+
+
+
+
+
+
+
+
+MyFonts Webfonts Demo for iOS devices
+
+
+
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+An, partus ancillae sitne in fructu habendus, disseretur inter principes civitatis, P. Scaevolam M'.que Manilium, ab iisque M. Brutus dissentiet -- quod et acutum genus est et ad usus civium non inutile, nosque ea scripta reliquaque eiusdem generis et legimus libenter et legemus --, haec, quae vitam omnem continent, neglegentur? nam, ut sint illa vendibiliora, haec uberiora certe sunt. quamquam id quidem licebit iis existimare, qui legerint. nos autem hanc omnem quaestionem de finibus bonorum et malorum fere a nobis explicatam esse his litteris arbitramur, in quibus, quantum potuimus, non modo quid nobis probaretur, sed etiam quid a singulis philosophiae disciplinis diceretur, persecuti sumus.
+
+Id qui in una virtute ponunt et splendore nominis capti quid natura postulet non intellegunt, errore maximo, si Epicurum audire voluerint, liberabuntur: istae enim vestrae eximiae pulchraeque virtutes nisi voluptatem efficerent, quis eas aut laudabilis aut expetendas arbitraretur? ut enim medicorum scientiam non ipsius artis, sed bonae valetudinis causa probamus, et gubernatoris ars, quia bene navigandi rationem habet, utilitate, non arte laudatur, sic sapientia, quae ars vivendi putanda est, non expeteretur, si nihil efficeret; nunc expetitur, quod est tamquam artifex conquirendae et comparandae voluptatis.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/fonts/webfonts/geo-medium/ttf/1110FC_0.ttf b/fonts/webfonts/geo-medium/ttf/1110FC_0.ttf
new file mode 100644
index 0000000..a43d6c3
Binary files /dev/null and b/fonts/webfonts/geo-medium/ttf/1110FC_0.ttf differ
diff --git a/fonts/webfonts/geo-medium/woff/1110FC_0.woff b/fonts/webfonts/geo-medium/woff/1110FC_0.woff
new file mode 100644
index 0000000..f431702
Binary files /dev/null and b/fonts/webfonts/geo-medium/woff/1110FC_0.woff differ
diff --git a/fonts/webfonts/geo-regular/eot/11014B_0.eot b/fonts/webfonts/geo-regular/eot/11014B_0.eot
new file mode 100644
index 0000000..b87819c
Binary files /dev/null and b/fonts/webfonts/geo-regular/eot/11014B_0.eot differ
diff --git a/fonts/webfonts/geo-regular/svg/11014B_0.svg b/fonts/webfonts/geo-regular/svg/11014B_0.svg
new file mode 100644
index 0000000..b366c72
--- /dev/null
+++ b/fonts/webfonts/geo-regular/svg/11014B_0.svg
@@ -0,0 +1,403 @@
+
+
+This is a Webfont from MyFonts. Full information about this font:
+http://www.myfonts.com/fonts/emtype/geogrotesque/
+ Copyright (c) 2009 by Eduardo Manso. All rights reserved. Geogrotesque is a trademark of Eduardo Manso.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/fonts/webfonts/geo-regular/svg/svg_test.html b/fonts/webfonts/geo-regular/svg/svg_test.html
new file mode 100644
index 0000000..2d76f6a
--- /dev/null
+++ b/fonts/webfonts/geo-regular/svg/svg_test.html
@@ -0,0 +1,46 @@
+
+
+
+MyFonts Webfonts Demo for iOS devices
+
+
+
+
+
+
+
+
+MyFonts Webfonts Demo for iOS devices
+
+
+
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+An, partus ancillae sitne in fructu habendus, disseretur inter principes civitatis, P. Scaevolam M'.que Manilium, ab iisque M. Brutus dissentiet -- quod et acutum genus est et ad usus civium non inutile, nosque ea scripta reliquaque eiusdem generis et legimus libenter et legemus --, haec, quae vitam omnem continent, neglegentur? nam, ut sint illa vendibiliora, haec uberiora certe sunt. quamquam id quidem licebit iis existimare, qui legerint. nos autem hanc omnem quaestionem de finibus bonorum et malorum fere a nobis explicatam esse his litteris arbitramur, in quibus, quantum potuimus, non modo quid nobis probaretur, sed etiam quid a singulis philosophiae disciplinis diceretur, persecuti sumus.
+
+Id qui in una virtute ponunt et splendore nominis capti quid natura postulet non intellegunt, errore maximo, si Epicurum audire voluerint, liberabuntur: istae enim vestrae eximiae pulchraeque virtutes nisi voluptatem efficerent, quis eas aut laudabilis aut expetendas arbitraretur? ut enim medicorum scientiam non ipsius artis, sed bonae valetudinis causa probamus, et gubernatoris ars, quia bene navigandi rationem habet, utilitate, non arte laudatur, sic sapientia, quae ars vivendi putanda est, non expeteretur, si nihil efficeret; nunc expetitur, quod est tamquam artifex conquirendae et comparandae voluptatis.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/fonts/webfonts/geo-regular/ttf/11014B_0.ttf b/fonts/webfonts/geo-regular/ttf/11014B_0.ttf
new file mode 100644
index 0000000..27e926e
Binary files /dev/null and b/fonts/webfonts/geo-regular/ttf/11014B_0.ttf differ
diff --git a/fonts/webfonts/geo-regular/woff/11014B_0.woff b/fonts/webfonts/geo-regular/woff/11014B_0.woff
new file mode 100644
index 0000000..cae7abd
Binary files /dev/null and b/fonts/webfonts/geo-regular/woff/11014B_0.woff differ
diff --git a/fonts/webfonts/geo-semibold/eot/style_169898.eot b/fonts/webfonts/geo-semibold/eot/style_169898.eot
new file mode 100644
index 0000000..7fe26f1
Binary files /dev/null and b/fonts/webfonts/geo-semibold/eot/style_169898.eot differ
diff --git a/fonts/webfonts/geo-semibold/svg/index.html b/fonts/webfonts/geo-semibold/svg/index.html
new file mode 100644
index 0000000..5ae427c
--- /dev/null
+++ b/fonts/webfonts/geo-semibold/svg/index.html
@@ -0,0 +1,46 @@
+
+
+
+MyFonts Webfonts Demo for iOS devices
+
+
+
+
+
+
+
+
+MyFonts Webfonts Demo for iOS devices
+
+
+
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+An, partus ancillae sitne in fructu habendus, disseretur inter principes civitatis, P. Scaevolam M'.que Manilium, ab iisque M. Brutus dissentiet -- quod et acutum genus est et ad usus civium non inutile, nosque ea scripta reliquaque eiusdem generis et legimus libenter et legemus --, haec, quae vitam omnem continent, neglegentur? nam, ut sint illa vendibiliora, haec uberiora certe sunt. quamquam id quidem licebit iis existimare, qui legerint. nos autem hanc omnem quaestionem de finibus bonorum et malorum fere a nobis explicatam esse his litteris arbitramur, in quibus, quantum potuimus, non modo quid nobis probaretur, sed etiam quid a singulis philosophiae disciplinis diceretur, persecuti sumus.
+
+Id qui in una virtute ponunt et splendore nominis capti quid natura postulet non intellegunt, errore maximo, si Epicurum audire voluerint, liberabuntur: istae enim vestrae eximiae pulchraeque virtutes nisi voluptatem efficerent, quis eas aut laudabilis aut expetendas arbitraretur? ut enim medicorum scientiam non ipsius artis, sed bonae valetudinis causa probamus, et gubernatoris ars, quia bene navigandi rationem habet, utilitate, non arte laudatur, sic sapientia, quae ars vivendi putanda est, non expeteretur, si nihil efficeret; nunc expetitur, quod est tamquam artifex conquirendae et comparandae voluptatis.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/fonts/webfonts/geo-semibold/svg/style_169898.svg b/fonts/webfonts/geo-semibold/svg/style_169898.svg
new file mode 100644
index 0000000..7a48dbb
--- /dev/null
+++ b/fonts/webfonts/geo-semibold/svg/style_169898.svg
@@ -0,0 +1,419 @@
+
+
+This is a Webfont from MyFonts. Full information about this font:
+http://www.myfonts.com/fonts/emtype/geogrotesque/semibold//
+ Copyright (c) 2009 by Eduardo Manso. All rights reserved. Geogrotesque is a trademark of Eduardo Manso.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/fonts/webfonts/geo-semibold/ttf/style_169898.ttf b/fonts/webfonts/geo-semibold/ttf/style_169898.ttf
new file mode 100644
index 0000000..9ac21e8
Binary files /dev/null and b/fonts/webfonts/geo-semibold/ttf/style_169898.ttf differ
diff --git a/fonts/webfonts/geo-semibold/woff/style_169898.woff b/fonts/webfonts/geo-semibold/woff/style_169898.woff
new file mode 100644
index 0000000..1ad3fbf
Binary files /dev/null and b/fonts/webfonts/geo-semibold/woff/style_169898.woff differ
diff --git a/formulario/css/style.css b/formulario/css/style.css
new file mode 100644
index 0000000..8abdcf8
--- /dev/null
+++ b/formulario/css/style.css
@@ -0,0 +1,297 @@
+
+ /* Basado en Jayj HTML5 2.1 */
+form {
+ margin: 0;
+}
+fieldset {
+ border: 4px double #ededed;
+ border-radius: 5px;
+ padding: 20px;
+ margin: 0;
+}
+/* Labels */
+label {
+ color: #555555;
+ cursor: pointer;
+ /* Indicate that 'label' will shift focus to the associated form element */
+ display:inline-block;
+ font-weight:bold;
+ font-size:0.9em;
+ margin-bottom: 1.2em;
+ margin-right:0.7em;
+}
+input[type="checkbox"],
+input[type="radio"] {
+ padding: 0;
+ *width: 13px;
+ *height: 13px;
+ margin-right:0.4em;
+}
+input[type="color"] {
+ padding: 3px;
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ -ms-box-sizing: content-box;
+ box-sizing: content-box;
+}
+/*
+ * Remove inner padding and border in FF3/4: h5bp.com/l
+ */
+/*
+ * 1. Remove default vertical scrollbar in IE6/7/8/9
+ * 2. Allow only vertical resizing
+ */
+textarea {
+ overflow: auto;
+ vertical-align: top;
+ resize: vertical;
+}
+/**
+ * Input styling
+ */
+input,
+select,
+textarea {
+ color: #555555;
+ font-size: 13px;
+ padding: 6px;
+}
+input,
+select,
+textarea {
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ border-radius: 3px;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ -webkit-transition: border, box-shadow linear 200ms;
+ -moz-transition: border, box-shadow linear 200ms;
+ -ms-transition: border, box-shadow linear 200ms;
+ -o-transition: border, box-shadow linear 200ms;
+ transition: border, box-shadow linear 200ms;
+ /* :focus styling */
+
+ /* Invalid inputs, change focus to red */
+
+}
+
+input:invalid:focus,
+select:focus,
+textarea:invalid:focus {
+ border-color: #e9322d;
+ box-shadow: 0 0 6px #f8b9b7;
+}
+/* Input sizes */
+.input-mini {
+ width: 60px;
+}
+.input-small {
+ width: 90px;
+}
+.input-medium {
+ width: 150px;
+}
+.input-large {
+ width: 210px;
+}
+.input-xlarge {
+ width: 270px;
+}
+.input-xxlarge {
+ width: 100%;
+}
+/**
+ * Buttons
+ */
+.btn,
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ background-color: #e6e6e6;
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6 100%);
+ background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6 100%);
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6 100%);
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6 100%);
+ background-image: linear-gradient(top, #ffffff, #e6e6e6 100%);
+ background-repeat: repeat-x;
+ border: 1px solid;
+ border-color: #e6e6e6 #e6e6e6 #bfbfbf;
+ color: #333333;
+ border-radius: 4px;
+ font-size: 14px;
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+ text-align: center;
+ padding: 9px 14px;
+ margin-bottom: 0;
+ display: inline-block;
+ vertical-align: middle;
+ cursor: pointer;
+ /* Display hand cursor for clickable form elements */
+ *overflow: visible;
+ /* Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */
+ /* Pink, primary button */
+
+}
+.btn:hover,
+button:hover,
+input[type="button"]:hover,
+input[type="reset"]:hover,
+input[type="submit"]:hover {
+ background-color: #e6e6e6;
+ background-position: 0 -10px;
+ color: #333333;
+ -webkit-transition: background-position 100ms linear;
+ -moz-transition: background-position 100ms linear;
+ -ms-transition: background-position 100ms linear;
+ -o-transition: background-position 100ms linear;
+ transition: background-position 100ms linear;
+}
+.btn:focus,
+button:focus,
+input[type="button"]:focus,
+input[type="reset"]:focus,
+input[type="submit"]:focus {
+ outline: thin dotted #333333;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+.btn:active,
+button:active,
+input[type="button"]:active,
+input[type="reset"]:active,
+input[type="submit"]:active {
+ background-color: #e6e6e6;
+ background-image: none;
+ outline: 0;
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.btn.primary,
+button.primary,
+input[type="button"].primary,
+input[type="reset"].primary,
+input[type="submit"].primary {
+ background-color: #22BCE0;
+ background-image: -moz-linear-gradient(top, #22BCE0, #22BCE0 100%);
+ background-image: -ms-linear-gradient(top, #22BCE0, #22BCE0 100%);
+ background-image: -webkit-linear-gradient(top, #22BCE0, #22BCE0 100%);
+ background-image: -o-linear-gradient(top, #22BCE0, #22BCE0 100%);
+ background-image: linear-gradient(top, #f950ab, #f71570 100%);
+ background-repeat: repeat-x;
+ border: 1px solid;
+ border-color: #0FA3C0;
+ color: #ffffff;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.btn.primary:hover,
+button.primary:hover,
+input[type="button"].primary:hover,
+input[type="reset"].primary:hover,
+input[type="submit"].primary:hover {
+ background-color: #33C0E2;
+ background-position: 0 -10px;
+ color: #ffffff;
+ -webkit-transition: background-position 100ms linear;
+ -moz-transition: background-position 100ms linear;
+ -ms-transition: background-position 100ms linear;
+ -o-transition: background-position 100ms linear;
+ transition: background-position 100ms linear;
+}
+.btn.primary:focus,
+button.primary:focus,
+input[type="button"].primary:focus,
+input[type="reset"].primary:focus,
+input[type="submit"].primary:focus {
+ outline: thin dotted #ffffff;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+.btn.primary:active,
+button.primary:active,
+input[type="button"].primary:active,
+input[type="reset"].primary:active,
+input[type="submit"].primary:active {
+ background-color: #22BCE0;
+ background-image: none;
+ outline: 0;
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+/*
+ * Disabled elements
+ */
+.btn[disabled],
+button[disabled],
+input[disabled] {
+ cursor: not-allowed;
+ background-color: #ededed;
+ background-image: none !important;
+ color: #333333;
+ text-shadow: none;
+ opacity: 0.65;
+ filter: alpha(opacity=65);
+}
+/**
+ * Search inputs
+ */
+/* =============================================================================
+ Content
+ ========================================================================== */
+.alert {
+ background-color: #ededed;
+ border-left: 5px solid #d9d9d9;
+ border-radius: 0 5px 5px 0;
+ color: #222222;
+ padding: 10px 14px;
+ margin-bottom: 25px;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+}
+.alert h4 {
+ border-bottom: 0;
+ color: inherit;
+ padding-bottom: 0;
+ margin: 10px 0;
+}
+.alert p + p {
+ margin-bottom: 5px;
+}
+.alert-warning {
+ background-color: #fef9c7;
+ border-color: #fcdd4a;
+ color: #3b3601;
+}
+.alert-success {
+ background-color: #dff0d8;
+ border-color: #54b646;
+ color: #0d370d;
+}
+.alert-danger,
+.alert-error {
+ background-color: #f2dede;
+ border-color: #ce838f;
+ color: #7a0b0a;
+}
+.alert-info {
+ background-color: #d9edf7;
+ border-color: #049cdb;
+ color: #0c3346;
+}
+
+/*
+ * Hide from both screenreaders and browsers: h5bp.com/u
+ */
+.hidden {
+ display: none !important;
+ visibility: hidden;
+}
+/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
+.assistive-text {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+}
+
diff --git a/formulario/php/enviarpost.php b/formulario/php/enviarpost.php
new file mode 100644
index 0000000..f137a07
--- /dev/null
+++ b/formulario/php/enviarpost.php
@@ -0,0 +1,3 @@
+ Hosting /public_html/
-www.fuckencio.com
-
-======
-
-Github.com (repositorio)
-Local COMMIT SYNC
-________________
-
-SVN (Subversion)
-GIT
-
-Repositorios de código
-Github.com
-
-1. Multiples versiones del mismo código
-2. Cambios delta
- Base de datos atómico de el código
-3. Multiples personas sobre el mismo archivo
-4. CULPA AL CULPABLE
-5. Ramas (branches)
- * master (github.com) REPO PRINCIPAL
- * master (fuckencio.com) REPO LOCAL
- * master (local) REPO LOCAL
- * devpony (local) --> merge --> master (local)
diff --git a/html5.html b/html5.html
new file mode 100644
index 0000000..a7e2e11
--- /dev/null
+++ b/html5.html
@@ -0,0 +1,326 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Puls3: Comunidad online de gente pro y (no sé qué más escribir)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Powered by Platzi!
+ Mejorando.la 2013 ®
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/avatar.jpg b/img/avatar.jpg
similarity index 100%
rename from avatar.jpg
rename to img/avatar.jpg
diff --git a/img/bckg.jpg b/img/bckg.jpg
new file mode 100644
index 0000000..2739a3e
Binary files /dev/null and b/img/bckg.jpg differ
diff --git a/img/bg_direction_nav.png b/img/bg_direction_nav.png
new file mode 100644
index 0000000..de3fe04
Binary files /dev/null and b/img/bg_direction_nav.png differ
diff --git a/img/bg_direction_nav_white.png b/img/bg_direction_nav_white.png
new file mode 100644
index 0000000..cb98d23
Binary files /dev/null and b/img/bg_direction_nav_white.png differ
diff --git a/img/bullets.png b/img/bullets.png
new file mode 100644
index 0000000..1af5b01
Binary files /dev/null and b/img/bullets.png differ
diff --git a/img/bullets_2.png b/img/bullets_2.png
new file mode 100644
index 0000000..7dc41d4
Binary files /dev/null and b/img/bullets_2.png differ
diff --git a/img/caption-bg.png b/img/caption-bg.png
new file mode 100644
index 0000000..48e10d1
Binary files /dev/null and b/img/caption-bg.png differ
diff --git a/img/favicon.ico b/img/favicon.ico
new file mode 100644
index 0000000..e5c0052
Binary files /dev/null and b/img/favicon.ico differ
diff --git a/imagen.jpg b/img/imagen.jpg
similarity index 100%
rename from imagen.jpg
rename to img/imagen.jpg
diff --git a/logo.png b/img/logo.png
similarity index 100%
rename from logo.png
rename to img/logo.png
diff --git a/img/nav-bg.png b/img/nav-bg.png
new file mode 100644
index 0000000..643530f
Binary files /dev/null and b/img/nav-bg.png differ
diff --git a/img/nav_paddles.png b/img/nav_paddles.png
new file mode 100644
index 0000000..6cdcd57
Binary files /dev/null and b/img/nav_paddles.png differ
diff --git a/img/nav_paddles_down.png b/img/nav_paddles_down.png
new file mode 100644
index 0000000..370b269
Binary files /dev/null and b/img/nav_paddles_down.png differ
diff --git a/img/navigation-bg.png b/img/navigation-bg.png
new file mode 100644
index 0000000..056b60e
Binary files /dev/null and b/img/navigation-bg.png differ
diff --git a/img/slider-controls.png b/img/slider-controls.png
new file mode 100644
index 0000000..59b1112
Binary files /dev/null and b/img/slider-controls.png differ
diff --git a/img/timer-bar-bg.png b/img/timer-bar-bg.png
new file mode 100644
index 0000000..bba86aa
Binary files /dev/null and b/img/timer-bar-bg.png differ
diff --git a/img/tooltip.png b/img/tooltip.png
new file mode 100644
index 0000000..a1f2ed0
Binary files /dev/null and b/img/tooltip.png differ
diff --git a/img/topbar-active.png b/img/topbar-active.png
new file mode 100644
index 0000000..51ef527
Binary files /dev/null and b/img/topbar-active.png differ
diff --git a/img/topbar-hover.png b/img/topbar-hover.png
new file mode 100644
index 0000000..02aaddd
Binary files /dev/null and b/img/topbar-hover.png differ
diff --git a/img/topbar.png b/img/topbar.png
new file mode 100644
index 0000000..46c0d6a
Binary files /dev/null and b/img/topbar.png differ
diff --git a/index.html b/index.html
index 31db222..c10e777 100644
--- a/index.html
+++ b/index.html
@@ -1,169 +1,398 @@
+
+
+
-
-
-
- Puls3: Comunidad online de gente pro y (no sé que más escribir)
-
+
+
+
+
+
+ Puls3: Comunidad online de gente pro y estupidamente sensual
+
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
-
+
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
- Hola, registrate!
- Es importante registrarte porque LOL!
- Registrate acá
- En serio, registrate por favor
-
-
-
-
-
-
-
-
-
- Por Freddy Vega
-
-
- categoria
- Hace 5 min
- 455
-
-
-
-
- 3141
-
-
-
-
-
-
-
-
-
- Por Freddy Vega
-
-
- categoria
- Hace 5 min
- 455
-
-
-
-
- 3141
-
-
-
-
-
-
-
-
-
- Por Freddy Vega
-
-
- categoria
- Hace 5 min
- 455
-
-
-
-
- 3141
-
-
-
-
-
-
-
-
-
- Por Freddy Vega
-
-
- categoria
- Hace 5 min
- 455
-
-
-
-
- 3141
-
-
-
-
-
-
-
-
-
- Por Freddy Vega
-
-
- categoria
- Hace 5 min
- 455
-
-
-
-
- 3141
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -173,3 +402,41 @@
+
\ No newline at end of file
diff --git a/javascript.html b/javascript.html
new file mode 100644
index 0000000..c5cfba1
--- /dev/null
+++ b/javascript.html
@@ -0,0 +1,320 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Puls3: Comunidad online de gente pro y (no sé qué más escribir)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Powered by Platzi!
+ Mejorando.la 2013 ®
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/js/iview.js b/js/iview.js
new file mode 100644
index 0000000..5f46af6
--- /dev/null
+++ b/js/iview.js
@@ -0,0 +1,1792 @@
+/**El js está medio comentado en inglés... Espero que les sea de utilidad igualmente.
+ * jQuery iView Slider v2.0
+ *
+ * @version: 2.0.1 - August 17, 2012
+ *
+ * @author: Hemn Chawroka
+ * hemn@iprodev.com
+ * http://iprodev.com/
+ *
+ */ (function ($, window, undefined) {
+
+ var iView = function (el, options) {
+ //Get slider holder
+ var iv = this;
+
+ iv.options = options;
+
+ iv.sliderContent = el, iv.sliderInner = iv.sliderContent.html();
+
+ iv.sliderContent.html(" " + iv.sliderInner + "
");
+
+ //Get slider
+ iv.slider = $('.iviewSlider', iv.sliderContent);
+ iv.slider.css('position', 'relative');
+
+ //Necessary variables.
+ iv.defs = {
+ slide: 0,
+ total: 0,
+ image: '',
+ images: [],
+ width: iv.sliderContent.width(),
+ height: iv.sliderContent.height(),
+ timer: options.timer.toLowerCase(),
+ lock: false,
+ paused: (options.autoAdvance) ? false : true,
+ time: options.pauseTime,
+ easing: options.easing
+ };
+
+ //Disable slider text selection
+ iv.disableSelection(iv.slider[0]);
+
+ //Find slides
+ iv.slides = iv.slider.children();
+ iv.slides.each(function (i) {
+ var slide = $(this);
+
+ //Find images & thumbnails
+ iv.defs.images.push(slide.data("iview:image"));
+ if (slide.data("iview:thumbnail")) iv.defs.images.push(slide.data("iview:thumbnail"));
+ slide.css('display', 'none');
+
+ //Find videos
+ if (slide.data("iview:type") == "video") {
+ var element = slide.children().eq(0),
+ video = $('');
+ slide.append(video);
+ element.appendTo($('div.iview-video-container', video));
+ video.css({
+ width: iv.defs.width,
+ height: iv.defs.height,
+ top: '-' + iv.defs.height + 'px'
+ }).hide();
+ slide.addClass('iview-video').css({
+ 'cursor': 'pointer'
+ });
+ }
+
+ iv.defs.total++;
+ }).css({
+ width: iv.defs.width,
+ height: iv.defs.height
+ });
+
+ //Set Preloader Element
+ iv.sliderContent.append('');
+ var iviewPreloader = $('#iview-preloader', iv.sliderContent);
+ var preloaderBar = $('div', iviewPreloader);
+ iviewPreloader.css({
+ top: ((iv.defs.height / 2) - (iviewPreloader.height() / 2)) + 'px',
+ left: ((iv.defs.width / 2) - (iviewPreloader.width() / 2)) + 'px'
+ });
+
+ //Set Timer Element
+ iv.sliderContent.append('');
+ iv.iviewTimer = $('#iview-timer', iv.sliderContent);
+ iv.iviewTimer.hide();
+
+ //Find captions
+ $('.iview-caption', iv.slider).each(function (i) {
+ var caption = $(this);
+ caption.html('' + caption.html() + '
');
+ });
+
+ //If randomStart
+ options.startSlide = (options.randomStart) ? Math.floor(Math.random() * iv.defs.total) : options.startSlide;
+
+ //Set startSlide
+ options.startSlide = (options.startSlide > 0 && options.startSlide >= iv.defs.total) ? iv.defs.total - 1 : options.startSlide;
+ iv.defs.slide = options.startSlide;
+
+ //Set first image
+ iv.defs.image = iv.slides.eq(iv.defs.slide);
+
+ //Set pauseTime
+ iv.defs.time = (iv.defs.image.data('iview:pausetime')) ? iv.defs.image.data('iview:pausetime') : options.pauseTime;
+
+ //Set easing
+ iv.defs.easing = (iv.defs.image.data('iview:easing')) ? iv.defs.image.data('iview:easing') : options.easing;
+
+ iv.pieDegree = 0;
+ var padding = options.timerPadding,
+ diameter = options.timerDiameter,
+ stroke = options.timerStroke;
+
+ if (iv.defs.total > 1 && iv.defs.timer != "bar") {
+ //Start the Raphael
+ stroke = (iv.defs.timer == "360bar") ? options.timerStroke : 0;
+ var width = (diameter + (padding * 2) + (stroke * 2)),
+ height = width,
+ r = Raphael(iv.iviewTimer[0], width, height);
+
+ iv.R = (diameter / 2);
+
+ var param = {
+ stroke: options.timerBg,
+ "stroke-width": (stroke + (padding * 2))
+ },
+ param2 = {
+ stroke: options.timerColor,
+ "stroke-width": stroke,
+ "stroke-linecap": "round"
+ },
+ param3 = {
+ fill: options.timerColor,
+ stroke: 'none',
+ "stroke-width": 0
+ },
+ bgParam = {
+ fill: options.timerBg,
+ stroke: 'none',
+ "stroke-width": 0
+ };
+
+ // Custom Arc Attribute
+ r.customAttributes.arc = function (value, R) {
+ var total = 360,
+ alpha = 360 / total * value,
+ a = (90 - alpha) * Math.PI / 180,
+ cx = ((diameter / 2) + padding + stroke),
+ cy = ((diameter / 2) + padding + stroke),
+ x = cx + R * Math.cos(a),
+ y = cy - R * Math.sin(a),
+ path;
+ if (total == value) {
+ path = [["M", cx, cy - R], ["A", R, R, 0, 1, 1, 299.99, cy - R]];
+ } else {
+ path = [["M", cx, cy - R], ["A", R, R, 0, +(alpha > 180), 1, x, y]];
+ }
+ return {
+ path: path
+ };
+ };
+
+ // Custom Segment Attribute
+ r.customAttributes.segment = function (angle, R) {
+ var a1 = -90;
+ R = R - 1;
+ angle = (a1 + angle);
+ var flag = (angle - a1) > 180,
+ x = ((diameter / 2) + padding),
+ y = ((diameter / 2) + padding);
+ a1 = (a1 % 360) * Math.PI / 180;
+ angle = (angle % 360) * Math.PI / 180;
+ return {
+ path: [["M", x, y], ["l", R * Math.cos(a1), R * Math.sin(a1)], ["A", R, R, 0, +flag, 1, x + R * Math.cos(angle), y + R * Math.sin(angle)], ["z"]]
+ };
+ };
+
+ if (iv.defs.total > 1 && iv.defs.timer == "pie") {
+ r.circle(iv.R + padding, iv.R + padding, iv.R + padding - 1).attr(bgParam);
+ }
+ iv.timerBgPath = r.path().attr(param), iv.timerPath = r.path().attr(param2), iv.pieTimer = r.path().attr(param3);
+ }
+
+ iv.barTimer = $('div', iv.iviewTimer);
+
+ if (iv.defs.total > 1 && iv.defs.timer == "360bar") {
+ iv.timerBgPath.attr({
+ arc: [359.9, iv.R]
+ });
+ }
+
+ //Set Timer Styles
+ if (iv.defs.timer == "bar") {
+ iv.iviewTimer.css({
+ opacity: options.timerOpacity,
+ width: diameter,
+ height: stroke,
+ border: options.timerBarStroke + 'px ' + options.timerBarStrokeColor + ' ' + options.timerBarStrokeStyle,
+ padding: padding,
+ background: options.timerBg
+ });
+ iv.barTimer.css({
+ width: 0,
+ height: stroke,
+ background: options.timerColor,
+ 'float': 'left'
+ });
+ } else {
+ iv.iviewTimer.css({
+ opacity: options.timerOpacity,
+ width: width,
+ height: height
+ });
+ }
+
+ //Set Timer Position
+ iv.setTimerPosition();
+
+ // Run Preloader
+ new ImagePreload(iv.defs.images, function (i) {
+ var percent = (i * 10);
+ preloaderBar.stop().animate({
+ width: percent + '%'
+ });
+ }, function () {
+ preloaderBar.stop().animate({
+ width: '100%'
+ }, function () {
+ iviewPreloader.remove();
+ iv.startSlider();
+
+ //Trigger the onAfterLoad callback
+ options.onAfterLoad.call(this);
+ });
+ });
+
+ //Touch navigation
+ iv.sliderContent.bind('swipeleft', function () {
+ if (iv.defs.lock) return false;
+ iv.cleanTimer();
+ iv.goTo('next');
+ }).bind('swiperight', function () {
+ if (iv.defs.lock) return false;
+ iv.cleanTimer();
+ iv.defs.slide -= 2;
+ iv.goTo('prev');
+ });
+
+
+
+ //Keyboard Navigation
+ if (options.keyboardNav) {
+ $(document).bind('keyup.iView', function (event) {
+ //Left
+ if (event.keyCode == '37') {
+ if (iv.defs.lock) return false;
+ iv.cleanTimer();
+ iv.defs.slide -= 2;
+ iv.goTo('prev');
+ }
+ //Right
+ if (event.keyCode == '39') {
+ if (iv.defs.lock) return false;
+ iv.cleanTimer();
+ iv.goTo('next');
+ }
+ });
+ }
+
+ //Play/Pause action
+ iv.iviewTimer.live('click', function () {
+ if (iv.iviewTimer.hasClass('paused')) {
+ iv.playSlider();
+ } else {
+ iv.stopSlider();
+ }
+ });
+
+ //Bind the stop action
+ iv.sliderContent.bind('iView:pause', function () {
+ iv.stopSlider();
+ });
+
+ //Bind the start action
+ iv.sliderContent.bind('iView:play', function () {
+ iv.playSlider();
+ });
+
+ //Bind the start action
+ iv.sliderContent.bind('iView:previous', function () {
+ if (iv.defs.lock) return false;
+ iv.cleanTimer();
+ iv.defs.slide -= 2;
+ iv.goTo('prev');
+ });
+
+ //Bind the start action
+ iv.sliderContent.bind('iView:next', function () {
+ if (iv.defs.lock) return false;
+ iv.cleanTimer();
+ iv.goTo('next');
+ });
+
+ //Bind the goSlide action
+ iv.sliderContent.bind('iView:goSlide', function (event, slide) {
+ if (iv.defs.lock || iv.defs.slide == slide) return false;
+ if ($(this).hasClass('active')) return false;
+ iv.cleanTimer();
+ iv.slider.css('background', 'url("' + iv.defs.image.data('iview:image') + '") no-repeat');
+ iv.defs.slide = slide - 1;
+ iv.goTo('control');
+ });
+
+ //Bind the resize action
+ iv.sliderContent.bind('resize', function () {
+
+ t = $(this),
+ tW = t.width(),
+ tH = t.height(),
+ width = iv.slider.width(),
+ height = iv.slider.height();
+
+ if(iv.defs.width != tW){
+ var ratio = (tW / width),
+ newHeight = Math.round(iv.defs.height * ratio);
+ iv.slider.css({
+ '-webkit-transform-origin' : '0 0',
+ '-moz-transform-origin' : '0 0',
+ '-o-transform-origin' : '0 0',
+ '-ms-transform-origin' : '0 0',
+ 'transform-origin' : '0 0',
+ '-webkit-transform' : 'scale('+ ratio +')',
+ '-moz-transform' : 'scale('+ ratio +')',
+ '-o-transform' : 'scale('+ ratio +')',
+ '-ms-transform' : 'scale('+ ratio +')',
+ 'transform' : 'scale('+ ratio +')'
+ });
+ t.css({ height: newHeight });
+ iv.defs.width = tW;
+
+ //Set Timer Position
+ iv.setTimerPosition();
+ }
+ });
+
+ //Bind video display
+ $('.iview-video', iv.slider).click(function(e){
+ var t = $(this),
+ video = $('.iview-video-show', t);
+ if(!$(e.target).hasClass('iview-video-close') && !$(e.target).hasClass('iview-caption') && !$(e.target).parents().hasClass('iview-caption')){
+ video.show().animate({ top: 0 }, 1000, 'easeOutBounce');
+ iv.sliderContent.trigger('iView:pause');
+ }
+ });
+
+ //Bind the video closer
+ $('.iview-video-close', iv.slider).click(function(){
+ var video = $(this).parents('.iview-video-show'),
+ iframe = $('iframe', video),
+ src = iframe.attr('src');
+
+ iframe.removeAttr('src').attr('src',src);
+
+ video.animate({ top: '-' + iv.defs.height + 'px' }, 1000, 'easeOutBounce', function(){
+ video.hide();
+ iv.sliderContent.trigger('iView:play');
+ });
+ });
+
+ };
+
+ //iView helper functions
+ iView.prototype = {
+ timer: null,
+
+ //Start Slider
+ startSlider: function () {
+ var iv = this;
+
+ var img = new Image();
+ img.src = iv.slides.eq(0).data('iview:image');
+ imgWidth = img.width;
+ if(imgWidth != iv.defs.width){
+ iv.defs.width = imgWidth;
+ iv.sliderContent.trigger('resize');
+ }
+
+ iv.iviewTimer.show();
+
+ //Show slide
+ iv.slides.eq(iv.defs.slide).css('display', 'block');
+
+ //Set first background
+ iv.slider.css('background', 'url("' + iv.defs.image.data('iview:image') + '") no-repeat');
+
+ //Set initial caption
+ iv.setCaption(iv.options);
+
+ iv.iviewTimer.addClass('paused').attr('title', iv.options.playLabel);
+
+ if (iv.options.autoAdvance && iv.defs.total > 1) {
+ iv.iviewTimer.removeClass('paused').attr('title', iv.options.pauseLabel);
+ iv.setTimer();
+ }
+
+ //Add Direction nav
+ if (iv.options.directionNav) {
+ iv.sliderContent.append('');
+
+ //Animate Direction nav
+ $('.iview-directionNav', iv.sliderContent).css({
+ opacity: iv.options.directionNavHoverOpacity
+ });
+ iv.sliderContent.hover(function () {
+ $('.iview-directionNav', iv.sliderContent).stop().animate({
+ opacity: 1
+ }, 300);
+ }, function () {
+ $('.iview-directionNav', iv.sliderContent).stop().animate({
+ opacity: iv.options.directionNavHoverOpacity
+ }, 300);
+ });
+
+ $('a.iview-prevNav', iv.sliderContent).live('click', function () {
+ if (iv.defs.lock) return false;
+ iv.cleanTimer();
+ iv.defs.slide -= 2;
+ iv.goTo('prev');
+ });
+
+ $('a.iview-nextNav', iv.sliderContent).live('click', function () {
+ if (iv.defs.lock) return false;
+ iv.cleanTimer();
+ iv.goTo('next');
+ });
+ }
+
+ //Add Control nav
+ if (iv.options.controlNav) {
+ var iviewControl = '',
+ iviewTooltip = '';
+ if (!iv.options.directionNav && iv.options.controlNavNextPrev) iviewControl += '
' + iv.options.previousLabel + ' ';
+ iviewControl += '
';
+ for (var i = 0; i < iv.defs.total; i++) {
+ var slide = iv.slides.eq(i);
+ iviewControl += '';
+ if (iv.options.controlNavThumbs) {
+ var thumb = (slide.data('iview:thumbnail')) ? slide.data('iview:thumbnail') : slide.data('iview:image');
+ iviewControl += ' ';
+ } else {
+ var thumb = (slide.data('iview:thumbnail')) ? slide.data('iview:thumbnail') : slide.data('iview:image');
+ iviewControl += '' + (i + 1) + ' ';
+ if (iv.options.controlNavTooltip) iviewTooltip += '';
+ }
+ iviewControl += ' ';
+ }
+ iviewControl += ' ';
+ if (!iv.options.directionNav && iv.options.controlNavNextPrev) iviewControl += '
' + iv.options.nextLabel + ' ';
+ iviewControl += '
';
+
+ if (!iv.options.controlNavThumbs && iv.options.controlNavTooltip) iviewControl += '';
+
+ iv.sliderContent.append(iviewControl);
+
+ //Set initial active link
+ $('.iview-controlNav a.iview-control:eq(' + iv.defs.slide + ')', iv.sliderContent).addClass('active');
+
+ $('a.iview-controlPrevNav', iv.sliderContent).live('click', function () {
+ if (iv.defs.lock) return false;
+ iv.cleanTimer();
+ iv.defs.slide -= 2;
+ iv.goTo('prev');
+ });
+
+ $('a.iview-controlNextNav', iv.sliderContent).live('click', function () {
+ if (iv.defs.lock) return false;
+ iv.cleanTimer();
+ iv.goTo('next');
+ });
+
+ $('.iview-controlNav a.iview-control', iv.sliderContent).live('click', function () {
+ if (iv.defs.lock) return false;
+ if ($(this).hasClass('active')) return false;
+ iv.cleanTimer();
+ iv.slider.css('background', 'url("' + iv.defs.image.data('iview:image') + '") no-repeat');
+ iv.defs.slide = $(this).attr('rel') - 1;
+ iv.goTo('control');
+ });
+
+ //Animate Control nav
+ $('.iview-controlNav', iv.sliderContent).css({
+ opacity: iv.options.controlNavHoverOpacity
+ });
+ iv.sliderContent.hover(function () {
+ $('.iview-controlNav', iv.sliderContent).stop().animate({
+ opacity: 1
+ }, 300);
+ iv.sliderContent.addClass('iview-hover');
+ }, function () {
+ $('.iview-controlNav', iv.sliderContent).stop().animate({
+ opacity: iv.options.controlNavHoverOpacity
+ }, 300);
+ iv.sliderContent.removeClass('iview-hover');
+ });
+
+ //Show Tooltip
+ var tooltipTimer = null;
+
+ $('.iview-controlNav a.iview-control', iv.sliderContent).hover(function (e) {
+ var t = $(this),
+ i = t.attr('rel'),
+ tooltip = $('#iview-tooltip', iv.sliderContent),
+ holder = $('div.holder', tooltip),
+ x = t.offset().left - iv.sliderContent.offset().left - (tooltip.outerWidth() / 2) + iv.options.tooltipX,
+ y = t.offset().top - iv.sliderContent.offset().top - tooltip.outerHeight() + iv.options.tooltipY,
+ imD = $('div[rel=' + i + ']')
+ scrollLeft = (i * imD.width());
+
+ tooltip.stop().animate({
+ left: x,
+ top: y,
+ opacity: 1
+ }, 300);
+ //tooltip.css({ opacity: 1 });
+ if (tooltip.not(':visible')) tooltip.fadeIn(300);
+ holder.stop().animate({
+ scrollLeft: scrollLeft
+ }, 300);
+
+ clearTimeout(tooltipTimer);
+
+ }, function (e) {
+ var tooltip = $('#iview-tooltip', iv.sliderContent);
+ tooltipTimer = setTimeout(function () {
+ tooltip.animate({
+ opacity: 0
+ }, 300, function () {
+ tooltip.hide();
+ });
+ }, 200);
+ });
+ }
+
+ //Bind hover setting
+ iv.sliderContent.bind('mouseover.iView mousemove.iView', function () {
+ //Clear the timer
+ if (iv.options.pauseOnHover && !iv.defs.paused) iv.cleanTimer();
+
+ iv.sliderContent.addClass('iview-hover');
+ }).bind('mouseout.iView', function () {
+ //Restart the timer
+ if (iv.options.pauseOnHover && !iv.defs.paused && iv.timer == null && iv.pieDegree <= 359 && iv.options.autoAdvance) iv.setTimer();
+
+ iv.sliderContent.removeClass('iview-hover');
+ });
+ },
+
+ // setCaption function
+ setCaption: function () {
+ var iv = this,
+ slide = iv.slides.eq(iv.defs.slide),
+ captions = $('.iview-caption', slide),
+ timeEx = 0;
+ captions.each(function (i) {
+ var caption = $(this),
+ fx = (caption.data('transition')) ? $.trim(caption.data('transition').toLowerCase()) : "fade",
+ speed = (caption.data('speed')) ? caption.data('speed') : iv.options.captionSpeed,
+ easing = (caption.data('easing')) ? caption.data('easing') : iv.options.captionEasing,
+ x = (caption.data('x')!="undefined") ? caption.data('x') : "center",
+ y = (caption.data('y')!="undefined") ? caption.data('y') : "center",
+ w = (caption.data('width')) ? caption.data('width') : caption.width(),
+ h = (caption.data('height')) ? caption.data('height') : caption.height(),
+ oW = caption.outerWidth(),
+ oH = caption.outerHeight();
+
+ if(x == "center") x = ((iv.defs.width/2) - (oW/2));
+ if(y == "center") y = ((iv.defs.height/2) - (oH/2));
+
+ var captionContain = $('.caption-contain', caption);
+
+ caption.css({
+ opacity: 0
+ });
+ captionContain.css({
+ opacity: 0,
+ position: 'relative',
+ width: w,
+ height: h
+ });
+
+ switch (fx) {
+ case "wipedown":
+ caption.css({
+ top: (y - h),
+ left: x
+ });
+ captionContain.css({
+ top: (h + (h * 3)),
+ left: 0
+ });
+ break;
+ case "wipeup":
+ caption.css({
+ top: (y + h),
+ left: x
+ });
+ captionContain.css({
+ top: (h - (h * 3)),
+ left: 0
+ });
+ break;
+ case "wiperight":
+ caption.css({
+ top: y,
+ left: (x - w)
+ });
+ captionContain.css({
+ top: 0,
+ left: (w + (w * 2))
+ });
+ break;
+ case "wipeleft":
+ caption.css({
+ top: y,
+ left: (x + w)
+ });
+ captionContain.css({
+ top: 0,
+ left: (w - (w * 2))
+ });
+ break;
+ case "fade":
+ caption.css({
+ top: y,
+ left: x
+ });
+ captionContain.css({
+ top: 0,
+ left: 0
+ });
+ break;
+ case "expanddown":
+ caption.css({
+ top: y,
+ left: x,
+ height: 0
+ });
+ captionContain.css({
+ top: (h + (h * 3)),
+ left: 0
+ });
+ break;
+ case "expandup":
+ caption.css({
+ top: (y + h),
+ left: x,
+ height: 0
+ });
+ captionContain.css({
+ top: (h - (h * 3)),
+ left: 0
+ });
+ break;
+ case "expandright":
+ caption.css({
+ top: y,
+ left: x,
+ width: 0
+ });
+ captionContain.css({
+ top: 0,
+ left: (w + (w * 2))
+ });
+ break;
+ case "expandleft":
+ caption.css({
+ top: y,
+ left: (x + w),
+ width: 0
+ });
+ captionContain.css({
+ top: 0,
+ left: (w - (w * 2))
+ });
+ break;
+ }
+
+ setTimeout(function () {
+ caption.animate({
+ opacity: iv.options.captionOpacity,
+ top: y,
+ left: x,
+ width: w,
+ height: h
+ }, speed, easing, function () {});
+ }, timeEx);
+ setTimeout(function () {
+ captionContain.animate({
+ opacity: iv.options.captionOpacity,
+ top: 0,
+ left: 0
+ }, speed, easing);
+ }, (timeEx + 100));
+ timeEx += 250;
+ });
+ },
+
+ //Process the timer
+ processTimer: function () {
+ var iv = this;
+ if (iv.defs.timer == "360bar") {
+ var degree = (iv.pieDegree == 0) ? 0 : iv.pieDegree + .9;
+ iv.timerPath.attr({
+ arc: [degree, iv.R]
+ });
+ } else if (iv.defs.timer == "pie") {
+ var degree = (iv.pieDegree == 0) ? 0 : iv.pieDegree + .9;
+ iv.pieTimer.attr({
+ segment: [degree, iv.R]
+ });
+ } else {
+ iv.barTimer.css({
+ width: ((iv.pieDegree / 360) * 100) + '%'
+ });
+ }
+ iv.pieDegree += 3;
+ },
+
+ //When Animation finishes
+ transitionEnd: function (iv) {
+ //Trigger the onAfterChange callback
+ iv.options.onAfterChange.call(this);
+
+ //Lock the slider
+ iv.defs.lock = false;
+
+ //Hide slider slides
+ iv.slides.css('display', 'none');
+
+ //Diplay the current slide
+ iv.slides.eq(iv.defs.slide).show();
+
+ iv.slider.css('background', 'url("' + iv.defs.image.data('iview:image') + '") no-repeat');
+
+ // Remove any strips and blocks from last transition
+ $('.iview-strip, .iview-block', iv.slider).remove();
+
+ //Set slide pauseTime
+ iv.defs.time = (iv.defs.image.data('iview:pausetime')) ? iv.defs.image.data('iview:pausetime') : iv.options.pauseTime;
+
+ //Process timer
+ iv.iviewTimer.animate({
+ opacity: iv.options.timerOpacity
+ });
+ iv.pieDegree = 0;
+ iv.processTimer();
+
+ //Set caption
+ iv.setCaption(iv.options);
+
+ //Restart the timer
+ if (iv.timer == null && !iv.defs.paused) iv.timer = setInterval(function () {
+ iv.timerCall(iv);
+ }, (iv.defs.time / 120));
+ },
+
+ // Add strips
+ addStrips: function (vertical, opts) {
+ var iv = this;
+ opts = (opts) ? opts : iv.options;
+ for (var i = 0; i < opts.strips; i++) {
+ var stripWidth = Math.round(iv.slider.width() / opts.strips),
+ stripHeight = Math.round(iv.slider.height() / opts.strips),
+ bgPosition = '-' + ((stripWidth + (i * stripWidth)) - stripWidth) + 'px 0%',
+ top = ((vertical) ? (stripHeight * i) + 'px' : '0px'),
+ left = ((vertical) ? '0px' : (stripWidth * i) + 'px');
+ if (vertical) bgPosition = '0% -' + ((stripHeight + (i * stripHeight)) - stripHeight) + 'px';
+
+ if (i == opts.strips - 1) {
+ var width = ((vertical) ? '0px' : (iv.slider.width() - (stripWidth * i)) + 'px'),
+ height = ((vertical) ? (iv.slider.height() - (stripHeight * i)) + 'px' : '0px');
+ } else {
+ var width = ((vertical) ? '0px' : stripWidth + 'px'),
+ height = ((vertical) ? stripHeight + 'px' : '0px');
+ }
+
+ var strip = $('
').css({
+ width: width,
+ height: height,
+ top: top,
+ left: left,
+ background: 'url("' + iv.defs.image.data('iview:image') + '") no-repeat ' + bgPosition,
+ opacity: 0
+ });
+
+ iv.slider.append(strip);
+ }
+ },
+
+ // Add blocks
+ addBlocks: function () {
+ var iv = this,
+ blockWidth = Math.round(iv.slider.width() / iv.options.blockCols),
+ blockHeight = Math.round(iv.slider.height() / iv.options.blockRows);
+
+ for (var rows = 0; rows < iv.options.blockRows; rows++) {
+ for (var columns = 0; columns < iv.options.blockCols; columns++) {
+ var top = (rows * blockHeight) + 'px',
+ left = (columns * blockWidth) + 'px',
+ width = blockWidth + 'px',
+ height = blockHeight + 'px',
+ bgPosition = '-' + ((blockWidth + (columns * blockWidth)) - blockWidth) + 'px -' + ((blockHeight + (rows * blockHeight)) - blockHeight) + 'px';
+
+ if (columns == iv.options.blockCols - 1) width = (iv.slider.width() - (blockWidth * columns)) + 'px';
+
+ var block = $('
').css({
+ width: blockWidth + 'px',
+ height: blockHeight + 'px',
+ top: (rows * blockHeight) + 'px',
+ left: (columns * blockWidth) + 'px',
+ background: 'url("' + iv.defs.image.data('iview:image') + '") no-repeat ' + bgPosition,
+ opacity: 0
+ });
+
+ iv.slider.append(block);
+ }
+ }
+ },
+
+ runTransition: function (fx) {
+ var iv = this;
+
+ switch (fx) {
+ case 'strip-up-right':
+ case 'strip-up-left':
+ iv.addStrips();
+ var timeDelay = 0;
+ i = 0, strips = $('.iview-strip', iv.slider);
+ if (fx == 'strip-up-left') strips = $('.iview-strip', iv.slider).reverse();
+
+ strips.each(function () {
+ var strip = $(this);
+ strip.css({
+ top: '',
+ bottom: '0px'
+ });
+
+ setTimeout(function () {
+ strip.animate({
+ height: '100%',
+ opacity: '1.0'
+ }, iv.options.animationSpeed, iv.defs.easing, function () {
+ if (i == iv.options.strips - 1) iv.transitionEnd(iv);
+ i++;
+ });
+ }, (100 + timeDelay));
+
+ timeDelay += 50;
+ });
+ break;
+ case 'strip-down':
+ case 'strip-down-right':
+ case 'strip-down-left':
+ iv.addStrips();
+ var timeDelay = 0,
+ i = 0,
+ strips = $('.iview-strip', iv.slider);
+ if (fx == 'strip-down-left') strips = $('.iview-strip', iv.slider).reverse();
+
+ strips.each(function () {
+ var strip = $(this);
+ strip.css({
+ bottom: '',
+ top: '0px'
+ });
+
+ setTimeout(function () {
+ strip.animate({
+ height: '100%',
+ opacity: '1.0'
+ }, iv.options.animationSpeed, iv.defs.easing, function () {
+ if (i == iv.options.strips - 1) iv.transitionEnd(iv);
+ i++;
+ });
+ }, (100 + timeDelay));
+ timeDelay += 50;
+ });
+ break;
+ case 'strip-left-right':
+ case 'strip-left-right-up':
+ case 'strip-left-right-down':
+ iv.addStrips(true);
+ var timeDelay = 0,
+ i = 0,
+ v = 0,
+ strips = $('.iview-strip', iv.slider);
+ if (fx == 'strip-left-right-down') strips = $('.iview-strip', iv.slider).reverse();
+
+ strips.each(function () {
+ var strip = $(this);
+ if (i == 0) {
+ strip.css({
+ right: '',
+ left: '0px'
+ });
+ i++;
+ } else {
+ strip.css({
+ left: '',
+ right: '0px'
+ });
+ i = 0;
+ }
+
+ setTimeout(function () {
+ strip.animate({
+ width: '100%',
+ opacity: '1.0'
+ }, iv.options.animationSpeed, iv.defs.easing, function () {
+ if (v == iv.options.strips - 1) iv.transitionEnd(iv);
+ v++;
+ });
+ }, (100 + timeDelay));
+ timeDelay += 50;
+ });
+ break;
+ case 'strip-up-down':
+ case 'strip-up-down-right':
+ case 'strip-up-down-left':
+ iv.addStrips();
+ var timeDelay = 0,
+ i = 0,
+ v = 0,
+ strips = $('.iview-strip', iv.slider);
+ if (fx == 'strip-up-down-left') strips = $('.iview-strip', iv.slider).reverse();
+
+ strips.each(function () {
+ var strip = $(this);
+ if (i == 0) {
+ strip.css({
+ bottom: '',
+ top: '0px'
+ });
+ i++;
+ } else {
+ strip.css({
+ top: '',
+ bottom: '0px'
+ });
+ i = 0;
+ }
+
+ setTimeout(function () {
+ strip.animate({
+ height: '100%',
+ opacity: '1.0'
+ }, iv.options.animationSpeed, iv.defs.easing, function () {
+ if (v == iv.options.strips - 1) iv.transitionEnd(iv);
+ v++;
+ });
+ }, (100 + timeDelay));
+ timeDelay += 50;
+ });
+ break;
+ case 'left-curtain':
+ case 'right-curtain':
+ case 'top-curtain':
+ case 'bottom-curtain':
+ if (fx == 'left-curtain' || fx == 'right-curtain') iv.addStrips();
+ else iv.addStrips(true);
+ var timeDelay = 0,
+ i = 0,
+ strips = $('.iview-strip', iv.slider);
+
+ if (fx == 'right-curtain' || fx == 'bottom-curtain') strips = $('.iview-strip', iv.slider).reverse();
+
+ strips.each(function () {
+ var strip = $(this);
+ var width = strip.width();
+ var height = strip.height();
+ if (fx == 'left-curtain' || fx == 'right-curtain') strip.css({
+ top: '0px',
+ height: '100%',
+ width: '0px'
+ });
+ else strip.css({
+ left: '0px',
+ height: '0px',
+ width: '100%'
+ });
+ setTimeout(function () {
+ if (fx == 'left-curtain' || fx == 'right-curtain') strip.animate({
+ width: width,
+ opacity: '1.0'
+ }, iv.options.animationSpeed, iv.defs.easing, function () {
+ if (i == iv.options.strips - 1) iv.transitionEnd(iv);
+ i++;
+ });
+ else strip.animate({
+ height: height,
+ opacity: '1.0'
+ }, iv.options.animationSpeed, iv.defs.easing, function () {
+ if (i == iv.options.strips - 1) iv.transitionEnd(iv);
+ i++;
+ });
+ }, (100 + timeDelay));
+ timeDelay += 50;
+ });
+ break;
+ case 'strip-up-right':
+ case 'strip-up-left':
+ iv.addStrips();
+ var timeDelay = 0,
+ i = 0,
+ strips = $('.iview-strip', iv.slider);
+ if (fx == 'strip-up-left') strips = $('.iview-strip', iv.slider).reverse();
+
+ strips.each(function () {
+ var strip = $(this);
+ strip.css({
+ 'bottom': '0px'
+ });
+ setTimeout(function () {
+ strip.animate({
+ height: '100%',
+ opacity: '1.0'
+ }, iv.options.animationSpeed, iv.defs.easing, function () {
+ if (i == iv.options.strips - 1) iv.transitionEnd(iv);
+ i++;
+ });
+ }, (100 + timeDelay));
+ timeDelay += 50;
+ });
+ break;
+ case 'strip-left-fade':
+ case 'strip-right-fade':
+ case 'strip-top-fade':
+ case 'strip-bottom-fade':
+ if (fx == 'strip-left-fade' || fx == 'strip-right-fade') iv.addStrips();
+ else iv.addStrips(true);
+ var timeDelay = 0,
+ i = 0,
+ strips = $('.iview-strip', iv.slider);
+
+ if (fx == 'strip-right-fade' || fx == 'strip-bottom-fade') strips = $('.iview-strip', iv.slider).reverse();
+
+ strips.each(function () {
+ var strip = $(this);
+ var width = strip.width();
+ var height = strip.height();
+ if (fx == 'strip-left-fade' || fx == 'strip-right-fade') strip.css({
+ top: '0px',
+ height: '100%',
+ width: width
+ });
+ else strip.css({
+ left: '0px',
+ height: height,
+ width: '100%'
+ });
+ setTimeout(function () {
+ strip.animate({
+ opacity: '1.0'
+ }, iv.options.animationSpeed * 1.7, iv.defs.easing, function () {
+ if (i == iv.options.strips - 1) iv.transitionEnd(iv);
+ i++;
+ });
+ }, (100 + timeDelay));
+ timeDelay += 35;
+ });
+ break;
+ case 'slide-in-up':
+ case 'slide-in-down':
+ opts = {
+ strips: 1
+ };
+ iv.addStrips(false, opts);
+
+ var strip = $('.iview-strip:first', iv.slider),
+ top = 0;
+
+ if (fx == 'slide-in-up') top = '-' + iv.defs.height + 'px';
+ else top = iv.defs.height + 'px';
+
+ strip.css({
+ top: top,
+ 'height': '100%',
+ 'width': iv.defs.width
+ });
+
+ strip.animate({
+ 'top': '0px',
+ opacity: 1
+ }, (iv.options.animationSpeed * 2), iv.defs.easing, function () {
+ iv.transitionEnd(iv);
+ });
+ break;
+ case 'zigzag-top':
+ case 'zigzag-bottom':
+ case 'zigzag-grow-top':
+ case 'zigzag-grow-bottom':
+ case 'zigzag-drop-top':
+ case 'zigzag-drop-bottom':
+ iv.addBlocks();
+
+ var totalBlocks = (iv.options.blockCols * iv.options.blockRows),
+ timeDelay = 0,
+ blockToArr = new Array(),
+ blocks = $('.iview-block', iv.slider);
+
+ for (var rows = 0; rows < iv.options.blockRows; rows++) {
+ var odd = (rows % 2),
+ start = (rows * iv.options.blockCols),
+ end = ((rows + 1) * iv.options.blockCols);
+ if (odd == 1) {
+ for (var columns = end - 1; columns >= start; columns--) {
+ blockToArr.push($(blocks[columns]));
+ }
+ } else {
+ for (var columns = start; columns < end; columns++) {
+ blockToArr.push($(blocks[columns]));
+ }
+ }
+ }
+
+ if (fx == 'zigzag-bottom' || fx == 'zigzag-grow-bottom' || fx == 'zigzag-drop-bottom') blockToArr.reverse();
+
+ // Run animation
+ blocks.each(function (i) {
+ var block = $(blockToArr[i]),
+ h = block.height(),
+ w = block.width(),
+ top = block.css('top');
+
+ if (fx == 'zigzag-grow-top' || fx == 'zigzag-grow-bottom') block.width(0).height(0);
+ else if (fx == 'zigzag-drop-top' || fx == 'zigzag-drop-bottom') block.css({
+ top: '-=50'
+ });
+
+ setTimeout(function () {
+ if (fx == 'zigzag-grow-top' || fx == 'zigzag-grow-bottom') block.animate({
+ opacity: '1',
+ height: h,
+ width: w
+ }, iv.options.animationSpeed, iv.defs.easing, function () {
+ if (i == totalBlocks - 1) iv.transitionEnd(iv);
+ });
+ else if (fx == 'zigzag-drop-top' || fx == 'zigzag-drop-bottom') block.animate({
+ top: top,
+ opacity: '1'
+ }, iv.options.animationSpeed, iv.defs.easing, function () {
+ if (i == totalBlocks - 1) iv.transitionEnd(iv);
+ });
+ else block.animate({
+ opacity: '1'
+ }, (iv.options.animationSpeed * 2), 'easeInOutExpo', function () {
+ if (i == totalBlocks - 1) iv.transitionEnd(iv);
+ });
+ }, (100 + timeDelay));
+ timeDelay += 20;
+ });
+ break;
+ case 'block-fade':
+ case 'block-fade-reverse':
+ case 'block-expand':
+ case 'block-expand-reverse':
+ iv.addBlocks();
+
+ var totalBlocks = (iv.options.blockCols * iv.options.blockRows),
+ i = 0,
+ timeDelay = 0;
+
+ // Split blocks into array
+ var rowIndex = 0;
+ var colIndex = 0;
+ var blockToArr = new Array();
+ blockToArr[rowIndex] = new Array();
+ var blocks = $('.iview-block', iv.slider);
+ if (fx == 'block-fade-reverse' || fx == 'block-expand-reverse') {
+ blocks = $('.iview-block', iv.slider).reverse();
+ }
+ blocks.each(function () {
+ blockToArr[rowIndex][colIndex] = $(this);
+ colIndex++;
+ if (colIndex == iv.options.blockCols) {
+ rowIndex++;
+ colIndex = 0;
+ blockToArr[rowIndex] = new Array();
+ }
+ });
+
+ // Run animation
+ for (var columns = 0; columns < (iv.options.blockCols * 2); columns++) {
+ var Col = columns;
+ for (var rows = 0; rows < iv.options.blockRows; rows++) {
+ if (Col >= 0 && Col < iv.options.blockCols) {
+ (function () {
+ var block = $(blockToArr[rows][Col]);
+ var w = block.width();
+ var h = block.height();
+ if (fx == 'block-expand' || fx == 'block-expand-reverse') {
+ block.width(0).height(0);
+ }
+
+ setTimeout(function () {
+ block.animate({
+ opacity: '1',
+ width: w,
+ height: h
+ }, iv.options.animationSpeed / 1.3, iv.defs.easing, function () {
+ if (i == totalBlocks - 1) iv.transitionEnd(iv);
+ i++;
+ });
+ }, (100 + timeDelay));
+
+ })();
+ }
+ Col--;
+ }
+ timeDelay += 100;
+ }
+ break;
+ case 'block-random':
+ case 'block-expand-random':
+ case 'block-drop-random':
+ iv.addBlocks();
+
+ var totalBlocks = (iv.options.blockCols * iv.options.blockRows),
+ timeDelay = 0;
+
+ var blocks = iv.shuffle($('.iview-block', iv.slider));
+ blocks.each(function (i) {
+ var block = $(this),
+ h = block.height(),
+ w = block.width(),
+ top = block.css('top');
+ if (fx == 'block-expand-random') block.width(0).height(0);
+ if (fx == 'block-drop-random') block.css({
+ top: '-=50'
+ });
+
+ setTimeout(function () {
+ block.animate({
+ top: top,
+ opacity: '1',
+ height: h,
+ width: w
+ }, iv.options.animationSpeed, iv.defs.easing, function () {
+ if (i == totalBlocks - 1) iv.transitionEnd(iv);
+ });
+ }, (100 + timeDelay));
+
+ timeDelay += 20;
+ });
+ break;
+ case 'slide-in-right':
+ case 'slide-in-left':
+ case 'fade':
+ default:
+ opts = {
+ strips: 1
+ };
+ iv.addStrips(false, opts);
+
+ var strip = $('.iview-strip:first', iv.slider);
+ strip.css({
+ 'height': '100%',
+ 'width': iv.defs.width
+ });
+ if (fx == 'slide-in-right') strip.css({
+ 'height': '100%',
+ 'width': iv.defs.width,
+ 'left': iv.defs.width + 'px',
+ 'right': ''
+ });
+ else if (fx == 'slide-in-left') strip.css({
+ 'left': '-' + iv.defs.width + 'px'
+ });
+
+ strip.animate({
+ left: '0px',
+ opacity: 1
+ }, (iv.options.animationSpeed * 2), iv.defs.easing, function () {
+ iv.transitionEnd(iv);
+ });
+ break;
+ }
+ },
+
+ // Shuffle an array
+ shuffle: function (oldArray) {
+ var newArray = oldArray.slice();
+ var len = newArray.length;
+ var i = len;
+ while (i--) {
+ var p = parseInt(Math.random() * len);
+ var t = newArray[i];
+ newArray[i] = newArray[p];
+ newArray[p] = t;
+ }
+ return newArray;
+ },
+
+ // Timer interval caller
+ timerCall: function (iv) {
+ iv.processTimer();
+ if (iv.pieDegree >= 360) {
+ iv.cleanTimer();
+ iv.goTo(false);
+ }
+ },
+
+ //Set the timer function
+ setTimer: function () {
+ var iv = this;
+ iv.timer = setInterval(function () {
+ iv.timerCall(iv);
+ }, (iv.defs.time / 120));
+ },
+
+ //Clean the timer function
+ cleanTimer: function () {
+ var iv = this;
+ clearInterval(iv.timer);
+ iv.timer = null;
+ },
+
+
+ // goTo function
+ goTo: function (action) {
+ var iv = this;
+ //Trigger the onLastSlide callback
+ if (iv.defs && (iv.defs.slide == iv.defs.total - 1)) {
+ iv.options.onLastSlide.call(this);
+ }
+
+ iv.cleanTimer();
+
+ iv.iviewTimer.animate({
+ opacity: 0
+ });
+
+ //Trigger the onBeforeChange callback
+ iv.options.onBeforeChange.call(this);
+
+ //Set current background before change
+ if (!action) {
+ iv.slider.css('background', 'url("' + iv.defs.image.data('iview:image') + '") no-repeat');
+ } else {
+ if (action == 'prev' || action == 'next') {
+ iv.slider.css('background', 'url("' + iv.defs.image.data('iview:image') + '") no-repeat');
+ }
+ }
+ iv.defs.slide++;
+
+ //Trigger the onSlideShowEnd callback
+ if (iv.defs.slide == iv.defs.total) {
+ iv.defs.slide = 0;
+ iv.options.onSlideShowEnd.call(this);
+ }
+ if (iv.defs.slide < 0) iv.defs.slide = (iv.defs.total - 1);
+
+ //Set iv.defs.image
+ iv.defs.image = iv.slides.eq(iv.defs.slide);
+
+ //Set active links
+ if (iv.options.controlNav) {
+ $('.iview-controlNav a.iview-control', iv.sliderContent).removeClass('active');
+ $('.iview-controlNav a.iview-control:eq(' + iv.defs.slide + ')', iv.sliderContent).addClass('active');
+ }
+
+ var fx = iv.options.fx;
+
+ //Generate random transition
+ if (iv.options.fx.toLowerCase() == 'random') {
+ var transitions = new Array('left-curtain', 'right-curtain', 'top-curtain', 'bottom-curtain', 'strip-down-right', 'strip-down-left', 'strip-up-right', 'strip-up-left', 'strip-up-down', 'strip-up-down-left', 'strip-left-right', 'strip-left-right-down', 'slide-in-right', 'slide-in-left', 'slide-in-up', 'slide-in-down', 'fade', 'block-random', 'block-fade', 'block-fade-reverse', 'block-expand', 'block-expand-reverse', 'block-expand-random', 'zigzag-top', 'zigzag-bottom', 'zigzag-grow-top', 'zigzag-grow-bottom', 'zigzag-drop-top', 'zigzag-drop-bottom', 'strip-left-fade', 'strip-right-fade', 'strip-top-fade', 'strip-bottom-fade', 'block-drop-random');
+ fx = transitions[Math.floor(Math.random() * (transitions.length + 1))];
+ if (fx == undefined) fx = 'fade';
+ fx = $.trim(fx.toLowerCase());
+ }
+
+ //Run random transition from specified set (eg: effect:'strip-left-fade,right-curtain')
+ if (iv.options.fx.indexOf(',') != -1) {
+ var transitions = iv.options.fx.split(',');
+ fx = transitions[Math.floor(Math.random() * (transitions.length))];
+ if (fx == undefined) fx = 'fade';
+ fx = $.trim(fx.toLowerCase());
+ }
+
+ //Custom transition as defined by "data-iview:transition" attribute
+ if (iv.defs.image.data('iview:transition')) {
+ var transitions = iv.defs.image.data('iview:transition').split(',');
+ fx = transitions[Math.floor(Math.random() * (transitions.length))];
+ fx = $.trim(fx.toLowerCase());
+ }
+
+ //Set slide easing
+ iv.defs.easing = (iv.defs.image.data('iview:easing')) ? iv.defs.image.data('iview:easing') : iv.options.easing;
+
+ //Start Transition
+ iv.defs.lock = true;
+ iv.runTransition(fx);
+ },
+
+ playSlider: function () {
+ var iv = this;
+ if (iv.timer == null && iv.defs.paused) {
+ iv.iviewTimer.removeClass('paused').attr('title', iv.options.pauseLabel);
+ iv.setTimer();
+ iv.defs.paused = false;
+
+ //Trigger the onPlay callback
+ iv.options.onPlay.call(this);
+ }
+ },
+
+ stopSlider: function () {
+ var iv = this;
+ iv.iviewTimer.addClass('paused').attr('title', iv.options.playLabel);
+ iv.cleanTimer();
+ iv.defs.paused = true;
+
+ //Trigger the onPause callback
+ iv.options.onPause.call(this);
+ },
+
+ //Set Timer Position function
+ setTimerPosition: function(){
+ var iv = this,
+ position = iv.options.timerPosition.toLowerCase().split('-');
+ for (var i = 0; i < position.length; i++) {
+ if (position[i] == 'top') {
+ iv.iviewTimer.css({
+ top: iv.options.timerY + 'px',
+ bottom: ''
+ });
+ } else if (position[i] == 'middle') {
+ iv.iviewTimer.css({
+ top: (iv.options.timerY + (iv.defs.height / 2) - (iv.options.timerDiameter / 2)) + 'px',
+ bottom: ''
+ });
+ } else if (position[i] == 'bottom') {
+ iv.iviewTimer.css({
+ bottom: iv.options.timerY + 'px',
+ top: ''
+ });
+ } else if (position[i] == 'left') {
+ iv.iviewTimer.css({
+ left: iv.options.timerX + 'px',
+ right: ''
+ });
+ } else if (position[i] == 'center') {
+ iv.iviewTimer.css({
+ left: (iv.options.timerX + (iv.defs.width / 2) - (iv.options.timerDiameter / 2)) + 'px',
+ right: ''
+ });
+ } else if (position[i] == 'right') {
+ iv.iviewTimer.css({
+ right: iv.options.timerX + 'px',
+ left: ''
+ });
+ }
+ }
+ },
+
+ disableSelection: function (target) {
+ if (typeof target.onselectstart != "undefined") target.onselectstart = function () {
+ return false;
+ };
+ else if (typeof target.style.MozUserSelect != "undefined") target.style.MozUserSelect = "none";
+ else if (typeof target.style.webkitUserSelect != "undefined") target.style.webkitUserSelect = "none";
+ else if (typeof target.style.userSelect != "undefined") target.style.userSelect = "none";
+ else target.onmousedown = function () {
+ return false;
+ };
+ target.unselectable = "on";
+ },
+
+ //touch
+ isTouch: function () {
+ return !!('ontouchstart' in window);
+ }
+ };
+
+ //Image Preloader Function
+ var ImagePreload = function (p_aImages, p_pfnPercent, p_pfnFinished) {
+ this.m_pfnPercent = p_pfnPercent;
+ this.m_pfnFinished = p_pfnFinished;
+ this.m_nLoaded = 0;
+ this.m_nProcessed = 0;
+ this.m_aImages = new Array;
+ this.m_nICount = p_aImages.length;
+ for (var i = 0; i < p_aImages.length; i++) this.Preload(p_aImages[i])
+ };
+
+ ImagePreload.prototype = {
+ Preload: function (p_oImage) {
+ var oImage = new Image;
+ this.m_aImages.push(oImage);
+ oImage.onload = ImagePreload.prototype.OnLoad;
+ oImage.onerror = ImagePreload.prototype.OnError;
+ oImage.onabort = ImagePreload.prototype.OnAbort;
+ oImage.oImagePreload = this;
+ oImage.bLoaded = false;
+ oImage.source = p_oImage;
+ oImage.src = p_oImage
+ },
+ OnComplete: function () {
+ this.m_nProcessed++;
+ if (this.m_nProcessed == this.m_nICount) this.m_pfnFinished();
+ else this.m_pfnPercent(Math.round((this.m_nProcessed / this.m_nICount) * 10))
+ },
+ OnLoad: function () {
+ this.bLoaded = true;
+ this.oImagePreload.m_nLoaded++;
+ this.oImagePreload.OnComplete()
+ },
+ OnError: function () {
+ this.bError = true;
+ this.oImagePreload.OnComplete()
+ },
+ OnAbort: function () {
+ this.bAbort = true;
+ this.oImagePreload.OnComplete()
+ }
+ }
+
+
+
+ // Begin the iView plugin
+ $.fn.iView = function (options) {
+
+ // Default options. Play carefully.
+ /*Las opciones por defecto. Cuando cambies algo, hazlo con cuidado*/
+ options = jQuery.extend({
+ /*Transición por defecto ( en caso de que no especifiques una )*/
+ fx: 'random',
+ /*Esta es como la forma en que se da la transición*/
+ easing: 'easeOutQuad',
+ /*El número de columnas ( Para las animaciones que su nombre tenga strip[Strip-up-right Por ejemplo) */
+ strips: 20,
+ /*Bloques por columna ( Para las animaciones de bloques, o cortinas o zigzag... )*/
+ blockCols: 10,
+ /*Bloques por fila*/
+ blockRows: 5,
+ /*Velocidad de la transición*/
+ animationSpeed: 500,
+ /*Duración de cada imagen ( Milisegundos )*/
+ pauseTime: 5000,
+ /*La "Diapositiva de inicio del slideshow" ("0" es la primera)*/
+ startSlide: 0,
+ /*Flechas de dirección*/
+ directionNav: true,
+ /*La opacidad de las flechas de dirección cuando el hover acabe*/
+ directionNavHoverOpacity: 0.6,
+ /*Barra de controles. Normalmente entra en conflicto con el responsive...*/
+ controlNav: false,
+ /*Botones de anterior y siguiente.*/
+ controlNavNextPrev: true,
+ /*La opacidad de la barra de controles cuando no se hace hover*/
+ controlNavHoverOpacity: 0.6,
+ /*Los previews o muestras de las imágenes en miniatura*/
+ controlNavThumbs: false,
+ /*No entiendo muy bien... Vuene siendo lo mismo*/
+ controlNavTooltip: true,
+ /*Velocidad de la transición del "texto"*/
+ captionSpeed: 500,
+ /*Esta es como la forma en que se da la transición del "texto"*/
+ captionEasing: 'easeInOutSine',
+ /*La opacidad del "texto" (1 = 100%)*/
+ captionOpacity: 1,
+ /*Permitir que se pasen solas*/
+ autoAdvance: true,
+ /*Permitir pasarlas con las flechitas del teclado*/
+ keyboardNav: true,
+ /*Permitir pasar con el dedo :o ( Si la pantalla es touch, obviamente )*/
+ touchNav: true,
+ /*Pausar cuando se pase sobre la imagen ( En este caso desde el index lo cambiamos por true )*/
+ pauseOnHover: false,
+ /*El "Tooltip" que sale cuando pasas sobre el botón para ir a la siguiente "diapositiva"*/
+ nextLabel: "Siguiente",
+ /*El que sale cuando pasas sobre el botón para ir a la anterior*/
+ previousLabel: "Anterior",
+ /*El que sale cuando pasas sobre el botón para dar play*/
+ playLabel: "Play",
+ /*El que sale cuando pasas sobre el botón para dar pausa*/
+ pauseLabel: "Pause",
+ /*El que sale cuando pasas sobre el botón para cerrar*/
+ closeLabel: "Close",
+ /*Que la primera diapositiva sea aleatoria*/
+ randomStart: true,
+ /*El tipo de barra de tiempo ( En el indes lo cambiamos por "bar" A mí sólo me funciona bar , pero también está 360bar, pie. No sé, busca por ahí) :)*/
+ timer: 'Pie',
+ /*El color de fondo de la barra de tiempo*/
+ timerBg: '#000',
+ /*El color de la barra de tiempo*/
+ timerColor: '#EEE',
+ /*La opacidad de la barra de tiempo*/
+ timerOpacity: 0.5,
+ /*El espacio que ocupa la barra ésa ↑ ( En el index lo cambiamos por el 70% )*/
+ timerDiameter: 30,
+ /*El espacio vital :3 para la barra de tiempo*/
+ timerPadding: 4,
+ /*El grosor de la misma*/
+ timerStroke: 3,
+ /*Grosor del borde de la barra*/
+ timerBarStroke: 1,
+ /*Color del borde de la barra*/
+ timerBarStrokeColor: '#EEE',
+ /*El estilo ( sólido, cortado... ) de la barra ésa*/
+ timerBarStrokeStyle: 'solid',
+ /*La posición de la barra ( Por el index lo cambiamos también )*/
+ timerPosition: 'top-right',
+ /*Posición en x de la b.*/
+ timerX: 10,
+ /*Posición en y de la b.*/
+ timerY: 10,
+ /*Posición en x por defecto del "texto"*/
+ tooltipX: 5,
+ /*Posición en y por defecto del "texto"*/
+ tooltipY: -5,
+ /*Declarando algunas funciones. Y creo que aquí los dejo...:D*/
+ onBeforeChange: function () {},
+ onAfterChange: function () {},
+ onAfterLoad: function () {},
+ onLastSlide: function () {},
+ onSlideShowEnd: function () {},
+ onPause: function () {},
+ onPlay: function () {}
+ }, options);
+
+ $(this).each(function () {
+ var el = $(this);
+ new iView(el, options);
+ });
+
+ };
+
+ $.fn.reverse = [].reverse;
+
+ var elems = $([]),
+ jq_resize = $.resize = $.extend($.resize, {}),
+ timeout_id, str_setTimeout = "setTimeout",
+ str_resize = "resize",
+ str_data = str_resize + "-special-event",
+ str_delay = "delay",
+ str_throttle = "throttleWindow";
+ jq_resize[str_delay] = 250;
+ jq_resize[str_throttle] = true;
+ $.event.special[str_resize] = {
+ setup: function () {
+ if (!jq_resize[str_throttle] && this[str_setTimeout]) {
+ return false
+ }
+ var elem = $(this);
+ elems = elems.add(elem);
+ $.data(this, str_data, {
+ w: elem.width(),
+ h: elem.height()
+ });
+ if (elems.length === 1) {
+ loopy()
+ }
+ },
+ teardown: function () {
+ if (!jq_resize[str_throttle] && this[str_setTimeout]) {
+ return false
+ }
+ var elem = $(this);
+ elems = elems.not(elem);
+ elem.removeData(str_data);
+ if (!elems.length) {
+ clearTimeout(timeout_id)
+ }
+ },
+ add: function (handleObj) {
+ if (!jq_resize[str_throttle] && this[str_setTimeout]) {
+ return false
+ }
+ var old_handler;
+
+ function new_handler(e, w, h) {
+ var elem = $(this),
+ data = $.data(this, str_data);
+ data.w = w !== undefined ? w : elem.width();
+ data.h = h !== undefined ? h : elem.height();
+ old_handler.apply(this, arguments)
+ }
+ if ($.isFunction(handleObj)) {
+ old_handler = handleObj;
+ return new_handler
+ } else {
+ old_handler = handleObj.handler;
+ handleObj.handler = new_handler
+ }
+ }
+ };
+
+ function loopy() {
+ timeout_id = window[str_setTimeout](function () {
+ elems.each(function () {
+ var elem = $(this),
+ width = elem.width(),
+ height = elem.height(),
+ data = $.data(this, str_data);
+ if (width !== data.w || height !== data.h) {
+ elem.trigger(str_resize, [data.w = width, data.h = height])
+ }
+ });
+ loopy()
+ }, jq_resize[str_delay])
+ }
+
+
+ var supportTouch = !! ('ontouchstart' in window),
+ touchStartEvent = supportTouch ? "touchstart" : "mousedown",
+ touchStopEvent = supportTouch ? "touchend" : "mouseup",
+ touchMoveEvent = supportTouch ? "touchmove" : "mousemove";
+ // also handles swipeleft, swiperight
+ $.event.special.swipe = {
+ scrollSupressionThreshold: 10, // More than this horizontal displacement, and we will suppress scrolling.
+
+ durationThreshold: 1000, // More time than this, and it isn't a swipe.
+
+ horizontalDistanceThreshold: 30, // Swipe horizontal displacement must be more than this.
+
+ verticalDistanceThreshold: 75, // Swipe vertical displacement must be less than this.
+
+ setup: function () {
+ var thisObject = this,
+ $this = $(thisObject);
+
+ $this.bind(touchStartEvent, function (event) {
+ var data = event.originalEvent.touches ? event.originalEvent.touches[0] : event,
+ start = {
+ time: (new Date()).getTime(),
+ coords: [data.pageX, data.pageY],
+ origin: $(event.target)
+ },
+ stop;
+
+ function moveHandler(event) {
+
+ if (!start) {
+ return;
+ }
+
+ var data = event.originalEvent.touches ? event.originalEvent.touches[0] : event;
+
+ stop = {
+ time: (new Date()).getTime(),
+ coords: [data.pageX, data.pageY]
+ };
+
+ // prevent scrolling
+ if (Math.abs(start.coords[0] - stop.coords[0]) > $.event.special.swipe.scrollSupressionThreshold) {
+ event.preventDefault();
+ }
+ }
+
+ $this.bind(touchMoveEvent, moveHandler).one(touchStopEvent, function (event) {
+ $this.unbind(touchMoveEvent, moveHandler);
+
+ if (start && stop) {
+ if (stop.time - start.time < $.event.special.swipe.durationThreshold && Math.abs(start.coords[0] - stop.coords[0]) > $.event.special.swipe.horizontalDistanceThreshold && Math.abs(start.coords[1] - stop.coords[1]) < $.event.special.swipe.verticalDistanceThreshold) {
+
+ start.origin.trigger("swipe").trigger(start.coords[0] > stop.coords[0] ? "swipeleft" : "swiperight");
+ }
+ }
+ start = stop = undefined;
+ });
+ });
+ }
+ };
+
+
+ $.each({
+ swipeleft: "swipe",
+ swiperight: "swipe"
+ }, function (event, sourceEvent) {
+
+ $.event.special[event] = {
+ setup: function () {
+ $(this).bind(sourceEvent, $.noop);
+ }
+ };
+ });
+
+})(jQuery, this);
\ No newline at end of file
diff --git a/js/iview.min.js b/js/iview.min.js
new file mode 100644
index 0000000..e1a1c80
--- /dev/null
+++ b/js/iview.min.js
@@ -0,0 +1,66 @@
+/**El js está medio comentado en inglés... Espero que les sea de utilidad igualmente.
+ * jQuery iView Slider v2.0
+ *
+ * @version: 2.0.1 - August 17, 2012
+ *
+ * @author: Hemn Chawroka
+ * hemn@iprodev.com
+ * http://iprodev.com/
+ *
+ */
+(function(d,v,q){function y(){z=v[s](function(){o.each(function(){var a=d(this),b=a.width(),c=a.height(),f=d.data(this,u);if(b!==f.w||c!==f.h)a.trigger(w,[f.w=b,f.h=c])});y()},p[A])}var B=function(a,b){var c=this;c.options=b;c.sliderContent=a;c.sliderInner=c.sliderContent.html();c.sliderContent.html(""+c.sliderInner+"
");c.slider=d(".iviewSlider",c.sliderContent);c.slider.css("position","relative");c.defs={slide:0,total:0,image:"",images:[],width:c.sliderContent.width(),
+height:c.sliderContent.height(),timer:b.timer.toLowerCase(),lock:!1,paused:b.autoAdvance?!1:!0,time:b.pauseTime,easing:b.easing};c.disableSelection(c.slider[0]);c.slides=c.slider.children();c.slides.each(function(){var a=d(this);c.defs.images.push(a.data("iview:image"));a.data("iview:thumbnail")&&c.defs.images.push(a.data("iview:thumbnail"));a.css("display","none");if("video"==a.data("iview:type")){var f=a.children().eq(0),e=d('');a.append(e);f.appendTo(d("div.iview-video-container",e));e.css({width:c.defs.width,height:c.defs.height,top:"-"+c.defs.height+"px"}).hide();a.addClass("iview-video").css({cursor:"pointer"})}c.defs.total++}).css({width:c.defs.width,height:c.defs.height});c.sliderContent.append('');var f=d("#iview-preloader",c.sliderContent),e=d("div",f);f.css({top:c.defs.height/2-f.height()/2+"px",left:c.defs.width/2-f.width()/2+"px"});
+c.sliderContent.append('');c.iviewTimer=d("#iview-timer",c.sliderContent);c.iviewTimer.hide();d(".iview-caption",c.slider).each(function(){var a=d(this);a.html(''+a.html()+"
")});b.startSlide=b.randomStart?Math.floor(Math.random()*c.defs.total):b.startSlide;b.startSlide=0=c.defs.total?c.defs.total-1:b.startSlide;c.defs.slide=b.startSlide;c.defs.image=c.slides.eq(c.defs.slide);c.defs.time=c.defs.image.data("iview:pausetime")?
+c.defs.image.data("iview:pausetime"):b.pauseTime;c.defs.easing=c.defs.image.data("iview:easing")?c.defs.image.data("iview:easing"):b.easing;c.pieDegree=0;var g=b.timerPadding,k=b.timerDiameter,h=b.timerStroke;if(1'+a.options.previousLabel+' '+a.options.nextLabel+" "),d(".iview-directionNav",a.sliderContent).css({opacity:a.options.directionNavHoverOpacity}),
+a.sliderContent.hover(function(){d(".iview-directionNav",a.sliderContent).stop().animate({opacity:1},300)},function(){d(".iview-directionNav",a.sliderContent).stop().animate({opacity:a.options.directionNavHoverOpacity},300)}),d("a.iview-prevNav",a.sliderContent).live("click",function(){if(a.defs.lock)return false;a.cleanTimer();a.defs.slide=a.defs.slide-2;a.goTo("prev")}),d("a.iview-nextNav",a.sliderContent).live("click",function(){if(a.defs.lock)return false;a.cleanTimer();a.goTo("next")}));if(a.options.controlNav){var b=
+'',c="";!a.options.directionNav&&a.options.controlNavNextPrev&&(b+='
'+a.options.previousLabel+" ");for(var b=b+'
',f=0;f";a.options.controlNavThumbs?(e=e.data("iview:thumbnail")?e.data("iview:thumbnail"):e.data("iview:image"),b+=' '):(e=e.data("iview:thumbnail")?e.data("iview:thumbnail"):
+e.data("iview:image"),b+=''+(f+1)+" ",a.options.controlNavTooltip&&(c+=''));b+=""}b+=" ";!a.options.directionNav&&a.options.controlNavNextPrev&&(b+='
'+a.options.nextLabel+" ");b+="
";!a.options.controlNavThumbs&&a.options.controlNavTooltip&&(b+='");
+a.sliderContent.append(b);d(".iview-controlNav a.iview-control:eq("+a.defs.slide+")",a.sliderContent).addClass("active");d("a.iview-controlPrevNav",a.sliderContent).live("click",function(){if(a.defs.lock)return false;a.cleanTimer();a.defs.slide=a.defs.slide-2;a.goTo("prev")});d("a.iview-controlNextNav",a.sliderContent).live("click",function(){if(a.defs.lock)return false;a.cleanTimer();a.goTo("next")});d(".iview-controlNav a.iview-control",a.sliderContent).live("click",function(){if(a.defs.lock||d(this).hasClass("active"))return false;
+a.cleanTimer();a.slider.css("background",'url("'+a.defs.image.data("iview:image")+'") no-repeat');a.defs.slide=d(this).attr("rel")-1;a.goTo("control")});d(".iview-controlNav",a.sliderContent).css({opacity:a.options.controlNavHoverOpacity});a.sliderContent.hover(function(){d(".iview-controlNav",a.sliderContent).stop().animate({opacity:1},300);a.sliderContent.addClass("iview-hover")},function(){d(".iview-controlNav",a.sliderContent).stop().animate({opacity:a.options.controlNavHoverOpacity},300);a.sliderContent.removeClass("iview-hover")});
+var g=null;d(".iview-controlNav a.iview-control",a.sliderContent).hover(function(){var b=d(this),c=b.attr("rel"),f=d("#iview-tooltip",a.sliderContent),e=d("div.holder",f),l=b.offset().left-a.sliderContent.offset().left-f.outerWidth()/2+a.options.tooltipX,b=b.offset().top-a.sliderContent.offset().top-f.outerHeight()+a.options.tooltipY,n=d("div[rel="+c+"]");scrollLeft=c*n.width();f.stop().animate({left:l,top:b,opacity:1},300);f.not(":visible")&&f.fadeIn(300);e.stop().animate({scrollLeft:scrollLeft},
+300);clearTimeout(g)},function(){var b=d("#iview-tooltip",a.sliderContent);g=setTimeout(function(){b.animate({opacity:0},300,function(){b.hide()})},200)})}a.sliderContent.bind("mouseover.iView mousemove.iView",function(){a.options.pauseOnHover&&!a.defs.paused&&a.cleanTimer();a.sliderContent.addClass("iview-hover")}).bind("mouseout.iView",function(){a.options.pauseOnHover&&(!a.defs.paused&&a.timer==null&&a.pieDegree<=359&&a.options.autoAdvance)&&a.setTimer();a.sliderContent.removeClass("iview-hover")})},
+setCaption:function(){var a=this,b=a.slides.eq(a.defs.slide),c=0;d(".iview-caption",b).each(function(){var b=d(this),e=b.data("transition")?d.trim(b.data("transition").toLowerCase()):"fade",g=b.data("speed")?b.data("speed"):a.options.captionSpeed,k=b.data("easing")?b.data("easing"):a.options.captionEasing,h="undefined"!=b.data("x")?b.data("x"):"center",i="undefined"!=b.data("y")?b.data("y"):"center",j=b.data("width")?b.data("width"):b.width(),l=b.data("height")?b.data("height"):b.height(),n=b.outerWidth(),
+o=b.outerHeight();"center"==h&&(h=a.defs.width/2-n/2);"center"==i&&(i=a.defs.height/2-o/2);var m=d(".caption-contain",b);b.css({opacity:0});m.css({opacity:0,position:"relative",width:j,height:l});switch(e){case "wipedown":b.css({top:i-l,left:h});m.css({top:l+3*l,left:0});break;case "wipeup":b.css({top:i+l,left:h});m.css({top:l-3*l,left:0});break;case "wiperight":b.css({top:i,left:h-j});m.css({top:0,left:j+2*j});break;case "wipeleft":b.css({top:i,left:h+j});m.css({top:0,left:j-2*j});break;case "fade":b.css({top:i,
+left:h});m.css({top:0,left:0});break;case "expanddown":b.css({top:i,left:h,height:0});m.css({top:l+3*l,left:0});break;case "expandup":b.css({top:i+l,left:h,height:0});m.css({top:l-3*l,left:0});break;case "expandright":b.css({top:i,left:h,width:0});m.css({top:0,left:j+2*j});break;case "expandleft":b.css({top:i,left:h+j,width:0}),m.css({top:0,left:j-2*j})}setTimeout(function(){b.animate({opacity:a.options.captionOpacity,top:i,left:h,width:j,height:l},g,k,function(){})},c);setTimeout(function(){m.animate({opacity:a.options.captionOpacity,
+top:0,left:0},g,k)},c+100);c+=250})},processTimer:function(){if("360bar"==this.defs.timer){var a=0==this.pieDegree?0:this.pieDegree+0.9;this.timerPath.attr({arc:[a,this.R]})}else"pie"==this.defs.timer?(a=0==this.pieDegree?0:this.pieDegree+0.9,this.pieTimer.attr({segment:[a,this.R]})):this.barTimer.css({width:100*(this.pieDegree/360)+"%"});this.pieDegree+=3},transitionEnd:function(a){a.options.onAfterChange.call(this);a.defs.lock=!1;a.slides.css("display","none");a.slides.eq(a.defs.slide).show();a.slider.css("background",
+'url("'+a.defs.image.data("iview:image")+'") no-repeat');d(".iview-strip, .iview-block",a.slider).remove();a.defs.time=a.defs.image.data("iview:pausetime")?a.defs.image.data("iview:pausetime"):a.options.pauseTime;a.iviewTimer.animate({opacity:a.options.timerOpacity});a.pieDegree=0;a.processTimer();a.setCaption(a.options);null==a.timer&&!a.defs.paused&&(a.timer=setInterval(function(){a.timerCall(a)},a.defs.time/120))},addStrips:function(a,b){for(var b=b?b:this.options,c=0;c').css({width:f,height:e,top:k,left:h,background:'url("'+this.defs.image.data("iview:image")+'") no-repeat '+g,opacity:0});this.slider.append(g)}},addBlocks:function(){for(var a=Math.round(this.slider.width()/
+this.options.blockCols),b=Math.round(this.slider.height()/this.options.blockRows),c=0;c').css({width:a+"px",height:b+"px",top:c*b+"px",left:f*a+"px",background:'url("'+this.defs.image.data("iview:image")+'") no-repeat '+e,opacity:0});this.slider.append(e)}},runTransition:function(a){var b=this;switch(a){case "strip-up-right":case "strip-up-left":b.addStrips();
+var c=0,f=0,e=d(".iview-strip",b.slider);"strip-up-left"==a&&(e=d(".iview-strip",b.slider).reverse());e.each(function(){var a=d(this);a.css({top:"",bottom:"0px"});setTimeout(function(){a.animate({height:"100%",opacity:"1.0"},b.options.animationSpeed,b.defs.easing,function(){f==b.options.strips-1&&b.transitionEnd(b);f++})},100+c);c+=50});break;case "strip-down":case "strip-down-right":case "strip-down-left":b.addStrips();var f=c=0,e=d(".iview-strip",b.slider);"strip-down-left"==a&&(e=d(".iview-strip",
+b.slider).reverse());e.each(function(){var a=d(this);a.css({bottom:"",top:"0px"});setTimeout(function(){a.animate({height:"100%",opacity:"1.0"},b.options.animationSpeed,b.defs.easing,function(){f==b.options.strips-1&&b.transitionEnd(b);f++})},100+c);c+=50});break;case "strip-left-right":case "strip-left-right-up":case "strip-left-right-down":b.addStrips(!0);var g=f=c=0,e=d(".iview-strip",b.slider);"strip-left-right-down"==a&&(e=d(".iview-strip",b.slider).reverse());e.each(function(){var a=d(this);
+0==f?(a.css({right:"",left:"0px"}),f++):(a.css({left:"",right:"0px"}),f=0);setTimeout(function(){a.animate({width:"100%",opacity:"1.0"},b.options.animationSpeed,b.defs.easing,function(){g==b.options.strips-1&&b.transitionEnd(b);g++})},100+c);c+=50});break;case "strip-up-down":case "strip-up-down-right":case "strip-up-down-left":b.addStrips();g=f=c=0;e=d(".iview-strip",b.slider);"strip-up-down-left"==a&&(e=d(".iview-strip",b.slider).reverse());e.each(function(){var a=d(this);0==f?(a.css({bottom:"",
+top:"0px"}),f++):(a.css({top:"",bottom:"0px"}),f=0);setTimeout(function(){a.animate({height:"100%",opacity:"1.0"},b.options.animationSpeed,b.defs.easing,function(){g==b.options.strips-1&&b.transitionEnd(b);g++})},100+c);c+=50});break;case "left-curtain":case "right-curtain":case "top-curtain":case "bottom-curtain":"left-curtain"==a||"right-curtain"==a?b.addStrips():b.addStrips(!0);f=c=0;e=d(".iview-strip",b.slider);if("right-curtain"==a||"bottom-curtain"==a)e=d(".iview-strip",b.slider).reverse();
+e.each(function(){var e=d(this),g=e.width(),h=e.height();"left-curtain"==a||"right-curtain"==a?e.css({top:"0px",height:"100%",width:"0px"}):e.css({left:"0px",height:"0px",width:"100%"});setTimeout(function(){"left-curtain"==a||"right-curtain"==a?e.animate({width:g,opacity:"1.0"},b.options.animationSpeed,b.defs.easing,function(){f==b.options.strips-1&&b.transitionEnd(b);f++}):e.animate({height:h,opacity:"1.0"},b.options.animationSpeed,b.defs.easing,function(){f==b.options.strips-1&&b.transitionEnd(b);
+f++})},100+c);c+=50});break;case "strip-up-right":case "strip-up-left":b.addStrips();f=c=0;e=d(".iview-strip",b.slider);"strip-up-left"==a&&(e=d(".iview-strip",b.slider).reverse());e.each(function(){var a=d(this);a.css({bottom:"0px"});setTimeout(function(){a.animate({height:"100%",opacity:"1.0"},b.options.animationSpeed,b.defs.easing,function(){f==b.options.strips-1&&b.transitionEnd(b);f++})},100+c);c+=50});break;case "strip-left-fade":case "strip-right-fade":case "strip-top-fade":case "strip-bottom-fade":"strip-left-fade"==
+a||"strip-right-fade"==a?b.addStrips():b.addStrips(!0);f=c=0;e=d(".iview-strip",b.slider);if("strip-right-fade"==a||"strip-bottom-fade"==a)e=d(".iview-strip",b.slider).reverse();e.each(function(){var e=d(this),g=e.width(),h=e.height();"strip-left-fade"==a||"strip-right-fade"==a?e.css({top:"0px",height:"100%",width:g}):e.css({left:"0px",height:h,width:"100%"});setTimeout(function(){e.animate({opacity:"1.0"},1.7*b.options.animationSpeed,b.defs.easing,function(){f==b.options.strips-1&&b.transitionEnd(b);
+f++})},100+c);c+=35});break;case "slide-in-up":case "slide-in-down":opts={strips:1};b.addStrips(!1,opts);var e=d(".iview-strip:first",b.slider),k=0,k="slide-in-up"==a?"-"+b.defs.height+"px":b.defs.height+"px";e.css({top:k,height:"100%",width:b.defs.width});e.animate({top:"0px",opacity:1},2*b.options.animationSpeed,b.defs.easing,function(){b.transitionEnd(b)});break;case "zigzag-top":case "zigzag-bottom":case "zigzag-grow-top":case "zigzag-grow-bottom":case "zigzag-drop-top":case "zigzag-drop-bottom":b.addBlocks();
+for(var h=b.options.blockCols*b.options.blockRows,c=0,i=[],e=d(".iview-block",b.slider),j=0;j=k;n--)i.push(d(e[n]));else for(n=k;nthis.defs.slide&&(this.defs.slide=this.defs.total-1);this.defs.image=this.slides.eq(this.defs.slide);this.options.controlNav&&(d(".iview-controlNav a.iview-control",this.sliderContent).removeClass("active"),d(".iview-controlNav a.iview-control:eq("+this.defs.slide+")",this.sliderContent).addClass("active"));a=this.options.fx;"random"==this.options.fx.toLowerCase()&&(a="left-curtain right-curtain top-curtain bottom-curtain strip-down-right strip-down-left strip-up-right strip-up-left strip-up-down strip-up-down-left strip-left-right strip-left-right-down slide-in-right slide-in-left slide-in-up slide-in-down fade block-random block-fade block-fade-reverse block-expand block-expand-reverse block-expand-random zigzag-top zigzag-bottom zigzag-grow-top zigzag-grow-bottom zigzag-drop-top zigzag-drop-bottom strip-left-fade strip-right-fade strip-top-fade strip-bottom-fade block-drop-random".split(" "),
+a=a[Math.floor(Math.random()*(a.length+1))],a==q&&(a="fade"),a=d.trim(a.toLowerCase()));-1!=this.options.fx.indexOf(",")&&(a=this.options.fx.split(","),a=a[Math.floor(Math.random()*a.length)],a==q&&(a="fade"),a=d.trim(a.toLowerCase()));this.defs.image.data("iview:transition")&&(a=this.defs.image.data("iview:transition").split(","),a=a[Math.floor(Math.random()*a.length)],a=d.trim(a.toLowerCase()));this.defs.easing=this.defs.image.data("iview:easing")?this.defs.image.data("iview:easing"):this.options.easing;
+this.defs.lock=!0;this.runTransition(a)},playSlider:function(){null==this.timer&&this.defs.paused&&(this.iviewTimer.removeClass("paused").attr("title",this.options.pauseLabel),this.setTimer(),this.defs.paused=!1,this.options.onPlay.call(this))},stopSlider:function(){this.iviewTimer.addClass("paused").attr("title",this.options.playLabel);this.cleanTimer();this.defs.paused=!0;this.options.onPause.call(this)},setTimerPosition:function(){for(var a=this.options.timerPosition.toLowerCase().split("-"),b=
+0;bd.event.special.swipe.scrollSupressionThreshold&&a.preventDefault()}}var f=b.originalEvent.touches?
+b.originalEvent.touches[0]:b,e={time:(new Date).getTime(),coords:[f.pageX,f.pageY],origin:d(b.target)},g;a.bind(C,c).one(F,function(){a.unbind(C,c);e&&g&&g.time-e.timed.event.special.swipe.horizontalDistanceThreshold&&Math.abs(e.coords[1]-g.coords[1])g.coords[0]?"swipeleft":"swiperight");e=g=q})})}};d.each({swipeleft:"swipe",
+swiperight:"swipe"},function(a,b){d.event.special[a]={setup:function(){d(this).bind(b,d.noop)}}})})(jQuery,this);
\ No newline at end of file
diff --git a/js/iview.pack.js b/js/iview.pack.js
new file mode 100644
index 0000000..b3bddd7
--- /dev/null
+++ b/js/iview.pack.js
@@ -0,0 +1,13 @@
+/**
+ * jQuery iView Slider v2.0
+ *
+ * @version: 2.0.1 - August 17, 2012
+ *
+ * @author: Hemn Chawroka
+ * hemn@iprodev.com
+ * http://iprodev.com/
+ *
+ */
+var a=['(H(d,v,q){H y(){z=v[s](H(){o.1n(H(){N a=d(8),b=a.L(),c=a.Q(),f=d.U(8,u);13(b!==f.w||c!==f.h)a.2u(w,[f.w=b,f.h=c])});y()},p[A])}N B=H(a,b){N c=8;c.J=b;c.T=a;c.3R=c.T.3a();c.T.3a(""+c.3R+" ");c.V=d(".46",c.T);c.V.K("4a","4b");c.G={Y:0,1y:0,12:"",2X:[],L:c.T.L(),Q:c.T.Q(),1g:b.1g.2e(),1t:!1,1A:b.2V?!1:!0,1T:b.3e,19:b.19};c.4q(c.V[0]);c.1L=c.V.4r();c.1L.1n(H(){N a=d(8);c.G.2X.2x(a.U("I:12"));a.U("I:2t")&&c.G.2X.2x(a.U("I:2t"));a.K("3f","2a");13("1I"==a.U("I:69")){N f=a.4r().1K(0),e=d(\'B \');a.2h(e);f.65(d("X.I-1I-3j",e));e.K({L:c.G.L,Q:c.G.Q,P:"-"+c.G.Q+"15"}).2P();a.2b("I-1I").K({5Q:"5J"})}c.G.1y++}).K({L:c.G.L,Q:c.G.Q});c.T.2h(\' \');N f=d("#I-4T",c.T),e=d("X",f);f.K({P:c.G.Q/2-f.Q()/2+"15",O:c.G.L/2-f.L()/2+"15"});c.T.2h(\' \');c.1e=d("#I-1g",c.T);c.1e.2P();d(".I-2q",c.V).1n(H(){N a=d(8);a.3a(\'\'+a.3a()+" ")});b.1Y=b.59?17.33(17.1r()*c.G.1y):b.1Y;b.1Y=0=c.G.1y?c.G.1y-1:b.1Y;c.G.Y=b.1Y;c.G.12=c.1L.1K(c.G.Y);c.G.1T=c.G.12.U("I:31")?c.G.12.U("I:31"):b.3e;c.G.19=c.G.12.U("I:19")?c.G.12.U("I:19"):b.19;c.1O=0;N g=b.5n,k=b.2Q,h=b.3r;13(1\'+a.J.2F+\' \'+a.J.2G+" "),d(".I-23",a.T).K({Z:a.J.3F}),a.T.2g(H(){d(".I-23",a.T).22().14({Z:1},1W)},H(){d(".I-23",a.T).22().14({Z:a.J.3F},1W)}),d("a.I-3W",a.T).2j("25",H(){13(a.G.1t)1d 1D;a.1m();a.G.Y=a.G.Y-2;a.1w("2l")}),d("a.I-3V",a.T).2j("25",H(){13(a.G.1t)1d 1D;a.1m();a.1w("2d")}));13(a.J.1F){N b=\'\',c="";!a.J.23&&a.J.3I&&(b+=\'\'+a.J.2F+" ");1z(N b=b+\'<5h>\',f=0;f";a.J.3N?(e=e.U("I:2t")?e.U("I:2t"):e.U("I:12"),b+=\'<3Q 2i="\'+e+\'" /> \'):(e=e.U("I:2t")?e.U("I:2t"):e.U("I:12"),b+=\'\'+(f+1)+" ",a.J.3L&&(c+=\'<3Q 2i="\'+e+\'" /> \'));b+="3P>"}b+="5h> ";!a.J.23&&a.J.3I&&(b+=\'\'+a.J.2G+" ");b+=" ";!a.J.3N&&a.J.3L&&(b+=\'\'+c+" ");a.T.2h(b);d(".I-1F a.I-1S:1K("+a.G.Y+")",a.T).2b("2w");d("a.I-3T",a.T).2j("25",H(){13(a.G.1t)1d 1D;a.1m();a.G.Y=a.G.Y-2;a.1w("2l")});d("a.I-3S",a.T).2j("25",H(){13(a.G.1t)1d 1D;a.1m();a.1w("2d")});d(".I-1F a.I-1S",a.T).2j("25",H(){13(a.G.1t||d(8).2p("2w"))1d 1D;a.1m();a.V.K("1M",\'26("\'+a.G.12.U("I:12")+\'") 27-28\');a.G.Y=d(8).1u("2m")-1;a.1w("1S")});d(".I-1F",a.T).K({Z:a.J.3D});a.T.2g(H(){d(".I-1F",a.T).22().14({Z:1},1W);a.T.2b("I-2g")},H(){d(".I-1F",a.T).22().14({Z:a.J.3D},1W);a.T.2D("I-2g")});N g=2n;d(".I-1F a.I-1S",a.T).2g(H(){N b=d(8),c=b.1u("2m"),f=d("#I-3J",a.T),e=d("X.3U",f),l=b.34().O-a.T.34().O-f.3X()/2+a.J.3Y,b=b.34().P-a.T.34().P-f.3Z()+a.J.40,n=d("X[2m="+c+"]");3s=c*n.L();f.22().14({O:l,P:b,Z:1},1W);f.42(":6B")&&f.6A(1W);e.22().14({3s:3s},1W);45(g)},H(){N b=d("#I-3J",a.T);g=1x(H(){b.14({Z:0},1W,H(){b.2P()})},6y)})}a.T.1v("6x.1C 49.1C",H(){a.J.3p&&!a.G.1A&&a.1m();a.T.2b("I-2g")}).1v("6v.1C",H(){a.J.3p&&(!a.G.1A&&a.1g==2n&&a.1O<=4P&&a.J.2V)&&a.32();a.T.2D("I-2g")})},3H:H(){N a=8,b=a.1L.1K(a.G.Y),c=0;d(".I-2q",b).1n(H(){N b=d(8),e=b.U("2U")?d.2T(b.U("2U").2e()):"1b",g=b.U("4f")?b.U("4f"):a.J.4g,k=b.U("19")?b.U("19"):a.J.4h,h="2r"!=b.U("x")?b.U("x"):"2v",i="2r"!=b.U("y")?b.U("y"):"2v",j=b.U("L")?b.U("L"):b.L(),l=b.U("Q")?b.U("Q"):b.Q(),n=b.3X(),o=b.3Z();"2v"==h&&(h=a.G.L/2-n/2);"2v"==i&&(i=a.G.Q/2-o/2);N m=d(".2q-55",b);b.K({Z:0});m.K({Z:0,4a:"4b",L:j,Q:l});4l(e){W"6r":b.K({P:i-l,O:h});m.K({P:l+3*l,O:0});1h;W"6p":b.K({P:i+l,O:h});m.K({P:l-3*l,O:0});1h;W"6n":b.K({P:i,O:h-j});m.K({P:0,O:j+2*j});1h;W"6k":b.K({P:i,O:h+j});m.K({P:0,O:j-2*j});1h;W"1b":b.K({P:i,O:h});m.K({P:0,O:0});1h;W"6h":b.K({P:i,O:h,Q:0});m.K({P:l+3*l,O:0});1h;W"6g":b.K({P:i+l,O:h,Q:0});m.K({P:l-3*l,O:0});1h;W"6a":b.K({P:i,O:h,L:0});m.K({P:0,O:j+2*j});1h;W"68":b.K({P:i,O:h+j,L:0}),m.K({P:0,O:j-2*j})}1x(H(){b.14({Z:a.J.3x,P:i,O:h,L:j,Q:l},g,k,H(){})},c);1x(H(){m.14({Z:a.J.3x,P:0,O:0},g,k)},c+1a);c+=4w})},3q:H(){13("3z"==8.G.1g){N a=0==8.1O?0:8.1O+0.9;8.4R.1u({3E:[a,8.R]})}4x"4X"==8.G.1g?(a=0==8.1O?0:8.1O+0.9,8.4Q.1u({4Y:[a,8.R]})):8.3G.K({L:1a*(8.1O/2B)+"%"});8.1O+=3},1o:H(a){a.J.4z.29(8);a.G.1t=!1;a.1L.K("3f","2a");a.1L.1K(a.G.Y).2o();a.V.K("1M",\'26("\'+a.G.12.U("I:12")+\'") 27-28\');d(".I-S, .I-18",a.V).4H();a.G.1T=a.G.12.U("I:31")?a.G.12.U("I:31"):a.J.3e;a.1e.14({Z:a.J.2L});a.1O=0;a.3q();a.3H(a.J);2n==a.1g&&!a.G.1A&&(a.1g=4B(H(){a.3m(a)},a.G.1T/4C))},1G:H(a,b){1z(N b=b?b:8.J,c=0;c\').K({L:f,Q:e,P:k,O:h,1M:\'26("\'+8.G.12.U("I:12")+\'") 27-28 \'+g,Z:0});8.V.2h(g)}},2J:H(){1z(N a=17.2f(8.V.L()/8.J.1B),b=17.2f(8.V.Q()/8.J.21),c=0;c<8.J.21;c++)1z(N f=0;f<8.J.1B;f++){N e="-"+(a+f*a-a)+"15 -"+(b+c*b-b)+"15";f==8.J.1B-1&&8.V.L();e=d(\' \').K({L:a+"15",Q:b+"15",P:c*b+"15",O:f*a+"15",1M:\'26("\'+8.G.12.U("I:12")+\'") 27-28 \'+e,Z:0});8.V.2h(e)}},4J:H(a){N b=8;4l(a){W"S-1j-11":W"S-1j-O":b.1G();N c=0,f=0,e=d(".I-S",b.V);"S-1j-O"==a&&(e=d(".I-S",b.V).1k());e.1n(H(){N a=d(8);a.K({P:"",16:"1f"});1x(H(){a.14({Q:"1a%",Z:"1.0"},b.J.1q,b.G.19,H(){f==b.J.1s-1&&b.1o(b);f++})},1a+c);c+=50});1h;W"S-1l":W"S-1l-11":W"S-1l-O":b.1G();N f=c=0,e=d(".I-S",b.V);"S-1l-O"==a&&(e=d(".I-S",b.V).1k());e.1n(H(){N a=d(8);a.K({16:"",P:"1f"});1x(H(){a.14({Q:"1a%",Z:"1.0"},b.J.1q,b.G.19,H(){f==b.J.1s-1&&b.1o(b);f++})},1a+c);c+=50});1h;W"S-O-11":W"S-O-11-1j":W"S-O-11-1l":b.1G(!0);N g=f=c=0,e=d(".I-S",b.V);"S-O-11-1l"==a&&(e=d(".I-S",b.V).1k());e.1n(H(){N a=d(8);0==f?(a.K({11:"",O:"1f"}),f++):(a.K({O:"",11:"1f"}),f=0);1x(H(){a.14({L:"1a%",Z:"1.0"},b.J.1q,b.G.19,H(){g==b.J.1s-1&&b.1o(b);g++})},1a+c);c+=50});1h;W"S-1j-1l":W"S-1j-1l-11":W"S-1j-1l-O":b.1G();g=f=c=0;e=d(".I-S",b.V);"S-1j-1l-O"==a&&(e=d(".I-S",b.V).1k());e.1n(H(){N a=d(8);0==f?(a.K({16:"",P:"1f"}),f++):(a.K({P:"",16:"1f"}),f=0);1x(H(){a.14({Q:"1a%",Z:"1.0"},b.J.1q,b.G.19,H(){g==b.J.1s-1&&b.1o(b);g++})},1a+c);c+=50});1h;W"O-1p":W"11-1p":W"P-1p":W"16-1p":"O-1p"==a||"11-1p"==a?b.1G():b.1G(!0);f=c=0;e=d(".I-S",b.V);13("11-1p"==a||"16-1p"==a)e=d(".I-S",b.V).1k();e.1n(H(){N e=d(8),g=e.L(),h=e.Q();"O-1p"==a||"11-1p"==a?e.K({P:"1f",Q:"1a%",L:"1f"}):e.K({O:"1f",Q:"1f",L:"1a%"});1x(H(){"O-1p"==a||"11-1p"==a?e.14({L:g,Z:"1.0"},b.J.1q,b.G.19,H(){f==b.J.1s-1&&b.1o(b);f++}):e.14({Q:h,Z:"1.0"},b.J.1q,b.G.19,H(){f==b.J.1s-1&&b.1o(b);f++})},1a+c);c+=50});1h;W"S-1j-11":W"S-1j-O":b.1G();f=c=0;e=d(".I-S",b.V);"S-1j-O"==a&&(e=d(".I-S",b.V).1k());e.1n(H(){N a=d(8);a.K({16:"1f"});1x(H(){a.14({Q:"1a%",Z:"1.0"},b.J.1q,b.G.19,H(){f==b.J.1s-1&&b.1o(b);f++})},1a+c);c+=50});1h;W"S-O-1b":W"S-11-1b":W"S-P-1b":W"S-16-1b":"S-O-1b"==a||"S-11-1b"==a?b.1G():b.1G(!0);f=c=0;e=d(".I-S",b.V);13("S-11-1b"==a||"S-16-1b"==a)e=d(".I-S",b.V).1k();e.1n(H(){N e=d(8),g=e.L(),h=e.Q();"S-O-1b"==a||"S-11-1b"==a?e.K({P:"1f",Q:"1a%",L:g}):e.K({O:"1f",Q:h,L:"1a%"});1x(H(){e.14({Z:"1.0"},1.7*b.J.1q,b.G.19,H(){f==b.J.1s-1&&b.1o(b);f++})},1a+c);c+=35});1h;W"Y-1H-1j":W"Y-1H-1l":2Z={1s:1};b.1G(!1,2Z);N e=d(".I-S:4W",b.V),k=0,k="Y-1H-1j"==a?"-"+b.G.Q+"15":b.G.Q+"15";e.K({P:k,Q:"1a%",L:b.G.L});e.14({P:"1f",Z:1},2*b.J.1q,b.G.19,H(){b.1o(b)});1h;W"1c-P":W"1c-16":W"1c-1R-P":W"1c-1R-16":W"1c-1E-P":W"1c-1E-16":b.2J();1z(N h=b.J.1B*b.J.21,c=0,i=[],e=d(".I-18",b.V),j=0;j=k;n--)i.2x(d(e[n]));4x 1z(n=k;n8.G.Y&&(8.G.Y=8.G.1y-1);8.G.12=8.1L.1K(8.G.Y);8.J.1F&&(d(".I-1F a.I-1S",8.T).2D("2w"),d(".I-1F a.I-1S:1K("+8.G.Y+")",8.T).2b("2w"));a=8.J.2I;"1r"==8.J.2I.2e()&&(a="O-1p 11-1p P-1p 16-1p S-1l-11 S-1l-O S-1j-11 S-1j-O S-1j-1l S-1j-1l-O S-O-11 S-O-11-1l Y-1H-11 Y-1H-O Y-1H-1j Y-1H-1l 1b 18-1r 18-1b 18-1b-1k 18-1N 18-1N-1k 18-1N-1r 1c-P 1c-16 1c-1R-P 1c-1R-16 1c-1E-P 1c-1E-16 S-O-1b S-11-1b S-P-1b S-16-1b 18-1E-1r".2K(" "),a=a[17.33(17.1r()*(a.1U+1))],a==q&&(a="1b"),a=d.2T(a.2e()));-1!=8.J.2I.5v(",")&&(a=8.J.2I.2K(","),a=a[17.33(17.1r()*a.1U)],a==q&&(a="1b"),a=d.2T(a.2e()));8.G.12.U("I:2U")&&(a=8.G.12.U("I:2U").2K(","),a=a[17.33(17.1r()*a.1U)],a=d.2T(a.2e()));8.G.19=8.G.12.U("I:19")?8.G.12.U("I:19"):8.J.19;8.G.1t=!0;8.4J(a)},3u:H(){2n==8.1g&&8.G.1A&&(8.1e.2D("1A").1u("1V",8.J.3y),8.32(),8.G.1A=!1,8.J.5g.29(8))},3v:H(){8.1e.2b("1A").1u("1V",8.J.3w);8.1m();8.G.1A=!0;8.J.3O.29(8)},3o:H(){1z(N a=8.J.5i.2e().2K("-"),b=0;bd.1X.1Z.24.4o&&a.6D()}}N f=b.2Y.36?b.2Y.36[0]:b,e={1T:(2s 48).47(),1P:[f.44,f.43],2c:d(b.2S)},g;a.1v(C,c).6E(F,H(){a.6F(C,c);e&&g&&g.1T-e.1Td.1X.1Z.24.4m&&17.3C(e.1P[1]-g.1P[1])g.1P[0]?"3K":"3i");e=g=q})})}};d.1n({3K:"24",3i:"24"},H(a,b){d.1X.1Z[a]={3A:H(){d(8).1v(b,d.6G)}}})})(4K,8);',
+"|","split","||||||||this||||||||||||||||||||||||||||||||||defs|function|iview|options|css|width||var|left|top|height||strip|sliderContent|data|slider|case|div|slide|opacity||right|image|if|animate|px|bottom|Math|block|easing|100|fade|zigzag|return|iviewTimer|0px|timer|break|class|up|reverse|down|cleanTimer|each|transitionEnd|curtain|animationSpeed|random|strips|lock|attr|bind|goTo|setTimeout|total|for|paused|blockCols|iView|false|drop|controlNav|addStrips|in|video|transform|eq|slides|background|expand|pieDegree|coords|stroke|grow|control|time|length|title|300|event|startSlide|special||blockRows|stop|directionNav|swipe|click|url|no|repeat|call|none|addClass|origin|next|toLowerCase|round|hover|append|src|live|style|prev|rel|null|show|hasClass|caption|undefined|new|thumbnail|trigger|center|active|push|scale|oImagePreload|prototype|360|resize|removeClass|path|previousLabel|nextLabel|180|fx|addBlocks|split|timerOpacity|tW|OnComplete|typeof|hide|timerDiameter|timerColor|target|trim|transition|autoAdvance|timerY|images|originalEvent|opts||pausetime|setTimer|floor|offset||touches||m_nProcessed||html|timerBg|timerX|throttleWindow|pauseTime|display|cos|sin|swiperight|container|close|m_nICount|timerCall|1E3|setTimerPosition|pauseOnHover|processTimer|timerStroke|scrollLeft|imgWidth|playSlider|stopSlider|playLabel|captionOpacity|pauseLabel|360bar|setup|id|abs|controlNavHoverOpacity|arc|directionNavHoverOpacity|barTimer|setCaption|controlNavNextPrev|tooltip|swipeleft|controlNavTooltip|PI|controlNavThumbs|onPause|li|img|sliderInner|controlNextNav|controlPrevNav|holder|nextNav|prevNav|outerWidth|tooltipX|outerHeight|tooltipY|Image|not|pageY|pageX|clearTimeout|iviewSlider|getTime|Date|mousemove|position|relative|easeOutBounce|parents|ms|speed|captionSpeed|captionEasing|moz|webkit|verticalDistanceThreshold|switch|horizontalDistanceThreshold|durationThreshold|scrollSupressionThreshold|play|disableSelection|children|handler|add|closeLabel|pause|250|else|EEE|onAfterChange|keyCode|setInterval|120|500|keyboardNav|onAfterLoad|startSlider|remove|extend|runTransition|jQuery|timerBarStrokeStyle|timerBarStrokeColor|timerBarStroke|fn|359|pieTimer|timerPath|bLoaded|preloader|timerBgPath|OnAbort|first|pie|segment|OnError||OnLoad|Preload|90|shuffle|contain|m_aImages|customAttributes|m_nLoaded|randomStart|onLastSlide|onBeforeChange|onSlideShowEnd|fill|m_pfnFinished|m_pfnPercent|onPlay|ul|timerPosition|ontouchstart|userSelect|bar|onselectstart|timerPadding|MozUserSelect|webkitUserSelect|Raphael|unselectable|on|isTouch|middle|indexOf|linecap|clearInterval|parseInt|slice|default|299|onload|easeInOutExpo|onerror|99|onabort|circle|source|pointer|bError|bAbort|border|padding|float|easeOutQuad|cursor|document|5E3|keyup|easeInOutSine|touchNav|Next|Previous|Play|Pause|Close|Pie|000|onmousedown|solid|appendTo|735|delay|expandleft|type|expandright|teardown|removeData|apply|arguments|isFunction|expandup|expanddown|touchstart|mousedown|wipeleft|touchend|mouseup|wiperight|touchmove|wipeup|previous|wipedown|goSlide|tH|75|mouseout|iframe|mouseover|200|removeAttr|fadeIn|visible|items|preventDefault|one|unbind|noop",
+"","fromCharCode","replace","\\w+","\\b","g"],b=eval,d=a[0],e=415,f=a[3][a[2]](a[1]),g=0,h={},g=function(c){return(62>c?a[4]:g(parseInt(c/62)))+(35<(c%=62)?String[a[5]](c+29):c.toString(36))};if(!a[4][a[6]](/^/,String)){for(;e--;)h[g(e)]=f[e]||g(e);f=[function(c){return h[c]}];g=function(){return a[7]};e=1}for(;e--;)f[e]&&(d=d[a[6]](RegExp(a[8]+g(e)+a[8],a[9]),f[e]));b(d);
\ No newline at end of file
diff --git a/js/jquery-1.7.1.min.js b/js/jquery-1.7.1.min.js
new file mode 100644
index 0000000..198b3ff
--- /dev/null
+++ b/js/jquery-1.7.1.min.js
@@ -0,0 +1,4 @@
+/*! jQuery v1.7.1 jquery.com | jquery.org/license */
+(function(a,b){function cy(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cv(a){if(!ck[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){cl||(cl=c.createElement("iframe"),cl.frameBorder=cl.width=cl.height=0),b.appendChild(cl);if(!cm||!cl.createElement)cm=(cl.contentWindow||cl.contentDocument).document,cm.write((c.compatMode==="CSS1Compat"?"":"")+""),cm.close();d=cm.createElement(a),cm.body.appendChild(d),e=f.css(d,"display"),b.removeChild(cl)}ck[a]=e}return ck[a]}function cu(a,b){var c={};f.each(cq.concat.apply([],cq.slice(0,b)),function(){c[this]=a});return c}function ct(){cr=b}function cs(){setTimeout(ct,0);return cr=f.now()}function cj(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ci(){try{return new a.XMLHttpRequest}catch(b){}}function cc(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g0){if(c!=="border")for(;g=0===c})}function S(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function K(){return!0}function J(){return!1}function n(a,b,c){var d=b+"defer",e=b+"queue",g=b+"mark",h=f._data(a,d);h&&(c==="queue"||!f._data(a,e))&&(c==="mark"||!f._data(a,g))&&setTimeout(function(){!f._data(a,e)&&!f._data(a,g)&&(f.removeData(a,d,!0),h.fire())},0)}function m(a){for(var b in a){if(b==="data"&&f.isEmptyObject(a[b]))continue;if(b!=="toJSON")return!1}return!0}function l(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(k,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNumeric(d)?parseFloat(d):j.test(d)?f.parseJSON(d):d}catch(g){}f.data(a,c,d)}else d=b}return d}function h(a){var b=g[a]={},c,d;a=a.split(/\s+/);for(c=0,d=a.length;c)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,n=/^[\],:{}\s]*$/,o=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,p=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,q=/(?:^|:|,)(?:\s*\[)+/g,r=/(webkit)[ \/]([\w.]+)/,s=/(opera)(?:.*version)?[ \/]([\w.]+)/,t=/(msie) ([\w.]+)/,u=/(mozilla)(?:.*? rv:([\w.]+))?/,v=/-([a-z]|[0-9])/ig,w=/^-ms-/,x=function(a,b){return(b+"").toUpperCase()},y=d.userAgent,z,A,B,C=Object.prototype.toString,D=Object.prototype.hasOwnProperty,E=Array.prototype.push,F=Array.prototype.slice,G=String.prototype.trim,H=Array.prototype.indexOf,I={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=m.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.7.1",length:0,size:function(){return this.length},toArray:function(){return F.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?E.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),A.add(a);return this},eq:function(a){a=+a;return a===-1?this.slice(a):this.slice(a,a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(F.apply(this,arguments),"slice",F.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:E,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j0)return;A.fireWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").off("ready")}},bindReady:function(){if(!A){A=e.Callbacks("once memory");if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",B,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",B),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&J()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a&&typeof a=="object"&&"setInterval"in a},isNumeric:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},type:function(a){return a==null?String(a):I[C.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!D.call(a,"constructor")&&!D.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||D.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw new Error(a)},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(n.test(b.replace(o,"@").replace(p,"]").replace(q,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(w,"ms-").replace(v,x)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i1?i.call(arguments,0):b,j.notifyWith(k,e)}}function l(a){return function(c){b[a]=arguments.length>1?i.call(arguments,0):c,--g||j.resolveWith(j,b)}}var b=i.call(arguments,0),c=0,d=b.length,e=Array(d),g=d,h=d,j=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred(),k=j.promise();if(d>1){for(;ca ",d=q.getElementsByTagName("*"),e=q.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=q.getElementsByTagName("input")[0],b={leadingWhitespace:q.firstChild.nodeType===3,tbody:!q.getElementsByTagName("tbody").length,htmlSerialize:!!q.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:q.className!=="t",enctype:!!c.createElement("form").enctype,html5Clone:c.createElement("nav").cloneNode(!0).outerHTML!=="<:nav>",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0},i.checked=!0,b.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,b.optDisabled=!h.disabled;try{delete q.test}catch(s){b.deleteExpando=!1}!q.addEventListener&&q.attachEvent&&q.fireEvent&&(q.attachEvent("onclick",function(){b.noCloneEvent=!1}),q.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),b.radioValue=i.value==="t",i.setAttribute("checked","checked"),q.appendChild(i),k=c.createDocumentFragment(),k.appendChild(q.lastChild),b.checkClone=k.cloneNode(!0).cloneNode(!0).lastChild.checked,b.appendChecked=i.checked,k.removeChild(i),k.appendChild(q),q.innerHTML="",a.getComputedStyle&&(j=c.createElement("div"),j.style.width="0",j.style.marginRight="0",q.style.width="2px",q.appendChild(j),b.reliableMarginRight=(parseInt((a.getComputedStyle(j,null)||{marginRight:0}).marginRight,10)||0)===0);if(q.attachEvent)for(o in{submit:1,change:1,focusin:1})n="on"+o,p=n in q,p||(q.setAttribute(n,"return;"),p=typeof q[n]=="function"),b[o+"Bubbles"]=p;k.removeChild(q),k=g=h=j=q=i=null,f(function(){var a,d,e,g,h,i,j,k,m,n,o,r=c.getElementsByTagName("body")[0];!r||(j=1,k="position:absolute;top:0;left:0;width:1px;height:1px;margin:0;",m="visibility:hidden;border:0;",n="style='"+k+"border:5px solid #000;padding:0;'",o=""+"",a=c.createElement("div"),a.style.cssText=m+"width:0;height:0;position:static;top:0;margin-top:"+j+"px",r.insertBefore(a,r.firstChild),q=c.createElement("div"),a.appendChild(q),q.innerHTML="",l=q.getElementsByTagName("td"),p=l[0].offsetHeight===0,l[0].style.display="",l[1].style.display="none",b.reliableHiddenOffsets=p&&l[0].offsetHeight===0,q.innerHTML="",q.style.width=q.style.paddingLeft="1px",f.boxModel=b.boxModel=q.offsetWidth===2,typeof q.style.zoom!="undefined"&&(q.style.display="inline",q.style.zoom=1,b.inlineBlockNeedsLayout=q.offsetWidth===2,q.style.display="",q.innerHTML="
",b.shrinkWrapBlocks=q.offsetWidth!==2),q.style.cssText=k+m,q.innerHTML=o,d=q.firstChild,e=d.firstChild,h=d.nextSibling.firstChild.firstChild,i={doesNotAddBorder:e.offsetTop!==5,doesAddBorderForTableAndCells:h.offsetTop===5},e.style.position="fixed",e.style.top="20px",i.fixedPosition=e.offsetTop===20||e.offsetTop===15,e.style.position=e.style.top="",d.style.overflow="hidden",d.style.position="relative",i.subtractsBorderForOverflowNotVisible=e.offsetTop===-5,i.doesNotIncludeMarginInBodyOffset=r.offsetTop!==j,r.removeChild(a),q=a=null,f.extend(b,i))});return b}();var j=/^(?:\{.*\}|\[.*\])$/,k=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!m(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i,j=f.expando,k=typeof c=="string",l=a.nodeType,m=l?f.cache:a,n=l?a[j]:a[j]&&j,o=c==="events";if((!n||!m[n]||!o&&!e&&!m[n].data)&&k&&d===b)return;n||(l?a[j]=n=++f.uuid:n=j),m[n]||(m[n]={},l||(m[n].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?m[n]=f.extend(m[n],c):m[n].data=f.extend(m[n].data,c);g=h=m[n],e||(h.data||(h.data={}),h=h.data),d!==b&&(h[f.camelCase(c)]=d);if(o&&!h[c])return g.events;k?(i=h[c],i==null&&(i=h[f.camelCase(c)])):i=h;return i}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e,g,h=f.expando,i=a.nodeType,j=i?f.cache:a,k=i?a[h]:h;if(!j[k])return;if(b){d=c?j[k]:j[k].data;if(d){f.isArray(b)||(b in d?b=[b]:(b=f.camelCase(b),b in d?b=[b]:b=b.split(" ")));for(e=0,g=b.length;e-1)return!0;return!1},val:function(a){var c,d,e,g=this[0];{if(!!arguments.length){e=f.isFunction(a);return this.each(function(d){var g=f(this),h;if(this.nodeType===1){e?h=a.call(this,d,g.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.nodeName.toLowerCase()]||f.valHooks[this.type];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}if(g){c=f.valHooks[g.nodeName.toLowerCase()]||f.valHooks[g.type];if(c&&"get"in c&&(d=c.get(g,"value"))!==b)return d;d=g.value;return typeof d=="string"?d.replace(q,""):d==null?"":d}}}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c,d,e,g=a.selectedIndex,h=[],i=a.options,j=a.type==="select-one";if(g<0)return null;c=j?g:0,d=j?g+1:i.length;for(;c=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attr:function(a,c,d,e){var g,h,i,j=a.nodeType;if(!!a&&j!==3&&j!==8&&j!==2){if(e&&c in f.attrFn)return f(a)[c](d);if(typeof a.getAttribute=="undefined")return f.prop(a,c,d);i=j!==1||!f.isXMLDoc(a),i&&(c=c.toLowerCase(),h=f.attrHooks[c]||(u.test(c)?x:w));if(d!==b){if(d===null){f.removeAttr(a,c);return}if(h&&"set"in h&&i&&(g=h.set(a,d,c))!==b)return g;a.setAttribute(c,""+d);return d}if(h&&"get"in h&&i&&(g=h.get(a,c))!==null)return g;g=a.getAttribute(c);return g===null?b:g}},removeAttr:function(a,b){var c,d,e,g,h=0;if(b&&a.nodeType===1){d=b.toLowerCase().split(p),g=d.length;for(;h=0}})});var z=/^(?:textarea|input|select)$/i,A=/^([^\.]*)?(?:\.(.+))?$/,B=/\bhover(\.\S+)?\b/,C=/^key/,D=/^(?:mouse|contextmenu)|click/,E=/^(?:focusinfocus|focusoutblur)$/,F=/^(\w*)(?:#([\w\-]+))?(?:\.([\w\-]+))?$/,G=function(a){var b=F.exec(a);b&&(b[1]=(b[1]||"").toLowerCase(),b[3]=b[3]&&new RegExp("(?:^|\\s)"+b[3]+"(?:\\s|$)"));return b},H=function(a,b){var c=a.attributes||{};return(!b[1]||a.nodeName.toLowerCase()===b[1])&&(!b[2]||(c.id||{}).value===b[2])&&(!b[3]||b[3].test((c["class"]||{}).value))},I=function(a){return f.event.special.hover?a:a.replace(B,"mouseenter$1 mouseleave$1")};
+f.event={add:function(a,c,d,e,g){var h,i,j,k,l,m,n,o,p,q,r,s;if(!(a.nodeType===3||a.nodeType===8||!c||!d||!(h=f._data(a)))){d.handler&&(p=d,d=p.handler),d.guid||(d.guid=f.guid++),j=h.events,j||(h.events=j={}),i=h.handle,i||(h.handle=i=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.dispatch.apply(i.elem,arguments):b},i.elem=a),c=f.trim(I(c)).split(" ");for(k=0;k=0&&(h=h.slice(0,-1),k=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if((!e||f.event.customEvent[h])&&!f.event.global[h])return;c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.isTrigger=!0,c.exclusive=k,c.namespace=i.join("."),c.namespace_re=c.namespace?new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)"):null,o=h.indexOf(":")<0?"on"+h:"";if(!e){j=f.cache;for(l in j)j[l].events&&j[l].events[h]&&f.event.trigger(c,d,j[l].handle.elem,!0);return}c.result=b,c.target||(c.target=e),d=d!=null?f.makeArray(d):[],d.unshift(c),p=f.event.special[h]||{};if(p.trigger&&p.trigger.apply(e,d)===!1)return;r=[[e,p.bindType||h]];if(!g&&!p.noBubble&&!f.isWindow(e)){s=p.delegateType||h,m=E.test(s+h)?e:e.parentNode,n=null;for(;m;m=m.parentNode)r.push([m,s]),n=m;n&&n===e.ownerDocument&&r.push([n.defaultView||n.parentWindow||a,s])}for(l=0;le&&i.push({elem:this,matches:d.slice(e)});for(j=0;j0?this.on(b,null,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0),C.test(b)&&(f.event.fixHooks[b]=f.event.keyHooks),D.test(b)&&(f.event.fixHooks[b]=f.event.mouseHooks)}),function(){function x(a,b,c,e,f,g){for(var h=0,i=e.length;h0){k=j;break}}j=j[a]}e[h]=k}}}function w(a,b,c,e,f,g){for(var h=0,i=e.length;h+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d="sizcache"+(Math.random()+"").replace(".",""),e=0,g=Object.prototype.toString,h=!1,i=!0,j=/\\/g,k=/\r\n/g,l=/\W/;[0,0].sort(function(){i=!1;return 0});var m=function(b,d,e,f){e=e||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return e;var i,j,k,l,n,q,r,t,u=!0,v=m.isXML(d),w=[],x=b;do{a.exec(""),i=a.exec(x);if(i){x=i[3],w.push(i[1]);if(i[2]){l=i[3];break}}}while(i);if(w.length>1&&p.exec(b))if(w.length===2&&o.relative[w[0]])j=y(w[0]+w[1],d,f);else{j=o.relative[w[0]]?[d]:m(w.shift(),d);while(w.length)b=w.shift(),o.relative[b]&&(b+=w.shift()),j=y(b,j,f)}else{!f&&w.length>1&&d.nodeType===9&&!v&&o.match.ID.test(w[0])&&!o.match.ID.test(w[w.length-1])&&(n=m.find(w.shift(),d,v),d=n.expr?m.filter(n.expr,n.set)[0]:n.set[0]);if(d){n=f?{expr:w.pop(),set:s(f)}:m.find(w.pop(),w.length===1&&(w[0]==="~"||w[0]==="+")&&d.parentNode?d.parentNode:d,v),j=n.expr?m.filter(n.expr,n.set):n.set,w.length>0?k=s(j):u=!1;while(w.length)q=w.pop(),r=q,o.relative[q]?r=w.pop():q="",r==null&&(r=d),o.relative[q](k,r,v)}else k=w=[]}k||(k=j),k||m.error(q||b);if(g.call(k)==="[object Array]")if(!u)e.push.apply(e,k);else if(d&&d.nodeType===1)for(t=0;k[t]!=null;t++)k[t]&&(k[t]===!0||k[t].nodeType===1&&m.contains(d,k[t]))&&e.push(j[t]);else for(t=0;k[t]!=null;t++)k[t]&&k[t].nodeType===1&&e.push(j[t]);else s(k,e);l&&(m(l,h,e,f),m.uniqueSort(e));return e};m.uniqueSort=function(a){if(u){h=i,a.sort(u);if(h)for(var b=1;b0},m.find=function(a,b,c){var d,e,f,g,h,i;if(!a)return[];for(e=0,f=o.order.length;e":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!l.test(b)){b=b.toLowerCase();for(;e=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(j,"")},TAG:function(a,b){return a[1].replace(j,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||m.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&m.error(a[0]);a[0]=e++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(j,"");!f&&o.attrMap[g]&&(a[1]=o.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(j,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=m(b[3],null,null,c);else{var g=m.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(o.match.POS.test(b[0])||o.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!m(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return bc[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=o.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||n([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||!!a.nodeName&&a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=m.attr?m.attr(a,c):o.attrHandle[c]?o.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":!f&&m.attr?d!=null:f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=o.setFilters[e];if(f)return f(a,c,b,d)}}},p=o.match.POS,q=function(a,b){return"\\"+(b-0+1)};for(var r in o.match)o.match[r]=new RegExp(o.match[r].source+/(?![^\[]*\])(?![^\(]*\))/.source),o.leftMatch[r]=new RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[r].source.replace(/\\(\d+)/g,q));var s=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(t){s=function(a,b){var c=0,d=b||[];if(g.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var e=a.length;c ",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(o.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},o.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(o.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML=" ",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(o.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=m,b=c.createElement("div"),d="__sizzle__";b.innerHTML="
";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){m=function(b,e,f,g){e=e||c;if(!g&&!m.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return s(e.getElementsByTagName(b),f);if(h[2]&&o.find.CLASS&&e.getElementsByClassName)return s(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return s([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return s([],f);if(i.id===h[3])return s([i],f)}try{return s(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var k=e,l=e.getAttribute("id"),n=l||d,p=e.parentNode,q=/^\s*[+~]/.test(b);l?n=n.replace(/'/g,"\\$&"):e.setAttribute("id",n),q&&p&&(e=e.parentNode);try{if(!q||p)return s(e.querySelectorAll("[id='"+n+"'] "+b),f)}catch(r){}finally{l||k.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)m[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}m.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!m.isXML(a))try{if(e||!o.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return m(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="
";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;o.order.splice(1,0,"CLASS"),o.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?m.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?m.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:m.contains=function(){return!1},m.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var y=function(a,b,c){var d,e=[],f="",g=b.nodeType?[b]:b;while(d=o.match.PSEUDO.exec(a))f+=d[0],a=a.replace(o.match.PSEUDO,"");a=o.relative[a]?a+"*":a;for(var h=0,i=g.length;h0)for(h=g;h=0:f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h=1;while(g&&g.ownerDocument&&g!==b){for(d=0;d-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(S(c[0])||S(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling(a.parentNode.firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c);L.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!R[a]?f.unique(e):e,(this.length>1||N.test(d))&&M.test(a)&&(e=e.reverse());return this.pushStack(e,a,P.call(arguments).join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var V="abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Z=/<([\w:]+)/,$=/",""],legend:[1,""," "],thead:[1,""],tr:[2,""],td:[3,""],col:[2,""],area:[1,""," "],_default:[0,"",""]},bh=U(c);bg.optgroup=bg.option,bg.tbody=bg.tfoot=bg.colgroup=bg.caption=bg.thead,bg.th=bg.td,f.support.htmlSerialize||(bg._default=[1,"div","
"]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=f.isFunction(a);return this.each(function(c){f(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f.clean(arguments);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f.clean(arguments));return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function()
+{for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!bg[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1>$2>");try{for(var c=0,d=this.length;c1&&l0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d,e,g,h=f.support.html5Clone||!bc.test("<"+a.nodeName)?a.cloneNode(!0):bo(a);if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bk(a,h),d=bl(a),e=bl(h);for(g=0;d[g];++g)e[g]&&bk(d[g],e[g])}if(b){bj(a,h);if(c){d=bl(a),e=bl(h);for(g=0;d[g];++g)bj(d[g],e[g])}}d=e=null;return h},clean:function(a,b,d,e){var g;b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var h=[],i;for(var j=0,k;(k=a[j])!=null;j++){typeof k=="number"&&(k+="");if(!k)continue;if(typeof k=="string")if(!_.test(k))k=b.createTextNode(k);else{k=k.replace(Y,"<$1>$2>");var l=(Z.exec(k)||["",""])[1].toLowerCase(),m=bg[l]||bg._default,n=m[0],o=b.createElement("div");b===c?bh.appendChild(o):U(b).appendChild(o),o.innerHTML=m[1]+k+m[2];while(n--)o=o.lastChild;if(!f.support.tbody){var p=$.test(k),q=l==="table"&&!p?o.firstChild&&o.firstChild.childNodes:m[1]===""&&!p?o.childNodes:[];for(i=q.length-1;i>=0;--i)f.nodeName(q[i],"tbody")&&!q[i].childNodes.length&&q[i].parentNode.removeChild(q[i])}!f.support.leadingWhitespace&&X.test(k)&&o.insertBefore(b.createTextNode(X.exec(k)[0]),o.firstChild),k=o.childNodes}var r;if(!f.support.appendChecked)if(k[0]&&typeof (r=k.length)=="number")for(i=0;i=0)return b+"px"}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return br.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNumeric(b)?"alpha(opacity="+b*100+")":"",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bq,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bq.test(g)?g.replace(bq,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){var c;f.swap(a,{display:"inline-block"},function(){b?c=bz(a,"margin-right","marginRight"):c=a.style.marginRight});return c}})}),c.defaultView&&c.defaultView.getComputedStyle&&(bA=function(a,b){var c,d,e;b=b.replace(bs,"-$1").toLowerCase(),(d=a.ownerDocument.defaultView)&&(e=d.getComputedStyle(a,null))&&(c=e.getPropertyValue(b),c===""&&!f.contains(a.ownerDocument.documentElement,a)&&(c=f.style(a,b)));return c}),c.documentElement.currentStyle&&(bB=function(a,b){var c,d,e,f=a.currentStyle&&a.currentStyle[b],g=a.style;f===null&&g&&(e=g[b])&&(f=e),!bt.test(f)&&bu.test(f)&&(c=g.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),g.left=b==="fontSize"?"1em":f||0,f=g.pixelLeft+"px",g.left=c,d&&(a.runtimeStyle.left=d));return f===""?"auto":f}),bz=bA||bB,f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style&&a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)});var bD=/%20/g,bE=/\[\]$/,bF=/\r?\n/g,bG=/#.*$/,bH=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bI=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bJ=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bK=/^(?:GET|HEAD)$/,bL=/^\/\//,bM=/\?/,bN=/
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/python.html b/python.html
new file mode 100644
index 0000000..f1dad93
--- /dev/null
+++ b/python.html
@@ -0,0 +1,323 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Puls3: Comunidad online de gente pro y (no sé qué más escribir)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Powered by Platzi!
+ Mejorando.la 2013 ®
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/reglas.ESENSERIO.txt b/reglas.ESENSERIO.txt
deleted file mode 100644
index a77d9b1..0000000
--- a/reglas.ESENSERIO.txt
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
-
-
-REGLAS DE CODIFICACIÓN EN CSS
-
-1. Todos los atributos en orden alfabético
-2. Orden de estilos:
- *. pre-render
- 1. etiquetas
- 2. IDs
- 3. Clases
-3. Orden alfabético todos los estilos
-4. Identar y hacer código LINDO
\ No newline at end of file
diff --git a/responsive.css b/responsive.css
deleted file mode 100644
index d13bc8c..0000000
--- a/responsive.css
+++ /dev/null
@@ -1,41 +0,0 @@
-@media screen and (min-width: 768px)
-{
- body
- {
- margin: 0 auto;
- max-width: 1200px;
- }
- #bienvenida
- {
- display: block;
- border-bottom: 1px solid #CCC;
- float: right;
- margin-right: 2%;
- width: 25%;
- }
- #bienvenida h2
- {
- color: #434343;
- }
- #bienvenida #mensaje_registro,
- #bienvenida #registro
- {
- text-align: center;
- }
- #bienvenida #mensaje_registro
- {
- font-size: 0.8em;
- }
- #bienvenida #registro
- {
- background: #22BCE0;
- color: white;
- display: block;
- font-size: 1.2em;
- padding: 0.5em 0;
- }
- #contenido
- {
- width: 70%;
- }
-}
\ No newline at end of file
diff --git a/usuario.html b/usuario.html
new file mode 100644
index 0000000..4cae72a
--- /dev/null
+++ b/usuario.html
@@ -0,0 +1,209 @@
+
+
+
+
+
+
+
+
+
+
+
+ Puls3: Comunidad online de gente pro y (no sé qué más escribir)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Seguir
+
f /freddyvega
+ t @freddier
+
+
+
+ Aportes Publicados
+
+
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+
+
+
+
+
+
+ Actividad de Freddy Vega
+
+
+
+
+ 3141
+ Lorem ipsum dolor sit amet, consectetur adipisicing.
+
+
+
+ 3141
+ Excepteur sint occaecat cupidatat non proident, sunt.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ Lorem ipsum dolor sit amet, consectetur adipisicing.
+
+
+ 3141
+ Excepteur sint occaecat cupidatat non proident, sunt.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+ 3141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo.
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/usuarios/avatar_1.jpeg b/usuarios/avatar_1.jpeg
new file mode 100644
index 0000000..ccec22f
Binary files /dev/null and b/usuarios/avatar_1.jpeg differ
diff --git a/usuarios/avatar_2.jpg b/usuarios/avatar_2.jpg
new file mode 100644
index 0000000..97b7964
Binary files /dev/null and b/usuarios/avatar_2.jpg differ
diff --git a/usuarios/avatar_3.jpeg b/usuarios/avatar_3.jpeg
new file mode 100644
index 0000000..f80796f
Binary files /dev/null and b/usuarios/avatar_3.jpeg differ
diff --git a/usuarios/avatar_4.jpeg b/usuarios/avatar_4.jpeg
new file mode 100644
index 0000000..2c4f7a7
Binary files /dev/null and b/usuarios/avatar_4.jpeg differ
diff --git a/usuarios/avatar_5.jpg b/usuarios/avatar_5.jpg
new file mode 100644
index 0000000..631c3c2
Binary files /dev/null and b/usuarios/avatar_5.jpg differ
diff --git a/usuarios/avatar_6.jpeg b/usuarios/avatar_6.jpeg
new file mode 100644
index 0000000..b0b2cd4
Binary files /dev/null and b/usuarios/avatar_6.jpeg differ