308 Onion, Austin, TX 78702 | Col Realty  <div id="share-modal" class="share-modal-overlay" onclick="if(event.target===this)closeShare()"> <div class="share-modal-box"> <button class="share-modal-close" onclick="closeShare()">×</button> <h3 class="share-modal-title">Share this home</h3> <p id="share-modal-address" class="share-modal-address"></p> <div class="share-options"> <button class="share-opt" onclick="shareVia('copy')"><span class="share-opt-icon">🔗</span><span>Copy link</span></button> <button class="share-opt" onclick="shareVia('email')"><span class="share-opt-icon">✉️</span><span>Email</span></button> <button class="share-opt" onclick="shareVia('text')"><span class="share-opt-icon">💬</span><span>Text</span></button> <button class="share-opt" onclick="shareVia('facebook')"><span class="share-opt-icon" style="background:#1877f2;color:#fff;border-radius:50%;font-weight:700;font-size:16px;">f</span><span>Facebook</span></button> <button class="share-opt" onclick="shareVia('twitter')"><span class="share-opt-icon" style="background:#000;color:#fff;border-radius:50%;font-size:14px;font-weight:700;">𝕏</span><span>X / Twitter</span></button> <button class="share-opt" onclick="shareVia('whatsapp')"><span class="share-opt-icon">📱</span><span>WhatsApp</span></button> </div> <div id="share-copy-confirm" class="share-copy-confirm" style="display:none;">✅ Link copied to clipboard!</div> </div> </div> <script> const IS_AUTHENTICATED = false; // ── Favorites ────────────────────────────────────────────────────── function handleFavorite(btn, listingId) { if (!IS_AUTHENTICATED) { const modal = document.getElementById('login-modal'); if (modal) modal.style.display = 'flex'; return; } fetch('/accounts/favorite/' + listingId + '/', { method: 'POST', headers: { 'X-CSRFToken': 'tKeipZZ5pv5e2Chibt7DlzBNGHfImrjnEzsfavc2CeazToYio3ht97XtKb9aaINd', 'Content-Type': 'application/json' } }) .then(r => r.json()) .then(data => { const saved = data.status === 'added'; btn.classList.toggle('saved', saved); const svg = btn.querySelector('svg'); svg.setAttribute('fill', saved ? '#e02020' : 'none'); svg.setAttribute('stroke', saved ? '#e02020' : 'currentColor'); }); } // ── Sticky nav: show Save/Share when topbar scrolls away ────────── document.addEventListener('DOMContentLoaded', function() { const topbar = document.querySelector('.cr-topbar'); const navActions = document.getElementById('cr-nav-actions'); if (topbar && navActions) { const observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (!entry.isIntersecting) { navActions.classList.add('visible'); } else { navActions.classList.remove('visible'); } }); }, { threshold: 0, rootMargin: '-80px 0px 0px 0px' }); observer.observe(topbar); } // Sync favorite state between topbar btn and nav btn const topFav = document.getElementById('detail-fav-btn'); const navFav = document.getElementById('nav-fav-btn'); if (topFav && navFav) { const origHandle = topFav.onclick; topFav.onclick = function(e) { handleFavorite(topFav, topFav.dataset.id || topFav.getAttribute('onclick').match(/\d+/)?.[0]); }; // Keep nav fav in sync when topbar fav changes const syncFav = function(mutations) { navFav.className = topFav.className; const svg = topFav.querySelector('svg'); const navSvg = navFav.querySelector('svg'); if (svg && navSvg) { navSvg.setAttribute('fill', svg.getAttribute('fill')); navSvg.setAttribute('stroke', svg.getAttribute('stroke')); } }; new MutationObserver(syncFav).observe(topFav, { attributes: true, subtree: true, attributeFilter: ['class', 'fill', 'stroke'] }); } // Section nav active link on scroll const sections = document.querySelectorAll('[id]'); const navLinks = document.querySelectorAll('.cr-nav a'); const navWrapH = 80 + (document.querySelector('.cr-nav-wrap')?.offsetHeight || 48); window.addEventListener('scroll', function() { let current = ''; sections.forEach(function(sec) { if (window.scrollY >= sec.offsetTop - navWrapH - 20) { current = sec.id; } }); navLinks.forEach(function(a) { a.classList.remove('active'); if (a.getAttribute('href') === '#' + current) a.classList.add('active'); }); }, { passive: true }); }); // ── Share ────────────────────────────────────────────────────────── let _shareUrl = '', _shareAddress = ''; function openShare(address, path) { _shareAddress = address; _shareUrl = window.location.origin + path; document.getElementById('share-modal-address').textContent = address; document.getElementById('share-copy-confirm').style.display = 'none'; document.getElementById('share-modal').style.display = 'flex'; } function closeShare() { document.getElementById('share-modal').style.display = 'none'; } function shareVia(method) { const url = encodeURIComponent(_shareUrl); const text = encodeURIComponent('Check out this home: ' + _shareAddress); if (method === 'copy') { navigator.clipboard.writeText(_shareUrl).then(() => { document.getElementById('share-copy-confirm').style.display='block'; setTimeout(()=>document.getElementById('share-copy-confirm').style.display='none',2500); }); } else if (method === 'email') { window.open('mailto:?subject=Check out this home&body=' + text + '%0A' + url); } else if (method === 'text') { window.open('sms:?body=' + text + '%20' + url); } else if (method === 'facebook') { window.open('https://www.facebook.com/sharer/sharer.php?u=' + url, '_blank'); } else if (method === 'twitter') { window.open('https://twitter.com/intent/tweet?text=' + text + '&url=' + url, '_blank'); } else if (method === 'whatsapp') { window.open('https://wa.me/?text=' + text + '%20' + url, '

1 / 40

Description

Designed by renowned Austin architect Matt Fajkus with MF Architecture, featuring interiors by designer Kelly LaPlante, lighting by Tom Dixon throughout and Ann Sacks tile. California closets installed in both primary and secondary bedroom closets. Second level primary suite with dual vanity bathroom, backlit LED mirrors and Roman bath with rain shower head and free-standing soaking tub. On the third level, enjoy a 450 sf rooftop deck with downtown views. Outdoor deck perfect for entertaining with a perimeter privacy fence. Electric gate access to the driveway complete with room for 3 vehicles and secondary pedestrian gate access providing ultimate security and privacy. Located in the heart of east Austins Saltillo District 308 Onion is a walkers paradise. This gem is located just steps from some of Austin's hottest spots like Cosmic Saltillo, Hotel Vegas, The White Horse and all that East 6th Street has to offer. Unbeatable location walking distance to it all!