Городская библиотека Штутгарта белый куб знаний в центре Германии

Городская библиотека Штутгарта белый куб знаний в центре Германии

/* Изолированные стили для виджета */ #lib-guide-wrapper { /* Переменные из дизайна сайта */ --primary-color: #000000; --accent-color: #a67c52; --text-color: #111111; --border-radius: 4px; /* Основные настройки шрифта */ font-family: 'Montserrat', sans-serif; color: var(--text-color); background-color: transparent; /* Важно для корректного отображения внутри CMS */ display: flow-root; width: 100%; box-sizing: border-box; padding: 0; margin: 0; } #lib-guide-wrapper *, #lib-guide-wrapper *::before, #lib-guide-wrapper *::after { box-sizing: inherit; } /* Заголовки */ #lib-guide-wrapper h1, #lib-guide-wrapper h2, #lib-guide-wrapper h3 { font-family: 'Montserrat', sans-serif; color: var(--primary-color); margin-top: 1.5em; margin-bottom: 0.8em; font-weight: 700; line-height: 1.3; } #lib-guide-wrapper h1 { font-size: 1.8em; border-bottom: 2px solid var(--accent-color); padding-bottom: 15px; margin-top: 0; } #lib-guide-wrapper h2 { font-size: 1.4em; } /* Текст */ #lib-guide-wrapper p { margin: 0 0 15px 0; text-align: justify; /* Жестко задаем параметры текста для абзацев */ font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; } #lib-guide-wrapper p:last-child { margin-bottom: 0; } /* Специальные текстовые блоки */ #lib-guide-wrapper .lead { font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; font-style: italic; color: #555; margin-bottom: 25px; padding-left: 15px; border-left: 3px solid #e0e0e0; text-align: left; } /* Блок рейтинга (врезка) */ #lib-guide-wrapper .rating-box { background-color: #f9f7f4; border-left: 4px solid var(--accent-color); padding: 20px; margin: 30px 0; border-radius: 2px; } #lib-guide-wrapper .rating-box ul { list-style-type: none; padding: 0; margin: 0; } #lib-guide-wrapper .rating-box li { display: block !important; /* Жестко переносим на новую строку */ width: 100% !important; margin-bottom: 12px; position: relative; padding-left: 15px; font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; } #lib-guide-wrapper .rating-box li::before { content: "•"; position: absolute; left: 0; color: var(--accent-color); font-weight: bold; } #lib-guide-wrapper .rating-box li:last-child { margin-bottom: 0; } #lib-guide-wrapper .rating-box strong { color: #000; font-weight: 600 !important; } /* Медиа и карты */ #lib-guide-wrapper .media-embed { margin: 30px 0 10px 0; border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.04); background: #eee; position: relative; } #lib-guide-wrapper .media-caption { font-size: 14px !important; line-height: 1.5 !important; color: #777; text-align: center; margin-top: 8px; margin-bottom: 30px; font-style: italic; } #lib-guide-wrapper .iframe-container { position: relative; padding-bottom: 56.25%; /* Пропорции 16:9 */ height: 0; overflow: hidden; } #lib-guide-wrapper .iframe-container iframe, #lib-guide-wrapper .iframe-container div#panorama { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Списки */ #lib-guide-wrapper ul.tourist-list { padding-left: 20px; margin: 0 0 25px 0; } #lib-guide-wrapper ul.tourist-list li { display: block !important; /* Жестко переносим на новую строку */ margin-bottom: 12px; text-align: justify; font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; } #lib-guide-wrapper ul.tourist-list strong { color: var(--accent-color); font-weight: 600 !important; } /* --- ТАБЛИЦА И ИНТЕРАКТИВ --- */ #lib-guide-wrapper .table-responsive { overflow-x: auto; margin: 30px 0 15px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.04); border-radius: var(--border-radius); } #lib-guide-wrapper table { width: 100%; border-collapse: collapse; min-width: 600px; background: #fff; } /* Уменьшенный шрифт для таблицы (12px) */ #lib-guide-wrapper th, #lib-guide-wrapper td { border: 1px solid #e0e0e0; padding: 12px 15px; text-align: left; vertical-align: middle; font-size: 12px !important; line-height: 18px !important; font-weight: 400 !important; } #lib-guide-wrapper th { background-color: #f4f4f4; font-weight: 700 !important; color: #000; text-transform: uppercase; letter-spacing: 0.5px; } #lib-guide-wrapper tr:nth-child(even) { background-color: #fdfdfd; } /* Эффекты размытия и маски для строк таблицы */ #lib-guide-wrapper .row-hidden { display: none !important; } #lib-guide-wrapper .row-blurred td { opacity: 0.35; filter: blur(2px); user-select: none; -webkit-mask-image: linear-gradient(to bottom, black 20%, transparent 80%); mask-image: linear-gradient(to bottom, black 20%, transparent 80%); transition: all 0.4s ease; } #lib-guide-wrapper .row-blurred-top td { opacity: 0.35; filter: blur(2px); user-select: none; -webkit-mask-image: linear-gradient(to top, black 20%, transparent 80%); mask-image: linear-gradient(to top, black 20%, transparent 80%); transition: all 0.4s ease; } /* Кнопка "Показать полный список" */ #lib-guide-wrapper .btn-expand { display: block; margin: 0 auto 30px auto; padding: 12px 30px; background-color: var(--primary-color); color: #fff; border: none; border-radius: var(--border-radius); font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color 0.3s; } #lib-guide-wrapper .btn-expand:hover { background-color: var(--accent-color); } /* Адаптив */ @media (max-width: 768px) { #lib-guide-wrapper h1 { font-size: 1.5em; } #lib-guide-wrapper h2 { font-size: 1.25em; } } В самом сердце Штутгарта, среди оживленной площади Майлэндер Плац, возвышается идеально белый квадратный куб. Это не арт-объект и не офис технологического гиганта — это Städtische Bibliothek Stuttgart, одна из самых дерзких и красивых библиотек, построенных в XXI веке, и впечетляющий символ новой философии хранения знаний. Корейско-немецкий архитектор Ын Ён И создал здание, которое снаружи напоминает строгий монолит с перфорированным фасадом, а внутри раскрывается как многоярусный белоснежный атриум, дышащий светом и покоем. Именно здесь особенно отчетливо понимаешь ценность физической книги: книги в кожаном переплете на белоснежных полках выглядят как экспонаты галереи современного искусства. Открытая в 2011 году, эта библиотека мгновенно стала иконой архитектуры и была признана одной из красивейших в мире. Ее образ разлетелся по миллионам страниц в социальных сетях и превратил Штутгарт в точку притяжения для туристов со всего мира. Место в рейтинге ideallibrary.ru: 12 из 20 Фонд: Около 500 000 книг, журналов и мультимедийных материалов Главная жемчужина: Центральный белый атриум с открытыми галереями и залом для медитаций на верхнем этаже Доступность: Свободный вход, читательский билет — бесплатно для жителей Штутгарта Оценка посетителей: 4.8 / 5 Погрузитесь в невесомую тишину белого атриума Штутгартской библиотеки. document.addEventListener("DOMContentLoaded", function() { if (typeof pannellum !== 'undefined') { pannellum.viewer('panorama', { "type": "cubemap", "cubeMap": [ "/articles/media/stuttgart-city-library/panorams/front.jpg", "/articles/media/stuttgart-city-library/panorams/right.jpg", "/articles/media/stuttgart-city-library/panorams/back.jpg", "/articles/media/stuttgart-city-library/panorams/left.jpg", "/articles/media/stuttgart-city-library/panorams/top.jpg", "/articles/media/stuttgart-city-library/panorams/bottom.jpg" ], "autoLoad": true, "compass": false, "autoRotate": -2 }); } }); Живая история минимализм как философия Когда в 2004 году был объявлен конкурс на проектирование новой городской библиотеки, победителем неожиданно для многих стала малоизвестная на тот момент корейская студия Yi Architekten. Ын Ён И вдохновлялся ступенчатой пирамидой зиккурата — древней месопотамской башней, олицетворявшей связь земли и неба, человека и знания. Строительство велось рекордно долго и завершилось лишь в 2011 году. Зато результат превзошел все ожидания. Библиотека извесна своей концепцией «живого центра»: это не тихое и закрытое учреждение, а открытое городское пространство, где можно проводить целый день — читать, работать, наблюдать за жизнью города с видовых галерей. Пять этажей белых галерей, парящих над центральным атриумом. Интересные факты куб с душой Зал тишины. На самом верхнем этаже здания расположен уникальный «зал медитации» — абсолютно пустая комната, стены и потолок которой сделаны из матового стекла. Здесь нет ни книг, ни мебели — только свет и тишина. Мозг города. Перфорированный фасад здания днем пропускает рассеянный свет внутрь, а ночью библиотека светится изнутри, как огромный японский фонарь. Штутгартцы прозвали её "das Gehirn" — "мозг". Зеркальный подвал. Спустившись ниже уровня земли, можно попасть в «антикварный зал» — темное, контрастирующее с белизной верхних этажей пространство, отделанное темным деревом и предназначенное для хранения периодики и архивов. Жемчужина коллекции сердце белого куба Библиотека является крупнейшей в Баден-Вюртемберге. Ее коллекция охватывает все жанры, языки и форматы: от обычных книг до музыкальных компакт-дисков, от детских комиксов до исторических карт Германии. Отдельного внимания заслуживает раздел редких изданий: здесь хранятся настоящие антикварные книги из старых фондов предшественницы — исторической Villabibliotek. Прикоснуться к подлинному духу этой коллекции можно, если начать собирать собственную библиотеку — например, с изысканных подарочных книг в художественных переплетах. Белые полки превращают каждую книгу в элемент художественной инсталляции. Блокнот библиотечного туриста советы для посещения Лучший кадр: Центральный вид сверху вниз на атриум с любого этажа галереи — это та самая знаменитая симметричная фотография, ради которой сюда едут Instagram-блогеры. Поднимитесь как можно выше для лучшей перспективы. Часы работы: Лучше проверять на официальном сайте, так как часы работы меняются. Как правило, открыта с понедельника по субботу приблизительно с 9:00 до 21:00. Как добраться: Рядом со зданием находится станция U-Bahn Stadtbibliothek (линии U12, U34). Также от главного вокзала Штутгарта — около 10 минут пешком. Расположение на карте Адрес: Mailänder Pl. 1, 70173 Stuttgart, Германия. Полный рейтинг самых красивых библиотек мира \n Место Название и Локация Фонд (примерно) Главная жемчужина Доступность для туриста Оценка 1 Библиотека Джорджа Пибоди (Балтимор, США) 300 000 томов Первые издания энциклопедий Дидро и д'Аламбера, гравюры Пиранези Свободный вход для всех 4.8 2 Клементинум (Барочный зал) (Прага, Чехия) 20 000 томов Коллекция старинных астрономических и географических глобусов Только с экскурсией (без захода в сам зал) 4.6 3 Библиотека Тринити-колледжа (Дублин, Ирландия) 200 000 томов (в Длинной комнате) Знаменитая Келлская книга (иллюминированная рукопись IX века) Платный билет (бронь заранее) 4.6 4 Королевский португальский читальный зал (Рио-де-Жанейро, Бразилия) 350 000 томов Крупнейшее собрание португальской литературы за пределами Португалии Свободный вход 4.8 5 Библиотека аббатства Адмонт (Адмонт, Австрия) 70 000 томов (в главном зале) Потрясающие потолочные фрески Бартоломео Альтомонте Платный билет (вход в аббатство) 4.7 6 Библиотека аббатства Санкт-Галлен (Санкт-Галлен, Швейцария) 170 000 томов Уникальные ирландские манускрипты и древнейший архитектурный «План святого Галла» Платный билет (запрещено фото внутри) 4.7 7 Национальная библиотека Франции (Зал Ришелье) (Париж, Франция) Более 20 млн (весь комплекс) Недавно отреставрированный Овальный зал со стеклянным куполом Свободный вход в Овальный зал 4.8 8 Библиотека Жуанина (Коимбра, Португалия) 250 000 томов Живая колония летучих мышей, охраняющая книги от насекомых Платный билет (по сеансам) 4.5 9 Публичная библиотека Нью-Йорка (Нью-Йорк, США) 55 млн (весь комплекс) Главный читальный зал Роуз с потолком, расписанным под облачное небо Свободный вход / Бесплатные экскурсии 4.8 10 Австрийская национальная библиотека (Вена, Австрия) 200 000 томов (в Парадном зале) Огромные глобусы Винченцо Коронелли и личная библиотека принца Евгения Савойского Платный билет 4.7 11 Бодлеанская библиотека (Оксфорд, Великобритания) 13 млн томов Первое фолио Шекспира и Библия Гутенберга (Зал герцога Хамфри) Только в составе гильдейской экскурсии 4.7 12 Городская библиотека Штутгарта (Штутгарт, Германия) 500 000 томов Абсолютно белоснежный кубический дизайн — шедевр минимализма Свободный вход 4.7 13 Библиотека Эскориала (Сан-Лоренсо, Испания) 40 000 томов Сфера Птолемея и редчайшие иллюминированные арабские манускрипты Платный билет (вход во дворец) 4.6 14 Библиотека монастыря Виблинген (Ульм, Германия) 15 000 томов Искусные деревянные статуи, раскрашенные под благородный фарфор Платный билет 4.6 15 Библиотека Сент-Женевьев (Париж, Франция) 2 млн томов Инновационные для XIX века ажурные чугунные арки сводов По предварительной записи / читательскому билету 4.6 16 Библиотека Васконселос (Мехико, Мексика) 600 000 томов Парящие в воздухе металлические стеллажи и скелет серого кита под потолком Свободный вход 4.8 17 Библиотека парламента (Оттава, Канада) 600 000 документов Потрясающая резьба по белой канадской сосне в неоготическом стиле В составе бесплатной экскурсии по парламенту 4.7 18 Национальная библиотека святого Марка (Венеция, Италия) 1 млн томов Залы, украшенные подлинными полотнами Тициана и Тинторетто Единый билет музеев площади Сан-Марко 4.7 19 Библиотека Тяньцзинь Биньхай (Тяньцзинь, Китай) 1.2 млн томов Светящаяся сфера «Око Тяньцзиня» и волнообразные террасы Свободный вход 4.5 20 Библиотека Starfield (Сеул, Южная Корея) 50 000 томов 13-метровые изогнутые книжные стеллажи прямо в центре торгового молла Свободный вход 4.6 Показать полный список document.addEventListener("DOMContentLoaded", function() { const tbody = document.querySelector('#rating-table tbody'); if (!tbody) return; const rows = Array.from(tbody.querySelectorAll('tr')); const expandBtn = document.getElementById('btn-expand-rating'); // Укажите здесь индекс целевой строки (начиная с 0). // Для библиотеки Пибоди это 0 (т.к. она на первом месте). let targetIndex = 11; // Вычисляем диапазон из 5 строк (по две сверху и снизу от целевой) let startClear = targetIndex - 2; let endClear = targetIndex + 2; // Корректировка для крайних значений (1,2 или 19,20 места) if (startClear < 0) { startClear = 0; endClear = Math.min(4, rows.length - 1); } if (endClear >= rows.length) { endClear = rows.length - 1; startClear = Math.max(0, rows.length - 5); } // Функция применения эффекта превью (сворачивание) function applyPreview() { rows.forEach((row, index) => { row.className = ''; // Очищаем классы if (index >= startClear && index row.className = ''); expandBtn.style.display = 'none'; // Скрываем кнопку } // Запускаем превью при загрузке applyPreview(); // Вешаем событие на кнопку if (expandBtn) { expandBtn.addEventListener('click', expandTable); } });