learyjk

  Talk.ready.then(function() {
      const me = new Talk.User({
          id: member.id,
          name: member.customFields["free-user"],
          email: member.auth.email,
          photoUrl: member.profileImage,
          welcomeMessage: null,
          role: "brand",
      });

learyjk

<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js"></script>
<script>
const dotSize = 3
const spacing = dotSize * 8
const areaOfEffect = 64

let dots = []

function setup() {
  let cnv = createCanvas(windowWidth, windowHeight);

learyjk

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns"></script>
<script>
// chart-1
const ctx = document.getElementById("chart-1").getContext("2d");
const sunriseDates = document.querySelectorAll("[sunrise-date]");
const sunriseValues = document.querySelectorAll("[sunrise-value]");
const fvsDates = document.querySelectorAll("[fvs-date]");
const fvsValues = document.querySelectorAll("[fvs-value]");
const lgtDates = document.querySelectorAll("[lgt-date]");

learyjk

// This endpoint lives on my cloudflare worker
// It is called each time the user launches the DE.
// Note that we already have the user's access token from initial app install.
// The access token is stored in KV SITEID_SITE_INFO.
app.post('/resolve', async (c) => {
	// Get the siteId and idToken from the request body
	const body = await c.req.json();
	const { siteId, idToken } = body;

	// Check KV for access token and credits

learyjk

const currentDomain = window.location.hostname;
let scriptElement = document.createElement('script');
scriptElement.type = 'text/javascript';

if (currentDomain === 'staging.webflow.io') {
	// staging
  scriptElement.src = 'http://127.0.0.1/index.js';
} else if (currentDomain === 'www.example.com') {
	// production

learyjk

let circle = Bodies.circle(i, 10, 30, {
    friction: 0.3,
    frictionAir: 0.00001,
    restitution: 0.8,
    render: {
      sprite: {
        texture: "your-image-link-here.jpg",
      },
    },
    plugin: {

learyjk

function isValidTimeFormat(timeStr) {
    const twelveHourFormat = /^(\d{1,2}:\d{2} [AP]M)$/i;
    const twentyFourHourFormat = /^([01]?[0-9]|2[0-3]):[0-5][0-9]$/;

    if (twelveHourFormat.test(timeStr)) {
        return { valid: true, is24HourFormat: false };
    } else if (twentyFourHourFormat.test(timeStr)) {
        return { valid: true, is24HourFormat: true };
    } else {
        return { valid: false, is24HourFormat: false };

learyjk

function initialize() {
    var markers = [];
    var input = /** @type {HTMLInputElement} */
    (document.getElementById('Address'));
    var options = {
        componentRestrictions: {
            country: 'gb'
        }
    }
    var autocomplete = new google.maps.places.Autocomplete(input,options);

learyjk

// Define your attribute names here.
const ATTR_NAME = "wb-data";
const ATTR_ITEM_VALUE = "tab-item";
const ATTR_CONTENT_VALUE = "tab-content";

gsap.registerPlugin(ScrollTrigger);

function init() {
  const tabItems = document.querySelectorAll(
    `[${ATTR_NAME}="${ATTR_ITEM_VALUE}"]`

learyjk

Ball Drop with setion matter.js

A Pen by learyjk on CodePen.

License.