lionneclement

import { createStore } from "https://framer.com/m/framer/store.js@^1.0.0"
import { useEffect, useState, ComponentType } from "react"
import {
    HEADINGS,
    formatHeadings,
    formatTableOfContent,
} from "https://framer.com/m/Utils-WIyM.js"

// Made with love by Clément: https://lionneclement.com/
// Full tutorial: https://framermart.com/tutorial/how-to-create-table-of-contents-cms-collections-framer

lionneclement

// Create an array to store the data
const data = [['Image', 'Title']];


document.querySelectorAll('.dig-Card').forEach((card) => {
    const image = card.querySelector('.dig-Card-Media__ratio img').getAttribute('src');
    
    let title = card.querySelector('.dig-Truncate').textContent;

lionneclement

import type { ComponentType } from "react"
import { useEffect, useState } from "react"

const CAPTION_SIZE_FACTOR = 0.85

export const withCaptionAlignCenter = (Component): ComponentType => {
    return (props: any) => {
        const [originalFontSize, setOriginalFontSize] = useState(16)

        useEffect(() => {

lionneclement

use "nano ~/.zshrc"

alias gitClean="git checkout main && git pull && git branch --merged main | grep -v '\* main' | xargs -n 1 git branch -d"