Skip to content

Instantly share code, notes, and snippets.

View landsurveyorsunited's full-sized avatar

Justin Farrow landsurveyorsunited

View GitHub Profile
@landsurveyorsunited
landsurveyorsunited / index.html
Created October 2, 2020 20:21
Instagram Feed without auth
<div id="instagramfeed"></div>
<div class="container">
<h1>Choose an RSS Feed</h1>
<ul>
<li><button onclick="loadRSSFeed('https://feeds.feedburner.com/lsu-forum')">Forum Posts</button></li>
<li><button onclick="loadRSSFeed('https://feeds.feedburner.com/featuredlandsurveyingvideos-landsurveyorsunited')">Surveying Videos</button></li>
<li><button onclick="loadRSSFeed('https://feeds.feedburner.com/landsurveyingphotos')">Surveying Photos</button></li>
<li><button onclick="loadRSSFeed('https://feeds.feedburner.com/marketplace/combined')">Surveyor Market</button></li>
<li><button onclick="loadRSSFeed('https://feeds.feedburner.com/marketplace/combined')">Surveyor Market</button></li>
@landsurveyorsunited
landsurveyorsunited / index.html
Created January 21, 2024 17:14
Splitting: 3D Clock
<div class="clock">
<span class="cog hours tens" data-splitting>0123456789</span>
<span class="cog hours" data-splitting>0123456789</span>
<span class="colon">:</span>
<span class="cog minutes tens" data-splitting>0123456789</span>
<span class="cog minutes" data-splitting>0123456789</span>
<span class="colon">:</span>
<span class="cog seconds tens" data-splitting>0123456789</span>
<span class="cog seconds" data-splitting>0123456789</span>
@landsurveyorsunited
landsurveyorsunited / index.html
Created January 21, 2024 03:54
Web Gears ⚙️ (Scroll-driven animations)
<nav>
<a href="https://landsurveyorsunited.com" target="_blank">
<img style="width:50px;"class="w-9" src="https://storage.ning.com/topology/rest/1.0/file/get/12222126291?profile=original" alt="Logo">
</a>
</nav>
<div class="belt"></div>
<div class="gears">
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 146 146">
<path fill-rule="evenodd" clip-rule="evenodd" d="m0 68 13.306-1.094a59.756 59.756 0 0 1 2.202-11.126L3.643 49.683l3.827-9.238 12.705 4.079a60.097 60.097 0 0 1 6.308-9.424l-8.637-10.183 7.07-7.071 10.185 8.637a60.15 60.15 0 0 1 7.65-5.311L38.597 8.236l9.239-3.827 6.018 11.71a59.682 59.682 0 0 1 13.052-2.813L68 0h10l1.094 13.306a59.683 59.683 0 0 1 13.052 2.813l6.018-11.71 9.239 3.827-4.154 12.936a59.613 59.613 0 0 1 3.728 2.368 60.13 60.13 0 0 1 3.922 2.943l10.184-8.637 7.071 7.07-8.637 10.185a60.086 60.086 0 0 1 6.308 9.423l12.705-4.08 3.827 9.24-11.864 6.096a59.682 59.682 0 0 1 2.201 11.126L146 68v10l-13.306 1.094a59.762 59.762 0 0 1-2.201 11.126l11.864 6.097-3.827 9.238-1
@landsurveyorsunited
landsurveyorsunited / index.html
Created December 30, 2023 01:09
Splitting: 3D Clock
<div class="clock">
<span class="cog hours tens" data-splitting>0123456789</span>
<span class="cog hours" data-splitting>0123456789</span>
<span class="colon">:</span>
<span class="cog minutes tens" data-splitting>0123456789</span>
<span class="cog minutes" data-splitting>0123456789</span>
<span class="colon">:</span>
<span class="cog seconds tens" data-splitting>0123456789</span>
<span class="cog seconds" data-splitting>0123456789</span>
<div class="heading">
<h1>A<span>TO</span>ZENITH</span></h1>
</div>

Dynamic sheet paper pen

Here user can write his content in paper and can change typography accrding to him

A Pen by JFarrow on CodePen.

License.