Permalink
Browse files

initial release

  • Loading branch information...
1 parent b3786b6 commit d27b475d27614c0ace5be9a1307cca1fd5d59341 Maarten Baijs committed Jan 6, 2014
Showing with 4,147 additions and 3 deletions.
  1. +6 −0 .gitignore
  2. +4 −0 .jshintrc
  3. +5 −0 .travis.yml
  4. +170 −0 Gruntfile.coffee
  5. +21 −0 MIT-LICENSE.txt
  6. +50 −3 README.md
  7. +41 −0 package.json
  8. +41 −0 src/css/tinycircleslider.css
  9. +12 −0 src/example/css/website.css
  10. BIN src/example/images/Thumbs.db
  11. BIN src/example/images/bg-dot.png
  12. BIN src/example/images/bg-rotatescroll.png
  13. BIN src/example/images/bg-thumb.png
  14. BIN src/example/images/hdr1.jpg
  15. BIN src/example/images/hdr2.jpg
  16. BIN src/example/images/hdr3.jpg
  17. BIN src/example/images/hdr4.jpg
  18. BIN src/example/images/hdr5.jpg
  19. +42 −0 src/example/index.html
  20. BIN src/fancybox/blank.gif
  21. BIN src/fancybox/fancybox_loading.gif
  22. BIN src/fancybox/fancybox_loading@2x.gif
  23. BIN src/fancybox/fancybox_overlay.png
  24. BIN src/fancybox/fancybox_sprite.png
  25. BIN src/fancybox/fancybox_sprite@2x.png
  26. BIN src/fancybox/helpers/fancybox_buttons.png
  27. +97 −0 src/fancybox/helpers/jquery.fancybox-buttons.css
  28. +122 −0 src/fancybox/helpers/jquery.fancybox-buttons.js
  29. +199 −0 src/fancybox/helpers/jquery.fancybox-media.js
  30. +55 −0 src/fancybox/helpers/jquery.fancybox-thumbs.css
  31. +162 −0 src/fancybox/helpers/jquery.fancybox-thumbs.js
  32. +274 −0 src/fancybox/jquery.fancybox.css
  33. +2,020 −0 src/fancybox/jquery.fancybox.js
  34. +46 −0 src/fancybox/jquery.fancybox.pack.js
  35. BIN src/images/SF1.jpg
  36. BIN src/images/SF10.jpg
  37. BIN src/images/SF11.jpg
  38. BIN src/images/SF12.jpg
  39. BIN src/images/SF13.jpg
  40. BIN src/images/SF14.jpg
  41. BIN src/images/SF15.jpg
  42. BIN src/images/SF2.jpg
  43. BIN src/images/SF3.jpg
  44. BIN src/images/SF4.jpg
  45. BIN src/images/SF5.jpg
  46. BIN src/images/SF6.jpg
  47. BIN src/images/SF7.jpg
  48. BIN src/images/SF8.jpg
  49. BIN src/images/SF9.jpg
  50. BIN src/images/bg-circleslider-ex.png
  51. BIN src/images/bg-dot.png
  52. BIN src/images/bg-dot2.png
  53. BIN src/images/bg-dot3.png
  54. BIN src/images/bg-rotatescroll.png
  55. BIN src/images/bg-rotatescroll2.png
  56. BIN src/images/bg-thumb.png
  57. BIN src/images/ex1.jpg
  58. BIN src/images/ex2.jpg
  59. BIN src/images/ex3.jpg
  60. BIN src/images/ex4.jpg
  61. BIN src/images/ex5.jpg
  62. BIN src/images/example-dot-1.png
  63. BIN src/images/example-dot-2.png
  64. BIN src/images/example-dot-3.png
  65. BIN src/images/example-dot-4.png
  66. BIN src/images/example-dot-5.png
  67. BIN src/images/example-overlay.png
  68. BIN src/images/example-thumb.png
  69. BIN src/images/hdr1.jpg
  70. BIN src/images/hdr2.jpg
  71. BIN src/images/hdr3.jpg
  72. BIN src/images/hdr4.jpg
  73. BIN src/images/hdr5.jpg
  74. +368 −0 src/index.html
  75. +412 −0 src/js/jquery.tinycircleslider.js
View
@@ -0,0 +1,6 @@
+.DS_Store
+.ftppass
+dist/
+node_modules/
+*.sublime-project
+*.sublime-workspace
View
@@ -0,0 +1,4 @@
+{
+ "laxcomma" : true
+, "laxbreak" : false
+}
View
@@ -0,0 +1,5 @@
+language: node_js
+node_js:
+ - 0.8
+before_script:
+ - npm install -g grunt-cli
View
@@ -0,0 +1,170 @@
+module.exports = (grunt) ->
+
+ grunt.initConfig
+
+ pkg : grunt.file.readJSON "package.json"
+
+ meta :
+
+ banner : '/*! <%= pkg.title || pkg.name %> - v<%= pkg.version %> - ' +
+ '<%= grunt.template.today("yyyy-mm-dd") %>\n ' +
+ '<%= pkg.homepage ? "* " + pkg.homepage + "\\n *\\n " : "" %>' +
+ '* Copyright (c) <%= grunt.template.today("yyyy") %> <%= pkg.author.name %> <<%= pkg.author.email %>>;\n' +
+ ' * Licensed under the <%= _.pluck(pkg.licenses, "type").join(", ") %> license */\n\n'
+
+ # Remove old build.
+ #
+ clean :
+
+ dist :
+
+ src : [ "dist" ]
+
+ # Copy the images and the index to the dist location.
+ #
+ copy :
+
+ dist :
+
+ files : [
+ { expand: true, cwd: "src", src: "images/**/*", dest: "dist/src" }
+ , { expand: true, cwd: "src", src: "css/**/*", dest: "dist/src" }
+ , { expand: true, cwd: "src", src: "fancybox/**/*", dest: "dist/src" }
+ , { expand: true, cwd: "node_modules/baijs", src: "css/**/*", dest: "dist/src" }
+ , { expand: true, cwd: "node_modules/baijs", src: "js/**/*", dest: "dist/src" }
+ , { expand: true, cwd: "src", src: "js/**/*", dest: "dist/src" }
+ , { expand: true, cwd: "src", src: "index.html", dest: "dist/src" }
+ ]
+
+ example :
+
+ files : [
+ { expand: true, cwd: "src", src: "example/**/*", dest: "dist/src/" }
+ , { expand: true, cwd: "dist/src/js", src: "jquery.<%= pkg.name %>*", dest: "dist/src/example/js" }
+ ]
+
+
+ # Validate javascript files with jsHint.
+ #
+ jshint :
+
+ options :
+
+ jshintrc : ".jshintrc"
+
+ all : [
+ "src/js/jquery.<%= pkg.name %>.js"
+ ]
+
+ # Minify the javascript.
+ #
+ uglify :
+
+ dist :
+
+ options :
+
+ banner : "<%= meta.banner %>"
+ beautify : false
+
+ files :
+
+ "dist/src/js/jquery.<%= pkg.name %>.min.js" : ["dist/src/js/jquery.<%= pkg.name %>.js"]
+
+
+ # Replace image file paths in css and correct css path in the index.
+ #
+ replace :
+
+ dist :
+ src : [
+ "dist/src/index.html"
+ ]
+ overwrite : true
+ replacements : [
+ {
+ from : /@@bnr@@/ig
+ , to : "<%= pkg.version %>"
+ }
+ , {
+ from : /..\/node_modules\/baijs\//ig
+ , to : ""
+ }
+ ]
+
+ # Make a zipfile.
+ #
+ compress :
+
+ dist :
+
+ options :
+
+ archive: "dist/dist-<%= pkg.version %>.zip"
+
+ expand : true
+ cwd : "dist/src"
+ src : ["**/*"]
+ dest : "."
+
+ example :
+
+ options :
+
+ archive: "dist/src/<%= pkg.name %>-<%= pkg.version %>.zip"
+
+ expand : true
+ cwd : "dist/src/example"
+ src : ["**/*"]
+ dest : "."
+
+ "ftp-deploy":
+
+ dist:
+
+ auth:
+
+ host : "ftp.baijs.nl"
+ port : 21
+ authKey : "<%= pkg.name %>"
+
+ src: "dist/src"
+ dest: "/"
+
+ # Load all the task modules we need.
+ #
+ grunt.loadNpmTasks "grunt-contrib-copy"
+ grunt.loadNpmTasks "grunt-contrib-clean"
+ grunt.loadNpmTasks "grunt-contrib-uglify"
+ grunt.loadNpmTasks "grunt-text-replace"
+ grunt.loadNpmTasks "grunt-contrib-compress"
+ grunt.loadNpmTasks "grunt-ftp-deploy"
+ grunt.loadNpmTasks "grunt-contrib-jshint"
+
+ # Distribution build
+ #
+ grunt.registerTask(
+
+ "default"
+ , [
+ "jshint"
+ "clean:dist"
+ "copy:dist"
+ "uglify:dist"
+ "compress:dist"
+ "replace:dist"
+ "copy:example"
+ "compress:example"
+ ]
+ )
+
+ # Upload dist to baijs.nl
+ #
+ grunt.registerTask(
+
+ "ftp"
+ , [
+ "default"
+ "ftp-deploy:dist"
+ ]
+ )
View
@@ -0,0 +1,21 @@
+Copyright 2013 Maarten Baijs
+http://www.baijs.com
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
View
@@ -1,4 +1,51 @@
-tinycircleslider
-================
+[tinycircleslider](http://baijs.com/tinycircleslider) [![Build Status](https://secure.travis-ci.org/wieringen/tinycircleslider.png?branch=master)](http://travis-ci.org/wieringen/tinycircleslider)
+==================================================
+
+What you need to build your own version of tinycircleslider
+--------------------------------------
+
+In order to build tinycircleslider, you need to have Node.js/npm, and git 1.7 or later installed.
+
+
+How to build your own tinycircleslider
+----------------------------
+
+First, clone a copy of the main imageCreator git repo by running:
+
+```bash
+git clone git://github.com/wieringen/tinycircleslider.git
+```
+
+Install the grunt-cli package so that you will have the correct version of grunt available from any project that needs it. This should be done as a global install:
+
+```bash
+npm install -g grunt-cli
+```
+
+Enter the tinycircleslider directory and install the Node dependencies, this time *without* specifying a global install:
+
+```bash
+cd tinycircleslider && npm install
+```
+
+Make sure you have `grunt` installed by testing:
+
+```bash
+grunt -version
+```
+
+Then, to get a complete, minified (w/ Uglify.js), linted (w/ JSHint) version of tinycircleslider, type the following:
+
+```bash
+grunt
+```
+
+The built version of tinycircleslider will be put in the `dist/` subdirectory, along with the minified copy and associated map file.
+
+
+Questions?
+----------
+
+If you have any questions, please feel free to email [me](mailto:wieringen@gmail.com).
+
-Tiny Circleslider is a circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any webpage. It was built using the javascript jQuery library.
View
@@ -0,0 +1,41 @@
+{
+ "name": "tinycircleslider",
+ "version": "2.0.0",
+ "description": "A lightweight cross browser jQuery based scrollbar.",
+ "homepage": "http://www.baijs.com/tinycircleslider",
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/wieringen/tinycircleslider.git"
+ },
+ "keywords": [
+ "UI",
+ "jQuery",
+ "Mobile",
+ "scrollbar",
+ "javascript"
+ ],
+ "author": {
+ "name": "Maarten Baijs",
+ "email": "wieringen@gmail.com"
+ },
+ "licenses": [
+ {
+ "type": "MIT",
+ "url": "https://github.com/wieringen/tinycircleslider/blob/master/MIT-LICENSE.txt"
+ }
+ ],
+ "bugs": {
+ "url": "https://github.com/wieringen/tinycircleslider/issues"
+ },
+ "devDependencies": {
+ "grunt": "~0.4.1",
+ "grunt-contrib-copy": "~0.4.1",
+ "grunt-contrib-clean": "~0.5.0",
+ "grunt-contrib-uglify": "~0.2.7",
+ "grunt-text-replace": "~0.3.9",
+ "grunt-contrib-compress": "~0.5.2",
+ "grunt-ftp-deploy": "~0.1.1",
+ "grunt-contrib-jshint": "~0.8.0",
+ "baijs": "0.0.1"
+ }
+}
@@ -0,0 +1,41 @@
+/* Examples - Tiny Circleslider */
+#circleslider1 { height:300px; position:relative; width:300px; }
+#circleslider1 .viewport{ height:300px; position: relative; margin:0 auto; overflow:hidden; width:300px }
+#circleslider1 .overview { position: absolute; width: 798px; list-style: none; margin: 0; padding: 0; left: 0; top: 0; }
+#circleslider1 .overview li { height:300px; width:300px; float: left; position: relative; }
+#circleslider1 .overlay {background:url(../images/bg-rotatescroll.png) no-repeat 0 0; position: absolute; left: 0; top: 0; height:300px; width:300px; }
+#circleslider1 .thumb { background:url(../images/bg-thumb.png) no-repeat 50% 50%; position: absolute; top: -3px; cursor: pointer; left: 137px; width: 100px; z-index: 200; height: 100px; }
+#circleslider1 .dot { background:url(../images/bg-dot2.png) no-repeat 0 0; display: none; height: 12px; width: 12px; position: absolute; left: 155px; top: 3px; z-index: 100; }
+#circleslider1 .dot span { display: none; }
+
+#circleslider2 { height:300px; position:relative; width:300px; }
+#circleslider2 .viewport{ height:300px; position: relative; margin:0 auto; overflow:hidden; width:300px }
+#circleslider2 .overview { position: absolute; width: 798px; list-style: none; margin: 0; padding: 0; left: 0; top: 0; }
+#circleslider2 .overview li { height:300px; width:300px; float: left; position: relative; }
+#circleslider2 .overlay {background:url(../images/bg-rotatescroll.png) no-repeat 0 0; position: absolute; left: 0; top: 0; height:300px; width:300px; }
+#circleslider2 .thumb { background:url(../images/bg-thumb.png) no-repeat 50% 50%; position: absolute; top: -3px; cursor: pointer; left: 137px; width: 100px; z-index: 200; height: 100px; }
+#circleslider2 .dot { background:url(../images/bg-dot2.png) no-repeat 0 0; display: none; height: 12px; width: 12px; position: absolute; left: 155px; top: 3px; z-index: 100; }
+#circleslider2 .dot span { display: none; }
+
+#circleslider3 { height:350px; padding: 25px; position:relative; width:350px; }
+#circleslider3 .viewport{ height:350px; position: relative; margin:0 auto; overflow:hidden; width:350px }
+#circleslider3 .overview { background-color: #efefef; position: absolute; width: 798px; list-style: none; margin: 0; padding: 0; left: 0; top: 0; }
+#circleslider3 .overview li { height:350px; width:350px; margin: 0 20px 0 0; float: left; position: relative; }
+#circleslider3 .overlay {background:url(../images/bg-rotatescroll2.png) no-repeat 0 0; pointer-events: none; position: absolute; left: 0; top: 0; height:400px; width:400px; }
+#circleslider3 .thumb { background:url(../images/bg-thumb.png) no-repeat 50% 50%; position: absolute; top: -3px; cursor: pointer; left: 137px; width: 100px; z-index: 200; height: 100px; }
+#circleslider3 .dot { cursor: pointer; background:url(../images/bg-dot3.png) no-repeat 0 0; height: 22px; text-align: center; line-height: 22px; font-size: 10px; color: #555; width: 22px; position: absolute; left: 155px; top: 3px; z-index: 100; }
+#circleslider3 .dot span { cursor: pointer; }
+
+#circleslider4 { height:530px; position:relative; width:530px; overflow: hidden; }
+#circleslider4 .viewport{ height:350px; position: relative; margin:0 auto; overflow:hidden; width:350px; margin: 82px auto 0; }
+#circleslider4 .overview { background-color: #efefef; position: absolute; width: 350px; list-style: none; margin: 0; padding: 0; left: 0; top: 0; }
+#circleslider4 .overview li { height:350px; width:350px; margin: 0; float: left; position: relative; }
+#circleslider4 .overlay {background:url(../images/example-overlay.png) no-repeat 0 0; position: absolute; left: 0; top: 0; height:530px; width:530px; }
+#circleslider4 .thumb { background:url(../images/example-thumb.png) no-repeat 50% 50%; position: absolute; top: 0; cursor: pointer; left: 0; margin: 5px 0 0; width:95px; z-index: 101; height: 95px; }
+#circleslider4 .dot { cursor: pointer; text-indent: -999em; overflow: hidden; height: 74px; width: 74px; position: absolute; left: 0; top: 0; z-index: 100; }
+#circleslider4 .dot-1 { background:url(../images/example-dot-3.png) no-repeat 0 0; width: 95px; height: 73px; margin: 10px 0 0; }
+#circleslider4 .dot-2 { background:url(../images/example-dot-2.png) no-repeat 0 0; width: 82px; height: 83px; }
+#circleslider4 .dot-3 { background:url(../images/example-dot-1.png) no-repeat 0 0; width: 74px; height: 74px; }
+#circleslider4 .dot-4 { background:url(../images/example-dot-4.png) no-repeat 0 0; width: 61px; height: 71px; }
+#circleslider4 .dot-5 { background:url(../images/example-dot-5.png) no-repeat 0 0; width: 74px; height: 74px; }
+#circleslider4 .dot span { cursor: pointer; }
@@ -0,0 +1,12 @@
+img { border: 0; }
+
+/* Tiny Circleslider */
+#rotatescroll { height:300px; position:relative; width:300px; }
+#rotatescroll .viewport{ height:300px; position: relative; margin:0 auto; overflow:hidden; width:300px }
+#rotatescroll .overview { position: absolute; width: 798px; list-style: none; margin: 0; padding: 0; left: 0; top: 0; }
+#rotatescroll .overview li { height:300px; width:300px; float: left; position: relative; }
+#rotatescroll .overlay {background:url(../images/bg-rotatescroll.png) no-repeat 0 0; position: absolute; left: 0; top: 0; height:300px; width:300px; }
+#rotatescroll .thumb { background:url(../images/bg-thumb.png) no-repeat 50% 50%; position: absolute; top: -3px; cursor: pointer; left: 137px; width: 100px; z-index: 200; height: 100px; }
+#rotatescroll .dot { background:url(../images/bg-dot.png) no-repeat 0 0; display: none; height: 12px; width: 12px; position: absolute; left: 155px; top: 3px; z-index: 100; }
+#rotatescroll .dot span { display: none; }
+
Binary file not shown.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.

0 comments on commit d27b475

Please sign in to comment.