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", |