medicine history

data.js

const grayColor = 'rgba(240, 244, 244, 0.96)'

export default [
    {
        title: 'Практическая медицина',
        type: 'orange',
        mainColor: '#EA8668',
        blocks: [
            {
                name: 'Первая вакцинация',
                button: 'Вакцинация от оспы',
                description: 'Первая публичная вакцинация против оспы была проведена английским врачом Эдвардом Дженнером. 14 мая 1796 года Дженнер привил вакциной на основе коровьей оспы  восьмилетнего фермерского сына Джеймса Фиппса, впоследствии дожившего до старости, а спустя два года выпустил брошюру "Исследование причин и действие коровьей оспы".  Хотя попытки вакцинации проводились и ранее, именно эта привлекла к себе внимание общественности и стала отправной точкой искоренения оспы, и дальнейшего развития вакцинации.',
                year: 1796,
                blockBg: grayColor // если не указан, то будет браться mainColor
            },
            {
                name: 'Интрадермальная игла',
                description: 'Шприц для инъекций с полой интрадермальной иглой был независимо изобретен французским хирургом Шарлем-Габриэлем Правасом и шотландским врачом Александром Вудом. Новинка позволила вводить пациентам жидкие лекарственные препараты непосредственно в кровоток. ',
                year: 1835
            },
            {
                name: 'Антисептическая хирургия',
                description: 'Обеззараживание – критически важное действие при проведении операций и лечении открытых ран. До открытия первых антисептиков (например, карболовой кислоты) был распространен способ «механической антисептики» - простое удаление гноя из раны. Благодаря Джозефу Листеру, вдохновившемуся трудами Луи Пастера о микробной теории гниения, для обеззараживания стали использовать многослойные хирургические повязки, пропитанные антисептиками. Особое внимание уделяли чистоте и стерильности хирургических инструментов. Это привело к значительному увеличению числа успешных операций и общей выживаемости.',
                year: '1860-е'
            },
            {
                name: 'Переливание крови',
                description: 'Попытки переливания крови предпринимались в течение долгого времени с переменным успехом. Одним из существенных ограничений, кроме несовместимости групп крови, было свертывание полученного от донора материала. В 1914 году удалось изобрести антикоагулянты длительного действия, например цитрат натрия, что сделало возможным консервацию донорской крови. Открытие оказалось чрезвычайно важным для военной хирургии времен Первой Мировой войны.',
                year: 1931
            },
            {
                name: 'Консервация плазмы',
                description: 'В годы Второй мировой войны встала задача длительной транспортировки донорской крови. Американский врач Чарльз Дрю получил плазму путём отделения эритроцитов. После многочисленных экспериментов он нашел способ увеличения срока хранения плазмы путем дегидратации («сушки»). Сухая плазма могла дольше храниться и легче транспортироваться. В 1940 году Дрю защитил диссертацию на тему «Изучение консервации крови» и стал первым в истории США афроамериканцем, получившим звание доктора наук.',
                year: 1940
            },
            {
                name: 'Массовая вакцинация',
                button: 'Массовая обязательная вакцинация',
                description: '1955 год – начало первой массовой кампании по вакцинации детей от полиомиелита вакциной Джонаса Солка на основе ослабленного вируса. С этой вакциной связана одна из самых страшных трагедий в истории медицины. Американская фирма Cutter Laboratories по ошибке выпустила более ста тысяч доз препарата, содержавших живой вирус полиомиелита. Десять детей скончались и 160 были парализованы на всю жизнь. Эта трагедия послужила началом современного движения антиваксеров. Коллега Солка Альберт Сейбин придумал улучшенную и более безопасную версию вакцины, которую можно было глотать, а не получать в виде инъекции. На основании его работы советскими вирусологами Михаилом Чумаковым и Михаилом Смородинцевым была создана и успешно применена отечественная вакцина. В результате кампании вакцинации заболеваемость в США, СССР и Западной Европе пошла на спад, а некоторые страны считаются полностью свободными от полиомиелита. ',
                year: 1955,
                blockBg: grayColor
            },
            {
                name: 'Гемодиализ',
                description: 'До 50-х годов прошлого века отказ почек означал смерть. Гемодиализ – метод, при котором очищение крови от токсических продуктов обмена веществ осуществляется не почкой, а специальным устройством с мембраной, избирательно пропускающей те или иные вещества. Началом эпохи хронического гемодиализа считается 1960 год, когда удалось решить проблему долгосрочного сосудистого доступа с помощью тонкостенных тефлоновых трубок. Теперь пациенты с хронической почечной недостаточностью смогли жить намного дольше, периодически проходя курс очищения крови.',
                year: 1960,
                anchor: 'anchor-1960'
            },
            {
                name: 'Трансплантация костного мозга',
                description: 'Трансплантация костного мозга – важнейший метод лечения пациентов с генетическими нарушениями в клетках крови и опухолями кровеносной системы. Собственное кроветворение заменяется на донорское, в клетках крови которого отсутствуют мутации, ответственные за болезнь, и человек выздоравливает. В 1957 году вышла первая научная статья про использование трансплантации костного мозга в клинической практике, в которой описывалась сама возможность введения без осложнений достаточно большого объема донорского костного мозга. Тем не менее, как правило, трансплантат отторгался, и за 10 последующих лет лишь в трех случая из 417 трансплантат прижился. Современные знания иммунологии позволяют проводить успешные трансплантации на порядок чаще, и благодаря этому считавшиеся смертельными болезни теперь могут быть вылечены.',
                year: 1957
            },
            {
                name: 'Трансплантация органов и тканей',
                description: 'Трансплантация – иногда единственный способ дать человеку второй шанс на жизнь. Первые попытки пересадки органов от человека к человеку предпринимались еще с 30-х годов XX века, но из-за отсутствия антибиотиков и иммунологического конфликта они были чрезвычайно рискованны и неуспешны. Один из основоположников современной трансплантологии Владимир Петрович Демихов в 1951 году детально разработал пересадку сердца собаке, что вошло в изданную им в 1960 году книгу «Пересадка жизненно важных органов в эксперименте» - первую в мире монографию по трансплантологии. После стажировки у Демихова в 1967 году хирург из ЮАР Кристиан Барнард впервые успешно провел трансплантацию сердца человеку.',
                year: 1960
            },
            {
                name: 'Имплантируемый кардиостимулятор',
                description: 'Многие болезни сердца связаны с невозможностью поддержания сердечного ритма, из-за чего страдают процессы кровоснабжения органов и тканей. Электрокардиостимулятор навязывает и поддерживает у пациента частоту сердечных сокращений. Воздействие электрического тока на сокращение мышц впервые заметил еще в XVIII веке Луиджи Гальвани, а в 1927 году американский кардиолог Альберт Хаймен создал первый в мире наружный кардиостимулятор. Первый же имплантируемый кардиостимулятор был сделан в Швеции в 1958 году.',
                year: 1958
            },
            {
                name: 'Коронарное шунтирование',
                description: 'Коронарное шунтирование – метод обхода сужения коронарного сосуда шунтами (сосудистыми протезами), позволяющий восстановить кровоток. Первая успешная операция по установке шунта была проведена в СССР 25 февраля 1964 года хирургом Василием Ивановичем Колесовым. Целых 3 года отделение Колесова было единственным в мире, где проводились подобного рода операции. Сейчас коронарное шунтирование доступно во многих сосудистых центрах и спасает жизни тысячи пациентов.',
                year: 1964
            },
            {
                name: 'Оральная регидратация',
                description: 'Кишечные инфекции человека – самые массовые инфекционные заболевания, основным этапом лечения которых является восполнение в организме запасов воды, электролитов и глюкозы. Именно из-за обезвоживания погибала большая часть заболевших холерой. Первые растворы с оптимальным составом для выпаивания пациентов появились в 1968 году и быстро распространились по всему миру.',
                year: 1968
            },
            {
                name: 'КТ/ МРТ',
                description: '70-е годы XX века – бурное развитие методов визуализации внутренних органов. В 1972 году появилась компьютерная томография (КТ), основанная на рентгеновском излучении, а в 1975 году была опробована магнитно-резонансная томография (МРТ). Сейчас КТ и МРТ широко используются для визуализации внутренних органов и поиска внутренних заболеваний, например, опухолей.',
                year: 1972
            },
            {
                name: 'ВРТ',
                button: 'ВРТ: 1-ый ребенок "из пробирки"',
                description: 'Вспомогательные репродуктивные технологии – помогают бесплодным парам зачать и родить ребенка. Первая успешная попытка экстракорпорального оплодотворения (процедуры, когда яйцеклетка и сперматозоид образуют зиготу вне тела женщины, а зародыш вводится в матку позже и дальше развивается в ней) состоялась в 1977 году, и 25 июля 1978 года на свет появилась Луиза Браун – первый «ребенок из пробирки».',
                year: 1978,
                blockBg: grayColor
            },
            {
                name: 'Роботизированная хирургия',
                description: 'Инструменты робототехники начали внедряться в хирургию еще в 80-х годах XX века, стараясь создать альтернативу классическому проведению операции. Во многих сложных случаях было бы удобно, чтобы непосредственную работу в операционном поле проводили роботизированные хирургические инструменты, а хирург мог удаленно ими управлять. Система da Vinci, разработанная двумя американскими компаниями, в 2003 году слившимися в единую компанию Intuitive Surgical, была одобрена FDA для применения в хирургии в 2000 году и после этого непрерывно дорабатывается, постепенно расширяя функционал и упрощая управление.',
                year: 2000,
                anchor: 'anchor-2000'
            },
            {
                name: 'Искусственные органы и ткани',
                description: 'К началу XXI века клеточная и тканевая инженерия шагнули вперед, и стало возможным выращивание искусственных тканей и даже целых органов вне тела.  В 2011 году состоялась первая в мире операция по трансплантации искусственного органа. 36-летнему пациенту диагностировали рак дыхательных путей, и взамен удаленного органа вживили синтетическую трахею. Процесс создания органов «в пробирке» не стоит на месте: в том же 2011 году в Японии были выращены зачатки гипофиза и даже глазных бокалов!',
                year: 2011
            },
            {
                name: 'Носимые устройства и сенсоры',
                description: 'Развитие интернета вещей позволило передавать информацию, получаемую с носимых устройств напрямую врачам, что значительно расширило возможности клинического мониторинга пациентов, страдающих хроническими заболеваниями.  Развиваются и сами носимые устройства: системы непрерывного мониторинга уровня глюкозы в крови, контроля дыхания больных астмой, имплантируемые дефибрилляторы, датчики движения, мониторинга сна, ранней диагностики болезни Альцгеймера и многие другие.',
                year: 2012
            }
        ]
    },

    {
        title: 'Фармацевтика',
        type: 'blue',
        mainColor: '#5674A8',
        blocks: [
            {
                name: 'Выделение первого чистого действующего вещества',
                description: 'Первым выделенным чистым действующим веществом стал морфин*. Его получил из опиума немецкий фармаколог Фридрих Сертюрнер. Он не только описал свойство этого вещества, но и дал ему название по имени греческого бога сновидений – Морфея. Чистое действующее вещество – залог воспроизводимости его физиологических эффектов и путь к стандартизации применения, что очень важно для гарантии безопасности пациента.\n *внесен в список наркотических веществ, оборот которых в Российской Федерации запрещен в соответствии с законодательством Российской Федерации',
                year: 1804,

            },
            {
                name: 'Желатиновая капсула',
                description: 'Патент, подтверждающий изобретение желатиновой капсулы, был выдан французским фармацевтам Жозефу Жерару Дюблану и его ученику Франсуа Моте. Идея сразу же получила широкое распространение. Она позволила легко глотать лекарственные препараты и при этом не чувствовать их неприятный вкус. Кроме того, желатиновая капсула растворяется непосредственно в желудочно-кишечном тракте, а значит, лекарство быстро всасывается в кровь и начинает действовать.',
                year: 1834
            },
            {
                name: 'Анестезия',
                button: 'Закись азота',
                description: 'Обезболивающий эффект закиси азота был замечен уже в конце XVIII века, а в 20-х годах XIX века «веселящий газ» начал применяться при операциях на животных. На человеке этот способ обезболивания был испытан лишь в 1844 году дантистом Хорасом Уэллсом. К сожалению, случаи смерти из-за избытка вдыхаемого веселящего газа были не редкостью, поэтому такой метод анестезии использовался редко и с осторожностью.',
                year: 1844,
                hasGroup: true, // удалить min-height у .year
                blockBg: grayColor
            },
            {
                //name: 'Анестезия',
                button: 'Эфир',
                description: '16 октября 1846 года считается днём рождения анестезиологии: зубной врач Уильям Мортон при помощи диэтилового (серного) эфира усыпил пациента, а хирург Джон Уорен сделал операцию по удалению подчелюстной сосудистой опухоли. При этом об анестезирующих свойствах эфира было известно еще с середины XVI века, а с конца XVIII века это вещество использовалось для вдыхания и уменьшения болей.',
                year: 1846,
                hasGroup: true,
                blockBg: grayColor
            },
            {
                //name: 'Анестезия',
                button: 'Хлороформ',
                description: 'Широкое применение хлороформа при хирургических операциях и для уменьшения боли при родах связано с именем английского врача Джеймса Симпсона Янга. В середине XIX века хлороформ стал одним из важнейших анестетиков. В настоящее время хлороформ из-за высокой токсичности в медицине не применяется.',
                year: 1847,
                hasGroup: true,
                blockBg: grayColor
            },
            {
                name: 'Иммунизация',
                button: 'Вакцина от бешенства',
                description: 'Бешенство – чрезвычайно опасное инфекционное заболевание, вызванное вирусом, передающимся человеку со слюной больного животного. Инфекция распространяется по нервным клеткам и поражает мозг, приводя к параличу жизненно важных мышц. Смертность составляет почти 100%. Поэтому вакцина против бешенства, полученная Луи Пастером из ослабленного вируса путем многократного перевивания кроликов, стала настоящим прорывом в лечении заболевания. Антирабическую вакцину вводят многократно сразу после укуса животного. Это и сделал Луи Пастер в 1885 году, вакцинировав мальчика, укушенного бешеной собакой. Современная антирабическая вакцинация практически ничем не отличается от препарата, использованного Луи Пастером.',
                year: 1881,
                hasGroup: true,
                blockBg: grayColor
            },
            /*{
                hasGroup: true,
                year: 1882,
                blockBg: grayColor
            },
            {
                hasGroup: true,
                year: 1883,
                blockBg: grayColor
            },*/
            {
                name: 'Иммунизация',
                button: 'Вакцины и сыворотки: столбняк, дифтерия, чума, брюшной тиф, холера',
                description: 'Конец XIX века – бурное развитие вакцинации. Именно тогда были получены дифтерийный и столбнячный антитоксины – сыворотка иммунизированных бактериями животных, содержащая защитные антитела. Это послужило началом развития пассивной иммунизации. Вскоре были созданы вакцины возбудителей самых страшных инфекций прошлого – чумы, холеры и брюшного тифа. С помощью них эти болезни сейчас практически побеждены.',
                year: '1890-е',
                hasGroup: true,
                blockBg: grayColor
            },
            {
                name: 'Аспирин',
                button: 'Синтезирована стабильная ацетилсалициловая кислота',
                description: 'Ацетилсалициловая кислота (аспирин) – лекарство, обладающее противовоспалительным, жаропонижающим и болеутоляющим действием. До середины XIX века её использовали в виде экстрактов растений (например, коры ивы), позже – выделяли из природного сырья и очищали. Лишь в 1897 году немецкий химик Феликс Хоффман смог получить аспирин в лаборатории в химически чистой стабильной форме, пригодной для лекарственного применения. Споры о том, точно ли Хоффман самостоятельно создал аспирин, ведутся до сих пор, одно мы знаем точно: человечеству стало доступно лекарственное средство, обладающее широким спектром действия и активно применяющееся до сих пор.',
                year: 1897,
                hasGroup: true,
                blockBg: grayColor
            },
            {
                // name: 'Аспирин',
                button: 'Промышленное производство аспирина',
                description: 'Промышленное производство ацетилсалициловой кислоты (торговое название «аспирин») было развернуто фирмой Bayer, в которой и работал Феликс Хоффман. Аспирин стал первым фармацевтическим продуктом корпорации, позволившим ей быстро выйти на международный рынок.',
                year: 1899,
                hasGroup: true,
                blockBg: grayColor
            },
            {
                name: 'Химиотерапия (Сальварсан)',
                description: 'Пауль Эрлих целенаправленно искал среди соединений мышьяка то, что будет эффективно против возбудителя сифилиса бледной трепонемы. Шестьсот шестой по счету эксперимент оказался удачным, и препарат, названный изначально просто «606» и переименованный в сальварсан, начал применяться у пациентов, ранее считавшихся неизлечимыми. Это первый химиотерапевтический препарат, синтезированный в лаборатории, и начало новой эры синтетических лекарств.',
                year: 1907
            },
            {
                name: 'Инсулин',
                button: 'Промышленное производство инсулина',
                description: 'Инсулин – важнейший гормон, регулирующий углеводный обмен. Инъекция инсулина больным сахарным диабетом – ключевая терапия, позволяющая поддерживать уровень сахара в крови. Выделение вещества из поджелудочной железы телят и его испытание на собаках и людях заняло у канадских учёных Фредерика Бантинга и Чарльза Беста два года. Уже в 1923 году лекарство под коммерческим названием «илетин» стало производиться фармацевтической компанией Eli Lilly. Инъекции инсулина спасли жизнь миллионам больных сахарным диабетом.',
                year: 1923,
                blockBg: grayColor
            },
            {
                name: 'Открытие пенициллина',
                description: 'В 1928 году британский учёный Александр Флеминг случайно заметил, что чашки, в которых растут стрептококковые бактерии для экспериментов, заражены плесенью Penicillum. Причём вокруг колоний плесени образуется область, свободная от бактерий. Флеминг сделал вывод, что плесень выделяет вещество, убивающее бактерии. Правда получить чистое вещество удалось Говарду Флори и Эрнсту Чейну лишь спустя 10 лет в 1938 году. С 1941 года пенициллин начал применяться в медицине и стал важнейшим препаратом во время Второй мировой войны.',
                year: 1928
            },
            {
                name: 'Глюкокортикоиды',
                description: 'Глюкокортикоиды – стероидные гормоны, регулирующие метаболизм организма. Несколько лет изучения гипотетической субстанции, уменьшающей ревматоидные проявления, привели ученых Филипа Хенча и Эдуарда Кенделла к открытию кортизона (1934 год) и кортизола (1936 год). Открытия оказались важны и для военной отрасли: стероидные гормоны стали использовать в качестве допинга у солдат.',
                year: 1934
            },
            {
                name: 'Сульфаниламиды',
                description: 'Сульфаниламиды – класс противомикробных средств, применяющийся в современной медицине. Сульфаниламид пронтозил стал первым перпаратом этого класса и первым синтетическим антибактериальным препаратом в мире. Немецкий ученый фармаколог Г. Домагк доказал его противомикробные свойства при стрептококковых инфекциях. Сульфаниламиды стали революционным средством своего времени, однако позже им на замену пришёл пенициллин, обладавший большей эффективностью и менее выраженными побочными эффектами',
                year: 1935
            },
            {
                name: 'Первый антигистаминный препарат',
                description: 'Важнейший белок, выделяющийся при аллергии и определяющий её физиологические проявления – гистамин. Начиная с 1937 года, велись разработки противогистаминных соединений. В 1942 году разрешены для применения первые блокаторы H1-гистаминовых рецепторов: они препятствовали связыванию с ними гистамина и, соответственно, развитию аллергической реакции. К сожалению, первые лекарства против аллергии имели множество побочных эффектов, поэтому поиск более безопасных лекарственных препаратов шёл еще много лет.',
                year: 1943
            },
            {
                name: 'Антибиотики',
                button: 'Промышленное производство пенициллина',
                description: 'С момента первого применения пенициллина при лечении человека прошло всего два года, и в 1943 году, в разгар Второй мировой войны, по переданной Говардом Флори технологии получения чистого вещества в США было налажено массовое производство антибиотика для нужд фронта. В СССР в это же время кустарным способом производился пенициллин, полученный в 1942 году микробиологами Зинаидой Ермольевой и Тамарой Балезиной из плесени в московском бомбоубежище. Промышленное производство пенициллина в СССР было налажено только в 1948 году, чему поспособствовал и Эрнст Чейни, в обход запрета на продажу технологий поделившийся своими наработками с советскими коллегами.',
                year: 1943,
                blockBg: grayColor
            },
            {
                name: 'Первая химиотерапия опухолей',
                description: 'Онколог Сидни Фарбер, применяя препараты фолиевой кислоты для стимуляции синтеза гемоглобина у детей с острым лимфобластным лейкозом, заметил, что одновременно с основным эффектом замедлялся и сам процесс опухолевого роста. В 1947 году врач использовал производное фолиевой кислоты, аминоптерин, для вызывания ремиссии у детей с лейкемией. Это был первый химиотерапевтический препарат для лечения опухолей, успешно применявшийся вплоть до середины 60-х годов XX века. ',
                year: 1947
            },
            {
                name: 'Антидепрессанты и нейролептики',
                button: 'Первый антипсихотик',
                description: 'Антипсихотические препараты – психотропные вещества, способные оказывать седативный эффект, устранять бред и галлюцинации. До открытия первого антипсихотика хлорпромазина (аминазина) в основном применялись вытяжки из лекарственных растений, а также соли лития и антигистаминные препараты. Аминазин изначально был синтезирован в 1950 году в качестве антигистаминного и лишь 2 года спустя был переквалифицирован в антипсихотик. Препарат стал «золотым стандартом» антипсихотического эффекта и применяется до сих пор.',
                year: 1950,
                hasGroup: true,
                blockBg: grayColor
            },
            /*{
                year: 1953,
                blockBg: grayColor,
                hasGroup: true,
                clear: true
            },*/
            {
                // name: 'Антидепрессанты и нейролептики',
                button: 'Первый диуретик',
                description: 'Гипертоническая болезнь считается «тихим убийцей». Проявляясь умеренными симптомами, она является основной причиной инфарктов и инсультов. До середины прошлого века лекарства против гипертонической болезни не существовало. В 1950 годы было обнаружено гипотензивное (снижающее кровяное давление) свойство сульфаниламидоподобных соединений. В ходе последующих исследований и разработок был синтезирован хлоротиазид - первый диуретик, (мочегонное средство), с помощью которого стало возможно контролировать гипертонию.',
                year: 1951,
                hasGroup: true,
                blockBg: grayColor
            },
            {
                name: 'Антидепрессанты и нейролептики',
                button: 'Первый антидепрессант',
                description: 'После открытия аминазина начался активный поиск новых психотропных веществ. В 1955 г. появился имипрамин — трициклический бензозепиновый аналог аминазина. Антипсихотическим эффектом он не обладал, но зато случайно выяснилось, что имипрамин оказывает антидепрессивное действие. Так началась эра трициклических антидепрессантов.',
                year: 1955,
                hasGroup: true,
                blockBg: grayColor
            },
            {
                name: 'Бета-адреноблокаторы',
                description: 'Бета-адреноблокаторы – препараты, снижающие артериальное давление и замедляющие сердечный ритм, способствующие расслаблению гладких мышц.  Снижается нагрузка на сердце, что особенно важно для пациентов с хронической сердечной недостаточностью и ишемической болезнью сердца. Первый препарат этого класса – пропранолол – был выпущен компанией ICI Pharmaceuticals благодаря шотландскому фармакологу Джеймсу Блэку. Сейчас разработано множество бета-адреноблокаторов, применяющихся, в первую очередь, для лечения заболеваний сердца.',
                year: 1958
            },
            {
                name: 'Контрацепция',
                button: 'Первая пероральная контрацепция',
                description: 'Люди искали методы контрацепции с древних времен. Сначала это были малоэффективные (а иногда опасные для здоровья) народные средства, позже появились презервативы из различных материалов. В начале XX века были разработаны методы женской контрацепции, спермициды и внутриматочная спираль, но они были неудобны и не очень эффективны. Комбинированный оральный контрацептив (КОК) – таблетка, содержащая женские половые гормоны, прогестерон и эстроген, - позволил женщинам самим комфортно контролировать рождаемость. Первый такой препарат, Envoid, был разрешен к применению в США в 1957 году (изначально для лечения бесплодия), а в 1960 году был зарегистрирован и как средство оральной контрацепции.',
                year: 1960,
                blockBg: grayColor
            },
            {
                name: 'Ибупрофен',
                description: 'Ибупрофен – широко используемое противовоспалительное лекарственное средство. Изначальный акцент на осторожном применении стал залогом успеха препарата на рынке. Постепенно с накоплением клинических данных о безопасности доза увеличивалась. В 1969 году в Великобритании ибупрофен впервые появился на прилавках аптек как средство для уменьшения симптоматики ревматоидного артрита. Постепенно область применения расширялась, и сейчас ибупрофен используется как противовоспалительное, обезболивающее и жаропонижающее средство.',
                year: 1969
            },
            {
                name: 'Ингибиторы АПФ',
                button: 'Каптоприл - первый ингибитор АПФ',
                description: 'Ингибиторы ангиотензинпревращающего фермента (АПФ) – лекарства, широко применяющиеся в лечении сердечной и почечной недостаточности и для снижения артериального давления. Первый синтетический АПФ – каптоприл – был синтезирован в 1969 году, а в 1981 году в США разрешен к применению при тяжелой гипертензии. Каптоприл и сейчас остается золотым стандартом данного класса препаратов.',
                year: 1969,
                blockBg: grayColor
            },
            {
                name: 'Первый таргетный препарат',
                description: 'Таргетные лекарства (от англ. target – цель, мишень) – прицельно воздействуют на ключевые молекулы, отвечающие за развитие заболеваний. Как правило, мишень в организме - это белок, играющий важную роль в патогенезе. До начала разработки нового таргетного лекарства проводится работа по выяснению того, на какие белки нужно повлиять (заблокировать, усилить или ослабить функцию), чтобы изменить ход заболевания. Первым таргетным препаратом стал тамоксифен, одобренный в 1970 году для лечения эстрогенально чувствительных форм рака молочной железы. В отличие от большинства таргетной терапии сегодня, такмоксифен – низкомолекулярный препарат.',
                year: 1970
            },
            {
                name: 'Рекомбинантный человеческий инсулин',
                description: 'С момента выделения инсулина из поджелудочной железы собаки в 1921 году прошло почти 60 лет, и в 1978 году создается, а в 1982 году одобряется FDA рекомбинантный человеческий инсулин компании Genentech. Это первый лечебный препарат, созданный при помощи технологии рекомбинантной ДНК. Он вырабатывается в неограниченном количестве специальными генетически модифицированными дрожжами или кишечной палочкой и ничем по своему строению не отличается от того, что синтезируется в теле человека.',
                year: 1982
            },
            {
                name: 'Противовирусная терапия ВИЧ',
                description: 'Вирус иммунодефицита человека (ВИЧ) – бич современности. Из-за того, что вирус поражает клетки иммунной системы, его чрезвычайно сложно контролировать. Тем не менее, начиная с 1985 года появляются антиретровирусные препараты, первый из которых – зидовудин. Он ингибирует один из важнейших ферментов вируса, обратную транскриптазу, и таким образом не дает ВИЧ размножаться в клетке.',
                year: 1985
            },
            {
                name: 'Первое моноклональное антитело, одобрено к применению',
                description: 'В 1975 году немецкий иммунолог Жорж Келер и аргентинский исследователь Сезар Мильштейн опубликовали статью, в которой рассказали о технологии получения гибридомы: клеточной линии, производящей моноклональные (идентичные друг другу) антитела. Чрезвычайно заманчивая для коммерциализации технология в результате оплошности не была запатентована и быстро распространилась. Первый рекомбинантный препарат на основе моноклональных антител вышел на рынок в 1986 году под торговым названием Orthoclone OKT3 (муромонаб-CD3). Препарат был изготовлен при помощи технологии гибридом и предназначался для снижения иммунного отторжения трансплантированных органов. Антитела в этом препарате были полностью мышиные. Несмотря на прорыв в создании абсолютно нового класса препаратов, чужеродные антитела обладали высокой токсичностью и отвергалис иммунитетом человека. Это побудило учёных к дальнейшей разработке высоко гуманизированных и полностью гуманизированных моноклональных антител.',
                year: 1986
            },
            {
                name: 'Статины',
                description: 'Ловастатин – первый гиполипидемический препарат, нарушающий синтез холестерина и тем самым предотвращающий развитие атеросклероза. Первый из статинов был одобрен FDA 1987 году для лечения коронарного атеросклероза.',
                year: 1978
            },
            {
                name: 'Факторы свертываемости крови',
                description: 'Гемофилия - наследственное заболевание, врожденная недостаточность факторов свертывания крови и нарушение коагуляции. Различают два вида гемофилии: гемофилия А вызывается нехваткой фактора VIII, а гемофилия B - фактора IX. До развития биотехнологий, начиная с 50-х годов ХХ века единственным способом лечения гемофилии были инъекции плазмы крови. В плазме факторы свертывания XIII и IX содержатся в очень маленьких количествах, поэтому приходилось постоянно держать больных в стационаре под капельницами. В 60-е годы были разработаны эффективные способы концентрирования плазмы. Но выделение плазмы из чужеродных источников неминуемо привело к массовым заражениям в 80-е годы вирусами гепатита С и ВИЧ. В 1992 году был одобрен первый генноинженерный препарат рекомбинантного аналога фактора свертываемости крови XIII.',
                year: 1992
            },
            {
                name: 'Имиглюцераза - ферментозаместительная терапия',
                description: 'Сфинголипидоз (болезнь Гоше) – наследственное заболевание, связанное с недостаточностью фермента глюкоцереброзидазы. В 1994 году появилась терапия этой неизлечимой болезни при помощи рекомбинантного фермента (имиглюцеразы). Это первый случай ферментозаместительной терапии.',
                year: 1994
            },
            {
                name: 'Гливек (иматиниба мезилат) первый препарат, разработанный в соответствии с современной концепцией рационального дизайна',
                description: 'Гливек (иматиниб) – цитостатик нового поколения, избирательно ингибирующий тирозиновую протеинкиназу BCR-ABL, образующуюся в клетках хронического миелолейкоза и острого лимфобластного лейкоза. Гливек был направленно разработан и синтезирован именно для ингибирования BCR-ABL и стал первым препаратом, созданным с использованием самых современных принципов рационального дизайна лекарств. ',
                year: 2001
            },
            {
                name: 'Хумира (адалимумаб) - полностью человеческое моноклональное антитело',
                description: 'Технология гибридом - ? была прорывом в получении моноклональных антител. Однако препараты, созданные на её основе, обладают большим недостатком: мышиные части молекул распознаются иммунной системой, что порождает множество побочных эффектов. Первый препарат, лишённый мышиных последовательностей, - моноклональное антитело против цитокина фактор некроза опухоли (TNF) адалимумаб (хумира), использующееся для лечения аутоиммунных заболеваний, например, ревматоидного артрита.',
                year: 2002
            },
            {
                name: 'Авастин (бевацизумаб)  - первый ингибитор роста кровеносных сосудов',
                description: 'Для того, чтобы опухоль росла, ей нужно кровоснабжение. Первый ингибитор VEGF (ростового фактора кровеносных сосудов) бевацизумаб (авастин) предотвращает появление сосудов в ткани опухоли, оставляя её без притока кислорода и питательных веществ, в результате чего опухолевые клетки начинают умирать.',
                year: 2004
            },
            {
                name: 'Вакцина от ВПЧ',
                description: 'Рак шейки матки возникает в результате воздействия на клетки онкогенных штаммов вируса папилломы человека (ВПЧ), причем от момента заражения до появления опухоли может пройти не один десяток лет. В 2006 году была одобрена вакцина Гардасил против наиболее распространенных онкогенных штаммов ВПЧ, которая предотвращает заражение вирусами и, соответственно, развитие рака.',
                year: 2006
            },
            {
                name: 'Ипилимумаб (ингибитор СTLA-4)',
                description: 'Долгий процесс изучения молекул – иммунологических контрольных точек и из блокировки терапевтическими моноклональными антителами привёл к одобрению FDA в 2011 году первого иммунотерапевтического препарата ипилимумаба – антител против молекулы CTLA-4. Иммунотерапия такого рода значительно увеличила выживаемость онкологических пациентов, за что в 2013 году была названа журналом Science прорывом года.',
                year: 2011
            },
            {
                name: 'Софосбувир - нуклеотидное пролекарство, противовирусный препарат',
                description: 'До 2013 года гепатит С был неизлечим. Однако появившийся в это время препарат софосбувир, ингибирующий РНК-полимеразу, используемую вирусом для копирования собственной РНК, оказался мощным противовирусным препаратом, способным уничтожить гепатит С. Софосбувир – нуклеотидное пролекарство: попадая в организм, за счёт внутриклеточного метаболизма оно превращается в фармакологически активный аналог уридинтрифосфат. Он встраивается в строящуюся цепочку РНК и блокирует ее синтез, обрывая цепь.',
                year: 2013
            },
            {
                name: 'Пембролизумаб - иммуноонкологический препарат, ингибитор PD-1',
                description: 'Спустя три года вслед за ипилимумабом - первым ингибитором иммунологических контрольных точек -  вышел на рынок второй подобный препарат – прембролизумаб, ингибитор молекулы PD-1. Сейчас в онкологии часто используется комбинация этих препаратов.',
                year: 2014
            },
            {
                name: 'Luxturna, первый генотерапевтический препарат',
                description: 'В конце 2017 года FDA был одобрен первый генотерапевтический препарат люкстурна. Это – аденоассоциированный вирус, содержащий правильную последовательность гена RPE65, необходимого для преобразования света в электрический сигнал в сетчатке глаза. Введенная конструкция компенсирует дефицит нормального белка у пациентов с наследственной дистрофией сетчатки и возвращает им зрение.',
                year: 2017
            },
            {
                name: 'Yescarta - первая CAR-T терапия',
                description: 'CAR-T-клетки – это собственные Т-лимфоциты пациента, которые при помощи генетической модификации стали узнавать опухолевый антиген и активироваться, убивая клетку, несущую его. Первая такая терапия была одобрена FDA в 2017 году. Препарат Yescarta содержит CAR-T-клетки, распознающие CD19, маркер всех В-лимфоцитов человека, и применяется для лечения диффузной В-крупноклеточной лимфомы.',
                year: 2017
            },
            {
                name: 'Onpattro - первый препарат на базе технологии РНК-интенференции',
                description: 'РНК-интерференция – процесс, при котором малые молекулы РНК  подавляют экспрессию гена, к которому они специфичны. Это можно использовать и в терапевтически целях. Onpattro, первый препарат такого механизма действия, одобренный FDA в 2018 году для лечения полинейропатии у людей с наследственным транстиретин-опосредованным амилоидозом. Малая РНК препарата взаимодействует с РНК транстиретина и блокирует ее трансляцию, уменьшая количество белка.',
                year: 2018
            },
            {
                name: 'Zolgensma  - генная терапия для лечения СМА',
                description: 'Спинальная мышечная атрофия первого типа – болезнь, при которой сломан ген SMN1, обеспечивающий выживаемость мотонейронов. В результате страдают мышцы по всему телу, в том числе и жизненно важные, например, легкие и сердце. Генный препарат Zolgensma компании Novartis, одобренный FDA в 2019 году, вносит здоровую копию гена SMN1 и восстанавливает его продукцию клетками. Разработка препарата заняла более 10 лет.',
                year: 2019
            }
        ]
    },

    {
        title: 'Наука и технология',
        type: 'green',
        mainColor: '#577C6A',
        blocks: [
            {
                name: 'Развитие химического синтеза',
                description: 'Синтез сложных молекул из более простых – основа производства многих современных лекарств. Постепенно эмпирические наблюдения за превращениями одного вещества в другое структурировались, появлялись и развивались методы синтеза, возникали химические производства. До конца XIX века химический синтез преимущественно применялся для производства важных для промышленности веществ, например красителей, а производство лекарств таким путём стартовало на рубеже веков.',
                year: '1800-е'
            },
            {
                name: 'Синтез органического вещества из неорганического',
                description: 'Первым органическим веществом, синтезированным в лаборатории, стала мочевина (карбамид). Её получил немецкий химик Фридрих Вёлер, чем нанёс серьёзный удар виталистам, утверждавшим, что для получения органического вещества требуется некая «жизненная сила», присутствующая в организме или отдельном органе (в данном случае, почке). ',
                year: 1828
            },
            {
                name: 'Клеточная теория',
                description: 'Клеточная теория, сформулированная Маттиасом Якобом Шлейденом и Теодором Шванном и позже дополненная Рудольфом Вирховым, - основа современной биологии. Постулат, предлагающий рассматривать клетку элементарной структурой и функциональной единицей живого, предопределил дальнейшее комплексное изучение организма как совокупности клеток.',
                year: 1839
            },
            {
                name: 'Теория эволюции Дарвина',
                description: 'Книга Чарльза Дарвина «Происхождение видов путем естественного отбора, или Сохранение благоприятных рас в борьбе за жизнь», вышедшая в 1859 году, положила начало современному пониманию эволюции живого. Движущей силой изменений была названа борьба живых организмов за ограниченные ресурсы среды, в которой они живут, которая приводит к выживанию тех из них, кто оказался наиболее адаптирован к постоянно меняющимся условиям. Однако вопрос, как именно наследуются изменения, оказался ключевым для принятия теории Дарвина. На него ответил спустя 6 лет Грегор Мендель.',
                year: 1859,
                anchor: 'anchor-1850'
            },
            {
                name: 'Утверждение атомно-молекулярного учения',
                description: 'То, что вещества состоят из отдельных мельчайших частиц – атомов, говорили ещё древнегреческие философы. Постепенно знания трансформировались и дополнялись, и 3-5 сентября 1860 года состоялся Международный съезд химиков в Карлсруэ – первая международная конференция, посвящённая химии. На ней была утверждена атомно-молекулярная теория, определены понятия «молекула», «атом» и «атомный вес». Было постулировано, что молекула – это мельчайшее количество вещества, несущее его химические и физические свойства, а атом – наименьшая частица химического элемента.',
                year: 1860
            },
            {
                name: 'Основы стереохимии',
                description: 'Появление теории химического строения соединений - порядок расположения атомов и связей в молекуле, их взаимное влияние и связанные с этим физические и химические свойства веществ – связано, в первую очередь, с именем Александра Бутлерова. Он работал над изучением строения органических веществ, наличия изомеров одного и того же вещества и пространственным влиянием атомов внутри одной молекулы. Без базовых принципов стереохимии невозможно представить современную фармацевтику, которая должна учитывать особенности строения вещества как для его синтеза, так и для понимания физиологического влияния.',
                year: 1864
            },
            {
                name: 'Законы наследственности Менделя',
                description: 'Открытые Грегором Менделем принципы передачи дискретных наследственных факторов от родителей к потомкам заложили основу современной генетики. К сожалению, признания современников его исследования не получили; законы Менделя были «переоткрыты» лишь спустя 35 лет в 1900 году.',
                year: 1865
            },
            {
                name: 'Периодический закон Менделеева',
                description: 'Взаимосвязь свойств химических элементов с их атомным весом стала понятна еще в первой половине XIX века, однако учёным никак не удавалось представить её в универсальной удобной для использования форме. Это получилось у Дмитрия Ивановича Менделеева, который к 1 марту 1869 года завершил самый первый целостный вариант периодической системы химических элементов. Привычный нам вариант таблицы Менделеева был создан в 1871 году. Менделеев не только указал на закономерности свойств и строения химических элементов, но и назвал это общим законом природы.',
                year: 1869
            },
            {
                name: 'Развитие микробиологии (Пастер), бактериологии (Кох)',
                description: 'Основоположники современной микробиологии и вакцинологии Луи Пастер и Роберт Кох совершили важнейшие открытия, среди которых доказательство невозможности самозарождения жизни, микробная теория гниения, выделение и описание некоторых возбудителей инфекционных заболеваний и методов борьбы с ними (вакцинации). Луи Пастер наиболее известен как создатель вакцин от сибирской язвы, куриной холеры и бешенства, а Роберт Кох – от туберкулеза.',
                year: '1880-90-е'
            },
            {
                name: 'Фагоцитоз/клеточный иммунитет Мечников',
                description: 'Илья Мечников, изучая реакцию морских звезд и дафний на введение им инородных тел, обнаружил, что клетки, захватывающие и переваривающие частицы, могут участвовать не только в пищеварении, но и выполнять защитную функцию, таким образом удаляя из организма чужаков. Этот механизм защиты получил название фагоцитоз, а клетки, защищающие таким способом организм от бактерий, вирусов и других патогенов – фагоциты. Открытия Мечникова положили начало изучению клеточных основ иммунологии.',
                year: 1882
            },
            {
                name: 'Ультразвук',
                description: 'В 1883 году англичанином Фрэнсисом Гальтоном был создан первый ультразвуковой свисток. Он был чрезвычайно слаб и использовался для дрессировки собак. Однако последующие исследования показали, что ультразвук можно применять в качестве неинвазивного метода диагностики внутренних органов. Через 66 лет, в 1949 году, это привело к созданию первого медицинского ультразвукового прибора.',
                year: 1883
            },
            {
                name: 'Антитела/ гуморальный иммунитет Эрлих',
                description: 'Немецкий врач Пауль Эрлих вместе со своим учителем Робертом Кохом сделал важнейшие открытия в области микробиологии и иммунологии. Одно из них – открытие антител. Эрлих показал, что жидкая бесклеточная часть крови способна защищать организм от заражения. Молекулы, ответственные за противомикробные реакции, учёный назвал антителами, и высказал предположение, что изначально они находятся на поверхности клеток в виде рецепторов, что подтвердилось в дальнейшем. Теории Мечникова и Эрлиха описывают две ветви иммунного ответа, клеточную и гуморальную, и взаимно дополняют друг друга.',
                year: 1890
            },
            {
                name: 'Открытие вирусов',
                description: 'Дмитрий Ивановский – первооткрыватель мельчайших инфекционных частиц, способных вызвать болезнь табака. Дата выхода его статьи, 1892 год, считается точкой отсчета современной вирусологии, хотя впервые увидеть вирусы удалось лишь спустя 47 лет, в 1939 году. Открытие вирусов позволило определить инфекционную природу бешенства, оспы, энцефалита и многих других болезней.',
                year: 1892
            },
            {
                name: 'Рентген',
                description: '8 ноября 1895 года немецкий физик Вильгельм Рентген открыл х-лучи, или рентгеновское излучение, способное проникать сквозь многие непрозрачные материалы, в том числе и кожу. Рентгеновские лучи нашли своё применение в практической медицине, позволили получить новые сведения о строении вещества и привели к открытию радиоактивности.',
                year: 1895
            },
            {
                name: 'Группы крови',
                description: 'Группа крови – характеристика эритроцитов, определяющая возможность переливания крови от одного человека другому. Наиболее известная система групп крови АБ0 была открыта Карлом Ландштайнером в 1900 году. С этого момента переливание крови стало применяться успешнее, поскольку перед процедурой подбиралась кровь от подходящего по группе донора.',
                year: 1900,
                anchor: 'anchor-1900'
            },
            {
                name: 'Хроматография',
                description: 'Хроматография – метод разделения и анализа смеси веществ, при которой они распределяются между двумя фазами: подвижной и неподвижной. Первооткрыватель хроматографии – русский ученый Михаил Семенович Цвет. Опыты по разделению смеси пигментов растительного происхождения проходили с 1900 года, а в 1903 году их результаты были опубликованы в научном журнале. Сейчас разные варианты хроматографии широко применяются в биохимии. Сталкиваемся мы с хроматографией и в быту: экспресс-тесты на определение наркотиков, гепатита, хорионического гонадотропина (тест на беременность), коронавируса и т.д. – это все иммунохроматография.',
                year: 1903
            },
            {
                name: 'Синапсы',
                description: 'Синапс – это контакт между двумя нейронами или нейроном и другой клеткой, который служит для передачи нервного импульса. Испанец Сантьяго Рамон-и-Кахаль и итальянец Камилло Гольджи на протяжении научной карьеры изучали нервные клетки, процессы возбуждения в нервной системе, и разработали теорию синапсов, описывающую передачу сигнала. За это в 1906 году им обоим была вручена Нобелевская премия.',
                year: 1906
            },
            {
                name: 'Масс-спектрометрия',
                description: 'Масс-спектрометрия – метод идентификации веществ по измерению отношения их массы к заряду. В 1912 году английский физик Джозеф Томпсон создал первый в истории масс-спектрометр, который позволил определить различные вещества, например кислород, угарный и углекислый газ. Сейчас масс-спектрометрия широко применяется в фармацевтике и медицине, например, для контроля при получении новых лекарств, диагностики инфекций, определения допинга.',
                year: 1912
            },
            {
                name: 'Учение о ВНД Павлова',
                description: 'Основоположником науки о высшей нервной деятельности является русский ученый Иван Петрович Павлов. В 1927 году он опубликовал научную работу о головном мозге, в которой предположил, что условный рефлекс – основа формирования психических реакций всего живого. Это стало началом понимания и дальнейшего изучения физиологических основ психики.',
                year: 1927
            },
            {
                name: 'ЯМР',
                description: 'ЯМР – ядерный магнитный резонанс – был открыт в 1938 году американским физиком Исидором Раби. ЯМР стал основой метода ЯМР-спектроскопии, который позволяет исследовать химические объекты и получать трехмерные структуры сложных веществ, например, белков. Это стало прорывом в современной фармацевтике, поскольку позволило «увидеть» структуру того или иного лекарства и, соответственно, понять варианты взаимодействия его с мишенью.',
                year: 1938
            },
            {
                name: 'Резус-фактор',
                description: 'Резус-фактор – антиген на поверхности эритроцитов, определяющий возможность переливания крови от одного человека к другому. Он был открыт Карлом Ландштайнером совместно с Александром Винером в 1940 году в опытах по иммунизации кроликов эритроцитами макаки-резуса (отсюда и название). Постепенно с выявлением новых антигенов на эритроцитах стал возможен более тщательный подбор донора и, соответственно, успешное и безопасное переливание крови. ',
                year: 1940
            },
            {
                name: 'Первая ЭВМ',
                description: 'К началу XX века созрела необходимость хранения, передачи и анализа большого объема данных как для промышленных и военных целей, так и для медицины. Первые гражданские ЭВМ начали появляться в Германии в конце 1930-х годов, а в 1941 году была создана ЭВМ Z3 – полнофункциональная машина, обладающая свойствами современного компьютера. ЭВМ использовалась для вычисления характеристик военных летательных аппаратов. С Z3 началась эра компьютеризации, которая продолжается до сих пор.',
                year: 1941
            },
            {
                name: 'Открытие бета-адренорецепторов',
                description: 'Бета-адренорецепторы - рецепторы, отвечающие за захват нейромедиаторов адреналина и норадреналина и их дальнейшие физиологические эффекты. В 1948 году американец Раймонд Алквист открыл бета-адренорецепторы, находящиеся на клетках желёз внутренней и внешней секреции, сердце и почках. Это позволило через 10 лет разработать препараты, блокирующие рецепторы и тем самым замедляющие прогрессию сердечно-сосудистых заболеваний.',
                year: 1948
            },
            {
                name: 'Синтетическая теория эволюции',
                description: 'Теория эволюции, сформулированная Чарльзом Дарвином, не включала в себя более поздние открытия, в первую очередь, понимание основ наследственности. Синтетическая же теория эволюции смогла собрать воедино генетику и эволюцию. Впервые выражение «синтетическая теория эволюции» было использовано в 1949 году американским палеонтологом Джорджем Симпсоном.',
                year: 1949
            },
            {
                name: 'Структура ДНК',
                description: '25 апреля - всемирный день ДНК. В этот день в 1953 году в одном из самых престижных научных журналов Nature вышла статья Джеймса Уотсона и Фрэнсиса Крика о структуре ДНК, в которой они описали ее строение в виде двойной спирали из цепочек соединенных между собой нуклеотидов. Открытие легло в основу современной генетики и молекулярной биологии и позволило не только расшифровывать последовательность ДНК, но и направленно изменять ее.',
                year: 1953
            },
            {
                name: 'Структура белка',
                description: 'Понять, как именно линейная последовательность из аминокислот сворачивается в пространстве, создавая функциональный белок, - задача непростая. Первым расшифровать структуру белковой молекулы удалось австрийскому молекулярному биологу Максу Перутцу, который описал пространственное строение гемоглобина при помощи рентгеноструктурного анализа. Сейчас такой анализ может быть сделан практически для любой молекулы или комплекса молекул и позволяет увидеть, как именно взаимодействуют те или иные части между собой, и даже придумать, исходя из этого, эффективное лекарство.',
                year: 1959
            },
            {
                name: 'Генетический код',
                description: 'После открытия структуры ДНК в 1953 году работа по пониманию принципов организации генетической информации только началась, и к 1967 году генетический код был полностью расшифрован. Стало понятно, что у всех организмов он одинаковый, и три нуклеотида ДНК кодируют одну аминокислоту белка, что с ДНК синтезируется сначала РНК, и лишь с неё считывается белок. Это правило, называемое «центральной догмой молекулярной биологии» - основа современной генетики.',
                year: 1967
            },
            {
                name: 'Первая рекомбинантная ДНК',
                description: 'Рекомбинантная ДНК – молекула, полученная объединением разных молекул ДНК в одну – основа генетических модификаций и, соответственно, лекарственных препаратов на их основе. Впервые рекомбинантную ДНК удалось получить американскому биохимику Полу Бергу, который смог «в пробирке» воссоздать сложные ферментативные реакции, нужные для объединения молекул. В 1972 году учёные опубликовали об этом статью, а уже через два года их работа была удостоена Нобелевской премии по химии.',
                year: 1972
            },
            {
                name: 'Секвенирование ДНК',
                description: 'При помощи секвенирования можно побуквенно прочитать последовательность ДНК и, например, найти мутацию. Существует много методов секвенирования. Один из самых точных – метод «обрыва цепи» - был предложен Фредериком Сэнгером в 1977 году. Принцип достаточно прост: на одноцепочечной матрице пошагово достраивается вторая цепь ДНК, при этом используются как обычные нуклеотиды, так и специальные, на которых синтез обрывается. Недостроенные фрагменты выстраиваются от самого короткого к самому длинному – и так прочитывается нуклеотидная последовательность всей цепочки.',
                year: 1977
            },
            {
                name: 'ПЦР',
                description: 'Полимеразная цепная реакция – центральный метод молекулярной биологии, позволяющий на несколько порядков увеличить количество нужного для анализа фрагмента ДНК. Он был придуман в 1983 году американским биохимиком Кэри Муллисом. Каждый шаг цикла ПЦР характеризуется своей температурой, в зависимости от которой происходит либо разделение двуцепочечной ДНК на одноцепочечную, либо присоединение к ней коротких нуклеотидных последовательностей (праймеров), либо достраивание на их основе второй цепочки. В результате в каждом цикле информация удваивается.',
                year: 1983
            },
            {
                name: 'Открытие CTLA-4 (первая иммунологическая контрольная точка)',
                description: 'Иммунологические контрольные точки (чекпойнты) – молекулы-регуляторы иммунного ответа. Они не дают лимфоцитам чрезмерно активироваться в ответ на узнавание патогена и тем самым защищают организм от саморазрушения. Однако в случае опухоли была бы полезна реактивация лимфоцитов, узнающих неопластические клетки, и уничтожение последних силами собственной иммунной системы. Для этого придуманы моноклональные антитела – ингибиторы иммунологических контрольных точек: они как бы снимают тормоз с иммунных клеток, разрешая им бороться с опухолью. В 1987 году была клонирована молекула CTLA-4, являющаяся иммунологической контрольной точкой. Её исследования как негативного регулятора иммунитета и потенциальной мишени для иммунотерапии провел в Джим Аллисон в середине 90-х годов XX века, за что и получил Нобелевскую премию 2018 года.',
                year: 1987
            },
            {
                name: 'Высокопроизводительный скрининг',
                description: 'Высокопроизводительный скрининг – процесс быстрого перебора огромного количества веществ – потенциальных лекарств и выбор наиболее многообещающих для дальнейшего изучения. Пионером внедрения такого скрининга была компания Pfizer: начиная с 1984 года она последовательно вводила все новые и новые улучшения в работу (например, использование многолуночных планшетов для тестирования большого количества соединений), и к 1990 году достигла рекордных показателей: в неделю компания смогла тестировать 10 тыс. новых веществ!',
                year: 1990
            },
            {
                name: 'Открытие PD-1 (ингибитор контрольных точек)',
                description: 'Вслед за открытием CTLA-4, первой иммунологической контрольной точки, в 1992 году был найден новый рецептор, PD-1, который находится на поверхности лимфоцитов и также предотвращает их активацию. Моноклональные антитела – ингибиторы PD-1 широко используются в иммунотерапии опухолей, заставляя иммунную систему узнавать и убивать опухолевые клетки. Первооткрыватель PD-1 японский иммунолог Тасуку Хондзё получил за свои исследования Нобелевскую премию 2018 года.',
                year: 1992
            },
            {
                name: 'Расшифровка генома человека',
                description: 'После расшифровки структуры ДНК в 1953 году одной и самых актуальных и амбициозных задач стало прочтение всего генома человека. Для этого в 1990 году был запущен проект «Геном человека», который шаг за шагом секвенировал ДНК и размечал последовательности генов и регуляторных элементов. Работа оказалась чрезвычайно сложной и потребовала разработки новых методов анализа полученных данных. Наконец, в 2000 был выпущен черновик генома, а в 2003 – полный геном человека. Но это не значит, что в ДНК не осталось слепых пятен: до сих пор работа по анализу отдельных трудночитаемых участков не закончена, и функции некоторых последовательностей не определены.',
                year: 2003
            },
            {
                name: 'Генное редактирование при помощи технологии CRISPR-Cas',
                description: 'О том, что в геноме бактерий есть необычный локус CRISPR, состоящий из коротких повторяющихся последовательностей, было известно еще с 80-х годов XX века, но функция его была неизвестна. Лишь в 2005 году учёные поняли, что последовательности соответствуют геномам бактериофагов, и это своеобразный адаптивный иммунитет бактерий. При появлении патогенна они считывают кусочек ДНК с подходящей последовательности и на этом основании убивают чужака. Система оказалась многообещающим инструментом для генного редактирования: можно записать в последовательность нужный нам элемент и при помощи CRISPR-Cas заменить его. Активно продолжаются работы, позволяющие использовать систему максимально точно и, соответственно, безопасно. Скорее всего, в ближайшем будущем нас ждет появление новых терапевтических генных препаратов на основе CRISPR-Cas.',
                year: 2005
            },
            {
                name: 'Открытие индуцированных плюрипотентных стволовых клеток',
                description: 'Все клетки организма возникли из одной стволовой клетки, зиготы, и до 2006 года считалось, что процесс специализации клетки однонаправленный. Клетке сердца, например, никогда уже не стать стволовой клеткой. Однако в 2006 году группе японских ученых под руководством Синъи Яманаки удалось подобрать коктейль из белков, которые превратили фибробласты кожи мыши в стволовые клетки. Оказалось, что так можно сделать со всеми клетками организма: вернуть им стволовой потенциал и далее перепрограммировать в другую клетку организма. Это открывает огромные перспективы для лечения пациентов. Теперь выращивание «запчастей» для собственных органов и тканей не кажется фантастикой. Сейчас же индуцированные плюрипотентные стволовые клетки широко используются для моделирования болезней «в пробирке», отборе лекарств и проверке их токсичности.',
                year: 2006
            },
            {
                name: 'первый успех CAR-T терапии',
                description: '',
                year: 2010
            }
        ]
    },

    {
        title: 'Индустрия',
        type: 'gray',
        mainColor: '#959595',
        blocks: [
            {
                name: 'Первое упоминание фармакологии в Оксфордском словаре',
                description: 'Фармакология как научное исследование действий и взаимодействий лекарственных препаратов в живом организме впервые упоминается в работе Р.Т. Куртеиса «О Сохранении и Восстановлении здоровья» 1704 года.',
                year: 1704,
                anchor: 'anchor-1700'
            },
            {
                name: 'Первое промышленное фармацевтическое производство - Merck',
                description: 'Семейная аптека Мерков существовала в Дармштадте (Германия) еще с конца XVII века, но история полномасштабной фармацевтической компании началась именно в 1827 году, когда Генрих Эмануэль Мерк возглавил семейный бизнес и развернул массовое производство лекарств, в первую очередь, алкалоидов. ',
                year: 1827
            },
            {
                name: 'Первый курс фармакологии при университете г. Дерпта',
                description: 'Первая фармакологическая лаборатория Дерптского (Тартуского) университета связана с именем Рудольфа Бухгейма, сторонника экспериментального изучения фармакологии и создателя носящей его имя классификации лекарственных веществ. Благодаря Бухгейму, стали прицельно изучаться физиологические эффекты того или иного лекарства.\n',
                year: 1847
            },
            {
                name: 'Учреждение FDA',
                description: 'В начале XX века в США в целях безопасности населения начался процесс усиления контроля за соблюдением правил реализации пищевых продуктов и лекарственных средств. В 1906 году Конгрессом был принят закон о чистой пище и лекарствах, который предписывал указывать опасные ингредиенты (например, алкоголь и опиум) на этикетке лекарства. Контроль за соблюдением правил возлагался на специальный регулирующий орган, управление по санитарному надзору за качеством пищевых продуктов и медикаментов (англ. Food and Drug Administration – FDA).',
                year: 1906
            },
            {
                name: 'Нюрнбергский кодекс - становление биоэтики',
                description: 'Нюрнбергский процесс над нацистскими врачами 1945 года поднял вопрос о том, какие эксперименты могут проводиться над людьми. Основные этические принципы легли в основу Нюрнбергского кодекса – первого международного документа, вводящего этические нормы медицинских экспериментов. В нем постулировалось основы современной биоэтики, например, добровольное согласие испытуемого, обязательное проведение предварительных экспериментов на животных, необходимость прекращения эксперимента на любой стадии, если появляется риск смерти или инвалидизации испытуемого, и другие.',
                year: 1947
            },
            {
                name: 'Талидомидная трагедия',
                description: 'Самая известная за всю историю фармакологии трагедия. В 1961 году стало известно о том, что препарат от утренней тошноты беременных – талидомид – обладал тератогенным эффектом, то есть вызывал нарушение внутриутробного развития плода. Его массовое потребление привело к рождению как минимум 10,000 детей с дефектами, и многие из них не прожили и года. «Талидомидная трагедия» получила широкую общественную огласку, за которой последовало усиление регулирования отрасли, в том числе введение новых требований подтверждения безопасности и раскрытия побочных эффектов лекарств. Препарат был запрещён, а трагедия заставила многие страны пересмотреть политику лицензирования лекарств и существенно ужесточить требования к клиническим испытаниям.',
                year: 1961
            },
            {
                name: 'Хельсинская декларация',
                description: 'Хельсинская декларация 1964 года, разработанная Всемирной медицинской ассоциацией, дополняет созданный в 1941 году Нюрнбергский кодекс и формулирует дополнительные этические принципы проведения экспериментов на людях. Основной же тезис остался неизменным: при проведении экспериментов каждый участник должен дать информированное согласие на участие в них.',
                year: 1964
            },
            {
                name: 'Первый блокбастер (>1 млрд. $)',
                description: 'В 1977 году Тагамет (циметидин) – противоязвенный препарат компании Smith, Kline&French (сегодня GlaxoSmithKline) принёс компании-производителю миллиардный годовой оборот, а своему создателю – Нобелевскую премию.  С конца 70-х годов вся фармацевтическая индустрия включилась в «гонку за блокбастерами» – лекарствами для лечения широко распространенных заболеваний с оборотом, превышающим миллиард долларов в год.',
                year: '1980-е'
            },
            {
                name: 'Genentech - первый биотех в фарме',
                description: 'Биотехнологическая корпорация  Genentech – первая биотех компания, соединяющая в себе научные разработки и их применение в фармацевтической промышленности. История Genentech началась с разработки методов рекомбинантной ДНК и их использовании в технологиях получения рекомбинантных белков – основы лекарственных препаратов. Например, в 1977 году ученые из компании успешно внедрили человеческий ген в бактериальный геном и получили рекомбинантный соматотропин.',
                year: 1976
            }
        ]
    }
]

result.md

scheme.scss

$blockWidth: 17rem;
$schemeColWidth: 23%;

$orange: #EA8668;
$blue: #5674A8;
$green: #577C6A;
$gray: #959595;

$mobElWidth: 20rem;

.radios {
    display: flex;
    margin: 2.5rem auto;
    overflow-x: auto;
    min-height: 40px;
    align-items: center;

    &::-webkit-scrollbar {
        display: none;
    }

    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;

    label {
        flex-shrink: 0;
        margin-right: .75rem;
        span {
            background: #F0F4F4;
            color: #51876D;
            padding: .75rem;
            border-radius: 4px;
        }

        input:checked + span {
            color: #fff;
            background: #51876D;
        }

        input {
            display: none;
        }
    }
}

.scheme {
    // max-width: 2000px;
    width: 95%;
    margin: 5rem auto;
    display: flex;
    border-top: 1px solid #DDE3E3;
    padding-top: 3rem;

    @media (max-width: 576px) {
        overflow-x: auto;
        overflow-y: hidden;
        margin-top: 0;
        padding-top: 7rem;
        border: none;
    }

    &__radios {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-shrink: 0;
        margin-right: 2rem;

        position: sticky;
        top: 20px;
        align-self: flex-start;

        label {
            color: #51876D;
            display: flex;
            align-items: center;
        }

        label span {
            margin-left: .75rem;
            user-select: none;
            font-weight: 500;
        }

        label input {
            display: none;
        }

        label input+span {
            width: 0.7rem;
            height: 0.7rem;
            border-radius: 50%;
            border: 1px solid #717777;
        }

        label input:checked + span {
            background: #51876D;
            border-color: #51876D;
        }
    }

    &__cols {
        display: flex;
        width: 100%;
        --col_height: 100px;

        @media (max-width: 576px) {
            position: relative;

            &:before {
                content: '';
                width: ($mobElWidth+1)*4;
                height: 1px;
                background: #DDE3E3;
                position: absolute;
                top: -3rem;
            }
        }
    }
}

.scheme__col {
    position: relative;
    width: $schemeColWidth;
    text-align: center;

    &[data-type="orange"]:after { background-color: $orange }
    &[data-type="blue"]:after { background-color: $blue }
    &[data-type="green"]:after { background-color: $green }
    &[data-type="gray"]:after { background-color: $gray }

    &:after {
        content: '';
        top: -3rem;
        width: 4px;
        height: var(--col_height);
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;

        @media (max-width: 576px) {
            width: 3px;
        }
    }

    &_title {
        position: absolute;
        top: -6rem;
        left: 0;
        right: 0;
        width: 14rem;
        line-height: 1.2;
        margin: auto;
    }

    @media (max-width: 576px) {
        width: $mobElWidth;
        flex-shrink: 0;
    }
}

.scheme__col_blocks {
    width: 100%;
    display: flex;
    align-items: center;

    &.marked {
        background: rgba(244, 241, 234, 0.95);
        border-radius: 2rem;
        justify-content: center;
        padding: 0.7rem;
        font-weight: 500;
    }
}

.scheme__col_block {
    width: $blockWidth;
    padding: 8px 15px;
    text-align: center;
    border-radius: 5px;
    margin: 10px auto;
    font-weight: 500;
    line-height: 1.25;
    word-break: break-word;
    min-height: 30px;
    cursor: pointer;

    button {
        padding: 0.575rem;
        margin-top: 0.5rem;
        display: block;
        width: 100%;
    }

    &_wrapper {
        width: $schemeColWidth;

        display: flex;
        flex-direction: column;

        @media (max-width: 576px) {
            width: $mobElWidth;
            flex-shrink: 0;
        }

    }
}

.years {
    width: 100%;
}
.year {
    min-height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;

    @media (max-width: 576px) {
        width: ($mobElWidth+1)*4;
        min-height: 60px;
    }

    &.height-auto {
        min-height: auto;

        .scheme__col_block {
            margin-top: 0;
            margin-bottom: 0;

            &_wrapper.has-button {
                align-self: flex-start;
            }
        }
    }

    &__text {
        color: #9AA1A1;
        position: absolute;
        left: 96%;
        white-space: nowrap;

        &.marked {
            background: #E9E3D3;
            color: #000;
            padding: 0.7rem 1rem;
            border-radius: 2rem;
            font-weight: 500;
        }
    }

    &__line {
        height: 1px;
        background-color: #DDE3E3;
        margin-right: .5rem;
        position: absolute;
        z-index: -1;
        right: 5%;
        left: -5px
    }
}

.scheme_modal {
    .wrapper {
        max-width: 800px;
        width: 52rem;
        display: block;
        text-align: left;

        @media (max-width: 576px) {
            max-width: 95%;
        }

        .modal-close {
            top: 0.5rem;
            right: 0.5rem;
            background: transparent;
        }
    }

    .modal-title {
        margin-bottom: 1rem;
        font-weight: 500;
    }
}

scheme.vue

<template>
    <div>
        <div class="container">
            <div class="radios d-sm-none d-flex">
                <label v-for="radio in radios" :key="radio.value">
                    <input type="radio" name="periods" :value="radio.value" v-model="radioValue" @change="updateRadioValue">
                    <span class="radio">{{ radio.text }}</span>
                </label>
            </div>
        </div>

        <div class="scheme">
            <div class="scheme__radios d-none d-sm-block">
                <label v-for="radio in radios" :key="radio.value">
                    <input type="radio" name="periods" :value="radio.value" v-model="radioValue" @change="updateRadioValue">
                    <span class="radio"></span>
                    <span>{{ radio.text }}</span>
                </label>
            </div>

            <div class="d-flex flex-column w-100" ref="wrapper">
                <div class="scheme__cols">
                    <div class="scheme__col" v-for="col in colsData" :key="col.type" :data-type="col.type">
                        <div class="scheme__col_title font-weight-bold" :style="`color: ${col.mainColor}`">{{ col.title }}</div>
                    </div>
                </div>

                <div class="years">
                    <div class="year" :class="{'height-auto': groupedYears.includes(year)}" v-for="year in sortedYears" :key="year">
                        <div class="year__line"></div>
                        <div class="year__text" :class="{'marked': [1973, 2008].includes(year)}">{{ year }}</div>

                        <div class="scheme__col_blocks marked" v-if="[1973, 2008].includes(year)">
                            {{ yearsInfo[year] }}
                        </div>

                        <div class="scheme__col_blocks" v-else>
                            <div
                                v-for="(blocks, index) in findBlocksByYear(year)"
                                :key="index"
                                class="scheme__col_block_wrapper">
                                <div
                                    v-for="(blockItem, i) in blocks"
                                    :key="i"
                                    class="scheme__col_block"
                                    :class="{'has-button': !!blockItem.button}"
                                    :data-type="blockItem.type"
                                    :data-anchor="blockItem.anchor || ''"
                                    @click="showModal(blockItem)"
                                    :style="`background-color: ${blockItem.blockBg ? blockItem.blockBg : blockItem.mainColor}; color: ${blockItem.blockBg ? 'black' : 'white'}`">
                                    {{ blockItem.name }}

                                    <button v-if="blockItem.button" class="btn" :style="`background-color: ${blockItem.mainColor}`">
                                        {{ blockItem.button }}
                                    </button>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <modal :show="isShowModal" is-close-in-wrapper @close="isShowModal = false" class_name="scheme_modal">
            <template #title>{{ modalTitle }}</template>
            <template #content>
                {{ modalContent }}
                <div class="mt-4 d-flex w-100 justify-content-end">
                    <button class="btn" @click="isShowModal = false">Закрыть</button>
                </div>
            </template>
        </modal>
    </div>
</template>

<script>
import colsData from './scheme/data'

export default {
    name: 'Scheme',
    data: () => ({
        colsData,
        radios: [
            { value: 1700, text: 'Конец 1700 — 1850-е' },
            { value: 1850, text: '1850 — 1900' },
            { value: 1900, text: '1900 — 1960' },
            { value: 1960, text: '1960 — 2000' },
            { value: 2000, text: '2000 — настоящее время' },
        ],
        radioValue: 1700,
        sortedYears: [],
        groupedYears: [],
        isShowModal: false,
        modalTitle: '',
        modalContent: '',
        yearsInfo: {
            1973: 'Рост глобальной средней продолжительности жизни до 60 лет',
            2008: 'Рост глобальной средней продолжительности жизни до 70 лет'
        }
    }),
    methods: {
        updateRadioValue () {
            const $anchor = document.querySelector(`[data-anchor="anchor-${this.radioValue}"]`)
            if ($anchor) {
                window.scrollTo({
                    behavior: 'smooth',
                    top: $anchor.getBoundingClientRect().top + window.pageYOffset
                })
            }
        },
        findBlocksByYear (year) {
            return this.colsData.map(col => col.blocks.filter(block => block.year === year))
        },
        showModal (block) {
            this.modalTitle = block.button || block.name
            this.modalContent = block.description
            this.isShowModal = true
        },
        setLinesHeight () {
            const h = this.$refs.wrapper.clientHeight+50

            const schemeColStyle = document.querySelector('.scheme__cols').style

            schemeColStyle.setProperty('--col_height', `${h}px`)
        }
    },
    created () {
        const years = colsData.map(col => col.blocks.map(block => {
            return {
                year: block.year,
                hasGroup: !!block.hasGroup
            }
        }))

        this.groupedYears = years.flat().filter(yearObj => yearObj.hasGroup).map(yearObj => yearObj.year)
        this.sortedYears = years.flat().map(yearObj=>yearObj.year).concat([1973, 2008]).sort().filter((year, i, self) => self.indexOf(year) === i)

        this.colsData = this.colsData.map(col => {
            col.blocks.map(block => {
                block.type = col.type
                block.mainColor = col.mainColor
                return block
            })

            return col
        })
    },
    mounted () {
        this.setLinesHeight()

        window.addEventListener('resize', this.setLinesHeight)
    },
    beforeDestroy() {
        window.removeEventListener('resize', this.setLinesHeight)
    }
}
</script>