Sean Marcel Esteva seangeleno
seangeleno
/ img-intrinsicsize-fights-jank.markdown
Created
December 25, 2023 21:23
<img intrinsicsize> fights jank
A Pen by Eric Portis on CodePen.
A Pen by Sean Esteva 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
| <pre id=p> | |
| <script>n=setInterval("for(n+=7,i=k,P='p.\\n';i-=1/k;P+=P[i%2?(i%2*j-j+n/k^j)&1:2])j=k/i;p.innerHTML=P",k=64)</script> |
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
| <pre id=p> | |
| <script>n=setInterval("for(n+=7,i=k,P='p.\\n';i-=1/k;P+=P[i%2?(i%2*j-j+n/k^j)&1:2])j=k/i;p.innerHTML=P",k=64)</script> |
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
| <header class="showcase"> | |
| <div class="showcase-top"> | |
| <img src="https://i.ibb.co/r5krrdz/logo.png" alt="" /> | |
| <a href="#" class="btn btn-rounded">Sign In</a> | |
| </div> | |
| <div class="showcase-content"> | |
| <h1>See what's next</h1> | |
| <p>Watch anywhere. Cancel Anytime</p> | |
| <a href="#" class="btn btn-xl" | |
| >Watch Free For 30 Days <i class="fas fa-chevron-right btn-icon"></i |
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="showcase"> | |
| <div class="video-container"> | |
| <video src="https://traversymedia.com/downloads/video.mov" autoplay muted loop></video> | |
| </div> | |
| <div class="content"> | |
| <h1>Shoot For The Stars</h1> | |
| <h3>Full screen video landing page</h3> | |
| <a href="#about" class="btn">Read More</a> | |
| </div> | |
| </section> |
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> | |
| <head> | |
| <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"/> | |
| <style type="text/css"> | |
| </style> | |
| <link rel="stylesheet" href="./style.css" type="text/css" media="all" charset="utf-8"> | |
| <script src="https://code.jquery.com/jquery-2.0.3.min.js" type="text/javascript" charset="utf-8"></script> | |
| <script src="./master.js" type="text/javascript" charset="utf-8"></script> | |
| <title>Text clock</title> |
seangeleno
/ OrganizeFiles.sh
Last active
February 15, 2023 19:11
— forked from mhasan3/OrganizeFiles.sh
Run this shell script to organize files into separate folders
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 | |
| folders='Compressed Documents Images Music Programs Videos' | |
| ext_comp="*.zip *.tar.gz" | |
| ext_doc="*.htm* *.php *.txt *.css *.doc* *.pdf *.PDF *.ppt* *.js" | |
| ext_img="*.jp*g *.JPG *.png *.gif" | |
| ext_music="*.mp3 *.aac *.wma *.wav *.m4a" | |
| ext_progrm="*.deb *.exe *.run *.sh" | |
| ext_vid="*.mp4 *.mkv *.flv *.avi *.webm *.wmv" |
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
| <!-- Trefoil knot inside Torus --> | |
| <!-- morphing animation --> | |
| <!-- Math art, Mathart --> | |
| <!-- using three.js --> | |
| <div id="contents"> | |
| <h1>Math Art Animation</h1> | |
| </div> |