Skip to content

Instantly share code, notes, and snippets.

View pbnkp's full-sized avatar
💭
Endlessly working like a little OinK🐽🐽

pbnkp pbnkp

💭
Endlessly working like a little OinK🐽🐽
  • 18:42 (UTC -07:00)
View GitHub Profile
@pbnkp
pbnkp / index.html
Created February 20, 2024 10:04
zYKRmww
<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">
@pbnkp
pbnkp / index.html
Created February 20, 2024 09:58
React Easy Carousel
<div id='root'></div>
@pbnkp
pbnkp / index.html
Created January 24, 2024 05:54
Infinite Marquee Effect Broken Down
<div id="app"></div>
@pbnkp
pbnkp / index.html
Created January 14, 2024 10:48
Infinite Scroll (pure JS)
<ul id='infinite-list'>
</ul>
@pbnkp
pbnkp / index.html
Created November 11, 2023 06:14
prefers-reduced-transparency and motion Hero Header (not adaptive)
<!--
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
pbnkp / post-curl
Last active August 29, 2015 14:19 — forked from creativepsyco/post-curl
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
<!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">
<!-- 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)">
// Original code from http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/
var metas = document.getElementsByTagName('meta');
var i;
if (navigator.userAgent.match(/iPhone/i)) {
for (i=0; i<metas.length; i++) {
if (metas[i].name == "viewport") {
metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
}
}
REMOTE REQUESTS:
com.sadun.airflick
RequestType := show-photo | play-media | screenshot
MediaLocation :=
<url string> | <local file path string> | <array of local file path strings for slideshow>
Rotation := 0 | 1 | 2 | 3 (0 ^, 1 <, 2 v, 3 >)
Transition := SlideRight | Dissolve
SlideDuration := 2 | 3 | 5 | 8 | 10 (Use strings. Incorrect durations default to 5)
// Single Slide