Skip to content

Instantly share code, notes, and snippets.

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

Stan Williams stanwmusic

🏠
Working from home
103 followers · 733 following
View GitHub Profile
@stanwmusic
stanwmusic / index.html
Created March 19, 2024 01:34
Navigation
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="navbarContainer">
<div id="navbar">
@stanwmusic
stanwmusic / index.html
Created November 1, 2023 20:23
Online Guitar Tuner - v3
<header>
<h1>
<a target="_top" href="https://codepen.io/josetxu/full/jOQegyB" id="tuner-title">
<span>O</span><span>nline</span>
<span>G</span><span>uitar</span>
<span>T</span><span>uner</span>
</a>
</h1>
<a class="josetxu-btn" href="https://josetxu.com" target="_blank"></a>
<button id="e-classic" class="change-guitar" onclick="changeGuitar(this.id)"></button>
@stanwmusic
stanwmusic / index.html
Created October 1, 2023 17:55
On page Scroll V 1.7
<div class="content">
<section class="header">
<h1><u>🖥️ - ON PAGE SCROLL PLUGIN V 1.7 - 🖥️ </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 September 13, 2023 16:45
On page Scroll V 1.7
<div class="content">
<section class="header">
<h1><u>🖥️ - ONE PAGE SCROLL PLUGIN V 1.7 - 🖥️ </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 July 31, 2023 17:45
Online Guitar Tuner - v3
<header>
<h1>
<a target="_top" href="https://codepen.io/josetxu/full/jOQegyB" id="tuner-title">
<span>O</span><span>nline</span>
<span>G</span><span>uitar</span>
<span>T</span><span>uner</span>
</a>
</h1>
<a class="josetxu-btn" href="https://josetxu.com" target="_blank"></a>
<button id="e-classic" class="change-guitar" onclick="changeGuitar(this.id)"></button>
@stanwmusic
stanwmusic / index.html
Created July 31, 2023 04:37
Svg text stroke animation
<div id="wrapper" ontouchstart="">
<video autoplay="autoplay" muted="muted" preload="auto">
<source src="https://i.imgur.com/gwV9AqQ.mp4" type="video/mp4">
</video>
<div class="bg"></div>
<svg id="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1002.7 180.6">
<path id="s" class="svgWords" d="M73.2,72.5c17.3,0,34.3,7.9,42.8,23.5s8.7,32.8,1.8,47.5-20.2,23.6-35.6,27-34.3,1.9-50.1-3.4a72.3,72.3,0,0,1-21.2-10.9c-.7-.5-2.9-3-3.6-3s-1.3,1-1.6,1.2l-4.1,3c19.8,18.7,51.4,25.2,77.7,20.9,12-1.9,23.5-6.5,32.5-14.6a53.9,53.9,0,0,0,17-31.6c3.8-24.1-6.5-50.8-29.5-61.4-9-4.2-18.7-5.4-28.5-5.4-3.1,0-6.1.1-9.1,0s-7.6-1.4-7.9-6.2,4.4-7.3,9.1-7.8a90.3,90.3,0,0,1,18,.3A55.4,55.4,0,0,1,88,52.8c1.1.2,3.5,1.6,4.5,1.4s2.4-1.8,3.1-2.3l2.6-2c-7.3-4.3-16.2-5.5-24.5-5.8s-15.5-.7-21.6,3.4S46,57.1,47.3,62.8C50.2,74.7,63.8,72.5,73.2,72.5Zm-12,35.6c-17.5,0-35.1-7.4-43.9-23.2C9.4,70.7,8.5,51.8,15.4,37.1S35.6,13.5,51,10.1s34.4-1.9,50.1,3.3a73.2,73.2,0,0,1,21.1,11c.7.5,3,3,3.7,3s1.3-1,1.6-1.2l4.1-3.1C1
@stanwmusic
stanwmusic / index.html
Created July 31, 2023 04:36
Svg text stroke animation
<div id="wrapper" ontouchstart="">
<video autoplay="autoplay" muted="muted" preload="auto">
<source src="https://i.imgur.com/gwV9AqQ.mp4" type="video/mp4">
</video>
<div class="bg"></div>
<svg id="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1002.7 180.6">
<path id="s" class="svgWords" d="M73.2,72.5c17.3,0,34.3,7.9,42.8,23.5s8.7,32.8,1.8,47.5-20.2,23.6-35.6,27-34.3,1.9-50.1-3.4a72.3,72.3,0,0,1-21.2-10.9c-.7-.5-2.9-3-3.6-3s-1.3,1-1.6,1.2l-4.1,3c19.8,18.7,51.4,25.2,77.7,20.9,12-1.9,23.5-6.5,32.5-14.6a53.9,53.9,0,0,0,17-31.6c3.8-24.1-6.5-50.8-29.5-61.4-9-4.2-18.7-5.4-28.5-5.4-3.1,0-6.1.1-9.1,0s-7.6-1.4-7.9-6.2,4.4-7.3,9.1-7.8a90.3,90.3,0,0,1,18,.3A55.4,55.4,0,0,1,88,52.8c1.1.2,3.5,1.6,4.5,1.4s2.4-1.8,3.1-2.3l2.6-2c-7.3-4.3-16.2-5.5-24.5-5.8s-15.5-.7-21.6,3.4S46,57.1,47.3,62.8C50.2,74.7,63.8,72.5,73.2,72.5Zm-12,35.6c-17.5,0-35.1-7.4-43.9-23.2C9.4,70.7,8.5,51.8,15.4,37.1S35.6,13.5,51,10.1s34.4-1.9,50.1,3.3a73.2,73.2,0,0,1,21.1,11c.7.5,3,3,3.7,3s1.3-1,1.6-1.2l4.1-3.1C1
@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