Skip to content

Instantly share code, notes, and snippets.

@lscherub
lscherub / cookie-policy.md
Created June 19, 2022 17:59 — forked from maddisondesigns/cookie-policy.md
eCommerce Terms & Conditions and Privacy Templates
@lscherub
lscherub / index.html
Created October 5, 2021 18:44
Terminal Text Effect
<div class='console-container'><span id='text'></span><div class='console-underscore' id='console'>&#95;</div></div>
@lscherub
lscherub / index.html
Created October 5, 2021 18:36
Text Scramble Effect
<div class="container">
<div class="text"></div>
</div>
@lscherub
lscherub / index.html
Created May 29, 2021 16:35
Wibbly Wobbly SVG Jelly ✨
<svg fill="none" viewBox="0 0 200 200" style="opacity: 0;">
<g>
<g filter="url(#filter0_f)">
<ellipse cx="100.5" cy="140.5" fill="#F84F8A" rx="60.5" ry="23.5" />
</g>
<path stroke="#3B0216" fill="url(#gradient)" stroke-width="2" d="M112.411 54.44l8.465 54.001C121.9 114.975 116.388 121 108.965 121h-16.93c-7.423 0-12.935-6.025-11.91-12.559l8.464-54C89.567 48.198 94.939 45 100.5 45c5.562 0 10.932 3.198 11.911 9.44z" />
<path stroke="#3B0216" fill="url(#gradient)" stroke-width="2" d="M109.788 58.444c1-6.23 6.494-9.444 12.212-9.444s11.212 3.214 12.212 9.444l8.661 54c1.044 6.508-4.576 12.556-12.211 12.556h-17.324c-7.635 0-13.255-6.048-12.211-12.556l8.661-54z" />
<path stroke="#3B0216" fill="url(#gradient)" stroke-width="2" d="M66.788 58.444C67.788 52.214 73.282 49 79 49s11.212 3.214 12.212 9.444l8.661 54C100.917 118.952 95.297 125 87.662 125H70.338c-7.635 0-13.255-6.048-12.211-12.556l8.661-54z" />
<path stroke="#3B0216" fill="url(#gradient)" stroke-width="2" d="M129 93c0 16.016-12.98
@lscherub
lscherub / index.html
Created May 29, 2021 16:35
Wibbly Wobbly SVG Jelly ✨
<svg fill="none" viewBox="0 0 200 200" style="opacity: 0;">
<g>
<g filter="url(#filter0_f)">
<ellipse cx="100.5" cy="140.5" fill="#F84F8A" rx="60.5" ry="23.5" />
</g>
<path stroke="#3B0216" fill="url(#gradient)" stroke-width="2" d="M112.411 54.44l8.465 54.001C121.9 114.975 116.388 121 108.965 121h-16.93c-7.423 0-12.935-6.025-11.91-12.559l8.464-54C89.567 48.198 94.939 45 100.5 45c5.562 0 10.932 3.198 11.911 9.44z" />
<path stroke="#3B0216" fill="url(#gradient)" stroke-width="2" d="M109.788 58.444c1-6.23 6.494-9.444 12.212-9.444s11.212 3.214 12.212 9.444l8.661 54c1.044 6.508-4.576 12.556-12.211 12.556h-17.324c-7.635 0-13.255-6.048-12.211-12.556l8.661-54z" />
<path stroke="#3B0216" fill="url(#gradient)" stroke-width="2" d="M66.788 58.444C67.788 52.214 73.282 49 79 49s11.212 3.214 12.212 9.444l8.661 54C100.917 118.952 95.297 125 87.662 125H70.338c-7.635 0-13.255-6.048-12.211-12.556l8.661-54z" />
<path stroke="#3B0216" fill="url(#gradient)" stroke-width="2" d="M129 93c0 16.016-12.98
@lscherub
lscherub / index.html
Created March 7, 2021 21:14
split view
<div class="container">
<div class="split left">
<h1>Iron Energy Drink</h1>
<a href="#" class="button">Read More</a>
</div>
<div class="split right">
<h1>Leanlife Health</h1>
<a href="#" class="button">Read More</a>
</div>
</div>