A Pen by Amit Sheen on CodePen.
mikeybob
/ fancy-borders-w-transparency.markdown
Created
April 21, 2024 01:43
Fancy Borders (w/ Transparency)
I saw a bunch of people doing these borders, including that jhey guy, but it was bothering me that they were not able to have transparent backgrounds.
I solved that here with clips/masks.
the only caveat is the border is on a psuedo-element.
A Pen by Simon Goellner on CodePen.
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
| -2.times do | |
| .wrap | |
| %span L | |
| %span O | |
| %span A | |
| %span D | |
| %span I | |
| %span N | |
| %span G |
mikeybob
/ another-little-loader-thingy.markdown
Created
April 21, 2024 01:42
Another little loader thingy
A Pen by Chris Smith on CodePen.
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
| <!-- <html lang="en"> | |
| <head> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.8.0/p5.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.8.0/addons/p5.sound.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/p5.capture@1.4.1/dist/p5.capture.umd.min.js"></script> | |
| <link rel="stylesheet" type="text/css" href="style.css"> | |
| <meta charset="utf-8" /> | |
| </head> |
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="el"> | |
| </div> | |
| <h1>Geist</h1> |
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
| <!-- | |
| Follow me on | |
| Instagram: https://www.instagram.com/supahfunk/ | |
| Dribbble: https://dribbble.com/supahfunk | |
| Twitter: https://twitter.com/supahfunk | |
| Codepen: https://codepen.io/supah/ | |
| --> |
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
| <body> | |
| <canvas id = "cs"> | |
| </canvas> | |
| </body> |
mikeybob
/ animated-page-width-decorations.markdown
Created
April 21, 2024 01:21
Animated Page-Width Decorations
Prototyping some CSS animations to span the width of a page.
A Pen by Chelsea Adams on CodePen.
mikeybob
/ cockpit-LE-ssl.sh
Last active
April 20, 2024 17:57
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
| #!/bin/bash | |
| # Run as root or with sudo | |
| # This script will configure Cockpit to use secure HTTPS connections with Let's Encrypt certificates. | |
| # It assumes that you already have a domain name and that you have installed Cockpit on your server. | |
| # | |
| # Let's Encrypt certificates installed on your machine can be made | |
| # available to Cockpit by creating symbolic links to the certificates in | |
| # the /etc/cockpit/ws-certs.d directory. | |
| ################################################################################################# |