Card that shows SoundCloud follower count using the SoundCloud REST API.
Does not update live.
| // extract all headers | |
| var headers = [] | |
| function walk (nodes) { | |
| nodes.forEach((node) => { | |
| var sub = Array.from(node.childNodes) | |
| if (sub.length) { | |
| walk(sub) |
| .skeleton { | |
| --text-opacity: 0; | |
| background-image: linear-gradient(100deg, #edf2f7 0%, #f4f7fa 20%, #edf2f7 40%); | |
| background-position: 50%; | |
| background-size: 200%; | |
| animation: skeleton 1.25s infinite linear; | |
| } | |
| .skeleton-teal { | |
| background-image: linear-gradient(100deg, #b4c5f8 0%, #cad8f9 20%, #b4c5f8 40%); |
| <div id="media-comp" class="display-contents"> | |
| <media inline-template> | |
| <form> | |
| <div v-for="(image, index) in form" :key="index" @touchstart.stop @mousedown.stop class="col-span-6"> | |
| <h3 class="text-3xl font-medium">@{{ image.label }}</h3> | |
| <p class="py-3">Allowed Width @{{image.width}}px, Height @{{image.height}}px, Max file size @{{image.maxFileSize}}</p> | |
| <input v-model="image.value" wire:model="@{{ image.name }}" type="hidden"> | |
| <croppa v-model="image.model" :width="image.width" :height="image.height" | |
| :placeholder="locale == 'sv' ? 'Välj en bild' : 'Choose an image'" | |
| :accept="'image/*'" :file-size-limit="image.maxByte" :zoom-speed="3" :disable-drag-and-drop="false" |
| index index.php index.html; | |
| root /your/path/to/the/sendy; | |
| location = / { | |
| index index.php; | |
| } | |
| location / { | |
| if (!-f $request_filename){ | |
| rewrite ^/([a-zA-Z0-9-]+)$ /$1.php last; |
| #!/bin/bash | |
| # install homebrew | |
| ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" | |
| # install homebrew's official php tap | |
| brew tap josegonzalez/homebrew-php | |
| { | |
| "vars": { | |
| "@gray-base": "#000", | |
| "@gray-darker": "lighten(@gray-base, 13.5%)", | |
| "@gray-dark": "lighten(@gray-base, 20%)", | |
| "@gray": "lighten(@gray-base, 33.5%)", | |
| "@gray-light": "lighten(@gray-base, 46.7%)", | |
| "@gray-lighter": "lighten(@gray-base, 93.5%)", | |
| "@brand-primary": "darken(#428bca, 6.5%)", | |
| "@brand-success": "#5cb85c", |