To connect to Earthquake Streams data feed you need to use a pusher library such as https://github.com/pusher/pusher-js
Live Demo Code @ https://codepen.io/mapdev/pen/XaexdY
To connect you need
- Pusher Key: cb8e92ce5edfd617ee0a
| //this function returns entrymessage objects only if the entrymessage is a mesaage, and the internal message object isText. | |
| //From Facebook messenger api | |
| //Got parts refractories but couldn't work out how to return a collection of valid entrymessages with the double foreach. | |
| //Tried lots of combos of each/map/ and filter. | |
| public function textMessages() | |
| { | |
| $result = []; | |
| foreach ($this->entries as $entry) { | |
| foreach ($entry->messages as $entryMessage) { |
| .vue-switcher-theme--custom.vue-switcher-color--green div { | |
| background-color: #C8E6C9; | |
| } | |
| .vue-switcher-theme--custom.vue-switcher-color--green div:after { | |
| background-color: #43A047; | |
| } | |
| .vue-switcher-theme--custom.vue-switcher-color--green.vue-switcher--unchecked div { | |
| background-color: #E0E0E0; | |
| } | |
| .vue-switcher-theme--custom.vue-switcher-color--green.vue-switcher--unchecked div:after { |
| //Asks a bunch of questions about potential common packages that you may want to add | |
| //Example | |
| laravel new test-project | |
| //It runs | |
| laravelextras | |
| //Asks questions | |
| There are 27 potential packages you may want to add to your composer file. Select y/n for all of the following. | |
| Once complete composer will install all of these packages with the latest version if not defined in the list of packages |
To connect to Earthquake Streams data feed you need to use a pusher library such as https://github.com/pusher/pusher-js
Live Demo Code @ https://codepen.io/mapdev/pen/XaexdY
To connect you need
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <meta name="description" content=""> | |
| <meta name="author" content=""> | |
| <title>Starter Template for Tailwind CSS</title> | |
| <!-- Tailwind CSS Preflight CSS--> |
| //Notes | |
| // | |
| //For mapping the 100-900 colors we have mapped as follows: | |
| //darkest:900 | |
| //darker:700 | |
| //dark:600 | |
| //base:500 | |
| //light:400 | |
| //lighter:300 | |
| //lightest:100 |
| // https://davidpiesse.github.io/tailwind-md-colours/ | |
| // | |
| //Notes | |
| // | |
| //All colours are generated from Material Design Docs | |
| //Colours have a base, a set of shades (50-900) accent colours | |
| //In addition a companion set of contrast colours are included for colouring text / icons | |
| // Example usage | |
| // class="w-full bg-red-600 text-red-600-constrast" |
| <?php | |
| //Don't forget to change the namespace! | |
| namespace App\Traits; | |
| use Cron\CronExpression; | |
| use Illuminate\Support\Carbon; | |
| use Illuminate\Console\Scheduling\ManagesFrequencies; | |
| trait Schedulable{ |
| import esri from '../moduleLoader' | |
| async loaded(){ | |
| await esri.loadModules([ | |
| 'esri/Map', | |
| 'esri/views/MapView', | |
| 'esri/widgets/Compass', | |
| ],true) | |
| } |
| let brands = { | |
| "500px": { | |
| "title": "500px", | |
| "slug": "500px", | |
| "colors": ["0099e5", "ff4c4c", "34bf49"] | |
| }, | |
| "about-me": { | |
| "title": "About.me", | |
| "slug": "about-me", | |
| "colors": ["00a98f"] |