Nature Walk Signup < /iframe> <!--kg-card-end: html--> </section> </article> </main> <footer class="gh-footer has-accent-color gh-outer"> <div class="gh-footer-inner gh-inner"> <div class="gh-footer-bar"> <span class="gh-footer-logo is-title"> cagksq </span> <nav class="gh-footer-menu"> <ul class="nav"> <li class="nav-sign-up"><a href="#/portal/">Sign up</a></li> </ul> </nav> <div class="gh-footer-copyright"> Powered by <a href="https://ghost.org/" target="_blank" rel="noopener">Ghost</a> </div> </div> <section class="gh-footer-signup"> <h2 class="gh-footer-signup-header is-title"> cagksq </h2> <p class="gh-footer-signup-subhead is-body"> Created by Clarke Green in Kennett Square </p> <form class="gh-form" data-members-form> <input class="gh-form-input" id="footer-email" name="email" type="email" placeholder="jamie@example.com" required data-members-email> <button class="gh-button" type="submit" aria-label="Subscribe"> <span><span>Subscribe</span> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></span> <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"> <g stroke-linecap="round" stroke-width="2" fill="currentColor" stroke="none" stroke-linejoin="round" class="nc-icon-wrapper"> <g class="nc-loop-dots-4-24-icon-o"> <circle cx="4" cy="12" r="3"></circle> <circle cx="12" cy="12" r="3"></circle> <circle cx="20" cy="12" r="3"></circle> </g> <style data-cap="butt"> .nc-loop-dots-4-24-icon-o{--animation-duration:0.8s} .nc-loop-dots-4-24-icon-o *{opacity:.4;transform:scale(.75);animation:nc-loop-dots-4-anim var(--animation-duration) infinite} .nc-loop-dots-4-24-icon-o :nth-child(1){transform-origin:4px 12px;animation-delay:-.3s;animation-delay:calc(var(--animation-duration)/-2.666)} .nc-loop-dots-4-24-icon-o :nth-child(2){transform-origin:12px 12px;animation-delay:-.15s;animation-delay:calc(var(--animation-duration)/-5.333)} .nc-loop-dots-4-24-icon-o :nth-child(3){transform-origin:20px 12px} @keyframes nc-loop-dots-4-anim{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1)}} </style> </g> </svg> <span>Email sent</span> </button> <p data-members-error></p> </form> </section> </div> </footer> </div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script src="https://cagksq.com/assets/built/source.js?v=eb5f71070f"></script> <style> .inat-pin,.inat-info{opacity:.8;transition:opacity .15s} .inat-pin:hover,.inat-info:hover{opacity:1} </style> <script> (function(){ const PLACE_ID="178756",BLOCK_ID="inat-field-notes-auto",FOOTER_ID="cagksq-footer-links"; const DATA_URL="https://ghost-species.2jhczx4tjy.workers.dev/species-data.json"; const PIN='<svg width="18" height="22" viewBox="0 0 14 18" fill="currentColor"><path d="M7 0C3.686 0 1 2.686 1 6c0 4.5 6 12 6 12s6-7.5 6-12c0-3.314-2.686-6-6-6zm0 8.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z"/></svg>'; const INFO='<svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="8" cy="8" r="7"/><line x1="8" y1="7" x2="8" y2="12"/><circle cx="8" cy="4.5" r=".8" fill="currentColor" stroke="none"/></svg>'; function render(DB,KEYS){ const body=document.body; if(body.classList.contains("home-template")||body.classList.contains("tag-template")|| body.classList.contains("author-template")||body.classList.contains("error-template"))return; if(document.getElementById(BLOCK_ID))return; const content=document.querySelector(".gh-content.gh-canvas")|| document.querySelector(".gh-content")||document.querySelector("article"); if(!content)return; const clone=content.cloneNode(true); for(const el of clone.querySelectorAll("h1,h2,h3,h4,h5,h6,hr")){ const t=(el.textContent||"").toLowerCase(); if(t.includes("read more")||t.includes("related")||t.includes("explore")){ let n=el;while(n){const nx=n.nextSibling;n.remove();n=nx;}break; } } const text=clone.innerText.toLowerCase(); const found=new Set(); for(const[k,id]of Object.entries(KEYS)){ if(text.indexOf(k)===-1)continue; const rx=new RegExp("(?<![a-z])"+k.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")+"(?![a-z])","i"); if(rx.test(text))found.add(id); } const species=Array.from(found).filter(id=>DB[String(id)]) .map(id=>{const[name,sci]=DB[String(id)];return{id,name,sci};}) .sort((a,b)=>a.name.localeCompare(b.name)).slice(0,20); const ac=getComputedStyle(document.documentElement).getPropertyValue("--ghost-accent-color").trim()||"#424e32"; let html=""; if(species.length){ html+=`<div id="${BLOCK_ID}" style="margin-top:3em;border-top:1px solid #e0e0e0;padding-top:1.2em;font-family:inherit;">`; html+=`<p style="font-size:.7em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#999;margin:0 0 .5em 0;">Species in this post</p>`; species.forEach((s,i)=>{ const b=i<species.length-1?"border-bottom:1px solid #f0f0f0;":""; html+=`<div style="display:flex;align-items:center;gap:4px;${b}">`; html+=`<a class="inat-pin" href="https://www.inaturalist.org/observations?place_id=${PLACE_ID}&subview=map&taxon_id=${s.id}" target="_blank" title="Map of observations" style="display:flex;align-items:center;justify-content:center;width:44px;height:48px;flex-shrink:0;color:${ac};text-decoration:none;">${PIN}</a>`; html+=`<a class="inat-info" href="https://www.inaturalist.org/taxa/${s.id}" target="_blank" title="Species info" style="display:flex;align-items:center;justify-content:center;width:44px;height:48px;flex-shrink:0;color:${ac};text-decoration:none;">${INFO}</a>`; html+=`<div style="padding-left:4px;">`; html+=`<div style="font-size:.95em;font-weight:600;color:#1a1a1a;line-height:1.3;">${s.name}</div>`; html+=`<div style="font-size:.82em;font-style:italic;color:#999;line-height:1.3;">${s.sci}</div>`; html+=`</div></div>`; }); html+=`</div>`; } html+=`<div id="${FOOTER_ID}" style="text-align:center;margin-top:3em;border-top:1px solid #e0e0e0;padding-top:1.5em;font-family:inherit;">`; html+=`<p style="font-size:.7em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#999;margin:0 0 .8em 0;">Explore More</p>`; html+=`<div style="display:flex;flex-wrap:wrap;justify-content:center;gap:.5em 1.5em;">`; [["About the Park","https://cagksq.com/anson-b-nixon-park-2/"], ["Online Tools","https://cagksq.com/inaturalist/"], ["About cagksq","https://cagksq.com/about/"], ["Nixon Park Project","https://www.inaturalist.org/projects/biota-of-anson-b-nixon-park"], ["Clarke's Observations","https://www.inaturalist.org/people/clarkegreen"] ].forEach(([label,url])=>{ const t=url.includes("inaturalist.org")?' target="_blank"':""; html+=`<a href="${url}"${t} style="font-size:.85em;font-weight:600;color:${ac};text-decoration:none;">${label}</a>`; }); html+=`</div></div>`; const wrap=document.createElement("div"); wrap.innerHTML=html; content.appendChild(wrap); } function load(){ fetch(DATA_URL).then(r=>r.json()).then(d=>render(d.db,d.keys)) .catch(e=>console.warn("iNat field notes:",e)); } if(window.requestIdleCallback)requestIdleCallback(load,{timeout:3000}); else if(document.readyState==="complete")load(); else window.addEventListener("load",load); })(); </script> </body> </html>