A simple animated Submit button using CSS, JS and jQuery.
xAirx
/ plist.plist
Last active
February 22, 2019 12:35
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?xml version="1.0" encoding="UTF-8"?> | |
| <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> | |
| <plist version="1.0"> | |
| <dict> | |
| <key>#DisableDrivers</key> | |
| <array> | |
| <string>CsmVideoDxe</string> | |
| <string>VBoxExt4</string> | |
| </array> | |
| <key>ACPI</key> |
xAirx
/ gist:a5220ed86ebae82fcc5cac4967c85d8a
Created
January 16, 2019 17:28
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| FROM php:7.0.4-fpm | |
| RUN apt-get update && apt-get install -y python-software-properties | |
| RUN add-apt-repository "deb http://archive.ubuntu.com/ubuntu $(lsb_release -sc) universe" | |
| RUN apt-get update && apt-get install -y libmcrypt-dev \ | |
| mysql-client libmagickwand-dev --no-install-recommends \ | |
| && pecl install imagick \ | |
| && docker-php-ext-enable imagick \ |
xAirx
/ formdatavolunteer.ts
Created
October 9, 2018 19:30
Gives error: VolunteerComponent.html:78 ERROR TypeError: Cannot read property 'invalid' of undefined // Is adding the invalid class to the form correctly though, and the posting of the data through the submit function in the ts works as intended.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // This is inside a _models folder. | |
| export class Formdatavolunteer { | |
| firstName: string = ''; | |
| lastName: string = ''; | |
| email: string = ''; | |
| gender: boolean; | |
| personality: boolean; | |
| description: string = ''; | |
| } |
xAirx
/ Contact.component.html
Created
October 8, 2018 22:50
The volunteer.component works, the contact component is the one misbehaving "Pass in form group".. ??
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="fh5co-hero"> | |
| <div class="container"> | |
| <div class="col-md-12 col-md-offset-2"> | |
| <div class="contactheader col-md-12"> | |
| <div class="container contact-form col-md-12"> | |
| <h3> | |
| <i class="fa fa-envelope"></i> Drop us a Message</h3> |
xAirx
/ index.html
Created
October 8, 2018 14:30
Multi Step Form with Progress Bar using jQuery and CSS3
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- multistep form --> | |
| <form id="msform"> | |
| <!-- progressbar --> | |
| <ul id="progressbar"> | |
| <li class="active">Account Setup</li> | |
| <li>Social Profiles</li> | |
| <li>Personal Details</li> | |
| </ul> | |
| <!-- fieldsets --> | |
| <fieldset> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link href="https://fonts.googleapis.com/css?family=Poppins:600" rel="stylesheet"> | |
| <main> | |
| <div class="button"> | |
| <div class="text">Submit</div> | |
| </div> | |
| <div class="progress-bar"></div> | |
| <svg x="0px" y="0px" | |
| viewBox="0 0 25 30" style="enable-background:new 0 0 25 30;"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="loader"> | |
| <div class="bar1"></div> | |
| <div class="bar2"></div> | |
| <div class="bar3"></div> | |
| <div class="bar4"></div> | |
| <div class="bar5"></div> | |
| <div class="bar6"></div> | |
| </div> | |
| <main> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // gulp | |
| var gulp = require('gulp'); | |
| // plugins | |
| var connect = require('gulp-connect'); | |
| var jshint = require('gulp-jshint'); | |
| var uglify = require('gulp-uglify'); | |
| var minifyCSS = require('gulp-minify-css'); | |
| var clean = require('gulp-clean'); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ng-progress [positionUsing]="'marginLeft'" [minimum]="0.15" [maximum]="1" | |
| [speed]="200" [showSpinner]="false" [direction]="'leftToRightIncreased'" | |
| [color]="'#43becc'" [trickleSpeed]="250" [thick]="false" [ease]="'linear'" | |
| ></ng-progress> | |
| <div *ngIf="showContent" class="main-content"> | |
| <div class="container-fluid"> | |
| <!-- <h3>Graphs</h3> | |
| <div class="row"> | |
| <div class="col-md-4"> |
NewerOlder