Something went wrong. Try again.
Import your CodePen bookmarks to a collection gregwolanski.com/cpb2c?ref=tangled.org
bookmarks collections css html codepen
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <style> body { font-size: 0.75rem; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; margin: 0; padding: 0; }
#logged-out, #codepen, #log { display: none; }
body.codepen #idle { display: none; }
body.codepen.logged-out #logged-out { display: block; }
body.codepen:not(.logged-out) #logged-out { display: none; }
body.codepen:not(.logged-out) #codepen { display: block; }
body.codepen.progress #codepen { display: none; }
body.progress #log { display: block; }
#log { line-height: 34px; padding: 0 1em; }
a, button { background: transparent; border: 0; cursor: pointer; color: inherit; display: block; padding: 0 1em; line-height: 34px; text-decoration: none; }
@media (prefers-color-scheme: light) { body { background: #f9f9fb; color: #111; }
a:hover, button:hover { background: #d3d2d5; } }
@media (prefers-color-scheme: dark) { body { background: #2b2a33; color: #fbfbfe; }
a:hover, button:hover { background: #48474f; } } </style> </head> <body> <a href="https://codepen.io/login" id="idle">Log in to CodePen</a> <a href="https://codepen.io/login" id="logged-out">Log in to CodePen</a> <button id="codepen">Import your CodePen bookmarks to a collection</button> <div id="log">Importing bookmarks…</div> <script src="popup.js"></script> </body></html>