Skip to content

Instantly share code, notes, and snippets.

View seangeleno's full-sized avatar

Sean Marcel Esteva seangeleno

View GitHub Profile
@seangeleno
seangeleno / css-doodle-art.markdown
Created December 25, 2023 21:25
css doodle art
@seangeleno
seangeleno / img-intrinsicsize-fights-jank.markdown
Created December 25, 2023 21:23
<img intrinsicsize> fights jank
@seangeleno
seangeleno / help-me-down.markdown
Created September 11, 2023 10:27
help me down
<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>
<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>
@seangeleno
seangeleno / index.html
Created May 9, 2023 03:17
Netflix Landing Page Clone
<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
@seangeleno
seangeleno / index.html
Created May 8, 2023 23:33
Video Landing Page
<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>
@seangeleno
seangeleno / index.html
Created March 17, 2023 06:30
Word clock
<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
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
#!/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"
@seangeleno
seangeleno / index.html
Created February 9, 2023 18:23
Trefoil knot inside Torus
<!-- Trefoil knot inside Torus -->
<!-- morphing animation -->
<!-- Math art, Mathart -->
<!-- using three.js -->
<div id="contents">
<h1>Math Art Animation</h1>
</div>