Skip to content

Instantly share code, notes, and snippets.

View stanwmusic's full-sized avatar
🏠
Working from home

Stan Williams stanwmusic

🏠
Working from home
104 followers · 733 following
View GitHub Profile
@stanwmusic
stanwmusic / index.html
Created July 18, 2023 00:22
On page Scroll V 1.5
<div class="content">
<section class="header">
<h1><u>---- ONE PAGE SCROLL PLUGIN V 1.5----</u></h1>
<b><p>Now the height of each section can be set to your value and not <br>min-height: 'window.height()'</p></b>
<p>This is the Header (.header)</p>
<p>You can Enable/Disable it by setting the option like this:</p>
<p><b>'header' : 'your jQ selector'</b></p>
</section>
<section class="section">
<div>
@stanwmusic
stanwmusic / index.html
Created March 16, 2023 07:46
One Page Responsive Website Template By Ahsan Khurshid
<!-- Google Web Fonts -->
<link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
<!-- Header: begins -->
<header id="header">
<!-- Centered Wrapper: begins -->
@stanwmusic
stanwmusic / css3-working-clock.markdown
Created January 23, 2023 06:23
CSS3 Working Clock
@stanwmusic
stanwmusic / fixed-sticky-header-when-scrolling.markdown
Created April 8, 2022 07:08
Fixed sticky header when scrolling
@stanwmusic
stanwmusic / index.html
Created April 8, 2022 06:06
Parallax scroll animation
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 750 500" preserveAspectRatio="xMidYMax slice">
<defs>
<!-- Scene 1 Gradient -->
<linearGradient id="grad1" x1="-154.32" y1="263.27" x2="-154.32" y2="374.3"
gradientTransform="matrix(-1, 0, 0, 1.36, 231.36, -100.14)" gradientUnits="userSpaceOnUse">
<stop offset="0.07" stop-color="#9c536b" />
<stop offset="0.98" stop-color="#d98981" />
</linearGradient>
<radialGradient id="bg_grad" cx="375" cy="-35" r="318.69" gradientUnits="userSpaceOnUse">
<stop offset="0.1" stop-color="#F5C54E" id="sun" />
@stanwmusic
stanwmusic / index.html
Created February 28, 2022 00:58
Javascript Clock with Milliseconds
<body onLoad="initClock()">
<div id="timedate">
<a id="mon">January</a>
<a id="d">1</a>,
<a id="y">0</a><br />
<a id="h">12</a> :
<a id="m">00</a>:
<a id="s">00</a>:
<a id="mi">000</a>
@stanwmusic
stanwmusic / css3-working-clock.markdown
Created February 28, 2022 00:57
CSS3 Working Clock
@stanwmusic
stanwmusic / countdown-timer.markdown
Created February 27, 2022 18:22
Countdown Timer
@stanwmusic
stanwmusic / css-only-timer.markdown
Created February 26, 2022 01:18
CSS only Timer
@stanwmusic
stanwmusic / index.html
Created February 24, 2022 02:05
Interactive / Selectable Map
<input id="hi" value="hi" name="state" style="display: none;"><input id="ak" value="ak" name="state" style="display: none;"><input id="fl" value="fl" name="state" style="display: none;"><input id="sc" value="sc" name="state" style="display: none;"><input id="ga" value="ga" name="state" style="display: none;"><input id="al" value="al" name="state" style="display: none;"><input id="nc" value="nc" name="state" style="display: none;"><input id="tn" value="tn" name="state" style="display: none;"><input id="ri" value="ri" name="state" style="display: none;"><input id="ct" value="ct" name="state" style="display: none;"><input id="ma" value="ma" name="state" style="display: none;"><input id="me" value="me" name="state" style="display: none;"><input id="nh" value="nh" name="state" style="display: none;"><input id="vt" value="vt" name="state" style="display: none;"><input id="ny" value="ny" name="state" style="display: none;"><input id="nj" value="nj" name="state" style="display: none;"><input id="pa" value="pa" name="