diff --git a/Dockerfile b/Dockerfile index 6e442f1..66af1c6 100644 --- a/Dockerfile +++ b/Dockerfile @@ -1,4 +1,16 @@ FROM nginx:stable-alpine +ARG LKRP_UL_URL="https:\/\/lkrp-dev.micord.ru\/ul\/" +ARG LKRP_UL_LANDING="https:\/\/lkrp-dev.micord.ru\/ul\/home.html" +ARG LKRP_FL_URL="https:\/\/lkrp-dev.micord.ru\/fl\/" +ARG LKRP_FL_LANDING="https:\/\/lkrp-dev.micord.ru\/fl\/home.html" + #COPY nginx.conf /etc/nginx/conf.d/default.conf COPY ./html/ /usr/share/nginx/html/ + +RUN cd /usr/share/nginx/html \ + && sed -i -r "s/LKRP_UL_URL/$LKRP_UL_URL/g" ./index.html \ + && sed -i -r "s/LKRP_UL_LANDING/$LKRP_UL_LANDING/g" ./index.html \ + && sed -i -r "s/LKRP_FL_URL/$LKRP_FL_URL/g" ./index.html \ + && sed -i -r "s/LKRP_FL_LANDING/$LKRP_FL_LANDING/g" ./index.html + diff --git a/html/css/inbox.css b/html/css/inbox.css index 26c6834..3d3d286 100644 --- a/html/css/inbox.css +++ b/html/css/inbox.css @@ -188,20 +188,12 @@ a.btn:is(:hover, :focus, :active) { background-color: var(--bg-light); overflow: auto; } -.container-inside .short-text { - max-width: 60%; -} -.container-inside .paragraph-left .short-text { - max-width: 70%; -} .container-inside .block-group { display: flex; flex-direction: row; margin: auto; } .container-inside .block { - display: flex; - flex-direction: column; font-family: 'Inter'; min-width: 355px; padding: 40px; @@ -237,395 +229,9 @@ a.btn:is(:hover, :focus, :active) { } .container-inside .block .btn { width: auto; - margin-top: var(--indent-medium); -} -:is(.ul, .fl) .container-inside { - padding: 0; - background-color: var(--white); -} -:is(.ul, .fl) .container-inside .btn-group { - display: flex; - flex-direction: row; -} -:is(.ul, .fl) .container-inside .btn-group .btn + .btn { - margin-left: var(--indent-mini); -} - -:is(.ul, .fl) .container-inside .list-group { - position: relative; - padding: 0 var(--w-screen); -} -:is(.ul, .fl) .container-inside .list-group .btn { - width: max-content; -} -:is(.ul, .fl) .container-inside .list-group .title { - font-size: var(--size-text-maintitle); - font-family: 'GolosB'; - margin-bottom: var(--indent-huge); -} -:is(.ul, .fl) .container-inside .list-group .subtitle { - font-size: var(--size-text-title); - font-family: 'GolosDB'; - margin-bottom: var(--indent-big); -} -:is(.ul, .fl) .container-inside .list-group .muted { - color: var(--color-light); -} - -:is(.ul, .fl) .container-inside .list-group .paragraph { - display: flex; - flex-direction: row; -} -:is(.ul, .fl) .container-inside .list-group .paragraph .paragraph-left { - width: 40%; -} -:is(.ul, .fl) .container-inside .list-group .paragraph .paragraph-right { - width: 60%; -} -:is(.ul, .fl) .container-inside .list-group .paragraph .paragraph-half { - width: 50%; -} -:is(.ul, .fl) .container-inside .list-group .paragraph .paragraph-third { - width: 33.33%; -} -:is(.ul, .fl) .container-inside .list-group .paragraph [class*="paragraph-"] + [class*="paragraph-"] { - margin-left: 40px; -} -:is(.ul, .fl) .container-inside .list-group .paragraph .text { - font-family: 'InterSB'; - font-size: var(--size-text-primary); - margin-bottom: var(--indent-mini); -} -:is(.ul, .fl) .container-inside .list-group .paragraph .icon-checklist, -:is(.ul, .fl) .container-inside .list-group .paragraph .icon-clock, -:is(.ul, .fl) .container-inside .list-group .paragraph .icon-text { - padding-top: 44px; -} -:is(.ul, .fl) .container-inside .list-group .paragraph .icon-checklist { - background: url(../img/svg/checklist-32x32.svg) no-repeat 0 0; -} -:is(.ul, .fl) .container-inside .list-group .paragraph .icon-clock { - background: url(../img/svg/clock-32x32.svg) no-repeat 0 0; -} -:is(.ul, .fl) .container-inside .list-group .paragraph .icon-text { - background: url(../img/svg/text-32x32.svg) no-repeat 0 0; -} - -:is(.ul, .fl) .container-inside .list-group .list > div { - position: relative; - padding-left: 36px; -} -:is(.ul, .fl) .container-inside .list-group .list > div + div { - margin-top: var(--indent-mini); -} -:is(.ul, .fl) .container-inside .list-group .list > div::after { - content: ""; - position: absolute; - width: 24px; - height: 24px; - top: 0; - left: 0; -} -:is(.ul, .fl) .container-inside .list-group .list > div.esia::after { - background: url(../img/svg/esia-24x24.svg) no-repeat 0 0; -} -:is(.ul, .fl) .container-inside .list-group .list > div.case::after { - background: url(../img/svg/case-24x24.svg) no-repeat 0 0; -} -:is(.ul, .fl) .container-inside .list-group .list > div.user::after { - background: url(../img/svg/user-24x24.svg) no-repeat 0 0; -} -:is(.ul, .fl) .container-inside .list-group .list > div.romb::after { - background: url(../img/svg/romb-24x24.svg) no-repeat 0 0; -} -:is(.ul, .fl) .container-inside .list-group .list ~ .btn-group { margin-top: var(--indent-medium); } -:is(.ul, .fl) .container-inside .list-group .section-group > div { - display: flex; - flex-direction: column; - min-height: 48px; - position: relative; - padding: 16px 16px 16px 76px; - margin-bottom: 16px; - border-radius: 4px; - background-color: var(--bg-form); -} -:is(.ul, .fl) .container-inside .list-group .section-group > div:last-child { - margin-bottom: 0; -} -:is(.ul, .fl) .container-inside .list-group .section-group > div::before { - content: ""; - position: absolute; - left: 16px; - width: 48px; - height: 48px; - border-radius: 50px; - background-color: var(--color-bg-main); - background-repeat: no-repeat; - background-position: 50% 50%; -} -:is(.ul, .fl) .container-inside .list-group .section-group > div.icon-user::before { - background-image: url(../img/svg/pers-wt.svg); -} -:is(.ul, .fl) .container-inside .list-group .section-group > div.icon-case::before { - background-image: url(../img/svg/case-wt.svg); -} -:is(.ul, .fl) .container-inside .list-group .section-group > div.icon-shield::before { - background-image: url(../img/svg/shield-wt.svg); -} -:is(.ul, .fl) .container-inside .list-group .section-group > div.icon-clip::before { - background-image: url(../img/svg/clip-wt.svg); -} -:is(.ul, .fl) .container-inside .list-group .section-group > div.icon-pers::before { - background-image: url(../img/svg/pers-wt.svg); -} -:is(.ul, .fl) .container-inside .list-group .section-group > div.icon-building::before { - background-image: url(../img/svg/building-wt.svg); -} -:is(.ul, .fl) .container-inside .list-group .section-group > div .muted { - margin-top: 12px; -} -:is(.ul, .fl) .container-inside .list-group .section-group > div .muted .detailed { - color: var(--color-text-primary); - font-family: 'InterB'; -} - -:is(.ul, .fl) .container-inside .list-group .pass-list { - position: relative; - display: flex; - flex-direction: row; - padding-top: 60px; -} -:is(.ul, .fl) .container-inside .list-group .pass-list::before { - content: ""; - position: absolute; - width: calc(80% + 40px); - height: 4px; - top: 18px; - left: 0; - background-color: var(--color-link-hover); -} -:is(.ul, .fl) .container-inside .list-group .pass-list > div { - position: relative; - width: 20%; -} -:is(.ul, .fl) .container-inside .list-group .pass-list > div::before { - content: ""; - position: absolute; - width: 32px; - height: 32px; - top: -60px; - left: 0; - border-radius: 2px; - border: 4px solid var(--color-link-hover); - background-color: var(--bg-light); - transform: rotate(45deg); -} -:is(.ul, .fl) .container-inside .list-group .pass-list > div::after { - content: ""; - position: absolute; - font-family: 'InterB'; - top: -50px; - left: 15px; -} -:is(.ul, .fl) .container-inside .list-group .pass-list > div:nth-child(1)::after { - content: "1"; -} -:is(.ul, .fl) .container-inside .list-group .pass-list > div:nth-child(2)::after { - content: "2"; -} -:is(.ul, .fl) .container-inside .list-group .pass-list > div:nth-child(3)::after { - content: "3"; -} -:is(.ul, .fl) .container-inside .list-group .pass-list > div:nth-child(4)::after { - content: "4"; -} -:is(.ul, .fl) .container-inside .list-group .pass-list > div:nth-child(5)::after { - content: "5"; -} -:is(.ul, .fl) .container-inside .list-group .pass-list > div + div { - margin-left: 40px; -} - -:is(.ul, .fl) .container-inside .list-group .msg-list { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; - padding: 8px; -} -:is(.ul, .fl) .container-inside .list-group .msg-list span { - width: 32px; - height: 32px; - padding-right: 16px; - background: url(../img/svg/info-gr.svg) no-repeat 0 0; -} - -:is(.ul, .fl) .container-inside .list-group .docs-list { - position: relative; - display: flex; - flex-direction: row; -} -:is(.ul, .fl) .container-inside .list-group .docs-list > div { - position: relative; - display: flex; - flex-direction: row; - align-items: center; - width: 20%; -} -:is(.ul, .fl) .container-inside .list-group .docs-list > div a { - width: 24px; - height: 24px; - padding-right: 8px; - background: url(../img/svg/download-24x24.svg) no-repeat 0 0; -} -:is(.ul, .fl) .container-inside .list-group .docs-list > div + div { - margin-left: 40px; -} - -:is(.ul, .fl) .container-inside .list-group.lk-what { - padding-top: var(--indent-huge); - padding-bottom: var(--indent-huge); -} -:is(.ul, .fl) .container-inside .list-group.lk-what::after { - content: ""; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - opacity: 0.12; - background: url(../img/svg/bg-star.svg) no-repeat calc(100% + 200px) -180px transparent; - z-index: 0; -} -:is(.ul, .fl) .container-inside .list-group.lk-what > div { - position: relative; - z-index: 1; -} - -:is(.ul, .fl) .container-inside .list-group.lk-access { - color: var(--white); - padding-top: var(--indent-big); - padding-bottom: var(--indent-big); - background-color: var(--color-bg-main); -} -:is(.ul, .fl) .container-inside .list-group.lk-info { - padding-top: var(--indent-big); - padding-bottom: var(--indent-big); -} -:is(.ul, .fl) .container-inside .list-group.lk-pass { - padding-top: var(--indent-big); - padding-bottom: var(--indent-big); - background-color: var(--bg-light); -} -:is(.ul, .fl) .container-inside .list-group.lk-when { - color: var(--white); - padding-top: var(--indent-big); - padding-bottom: var(--indent-big); - background-color: var(--color-bg-main); -} -:is(.ul, .fl) .container-inside .list-group.lk-msg { - background-color: var(--border-light); -} -:is(.ul, .fl) .container-inside .list-group.lk-limits { - padding-top: var(--indent-big); - padding-bottom: var(--indent-big); -} -:is(.ul, .fl) .container-inside .list-group.lk-docs { - flex: 1; - color: var(--white); - padding-top: var(--indent-huge); - padding-bottom: var(--indent-huge); - background-color: var(--color-text-primary); -} -:is(.ul, .fl) .container-inside .list-group.lk-alert { - padding-top: var(--indent-big); - padding-bottom: var(--indent-big); - background-color: var(--bg-light); -} -:is(.ul, .fl) .container-inside .list-group.lk-footer { - padding-top: var(--indent-small); - padding-bottom: var(--indent-small); - background-color: var(--color-text-primary); -} - -:is(.fl) .container-inside .list-group.lk-what .title { - color: var(--color-link); - margin-bottom: var(--indent-small); -} -:is(.fl) .container-inside .list-group.lk-what .title::after { - content: url(../img/svg/star.svg); - top: 18px; - position: relative; - margin-left: var(--indent-big); -} -:is(.fl) .container-inside .list-group.lk-what .title + .short-text { - max-width: 25%; -} -:is(.fl) .container-inside .list-group.lk-what .title ~ .subtitle { - margin-top: var(--indent-big); -} -:is(.fl) .container-inside .list-group.lk-info .section-group > div { - justify-content: center; -} -:is(.fl) .container-inside .list-group.lk-pass .subtitle { - margin-bottom: 0; -} -:is(.fl) .container-inside .list-group.lk-pass .subtitle + div { - margin-top: var(--indent-small); - margin-bottom: var(--indent-big); -} -:is(.fl) .container-inside .list-group.lk-pass .pass-list::before { - display: none; -} -:is(.fl) .container-inside .list-group.lk-pass .pass-list > div { - position: relative; - width: 33.33%; -} -:is(.fl) .container-inside .list-group.lk-msg { - color: var(--color-link); - font-family: 'InterSB'; - background-color: var(--bg-form); -} -:is(.fl) .container-inside .list-group.lk-msg span { - background: url(../img/svg/info.svg) no-repeat 0 4px; -} -:is(.fl) .container-inside .list-group.lk-limits .subtitle { - margin-bottom: 0; -} -:is(.fl) .container-inside .list-group.lk-limits .subtitle + div { - margin-top: var(--indent-small); - margin-bottom: var(--indent-big); -} -:is(.fl) .container-inside .list-group.lk-limits .scheme { - width: 100%; - height: 204px; - background: url(../img/svg/scheme.svg) no-repeat 0 0; -} -:is(.fl) .container-inside .list-group.lk-alert > .short-text { - margin-bottom: var(--indent-big); -} -:is(.fl) .container-inside .list-group.lk-alert .alert-block { - position: relative; - padding: var(--indent-small) 64px var(--indent-small) var(--indent-small); - border-radius: 4px; - border: 2px solid var(--border-light); -} -:is(.fl) .container-inside .list-group.lk-alert .alert-block::after { - content: url(../img/svg/info.svg); - position: absolute; - top: var(--indent-small); - right: var(--indent-small); -} -:is(.fl) .container-inside .list-group.lk-alert .alert-block > div + div { - margin-top: var(--indent-small); -} -:is(.fl) .container-inside .list-group.lk-alert .alert-block > div:last-child { - color: var(--color-link); -} - /*@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {*/ @media (max-width: 1024px) { body { @@ -638,11 +244,7 @@ a.btn:is(:hover, :focus, :active) { --indent-huge: 32px; --indent-big: 24px; --indent-medium: 24px; - --indent-small: 16px; - } - - .container-inside .short-text { - max-width: 100% !important; + --indent-small: 16px; } .container-inside .block-group { @@ -656,41 +258,6 @@ a.btn:is(:hover, :focus, :active) { .container-inside .block-group .block > div { max-width: inherit !important; } - :is(.ul, .fl) .container-inside .list-group .paragraph { - flex-direction: column; - } - :is(.ul, .fl) .container-inside .list-group .paragraph [class*="paragraph-"] { - width: auto; - margin-left: 0; - } - :is(.ul, .fl) .container-inside .list-group .paragraph [class*="paragraph-"] + [class*="paragraph-"] { - margin-top: var(--indent-mini); - margin-left: 0; - } - :is(.ul, .fl) .container-inside .list-group .pass-list { - flex-direction: column; - padding-top: 0; - } - :is(.ul, .fl) .container-inside .list-group .pass-list::before { - display: none; - } - :is(.ul, .fl) .container-inside .list-group .pass-list > div { - display: flex; - align-items: center; - width: auto !important; - padding-left: 60px; - min-height: 40px; - } - :is(.ul, .fl) .container-inside .list-group .pass-list > div::before { - top: 0; - } - :is(.ul, .fl) .container-inside .list-group .pass-list > div::after { - top: 10px; - } - :is(.ul, .fl) .container-inside .list-group .pass-list > div + div { - margin-left: 0; - margin-top: var(--indent-mini); - } } @media (max-width: 480px) { @@ -706,14 +273,4 @@ a.btn:is(:hover, :focus, :active) { --indent-medium: 16px; --indent-small: 16px; } - :is(.ul, .fl) .container-inside .list-group .docs-list { - flex-direction: column; - } - :is(.ul, .fl) .container-inside .list-group .docs-list > div { - width: 100%; - } - :is(.ul, .fl) .container-inside .list-group .docs-list > div + div { - margin-left: 0; - margin-top: var(--indent-mini); - } } \ No newline at end of file diff --git a/html/fl/index.html b/html/fl/index.html deleted file mode 100644 index 036e384..0000000 --- a/html/fl/index.html +++ /dev/null @@ -1,128 +0,0 @@ - -
-