A photoset that retains the aspect ratio of all images, yet keeping images on the same row at equal heights.
uvacoder Uvacoder
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Wind-ui CSS playground! --> | |
| <div class="flex h-screen w-full flex-col items-center justify-center bg-white bg-[url('https://tailwindcss.com/_next/static/media/docs@tinypng.61f4d3334a6d245fc2297517c87ae044.png')] bg-no-repeat text-slate-500 antialiased"> | |
| <!-- Component starts here --> | |
| <!-- Horizontal card with image, title, subtitle, user avatar and text--> | |
| <div class="flex w-[40rem] flex-col overflow-hidden rounded bg-white text-slate-500 shadow-md shadow-slate-200 sm:flex-row"> | |
| <!-- Card image --> | |
| <figure class="flex-1"> | |
| <img src="https://picsum.photos/id/118/800/600" alt="card image" class="aspect-auto min-h-full object-cover" /> | |
| </figure> | |
| <!-- Card body--> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="card"> | |
| <div class="cardglow"></div> | |
| <div class="cardborder"></div> | |
| <div class="cardbg"></div> | |
| <div class="logo"></div> | |
| <div class="numbers">1234 5678 9012 3456</div> | |
| <div class="visalogo"></div> | |
| </div> | |
| <svg height="0" width="0"> | |
| <defs> |
Uvacoder
/ opml.py
Created
March 16, 2024 01:17
— forked from capjamesg/opml.py
Process OPML files from Feedly OPML export.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Written by capjamesg | |
| # Required dependencies: requests, beautifulsoup4 | |
| from bs4 import BeautifulSoup | |
| import requests | |
| # Please save your opml file as feed.opml before running this program, otherwise you'll encounter an error | |
| with open("feed.opml", "r") as file: | |
| contents = file.read() |
Uvacoder
/ custom-audio-player-alpinejs-tailwindcss.markdown
Created
March 3, 2023 13:38
Custom Audio Player (AlpineJS + TailwindCSS)
Player inspired by Unminus (https://unminus.com) Music by Wowa & Chris Rede
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Snowfall Effect</title> | |
| <!-- Design By foolishdeveloper.com --> | |
| <link rel="stylesheet" href="style.css" /> | |
| </head> | |
| <body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Boxicon import --> | |
| <link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet" /> | |
| <body> | |
| <h1>Radio Checkbox Cards</h1> | |
| <div class="container"> | |
| <div class="checkbox"> | |
| <label class="checkbox-wrapper"> | |
| <input type="checkbox" class="checkbox-input" checked /> |
NewerOlder