Wala shell

Advanced PHP File Manager

Server IP: 127.0.0.1 | PHP Version: 8.3.30 | Domains Hosted: 54

Name	Size	Last Modified	Actions
📁 ..	-	2026-02-12 14:54
📄 .bower.json { "name": "card", "homepage": "https://github.com/jessepollak/card", "authors": [ "Jesse Pollak <jpollak92@gmail.com>" ], "description": "Card let's you add an interactive, CSS3 credit card animation to your credit card form to help your users through the process.", "main": [ "lib/js/card.js" ], "keywords": [ "card", "credit", "card", "form" ], "dependencies": { "jquery": ">=1.5" }, "license": "MIT", "ignore": [ "*/.", "node_modules", "example", "test", "tests" ], "version": "1.3.2", "_release": "1.3.2", "_resolution": { "type": "version", "tag": "v1.3.2", "commit": "b5b7c5866ab0f92768bb145c1ba1732ddf1d4699" }, "_source": "https://github.com/jessepollak/card.git", "_target": "~1.3.2", "_originalSource": "card" }	825 B	2026-02-12 14:54
📄 CONTRIBUTING.md # Welcome Welcome to the Card contributor guidlines. We are so happy to have you. No matter who you are or what your contributing background is, we want this to be a safe, fun place for you to help out. Card follows the [Clef code of conduct](https://github.com/clef/code-of-conduct) and violations are taken very seriously. If you seem something wrong, please don't hesitate to reach out to [@jessepollak](http://twitter.com/jessepollak) through their email on Github. There is also a strict no meanness rule. At every step, please be kind and inclusive, even if people are asking not-so-informed questions. # How do I set up for development? Here's how you can get started developing locally: $ git clone --recursive https://github.com/jessepollak/card.git $ cd card $ git submodule init && git submodule update $ npm install $ npm start Now, if you go to localhost:8080/example in your browser, you should see the demo page. # How to contribute Here are the basic steps to get started contributing: 1. Fork then clone the repo and get development running on your computer. You can find instructions for setting up your development environment above. 2. Replicate the issue you're trying to fix or spec out the feature you're trying to add. Understanding the scope of what you're fixing or adding is important and upfront thought helps. 3. Change the code to fix the bug or add the feature. All changes should happen in the relevant `.coffee` and `.scss` files. All `*.js` files are automatically build. 4. Verify that your fix or feature works. 5. Run `NODE_ENV=production gulp build` to build your changes in the production build 6. Commit your changes with an informative description 7. Open a pull request to [the primary repo](https://github.com/jessepollak/card) with your new commit and a descriptive message about what the PR does. # What can I contribute? Check out the [issues](http://github.com/jessepollak/card/issues) for a comprehensive list of unfixed bugs and desired features. ## Are you new? If you're new to open source software, it can be really scary to get started. Believe me, we've all been there. To make it a little less scary, we've tagged a bunch of issues with `good-first-PR` tags. These issues or features are ones that we think will be approachable for a new contributor to the project (or to open source in general). They have a ton of information in the issue that should make it easy to get started. If you want to tackle one of these issues, we are here to help you! Ping [@jessepollak](http://twitter.com/jessepollak) and he'll walk you through everything you need to know to get started.	2.61 KB	2026-02-12 14:54
📄 LICENSE Copyright (c) 2014 Jesse Pollak 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.	1.03 KB	2026-02-12 14:54
📄 README.md # Card - check out the [demo](https://jessepollak.github.io/card) ### A better credit card form in one line of code Card will take any credit card form and make it the best part of the checkout process (without you changing anything). Everything is created with pure CSS, HTML, and Javascript — no images required. ![card](http://i.imgur.com/qG3TenO.gif) ## Usage (without jQuery) To use, you'll need to include the Card JavaScript files into your HTML. You can find the necessary file at `/lib/js/card.js` and include it in your HTML like so. ```html <!-- at the end of BODY --> <script src="/path/to/card.js"></script> ``` Once you've included those files, you can initialize Card. ```javascript var card = new Card({ // a selector or DOM element for the form where users will // be entering their information form: 'form', // required // a selector or DOM element for the container // where you want the card to appear container: '.card-wrapper', // required formSelectors: { numberInput: 'input#number', // optional — default input[name="number"] expiryInput: 'input#expiry', // optional — default input[name="expiry"] cvcInput: 'input#cvc', // optional — default input[name="cvc"] nameInput: 'input#name' // optional - defaults input[name="name"] }, width: 200, // optional — default 350px formatting: true, // optional - default true // Strings for translation - optional messages: { validDate: 'valid\ndate', // optional - default 'valid\nthru' monthYear: 'mm/yyyy', // optional - default 'month/year' }, // Default placeholders for rendered fields - optional placeholders: { number: '•••• •••• •••• ••••', name: 'Full Name', expiry: '••/••', cvc: '•••' }, // if true, will log helpful messages for setting up Card debug: false // optional - default false }); ``` ### Installing card from npm If you're using npm, you can install card.js with: npm install --save card var $ = require("jquery"); // The current card.js code does not explictly require jQuery, but instead uses the global, so this line is needed. window.jQuery = $; var card = require("card"); ### Using multiple inputs for one field Card can be used in forms where you have multiple inputs that render to a single field (i.e. you have a first and last name input). To use Card with this functionality, just pass in a selector that selects the fields in the correct order. For example, ```html <html> <body> <div class='card-wrapper'></div> <script src="/path/to/card.js"></script> <form> <input type="text" name="number"> <input type="text" name="first-name"/> <input type="text" name="last-name"/> <input type="text" name="expiry"/> <input type="text" name="cvc"/> </form> <script> var card = new Card({ form: 'form', container: '.card-wrapper', formSelectors: { nameInput: 'input[name="first-name"], input[name="last-name"]' } }); </script> </body> </html> ``` ### Rendering with different initial card placeholders Card renders with default placeholders for card `name`, `number`, `expiry`, and `cvc`. To override these placeholders, you can pass in a `placeholders` object. ```html <html> <body> <div class='card-wrapper'></div> <script src="/path/to/card.js"></script> <form> <input type="text" name="number"> <input type="text" name="name"/> <input type="text" name="expiry"/> <input type="text" name="cvc"/> </form> <script> var card = new Card({ form: 'form', container: '.card-wrapper', placeholders: { number: '** ', name: 'Arya Stark', expiry: '/**', cvc: '' } }); </script> </body> </html> ``` ### Translation To render the card with the strings in a different language, you can pass in a `messages` object. ```html <html> <body> <div class='card-wrapper'></div> <script src="/path/to/card.js"></script> <form> <input type="text" name="number"> <input type="text" name="name"/> <input type="text" name="expiry"/> <input type="text" name="cvc"/> </form> <script> var card = new Card({ form: 'form', container: '.card-wrapper', messages: { validDate: 'expire\ndate', monthYear: 'mm/yy' } }); </script> </body> </html> ``` ## Using with jQuery To use with jQuery, you'll need to include the `jquery.card.js` file into your HTML. You can find the necessary file at `/lib/js/jquery.card.js` and include it in your HTML like so. ```html <!-- at the end of BODY --> <script src="/path/to/jquery.card.js"></script> ``` Once you've included those files, you can initialize Card with jQuery. ```javascript $('form').card({ // a selector or DOM element for the container // where you want the card to appear container: '.card-wrapper', // required* // all of the other options from above }); ``` ## Using with other javascript libraries Card has wrappers that make it easy to use with other javascript libraries: ### Angular * [angular-card](https://github.com/gavruk/angular-card) ### Ember * [ember-credit-card](https://github.com/esbanarango/ember-credit-card) ### React * [react-credit-card](https://github.com/JohnyDays/react-credit-card) * [card-react](https://github.com/shatran/card-react) ## Development To contribute, follow this steps: ```bash $ git clone --recursive https://github.com/jessepollak/card.git $ cd card $ git submodule init && git submodule update $ npm install $ npm start ``` Now, if you go to localhost:8080/example in your browser, you should see the demo page. ## Places using Card Card is used in the wild in these places: * [InspectAll](http://www.inspectall.com/) * [PennyWhale](https://www.pennywhale.com/) * [MakeSpace](https://www.makespace.com/) * [Blumpa](http://www.blumpa.com/) * [CourseLoads](http://www.courseloads.com/) * [PubNub](http://pubnub.com/) * [GigSalad](https://www.gigsalad.com) * [Boligninja](http://www.boligninja.dk) * [EasyCarros](http://www.easycarros.com/) * [Sintelle] (http://www.sintelleparapharmacie.com/) * [Wevorce](http://wevorce.com/) * [PayumServer](https://github.com/Payum/PayumServer) * [Paribus](https://paribus.co) * [Bizzabo](https://www.bizzabo.com) Are you using Card in production? If so, we'd love to link to you from this page. Open a PR or drop [@jessepollak](http://twitter.com/jessepollak) a line on [Twitter](http://twitter.com/jessepollak) and we'll add you right away! ## Donations If you'd like to donate to help support development of Card, send Bitcoin directly to `17NUKd3v7GWben18kGhmFafa4ZpWrXpQSC` or through Coinbase [here](https://coinbase.com/jessepollak).	6.65 KB	2026-02-12 14:54
📄 bower.json { "name": "card", "homepage": "https://github.com/jessepollak/card", "authors": [ "Jesse Pollak <jpollak92@gmail.com>" ], "description": "Card let's you add an interactive, CSS3 credit card animation to your credit card form to help your users through the process.", "main": [ "lib/js/card.js" ], "keywords": [ "card", "credit", "card", "form" ], "dependencies": { "jquery": ">=1.5" }, "license": "MIT", "ignore": [ "*/.", "node_modules", "example", "test", "tests" ] }	548 B	2026-02-12 14:54
📄 gulpfile.coffee gulp = require 'gulp' browserify = require 'browserify' prefix = require 'gulp-autoprefixer' spawn = require('child_process').spawn server = require('tiny-lr')() livereload = require('gulp-livereload') rename = require 'gulp-rename' rimraf = require 'gulp-rimraf' connect = require 'gulp-connect' open = require 'gulp-open' derequire = require 'gulp-derequire' runs = require 'run-sequence' glob = require 'glob' source = require 'vinyl-source-stream' rename = require 'gulp-rename' es = require 'event-stream' path = require 'path' development = process.env.NODE_ENV == 'development' gulp.task 'browserify', (done) -> glob './src/coffee/.coffee', (err, files) -> done(err) if err tasks = files.map (entry) -> b = browserify entries: [entry] debug: development standalone: if development then null else 'card' extensions: ['.coffee', '.js'] b.bundle().on 'error', console.log .pipe source path.basename(entry) .pipe derequire() .pipe rename(extname: '.js') .pipe gulp.dest('./lib/js') es.merge(tasks).on 'end', done gulp.task 'watch', ['browserify', 'connect'], -> server.listen 35729, -> gulp.watch ['./src/coffee//.coffee', './src/scss/*/.scss'], ['browserify'] gulp.src('example/index.html') .pipe open("", url: "http://localhost:8080/example") gulp.task 'connect', -> connect.server() gulp.task 'clean', -> gulp.src 'build' .pipe rimraf() # Default task call every tasks created so far. gulp.task 'build', (cb) -> runs( 'clean' 'browserify', cb ) gulp.task 'default', ['build']	1.59 KB	2026-02-12 14:54
📁 lib	-	2026-02-12 14:54
📄 package.json { "name": "card", "version": "1.3.2", "author": "Jesse Pollak <jpollak92@gmail.com>", "description": "Card lets you add an interactive, CSS3 credit card animation to your credit card form to help your users through the process.", "main": "lib/js/card.js", "repository": { "type": "git", "url": "https://github.com/jessepollak/card" }, "contributors": [ { "name": "Jesse Pollak", "email": "jpollak92@gmail.com" }, { "name": "Daniel Juhl", "email": "danieljuhl@gmail.com" } ], "scripts": { "start": "gulp watch" }, "browserify": { "transform": [ "coffeeify", [ "sassify", { "auto-inject": true, "base64Encode": false, "sourceMap": false, "sourceMapEmbed": false } ] ] }, "devDependencies": { "bower": "~1.2.8", "browserify": "^11.0.0", "coffee-script": "~1.7.1", "coffeeify": "~1.2.0", "event-stream": "^3.3.1", "glob": "^5.0.14", "gulp": "~3.8.5", "gulp-autoprefixer": "0.0.7", "gulp-changed": "~0.3.0", "gulp-connect": "~2.0.5", "gulp-derequire": "^2.1.0", "gulp-livereload": "~1.5.0", "gulp-open": "~0.2.8", "gulp-rename": "^1.2.2", "gulp-rimraf": "~0.1.0", "jquery": "~2.1.1", "nodemon": "~1.1.1", "run-sequence": "~0.3.6", "sassify": "~0.9.1", "tiny-lr": "0.0.7", "vinyl-source-stream": "^1.1.0" }, "dependencies": { "cssify": "~0.6.0", "node.extend": "~1.1.3", "qj": "~1.0.0", "payment": "~1.0.4" } }	1.54 KB	2026-02-12 14:54
📁 src	-	2026-02-12 14:54

Terminal