View spotify-waveform.js
const fs = require('fs') | |
const data = require('./track.json') | |
let duration = data.track.duration | |
let segments = data.segments.map(segment => { | |
return { | |
start: segment.start / duration, | |
duration: segment.duration / duration, | |
loudness: 1 - (Math.min(Math.max(segment.loudness_max, -35), 0) / -35) |
View concert.json
{ | |
"id": "", | |
"artist_id": "", | |
"datetime": "", | |
"description": "", | |
"venue": { | |
"id": "", | |
"name": "", | |
"latitude": "", | |
"longitude": "", |
View Scan.js
methods: { | |
beforeEnter(el) { | |
el.style.cssText = "clip-path: inset(0 0 100% 0)" | |
}, | |
enter(el, done) { | |
let scan = { percent: 100 } | |
anime({ | |
targets: scan, | |
percent: 0, |
View Typer.vue
<template> | |
<p><span class="start">{{ start }}</span><span class="end">{{ end }}</span></p> | |
</template> | |
<script> | |
export default{ | |
props: { | |
phrase: { | |
type: String, | |
required: true |
View countdown.vue
<template> | |
<time>{{ remaining }}</time> | |
</template> | |
<script> | |
import { DateTime, Duration } from 'luxon' | |
export default{ | |
data() { | |
return { |
View msToTime.js
let msToTime = (milliseconds) => { | |
let ms = milliseconds % 1000 | |
let s = (milliseconds - ms) / 1000 | |
let secs = s % 60 | |
if (secs < 10) { | |
secs = `0${secs}` | |
} |
View forecast.js
const fetch = require('node-fetch'); | |
exports.handler = async (event, context) => { | |
try{ | |
const latitude = event.queryStringParameters.latitude; | |
const longitude = event.queryStringParameters.longitude; | |
const response = await fetch(`https://api.darksky.net/forecast/${process.env.DARK_SKY_KEY}/${latitude},${longitude}`); | |
const data = await response.json(); |
View sign.js
const AWS = require('aws-sdk') | |
const s3 = new AWS.S3({ | |
accessKeyId: process.env.AWS_KEY, | |
secretAccessKey: process.env.AWS_SECRET, | |
useAccelerateEndpoint: true | |
}) | |
const getSignedUrlPromise = (operation, params) => { | |
return new Promise((resolve, reject) => { |
View Static.vue
<template> | |
<canvas ref="canvas"></canvas> | |
</template> | |
<script> | |
export default{ | |
methods: { | |
generateNoise() { | |
this.noise = document.createElement('canvas') | |
this.noise.height = window.innerHeight * 2 |
NewerOlder