Skip to content

Commit

Permalink
Merge branch 'simplex'
Browse files Browse the repository at this point in the history
  • Loading branch information
jagbdot committed Dec 4, 2014
2 parents 41214f9 + 080e2c9 commit 9388dca
Show file tree
Hide file tree
Showing 394 changed files with 19,149 additions and 39,006 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
.DS_Store
bower_components/
_gh-pages/
_site/
12 changes: 9 additions & 3 deletions Makefile
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
34 changes: 25 additions & 9 deletions README.md
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`
7 changes: 5 additions & 2 deletions _config.yml
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

41 changes: 24 additions & 17 deletions _includes/cabecera-index.html
Original file line number Diff line number Diff line change
@@ -1,33 +1,40 @@
<header>
<div id='parallax-index' class='franja xl universo'>
<div class='leyenda'>
<div id='parallax-index universo' class='franja xl'>
<div class='col-md-12 col-sm-12 col-xs-12' style='z-index: 2'>
<img class='imagen-index' src='img/pruebaspyxislogo8.png'>
<h1 class='gigante'><span class='sombra-cabecera gruesa rojo-claro'>Pyxis</span> <span class='sombra-cabecera fino gris-claro'>framework</span><span class='md'> beta v2.0</span></h1>
<img class='imagen-index por-defecto' src='img/pruebaspyxislogo8.png'>
<h1 class='gigante sin-margen'><span class='gruesa sans rojo'>Pyxis</span> <span class='fino sans'>framework</span></h1>
<div class='pag sin-relleno'>
<h6 class='gris-claro centrado'>Pyxis delimita los componentes visuales y estructurales del ecosistema digital de la Escuela de Arquitectura y Diseño e[ad] de la Pontificia Universidad Católica de Valparaíso, construyendo una estructura gráfica unificada coherente entre las diversas plataformas de la organización.</h6>
<!--<p class='cita italica'>"La verdad se encuentra dentro de una pequeña brújula, pero el margen de error es inmenso".</p>
<p class='autor'>William Blake</p>-->
<h1 class='rojo-claro'>Descargar Pyxis</h1>
<p class='gris-claro xs'>El método de descarga del framework se ajusta a 3 variantes dependiendo del entorno de trabajo que se tenga establecido. </p>
<blockquote class='sm negro-oscuro italica'>"La verdad se encuentra dentro de una pequeña brújula, <br>pero el margen de error es inmenso".</blockquote>
<p class='autor rojo semi-gruesa'>William Blake</p>
<h1 class='rojo'>Fundamento</h1>
<p class='centrado md'>Pyxis framework delimita los componentes visuales y estructurales del ecosistema digital de la Escuela de Arquitectura y Diseño e[ad] de la Pontificia Universidad Católica de Valparaíso, construyendo una estructura gráfica unificada coherente entre las diversas plataformas de la organización.</p>
<p class='centrado md'>El método de descarga del framework se ajusta a 3 variantes dependiendo del entorno de trabajo que se tenga establecido. </p>

<div class='col-md-4'>
<a class='btn btn-lg btn-accion margen-inferior' data-toggle="modal" data-target="#modal_de_ejemplo" href='#'> Pyxis bower <i class="icn icn-bower-lig"></i></a>
<p class='gris-claro xs'>Mediante la instalación con bower se obtiene la versión más completa del repositorio, ofreciendo también completamente sus dependencias incluídas como componentes del framework.</p>
<h4 class='rojo-claro'>Instalación Recomendada</h4>
<a class='btn btn-lg btn-accion margen-inf' data-toggle="modal" data-target="#modal_de_ejemplo" href='#'>
Pyxis bower <span class="icn icn-bower"></span>
</a>
<p class=''>Mediante la instalación con <a href='http://bower.io/'>bower</a> se obtiene la versión más completa del repositorio, ofreciendo también completamente sus dependencias incluídas como componentes del framework.</p>
</div>

<div class='col-md-4'>
<a class='btn btn-lg btn-accion margen-inferior' href='https://github.com/eadpucv/pyxis/archive/gh-pages.zip'>Pyxis.zip <i class="icn icn-descargar-lig"></i></a>
<p class='gris-claro xs'>Incluye todas sus dependencias, permitiendo usar el framework apenas descargado. Sin embargo no habrá manera de que se actualicen las dependencias y el framework en una nueva versión automáticamente.</p>
<a class='btn btn-lg btn-accion margen-inf' href='https://github.com/eadpucv/pyxis/archive/gh-pages.zip'>
Pyxis.zip <span class="icn icn-descargar"></span>
</a>
<p class=''>Incluye todas sus dependencias, permitiendo usar el framework apenas descargado. Sin embargo no habrá manera de que se actualicen las dependencias y el framework en una nueva versión automáticamente.</p>
</div>

<div class='col-md-4'>
<a class='btn btn-lg btn-accion margen-inferior' href='github-mac://openRepo/https://github.com/eadpucv/pyxis'>Pyxis Github </a>
<p class='gris-claro xs'>La versión del repositorio alojado en ofrece la versión donde únicamente está pyxis, si se quiere trabajar con las dependencias Stampa y jQuery hay que descargarlas de manera separada.</p>
<a class='btn btn-lg btn-accion margen-inf' href='github-mac://openRepo/https://github.com/eadpucv/pyxis'>
Pyxis Github <span class="icn icn-codigo"></span>
</a>
<p class=''>La versión del repositorio alojado en ofrece la versión donde únicamente está pyxis, si se quiere trabajar con las dependencias <a href='https://github.com/eadpucv/stampa'>Stampa</a> y <a href='http://jquery.com/'>jQuery</a> hay que descargarlas de manera separada.</p>
</div>
</div>
</div>
</div>
</div>
</header><!-- fin descarga de pyxis -->

<div class="modal fade" id="modal_de_ejemplo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
Expand Down
13 changes: 5 additions & 8 deletions _includes/cabecera.html
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>
182 changes: 182 additions & 0 deletions _includes/footer-particular.html
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>
Loading

0 comments on commit 9388dca

Please sign in to comment.