study-second#project

skifsky · Aug 30, 2024 · e0f2765 · e0f2765
1 parent 62d3d44
commit e0f2765
Show file tree

Hide file tree

Showing 4 changed files with 127 additions and 3 deletions.
diff --git a/contents/Tribute_Page/styles.css b/contents/Tribute_Page/styles.css
@@ -0,0 +1,90 @@
+/* GENERAL SELECTORS */
+
+html {
+    background-color: whitesmoke;
+}
+
+body {
+    background-color: rgb(235, 235, 235);
+    font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+    margin: 2% 1%;
+    border: 2px solid transparent;
+    border-radius: 10px;
+}
+
+/* TITLE SELECTORS */
+
+.title {
+    text-align: center;
+}
+
+.title h1 {
+    font-size: 2.5rem;
+    font-weight: bold;
+    margin-bottom: 0;
+}
+
+/* IMAGE SELECTORS */
+
+.image {
+    background-color: whitesmoke;
+    text-align: center;
+    padding: 2% 0 0.1rem 0;
+    margin: 0 1%;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.image figcaption {
+    margin: 1rem 10%;
+}
+
+.image img {
+    max-width: 100%;
+    display: block;
+}
+
+.image > figcaption > span {
+    font-style: italic;
+} 
+
+/* BIOGRAPHY SELECTORS */
+
+h3 {
+    text-align: center;
+    margin: 3rem auto;
+}
+
+.biography {
+    margin: auto 25%;
+}
+
+ul > li {
+    margin: 1rem auto;
+    line-height: 1.5;
+}
+
+blockquote {
+    font-style: italic;
+    margin: 2rem auto;
+}
+
+/* REFERNCE SELECTOR */
+
+a {
+    color: whitesmoke;
+}
+
+a:active {
+    color:lightsteelblue;
+}
+
+a:hover {
+    color: lightsteelblue;
+}
+
+a:visited {
+    color: lightsteelblue;
+}
diff --git a/contents/Tribute_Page/tribute_page.html b/contents/Tribute_Page/tribute_page.html
@@ -1,12 +1,44 @@
 <!DOCTYPE html>
 <html lang="ru">
 <head>
-    <meta charset="UTF-8" />
+    <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Александр Михайлович Прохоров</title>
     <link rel="stylesheet" href="styles.css">
 </head>
 <body>
-
+    <main id="main">
+        <div class="title" id="title">
+            <h1>Александр Михайлович Прохоров</h1>
+            <p>Пионер квантовой электроники и лазерных технологий</p>
+        </div>
+        <figure class="image" id="img-div">
+            <img id="image" src="https://stimul.online/upload/iblock/32b/32bd3304bca99afd98c2b2e0eff32de6.jpg" alt="Александр Михайлович Прохоров работает с экспериментальной установкой для изучения квантовых генераторов" />
+            <figcaption id="img-caption">Лауреат Нобелевской премии, руководитель лаборатории колебаний физического института имени Лебедева АН СССР Александр Михайлович Прохоров работает с экспериментальной установкой для изучения квантовых генераторов. <br><span class="source">Источник: stimul.online</span></figcaption>
+        </figure>
+        <h3>Краткая биография А.Н. Прохорова: </h3>
+        <div class="biography" id="tribute-info">
+            <ul>
+                <li><b>1916</b> - Родился в австралийском городе Атертон, штат Квинсленд в семье рабочего-революционера. </li>
+                <li><b>1923</b> - Семья Прохоровых возвращается в Россию. </li>
+                <li><b>1939</b> - С отличием окончил физический факультет Ленинградского государственного университета и поступил в аспирантуру Физического института АН СССР. После начала Великой Отечественной войны ушёл на фронт, сражался в пехоте, в разведке, был награждён. </li>
+                <li><b>1944</b> - После тяжёлого ранения был демобилизован и вернулся к научной работе. </li>
+                <li><b>1947</b> - Кандидат физико-математических наук. </li>
+                <li><b>1952</b> - Защитил докторскую диссертацию. </li>
+                <li><b>1960</b> - Избран членом-корреспондентом АН СССР по Отделению физико-математических наук. </li>
+                <li><b>1964</b> - Лауреат Нобелевской премии по физике совместно с Н.Г. Басовым и Чарльзом Таунсом: «За фундаментальные работы в области квантовой электроники, которые привели к созданию генераторов и усилителей на лазерно-мазерном принципе». </li>
+                <li><b>1966</b> - Избран академиком АН СССР по Отделению общей и прикладной физики. </li>
+                <li><b>1983</b> - Наряду с академиками А. А. Дородницыным, Г. К. Скрябиным и А. Н. Тихоновым подписал письмо «Когда теряют честь и совесть» с осуждением работы Сахарова «Опасность термоядерной войны». </li>
+                <li><b>1991</b> - Возглавил создание Большого энциклопедического словаря. </li>
+                <li><b>2002</b> - Скончался на 86-м году жизни. Похоронен на Новодевичьем кладбище в Москве. </li>
+            </ul>
+            <blockquote>
+                «...что касается практических применений лазеров, то они широко используются во многих областях науки, техники и медицины. В настоящее время происходит дальнейшее развитие лазеров и их применений. Можно уверенно говорить, что мы находимся на линейном участке развития лазеров и пока нет признаков эффекта насыщения...»
+                <br>
+                -- А. М. Прохоров, «К 25-летнему юбилею лазера»
+            </blockquote>
+        </div>
+        <h3>Если вам стали интересны подробности биографии учёного, обратитесь к <a id="tribute-link" href="https://ru.wikipedia.org/wiki/Прохоров,_Александр_Михайлович" target="_blank">статье о нём в Википедии</a>.</h3>
+        </main>   
 </body>
-</html>
+</html>
diff --git a/favicon.png b/favicon.png
diff --git a/index.html b/index.html
@@ -6,6 +6,7 @@
         <title>Заглавная</title>
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="stylesheet" href="styles.css">
+        <link rel="shortcut icon" type="image/png" href="favicon.png">
     </head>
     <body>
         <header>
@@ -25,6 +26,7 @@ <h2>Responsive Web Design</h2>
                 <p><a href="contents/Cat_Photo_Gallery/cat_photo_gallery.html">CSS-фотогалерея (flexbox)</a></p>
                 <p><a href="contents/Nutrinion_Label/nutrinion_label.html">CSS-типография</a></p>
                 <p><a href="contents/Accessibility_Quiz/accessibility_quiz.html">CSS-квиз (доступная среда)</a></p>
+                <p><strong><a href="contents/Tribute_Page/tribute_page.html">Проект: краткая биография (Александр Прохоров)</a></strong></p>
             <hr>
         </main>
     </body>