-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
394 changed files
with
19,149 additions
and
39,006 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,4 @@ | ||
.DS_Store | ||
bower_components/ | ||
_gh-pages/ | ||
_site/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,14 +1,20 @@ | ||
|
||
.PHONY: less | ||
|
||
install: | ||
bower install | ||
|
||
server: | ||
jekyll server --watch --baseurl= | ||
|
||
less: | ||
lessc less/pyxis.less css/pyxis.css --clean-css | ||
lessc less/pyxis.less css/pyxis.css -x --verbose | ||
|
||
css: less | ||
|
||
dist: less | ||
cp -R bower_components/stampa/fonts . | ||
dist: | ||
cp -R bower_components/stampa/fonts . | ||
make less | ||
|
||
small: | ||
uncss http://0.0.0.0:4000 > css/pyxis.min.css |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,13 +1,29 @@ | ||
PYXIS FRAMEWORK | ||
=== | ||
# PYXIS | ||
|
||
Este framework delimita los componentes visuales y estructurales del ecosistema digital de la **Escuela de Arquitectura y Diseño e[ad]**, construyendo una estructura gráfica unificada coherente y consistente entre las diversas plataformas de la organización en pantalla e impresos. | ||
![Pyxis, Brújula Náutica](img/pyxis-logo.png) | ||
|
||
Este proyecto, iniciado en la <a href="http://ead.pucv.cl" title="Sitio de la e[ad]">e[ad] Escuela de Arquitectura y Diseño PUCV</a>, busca definir un esquema de trabajo semántico y escalable para diseñadores y desarrolladores. | ||
**v4.0.0** | ||
|
||
Este proyecto es de código libre y está disponible en <http://eadpucv.github.io/pyxis/> | ||
|
||
Referencias: | ||
* http://lesscss.org/ | ||
* http://bower.io/ bower | ||
* http://getbootstrap.com/css/#grid bootstrapgrid | ||
**Pyxis** es un framework gráfico que define los componentes tipográficos, geomátricos, cromáticos y estructurales del ecosistema digital de la **[Escuela de Arquitectura y Diseño e[ad]](http://www.ead.pucv.cl)**, proponiendo una estructura gráfica unificada coherente y consistente entre las diversas plataformas de la organización en pantalla e impresos. | ||
|
||
Este proyecto busca definir un esquema de trabajo semántico y escalable para diseñadores y desarrolladores. | ||
|
||
Pyxis (latín para brújula) es una constelación menor del sur, introducida por Nicolas Louis de Lacaille bajo el nombre de Pyxis Nautica. | ||
|
||
|
||
## Dependencias | ||
|
||
* [Stampa](http://github.com/eadpucv/stampa) - Iconografía e[ad] | ||
* [JQuery](http://jquery.org) - Framework de Javascript | ||
|
||
## Referencias: | ||
|
||
* [LESS](http://lesscss.org/) | ||
* [Bower](http://bower.io/) | ||
* [Bootstrap](http://getbootstrap.com) | ||
|
||
### Para desarrolladores | ||
* ejecute `make install` para instalar las dependencias necesarias para compilar la CSS | ||
* ejecute `make dist` para copiar todos los archivos necesarios a su distribución | ||
* ejecute `make less` para compilar los archivos LESS en `css/pyxis.css` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,10 +1,13 @@ | ||
safe: false | ||
source: . | ||
destination: _site | ||
destination: _gh-pages | ||
lsi: false | ||
markdown: rdiscount | ||
pygments: true | ||
highlighter: pygments | ||
permalink: pretty | ||
baseurl: "http://eadpucv.github.io/pyxis" | ||
project: | ||
name: Pyxis | ||
exclude: [bower_components, less] | ||
version: 4.0.0 | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,10 +1,7 @@ | ||
<header> | ||
<div class='franja xs'> | ||
<div class='pag'> | ||
<!--<canvas data-processing-sources='{{ site.baseurl }}/pjs/{{ page.pde }}'></canvas>--> | ||
<div class='leyenda'> | ||
<h1 class='sombra-cabecera gigante gris-claro fina'>{{ page.subtitle }}</h1> | ||
</div> | ||
</div> | ||
</div> | ||
<div class='franja xs fondo-gris-claro'> | ||
<div class='pag franja-componente'> | ||
<h1 class='mediano no-responsivo sin-margen gruesa condensado sombra-cabecera-blanco-md'>{{ page.subtitle }}</h1> | ||
</div> | ||
</div> | ||
</header> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,182 @@ | ||
<footer class='fondo-negro'> | ||
<div class='pag'> | ||
<div class='fila'> | ||
<div class='col-md-4'> | ||
<h6 class='sin-margen'><a href='#' class='ahuesado sans'>Escuela de Arquitectura y Diseño</a></h6> | ||
<h6 class='xs fino sans blanco'>Pontificia Universidad Católica de Valparaíso</h6> | ||
<h6><a href='#' class='ahuesado sans fino'><i class='icn icn-light icn-email margen-der-xs'></i>Contacto</a></h6> | ||
<p class='xs sans blanco sin-margen'>Matta 12, Recreo, Viña del Mar, Chile.</p> | ||
<p class='xs sans blanco sin-margen'>Cód. Postal: 2580129, Casilla 4170 V2 Valparaíso.</p> | ||
</div> | ||
<div class='col-md-4'> | ||
<div class='en-linea derecha ancho-completo tooltip-demo'> | ||
<div class='oculto-xs'> | ||
<p class='xs semi-gruesa sans ahuesado relleno-inf-xs sin-margen en-linea'>¿Sabías que puedes editar esta página? | </p> | ||
<a data-toggle="tooltip" href="#" data-original-title='ahora sí' title="Editar página" class='xs en-linea sin-relleno sin-margen' href='#'> | ||
<!-- ícono de Tooltip --> | ||
<span><i class='icn icn-lapiz rojo margen-izq-xs'></i></span> | ||
<span class='xs semi-gruesa sans'>editar</span> | ||
</a> | ||
</div> | ||
</div> | ||
<p class='xs fino sans gris sin-margen'>1998 - 2014 | <a href='#' class='sans blanco'>Suscripción (RSS)</a> | <a href='#' class='sans blanco'>Cómo Suscribirse</a> | <a href='#' class='sans blanco'>Colofón</a> | Optimizado para <a href='#' class='sans blanco'>Firefox</a>.</p> | ||
<p class='xs fino sans gris relleno-inf-xs sin-margen'>e[ad] de la Escuela de Arquitectura y Diseño PUCV está licenciado bajo <a href='#' class='sans blanco'>Creative Commons Atribución-No Comercial-Licenciar Igual 2.0 Chile License</a>.</p> | ||
</div> | ||
<div class='col-md-4'> | ||
<a class='en-linea derecha responsive-izquierda' href='#'> | ||
<span class="icn-stack"> | ||
<span class="icn icn-cuadrolleno icn-stack-2x ahuesado"></span> | ||
<span class="icn icn-facebook icn-stack-1x pizarra"></span> | ||
</span> | ||
</a> | ||
<a class='en-linea derecha responsive-izquierda' href='#'> | ||
<span class="icn-stack"> | ||
<span class="icn icn-cuadrolleno icn-stack-2x ahuesado"></span> | ||
<span class="icn icn-twitter icn-stack-1x pizarra"></span> | ||
</span> | ||
</a> | ||
<a class='en-linea derecha responsive-izquierda' href='#'> | ||
<span class="icn-stack"> | ||
<span class="icn icn-cuadrolleno icn-stack-2x ahuesado"></span> | ||
<span class="icn icn-flickr icn-stack-1x pizarra"></span> | ||
</span> | ||
</a> | ||
<a class='en-linea derecha responsive-izquierda' href='#'> | ||
<span class="icn-stack"> | ||
<span class="icn icn-cuadrolleno icn-stack-2x ahuesado"></span> | ||
<span class="icn icn-soundcloud icn-stack-1x pizarra"></span> | ||
</span> | ||
</a> | ||
<a class='en-linea derecha responsive-izquierda' href='#'> | ||
<span class="icn-stack"> | ||
<span class="icn icn-cuadrolleno icn-stack-2x ahuesado"></span> | ||
<span class="icn icn-vimeo icn-stack-1x pizarra"></span> | ||
</span> | ||
</a> | ||
<p class='relleno-sup texto-derecha bloque derecha responsive-izquierda ancho-completo italica bloque xs fino serif blanco sin-margen'>Diseñado con librería digital de estilos</p> | ||
<div class='logo-pyxis ancho-completo margen-sup-xs'> | ||
<a class='sin-relleno bloque derecha responsive-izquierda texto-derecha' href='{{ site.baseurl }}/'> | ||
<h6 class='gruesa sans rojo sin-margen relleno-izq-xs relleno-inf-xs no-responsivo'> | ||
<img class='margen-der-xs' src='{{ site.baseurl }}/img/pyxis-logo-sm.png'>Pyxis<span class='fino blanco sans relleno-izq-xs'>framework</span> | ||
</h6> | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div id='mapa'> | ||
<a href="https://www.google.cl/maps/place/e%5Bad%5D+Escuela+de+Arquitectura+y+Dise%C3%B1o,+Pontificia+Universidad+Cat%C3%B3lica+de+Valpara%C3%ADso/@-33.026795,-71.582344,17z/data=!3m1!4b1!4m2!3m1!1s0x9689e752f2654cc9:0x3339a1db01203779"><img src="http://www.ead.pucv.cl/wp-content/themes/gamma/img/imagenfooter-google.png" alt="ubicación de la e[ad]"> | ||
<img src=" {{ site.baseurl }}/img/imagenfooter-google.png" alt="ubicación de la e[ad]"> | ||
</a> | ||
</div> | ||
<script src="{{ site.baseurl }}/js/jquery.js"></script> | ||
<script src="{{ site.baseurl }}/js/collapse.js"></script> | ||
<script src="{{ site.baseurl }}/js/carousel.js"></script> | ||
<script src="{{ site.baseurl }}/js/transition.js"></script> | ||
<script src="{{ site.baseurl }}/js/modal.js"></script> | ||
<script src="{{ site.baseurl }}/js/tooltip.js"></script> | ||
<script src="{{ site.baseurl }}/js/popover.js"></script> | ||
<script src="{{ site.baseurl }}/js/affix.js"></script> | ||
<script src="{{ site.baseurl }}/js/dropdown.js"></script> | ||
<script src="{{ site.baseurl }}/js/nav.js"></script> | ||
<script src="{{ site.baseurl }}/js/smooth-scroll.js"></script> | ||
<script src="{{ site.baseurl }}/js/tab.js"></script> | ||
<script src="{{ site.baseurl }}/js/jquery.sticky.js"></script> | ||
<script src="{{ site.baseurl }}/js/jquery.parallax-1.1.3.js"></script> | ||
<script src="{{ site.baseurl }}/js/jquery.localScroll.js"></script> | ||
<script src="{{ site.baseurl }}/js/justify-content/justify-content.js"></script> | ||
<!-- inicio de scripts --> | ||
<script> | ||
$( "#link_ejemplo_affix" ).click(function() { | ||
$( "#navbar" ).toggle(); | ||
}); | ||
</script> | ||
<script> | ||
$('.tooltip-demo').tooltip({selector: "a[data-toggle=tooltip]"}); | ||
</script> | ||
<script> | ||
$('#tabla-contenido a').click(function (e) { | ||
e.preventDefault() | ||
$(this).tab('show') | ||
}) | ||
</script> | ||
<script> | ||
$('#popover-test').popover(); | ||
</script> | ||
<script type="text/javascript"> | ||
$(document).ready(function(){ | ||
$('body').localScroll(800); | ||
//.parallax(xPosition, speedFactor, outerHeight) options: | ||
//xPosition - Horizontal position of the element | ||
//inertia - speed to move relative to vertical scroll. Example: 0.1 is one tenth the speed of scrolling, 2 is twice the speed of scrolling | ||
//outerHeight (true/false) - Whether or not jQuery should use it's outerHeight option to determine when a section is in the viewport | ||
$('#parallax, .ejemplo1, .ejemplo2, .ejemplo3, .universo').parallax("50%", 0.1, true); | ||
}) | ||
</script> | ||
<!-- Smooth Scoolling --> | ||
<script type="text/javascript"> | ||
$(document).ready(function(){ | ||
$('a[href*=#]').click(function() { | ||
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') | ||
&& location.hostname == this.hostname) { | ||
var $target = $(this.hash); | ||
$target = $target.length && $target | ||
|| $('[name=' + this.hash.slice(1) +']'); | ||
if ($target.length) { | ||
var targetOffset = $target.offset().top; | ||
$('html,body') | ||
.animate({scrollTop: targetOffset}, 750); | ||
return false; | ||
} | ||
} | ||
}); | ||
}); | ||
</script><!-- fin de Smooth Scoolling --> | ||
<!-- Menu Sticky --> | ||
<script type='text/javascript'> | ||
$(document).ready(function(){ | ||
$("#sub-componentes").sticky({topSpacing: 0}); | ||
$("#ejemplo-sticky").sticky({topSpacing: 50}); | ||
$("#ejemplo-sticky-2").sticky({topSpacing: 80}); | ||
$("#ejemplo-sticky-3").sticky({topSpacing: 110}); | ||
$("#ejemplo-sticky-4").sticky({topSpacing: 140}); | ||
$("#ejemplo-sticky-5").sticky({topSpacing: 170}); | ||
$("#ejemplo-sticky-6").sticky({topSpacing: 200}); | ||
$("#ejemplo-sticky-7").sticky({topSpacing: 230}); | ||
$("#ejemplo-sticky-8").sticky({topSpacing: 260}); | ||
$("#ead-sticky").sticky({topSpacing: 40}); | ||
$("#meta-barra").sticky({topSpacing: 0}); | ||
$("#nav-page").sticky({topSpacing:30}); | ||
}); | ||
</script> | ||
<!-- fin menú sticky --> | ||
<script type='text/javascript'> | ||
jQuery(document).ready(function($) { | ||
$('a[href=#topbar]').click(function(){ | ||
$('html, body').animate({scrollTop:0}, 'slow'); | ||
return false; | ||
}); | ||
}); | ||
</script> | ||
|
||
<script type='text/javascript'> | ||
$("#subiendo-1").click(function(e){ | ||
$('html, body').animate({scrollTop:$('#contenido').offset().top + 15}, 'slow'); | ||
}); | ||
$("#subiendo-2").click(function(e){ | ||
$('html, body').animate({scrollTop:$('#contenido').offset().top + 15}, 'slow'); | ||
}); | ||
$("#subiendo-3").click(function(e){ | ||
$('html, body').animate({scrollTop:$('#contenido').offset().top + 15}, 'slow'); | ||
}); | ||
$("#subiendo-4").click(function(e){ | ||
$('html, body').animate({scrollTop:$('#contenido').offset().top + 15}, 'slow'); | ||
}); | ||
$("#subiendo-5").click(function(e){ | ||
$('html, body').animate({scrollTop:$('#contenido').offset().top + 15}, 'slow'); | ||
}); | ||
$("#subiendo-5").click(function(e){ | ||
$('html, body').animate({scrollTop:$('#contenido').offset().top + 15}, 'slow'); | ||
}); | ||
</script> | ||
</footer> |
Oops, something went wrong.