This file contains hidden or 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="mobile-frame"> | |
| <!-- Notch --> | |
| <div class="notch"> | |
| <div class="notch-camera"></div> | |
| </div> | |
| <div class="status-bar-spacer"></div> | |
| <!-- Header --> | |
| <div class="header"> |
pbnkp
/ apple-liquid-glass-with-css.markdown
Created
August 10, 2025 19:15
Apple Liquid Glass with CSS
This file contains hidden or 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
| <section class="text-gray-600 body-font"> | |
| <div class="container px-5 py-24 mx-auto"> | |
| <div class="flex flex-wrap w-full mb-20"> | |
| <div class="lg:w-1/2 w-full mb-6 lg:mb-0"> | |
| <h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 text-gray-900">Pitchfork Kickstarter Taxidermy</h1> | |
| <div class="h-1 w-20 bg-indigo-500 rounded"></div> | |
| </div> | |
| <p class="lg:w-1/2 w-full leading-relaxed text-gray-500">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify, subway tile poke farm-to-table. Franzen you probably haven't heard of them man bun deep jianbing selfies heirloom prism food truck ugh squid celiac humblebrag.</p> | |
| </div> | |
| <div class="flex flex-wrap -m-4"> |
This file contains hidden or 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 id='root'></div> |
This file contains hidden or 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 id="app"></div> |
This file contains hidden or 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
| <ul id='infinite-list'> | |
| </ul> |
pbnkp
/ index.html
Created
November 11, 2023 06:14
prefers-reduced-transparency and motion Hero Header (not adaptive)
This file contains hidden or 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
| <!-- | |
| see adaptive version: https://codepen.io/argyleink/pen/oNmvVKj | |
| --> | |
| <header class="hero"> | |
| <img src="https://assets.codepen.io/2585/marvin-meyer-SYTO3xs06fU-unsplash.jpg" alt="a wooden table is viewed top down where it is covered in laptops, coffee, and cables, appearing to be a table for lots of productivity."> | |
| <div> | |
| <h1>Expedita Voluptatibus</h1> | |
| <p>Vel rerum culpa consequuntur.</p> | |
| <br> |
pbnkp
/ post-curl
Last active
August 29, 2015 14:19
— forked from creativepsyco/post-curl
This file contains hidden or 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
| curl -v -H "Accept: application/json" -H "Content-type: application/json" -X POST -d '{"userid": "mohit", "password":"password"}' http://mmedwebdemo.ddns.comp.nus.edu.sg:8080/comp.nuhs.jaxb/api/usr/login |
pbnkp
/ iOS-7-web-app.html
Created
July 3, 2014 04:40
— forked from tfausak/ios-8-web-app.html
This file contains hidden or 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> | |
| <head> | |
| <!-- Run in full-screen mode. --> | |
| <meta name="apple-mobile-web-app-capable" content="yes"> | |
| <!-- Make the status bar black with white text. --> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="black"> |
pbnkp
/ gist:5589709
Created
May 16, 2013 06:09
— forked from burin/gist:3840737
This file contains hidden or 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
| <!-- standard viewport tag to set the viewport to the device's width | |
| , Android 2.3 devices need this so 100% width works properly and | |
| doesn't allow children to blow up the viewport width--> | |
| <meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" /> | |
| <!-- width=device-width causes the iPhone 5 to letterbox the app, so | |
| we want to exclude it for iPhone 5 to allow full screen apps --> | |
| <meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" /> | |
| <!-- provide the splash screens for iPhone 5 and previous --> | |
| <link href="assets/splashs/splash_1096.png" rel="apple-touch-startup-image" media="(device-height: 568px)"> | |
| <link href="assets/splashs/splash_iphone_2x.png" rel="apple-touch-startup-image" sizes="640x960" media="(device-height: 480px)"> |
NewerOlder