may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

AAI css popravki

Browse Source
This commit is contained in:
Nejc Kovač 2022-06-09 19:44:27 +02:00
parent d34a148b36
commit 0a8b0cce15
4 changed files with 101 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
frontend/simple/classes/DisplayController.php
View File

@ -122,9 +122,13 @@ class DisplayController{
echo '<div class="logo ">'; echo '<div class="logo ">';
echo ' <a href="'.$site_url.$this->root.'index.php">'; echo ' <a href="'.$site_url.$this->root.'index.php">';
echo ' <img src="'.$site_url.'/public/img/logo/1ka_logo_'.($this->lang_id != 1 ? 'eng' : 'slo').'.svg">';
if(!isAAI()){
echo ' <img src="'.$site_url.'/public/img/logo/1ka_logo_'.($this->lang_id != 1 ? 'eng' : 'slo').'.svg">';
}
if(isAAI()){ if(isAAI()){
echo ' <img src="'.$site_url.'/public/img/logo/arnes_logo.png" style="margin-left:30px;">'; echo ' <img src="'.$site_url.'/public/img/logo/1ka_namestitev.svg">';
echo ' <img src="'.$site_url.'/public/img/logo/Arnes.svg" style="margin-left:30px;">';
} }
echo ' </a>'; echo ' </a>';
@ -449,38 +453,40 @@ class DisplayController{
echo '</div>'; echo '</div>';
// POMEMBNE POVEZAVE // POMEMBNE POVEZAVE
echo '<h2 class="title">'.$lang["povezave_pomembne_povezave"].'</h2>'; echo '<div class="pomembne_povezave">';
echo '<h2 class="title">'.$lang["povezave_pomembne_povezave"].'</h2>';
echo '<div class="povezave">'; echo '<div class="povezave">';
echo '<div class= "col"> ';
echo '<img src="public/img/icons/icon_kako_deluje.svg" alt="kako deluje">';
echo '<h2>'.$lang["povezave__kako_deluje_h2"].'</h2>';
echo '<p> '.$lang["povezave__kako_deluje_text"].' </p>';
echo '<a id="povezave-btn"href="https://www.1ka.si/d/sl/pomoc"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron.svg" alt="hero image"> </a>';
echo '</div>';
echo '<div class= "col"> ';
echo '<img src="public/img/icons/icon_o_1ka.svg" alt="o 1ka">';
echo '<h2>'.$lang["povezave_o_1ka_h2"].'</h2>';
echo '<p> '.$lang["povezave_o_1ka_text"].' </p>';
echo ' <a id="povezave-btn" href="https://www.1ka.si/d/sl/o-1ka/splosen-opis"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron.svg" alt="hero image"> </a>';
echo '</div>';
echo '<div class= "col"> ';
echo '<img src="public/img/icons/icon_1ka_podpora.svg" alt="1ka podpora">';
echo '<h2>'.$lang["povezave_1ka_podpora_h2"].'</h2>';
echo '<p> '.$lang["povezave_1ka_podpora_text"].' </p>';
echo ' <a id="povezave-btn" href="https://www.1ka.si/d/sl/pomoc"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron.svg" alt="hero image"> </a>';
echo '</div>';
echo '<div class= "col"> ';
echo '<img src="public/img/icons/icon_arnes_podpora.svg" alt="arnes podpora">';
echo '<h2>'.$lang["povezave_arnes_podpora_h2"].'</h2>';
echo '<p> '.$lang["povezave_arnes_podpora_text"].' </p>';
echo ' <a id="povezave-btn" href="https://www.arnes.si/zavod-arnes/kontakti/"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron.svg" alt="hero image"> </a>';
echo '</div>';
echo '<div class= "col"> ';
echo '<img src="public/img/icons/icon_kako_deluje.svg" alt="kako deluje">';
echo '<h2>'.$lang["povezave__kako_deluje_h2"].'</h2>';
echo '<p> '.$lang["povezave__kako_deluje_text"].' </p>';
echo '<a id="povezave-btn"href="https://www.1ka.si/d/sl/pomoc"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron.svg" alt="hero image"> </a>';
echo '</div>'; echo '</div>';
echo '<div class= "col"> ';
echo '<img src="public/img/icons/icon_o_1ka.svg" alt="o 1ka">';
echo '<h2>'.$lang["povezave_o_1ka_h2"].'</h2>';
echo '<p> '.$lang["povezave_o_1ka_text"].' </p>';
echo ' <a id="povezave-btn" href="https://www.1ka.si/d/sl/o-1ka/splosen-opis"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron.svg" alt="hero image"> </a>';
echo '</div>';
echo '<div class= "col"> ';
echo '<img src="public/img/icons/icon_1ka_podpora.svg" alt="1ka podpora">';
echo '<h2>'.$lang["povezave_1ka_podpora_h2"].'</h2>';
echo '<p> '.$lang["povezave_1ka_podpora_text"].' </p>';
echo ' <a id="povezave-btn" href="https://www.1ka.si/d/sl/pomoc"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron.svg" alt="hero image"> </a>';
echo '</div>';
echo '<div class= "col"> ';
echo '<img src="public/img/icons/icon_arnes_podpora.svg" alt="arnes podpora">';
echo '<h2>'.$lang["povezave_arnes_podpora_h2"].'</h2>';
echo '<p> '.$lang["povezave_arnes_podpora_text"].' </p>';
echo ' <a id="povezave-btn" href="https://www.arnes.si/zavod-arnes/kontakti/"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron.svg" alt="hero image"> </a>';
echo '</div>';
echo '</div>'; echo '</div>';

56
frontend/simple/css/aai.css
View File

@ -15,6 +15,9 @@ body {
display: none; display: none;
} }
body.landing_page #content.aai #main {
background-image: none;
}
header { header {
padding: 0px; padding: 0px;
@ -30,8 +33,10 @@ header .nav-desktop span.menu_item a {
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 42px; line-height: 42px;
} }
header nav span.menu_item a:hover { header nav span.menu_item a:hover {
color: #F07D3E; color: #F07D3E;
} }
@ -44,9 +49,6 @@ header nav span.lang_switch img {
margin-right: 8px; margin-right: 8px;
} }
header nav span.lang_switch span {
line-height: 26px;
}
#header-btn { #header-btn {
@ -58,7 +60,7 @@ header nav span.lang_switch span {
height: 44px; height: 44px;
padding: 9px 16px; padding: 9px 16px;
gap: 10px; gap: 10px;
font-weight: 700;
text-transform: none; text-transform: none;
} }
@ -95,7 +97,7 @@ header nav span.lang_switch span {
.hero-container .text { .hero-container .text {
text-align: left; text-align: left;
max-width: 350px; max-width: 50%;
margin-right: 10px; margin-right: 10px;
font-size: 18px; font-size: 18px;
@ -110,6 +112,9 @@ header nav span.lang_switch span {
margin-bottom: 25px; margin-bottom: 25px;
} }
.hero-container .text p{ .hero-container .text p{
max-width: 390px;
margin-top: 0px; margin-top: 0px;
margin-bottom: 25px; margin-bottom: 25px;
} }
@ -117,9 +122,14 @@ header nav span.lang_switch span {
.hero-container a { .hero-container a {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center;
padding: 8px 16px; font-size: 16px;
width: 200px; font-weight: 600;
padding: 0px 16px;
height: 50px;
width: 320px;
background-color: #F07D3E; background-color: #F07D3E;
border: 1px solid #F07D3E; border: 1px solid #F07D3E;
color: white; color: white;
@ -145,7 +155,10 @@ header nav span.lang_switch span {
max-width: auto; max-width: auto;
} }
.pomembne_povezave {
background-color: #FCFCFC;
padding-bottom: 210px;
}
.povezave { .povezave {
@ -161,7 +174,7 @@ header nav span.lang_switch span {
line-height: 36px; line-height: 36px;
text-align: center; text-align: center;
margin-bottom: 50px; margin-bottom: 70px;
} }
@ -181,10 +194,11 @@ header nav span.lang_switch span {
text-align: center; text-align: center;
max-width: 25%;
} }
.povezave .col p { .povezave .col p {
height: 110px; min-height: 110px;
max-width: 253px; max-width: 253px;
font-style: normal; font-style: normal;
@ -200,16 +214,19 @@ header nav span.lang_switch span {
#povezave-btn { #povezave-btn {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center;
background-color: #F07D3E; background-color: #F07D3E;
border: 1px solid #F07D3E; border: 1px solid #F07D3E;
color: white; color: white;
font-size: 16px; font-size: 16px;
font-weight: 600;
line-height: 26px; line-height: 26px;
padding: 12px 16px; padding: 0px 16px;
margin: 0px 20px; margin: 0px 20px;
max-width: 196px; max-width: 196px;
height: 50px;
background: linear-gradient(to left, #F07D3E 50%, white 50%) right; background: linear-gradient(to left, #F07D3E 50%, white 50%) right;
background-size: 200%; background-size: 200%;
@ -226,10 +243,8 @@ header nav span.lang_switch span {
background-position: left; background-position: left;
} }
footer {
footer .footer_content { width: 100%;
padding: 0px;
margin-top: 210px;
} }
footer h2 { footer h2 {
@ -238,7 +253,8 @@ footer h2 {
font-size: 18px; font-size: 18px;
line-height: 24px; line-height: 24px;
margin-bottom: 12px; margin: 0px;
padding-bottom: 12px;
} }
@ -257,6 +273,10 @@ footer .col a {
opacity: 0.8; opacity: 0.8;
} }
footer .footer_content {
padding: 0px;
}
footer .footer_content .col span { footer .footer_content .col span {
font-weight: 400; font-weight: 400;
} }
@ -378,6 +398,8 @@ input[type=button]:hover,
.povezave .col { .povezave .col {
margin: auto; margin: auto;
margin-top: 50px; margin-top: 50px;
width: auto;
max-width: none;
} }
@ -395,9 +417,9 @@ input[type=button]:hover,
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr ; grid-template-columns: 1fr 1fr 1fr ;
grid-template-rows: 1fr 2fr; grid-template-rows: 1fr 2fr;
} }
footer .footer_content .col{ footer .footer_content .col{
/* border: 1px solid red; */ /* border: 1px solid red; */

15
public/img/logo/1KA_namestitev.svg Normal file
View File

@ -0,0 +1,15 @@
<svg width="80" height="45" viewBox="0 0 81 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.02026 38.745H8.2894L11.2211 42.5973V38.745H12.5798V45.0017H11.4089L8.3788 41.0241V45.0017H7.02026V38.745Z" fill="#707070"/>
<path d="M16.2264 38.7003H17.4957L20.177 45.0017H18.738L18.1659 43.5984H15.5203L14.9483 45.0017H13.5449L16.2264 38.7003ZM17.6744 42.3829L16.8432 40.3539L16.0119 42.3829H17.6744Z" fill="#707070"/>
<path d="M21.1426 38.745H22.6263L24.271 41.3906L25.9154 38.745H27.3991V45.0017H26.0316V40.9169L24.271 43.5894H24.2351L22.4923 40.9438V45.0017H21.1426V38.745Z" fill="#707070"/>
<path d="M28.9011 38.745H33.6204V39.9696H30.2687V41.2388H33.218V42.4632H30.2687V43.7771H33.6651V45.0017H28.9011V38.745Z" fill="#707070"/>
<path d="M34.4607 44.09L35.2741 43.1159C35.837 43.5805 36.427 43.8755 37.142 43.8755C37.7052 43.8755 38.045 43.652 38.045 43.2856V43.2677C38.045 42.9191 37.8303 42.7403 36.7847 42.4722C35.5244 42.1504 34.711 41.8018 34.711 40.5595V40.5415C34.711 39.4063 35.6227 38.6556 36.9009 38.6556C37.7445 38.6419 38.5663 38.9233 39.2247 39.451L38.5096 40.488C37.9554 40.1036 37.4102 39.8712 36.883 39.8712C36.3556 39.8712 36.0785 40.1124 36.0785 40.4165V40.4342C36.0785 40.8454 36.3465 40.9795 37.4282 41.2565C38.6973 41.5874 39.4124 42.0433 39.4124 43.1336V43.1515C39.4124 44.3938 38.4649 45.0911 37.1152 45.0911C36.1376 45.0946 35.1926 44.7383 34.4607 44.09Z" fill="#707070"/>
<path d="M41.9332 40.0142H40.0293V38.745H45.2135V40.0142H43.3098V45.0017H41.9332V40.0142Z" fill="#707070"/>
<path d="M46.3308 38.745H47.7073V45.0017H46.3308V38.745Z" fill="#707070"/>
<path d="M50.7284 40.0142H48.8247V38.745H54.0088V40.0142H52.1051V45.0017H50.7284V40.0142Z" fill="#707070"/>
<path d="M55.0637 38.745H59.783V39.9696H56.4313V41.2388H59.3808V42.4632H56.4313V43.7771H59.8277V45.0017H55.0637V38.745Z" fill="#707070"/>
<path d="M60.5161 38.745H62.0356L63.6713 43.1515L65.307 38.745H66.7908L64.2613 45.0464H63.0457L60.5161 38.745Z" fill="#707070"/>
<path d="M13.5993 0V35.5064H7.17052V3.36273H0V0H13.5993Z" fill="#1E88E5"/>
<path d="M24.3797 0H18.2476V35.5064H24.3797V0Z" fill="#707070"/>
<path d="M66.9083 0H58.3036L46.2652 31.2044L32.9843 17.3577L49.6991 0H42.3308L25.7148 17.3577L42.8746 35.5064H50.7376L53.3586 28.4842H71.8041L74.425 35.5064H80.656L66.9083 0ZM54.6443 25.1216L62.6061 4.05506L70.5184 25.1216H54.6443Z" fill="#707070"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

9
public/img/logo/Arnes.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB