Uses Javascript to change draw a random gradient on and set it as the background. Has a fade transition. Contains bootstrap styling.
A Pen by Aaron Joyce on CodePen.
Uses Javascript to change draw a random gradient on and set it as the background. Has a fade transition. Contains bootstrap styling.
A Pen by Aaron Joyce on CodePen.
| (function() { | |
| // Example of how to initialize a modal | |
| // Include class [classname]_open on the trigger element for the modal (in the html) | |
| initModal("modal1", "Title", "Content", "Footer", backgroundColor = "blue", titleColor = "red"); | |
| function initModal(classNm, title, content, footer, backgroundColor = "#5cb85c", titleColor = "white") { | |
| buildModal(classNm, title, content, footer); | |
| styleModal(classNm, backgroundColor, titleColor); | |
| activateModal(classNm); |
| <div id="divMadLibs"> | |
| <style> | |
| #divMadLibs { | |
| margin: 20px; | |
| } | |
| #frmInputs>label,input { | |
| margin-top: 10px; | |
| margin-bottom: 10px; | |
| } | |
| #divStory { |
| ## Installation Instructions | |
| `sudo apt-get update` | |
| `sudo apt-get install build-essential checkinstall libssl-dev` | |
| `npm update` | |
| `nvm install 6.11.0` | |
| `npm install -g @angular/cli` |
| #NoEnv ; Recommended for performance and compatibility with future AutoHotkey releases. | |
| ; #Warn ; Enable warnings to assist with detecting common errors. | |
| SendMode Input ; Recommended for new scripts due to its superior speed and reliability. | |
| SetWorkingDir %A_ScriptDir% ; Ensures a consistent starting directory. | |
| I_Icon = C:\Program Files\AutoHotkey\Script Icons\resize.ico | |
| ICON [I_Icon] ;Changes a compiled script's icon (.exe) | |
| if I_Icon <> | |
| IfExist, %I_Icon% | |
| Menu, Tray, Icon, %I_Icon% ;Changes menu tray icon |
| #!/bin/bash | |
| # Usage instructions | |
| # `git clone scripts/setup` To clone the repo | |
| # `chmod +x scripts/setup/setup.sh` To mark the file executable | |
| # `. scripts/setup/setup.sh` To run the file | |
| # Shorthand Version | |
| # `git clone scripts/setup && chmod +x scripts/setup/setup.sh && . scripts/setup/setup.sh` |
| #!/bin/bash | |
| # Usage instructions | |
| # `git clone {} scripts/serve` To clone the repo | |
| # `chmod +x scripts/serve/serve.sh` To mark the file executable | |
| # `./scripts/serve/serve.sh` To run the file | |
| ng serve --host 0.0.0.0 --port 8080 --public $C9_HOSTNAME --watch |
| ///////////////////////////////////////////////////////////////////////////////////////////////////////////// | |
| These instructions are based of the tutorial here: | |
| https://medium.com/@ryanchenkie_40935/angular-cli-deployment-host-your-angular-2-app-on-heroku-3f266f13f352 | |
| They solve the aot issue that I encountered when following that tutorial. | |
| ///////////////////////////////////////////////////////////////////////////////////////////////////////////// | |
| Create a new Angular 2 project using the cli. | |
| Add the following lines to package.json under the scripts section. | |
| "postinstall": "ng build --env=prod", |
| DIPS - Back Dip | |
| DIPS - Crazy Arm Dip | |
| DIPS - Doug's Dip | |
| DIPS - FLIP - Deep Dip (Deep Dip Flip) (Over-the-Shoulder Deep Dip) (Step Behind Deep Dip) | |
| DIPS - Faint Dip | |
| DIPS - Hair Sweep | |
| DIPS - Leaning Dip | |
| DIPS - Memories Dip | |
| DIPS - Neck Dip | |
| DIPS - Nutcracker |