Commit 6c16e696 authored by unknown's avatar unknown

init dev using master

parent a71e3b5c
......@@ -6,7 +6,7 @@ autoprefixer = require 'autoprefixer-stylus'
js_pipeline = require 'js-pipeline'
css_pipeline = require 'css-pipeline'
lost = require 'lost'
rimraf = require 'rimraf'
# browserify = require 'roots-browserify'
module.exports =
ignores: ['readme.md', '**/_*', '.gitignore', '.gitattributes', 'ship.*conf', 'bower.json']
......@@ -25,18 +25,5 @@ module.exports =
postcss:
use: [lost()]
jade:
pretty: true
server:
clean_urls: true
after: ->
rimraf('public/libs', (err) ->
if err
console.warn err
)
rimraf('public/bower_components', (err) ->
if err
console.warn err
)
......@@ -6,7 +6,6 @@ autoprefixer = require 'autoprefixer-stylus'
js_pipeline = require 'js-pipeline'
css_pipeline = require 'css-pipeline'
lost = require 'lost'
rimraf = require 'rimraf'
module.exports =
ignores: ['readme.md', '**/_*', '.gitignore', '.gitattributes', 'ship.*conf', 'bower.json']
......@@ -14,7 +13,7 @@ module.exports =
extensions: [
js_pipeline(manifest:'jsmanifest.yml', out: 'js/reqs.js', minify: true, hash: false)
js_pipeline(files: 'assets/js/*.ls', out: 'js/main.js', minify: true, hash: false)
css_pipeline(manifest:'cssmanifest.yml', out: 'css/style.css', minify: true, hash: false)
css_pipeline(manifest:'cssmanifest.yml', out: 'css/style.css', minify: false, hash: false)
dynamic_content()
]
......@@ -23,13 +22,3 @@ module.exports =
postcss:
use: [lost()]
after: ->
rimraf('public/libs', (err) ->
if err
console.warn err
)
rimraf('public/bower_components', (err) ->
if err
console.warn err
)
\ No newline at end of file
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
min-height: 150px;
background: url(AjaxLoader.gif) no-repeat center center
}
\ No newline at end of file
/*
* Owl Carousel CSS3 Transitions
* v1.3.2
*/
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
}
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}
\ No newline at end of file
......@@ -24,9 +24,9 @@ html
+at(2)
font-size 16px
+density(2)
font-size 26px
font-size 18px
+density(3)
font-size 28px
font-size 20px
// overflow-y scroll
-webkit-margin-before 0
-webkit-margin-after 0
......@@ -123,7 +123,7 @@ footer
#frontends-item
opacity 0
#slick-frontends
#frontends-owl
lost-center 50rem
+mobile()
lost-center 40rem
......@@ -297,10 +297,11 @@ link(none)
lost-column: 1/navitems
hover-pop(1.1)
transition(all 0.1s linear)
span
display none
// &:hover
// display block
// transition(all 0.1s linear)
.title > *
opacity 0
.slick-dots li button:before
font-size 20px
opacity 0
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<- $
$ '#slick-frontends' .slick {
dots: true,
slidesToShow:1
}
$ '#slick-frontends' .slick-lightbox {
itemSelector: 'div.item div.img img',
src:'src',
caption:'caption'
$ '#frontends-owl' .owlCarousel {
singleItem: true,
lazyLoad: true
}
nameTime = 1500
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
{
"name": "noelquiles.com",
"version": "1.0.0",
"homepage": "https://github.com/EnMod/noelquiles.com",
"authors": [
"Noel Quiles <noelquilesgraphics@gmail.com>"
],
"description": "Developer of frontends, games, stories, and fresh beats.",
"license": "MIT",
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
],
"dependencies": {
"slick-carousel": "~1.5.5",
"slick-lightbox": "~0.1.16",
"jquery": "~2.1.4",
"jquery-migrate": "~1.2.1",
"velocity": "~1.2.2",
"blast-text": "~2.0.0"
},
"resolutions": {
"jquery": "~2.1.4",
"slick-carousel": "~1.5.5"
},
"install": {
"path": "libs"
}
}
- libs/slick-carousel/slick.css
- libs/slick-carousel/slick-theme.css
- libs/slick-lightbox/*.css
- assets/css/style.css.styl
- assets/css/owl.carousel.css
- assets/css/owl.theme.css
- assets/css/owl.transitions.css
- assets/css/style.css.styl
\ No newline at end of file
# manifest.yml
- libs/jquery/*.js
- bower_components/jquery-migrate/*.js
- libs/velocity/velocity.js
- libs/velocity/velocity.ui.js
- libs/blast-text/*.js
- bower_components/slick-carousel/slick/slick.js
- libs/slick-lightbox/slick-lightbox.js
\ No newline at end of file
- assets/js/jquery.js
- assets/js/jquery-migrate.js
- assets/js/velocity.js
- assets/js/velocity.ui.js
- assets/js/jquery.blast.js
- assets/js/owl.carousel.js
\ No newline at end of file
......@@ -2,23 +2,28 @@
"name": "noelquiles.com",
"description": "The online presence of Noel Quiles",
"dependencies": {
"LiveScript": "^1.2.x",
"LiveScript": "^1.x",
"autoprefixer-stylus": "^0.5.x",
"axis": "^0.3.x",
"blast-text": "^2.0.0",
"coffee-script": "^1.8.x",
"css-pipeline": "^0.2.1",
"dynamic-content": "^0.2.0",
"jade": "^1.10.0",
"jade": "^1.x",
"jquery": "^2.2.1",
"jquery-migrate": "^1.4.0",
"js-pipeline": "^0.2.1",
"jstransformer-marked": "^0.0.1",
"marked": "^0.3.x",
"postcss": "^4.1.11",
"jstransformer-marked": "^1.x",
"owlcarousel": "^1.3.3",
"postcss": "^5.x",
"rimraf": "^2.4.0",
"roots-browserify": "^0.5.0",
"rupture": "^0.6.x",
"stylus": "^0.49.x",
"typographic": "^2.9.3"
"typographic": "^2.9.3",
"velocity-animate": "^1.2.3"
},
"devDependencies": {
"lost": "^6.0.1"
"lost": "^6.x"
}
}
......@@ -20,8 +20,7 @@ html
header
h1.title noel quiles
.descript
:marked
###Developer of . . .
h3 Developer of . . .
section
block content
......
......@@ -4,12 +4,11 @@ block content
.stage-select
.mainnav
#frontends-item
:marked
####frontends
h4 frontends
UI/UX for websites, graphics, flyers...if a user's going to look at it I can make it. Those are my frontends: that which helps my audience interface with desired information. Here's a few I've done:
p UI/UX for websites, graphics, flyers...if a user's going to look at it I can make it. Those are my frontends: that which helps my audience interface with desired information. Here's a few I've done:
#slick-frontends
#frontends-owl.owl-carousel
.item
.info
:marked
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment