<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:yandex="http://news.yandex.ru" xmlns:turbo="http://turbo.yandex.ru" xmlns:media="http://search.yahoo.com/mrss/">
  <channel>
    <title>Ход строительства</title>
    <link>https://vuolie.ru</link>
    <description/>
    <language>ru</language>
    <lastBuildDate>Thu, 26 Mar 2026 22:43:11 +0300</lastBuildDate>
    <item turbo="true">
      <title>ПЕЙЗАЖИ ПОСЕЛКА ЛЕТО 2025</title>
      <link>https://vuolie.ru/tpost/leto-v-poselke-vuolie</link>
      <amplink>https://vuolie.ru/tpost/leto-v-poselke-vuolie?amp=true</amplink>
      <pubDate>Mon, 02 Feb 2026 17:45:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3839-3162-4363-b632-343533353839/DSCF5973_2__.jpeg" type="image/jpeg"/>
      <turbo:content><![CDATA[<header><h1>ПЕЙЗАЖИ ПОСЕЛКА ЛЕТО 2025</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3839-3162-4363-b632-343533353839/DSCF5973_2__.jpeg"/></figure><div class="t-redactor__embedcode"><style>
.social-under-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:18px;
}

/* блок иконок */
.social-icons{
  display:flex;
  gap:14px;
  align-items:center;
}

.social-icons a{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:6px;
  border:1px solid #ddd;
  background:#fff;
  text-decoration:none;
  transition:0.3s;
  color:#000;
  font-weight:600;
  font-family:Arial, sans-serif;
  font-size:14px;
}

.social-icons a:hover{
  background:#000;
  color:#fff;
}

.social-icons svg{
  width:18px;
  height:18px;
  fill:currentColor; /* берёт цвет текста */
  transition:0.3s;
}

/* КНОПКА */
.masterplan-link{
  font-size:14px;
  text-decoration:none;
  color:#090909 !important;
  background:#E1E1E1;
  padding:10px 18px;
  border:1px solid #090909;
  display:inline-flex;
  align-items:center;
  gap:6px;
  transition:0.3s;
}

.masterplan-link:after{
  content:"→";
  transition:transform .3s ease;
}

.masterplan-link:hover{
  background:#090909;
  color:#E1E1E1 !important;
}

.masterplan-link:hover:after{
  transform:translateX(6px);
}
</style>

<div class="social-under-title">

  <div class="social-icons">

    <!-- TELEGRAM -->
    <a href="https://t.me/skhlopkov" target="_blank">
      <svg viewBox="0 0 24 24">
        <path d="M9.04 15.56l-.39 5.49c.56 0 .8-.24 1.1-.53l2.64-2.52 5.48 4.01c1.01.56 1.73.27 1.98-.93l3.59-16.84c.31-1.44-.52-2-1.5-1.63L1.53 9.4c-1.39.54-1.37 1.32-.24 1.67l5.74 1.79L19.98 5.3c.61-.37 1.17-.16.71.21"/>
      </svg>
      Telegram
    </a>

    <!-- MAX -->
    <a href="https://max.ru/u/f9LHodD0cOLXuIaw_wwGGYAMZx5BAB3SzJvzvntkU6d-fjc9Yw1Z4DHBms0" target="_blank">
      <svg width="18" height="18" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
        <path fill="currentColor" d="M64 4C31.8 4 4 31.8 4 64s27.8 60 60 60 60-27.8 60-60S96.2 4 64 4zm-8 96l-16-56h12l9.2 34.4L85.6 44h11.2l-8.8 52H56z"/>
      </svg>
      MAX
    </a>

  </div>

  <a href="https://vuolie.ru/#genplan" class="masterplan-link">
    Посмотреть генплан поселка
  </a>

</div></div><div class="t-redactor__embedcode"><style>
/* ГАЛЕРЕЯ */
.arch-gallery {
  width: 100%;
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.arch-main {
  width: 100%;
  max-width: 100%;
  height: 500px;
  overflow: hidden;
  margin-bottom: 15px;
  position: relative;
  cursor: zoom-in;
}

.arch-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}

.arch-thumbs {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 0 20px;
}

.arch-thumbs img {
  flex: 0 0 auto;
  width: 120px;
  height: 80px;
  object-fit: cover;
  border-radius: 6px;
  cursor: pointer;
  opacity: 0.6;
  transition: 0.3s;
}

.arch-thumbs img:hover {
  opacity: 1;
  transform: scale(1.05);
}

.arch-thumbs img.active {
  opacity: 1;
  outline: 2px solid #000;
}

/* LIGHTBOX */
.arch-lightbox {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0,0,0,0.94);
  display: none;
  overflow: auto;
  z-index: 99999 !important;
}

.arch-lightbox.active {
  display: block;
}

.arch-lightbox img {
  display: block;
  margin: auto;
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
  cursor: zoom-out;
  opacity: 0;
  transition: opacity 0.3s;
}

.arch-lightbox img.show {
  opacity: 1;
}

/* Стрелки */
.arch-lightbox .arrow {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  font-size: 48px;
  color: rgba(255,255,255,0.8);
  cursor: pointer;
  z-index: 100000;
  padding: 10px;
  user-select: none;
}

.arch-lightbox .arrow-left { left: 20px; }
.arch-lightbox .arrow-right { right: 20px; }
.arch-lightbox .arrow:hover { color: #fff; }

@media(max-width:768px){
  .arch-main { height:280px; }
  .arch-thumbs img { width:90px; height:60px; }
  .arch-lightbox .arrow { font-size:36px; }
}
</style>

<div class="arch-gallery">
  <div class="arch-main">
    <img id="mainImage" src="https://static.tildacdn.com/tild3463-3934-4531-a563-623438306234/DSCF5983_1__.jpeg">
  </div>

  <div class="arch-thumbs">
    <img src="https://static.tildacdn.com/tild3463-3934-4531-a563-623438306234/DSCF5983_1__.jpeg" class="active">
    <img src="https://static.tildacdn.com/tild6433-3064-4335-a164-646662646634/DSCF5981__.jpeg">
    <img src="https://static.tildacdn.com/tild6430-3730-4261-b761-373739316666/DSCF5975__.jpeg">
    <img src="https://static.tildacdn.com/tild6164-3039-4830-b739-306661336665/DSCF5988_1__.jpeg">
    
  </div>
</div>

<!-- Lightbox вставляется через JS -->
<script>
const mainImage = document.getElementById("mainImage");
const thumbs = document.querySelectorAll(".arch-thumbs img");
let currentIndex = 0;

// Создаем lightbox вне блока fd401
let lightbox = document.createElement("div");
lightbox.className = "arch-lightbox";
lightbox.innerHTML = `
  <span class="arrow arrow-left">&#10094;</span>
  <span class="arrow arrow-right">&#10095;</span>
  <img id="lightboxImg">
`;
document.body.appendChild(lightbox);

const lightboxImg = lightbox.querySelector("#lightboxImg");
const arrows = {
  left: lightbox.querySelector(".arrow-left"),
  right: lightbox.querySelector(".arrow-right")
};

function showImage(index){
  if(index<0) index=thumbs.length-1;
  if(index>=thumbs.length) index=0;
  currentIndex = index;
  lightboxImg.classList.remove("show");
  setTimeout(()=> lightboxImg.classList.add("show"),20);
  lightboxImg.src = thumbs[currentIndex].src;
  mainImage.src = thumbs[currentIndex].src;
  thumbs.forEach(i=>i.classList.remove("active"));
  thumbs[currentIndex].classList.add("active");
}

// миниатюры
thumbs.forEach((img,i)=>{
  img.addEventListener("click", ()=> showImage(i));
});

// открыть lightbox
mainImage.addEventListener("click", ()=>{
  lightbox.classList.add("active");
  showImage(currentIndex);
  document.body.style.overflow = "hidden";
});

// закрыть по клику вне фото
lightbox.addEventListener("click", e=>{
  if(e.target===lightbox){
    lightbox.classList.remove("active");
    document.body.style.overflow = "";
  }
});

// стрелки
arrows.left.addEventListener("click", e=>{
  e.stopPropagation();
  showImage(currentIndex-1);
});
arrows.right.addEventListener("click", e=>{
  e.stopPropagation();
  showImage(currentIndex+1);
});

// клавиши
document.addEventListener("keydown", e=>{
  if(e.key==="Escape"){
    lightbox.classList.remove("active");
    document.body.style.overflow = "";
  }
  if(e.key==="ArrowLeft") showImage(currentIndex-1);
  if(e.key==="ArrowRight") showImage(currentIndex+1);
});

// свайп
let touchStartX=0;
let touchEndX=0;
lightbox.addEventListener("touchstart", e=> touchStartX=e.changedTouches[0].screenX);
lightbox.addEventListener("touchend", e=>{
  touchEndX=e.changedTouches[0].screenX;
  if(touchEndX-touchStartX>50) showImage(currentIndex-1);
  if(touchStartX-touchEndX>50) showImage(currentIndex+1);
});
</script></div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>ФОТОГРАФИИ ПОСЕЛКА</title>
      <link>https://vuolie.ru/tpost/uefg9ey2l1-fotografii-poselka</link>
      <amplink>https://vuolie.ru/tpost/uefg9ey2l1-fotografii-poselka?amp=true</amplink>
      <pubDate>Tue, 16 Dec 2025 17:45:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild6330-3263-4062-a338-396235633761/DJI_0971__.jpeg" type="image/jpeg"/>
      <turbo:content><![CDATA[<header><h1>ФОТОГРАФИИ ПОСЕЛКА</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild6330-3263-4062-a338-396235633761/DJI_0971__.jpeg"/></figure><img src="https://static.tildacdn.com/tild3962-3461-4132-b230-393364396532/DJI_0977__.jpeg"><img src="https://static.tildacdn.com/tild6465-6630-4532-a564-383761633338/DJI_0006_2.jpg"><img src="https://static.tildacdn.com/tild3539-3762-4264-a639-376330376366/DJI_0978_2.jpg"><img src="https://static.tildacdn.com/tild3432-6634-4565-b262-653263386137/DJI_0999_2.jpg"><img src="https://static.tildacdn.com/tild3433-6631-4931-b137-616163396237/DJI_0007_2.jpg"><img src="https://static.tildacdn.com/tild3434-6439-4531-b239-306666376536/DJI_0986_2.jpg"><img src="https://static.tildacdn.com/tild6535-6562-4938-a361-346163393030/DJI_0002.jpg"><img src="https://static.tildacdn.com/tild6531-3462-4764-b862-623562323163/DJI_0003.jpg"><img src="https://static.tildacdn.com/tild6366-6664-4632-b564-363637633033/DJI_0012_3.jpeg"><img src="https://static.tildacdn.com/tild3864-6666-4666-a164-623562343939/DJI_0971__.jpeg"><img src="https://static.tildacdn.com/tild3963-3361-4761-a435-343333616630/DJI_0013__.jpeg"><img src="https://static.tildacdn.com/tild6331-3566-4836-a466-633839626238/DJI_0975__.jpeg"><img src="https://static.tildacdn.com/tild6237-3732-4161-b834-666530316238/DJI_0982__.jpeg">]]></turbo:content>
    </item>
    <item turbo="true">
      <title>ПЕЙЗАЖИ ПОСЕЛКА ЗИМА 2026</title>
      <link>https://vuolie.ru/tpost/zima-v-poselke-vuolie</link>
      <amplink>https://vuolie.ru/tpost/zima-v-poselke-vuolie?amp=true</amplink>
      <pubDate>Tue, 03 Feb 2026 18:52:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3139-6261-4231-b233-313864316135/IMG_0189.jpeg" type="image/jpeg"/>
      <turbo:content><![CDATA[<header><h1>ПЕЙЗАЖИ ПОСЕЛКА ЗИМА 2026</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3139-6261-4231-b233-313864316135/IMG_0189.jpeg"/></figure><div class="t-redactor__embedcode"><style>
.social-under-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:18px;
}

/* блок иконок */
.social-icons{
  display:flex;
  gap:14px;
  align-items:center;
}

.social-icons a{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:6px;
  border:1px solid #ddd;
  background:#fff;
  text-decoration:none;
  transition:0.3s;
  color:#000;
  font-weight:600;
  font-family:Arial, sans-serif;
  font-size:14px;
}

.social-icons a:hover{
  background:#000;
  color:#fff;
}

.social-icons svg{
  width:18px;
  height:18px;
  fill:currentColor; /* берёт цвет текста */
  transition:0.3s;
}

/* КНОПКА */
.masterplan-link{
  font-size:14px;
  text-decoration:none;
  color:#090909 !important;
  background:#E1E1E1;
  padding:10px 18px;
  border:1px solid #090909;
  display:inline-flex;
  align-items:center;
  gap:6px;
  transition:0.3s;
}

.masterplan-link:after{
  content:"→";
  transition:transform .3s ease;
}

.masterplan-link:hover{
  background:#090909;
  color:#E1E1E1 !important;
}

.masterplan-link:hover:after{
  transform:translateX(6px);
}
</style>

<div class="social-under-title">

  <div class="social-icons">

    <!-- TELEGRAM -->
    <a href="https://t.me/skhlopkov" target="_blank">
      <svg viewBox="0 0 24 24">
        <path d="M9.04 15.56l-.39 5.49c.56 0 .8-.24 1.1-.53l2.64-2.52 5.48 4.01c1.01.56 1.73.27 1.98-.93l3.59-16.84c.31-1.44-.52-2-1.5-1.63L1.53 9.4c-1.39.54-1.37 1.32-.24 1.67l5.74 1.79L19.98 5.3c.61-.37 1.17-.16.71.21"/>
      </svg>
      Telegram
    </a>

    <!-- MAX -->
    <a href="https://max.ru/u/f9LHodD0cOLXuIaw_wwGGYAMZx5BAB3SzJvzvntkU6d-fjc9Yw1Z4DHBms0" target="_blank">
      <svg width="18" height="18" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
        <path fill="currentColor" d="M64 4C31.8 4 4 31.8 4 64s27.8 60 60 60 60-27.8 60-60S96.2 4 64 4zm-8 96l-16-56h12l9.2 34.4L85.6 44h11.2l-8.8 52H56z"/>
      </svg>
      MAX
    </a>

  </div>

  <a href="https://vuolie.ru/#genplan" class="masterplan-link">
    Посмотреть генплан поселка
  </a>

</div></div><div class="t-redactor__embedcode"><style>
/* ГАЛЕРЕЯ */
.arch-gallery {
  width: 100%;
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.arch-main {
  width: 100%;
  max-width: 100%;
  height: 500px;
  overflow: hidden;
  margin-bottom: 15px;
  position: relative;
  cursor: zoom-in;
}

.arch-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}

.arch-thumbs {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 0 20px;
}

.arch-thumbs img {
  flex: 0 0 auto;
  width: 120px;
  height: 80px;
  object-fit: cover;
  border-radius: 6px;
  cursor: pointer;
  opacity: 0.6;
  transition: 0.3s;
}

.arch-thumbs img:hover {
  opacity: 1;
  transform: scale(1.05);
}

.arch-thumbs img.active {
  opacity: 1;
  outline: 2px solid #000;
}

/* LIGHTBOX */
.arch-lightbox {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0,0,0,0.94);
  display: none;
  overflow: auto;
  z-index: 99999 !important;
}

.arch-lightbox.active {
  display: block;
}

.arch-lightbox img {
  display: block;
  margin: auto;
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
  cursor: zoom-out;
  opacity: 0;
  transition: opacity 0.3s;
}

.arch-lightbox img.show {
  opacity: 1;
}

/* Стрелки */
.arch-lightbox .arrow {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  font-size: 48px;
  color: rgba(255,255,255,0.8);
  cursor: pointer;
  z-index: 100000;
  padding: 10px;
  user-select: none;
}

.arch-lightbox .arrow-left { left: 20px; }
.arch-lightbox .arrow-right { right: 20px; }
.arch-lightbox .arrow:hover { color: #fff; }

@media(max-width:768px){
  .arch-main { height:280px; }
  .arch-thumbs img { width:90px; height:60px; }
  .arch-lightbox .arrow { font-size:36px; }
}
</style>

<div class="arch-gallery">
  <div class="arch-main">
    <img id="mainImage" src="https://static.tildacdn.com/tild3138-3034-4566-a635-643636343566/IMG_1728.jpeg">
  </div>

  <div class="arch-thumbs">
    <img src="https://static.tildacdn.com/tild3138-3034-4566-a635-643636343566/IMG_1728.jpeg" class="active">
    <img src="https://static.tildacdn.com/tild3139-6261-4231-b233-313864316135/IMG_0189.jpeg">
    <img src="https://static.tildacdn.com/tild6462-6662-4530-a134-353865633032/IMG_0190.jpeg">
    <img src="https://static.tildacdn.com/tild3334-3063-4331-b032-383237303936/IMG_0191.jpeg">
    <img src="https://static.tildacdn.com/tild6462-3832-4461-b665-626364616331/IMG_1735.jpeg">
    <img src="https://static.tildacdn.com/tild6665-3262-4564-b331-383237626264/IMG_1725.jpeg">
    <img src="https://static.tildacdn.com/tild3234-6532-4533-a165-616637336437/IMG_1736.jpeg">
  </div>
</div>

<!-- Lightbox вставляется через JS -->
<script>
const mainImage = document.getElementById("mainImage");
const thumbs = document.querySelectorAll(".arch-thumbs img");
let currentIndex = 0;

// Создаем lightbox вне блока fd401
let lightbox = document.createElement("div");
lightbox.className = "arch-lightbox";
lightbox.innerHTML = `
  <span class="arrow arrow-left">&#10094;</span>
  <span class="arrow arrow-right">&#10095;</span>
  <img id="lightboxImg">
`;
document.body.appendChild(lightbox);

const lightboxImg = lightbox.querySelector("#lightboxImg");
const arrows = {
  left: lightbox.querySelector(".arrow-left"),
  right: lightbox.querySelector(".arrow-right")
};

function showImage(index){
  if(index<0) index=thumbs.length-1;
  if(index>=thumbs.length) index=0;
  currentIndex = index;
  lightboxImg.classList.remove("show");
  setTimeout(()=> lightboxImg.classList.add("show"),20);
  lightboxImg.src = thumbs[currentIndex].src;
  mainImage.src = thumbs[currentIndex].src;
  thumbs.forEach(i=>i.classList.remove("active"));
  thumbs[currentIndex].classList.add("active");
}

// миниатюры
thumbs.forEach((img,i)=>{
  img.addEventListener("click", ()=> showImage(i));
});

// открыть lightbox
mainImage.addEventListener("click", ()=>{
  lightbox.classList.add("active");
  showImage(currentIndex);
  document.body.style.overflow = "hidden";
});

// закрыть по клику вне фото
lightbox.addEventListener("click", e=>{
  if(e.target===lightbox){
    lightbox.classList.remove("active");
    document.body.style.overflow = "";
  }
});

// стрелки
arrows.left.addEventListener("click", e=>{
  e.stopPropagation();
  showImage(currentIndex-1);
});
arrows.right.addEventListener("click", e=>{
  e.stopPropagation();
  showImage(currentIndex+1);
});

// клавиши
document.addEventListener("keydown", e=>{
  if(e.key==="Escape"){
    lightbox.classList.remove("active");
    document.body.style.overflow = "";
  }
  if(e.key==="ArrowLeft") showImage(currentIndex-1);
  if(e.key==="ArrowRight") showImage(currentIndex+1);
});

// свайп
let touchStartX=0;
let touchEndX=0;
lightbox.addEventListener("touchstart", e=> touchStartX=e.changedTouches[0].screenX);
lightbox.addEventListener("touchend", e=>{
  touchEndX=e.changedTouches[0].screenX;
  if(touchEndX-touchStartX>50) showImage(currentIndex-1);
  if(touchStartX-touchEndX>50) showImage(currentIndex+1);
});
</script></div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>ВЕСНА 2024</title>
      <link>https://vuolie.ru/tpost/p6spmjhen1-vesna-2024</link>
      <amplink>https://vuolie.ru/tpost/p6spmjhen1-vesna-2024?amp=true</amplink>
      <pubDate>Tue, 20 Jan 2026 19:01:00 +0300</pubDate>
      <turbo:content><![CDATA[<header><h1>ВЕСНА 2024</h1></header><img src="https://static.tildacdn.com/tild3238-3439-4561-b066-646565616562/IMG_0283.jpeg"><img src="https://static.tildacdn.com/tild3437-6162-4033-b866-646565653139/IMG_0867.jpeg">]]></turbo:content>
    </item>
    <item turbo="true">
      <title>ЗЕМЛЯНЫЕ РАБОТЫ И ДОРОГИ ЛЕТО 2024</title>
      <link>https://vuolie.ru/tpost/zemlyanye-raboty-i-dorogi-leto-2024</link>
      <amplink>https://vuolie.ru/tpost/zemlyanye-raboty-i-dorogi-leto-2024?amp=true</amplink>
      <pubDate>Sun, 01 Feb 2026 20:18:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3562-6436-4334-a136-313062316534/IMG_0197.JPG" type="image/jpeg"/>
      <turbo:content><![CDATA[<header><h1>ЗЕМЛЯНЫЕ РАБОТЫ И ДОРОГИ ЛЕТО 2024</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3562-6436-4334-a136-313062316534/IMG_0197.JPG"/></figure><div class="t-redactor__embedcode"><style>
.social-under-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:18px;
}

/* блок иконок */
.social-icons{
  display:flex;
  gap:14px;
  align-items:center;
}

.social-icons a{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:6px;
  border:1px solid #ddd;
  background:#fff;
  text-decoration:none;
  transition:0.3s;
  color:#000;
  font-weight:600;
  font-family:Arial, sans-serif;
  font-size:14px;
}

.social-icons a:hover{
  background:#000;
  color:#fff;
}

.social-icons svg{
  width:18px;
  height:18px;
  fill:currentColor; /* берёт цвет текста */
  transition:0.3s;
}

/* КНОПКА */
.masterplan-link{
  font-size:14px;
  text-decoration:none;
  color:#090909 !important;
  background:#E1E1E1;
  padding:10px 18px;
  border:1px solid #090909;
  display:inline-flex;
  align-items:center;
  gap:6px;
  transition:0.3s;
}

.masterplan-link:after{
  content:"→";
  transition:transform .3s ease;
}

.masterplan-link:hover{
  background:#090909;
  color:#E1E1E1 !important;
}

.masterplan-link:hover:after{
  transform:translateX(6px);
}
</style>

<div class="social-under-title">

  <div class="social-icons">

    <!-- TELEGRAM -->
    <a href="https://t.me/skhlopkov" target="_blank">
      <svg viewBox="0 0 24 24">
        <path d="M9.04 15.56l-.39 5.49c.56 0 .8-.24 1.1-.53l2.64-2.52 5.48 4.01c1.01.56 1.73.27 1.98-.93l3.59-16.84c.31-1.44-.52-2-1.5-1.63L1.53 9.4c-1.39.54-1.37 1.32-.24 1.67l5.74 1.79L19.98 5.3c.61-.37 1.17-.16.71.21"/>
      </svg>
      Telegram
    </a>

    <!-- MAX -->
    <a href="https://max.ru/u/f9LHodD0cOLXuIaw_wwGGYAMZx5BAB3SzJvzvntkU6d-fjc9Yw1Z4DHBms0" target="_blank">
      <svg width="18" height="18" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
        <path fill="currentColor" d="M64 4C31.8 4 4 31.8 4 64s27.8 60 60 60 60-27.8 60-60S96.2 4 64 4zm-8 96l-16-56h12l9.2 34.4L85.6 44h11.2l-8.8 52H56z"/>
      </svg>
      MAX
    </a>

  </div>

  <a href="https://vuolie.ru/#genplan" class="masterplan-link">
    Посмотреть генплан поселка
  </a>

</div></div><div class="t-redactor__embedcode"><style>

/* ГАЛЕРЕЯ */
.arch-gallery{
width:100%;
padding:40px 0;
display:flex;
flex-direction:column;
align-items:center;
}

.arch-main{
width:100%;
max-width:100%;
height:500px;
overflow:hidden;
margin-bottom:15px;
position:relative;
cursor:zoom-in;
}

.arch-main img{
width:100%;
height:100%;
object-fit:cover;
transition:.4s;
}

/* МИНИАТЮРЫ */

.arch-thumbs{
display:flex;
gap:10px;
overflow-x:auto;
padding:0 20px;
scroll-behavior:smooth;
}

.arch-thumbs img{
flex:0 0 auto;
width:120px;
height:80px;
object-fit:cover;
border-radius:6px;
cursor:pointer;
opacity:.6;
transition:.3s;
}

.arch-thumbs img:hover{
opacity:1;
transform:scale(1.05);
}

.arch-thumbs img.active{
opacity:1;
outline:2px solid #000;
}

/* LIGHTBOX */

.arch-lightbox{
position:fixed!important;
top:0!important;
left:0!important;
width:100vw!important;
height:100vh!important;
background:rgba(0,0,0,.94);
display:none;
overflow:auto;
z-index:999999!important;
}

.arch-lightbox.active{
display:block;
}

.arch-lightbox img{
display:block;
margin:auto;
max-width:90vw;
max-height:90vh;
object-fit:contain;
cursor:zoom-out;
opacity:0;
transition:opacity .3s;
}

.arch-lightbox img.show{
opacity:1;
}

/* СТРЕЛКИ */

.arch-lightbox .arrow{
position:fixed;
top:50%;
transform:translateY(-50%);
font-size:48px;
color:rgba(255,255,255,.8);
cursor:pointer;
z-index:100000;
padding:10px;
user-select:none;
}

.arch-lightbox .arrow-left{left:20px;}
.arch-lightbox .arrow-right{right:20px;}

.arch-lightbox .arrow:hover{
color:#fff;
}

@media(max-width:768px){

.arch-main{height:280px;}

.arch-thumbs img{
width:90px;
height:60px;
}

.arch-lightbox .arrow{
font-size:36px;
}

}

</style>


<div class="arch-gallery">

<div class="arch-main">
<img id="mainImage" src="https://static.tildacdn.com/tild6132-6463-4237-b465-373964326161/IMG_0196.JPG">
</div>

<div class="arch-thumbs">

<img src="https://static.tildacdn.com/tild6132-6463-4237-b465-373964326161/IMG_0196.JPG" class="active">

<img src="https://static.tildacdn.com/tild3562-6436-4334-a136-313062316534/IMG_0197.JPG">

<img src="https://static.tildacdn.com/tild6265-3838-4437-b139-333362656230/IMG_0198.JPG">

<img src="https://static.tildacdn.com/tild6633-3466-4437-b562-376533303234/IMG_0200.JPG">

<img src="https://static.tildacdn.com/tild6535-3363-4765-a630-396364633036/IMG_0201.JPG">

<img src="https://static.tildacdn.com/tild6564-3465-4665-b164-366530386332/IMG_0195.JPG">

<img src="https://static.tildacdn.com/tild6465-3666-4363-a438-323835633937/IMG_0202.JPG">

</div>

</div>



<script>

document.addEventListener("DOMContentLoaded",function(){

const mainImage=document.getElementById("mainImage");
const thumbs=document.querySelectorAll(".arch-thumbs img");

let currentIndex=0;

/* создаем lightbox вне fd401 */

let lightbox=document.createElement("div");

lightbox.className="arch-lightbox";

lightbox.innerHTML=`
<span class="arrow arrow-left">&#10094;</span>
<span class="arrow arrow-right">&#10095;</span>
<img id="lightboxImg">
`;

document.body.appendChild(lightbox);

const lightboxImg=lightbox.querySelector("#lightboxImg");

const arrows={
left:lightbox.querySelector(".arrow-left"),
right:lightbox.querySelector(".arrow-right")
};


/* функция смены фото */

function showImage(index){

if(index<0) index=thumbs.length-1;
if(index>=thumbs.length) index=0;

currentIndex=index;

lightboxImg.classList.remove("show");

setTimeout(()=>lightboxImg.classList.add("show"),20);

lightboxImg.src=thumbs[currentIndex].src;
mainImage.src=thumbs[currentIndex].src;

thumbs.forEach(i=>i.classList.remove("active"));
thumbs[currentIndex].classList.add("active");

}


/* миниатюры */

thumbs.forEach((img,i)=>{
img.addEventListener("click",()=>showImage(i));
});


/* открыть увеличение */

mainImage.addEventListener("click",()=>{

lightbox.classList.add("active");

showImage(currentIndex);

document.body.style.overflow="hidden";

});


/* закрыть */

lightbox.addEventListener("click",e=>{

if(e.target===lightbox){

lightbox.classList.remove("active");
document.body.style.overflow="";

}

});


/* стрелки */

arrows.left.addEventListener("click",e=>{
e.stopPropagation();
showImage(currentIndex-1);
});

arrows.right.addEventListener("click",e=>{
e.stopPropagation();
showImage(currentIndex+1);
});


/* клавиатура */

document.addEventListener("keydown",e=>{

if(!lightbox.classList.contains("active")) return;

if(e.key==="ArrowLeft") showImage(currentIndex-1);
if(e.key==="ArrowRight") showImage(currentIndex+1);

if(e.key==="Escape"){

lightbox.classList.remove("active");
document.body.style.overflow="";

}

});


/* свайп */

let touchStartX=0;

lightbox.addEventListener("touchstart",e=>{
touchStartX=e.changedTouches[0].screenX;
});

lightbox.addEventListener("touchend",e=>{

let touchEndX=e.changedTouches[0].screenX;

if(touchEndX-touchStartX>50) showImage(currentIndex-1);
if(touchStartX-touchEndX>50) showImage(currentIndex+1);

});

});

</script></div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>ЗИМА 2024</title>
      <link>https://vuolie.ru/tpost/7rp18e0ze1-zima-2024</link>
      <amplink>https://vuolie.ru/tpost/7rp18e0ze1-zima-2024?amp=true</amplink>
      <pubDate>Tue, 13 Jan 2026 21:06:00 +0300</pubDate>
      <turbo:content><![CDATA[<header><h1>ЗИМА 2024</h1></header><img src="https://static.tildacdn.com/tild6235-3363-4865-b632-653736666137/photo_2026-02-09_233.jpeg"><iframe width="100%" height="100%" src="https://kinescope.io/embed/3uEAuhWbf8xoVZaCw4KJSN" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><iframe width="100%" height="100%" src="https://kinescope.io/embed/qeK8Sw5joV78tsbk3Ch6Uu" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><iframe width="100%" height="100%" src="https://kinescope.io/embed/0QmH3qf4fDPyTovtLwLisB" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><iframe width="100%" height="100%" src="https://kinescope.io/embed/oYAaFjywYXyQF6HrocmadR" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><iframe width="100%" height="100%" src="https://kinescope.io/embed/p7Q8fjeZhq1FmunPHk1Se5" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><img src="https://static.tildacdn.com/tild6139-6663-4235-b765-653037646231/photo_2026-02-09_232.jpeg"><img src="https://static.tildacdn.com/tild3631-3038-4539-a564-356133303963/photo_2026-02-09_232.jpeg"><img src="https://static.tildacdn.com/tild6639-3633-4834-b930-313837383239/IMG_0204.JPG"><img src="https://static.tildacdn.com/tild6363-3336-4431-b830-383961343131/IMG_0203.JPG"><img src="https://static.tildacdn.com/tild3161-3632-4530-b333-393465643236/IMG_0214.JPG"><img src="https://static.tildacdn.com/tild6631-3862-4239-a664-633136396165/IMG_0215.JPG"><img src="https://static.tildacdn.com/tild3861-3561-4134-b661-613036363837/IMG_0216.JPG"><img src="https://static.tildacdn.com/tild3831-6337-4431-a137-303030643362/photo_2026-02-09_233.jpeg"><img src="https://static.tildacdn.com/tild6462-6562-4237-b264-373263343137/IMG_0217.JPG">]]></turbo:content>
    </item>
  </channel>
</rss>
