Добавил 40-е и 50-е года, буду писать на русском, оптимизировал код

2019-01-04 23:58:39 +05:00 · 2019-01-04 23:58:39 +05:00 · 2fcad662a3
commit 2fcad662a3
parent 5fa8ed643c
15 changed files with 142 additions and 227 deletions
--- a/README.md
+++ b/README.md
@ -1,7 +1,7 @@
 # IMOTCL
 Project "Interactie map of the city Lesnoy" uses sass technology.
 ## Default html page
-```
+```html
 <!DOCTYPE html>
 <html lang="ru">
 <head>
@ -15,16 +15,16 @@ Project "Interactie map of the city Lesnoy" uses sass technology.
 <body>
    <div id="wrapper">
        <header>
-                <a href="index.html" class="logo">Город Лесной</a>
-                <a href="map.html" class="logo">Вернуться на карту</a>
-        </div>
+            <a href="index.html" class="logo">Город Лесной</a>
+            <a href="map.html" class="logo">Вернуться на карту</a>
+        </header>
        <main>
            
-        </div>
+        </main>
        <div class="br"></div>
        <footer>
            <a href="author.html">Автор сайта - Зинченко Иван</a><br>
-        </div>
+        </footer>
    </div>
 </body>
 </html>
@ -35,3 +35,5 @@ Project "Interactie map of the city Lesnoy" uses sass technology.
 - map.html
 - history.html
 - 404.html
+- 40s.html
+- 50s.html
--- a/app/40s.html
+++ b/app/40s.html
@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+    <link rel="stylesheet" href="css/main.css">
+    <title>Город Лесной</title>
+</head>
+<body>
+    <div id="wrapper">
+        <header>
+            <a href="index.html" class="logo">Город Лесной</a>
+            <a href="map.html" class="logo">Вернуться на карту</a>
+        </header>
+        <main>
+            <h2>40-е годы</h2>
+            <p>1946, май — Совет Министров СССР принял постановление «Об изготовлении опытной установки № 4» — для получения изотопов урана электромагнитным способом.</p>
+            <p>Сентябрь — на экспериментальной установке Лаборатории № 2 методом электромагнитной сепарации получен высокообогащенный уран-235. </p>
+            <p>1947 6 июня — принято постановление Совета Министров СССР об образовании завода электромагнитной сепарации.</p>
+            <p>19 июня — принято постановление СМ СССР, которым окончательно утверждается предложение о строительстве завода № 814 (будущий комбинат «Электрохимприбор») в Исовском районе Свердловской области.</p>
+            <p>Июль — Свердловский обком ВКП (б) и облисполком утвердили предложение спецкомиссии об отводе обследованного участка северо-западнее поселка Нижняя Тура для размещения на этой территории города и завода.</p>
+            <p>7 августа — приказом министра внутренних дел организовано Управление исправительно-трудового лагеря № 1418 МВД СССР —для строительства завода № 418 и жилого поселка при нем. Проложены первые просеки, построен первый барак.</p>
+            <p>1949 — организована медико-санитарная часть № 91 для обслуживания секретного населенного пункта.</p>
+            <ul>
+                <li>образовано подсобное хозяйство (совхоз «Таежный») отдела рабочего снабжения завода</li>
+                <li>построен Клуб молодежи</li>
+                <li>открыта первая средняя школа</li>
+            </ul>
+            <p>1950, декабрь — завод выдал первую продукцию — изотоп урана.</p>
+            <div class="item-40s">
+                <img class="img-item-40s" src="img/40s-first-item.jpg" alt="ДК Современник в 40-е года">
+                <img class="img-item-40s" src="img/40s-second-item.jpg" alt="ДК Современник в 40-е года">
+            </div>
+        </main>
+        <div class="br"></div>
+        <footer>
+            <a href="author.html">Автор сайта - Зинченко Иван</a><br>
+        </footer>
+    </div>
+</body>
+</html>
--- a/app/50s.html
+++ b/app/50s.html
@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+    <link rel="stylesheet" href="css/main.css">
+    <title>Город Лесной</title>
+</head>
+<body>
+    <div id="wrapper">
+        <header>
+            <a href="index.html" class="logo">Город Лесной</a>
+            <a href="map.html" class="logo">Вернуться на карту</a>
+        </header>
+        <main>
+            <h2>50-е года</h2>
+            <p>1951 — началось интенсивное строительство на «35-м квартале». Испытана первая советская урановая бомба РДС-3, в создании которой непосредственно участвовал завод № 814. Завод посетили заместитель начальника ПГУ при Совете Министров СССР Е.П. Славский и академик И.В.Курчатов. Принято решение о создании на предприятии производства по выпуску боеприпасов.</p>
+            <p>1952 - открыто вечернее отделение МИФИ-3. - открылась музыкальная школа.</p>
+            <p>1953, 12 августа - в СССР испытана первая в мире водородная бомба (ее заряд изготовлен из полученного на предприятии изотопа лития).</p>
+            <p>1954 - на заводе начат выпуск спецвооружения.<br>
+            17 марта — Указом Президиума Верховного Совета РСФСР населенному пункту присвоен статус города. <br>
+            13 июля — состоялись выборы в городской Совет.</p>
+            <p>1956 — в поселке Горный открылся клуб «Звезда». <br>
+            6 июня — состоялась первая телетрансляция из городской телестудии.</p>
+            <p>1957 — завод подключен к выпуску специзделий, разрабатываемых коллективом НИИ-1011.</p>
+            <ol>
+                <li>открыт Дом культуры «Современник»</li>
+                <li>открыта первая городская библиотека</li>
+                <li>открыт кинотеатр «40 лет Октября» (с 1991 года — «Ретро»). — распахнул свои двери Дворец пионеров. 1960 — начала работать детско-юношеская спортивная школа</li>
+            </ol>
+            <div class="item-40s">
+                <img class="img-item-40s" src="img/50s-first-item.jpg" alt="Библиотека имени Бажова в 50-е года">
+                <img class="img-item-40s" src="img/50s-second-item.jpg" alt="Музыкальная в 50-е года">
+            </div>
+        </main>
+        <div class="br"></div>
+        <footer>
+            <a href="author.html">Автор сайта - Зинченко Иван</a><br>
+        </footer>
+    </div>
+</body>
+</html>
--- a/app/author.html
+++ b/app/author.html
@ -16,9 +16,16 @@
        </header>
        <main class="author">
           <div id="contacts">
-                <span><i class="fas fa-user"></i> Зинченко Иван</span> <br>
-                <span><i class="fab fa-vk"></i><a href="https://vk.com/zinchenko291" target="_blank"> zinchenko291</a></span> <br>
-                <span><i class="fab fa-instagram"></i><a href="https://www.instagram.com/zinchenko291" target="_blank"> @zinchenko291</a></span>
+                <div>
+                    <i class="fas fa-user"></i><br>
+                    <i class="fab fa-vk"></i><br>
+                    <i class="fab fa-instagram"></i>
+                </div>
+                <div>
+                    <span>Зинченко Иван</span> <br>
+                    <span><a href="https://vk.com/zinchenko291" target="_blank">zinchenko291</a></span> <br>
+                    <span><a href="https://www.instagram.com/zinchenko291" target="_blank">@zinchenko291</a></span>
+                </div>
           </div>
        </main>
        <div class="br"></div>
--- a/app/css/50s.css
+++ b/app/css/50s.css
--- a/app/css/main.css
+++ b/app/css/main.css
--- a/app/img/40s-first-item.jpg
+++ b/app/img/40s-first-item.jpg
--- a/app/img/40s-second-item.jpg
+++ b/app/img/40s-second-item.jpg
--- a/app/img/50s-first-item.jpg
+++ b/app/img/50s-first-item.jpg
--- a/app/img/50s-second-item.jpg
+++ b/app/img/50s-second-item.jpg
--- a/app/index.html
+++ b/app/index.html
@ -19,16 +19,14 @@
            <p><span class="bold">Городской округ "Город Лесной"</span> - одно из закрытых административно-территориальных образований и составная часть единого технологического цикла ядерного комплекса страны.</p>
            <p><span class="bold">Город Лесной</span> расположен на севере Свердловской области на восточном склоне Среднего Урала, в окрестностях Шайтан-горы на берегу на берегу Нижнетуринского пруда. Его окружают живописные таежные массивы. А тесное соседство с лесом придает неповторимый облик городу, где люди живут в комфорте и гармонии с природой.</p>
            <p><a href="history.html">История города</a> Лесного интересна и многообразна.</p>
-            <p>
-                Так же имеется хроника Лесного:
-                <ol>
-                    <li><a href="#">40-е годы</a></li>
-                    <li><a href="#">50-е годы</a></li>
-                    <li><a href="#">60-е годы</a></li>
-                    <li><a href="#">70-е и 80-е годы</a></li>
-                    <li><a href="#">90-е годы и начало XXI века</a></li>
-                </ol>
-            </p>
+            <p>Так же имеется хроника Лесного:</p>
+            <ol>
+                <li><a href="40s.html">40-е годы</a></li>
+                <li><a href="50s.html">50-е годы</a></li>
+                <li><a href="#">60-е годы</a></li>
+                <li><a href="#">70-е и 80-е годы</a></li>
+                <li><a href="#">90-е годы и начало XXI века</a></li>
+            </ol>
            <span class="center">Для того, что бы перемещаться по карте нажимай на объекты. <a href="map.html">Перейти на карту</a></span>
            <a href="map.html" id="a-index-map"><img id="index-map" src="img/index-map.png" alt="Перейти на карту"></a>
            <img id="shapka" src="img/shapka.jpg" alt="Город Лесной">
--- a/app/sass/_40s.scss
+++ b/app/sass/_40s.scss
@ -0,0 +1,14 @@
+.item-40s {
+    display: flex;
+    flex-direction: row;
+    flex: 1;
+    flex-wrap: wrap;
+    justify-content: space-around;
+    align-items: center;
+}
+.img-item-40s {
+    min-width: 20em;
+    min-height: 10em;
+    width: 40%;
+    height: 30%;
+}
--- a/app/sass/_author.scss
+++ b/app/sass/_author.scss
@ -8,10 +8,18 @@ main.author {
        line-height: 1.2em;
        padding: .5em;
        margin: auto;
-        display: inline-table;
+        display: flex;
+        flex-direction: row;
+
+        div:first-child {
+            text-align: center;
+            margin-right: .1em;
+        }
+
        a {
            text-decoration: none;
        }
+
        @media (max-width: 70em) {
            font-size: 2.5em;
        }
@ -19,4 +27,4 @@ main.author {
            font-size: 2em;
        }
    }
-}
+} 
--- a/app/sass/_normalize.scss
+++ b/app/sass/_normalize.scss
@ -1,127 +1,48 @@
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-
-/* Document
-   ========================================================================== */
-
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-
 html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
 }
-
-/* Sections
-   ========================================================================== */
-
-/**
- * Remove the margin in all browsers.
- */
-
 body {
  margin: 0;
 }
-
-/**
- * Render the `main` element consistently in IE.
- */
-
 main {
  display: block;
 }
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-
 h1 {
  font-size: 2em;
  margin: 0.67em 0;
 }
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-
 hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
 }
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
 pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
 }
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Remove the gray background on active links in IE 10.
- */
-
 a {
  background-color: transparent;
 }
-
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-
 abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
 }
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-
 b,
 strong {
  font-weight: bolder;
 }
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
 code,
 kbd,
 samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
 }
-
-/**
- * Add the correct font size in all browsers.
- */
-
 small {
  font-size: 80%;
 }
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-
 sub,
 sup {
  font-size: 75%;
@ -129,34 +50,15 @@ sup {
  position: relative;
  vertical-align: baseline;
 }
-
 sub {
  bottom: -0.25em;
 }
-
 sup {
  top: -0.5em;
 }
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove the border on images inside links in IE 10.
- */
-
 img {
  border-style: none;
 }
-
-/* Forms
-   ========================================================================== */
-
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-
 button,
 input,
 optgroup,
@ -167,42 +69,20 @@ textarea {
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
 }
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-
 button,
 input { /* 1 */
  overflow: visible;
 }
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-
 button,
 select { /* 1 */
  text-transform: none;
 }
-
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-
 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
  -webkit-appearance: button;
 }
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
@ -210,33 +90,15 @@ button::-moz-focus-inner,
  border-style: none;
  padding: 0;
 }
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
 }
-
-/**
- * Correct the padding in Firefox.
- */
-
 fieldset {
  padding: 0.35em 0.75em 0.625em;
 }
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- *    `fieldset` elements in all browsers.
- */
-
 legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
@ -245,105 +107,41 @@ legend {
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
 }
-
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-
 progress {
  vertical-align: baseline;
 }
-
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-
 textarea {
  overflow: auto;
 }
-
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-
 [type="checkbox"],
 [type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
 }
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
  height: auto;
 }
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-
 [type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
 }
-
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-
 [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
 }
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-
 ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
 }
-
-/* Interactive
-   ========================================================================== */
-
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-
 details {
  display: block;
 }
-
-/*
- * Add the correct display in all browsers.
- */
-
 summary {
  display: list-item;
 }
-
-/* Misc
-   ========================================================================== */
-
-/**
- * Add the correct display in IE 10+.
- */
-
 template {
  display: none;
 }
-
-/**
- * Add the correct display in IE 10.
- */
-
 [hidden] {
  display: none;
-}
+}
--- a/app/sass/main.scss
+++ b/app/sass/main.scss
@ -18,6 +18,7 @@ $blue: #3498DB;
@import "map";
@import "404";
@import "history";
+@import "40s";

 html, body {
    background-color: $white;
@ -108,8 +109,8 @@ main {
    }
    margin: 1em auto;
 }
-.br::before {
-    content: " ";
+.br {
+    // content: " ";
    display: block;
    background-color: $black;
    height: .12em;