Permalink
Browse files

actually updating this time...

  • Loading branch information...
1 parent 67bd3ee commit f5e8670a04e0964aeb20276a266edd3b4309824b @iamdustan committed Mar 29, 2011
Showing with 954 additions and 0 deletions.
  1. +1 −0 .nfsF05B1
  2. +57 −0 css/components/gallery.css
  3. +19 −0 css/style.css
  4. +91 −0 dialog.html
  5. +72 −0 js/accordion.js
  6. +67 −0 js/dialog.js
  7. +121 −0 js/gallery.js
  8. +361 −0 js/lib.js_backup
  9. +13 −0 js/libs/dd_belatedpng.js
  10. +16 −0 js/libs/jquery-1.5.0.min.js
  11. +30 −0 js/libs/modernizr-1.6.min.js
  12. +98 −0 photo-gallery.html
  13. +8 −0 server.js
View
@@ -0,0 +1 @@
+<settings version="0.0.2" ><auto><configurations /><panel>{"ext/editors/editors":{"parent":{"visible":2,"flex":1},"visible":2,"flex":1},"ext/tree/tree":{"parent":{"visible":2,"width":"200"},"visible":true,"flex":3,"state":"normal"},"ext/console/console":{"parent":{"visible":2,"height":"41"},"visible":false,"flex":1}}</panel></auto><general name="General" page="pgSettingsGeneral" saveallbeforerun="true"/><editors name="Editor" page="pgSettingsEditors"><code name="Code Editor" overwrite="false" selectstyle="line" activeline="true" showinvisibles="false" showprintmargin="true" printmargincolumn="80" softtabs="true" tabsize="4" scrollspeed="2"/></editors></settings>
View
@@ -0,0 +1,57 @@
+ /* === photo-gallery === */
+.photo-gallery { border: solid 1px rgb(201,201,201);
+ background-color:rgb(247,247,247);
+
+ margin-bottom:1.5em;
+ }
+.photo-gallery .tools { background-color: rgb(253,253,253);
+ background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(.7, #f0f0f0));
+ background-image: -moz-linear-gradient(center bottom,#ffffff 70%,#f0f0f0 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f0f0f0, endColorstr=#ffffff);
+ ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f0f0f0, endColorstr=#ffffff)";
+
+ border-bottom: solid 1px rgb(201,201,201);text-align: right;
+ }
+.photo-gallery .image-wrapper { padding:.75em; }
+
+.photo-gallery .image-wrapper img{ display:block;width:100%; }
+
+
+.tabs .photo-gallery { border: none 0px; background-color: transparent; }
+
+
+.photo-gallery a::selection { color:inherit;background-color:transparent;}
+/* === THEMING === */
+.photo-gallery .tools a { background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #f0f0f0));
+ background-image: -moz-linear-gradient(center bottom,#ffffff 0%,#f0f0f0 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f0f0f0, endColorstr=#ffffff);
+ -ms-filter: "progid:DXImageTransform.Mic}rosoft.gradient (GradientType=0, startColorstr=#f0f0f0, endColorstr=#ffffff)";
+
+ padding:0 5px;font-size:11px;line-height:22px;font-weight:bold;display:inline-block;*zoom:1;color:#444;cursor:pointer;
+ }
+.photo-gallery .tools a:hover { color:rgb(104,30,0);background:rgba(255,255,255,.5); }
+.photo-gallery .tools a:active { background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f0f0f0),color-stop(1, #ffffff));
+ background-image: -moz-linear-gradient(center bottom,#f0f0f0 0%,#ffffff 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f0f0f0);
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#f0f0f0)";
+
+ color:rgb(144,44,7);
+ }
+.photo-gallery .tools a.prev,
+.photo-gallery .tools a.next { border-left:1px solid rgb(201,201,201); }
+.photo-gallery .tools a.lightbox,
+.photo-gallery .tools a.play { border-right:1px solid rgb(201,201,201);float:left;}
+
+/* ====================================================== */
+.photo-gallery .thumbs { position:relative;padding:0 25px;overflow:hidden;}
+.photo-gallery .thumbs a.slideLeft { left:0;z-index:2; }
+.photo-gallery .thumbs a.slideRight { right:0;z-index:2; }
+.photo-gallery .thumbs a.slideLeft,
+.photo-gallery .thumbs a.slideRight { line-height:60px;font-size:30px;font-weight:bold;width:20px;position:absolute; }
+.photo-gallery .thumbs a { height:60px;overflow:hidden;width:100px;padding:2px;background-color:White;border:1px solid rgb(201,201,201);margin:-2px;display:inline-block;vertical-align:bottom;cursor:pointer;}
+.photo-gallery .thumbs a.selected { border-color:#000;position:relative;border-width:3px;padding:0; }
+.photo-gallery .thumbs a img { display:block; }
+
+
+.photo-gallery .thumbs .tslider { overflow:hidden;width:999em;position:relative; }
+.photo-gallery .thumbs .tslider a { display:block;float:left;border-right:0; }
View
@@ -0,0 +1,19 @@
+@import url('components/grid.css');
+@import url('components/accordion.css');
+@import url('components/dialog.css');
+@import url('components/slider.css');
+@import url('components/tabs.css');
+@import url('components/gallery.css');
+
+h1 { font-weight:bold; }
+h1 em { font-style:normal; }
+h1 small { display:block;font-size:.5em;font-weight:normal; }
+
+
+body { background-color:#fff; }
+header { text-align:center;padding:1.5em 0;margin-bottom:3em;
+ border-top:4px solid #000;border-bottom:2px solid #000; }
+
+.wrap { }
+
+.mod { margin:10px; }
View
@@ -0,0 +1,91 @@
+<!doctype html>
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+<!--[if lt IE 7 ]> <html class="no-js ie6"> <![endif]-->
+<!--[if IE 7 ]> <html class="no-js ie7"> <![endif]-->
+<!--[if IE 8 ]> <html class="no-js ie8"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>Dialog Component &mdash; PUI Interface Library // Dustan Kasten</title>
+ <meta name="description" content="">
+ <meta name="author" content="Dustan Kasten">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Mobile viewport optimized: j.mp/bplateviewport -->
+
+ <!-- CSS : implied media="all" -->
+ <link rel="stylesheet" href="css/base.css">
+ <link rel="stylesheet" href="css/style.css">
+ <script src="js/libs/modernizr-1.6.min.js"></script>
+</head>
+<body lang="en" >
+ <div id="container" class="wrap">
+ <header>
+ <h1><em>PUI</em>
+ <small>Prototypin' User Interactions</small>
+ </h1>
+ </header>
+
+ <div id="main" role="main">
+ <div class="line">
+ <div class="unit size1of4">
+ <div class="mod">
+ <div class="inner">
+ <div class="hd"><h3>Dialog</h3></div>
+ <div class="bd">
+ <p><button data-target="openDialog1" class="dialog-trigger">Open First Example</button></p>
+ <div id="openDialog1" title="First Dialog Example" class="dialog">
+ <p>I am the first dialog example.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="unit size1of4">
+ <div class="mod">
+ <div class="inner">
+ <div class="hd"><h3>Dialog</h3></div>
+ <div class="bd">
+ <p><button data-target="openDialog2" class="dialog-trigger">Open Second Example</button></p>
+ <div id="openDialog2" class="dialog">
+ <p>I am the second dialog example.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="unit size1of4">
+ <div class="mod">
+ <div class="inner">
+ <div class="hd"><h3>Slider</h3></div>
+ <div class="bd slider js-slider">
+ <p>To do...</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="unit size1of4 lastUnit">
+ <div class="mod">
+ <div class="inner">
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <footer></footer>
+ </div>
+
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script>
+ <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.5.0.js"%3E%3C/script%3E'))</script>
+
+ <!--<script src="js/plugins.js"></script>-->
+ <script src="js/lib.js"></script>
+ <script src="js/dialog.js"></script>
+
+ <!--[if lt IE 7 ]>
+ <script src="js/libs/dd_belatedpng.js"></script>
+ <script>DD_belatedPNG.fix('img, .png_bg'); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
+ <![endif]-->
+</body>
+</html>
View
@@ -0,0 +1,72 @@
+/*
+ * PUI - accordian ui widget
+ * div.accordian>div.section>div.header+div.window
+ */
+PUI.accordion = function ( opt ) {
+ var options = {
+ selector : 'div.accordion.js-accordion'
+ , expanded : 'expanded'
+ , collapsed: 'collapsed'
+ , iconClass : {
+ header : 'ui-icon-tri-e'
+ , headerSelected : 'ui-icon-tri-s'
+ }
+ }, accordion,section,header,window;
+
+ PUI.utils.extend( options, opt );
+
+ (function init () {
+ accordion = $( options.selector );
+ section = accordion.find('>div.section');
+ header = section.find('>div.header');
+ window = section.find('>div.window');
+
+ if ( accordion.parents('div.accordion') && !accordion.hasClass('no-super-expand') ) {
+ accordion.prepend('<div class="accordion-tools"><span class="collapse-all">Hide all</span><span class="expand-all">Show all</span></div>');
+ }
+
+ header.each(function () {
+ if ( !$(this).parent().hasClass( options.expanded ) ) {
+ $(this)
+ .prepend('<span class="ui-icon ' + options.iconClass.header + '">&#8227;</span>')
+ .next('div.window').hide()
+ .parent().addClass( options.collapsed );
+
+ } else {
+ $(this)
+ .prepend('<span class="ui-icon ' + options.iconClass.headerSelected + '"></span>');
+ }
+ });
+ })();
+
+ accordion.find('>div.accordion-tools>span.collapse-all').bind('click', function () {
+ $(this).parent().siblings('div.section').each(function () {
+ if ( $(this).hasClass( options.expanded ) ) {
+ $(this).find('>div.header').trigger('click');
+ }
+ });
+ });
+
+ accordion.find('>div.accordion-tools>span.expand-all').bind('click', function () {
+ $(this).parent().siblings('div.section').each(function () {
+ if ( $(this).hasClass( options.collapsed ) ) {
+ $(this).find('>div.header').trigger('click');
+ }
+ });
+ });
+
+ header.click(function () {
+ if ( $(this).parent().hasClass( options.collapsed ) ) {
+ $(this)
+ .siblings('div.window').show()
+ .parent().removeClass( options.collapsed ).addClass( options.expanded )
+ .find('>div.header>span.ui-icon').removeClass( options.iconClass.header ).addClass( options.iconClass.headerSelected );
+ } else {
+ $(this)
+ .siblings('div.window').hide()
+ .parent().removeClass( options.expanded ).addClass( options.collapsed )
+ .find('>div.header>span.ui-icon').removeClass( options.iconClass.headerSelected ).addClass( options.iconClass.header );
+ }
+ });
+};
+PUI.accordion();
View
@@ -0,0 +1,67 @@
+/*
+ * WLIB - Dialog Overlay
+ */
+(function( $ ){
+var defaults = {
+ // create defaults.
+ modal : true
+ , target: undefined
+}
+
+init = function () {
+ var dialogContainer = $('<div />', {
+ id : 'dialogContainer'
+ });
+ $('body').append(dialogContainer);
+};
+
+
+var methods = {
+ init : function( options ) {
+ log( options);
+ return this.each(function () {
+ $(this).detach();
+ });
+ },
+ destroy : function () {
+ return this.each(function () {
+ $(window).unbind('.tooltip');
+ });
+ },
+ open : function( options ) {
+ return this.each(function () {
+ // do stuff here
+ });
+ },
+ close : function( options ) {
+ return this.each(function () {
+
+ });
+ }
+ // to do — additional
+};
+
+$.fn.dialog = function( method, options ) {
+ if ( !method ) {
+ return methods.init.apply( this, Array.prototype.slice.call( arguments, 1 ) );
+ } else if ( methods[method] ) {
+ return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+ } else if ( typeof method === 'object' || ! method ) {
+ return methods.init.apply( this, arguments );
+ } else {
+ $.error( 'Method ' + method + ' does not exist on jQuery.dialog' );
+ }
+};
+
+
+$(function(){init();});
+})( jQuery );
+
+jQuery(function() {
+ $('button.dialog-trigger').bind('click', function (e) {
+ self.dialog( 'open', {
+ modal : true
+ , target: ( self.data('target') != '' ) ? self.data('target') : self
+ });
+ });
+});
Oops, something went wrong.

0 comments on commit f5e8670

Please sign in to comment.