diff --git a/anb.openurl/anb.openurl.js b/anb.openurl/anb.openurl.js new file mode 100644 index 0000000..84b85c6 --- /dev/null +++ b/anb.openurl/anb.openurl.js @@ -0,0 +1,28 @@ +/* Скрипт для навигации по URL. + *** Автор: Александр Бабаев. + *** Версия: 0.5 + */ +function openurl (url, target = 'self', params = null) { + var w_target = target; + w_target.toLowerCase; + switch (w_target) { + case 'new': + /* Открыть в новой вкладке */ + window.open(url, "_blank"); + break; + case 'modal': + /* Открыть в модальном окне */ + var wparams = ''; + if (params == null) { + wparams = 'toolbar=no, menubar=no, location=no, directories=no, status=no, width=800, height=600'; + } else { + wparams = params; + } + window.open(url, "", wparams); + break; + default: + /* Открыть в текущем окне (по умолчанию) */ + location.href = url; + } + return false; +} \ No newline at end of file diff --git a/anb.openurl/license.txt b/anb.openurl/license.txt new file mode 100644 index 0000000..ce718ea --- /dev/null +++ b/anb.openurl/license.txt @@ -0,0 +1,15 @@ +anb.openurl. Library for open url in JS. +Copyright (C) 2018 - 2019 by Alexander Babaev. + +This program is free software: you can redistribute it and/or modify +it under the terms of the GNU General Public License as published by +the Free Software Foundation, either version 3 of the License, or +any later version. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU General Public License for more details. + +You should have received a copy of the GNU General Public License +along with this program. If not, see . \ No newline at end of file diff --git a/anb.openurl/readme.txt b/anb.openurl/readme.txt new file mode 100644 index 0000000..84e12e2 --- /dev/null +++ b/anb.openurl/readme.txt @@ -0,0 +1,8 @@ +--- anb.openurl --- +--- Версия: 1.0 --- +--- Описание: Библиотека открытия URL. --- + +-- Автор: Александр Бабаев -- +-- URL: https://babaev-an.ru/ -- + +- Лицензия: GPL3 (https://www.gnu.org/licenses/gpl.html) - \ No newline at end of file diff --git a/images/diplom/image_1.png b/images/diplom/image_1.png new file mode 100644 index 0000000..24b5a9e Binary files /dev/null and b/images/diplom/image_1.png differ diff --git a/images/diplom/image_2.jpg b/images/diplom/image_2.jpg new file mode 100644 index 0000000..c9a5a30 Binary files /dev/null and b/images/diplom/image_2.jpg differ diff --git a/images/diplom/image_3.jpg b/images/diplom/image_3.jpg new file mode 100644 index 0000000..56afc07 Binary files /dev/null and b/images/diplom/image_3.jpg differ diff --git a/images/diplom/image_4.jpg b/images/diplom/image_4.jpg new file mode 100644 index 0000000..2b573b5 Binary files /dev/null and b/images/diplom/image_4.jpg differ diff --git a/images/diplom/image_5.jpg b/images/diplom/image_5.jpg new file mode 100644 index 0000000..cdad3ce Binary files /dev/null and b/images/diplom/image_5.jpg differ diff --git a/images/menu-sub.png b/images/menu-sub.png new file mode 100644 index 0000000..f05f698 Binary files /dev/null and b/images/menu-sub.png differ diff --git a/images/upbutton.png b/images/upbutton.png new file mode 100644 index 0000000..319115f Binary files /dev/null and b/images/upbutton.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..7888849 --- /dev/null +++ b/index.html @@ -0,0 +1,139 @@ + + + + + + + + + Заголовок вашей страницы + + + + +
+
+
+ Инфекции, передаваемые половым путем +
+
+ Инфекции, передаваемые половым путем - это инфекции, которые передаются от одного человека другому при сексуальном контакте. +
+
+ +
+
+ Получить инфекцию довольно легко. +
+ Если половой акт незащищенный, то за один раз может передаваться +
+ более двадцати пяти видов возбудителей +
+
+ Получение инфекции +
+
+ +
+
+ Инфекции, передаваемые половым путем +
+
+ Инфекции передаются: +
    +
  • при половых контактах, то есть при оральном, вагинальном и анальном сексе с зараженным человеком;
    • +
  • при использовании общих шприцев и игл при введении внутривенно каких-либо веществ;
    • +
  • при телесном контакте с человеком, у которого имеются высыпания и язвочки, характерные для ИППП;
    • +
  • при контакте с кровью зараженного человека;
    • +
  • от инфицированной матери к ребенку во время беременности
    • +
+ Эти инфекции нередко бессимптомны, протекают долго (если не лечиться) и волнообразно, часто внешне не заметны. +
+
+ +
+
+ Основными симптомами инфекций, передающихся половым путем, являются: +
    +
  • покраснение в области половых органов и заднего прохода;
    • +
  • боли во время полового акта;
    • +
  • болезненное и частое мочеиспускание;
    • +
  • бородавки или язвочки в области половых органов;
    • +
  • зуд и жжение в области половых органов;
    • +
  • выделения;
    • +
  • необычные кровотечения.
    • +
+
+
+ Получение инфекции +
+
+ +
+
+ Инфекции, передаваемые половым путем +
+
+

Профилактические мероприятия

+

+ Чем раньше заболевший обратится к врачу, тем выше вероятность его полного излечения. + Всегда лучше и проще предупредить болезнь, чем лечиться от неё, даже успешно. +

+ +

+ Все мы знаем, что заболевание проще предупредить, чем лечить. Чтобы уменьшить риск заражения, помните о правилах профилактики: +

    +
  • + имейте одного полового партнера. В таком случае вероятность заразиться ИППП стремится к нулю; +
    • +
  • + используйте презервативы, соблюдая правила обращения с ними; +
    • +
  • + откажитесь от интимных контактов, если у Вас или у Вашей партнерши есть какие-либо высыпания на половых органах или во рту, + а также выделения из мочеполовых путей. +
    • +
  • + растворы антисептиков защищают от бактериальных ИППП, однако не стоит слишком увлекаться такими средствами, + так как частое их использование может привести к нарушению микрофлоры во влагалище; +
    • +
  • + если произошел половой контакт со случайной партнершей, нужно как можно быстрее опорожнить мочевой пузырь, снять загрязненное белье, + вымыть половые органы теплой водой с мылом, просушить чистой салфеткой и обработать каким-либо антисептиком - мирамистином, хлоргексидином. +
    • +
  • + при возникновении подозрительных симптомов следует, не затягивая, обратиться к врачу. +
    • +
+

+
+
+ +
+ Любите друг друга и будьте здоровы! +
+ +
+ +
+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..8e2126c --- /dev/null +++ b/style.css @@ -0,0 +1,341 @@ +/* + Theme Name: MedColBSU + Theme URI: https://medcollege.bsu.edu.ru/ + Description: Web-page created for compatibility with main site + Author: Alexander Babaev + Author URI: https://babaev-an.ru/ + Version: 0.1 +*/ +/* 1. Контйнер содержимого сайта */ +.site-body { + line-height: 1.5; + text-align: justify-all; +} +@media (max-width: 768px) { + .site-body{ + padding: 10px; + } +} +@media (min-width: 769px) and (max-width: 1024px) { + .site-body{ + padding: 20px; + } +} +@media (min-width: 1025px) { + .site-body{ + padding: 40px; + } +} +/* 2. Контейнер шапки. */ +.mc_header { + display: -webkit-flex; + -webkit-justify-content: center; + display: flex; + justify-content: flex-start; + align-items: center; + flex-wrap: wrap; + align-content: center; + width: auto; + flex-direction: row; +} +.mc_header .medcollogo { + cursor: pointer; +} +.mc_header .bsulogo { + cursor: pointer; + margin-left: auto; +} +.mc_header .textcontainer{ + min-width: 0; + word-wrap: break-word; + margin-left: 20px; + flex: auto; +} +@media (max-width: 309px) { + .mc_header { + flex-direction: column; + justify-content: center; + } + .mc_header .bsulogo { + margin-left: 0px; + } +} +@media (max-width: 768px) { + .mc_header { + padding: 2px 10px; + } + .mc_header .textcontainer{ + margin-left: 5px; + } +} +@media (min-width: 769px) and (max-width: 1024px) { + .mc_header { + padding: 3px 20px; + } + .mc_header .textcontainer{ + margin-left: 10px; + } +} +@media (min-width: 1025px) { + .mc_header { + padding: 5px 40px; + } + .mc_header .textcontainer{ + margin-left: 20px; + } +} +/* 3. Текст шапки. */ +.sitetitle { + font-family: PTSansRegular, Arial, Tahoma, Helvetica, Sans-Serif, Verdana; + color: #663333; + font-weight: 600; + line-height: 100%; + text-transform: uppercase; + white-space: pre-wrap; +} +.sitesubtitle { + font-family: PTSansRegular, Arial, Tahoma, Helvetica, Sans-Serif, Verdana; + color: #666666; + font-weight: normal; + white-space: pre-wrap; +} +.subsitetitle { + font-family: PTSansRegular, Arial, Tahoma, Helvetica, Sans-Serif, Verdana; + color: #ff4d00; + font-weight: 600; + line-height: 100%; + text-transform: uppercase; + white-space: pre-wrap; +} + +@media (max-width: 768px) { + .sitetitle { + font-size: 16px; + } + .sitesubtitle { + font-size: 6px; + } + .subsitetitle { + font-size: 14px; + } +} +@media (min-width: 769px) and (max-width: 1024px) { + .sitetitle { + font-size: 24px; + } + .sitesubtitle { + font-size: 11px; + } + .subsitetitle { + font-size: 22px; + } +} +@media (min-width: 1025px) { + .sitetitle { + font-size: 35px; + } + .sitesubtitle { + font-size: 16px; + } + .subsitetitle { + font-size: 33px; + } +} +/* 4. Логотипы сайта. */ +.medcollogo { + background-image: url(https://medcollege.bsu.edu.ru/smc-content/themes/medcolbsu/images/sitelogo/logo_medcol.png); + background-repeat: no-repeat; + background-position: center center; +} +.bsulogo { + background-image: url(https://medcollege.bsu.edu.ru/smc-content/themes/medcolbsu/images/sitelogo/logo_bsu.png); + background-repeat: no-repeat; + background-position: center center; +} +@media (max-width: 768px) { + .medcollogo { + background-size: 55px; + width: 55px; + height: 55px; + } + .bsulogo { + background-size: 37px; + width: 37px; + height: 55px; + } +} +@media (min-width: 769px) and (max-width: 1024px) { + .medcollogo { + background-size: 81px; + width: 81px; + height: 82px; + } + .bsulogo { + background-size: 56px; + width: 56px; + height: 82px; + } +} +@media (min-width: 1025px) { + .medcollogo { + background-size: 109px; + width: 109px; + height: 110px; + } + .bsulogo { + background-size: 61px; + width: 61px; + height: 90px; + } +} +/* 5. Меню. */ +.site-menu { + margin: 0px; + padding: 0px; + width: 100%; + text-align: center; + border: 0px; + background: #69F; + color: white; +} +.site-menu > li { + position: relative; + display: inline-block; + cursor: pointer; + padding: 10px 5px; + } +.site-menu li:hover { + background: #36C; +} +.site-menu > li:first-child { + margin-left: 10px; +} +.site-menu > li:last-child { + margin-right: 10px; +} +.site-menu-sub > li:first-child { + margin-top: 10px; +} +.site-menu-sub > li:last-child { + margin-bottom: 10px; +} +.site-menu .site-menu-sub { + left: 10px; + position: absolute; + display: none; + width: auto; + max-width: 300px; + margin: 0; + padding: 0; + list-style: none; + background: #69F; +} +.site-menu > .selected { + background: #36C; +} +.site-menu-sub > .selected { + background: #36C; +} +.site-menu-sub > li { + padding: 0px 10px; +} +.site-menu > li:hover .site-menu-sub { + display: block; +} +.site-menu-toggle { + display: inline-block; + width: 16px; + height: 16px; + clear: both; + background-image: url(images/menu-sub.png); + background-repeat: no-repeat; + background-position: center center; +} +/* 6. Подвал */ +.site-footer { + background-color: #69F; + color: white; + font-size: 14px; + text-align: center; + padding: 10px 5px 10px 5px; +} +/* 7. Класс для выравнивания и размера изображений. */ +img.alleft { + float: left; + padding-right: 10px; +} +img.alright { + float: right; + padding-left: 10px; +} +img.small { + width: 150px; + height: auto +} +img.normal { + width: 300px; + height: auto +} +img.big { + width: 500px; + height: auto +} +img.hd { + width: 720px; + height: auto +} +/* 8. Кнопка «Вверх» */ +.upbutton{ + width: 80px; + height: 78px; + border: 0px; + padding: 5px; + position: fixed; + bottom: 2px; + right: 2px; + cursor: pointer; + background: url(images/upbutton.png) no-repeat; + opacity: 0.6; +} + +/* 9. Класс, делящий страницу на 2 колонки. */ +.columnContainer { + display: flex; + flex-wrap: nowrap; + align-content: center; + justify-content: space-around; +} + +.columnLeft{ + padding-left: 10px; + order: 1; + text-align: right; + margin-right: 10px; +} + +.columnRight { + padding-right: 10px; + order: 2; + text-align: left; + margin-left: 10px; +} + +@media (max-width: 768px) { + .columnContainer { + flex-direction: column; + } + + .columnContainer .columnLeft, .columnContainer .columnRight { + width: 100%; + } +} + +@media (min-width: 769px) { + .columnContainer { + flex-direction: row; + } + + .columnContainer .columnLeft, .columnContainer .columnRight { + width: 50%; + } +} \ No newline at end of file