Skip to content

Instantly share code, notes, and snippets.

@landsurveyorsunited
Created March 5, 2022 23:38
Show Gist options
  • Save landsurveyorsunited/80e5a417f3c42921bd45f39747f3565d to your computer and use it in GitHub Desktop.
Save landsurveyorsunited/80e5a417f3c42921bd45f39747f3565d to your computer and use it in GitHub Desktop.
Tape Measure Scrollbar
<head>
</head>
<body>
<div id="copy"><a href="https://landsurveyorsunited.com/main/authorization/signUp?target=http://landsurveyorsunited.com/community">Sign Up</a> &bull; <a rel="author" href="https://landsurveyorsunited.com/main/authorization/signIn?target=http://landsurveyorsunited.com/community">Sign In</a></div>
</div>
<main>
<section id="section-1">
<div class="main-title">
<center><table>
<tbody>
<tr><div style="width:85%"><div class="gcse-search">&nbsp;</div></div>
<center><a href="https://landsurveyorsunited.com/main/authorization/signIn?target=http://landsurveyorsunited.com/community" target="_blank" rel="noopener"><img class="align-center" src="https://storage.ning.com/topology/rest/1.0/file/get/9515246475?profile=original" width="150px" alt="Land Surveyors United Global Community" /></a>&nbsp;</center>
<h1 class="combined">Land Surveyors United Global Community</h1>
<h2>Next Generation Land Surveying Improvement Community</h2>
<td><details class="modal"><summary>🌎️</summary><div> <h3><a href="http://landsurveyorsunited.com/map" target="_self">Global Land Surveyor Member Map</a></h3><iframe width="100%" height="520" frameborder="0" src="https://landsurveyors.carto.com/viz/9c0755a0-8fc6-11e6-b3bf-0ef24382571b/embed_map" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe></div></details></td>
<td><details class="modal"><summary>🧠</summary><div> <h3>Latest Activity on Land Surveyors United</h3><div class='embed-container'><iframe src='https://www.rssground.com/services/rss-converter/60cbb3e0d2227/Latest%20Activity%20Surveyors' style='border:0'></iframe></div></div></details></td>
<td><details class="modal"><summary>Local Surveying Chapters</summary><div> <h3>Local Land Surveyor Chapters</h3>
<details><summary>USA Surveying Forums</summary>
<div>
<div class="link-list-block">
<h3 class="headerbar">United States Surveyors</h3>
<ul>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/arizona" class="btn -arrow">Arizona</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/alabama" class="btn -arrow">Alabama</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/alaska" class="btn -arrow">Alaska</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/arkansas" class="btn -arrow">Arkansas</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/california" class="btn -arrow">California</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/connecticut" class="btn -arrow">Connecticut</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/delaware" class="btn -arrow">Delaware</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/florida" class="btn -arrow">Florida</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/georgia" class="btn -arrow">Georgia</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/hawaii" class="btn -arrow">Hawaii</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/illinois" class="btn -arrow">Illinois</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/indiana" class="btn -arrow">Indiana</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/iowa" class="btn -arrow">Iowa</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/kansas" class="btn -arrow">Kansas</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/kentucky" class="btn -arrow">Kentucky</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/maine" class="btn -arrow">Maine</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/maryland" class="btn -arrow">Maryland</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/massachusetts" class="btn -arrow">Massachusetts</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/michigan" class="btn -arrow">Michigan</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/minnesota" class="btn -arrow">Minnesota</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/missouri" class="btn -arrow">Missouri</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/montana" class="btn -arrow">Montana</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/nebraska" class="btn -arrow">Nebraska</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/nevada" class="btn -arrow">Nevada</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/new-hampshire" class="btn -arrow">New Hampshire</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/new-york" class="btn -arrow">New York</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/north-carolina" class="btn -arrow">North Carolina</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/north-dakota" class="btn -arrow">North Dakota</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/new-mexico" class="btn -arrow">New Mexico</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/oklahoma" class="btn -arrow">Oklahoma</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/ohio" class="btn -arrow">Ohio</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/oregon" class="btn -arrow">Oregon</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/pennsylvania" class="btn -arrow">Pennsylvania</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/rhode-island" class="btn -arrow">Rhode Island</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/south-carolina" class="btn -arrow">South Carolina</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/south-dakota" class="btn -arrow">South Dakota</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/texas" class="btn -arrow">Texas</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/utah" class="btn -arrow">Utah</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/vermont" class="btn -arrow">Vermont</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/virginia" class="btn -arrow">Virginia</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/washington" class="btn -arrow">Washington</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/wyoming" class="btn -arrow">Wyoming</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/wisconsin" class="btn -arrow">Wisconsin</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/west-virginia" class="btn -arrow">West Virginia</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/usa-surveyors/events" class="btn -arrow">USA Surveying Events</a></li>
</ul>
</div>
</details>
<details><summary>Asia Surveying Forums</summary>
<div>
<div class="link-list-block">
<h3>Asia Land Surveyor Forums</h3>
<ul>
<li><a href="https://landsurveyorsunited.com/hubs/asia/afghanistan" class="btn -arrow">Afghanistan</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/asia/china" class="btn -arrow">China</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/asia/japan" class="btn -arrow">Japan</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/asia/india" class="btn -arrow">India</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/asia/sri-lanka" class="btn -arrow">Sri Lanka</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/asia/philippines" class="btn -arrow">Philippines</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/asia/malaysia" class="btn -arrow">Malaysia</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/asia/singapore" class="btn -arrow">Singapore</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/asia/taiwan" class="btn -arrow">Taiwan</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/asia/thailand" class="btn -arrow">Thailand</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/asia/nepal" class="btn -arrow">Nepal</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/asia/pakistan" class="btn -arrow">Pakistan</a></li>
</ul>
</div>
</details>
<details><summary>Africa Surveying Forums</summary>
<div>
<div class="link-list-block">
<h3>Africa Land Surveyor Forums</h3>
<ul>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/angola" class="btn -arrow">Angola</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/algeria" class="btn -arrow">Algeria</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/benin" class="btn -arrow">Benin</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/botswana" class="btn -arrow">Botswana</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/cameroon" class="btn -arrow">Cameroon</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/ethiopia" class="btn -arrow">Ethiopia</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/egypt" class="btn -arrow">Egypt</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/ghana" class="btn -arrow">Ghana</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/ivory-coast" class="btn -arrow">Ivory Coast</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/liberia" class="btn -arrow">Liberia</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/kenya" class="btn -arrow">Kenya</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/malawi" class="btn -arrow">Malawi</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/madagascar" class="btn -arrow">Madagascar</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/morocco" class="btn -arrow">Morocco</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/mozambique" class="btn -arrow">Mozambique</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/namibia" class="btn -arrow">Namibia</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/nigeria" class="btn -arrow">Nigeria</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/uganda" class="btn -arrow">Uganda</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/rwanda" class="btn -arrow">Rwanda</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/south-africa" class="btn -arrow">South Africa</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/senegal" class="btn -arrow">Senegal</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/sudan" class="btn -arrow">Sudan</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/africa-land-surveyors/zimbabwe" class="btn -arrow">Zimbabwe</a></li>
</ul>
</div>
</details>
<details><summary>Middle East Surveying Forums</summary>
<div>
<div class="link-list-block">
<h4>Middle Eastern Land Surveyor Forums</h4>
<ul>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/bahrain" class="btn -arrow">Bahrain</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/cyprus" class="btn -arrow">Cyprus</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/egypt" class="btn -arrow">Egypt</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/iran" class="btn -arrow">Iran</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/iraq" class="btn -arrow">Iraq</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/israel" class="btn -arrow">Israel</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/jordan" class="btn -arrow">Jordan</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/kuwait" class="btn -arrow">Kuwait</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/lebanon" class="btn -arrow">Lebanon</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/oman" class="btn -arrow">Oman</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/palestine" class="btn -arrow">Palestine</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/qatar" class="btn -arrow">Qatar</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/saudi-arabia" class="btn -arrow">Saudi Arabia</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/syria" class="btn -arrow">Syria</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/turkey" class="btn -arrow">Turkey</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/uae" class="btn -arrow">United Arab Emirates</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/middle-east/yemen" class="btn -arrow">Yemen</a></li>
</ul>
</div>
</details>
<details><summary>European Surveying Forums</summary>
<div>
<div class="link-list-block">
<h3>European Land Surveyors Forums</h3>
<ul>
<li><a href="https://landsurveyorsunited.com/hubs/europe/france" class="btn -arrow">France</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/spain" class="btn -arrow">Spain</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/uk" class="btn -arrow">UK</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/germany" class="btn -arrow">Germany</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/poland" class="btn -arrow">Poland</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/switzerland" class="btn -arrow">Switzerland</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/ireland" class="btn -arrow">Ireland</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/hungary" class="btn -arrow">Hungary</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/romania" class="btn -arrow">Romania</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/italy" class="btn -arrow">Italy</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/bulgaria" class="btn -arrow">Bulgaria</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/greece" class="btn -arrow">Greece</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/portugal" class="btn -arrow">Portugal</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/serbia" class="btn -arrow">Serbia</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/belgium" class="btn -arrow">Belgium</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/russia" class="btn -arrow">Russia</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/turkey" class="btn -arrow">Turkey</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/ukraine" class="btn -arrow">Ukraine</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/sweden" class="btn -arrow">Sweden</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/norway" class="btn -arrow">Norway</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/denmark" class="btn -arrow">Denmark</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/europe/albania" class="btn -arrow">Albania</a></li>
</ul>
</div>
</details>
<details><summary>South American Surveying Forums</summary>
<div>
<div class="link-list-block">
<h4>South American Land Surveyor Forums</h4>
<ul>
<li><a href="https://landsurveyorsunited.com/hubs/south-america/brazil" class="btn -arrow">Brazil</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/south-america/colombia" class="btn -arrow">Colombia</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/south-america/argentina" class="btn -arrow">Argentina</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/south-america/peru" class="btn -arrow">Peru</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/south-america/venezuela" class="btn -arrow">Venezuela</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/south-america/chile" class="btn -arrow">Chile</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/south-america/ecuador" class="btn -arrow">Ecuador</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/south-america/bolivia" class="btn -arrow">Bolivia</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/south-america/paraguay" class="btn -arrow">Paraguay</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/south-america/uruguay" class="btn -arrow">Uruguay</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/south-america/guyana" class="btn -arrow">Guyana</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/south-america/suriname" class="btn -arrow">Suriname</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/south-america/french-guiana" class="btn -arrow">French Guiana</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/south-america/falkland-islands" class="btn -arrow">Falkland Islands</a></li>
</ul>
</div>
</details>
<details><summary>Oceania Surveying Forums</summary>
<div>
<div class="link-list-block">
<h3 class="headerbar">Oceania Land Surveyors</h3>
<ul>
<li><a href="https://landsurveyorsunited.com/hubs/oceania/australia" class="btn -arrow">Australia</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/oceania/new-zealand" class="btn -arrow">New Zealand</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/oceania/fiji" class="btn -arrow">Fiji</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/oceania/marshall-islands" class="btn -arrow">Marshall Islands</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/oceania/papua-new-guinea" class="btn -arrow">Papua New Guinea</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/oceania/palau" class="btn -arrow">Palau</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/oceania/kiribati" class="btn -arrow">Kiribati</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/oceania/vanuatu" class="btn -arrow">Vanuatu</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/oceania/samoa" class="btn -arrow">Samoa</a></li>
<li><a href="https://landsurveyorsunited.com/hubs/oceania/solomon-islands" class="btn -arrow">Solomon Islands</a></li>
</ul>
</div>
</details>
<details><summary> Surveying Equipment Support Forums</summary>
<div>
<div class="link-list-block">
<h3 class="headerbar">Choose Your Equipment Type</h3>
<ul>
<li><a title="Leica Geosystems Support Hub for Land Surveyors" href="https://landsurveyorsunited.com/hubs/leicasupportgroup/forum" class="btn -arrow">Leica Geosystems</a></li>
<li><a title="Sokkia Support Hub for Land Surveyors" href="https://landsurveyorsunited.com/hubs/sokkiasupportgroup/forum" class="btn -arrow">Sokkia</a></li>
<li><a title="Topcon Support Hub for Land Surveyors" href="https://landsurveyorsunited.com/hubs/topconsupportgroup/forum" class="btn -arrow">Topcon</a></li>
<li><a title="Trimble Support Hub for Land Surveyors" href="https://landsurveyorsunited.com/hubs/trimblesupportgroup/forum" class="btn -arrow">Trimble</a></li>
<li><a title="Carlson Software Support Hub for Land Surveyors" href="https://landsurveyorsunited.com/hubs/carlsonsupportgroup/forum" class="btn -arrow">Carlson</a></li>
<li><a title="Pentax Support Hub for Land Surveyors" href="https://landsurveyorsunited.com/hubs/pentax/forum" class="btn -arrow">Pentax</a></li>
<li><a title="Microsurvey Support Hub for Land Surveyors" href="https://landsurveyorsunited.com/hubs/microsurveysupportgroup/forum" class="btn -arrow">Microsurvey</a></li>
<li><a title="Nikon Surveying Support Hub for Land Surveyors" href="https://landsurveyorsunited.com/hubs/nikonsupportgroup/forum" class="btn -arrow">Nikon Surveying</a></li>
<li><a title="Geomax Support Hub for Land Surveyors" href="https://landsurveyorsunited.com/hubs/geo-max/forum" class="btn -arrow">Geomax</a></li>
<li><a title="NAVCOM Support Hub for Land Surveyors" href="https://landsurveyorsunited.com/hubs/navcomsupportgroup/forum" class="btn -arrow">NAVCOM</a></li>
<li><a title="Spectra Precision Support Hub for Land Surveyors" href="https://landsurveyorsunited.com/hubs/spectrasupportgroup/forum" class="btn -arrow">Spectra Precision</a></li>
<li><a title="Juniper Systems Support Hub for Land Surveyors" href="https://landsurveyorsunited.com/hubs/junipersystemssupportgroup/forum" class="btn -arrow">Juniper Systems</a></li>
</ul>
</div>
</details>
<details><summary>Search Survey Photos</summary>
<div>
<div class="link-list-block">
<h3 class="headerbar">Search Surveying Photos by Tag</h3>
<ul>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/marker" class="btn -arrow">SURVEY Markers</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/history" class="btn -arrow">SURVEYING History</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/crew" class="btn -arrow">SURVEY Crews</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/gps" class="btn -arrow">SURVEY GPS</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/total+station" class="btn -arrow">Total Stations</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/setup" class="btn -arrow">Equipment Setup</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/topo" class="btn -arrow">Topographic Survey</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/funny" class="btn -arrow">SURVEYING FUNNY</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/boundary" class="btn -arrow">BOUNDRIES</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/surveyors" class="btn -arrow">LAND SURVEYORS</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/surveying" class="btn -arrow">SURVEYING PROFESSION</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/traverse" class="btn -arrow">Traverse</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/level" class="btn -arrow">"Levelling"</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/map" class="btn -arrow">Survey Maps</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/drone" class="btn -arrow">DRONE SURVEYING</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/antique" class="btn -arrow">Antique Survey Equipment</a></li>
<li><a href="https://landsurveyorsunited.com/photo/list/tag/water" class="btn -arrow">Hydrographic Surveys</a></li>
</ul>
</div>
<p>&nbsp;</p>
<p><details> <summary style="color: #eee;">Add Posts, Surveying Photos, Videos and Articles to the Surveyor Community</summary>
<section><details> <summary>Add Stuff to Community</summary>
<div><a class="button button-iconic" title="Add Discussion" href="https://landsurveyorsunited.com/forum/topics/discussion/new" data-ux="add-new-forum"> <em class="icon icon-add">Add Discussion</em> </a><br />
<a class="button button-iconic" title="Add Land Surveying Video" href="https://landsurveyorsunited.com/video/video/new" data-ux="add-new-video"> <em class="icon icon-add">Add Land Surveying Video</em> </a><br />
<a class="button button-iconic transparentFileInputButton"> <em class="icon icon-add">Add Photos</em> <input id="fileupload" class="transparentFileInputButton-fileInput" title="Add Photos" accept="image/jpg, image/gif, image/png, image/jpeg" multiple="multiple" name="photo_files[]" type="file" data-url="https://landsurveyorsunited.com/photo/photo/upload" data-track="{&quot;category&quot;:&quot;Photos&quot;,&quot;action&quot;:&quot;Upload&quot;,&quot;label&quot;:&quot;&quot;}" data-storage-upload-path="https://upload.ning.com/topology/rest/1.0/file/upload/6622436" /> </a><br />
<a class="button button-iconic" title="Add Blog Post" href="https://landsurveyorsunited.com/profiles/blog/list/blogpost/new" data-ux="add-new-blog"> <em class="icon icon-add">Add Blog Post</em> </a></div>
</details></section>
</details></p>
<p>&nbsp;</p>
<hr />
</section>
</section></div></details></td>
</tr>
</tbody>
</table></center>
</div>
<a class="nav-anchor bottom" href="#section-2"><span class="mdi mdi-chevron-down"></span></a>
</section>
<section id="section-2">
<a class="nav-anchor top" href="#section-1"><span class="mdi mdi-chevron-up"></span></a>
<div class="main-title">
<center><table>
<tbody>
<tr>
<td><details class="modal"><summary>Survey Jobs</summary><div> <a href="https://landsurveyorsunited.com/jobs" target="load">Land Surveying Jobs</a><div class='embed-container'><iframe src='https://www.rssground.com/services/rss-converter/600c904d73819/Land%20Surveying%20Jobs%20Mega' style='border:0'></iframe></div></div></details></td>
<td><details class="modal"><summary>Equipment</summary><div> <a href="https://landsurveyorsunited.com/smarketplace" target="load">Land Surveying Equipment</a><div class='embed-container'><iframe src='https://landsurveyorsunited.com/megashop' style='border:0'></iframe></div><div class="frameContainer"></div></details></td>
<td><details class="modal"><summary>Mentorship</summary><div> <h2>Mentorship in Surveying</h2>
<h2><strong>Three New Surveying Toolkit Experiments to Explore</strong></h2>
<p>We recently put together a handful of experimental toolkits, which I believe are pretty self explanatory. In addition to the other&nbsp;<a title="Member Apps for Land Surveyors United" href="https://landsurveyorsunited.com/member-apps">Member Apps</a>&nbsp;which are out there in the world being tested and improved through member feedback, each of these toolkits contain apps, tools and directories which will forever be in a state of progressive enhancements.&nbsp; Your donations towards improving the individual apps and community tools allow us to upgrade them, enhance their features and capabilities.</p>
<p><strong><a href="https://landsurveyorsunited.com/surveying-business%20title=" target="_blank" rel="noopener">Surveying Business Toolkit</a>&nbsp;&nbsp; &nbsp;</strong>&nbsp;&nbsp;</p>
<p><a href="https://landsurveyorsunited.com/surveying-business" target="_blank" rel="noopener"><img class="align-full" src="https://storage.ning.com/topology/rest/1.0/file/get/8767295677?profile=RESIZE_710x" alt="Surveying Business Toolkit" width="100%" /></a></p>
<p><strong><a href="https://landsurveyorsunited.com/jobs-toolkit" target="_blank" rel="noopener">Surveying Jobs Toolkit</a>&nbsp;</strong></p>
<p><a title="Land Surveyors Jobs Toolkit" href="https://landsurveyorsunited.com/jobs-toolkit" target="_blank" rel="noopener"><img class="align-full" src="https://storage.ning.com/topology/rest/1.0/file/get/8767292691?profile=RESIZE_710x" alt="Surveying Jobs Toolkit" width="100%" /></a></p>
<p><strong><a href="https://landsurveyorsunited.com/surveyor-training" target="_blank" rel="noopener">Experimental Surveyor Training Apps</a></strong></p>
<p><a title="Surveyor Training Apps for Land Surveyors United Members" href="https://landsurveyorsunited.com/surveyor-training" target="_blank" rel="noopener"><img class="align-full" src="https://storage.ning.com/topology/rest/1.0/file/get/8767278098?profile=RESIZE_710x" alt="Surveying Training Toolkit" width="100%" /></a></p>
<p>&hellip;</p></div></details></td>
<td><details class="modal"><summary>Surveyor Forums</summary><div><p>&nbsp;</p>
<div class="link-list-block">
<h3 class="headerbar">Choose Your Forum Category</h3>
<ul>
<li><a class="btn -arrow" title="SURVEYING FIELD TIPS AND TRICKS" href="https://landsurveyorsunited.com/forum/topics/Surveying+Field+Tips+and+Tricks">SURVEYING FIELD TIPS AND TRICKS</a></li>
<li><a class="btn -arrow" title="LOCATION BASED SURVEYING PRACTICES" href="https://landsurveyorsunited.com/forum/topics/Location+Based+Surveying+Practices">LOCATION BASED SURVEYING PRACTICES</a></li>
<li><a class="btn -arrow" title="SURVEYING DOCUMENTS" href="https://landsurveyorsunited.com/forum/topics/Surveying+Documents">SURVEYING DOCUMENTS</a></li>
<li><a class="btn -arrow" title="PROFESSIONAL ADVICE FOR NEW SURVEYORS" href="https://landsurveyorsunited.com/forum/topics/Professional+Advice+for+New+Surveyors">PROFESSIONAL ADVICE FOR NEW SURVEYORS</a></li>
<li><a class="btn -arrow" title="LAND SURVEYING WEBSITES" href="https://landsurveyorsunited.com/forum/topics/Land+Surveying+Websites">LAND SURVEYING WEBSITES</a></li>
<li><a class="btn -arrow" title="SURVEYING RELATED LINKS" href="https://landsurveyorsunited.com/forum/topics/Surveying+Related+Links">SURVEYING RELATED LINKS</a></li>
<li><a class="btn -arrow" title="FOR SALE BARTER TRADE LAND SURVEYING EQUIPMENT" href="https://landsurveyorsunited.com/forum/topics/For+Sale++Barter++Trade">FOR SALE BARTER TRADE</a></li>
<li><a class="btn -arrow" title="INSIDE THE SURVEYING WORK TRUCK" href="https://landsurveyorsunited.com/forum/topics/Inside+the+Surveying+Work+Truck">INSIDE THE SURVEYING WORK TRUCK</a></li>
<li><a class="btn -arrow" title="LSU FEATURES AND" href="https://landsurveyorsunited.com/forum/topics/LSU+Features+and+Q%26A">LSU FEATURES AND Q&amp;A</a></li>
<li><a class="btn -arrow" title="SURVEYING BEST PRACTICES" href="https://landsurveyorsunited.com/forum/topics/Surveying+Best+Practices">SURVEYING BEST PRACTICES</a></li>
<li><a class="btn -arrow" title="SURVEYING EQUIPMENT AND SOFTWARE TALK" href="https://landsurveyorsunited.com/forum/topics/Surveying+Equipment+and+Software+Talk">SURVEYING EQUIPMENT AND SOFTWARE TALK</a></li>
<li><a class="btn -arrow" title="SURVEYING JOBS AND JOBLESS" href="https://landsurveyorsunited.com/forum/topics/Surveying+Jobs+and+Jobless">SURVEYING JOBS AND JOBLESS</a></li>
<li><a class="btn -arrow" title="THE CRAZIEST THING I EVER SAW WHILE SURVEYING" href="https://landsurveyorsunited.com/forum/topics/%22The+Craziest+Thing+I+ever+Saw+While+Surveying%22">"THE CRAZIEST THING I EVER SAW WHILE SURVEYING"</a></li>
<li><a class="btn -arrow" title="LAND SURVEYING INDUSTRY TALK" href="https://landsurveyorsunited.com/forum/topics/Land+Surveying+Industry+Talk">LAND SURVEYING INDUSTRY TALK</a></li>
<li><a class="btn -arrow" title="LAND SURVEYING JOBS" href="https://landsurveyorsunited.com/forum/topics/Land+Surveying+Jobs">LAND SURVEYING JOBS</a></li>
<li><a class="btn -arrow" title="INTRODUCE YOURSELF TO THE Land Surveyor COMMUNITY" href="https://landsurveyorsunited.com/forum/topics/Introduce+Yourself+to+the+Community">INTRODUCE YOURSELF TO THE COMMUNITY</a></li>
</ul>
</div>
<p>&hellip;</p></div></details></td>
<td><details class="modal"><summary>Directory</summary><div><p><a href="https://landsurveyorsunited.com/directory" target="_blank" rel="noopener">Land Surveying Companies Directory by Location</a></p><iframe width="321" height="270" src="https://www.youtube.com/embed/CX8qvj2GVsU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><div class='embed-container'><iframe src='https://directory.surveyearth.com/' style='border:0'></iframe></div></div></details></td>
<td><details class="modal"><summary>Resources</summary><div><div class='embed-container'><iframe src='https://landsurveyorsunited.com/resources' style='border:0'></iframe></div></div></details></td>
</tr>
</tbody>
</table></center>
<!-- DivTable.com -->
</div>
<a class="nav-anchor bottom" href="#section-3"><span class="mdi mdi-chevron-down"></span></a>
</section>
<section id="section-3">
<a class="nav-anchor top" href="#section-2"><span class="mdi mdi-chevron-up"></span></a>
<div class="main-title">
<center><table>
<tbody>
<tr>
<td><details class="modal"><summary>Events</summary><div><h4>Land Surveying Events - Add Yours</h4><!-- start www.rssground.com code snippet -->
<iframe src="//www.rssground.com/services/rss-converter/6223f10beb226/Land%20Surveying%20Events" width="100%" height="100%" scrolling="yes" align="middle" border="0" frameborder="0" allowtransparency="true" style="background: transparent">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>
<!-- end www.rssground.com code snippet --></div></details></td>
<td><details class="modal"><summary>Articles</summary><div><h3>Surveying Articles</h3>
<p>Surveying Articles is a place for members to Share Land Surveying related articles, presentations and knowledge with the Land Surveyors United Community. Post or embed articles for future generations of land surveyors.</p>
<div class="dcontainer"><details> <summary>Do you have an article about Land Surveying that you would like to share?</summary>
<div>
<p>Land Surveying is a timeless art and science and it is therefore, evergreen! You may also know that a lot of older publications have gone away, unfortunately.&nbsp; &nbsp;If you have written or published land surveying articles in the past, we would be honored for you to share them here with us.&nbsp; If it is an older article, you can even republish it here with updates and reflections.&nbsp;&nbsp;</p>
<p><span style="text-decoration: underline;"><strong>Tip</strong></span>:&nbsp; &nbsp;If you published an article in the past on one of the older sites which no longer exist, you can use the <a href="https://web.archive.org" target="_blank" rel="noopener">Wayback Machine</a> to find it.&nbsp; Then just copy/paste the old article inside <a href="https://landsurveyorsunited.com/articles/article/new" target="_blank" rel="noopener">a new post here</a>.&nbsp; Just be sure to tell us where it was previously posted.</p>
</div>
</details> <details> <summary>Want to embed a PDF Document?</summary>
<div>
<p>&nbsp;If you have a PDF document or article related to land surveying that you would like to embed inside an article post, simply copy/paste the following code block into the HTML view of the post editor and replace the BOLD part of the code with the URL of the PDF you'd like to embed.&nbsp; &nbsp;</p>
<p><span style="text-decoration: underline;"><strong>Code to use:</strong></span></p>
<p>&lt;iframe src="https://docs.google.com/viewer?url=<strong>https://landsurveyorsunited.github.io/cssfiles/manuals/Surveying-Photos-Submitted-Land-Surveyors-United.pdf</strong>&amp;embedded=true" frameborder="0" height="500px" width="100%"&gt;&lt;/iframe&gt;</p>
<p><span style="text-decoration: underline;"><strong>TIP:</strong></span>&nbsp; You can also upload your PDF using the file upload button and then copy/paste the URL of the document you uploaded with the BOLD part of the code above to get a flippable PDF like so:</p>
<p><a href="#" target="_self"><img class="align-center" src="https://storage.ning.com/topology/rest/1.0/file/get/3742680305?profile=RESIZE_930x" alt="Uploading PDF land surveying documents to Surveying Articles" width="70%" /></a></p>
<p><iframe src="https://docs.google.com/viewer?url=https://landsurveyorsunited.github.io/cssfiles/manuals/Surveying-Photos-Submitted-Land-Surveyors-United.pdf&amp;embedded=true" width="100%" height="500px" frameborder="0"></iframe></p>
</div>
</details> <details> <summary>Differences between Forums, Blogs and Article posts</summary>
<div>
<p><a href="https://landsurveyorsunited.com/forum/topics" target="_blank" rel="noopener">Forum Posts</a> are great for asking questions which have a definate answer.&nbsp; Forum posts are best for a quick exchange of information between Land Surveyors United members.&nbsp; &nbsp;Please note that All <a href="https://landsurveyorsunited.com/hubs" target="_self">Community Hubs</a> have their own dedicated Forums so if your post is related to a specific hub, it is best to ask your question or share your tip inside the hub in which it belongs for targeted answers.&nbsp; For example, if your question relates to <a href="https://landsurveyorsunited.com/hubs/leicasupportgroup" target="_blank" rel="noopener">Leica equipment</a>, ask your question inside the <a href="https://landsurveyorsunited.com/hubs/leicasupportgroup/forum" target="_blank" rel="noopener">Leica Hub forum</a> for best results as all members inside that hub uses the equipment in question.&nbsp; Likewise if your question pertains to a <a href="https://landsurveyorsunited.com/hubs/Locations" target="_blank" rel="noopener">Location</a>, you should consider making your post inside the appropriate hub.</p>
<p><a class="button button-iconic" title="Add Discussion" href="https://landsurveyorsunited.com/forum/topics/discussion/new" data-ux="add-new-forum"> <em class="icon icon-add">Add Discussion</em> </a></p>
<p><a href="https://landsurveyorsunited.com/profiles/blog/list" target="_blank" rel="noopener">Blog Posts</a>differ from Forum posts because you can embed and upload different kinds of information.&nbsp; Blog posts are best for presenting information and updates for feedback and sharing.&nbsp; When posting a Blog Post, you can also publish a short excerpt at the bottom which is what most members will see before reading the blog post.&nbsp; Blog posts are also great for posting new surveying projects and digests of links to multiple surveying topics or your own website.&nbsp; &nbsp;Things that can be embedded into Blog Posts are videos, images, slideshows, powerpoints, spreadsheets, PDFs, documents and more.</p>
<p><a class="button button-iconic" title="Add Blog Post" href="https://landsurveyorsunited.com/profiles/blog/list/blogpost/new" data-ux="add-new-blog"> <em class="icon icon-add">Add Blog Post</em> </a></p>
<p>&nbsp;</p>
<p><a href="https://landsurveyorsunited.com/articles/" target="_blank" rel="noopener">Articles</a> are similar to Blog Posts in all ways except one.&nbsp; Articles allow for you to post an Author Block at the bottom with links to your contact info, website information, credentials, etc. Similar to Blog Posts,&nbsp;things that can be embedded into Blog Posts are videos, images, slideshows, powerpoints, spreadsheets, PDFs, documents and more.&nbsp; Similar to both types above, Hub Owners can add article sections and features to any hub they control on the community.</p>
<p><a class="button button-iconic" title="Add Article" href="https://landsurveyorsunited.com/articles/article/new" data-ux="article-add-button"> <em class="icon icon-add">Add Article</em> </a></p>
</div>
</details></div><div class='embed-container'><iframe src='https://www.rssground.com/services/rss-converter/60622f9365c86/Audio%20Surveying%20Articles' style='border:0'></iframe></div></div></details></td>
<td><details class="modal"><summary>Surveyor's Almanac</summary><div> <div class='embed-container'><iframe src='https://www.rssground.com/services/rss-converter/60cbb1ac696f3/Surveyor%20Almanac%20%26%20Articl' style='border:0'></iframe></div></div></details></td>
<td><details class="modal"><summary>Surveying Photos</summary><div><h4>Latest Land Surveying Photos Submitted</h4><div class='embed-container'><iframe src='https://www.rssground.com/services/rss-converter/5fde8f653cff2/Survey%20Photo%20Video' style='border:0'></iframe></div></div></details></td>
<td><details class="modal"><summary>Surveying Videos</summary><div><h4>Land Surveying Videos</h4><!-- start www.rssground.com code snippet -->
<iframe src="//www.rssground.com/services/rss-converter/5fde8f653cff2/Survey%20Photo%20Video" width="100%" height="100%" scrolling="yes" align="middle" border="0" frameborder="0" allowtransparency="true" style="background: transparent">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>
<!-- end www.rssground.com code snippet --></details></td>
</tr>
</tbody>
</table></center>
<small>(Share Your Experiences in Surveying)</small>
</div>
<a class="nav-anchor bottom" href="#section-4"><span class="mdi mdi-chevron-down"></span></a>
</section>
<section id="section-4">
<a class="nav-anchor top" href="#section-3"><span class="mdi mdi-chevron-up"></span></a>
<div class="main-title">
<center><table>
<tbody>
<tr>
<td><details class="modal"><summary>Latest Community Activity</summary><div> <h4>Latest Activity on Land Surveyors United Community</h4><div class='embed-container'><iframe src='https://www.rssground.com/services/rss-converter/60cbb3e0d2227/Latest%20Activity%20Surveyors' style='border:0'></iframe></div></div></details></td>
<td><details class="modal"><summary>Follow on Twitter</summary><div> <a class="twitter-timeline" href="https://twitter.com/LandSurveyorsU?ref_src=twsrc%5Etfw">Tweets by LandSurveyorsU</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div></details></td>
<td><details class="modal"><summary>Facebook</summary><div><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Ffacebook.com%2Flandsurveyorsunited&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=437795443654730" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe></div></details></td>
<td><details class="modal"><summary>Surveyors on Linkedin</summary><div> <a href="#contact" target="load">☀️</a><div class="frameContainer"></div></details></td>
</tr>
</tbody>
</table></center>
</div>
</section>
</main>
<div id="progress">
<div id="tape-body"></div>
<div id="tape-measure"></div>
</div>
<div id="elevator">
<!-- tab image -->
<span class="button">
<img src="https://storage.ning.com/topology/rest/1.0/file/get/9515246475?profile=original" height="45px" width="135px">
</span>
<!-- tab image -->
<div id="room">
<div class="dividers"> Level One: Equipment & Supplies </div>
<br>
<center><p><a href="javascript:void( window.open( 'http://go.srvyr.com/agsgps', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) ) "><img class="align-left" src="https://storage.ning.com/topology/rest/1.0/file/get/7996652284?profile=RESIZE_180x180" alt="Visit AGSGPS Store in Smarketplace"width="50" /></a><a href="javascript:void( window.open( 'http://go.srvyr.com/junipersystems', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) ) "><img class="align-left" src="https://storage.ning.com/topology/rest/1.0/file/get/7996653298?profile=RESIZE_180x180" alt="Visit Juniper Systems Store in Smarketplace"width="50" /></a><a href="javascript:void( window.open( 'http://go.srvyr.com/schonstedt', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) ) "><img class="align-left" src="https://storage.ning.com/topology/rest/1.0/file/get/7996655665?profile=RESIZE_180x180" alt="Visit Schonstedt in Smarketplace" width="50" /></a><a href="javascript:void( window.open( 'http://go.srvyr.com/surveysupply', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) ) "><img class="align-left" src="https://storage.ning.com/topology/rest/1.0/file/get/7996659264?profile=RESIZE_180x180" alt="Visit Survey Supply Store in Smarketplace" width="50" /></a><a href="javascript:void( window.open( 'http://go.srvyr.com/chrisnik', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) ) "><img class="align-left" src="https://storage.ning.com/topology/rest/1.0/file/get/7996650884?profile=RESIZE_180x180" alt="Visit Chrisnik Inc.Store in Smarketplace" width="50" /></a><a href="javascript:void( window.open( 'http://go.srvyr.com/safetyapparel', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) ) "><img class="align-left" src="https://storage.ning.com/topology/rest/1.0/file/get/7996651894?profile=RESIZE_180x180" alt="Visit Safety Apparel Store in Smarketplace" width="50" /></a><a href="javascript:void( window.open( 'https://go.srvyr.com/tigersupplies', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) ) "><img class="align-left" src="https://storage.ning.com/topology/rest/1.0/file/get/7996647477?profile=RESIZE_180x180" alt="Visit Tiger Supplies Store in Smarketplace" width="50" /></a><a href="javascript:void( window.open( 'http://go.srvyr.com/survipodsmarket', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) ) "><img class="align-left" src="https://storage.ning.com/topology/rest/1.0/file/get/7996647695?profile=RESIZE_180x180" alt="Visit Survipod Store in Smarketplace" width="50" /></a><a href="javascript:void( window.open( 'http://go.srvyr.com/survipodsmarket', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) ) "><img class="align-left" src="https://storage.ning.com/topology/rest/1.0/file/get/8227323485?profile=RESIZE_180x180" alt="Visit Accurate Inverts Store in Smarketplace" width="50" /></a></p></center>
<br>
<br>
<div class="dividers"> Level Two: Software </div>
<br>
<center><p><a href="javascript:void( window.open( 'https://go.srvyr.com/polosoft', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) ) "><img class="align-left" src="https://storage.ning.com/topology/rest/1.0/file/get/8088183492?profile=RESIZE_180x180" alt="Visit Polosoft Store in Smarketplace" width="70" /></a><a href="javascript:void( window.open( 'https://go.srvyr.com/landmentor', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) ) "><img class="align-left" src="https://storage.ning.com/topology/rest/1.0/file/get/8088190681?profile=RESIZE_180x180" alt="Visit Land Mentor Store in Smarketplace" width="50" /></a><a href="javascript:void( window.open( 'https://go.srvyr.com/kubla', 'blank', 'scrollbars=yes, toolbar=no, width=700, height=500' ) ) "><img class="align-left" src="https://storage.ning.com/topology/rest/1.0/file/get/8088191888?profile=RESIZE_180x180" alt="Visit Kubla Software Store in Smarketplace" width="70" /></a></p></center>
<br>
<br>
<div class="dividers">Level Three: Apps & Books</div>
<br>
<p style="text-align: center;">Visit the <a href="http://landsurveyorsunited.com/hubs/docs" target="_self">Surveying Documents Hub</a></p>
<p style="text-align: center;">Check out our <a href="http://landsurveyorsunited.com/apps" target="_self">Land Surveyor Apps Suite</a></p>
<br>
<br>
<div class="dividers">Level Four: Education & Mentorship</div>
<br><a href="https://twitter.com/landsurveyorsU?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @landsurveyorsU</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<details class="modal"><summary>Mentorship for Land Surveyors</summary>
<div>
<p><em>PROFESSIONAL DEVELOPMENT HUB</em></p>
<p><em>Help Bridge the Learning Gap in Land Surveying</em></p>
<p>It takes a long time to develop a well rounded professional.&nbsp; Some might even say that it takes a village.</p>
<p>For those of you who have successfully run the gauntlet of professional development and have mastered the art and science of land surveying, this is your place and time to put on your thinking caps and do what it takes to help educate.</p>
<p>For those of you who are scholars of the profession, looking for the mentoring you need to make it to the next level in your career, this your place and time to put on your thinking caps and ask the questions you need answered, without fear, and to help you associate yourselves with potential employers.</p>
<p>There are 2 primary forums inside this hub.&nbsp; One for those&nbsp;<a href="https://landsurveyorsunited.com/hubs/generation-gap/minions?sort=newestPosts" target="_blank" rel="noopener">who need advice from a land surveying mentor to post questions and ask for advice</a>.&nbsp; The other is for Mentors to&nbsp;<a href="https://landsurveyorsunited.com/hubs/generation-gap/mentors?sort=newestPosts" target="_blank" rel="noopener">post advice for those new to Land Surveying</a>.</p>
</div>
</details>
<br>
<br>
<div class="dividers">Level Five: Vendor Specials</div>
<br>
<p style="text-align: center;">Every Vendor who has a shop also has a <a href="https://landsurveyorsunited.com/marketplace" target="_blank" rel="noopener">Marketplace Hub</a> for you to follow and join for support!</p>
<p style="text-align: center;">Check out the <a href="http://landsurveyorsunited.com/megashop" target="_self">Megashop</a> for everything</p>
<p style="text-align: center;">Visit the <a href="https://landsurveyorsunited.com/marketplace" target="_blank" rel="noopener">Marketplace to follow Vendor Hubs</a></p>
<br>
<br>
</div>
</div>
</body>
const tapeBody = document.getElementById("tape-body");
const tapeMeasure = document.getElementById("tape-measure");
const main = document.getElementsByTagName('main')[0];
const touch = "ontouchstart" in window ||
(window.DocumentTouch && document instanceof DocumentTouch);
let offsetY = 0;
const cache = {
viewport: {},
rects: [],
node: {}
};
// init
window.addEventListener("load", init);
function init() {
// update the cache and check scroll position
recache();
// hide the scrollbar
const barWidth = getScrollBarWidth();
main.style.paddingRight = `${barWidth}px`;
// allow dragging
tapeBody.addEventListener(touch ? "touchstart" : "mousedown", down);
// throttle the scroll callback for performance
main.addEventListener("scroll", touch ? scrollCheck : throttle(scrollCheck, 10));
// debounce the resize callback for performance
window.addEventListener("resize", debounce(recache, 50));
};
const move = (e) => {
const x = (touch ? e.touches[0].pageY : e.pageY) - offsetY;
const offset = getScrollOffset();
const height = cache.document.height - cache.viewport.height;
const width = cache.viewport.height - cache.node.height;
const progress = (x / width) * height;
main.scrollTop = progress;
}
const up = (e) => {
main.style.scrollBehavior = "";
if (touch) {
document.removeEventListener("touchmove", move);
document.removeEventListener("touchend", up);
document.removeEventListener("touchcancel", up);
} else {
document.removeEventListener("mousemove", move);
document.removeEventListener("mouseup", up);
}
}
const down = (e) => {
recache();
offsetY = (touch ? e.touches[0].pageY : e.pageY) - cache.node.top;
// setting scrollTop/Left with "scroll-behavior: smooth" causes monster jank
main.style.scrollBehavior = "auto";
if (touch) {
document.addEventListener("touchmove", move);
document.addEventListener("touchend", up);
document.addEventListener("touchcancel", up);
} else {
document.addEventListener("mousemove", move);
document.addEventListener("mouseup", up);
}
e.preventDefault();
}
// update the cache and check scroll position
function recache() {
// cache the viewport dimensions
cache.viewport = {
width: window.innerWidth,
height: window.innerHeight
};
cache.document = {
height: main.scrollHeight,
width: main.scrollWidth,
};
cache.node = tapeBody.getBoundingClientRect();
scrollCheck();
}
// check whether a node is at or above the horizontal halfway mark
function scrollCheck() {
const offset = getScrollOffset();
const height = cache.document.height - cache.viewport.height;
const width = cache.viewport.height - cache.node.height;
const progress = (offset.y / height) * width;
tapeBody.style.transform = `translate3d(0, ${progress}px,0)`;
tapeMeasure.style.height = `${progress}px`;
};
// get the scroll offsets
function getScrollOffset() {
return {
x: main.scrollLeft,
y: main.scrollTop
};
};
// throttler
function throttle(fn, limit, context) {
let wait;
return function() {
context = context || this;
if (!wait) {
fn.apply(context, arguments);
wait = true;
return setTimeout(function() {
wait = false;
}, limit);
}
};
};
// debouncer
function debounce(fn, limit, u) {
let e;
return function() {
const i = this;
const o = arguments;
const a = u && !e;
clearTimeout(e),
(e = setTimeout(function() {
(e = null), u || fn.apply(i, o);
}, limit)),
a && fn.apply(i, o);
};
}
/**
* Get native scrollbar width
* @return {Number} Scrollbar width
*/
function getScrollBarWidth() {
const db = document.body;
const div = document.createElement("div");
let t = 0;
return div.style.cssText = "width: 100; height: 100; overflow: scroll; position: absolute; top: -9999;", document.body.appendChild(div), t = div.offsetWidth - div.clientWidth, document.body.removeChild(div), t
};
$url: "https://s3-us-west-2.amazonaws.com/s.cdpn.io/86186/";
body {
overflow: hidden;
width: 100vw;
height: 100vh;
margin: 0;
}
main {
width: 100vw;
height: 100vh;
overflow-x: hidden;
overflow-y: scroll;
box-sizing: content-box;
scroll-behavior: smooth;
section {
position: relative;
width: 100vw;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center center;
&:nth-child(1) {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/8759407491?profile=original");
.nav-anchor {
animation: 1000ms ease 0ms forwards infinite notice-me;
}
}
&:nth-child(2) {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/9992470700?profile=original");
.main-title {
color: rgba(255, 255, 255, .85);
}
}
&:nth-child(3) {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/9992471896?profile=original");
}
&:nth-child(4) {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/9992472455?profile=original");
.main-title {
color: rgba(255, 255, 255, .85);
}
}
}
}
.main-title {
font-size: 1.9vw;
font-family: 'Alegreya', serif;
color: white;
font-weight:bold;
text-align: center;
}
.border-webkit{
-webkit-text-stroke: 3px red;
}
.border-white{
/*border white with light shadow*/
text-shadow:
1px 1px #fff,
-1px 1px #fff,
1px -1px #fff,
-1px -1px #fff,
1px 1px 5px #555;
}
.border-black{
color: grey;
/*border white with light shadow*/
text-shadow:
2px 0 0 #000,
-2px 0 0 #000,
0 2px 0 #000,
0 -2px 0 #000,
1px 1px 0 #000,
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 5px #000;
}
.combined {
-webkit-text-stroke: 1px black;
color: white;
text-shadow:
2px 2px 0 #000,
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
.inset{
background: #333;
color: rgba(255, 255, 255, 0.3);
text-shadow:
1px 2px 2px #fff,
0 0 0 #000,
1px 2px 2px #fff;
line-height:1
}
.inset-dark-bg{
background: #747474;
color: #fff;
line-height: 1;
text-shadow: 0px -1px 0px #374683;
}
.inset-light-bg{
color: #777;
text-shadow: 0px 1px 0px #e5e5ee;
}
.inset-bg{
background: #8A3DAD;
line-height:1em;
color: transparent;
text-shadow: 0px 2px 3px rgba(255,255,255,0.3);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
}
.emboss{
color: #9c8468;
opacity: 0.8;
line-height: 1;
padding: 0;
text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
}
.image-clip{
line-height:1;
color: gray;
background: url(http://eofdreams.com/data_images/dreams/image/image-07.jpg) no-repeat -1034px -942px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
}
.glow{
text-shadow: 0px 0px 10px rgba(255,0,0,0.9);
}
.neon{
color: #fff;
font-size: 8em;
text-shadow:
0 0 5px #fff,
0 0 10px #fff,
0 0 15px #fff,
0 0 20px #0f0,
0 0 35px #0f0,
0 0 40px #0f0,
0 0 60px #0f0,
0 0 90px #0f0
}
/* Don't show shadows when selecting text */
::-moz-selection { background: red; color: #fff; text-shadow: none; }
::selection { background: red; color: #fff; text-shadow: none; }
h1 small {
font-weight: bold;
font-size: 6em;
}
h2 {font-size:1.3vw;text-shadow: 1px 1px 1px #000;}
.nav-anchor {
position: absolute;
color: #fff;
font-size: 50px;
&.top {
top: 10px;
}
&.bottom {
bottom: 10px;
}
}
#progress {
position: fixed;
bottom: 0;
right: 0;
width: 50px;
height: 100%;
}
#tape-body {
background-image: url("#{$url}tape2.png");
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 76px;
background-size: cover;
z-index: 10;
cursor: grab;
}
#tape-measure {
position: absolute;
right: 12px;
top: 0;
height: 0;
width: 24px;
background-color: #fada34;
z-index: 9;
background-image: url("#{$url}tape2.jpg");
background-size: 100% auto;
}
@keyframes notice-me {
0%, 100% {
transform: translate3d(0,-5px,0);
}
50% {
transform: translate3d(0,5px,0);
}
}
:root {
--gutter-horizontal: 10vw;
--gutter-vertical: 10vh;
}
img {
max-width: 100%;
}
details + details {
margin-top: 1em;
}
details.modal summary {
background: #fff;
color:#000066;
border: 2px solid black;
cursor: pointer;
display: inline-block;
padding: .25em .5em;
}
details.modal summary::-webkit-details-marker {
display: none;
}
details.modal summary::before {
content: "";
display: inline-block;
padding-right: .25em;
}
details[open].modal summary::before {
content: "✖️/➕";
}
details[open].modal {
overflow: auto;
padding: 1em;
position: fixed;
z-index: 10;
}
details[open].modal,
details[open].modal::after {
bottom: 10vh;
bottom: var(--gutter-vertical);
left: 10vw;
left: var(--gutter-horizontal);
right: 10vw;
right: var(--gutter-horizontal);
top: 10vh;
top: var(--gutter-vertical);
}
details[open].modal::before,
details[open].modal::after {
content: "";
position: fixed;
z-index: -1;
}
details[open].modal::before {
background: rgba(0, 0, 0, .75);
bottom: 0;
left: 0;
right: 0;
top: 0;
}
details[open].modal::after {
background: #fff;
color:#000;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.frameContainer{
position: fixed;
height: 100%;
top:0px;
left: 300px;
right:0px;
bottom:0px;
z-index:1;
}
.main_iframe{
height: 100%;
width: 100%;
border:none;
background:#3366ff;
}
#elevator {
z-index: 1000;
/*increase if it's behind something else*/
height: 96.3%;
/*the height of the tab*/
position: fixed;
text-align: center;
/*you can change it to 'left' or 'right'*/
bottom: 0px;
left: 5px;
-webkit-transition-duration: 1.5s;
/*how long it takes to go up*/
-moz-transition-duration: 1.5s;
/*how long it takes to go up*/
-o-transition-duration: 1.5s;
/*how long it takes to go up*/
transition-duration: 1.5s;
/*how long it takes to go up*/
}
#elevator:hover {
z-index:1000;
bottom: 1205px;
left: 5px;
}
#room {
bottom: -1200px;
position: absolute;
width: 300px;
/*width of tab*/
height: 100%;
overflow: scroll;
/*change to 'scroll' if you want a scrollbar*/
padding: 10px;
background: white;
/*the tab's background color*/
opacity: 1;
line-height: 13px;
-moz-box-shadow: 0px 0px 3px 1px white;
/*shadow border code*/
-webkit-box-shadow: 0px 0px 3px 1px white;
/*shadow border code*/
box-shadow: 0px 0px 3px 1px white;
/*shadow border code*/
-webkit-border-radius: 3px;
/*rounds the tab's corners*/
-moz-border-radius: 3px;
/*rounds the tab's corners*/
border-radius: 3px;
/*rounds the tab's corners*/
border: 1px solid black;
/*tab border*/
text-align: center;
/*you can change it to 'left' or 'right'*/
}
.button {
display: block;
position: fixed;
left: 5px;
/*distance from the left side*/
top: 5px;
/*distance from the top*/
padding: 3px;
width: 35px;
/*width of button*/
height: 35px;
/*height of button*/
background-color: black;
/*button's background color*/
border-radius: 85px;
/*the lower it is, the less round it'll be*/
border: 1px solid black;
/*button border code*/
overflow: hidden;
}
.dividers {
border: 2px solid black;
/*border code for dividers*/
width: 95%;
/*width of dividers*/
height: 21px;
/*height of dividers*/
padding: 3px;
margin: auto;
line-height: 20px;
background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(255,209,67,1) 0%, rgba(255,145,83,1) 90% );
/*background color of dividers*/
color: black;
/*font color of dividers*/
font-weight: bold;
/*font weight (none or bold)*/
}
.link-list-block ul {
font-size: 1.25rem;
background-color: #212121;
list-style: none;
margin: 0;
padding: 0;
max-width: 100%;
margin: 0 auto;
}
.link-list-block li {
margin-bottom: 1rem;
}
.link-list-block a,
.link-list-block li {
display: block;
width: 100%;
}
.btn.-arrow,
.wp-block-button__link.-arrow {
position: relative;
padding-right: 0;
width: 100%;
}
.link-list-block a,
.link-list-block li {
display: block;
width: 100%;
}
.link-list-block a {
color: #fff;
}
.btn,
.wp-block-button__link {
background-color: transparent;
border: none;
position: relative;
-webkit-box-shadow: 0 -0.15rem 0 #b53e26 inset;
box-shadow: inset 0 -0.15rem 0 #b53e26;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: currentColor;
cursor: pointer;
padding: 0 1.563rem;
-webkit-transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, color 0.3s ease;
transition: box-shadow 0.3s ease, color 0.3s ease,
-webkit-box-shadow 0.3s ease;
text-decoration: none;
}
.btn.-arrow:after {
content: "";
position: absolute;
width: 0;
background-color: #cc0000;
height: 100%;
top: 0;
left: 0;
z-index: -1;
transition: 300ms ease width;
}
.btn:focus,
.btn:hover,
.wp-block-button__link:focus,
.wp-block-button__link:hover {
&::after {
width: 100%;
}
}
.btn.-arrow:before,
.wp-block-button__link.-arrow:before {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/8890304673?profile=RESIZE_180x180");
background-repeat: no-repeat;
background-position: calc(100% - 2rem) 80%;
color: red;
content: "";
height: 54px;
mix-blend-mode: difference;
position: absolute;
right: 200;
width: 670px;
z-index: 10;
}
#copy {
position:fixed;
z-index:1000;
right:150px;
top:-8px;
font-size:.65em;
padding:8px 8px 2px 8px;
background: #000000;
border: 2px solid #737c85;
border-radius:.7em;
opacity: 0.9;
box-shadow:0 0 8px #5f7182;
color:#eee;
background-position: fixed;
}
#copy a {
color:#ccc;
text-decoration:none
}
#copy a:hover {
color:#fff
}
<link href="https://cdn.materialdesignicons.com/2.3.54/css/materialdesignicons.min.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Alfa+Slab+One" rel="stylesheet" />

Tape Measure Scrollbar

Simple tape measure scrollbar for a woodshop project I'm working on.

Might be janky on mobile at the moment. Also, scrollbars may be visible on some devices.

Tested on the latest versions of Firefox, Chrome and Edge.

Demo with my Pageable lib: https://codepen.io/Mobius1/pen/zbzWba which allows fast implementation.

A Pen by JFarrow on CodePen.

License.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment