806 24th, Austin, TX 78705 | 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': 'n8LA8zfXc6Xi4KPebDgLABcZbMyk6wQBy6Tzmttll2nK7gWMKoPx4b1DES7oGbAR', '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 / 17

Description

This 2 bedroom, 2 bathroom condo features a living room with fireplace, 2 big bedrooms, each with their own bathroom, a washer and dryer in the unit, and an outdoor balcony overlooking the courtyard. The unit comes with TWO assigned parking spaces and one is covered. Enjoy an EASY Walk to campus and the drag!