blueridgemountains1

    var $dt = $('.dataTable')
  .DataTable({
    "lengthChange": true,
    "pageLength": 21,
    "paging": true,
    "ordering": true,
    "info": false,
    "searching": true,
    "stateSave": false,
    "jQueryUI": false,

blueridgemountains1

1. Add pusher PHP server to composer

"pusher/pusher-php-server": "^3.0",

2. Require this package, with Composer, in the root directory of your project.

$ composer require vinkla/pusher

3. Add the service provider to config/app.php in the providers array, or if you're using Laravel 5.5, this can be done via the automatic package discovery.

blueridgemountains1

1. Add variables to .env file

ONESIGNAL_APP_ID=
ONESIGNAL_REST_API_KEY=
ONESIGNAL_USER_AUTH_KEY=

2. Add OneSignal wrapper for Laravel via composer

composer require jmrieger/onesignal-laravel

blueridgemountains1

img:not([alt]), img[alt=""] {
  outline: 5px solid red;
}

/* you could also use this for admins on wordpress with the following */

.admin-bar img:not([alt]), .admin-bar img[alt=""] {
  outline: 5px solid red;
}

blueridgemountains1

/** flex **/
.🦄 {
  display: flex;
  align-items: center;
  justify-content: center;
}

/** grid **/
body {
  display: grid;

blueridgemountains1

/** taken from https://codepen.io/sdthornton/pen/wBZdXq **/

.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

blueridgemountains1

body {
     font-size: calc(0.95rem + 0.1vw);
}

blueridgemountains1

/** taken from https://github.com/niksy/rationalize.css/blob/master/index.css **/

@import url('normalize.css');
@import url('opinionate.css');

/**
 * =============================================================================
 * Base
 * =============================================================================
 */

blueridgemountains1

.btn {
    display: inline-flex;
    align-content: center;
    align-items: center;
}

blueridgemountains1

/** Great way to sync media queries with your javascript: https://mobile.twitter.com/selbekk/status/975145895909117952 **/

body::before {
 content: ‘small’,
 display: none;
}
@media all and (min-width: 1000px) {
 body::before {
  content: ‘medium’;
 }