diff --git a/labs/lab7/src/data.tsx b/labs/lab7/src/data.tsx new file mode 100644 index 0000000..a3cd105 --- /dev/null +++ b/labs/lab7/src/data.tsx @@ -0,0 +1,118 @@ +import Image1 from './images/image1.jpg'; +import Image2 from './images/image2.jpg'; +import Image3 from './images/image3.jpg'; +import Image4 from './images/image4.jpg'; +import Image5 from './images/image5.jpg'; +import Image6 from './images/image6.jpg'; +import Image7 from './images/image7.jpg'; +import Image8 from './images/image8.jpg'; +import Image9 from './images/image9.jpg'; +import Image10 from './images/image10.jpg'; + +const structures = [ + { + img: Image1, + title: "Раффлз-Сити, Китай", + description: [ + `Раффлз-Сити — комплекс небоскрёбов, расположенный в китайском городе Чунцин, в деловом районе Юйчжун. Построен в 2019 году. Архитекторами комплекса выступили Моше Сафди и Чунцинский архитектурный институт, владельцем является сингапурская группа CapitaLand.`, + `В состав многофункционального комплекса Раффлз-Сити входят восемь высотных башен и обширный подиум, в котором располагаются продуктовый супермаркет, магазины, автосалоны, рестораны, выставочные залы и паркинг. Общая площадь комплекса — свыше 1,1 млн м², + в том числе пятиэтажный торговый центр — 230 тыс. м², офисы — 160 тыс. м² и мультиплекс сети CGV — 5,6 тыс. м². В одной из 350-метровых башен Раффлз-Сити расположен пятизвёздочный отель InterContinental, + также в комплексе насчитывается 1,4 тыс. жилых апартаментов сети Ascott и 26,4 тыс. парковочных мест.` + ], + }, + { + img: Image2, + title: "Авичи-Арена, Швеция", + description: [ + `Авичи-Арена - 85-метровая многоцелевая арена в Стокгольме. Второе по величине сферическое сооружение в мире. Место проведения концертов и спортивных мероприятий. + Арена находится в микрорайоне Глобен-Сити, созданном специально для неё. Имеет вместимость 16 000 человек во время концертов и 13 850 во время хоккейных матчей.`, + `Арена была построена специально к чемпионату мира по хоккею 1989 года и открыта 19 февраля 1989 года. Олицетворяет собой Солнце в Шведской Солнечной системе, крупнейшей в мире модели Солнечной системы.` + ] + }, + { + img: Image3, + title: "Труба ГРЭС-2, Казахстан", + description: [ + `Железобетонная дымовая труба, построенная в 1987 году, имея высоту 420 м, является самой высокой в мире и занесена в Книгу рекордов Гиннесса. + Суммарная масса трубы составляет 60 тысяч тонн, её диаметр у основания составляет 44 м, диаметр устья — 14,2 м.`, + `ГРЭС-2 вырабатывает электроэнергию из высокозольного экибастузского угля двумя энергоблоками по 500 МВт, имеет установленную мощность 1000 МВт. Два её энергоблока вырабатывают около 12 % всей электроэнергии, + производимой в республике. Энергия ГРЭС-2 предназначена для обеспечения севера Казахстана. Потребителями являются десятки предприятий не только Казахстана, но и России.` + ] + }, + { + img: Image4, + title: 'Бурдж-Халифа, Дубай, ОАЭ', + description: [ + `Небоскрёб высотой 828 метров, самое высокое сооружение в мире. Форма здания напоминает сталагмит.`, + `Строительство небоскрёба началось в 2004 году и шло со скоростью 1—2 этажа в неделю. Ежедневно на строительстве работало до 12 000 рабочих. + На его создание ушло около 320 тыс. м³ бетона и более 60 тыс. тонн стальной арматуры. + Бетонные работы были завершены после возведения 160 этажа, далее шла сборка 180-метрового шпиля из металлических конструкций.` + ] + }, + { + img: Image5, + title: "Интинская радиомачта, Инта, Россия", + description: [ + `На подъезде к железнодорожной станции Инта 1, кроме величественных вершин Урала, бросается в глаза металлическая вышка-мачта высотой 462,8 метра. + Она больше чем знаменитая Эйфелева башня, но меньше на 77 метров, чем телевизионная Останкинская в Москве. Антенна навигационной системы «Чайка» предназначена + для определения координат самолётов и кораблей с погрешностью 50–100 метров. Вышка-мачта находится на территории действующей военной части.`, + `По конструкции это классическая GP антенна. Длинна волны передачи - приёма кратна высоте. Планировалось, чтотакие антенны должны были быть построены в нескольких + точках по Полярному кругу.` + ] + }, + { + img: Image6, + title: "Ворота Запада, США", + description: [ + `Арка в Сент-Луисе, также известная под именем «Врата на запад» — мемориал, являющийся частью Джефферсоновского национального экспансиального мемориала, а также визитной карточкой Сент-Луиса, штат Миссури, США.`, + `Арка была спроектирована финско-американским архитектором Ээро Саариненом в 1947 году. Её высота 192 метра в самой высокой точке, ширина её основания также 192 метра. + Таким образом арка является самым высоким памятником на территории США. Её строительство началось 12 февраля 1963 года и было закончено 28 октября 1965 года. Памятник открылся для посетителей 24 июля 1967 года.` + ] + }, + { + img: Image7, + title: 'CN Tower, Торонто, Канада', + description: [ + `553.3-метровая телевизионная башня. Была самым высоким свободно стоящим сооружением в мире с 1976 по 2007 год, до сих пор остаётся + таковым в Западном полушарии. Является символом Торонто. На высоте 447 м находится астрономическая обсерватория.`, + `Земляные работы для сооружения железобетонной конструкции с последующим натяжением арматуры весом 130 000т начались 12 февраля 1973 г., + а уже 2 апреля 1975 г. возведение башни было завершено.` + ] + }, + { + img: Image8, + title: 'Небесное дерево, Токио, Япония', + description: [ + `Телевизионная башня в районе Сумида самая высокая среди телебашен мира. Высота телебашни вместе с антенной составляет 634 метра. + Высота башни была выбрана так, чтобы цифры: 6 (на старом японском «му»), 3 («са»), 4 («си») были созвучны «Мусаси» — названию исторической области, + где находится современный Токио.`, + `Здание напоминает пятиярусную пагоду, что хорошо сочетается с историческим районом Асакуса на другом берегу реки. + Основание башни напоминает штатив; с высоты примерно 350 м она имеет цилиндрическую форму, позволяющую наслаждаться панорамными видами реки и города.` + ] + }, + { + img: Image9, + title: 'The Clock Towers, Мекка, Саудовская Аравия', + description: [ + `Отель «Королевская часовая башня» имеет высоту 601 м. Его строительство которого завершилось в 2012 году. Внешне здание отдалённо напоминает Биг-Бен в Лондоне, + при этом выше последнего в 6 раз.`, + `На Королевской башне установлены часы диаметром 43 метра (длина часовой стрелки составляет 17 метров, минутной — 22), + расположенные на высоте более 400 метров над землёй. Четыре их циферблата установлены по четырём сторонам света. Часы видны из любого места города, + и являются самыми большими и самыми высотными часами в мире` + ] + }, + { + img: Image10, + title: 'Merdeka 118, Куала-Лумпур, Малайзия', + description: [ + `Общая высота здания составляет 678.9 м, причём более 160 м приходится на шпиль. Строительство Merdeka 118 началось в 2014 году.`, + `Название «Merdeka» означает «независимость», оно отсылает к наименованию расположенного рядом с башней стадиона, + который известен как место официального провозглашения независимости.`, + `Здание находится в центре Куала-Лумпура. В небоскрёбе откроется первый отель Park Hyatt в Малайзии. + Также в здании будут расположены самая высокая смотровая площадка в Юго-Восточной Азии, торговый центр, музей, мечеть, офисы и квартиры.` + ] + }, + +]; + +export default structures; \ No newline at end of file diff --git a/labs/lab7/src/list/components/List.tsx b/labs/lab7/src/list/components/List.tsx new file mode 100644 index 0000000..e69de29 diff --git a/labs/lab7/src/list/components/table.tsx b/labs/lab7/src/list/components/table.tsx new file mode 100644 index 0000000..f69353c --- /dev/null +++ b/labs/lab7/src/list/components/table.tsx @@ -0,0 +1,583 @@ + +const buildings = [ + { + "id": 1, + "Название": "Бурдж-Халифа", + "Тип": "Небоскрёб", + "Страна": "ОАЭ", + "Город": "Дубай", + "Год": 2010, + "Высота": 828 + }, + { + "id": 2, + "Название": "Варшавская радиомачта", + "Тип": "Антенная мачта", + "Страна": "Польша", + "Город": "Константинов", + "Год": 1974, + "Высота": 646.38 + }, + { + "id": 3, + "Название": "Tokyo Skytree", + "Тип": "Бетонная башня", + "Страна": "Япония", + "Город": "Токио", + "Год": 2012, + "Высота": 634 + }, + { + "id": 4, + "Название": "Шанхайская башня", + "Тип": "Небоскрёб", + "Страна": "КНР", + "Город": "Шанхай", + "Год": 2013, + "Высота": 632 + }, + { + "id": 5, + "Название": "Телерадиомачта KVLY-TV", + "Тип": "Радиомачта", + "Страна": "США", + "Город": "Бланчард", + "Год": 1963, + "Высота": 629 + }, + { + "id": 6, + "Название": "Телебашня Гуанчжоу", + "Тип": "Гиперболоидная башня", + "Страна": "КНР", + "Город": "Гуанчжоу", + "Год": 2009, + "Высота": 600 + }, + { + "id": 7, + "Название": "Международный финансовый центр Пинань", + "Тип": "Небоскрёб", + "Страна": "КНР", + "Город": "Шэньчжэнь", + "Год": 2017, + "Высота": 600 + }, + { + "id": 8, + "Название": "Lotte World Tower", + "Тип": "Небоскрёб", + "Страна": "Южная Корея", + "Город": "Сеул", + "Год": 2017, + "Высота": 555 + }, + { + "id": 9, + "Название": "Си-Эн Тауэр", + "Тип": "Бетонная башня", + "Страна": "Канада", + "Город": "Торонто", + "Год": 1976, + "Высота": 553 + }, + { + "id": 10, + "Название": "Останкинская башня", + "Тип": "Бетонная башня", + "Страна": "Россия", + "Город": "Москва", + "Год": 1967, + "Высота": 540.1 + }, + { + "id": 11, + "Название": "Уиллис-тауэр", + "Тип": "Небоскрёб", + "Страна": "США", + "Город": "Чикаго", + "Год": 1974, + "Высота": 527.3 + }, + { + "id": 12, + "Название": "Тайбэй 101", + "Тип": "Небоскрёб", + "Страна": "Тайвань", + "Город": "Тайбэй", + "Год": 2004, + "Высота": 509.2 + }, + { + "id": 13, + "Название": "Шанхайский всемирный финансовый центр", + "Тип": "Небоскрёб", + "Страна": "КНР", + "Город": "Шанхай", + "Год": 2008, + "Высота": 492 + }, + { + "id": 14, + "Название": "Международный коммерческий центр", + "Тип": "Небоскрёб", + "Страна": "Гонконг", + "Город": "Гонконг", + "Год": 2009, + "Высота": 484 + }, + { + "id": 15, + "Название": "Восточная жемчужина", + "Тип": "Бетонная башня", + "Страна": "КНР", + "Город": "Шанхай", + "Год": 1994, + "Высота": 467.9 + }, + { + "id": 16, + "Название": "Лахта-центр", + "Тип": "Небоскрёб", + "Страна": "Россия", + "Город": "Санкт-Петербург", + "Год": 2018, + "Высота": 462 + }, + { + "id": 17, + "Название": "Landmark 81", + "Тип": "Небоскрёб", + "Страна": "Вьетнам", + "Город": "Хошимин", + "Год": 2018, + "Высота": 461.2 + }, + { + "id": 18, + "Название": "875 Норт-Мичиган-авеню", + "Тип": "Небоскрёб", + "Страна": "США", + "Город": "Чикаго", + "Год": 1969, + "Высота": 457.2 + }, + { + "id": 19, + "Название": "Петронас. башня 1 и 2", + "Тип": "Небоскрёб", + "Страна": "Малайзия", + "Город": "Куала-Лумпур", + "Год": 1998, + "Высота": 452 + }, + { + "id": 20, + "Название": "Финансовый центр Наньцзин-Гринлэнд", + "Тип": "Небоскрёб", + "Страна": "КНР", + "Город": "Нанкин", + "Год": 2009, + "Высота": 450 + }, + { + "id": 21, + "Название": "Эмпайр-стейт-билдинг", + "Тип": "Небоскрёб", + "Страна": "США", + "Город": "Нью-Йорк", + "Год": 1931, + "Высота": 448.7 + }, + { + "id": 22, + "Название": "Международный финансовый центр. башня зап.", + "Тип": "Небоскрёб", + "Страна": "КНР", + "Город": "Гуанчжоу", + "Год": 2010, + "Высота": 437.5 + }, + { + "id": 23, + "Название": "Kingkey 100", + "Тип": "Небоскрёб", + "Страна": "КНР", + "Город": "Шэньчжэнь", + "Год": 2011, + "Высота": 439.8 + }, + { + "id": 24, + "Название": "Бордже Милад", + "Тип": "Бетонная башня", + "Страна": "Иран", + "Город": "Тегеран", + "Год": 2003, + "Высота": 435 + }, + { + "id": 25, + "Название": "Парк-авеню. 432", + "Тип": "Небоскрёб", + "Страна": "США", + "Город": "Нью-Йорк", + "Год": 2015, + "Высота": 425.5 + }, + { + "id": 26, + "Название": "Международная гостиница и башня Трампа", + "Тип": "Небоскрёб", + "Страна": "США", + "Город": "Чикаго", + "Год": 2009, + "Высота": 423.4 + }, + { + "id": 27, + "Название": "Менара Куала-Лумпур", + "Тип": "Бетонная башня", + "Страна": "Малайзия", + "Город": "Куала-Лумпур", + "Год": 1995, + "Высота": 421 + }, + { + "id": 28, + "Название": "Цзинь Мао", + "Тип": "Небоскрёб", + "Страна": "КНР", + "Город": "Шанхай", + "Год": 1999, + "Высота": 420.5 + }, + { + "id": 29, + "Название": "Экибастузская ГРЭС-2", + "Тип": "Дымовая труба", + "Страна": "Казахстан", + "Город": "Экибастуз", + "Год": 1987, + "Высота": 419.7 + }, + { + "id": 30, + "Название": "Международный финансовый центр", + "Тип": "Небоскрёб", + "Страна": "Гонконг", + "Город": "Гонконг", + "Год": 2003, + "Высота": 415.8 + }, + { + "id": 31, + "Название": "Тяньцзиньская телебашня", + "Тип": "Бетонная башня", + "Страна": "КНР", + "Город": "Тяньцзинь", + "Год": 1991, + "Высота": 415.2 + }, + { + "id": 32, + "Название": "Башня Аль-Хамра", + "Тип": "Небоскрёб", + "Страна": "Кувейт", + "Город": "Кувейт", + "Год": 2010, + "Высота": 412 + }, + { + "id": 33, + "Название": "Пекинская телебашня", + "Тип": "Бетонная башня", + "Страна": "КНР", + "Город": "Пекин", + "Год": 1992, + "Высота": 405 + }, + { + "id": 34, + "Название": "Башня CITIC", + "Тип": "Небоскрёб", + "Страна": "КНР", + "Город": "Гуанчжоу", + "Год": 1997, + "Высота": 391.1 + }, + { + "id": 35, + "Название": "Киевская телебашня", + "Тип": "Решётчатая мачта", + "Страна": "Украина", + "Город": "Киев", + "Год": 1973, + "Высота": 385 + }, + { + "id": 36, + "Название": "Башня Сёньхин", + "Тип": "Небоскрёб", + "Страна": "КНР", + "Город": "Шэньчжэнь", + "Год": 1996, + "Высота": 384 + }, + { + "id": 37, + "Название": "Абу-Даби Плаза", + "Тип": "Небоскрёб", + "Страна": "Казахстан", + "Город": "Астана", + "Год": 2015, + "Высота": 382 + }, + { + "id": 38, + "Название": "Бурдж-Мохаммед-бин-Рашид", + "Тип": "Небоскрёб", + "Страна": "ОАЭ", + "Город": "Абу-Даби", + "Год": 2014, + "Высота": 381 + }, + { + "id": 39, + "Название": "Inco Superstack", + "Тип": "Дымовая труба", + "Страна": "Канада", + "Город": "Copper Cliff", + "Год": 1971, + "Высота": 380 + }, + { + "id": 40, + "Название": "Тантекс-Скай-Тауэр", + "Тип": "Небоскрёб", + "Страна": "Тайвань", + "Город": "Гаосюн", + "Год": 1997, + "Высота": 378 + }, + { + "id": 41, + "Название": "JW Marriott Marquis Dubai. 1 и 2", + "Тип": "Небоскрёб", + "Страна": "ОАЭ", + "Город": "Дубай", + "Год": 2010, + "Высота": 376 + }, + { + "id": 42, + "Название": "Ташкентская телебашня", + "Тип": "Башня", + "Страна": "Узбекистан", + "Город": "Ташкент", + "Год": 1985, + "Высота": 374.9 + }, + { + "id": 43, + "Название": "Башня Федерация «Восток»", + "Тип": "Небоскрёб", + "Страна": "Россия", + "Город": "Москва", + "Год": 2016, + "Высота": 374 + }, + { + "id": 44, + "Название": "Сентрал-плаза", + "Тип": "Небоскрёб", + "Страна": "Гонконг", + "Город": "Гонконг", + "Год": 1992, + "Высота": 374 + }, + { + "id": 45, + "Название": "Башня Освобождения", + "Тип": "Бетонная башня", + "Страна": "Кувейт", + "Город": "Кувейт", + "Год": 1996, + "Высота": 372 + }, + { + "id": 46, + "Название": "Телебашня «Коктобе»", + "Тип": "Башня", + "Страна": "Казахстан", + "Город": "Алматы", + "Год": 1983, + "Высота": 371.5 + }, + { + "id": 47, + "Название": "Дымовая труба электростанции", + "Тип": "Дымовая труба", + "Страна": "США", + "Город": "Homer City", + "Год": 1977, + "Высота": 371 + }, + { + "id": 48, + "Название": "Дымовая труба Берёзовской ГРЭС", + "Тип": "Дымовая труба", + "Страна": "Россия", + "Город": "Шарыпово", + "Год": 1985, + "Высота": 370 + }, + { + "id": 49, + "Название": "Рижская телебашня", + "Тип": "Бетонная башня", + "Страна": "Латвия", + "Город": "Рига", + "Год": 1987, + "Высота": 368.5 + }, + { + "id": 50, + "Название": "Берлинская телебашня", + "Тип": "Бетонная башня", + "Страна": "Германия", + "Город": "Берлин", + "Год": 1969, + "Высота": 368 + }, + { + "id": 51, + "Название": "Дымовая труба электростанции.", + "Тип": "Дымовая труба", + "Страна": "США", + "Город": "Маундсвилл", + "Год": 1968, + "Высота": 367.6 + }, + { + "id": 52, + "Название": "Башня Банка Китая", + "Тип": "Небоскрёб", + "Страна": "Гонконг", + "Город": "Гонконг", + "Год": 1990, + "Высота": 367.4 + }, + { + "id": 53, + "Название": "Башня Банка Америки", + "Тип": "Небоскрёб", + "Страна": "США", + "Город": "Нью-Йорк", + "Год": 2008, + "Высота": 366 + }, + { + "id": 54, + "Название": "Башня Алмас", + "Тип": "Небоскрёб", + "Страна": "ОАЭ", + "Город": "Дубай", + "Год": 2008, + "Высота": 363 + }, + { + "id": 55, + "Название": "Дымовая труба электростанции в Трбовле", + "Тип": "Дымовая труба", + "Страна": "Словения", + "Город": "Трбовле", + "Год": 1976, + "Высота": 360 + }, + { + "id": 56, + "Название": "Endesa Termic ", + "Тип": "Дымовая труба", + "Страна": "Испания", + "Город": "Ферроль", + "Год": 1974, + "Высота": 356 + }, + { + "id": 57, + "Название": "SEG Plaza", + "Тип": "Небоскрёб", + "Страна": "КНР", + "Город": "Шэньчжэнь", + "Год": 2000, + "Высота": 355.8 + }, + { + "id": 58, + "Название": "First Canadian Place", + "Тип": "Небоскрёб", + "Страна": "Канада", + "Город": "Торонто", + "Год": 1976, + "Высота": 355 + }, + { + "id": 59, + "Название": "Эмиратская офисная башня", + "Тип": "Небоскрёб", + "Страна": "ОАЭ", + "Город": "Дубай", + "Год": 2000, + "Высота": 354.6 + }, + { + "id": 60, + "Название": "ОКО Южная башня", + "Тип": "Небоскрёб", + "Страна": "Россия", + "Город": "Москва", + "Год": 2015, + "Высота": 354 + }, + { + "id": 61, + "Название": "Виннцкая телемачта", + "Тип": "Радиомачта", + "Страна": "Украина", + "Город": "Винница", + "Год": 1961, + "Высота": 354 + }, + { + "id": 62, + "Название": "Медеплавильный завод", + "Тип": "Дымовая труба", + "Страна": "Румыния", + "Город": "Бая-Маре", + "Год": 1995, + "Высота": 351.5 + }, + { + "id": 63, + "Название": "Стратосфера Лас-Вегас", + "Тип": "Бетонная башня", + "Страна": "США", + "Город": "Лас-Вегас", + "Год": 1996, + "Высота": 350.2 + }, + { + "id": 64, + "Название": "Дымовая труба Сырдарьинской электростанции", + "Тип": "Дымовая труба", + "Страна": "Узбекистан", + "Город": "Сырдарья", + "Год": 1980, + "Высота": 350 + } +]; + + + +export default buildings; diff --git a/labs/lab7/src/components/BuildCard.tsx b/labs/lab7/src/main/components/BuildCard.tsx similarity index 100% rename from labs/lab7/src/components/BuildCard.tsx rename to labs/lab7/src/main/components/BuildCard.tsx diff --git a/labs/lab7/src/components/Content.tsx b/labs/lab7/src/main/components/Content.tsx similarity index 100% rename from labs/lab7/src/components/Content.tsx rename to labs/lab7/src/main/components/Content.tsx diff --git a/labs/lab7/src/components/Gallery.tsx b/labs/lab7/src/main/components/Gallery.tsx similarity index 96% rename from labs/lab7/src/components/Gallery.tsx rename to labs/lab7/src/main/components/Gallery.tsx index 23c44ac..5469de6 100644 --- a/labs/lab7/src/components/Gallery.tsx +++ b/labs/lab7/src/main/components/Gallery.tsx @@ -1,6 +1,6 @@ import ImageList from '@mui/material/ImageList'; import ImageListItem from '@mui/material/ImageListItem'; -import structures from "../data"; +import structures from "../../data"; import Box from '@mui/material/Box'; import Container from '@mui/material/Container'; import ImageListItemBar from '@mui/material/ImageListItemBar'; diff --git a/labs/lab7/src/main.tsx b/labs/lab7/src/main/main.tsx similarity index 87% rename from labs/lab7/src/main.tsx rename to labs/lab7/src/main/main.tsx index d68fac9..abaddd2 100644 --- a/labs/lab7/src/main.tsx +++ b/labs/lab7/src/main/main.tsx @@ -1,7 +1,7 @@ import { StrictMode } from 'react' import { createRoot } from 'react-dom/client' import './styles/index.css' -import App from './App.tsx' +import App from '../App.tsx' createRoot(document.getElementById('root')!).render(