aeither

https://camo.githubusercontent.com/d655cf34a68daa255c90dabd0a8c45f7c981ef01113b881de6232e9d0ca353ec/68747470733a2f2f692e696d6775722e636f6d2f734c724b4c6e622e6a706567

ffmpeg -i spaces_m3u8_url -b:a 192K -vn bar.mp3

aeither

"use client";

import { Button } from "@/components/ui/button";
import { Card, CardContent } from "@/components/ui/card";
import React, { useEffect, useState } from "react";

type Match = [number | null, number | null];

const TournamentBracket = () => {
  const [teams, setTeams] = useState<string[]>(Array(8).fill(""));

aeither

const saveToMetal = async (text, videoId) => {
  const body = {
    index: INDEX_ID,
    text: text,
    metadata: { videoId },
  }

  const options = {
    method: 'POST',
    headers: {

aeither

<!--
Play with it: https://play.tailwindcss.com/sjRW48tX4h

  Credits: https://www.youtube.com/watch?v=NUeCNvYY_x4
-->

<div class="m-0 flex h-screen w-screen items-center bg-black">
  <div class="group peer relative z-20 ml-[20vw] ">
    <div class="cursor-pointer p-2 text-7xl text-white transition duration-300 ease-in-out group-hover:[&:not(:hover)]:opacity-20">Home</div>
    <div class="cursor-pointer p-2 text-7xl text-white transition duration-300 ease-in-out group-hover:[&:not(:hover)]:opacity-20">Features</div>

aeither

<!--
https://play.tailwindcss.com/hDwqVGDYqS
-->
<div class="relative flex min-h-screen justify-center overflow-hidden bg-gray-50 py-6 sm:py-12">
  <div class="flex flex-col">
    <div class="group relative h-96 w-96 bg-[url('https://images.unsplash.com/photo-1492633423870-43d1cd2775eb?&w=128&h=128&dpr=2&q=80')] bg-cover">
      <div class="absolute flex flex-col items-center justify-center inset-16 rounded-3xl bg-zinc-400/10 p-8 shadow backdrop-blur-sm backdrop-brightness-90 transition-all duration-300 group-hover:top-6 group-hover:bottom-6">
        <h3 class="absolute p-8 text-4xl opacity-100 translate-y-0  text-white transition-all duration-300 font-bold group-hover:opacity-0 group-hover:-translate-y-4">Hover</h3>
        <h3 class="absolute p-8 text-md opacity-0 -translate-y-4  text-white transition-all duration-300 group-hover:opacity-100 group-hover:translate-y-0">Sint laboris reprehenderit ad aute.</h3>
      </div>

aeither

<!--
  Welcome to Tailwind Play, the official Tailwind CSS playground!

  https://play.tailwindcss.com/kcfjqo7FaC
-->
<div class="relative flex min-h-screen flex-col items-center justify-center overflow-hidden bg-gray-50 py-6 sm:py-12">
  <!-- modal trigger -->
  <div>
    <label for="tw-modal" class="cursor-pointer rounded bg-black px-8 py-4 text-white active:bg-slate-400">OPEN MODAL</label>
  </div>

aeither

import clsx from 'clsx'

export const Page: FC = ({}) => {
  const [activeTab, setActiveTab] = useState(1)

  return (
    <>
      <div className="tabs">
        {['List', 'Favourite', 'Profile'].map((title, index) => (

aeither

<!-- Background -->
<div class="flex min-h-screen flex-col items-center justify-center bg-black">

  <!-- Button -->
  <button class="relative overflow-hidden rounded-lg px-20 py-6">
    
    <!-- Button Body -->
    <span class="absolute inset-px z-10 flex items-center justify-center rounded-lg bg-black bg-gradient-to-t from-neutral-800 text-neutral-300">Button</span>

    <!-- Animated Border -->

aeither

<!-- buttons -->
<button class="h-10 rounded-md border border-black bg-black px-6 font-semibold text-white transition duration-300 hover:bg-white hover:text-black">Button</button>

<button class="flex h-10 items-center gap-2 rounded-md border border-black bg-black px-6 font-semibold text-white transition duration-300 hover:bg-white hover:text-black">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg>
  Button
</button>

<!-- search bar -->
<div class="relative">

aeither

/* Initiate Solana Program with React */

/* With Thirdweb */
const [program, setProgram] = useState<Program<Dungeon3>>();

// TypeError: Class extends value undefined is not a constructor or null with Vite. Requires Polyfills, check Metaplex examples.
const sdk = useMemo(() => {
  if (wallet.connected) {
    const sdk = ThirdwebSDK.fromNetwork("devnet");
    sdk.wallet.connect(wallet);