forked from aslan/applicant-site
Compare commits
3 Commits
933b0f7e99
...
5c54f9a7e9
Author | SHA1 | Date |
---|---|---|
ROMANGOLIENKO | 5c54f9a7e9 | |
aslan | c27ad2c05b | |
ROMANGOLIENKO | ca2c92f4fe |
|
@ -18,7 +18,7 @@ class DirectonHtmlBuilder
|
|||
public function getHTML()
|
||||
{
|
||||
$direction = $this->direction;
|
||||
$fon_3 = URL::to('img/front-page/bakalavr-special/fon3_blok.png');
|
||||
$fon_3 = URL::to('img/front-page/bakalavr-special/fon2_blok.png');
|
||||
|
||||
$green_circle = URL::to('img/front-page/green-circle.png');
|
||||
|
||||
|
@ -179,7 +179,7 @@ class DirectonHtmlBuilder
|
|||
}
|
||||
|
||||
|
||||
return "<div class=\"offcanvas offcanvas-bottom\" data-bs-scroll=\"true\" data-bs-backdrop=\"false\" tabindex=\"-1\" id=\"offcanvasScrolling-{$direction['id'] }\" aria-labelledby=\"offcanvasScrollingLabel-{$direction['id']}\" style=\"height: 100%; font-family: Geologica-Medium; overflow-y: auto ; background-image: url({$fon_3}); color: #004329\">
|
||||
return "<div class=\"offcanvas offcanvas-bottom visually_impaired_mode direction-card-text fon2_blok\" data-bs-scroll=\"true\" data-bs-backdrop=\"false\" tabindex=\"-1\" id=\"offcanvasScrolling-{$direction['id'] }\" aria-labelledby=\"offcanvasScrollingLabel-{$direction['id']}\" style=\"height: 100%; font-family: Geologica-Medium; overflow-y: auto ; \">
|
||||
|
||||
|
||||
<div class=\"mx-5 pb-5\">
|
||||
|
|
|
@ -18,7 +18,7 @@ class DirectonHtmlBuilderForCalculator
|
|||
public function getHTML()
|
||||
{
|
||||
$direction = $this->direction;
|
||||
$fon_3 = URL::to('img/front-page/bakalavr-special/fon3_blok.png');
|
||||
$fon_3 = URL::to('img/front-page/bakalavr-special/fon2_blok.png');
|
||||
|
||||
$green_circle = URL::to('img/front-page/green-circle.png');
|
||||
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 3.5 MiB After Width: | Height: | Size: 175 KiB |
Binary file not shown.
Before Width: | Height: | Size: 175 KiB After Width: | Height: | Size: 3.5 MiB |
Binary file not shown.
After Width: | Height: | Size: 797 B |
|
@ -56,22 +56,11 @@
|
|||
font-weight: normal;
|
||||
}
|
||||
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
|
||||
body {
|
||||
{{--background-image: url({{ URL::to('img/front-page/fon1_blok.png') }});--}}
|
||||
overflow-x: hidden;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
|
||||
overflow-x: hidden;
|
||||
font-family: "Geologica-Medium";!important;
|
||||
}
|
||||
|
||||
|
@ -212,5 +201,83 @@
|
|||
background-image: url({{ URL::to("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#35af00' %3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}});
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
.visually_impaired_mode_bg {
|
||||
|
||||
background-image: url({{ URL::to("public/img/front-page/white-bg.jpg")}})!important;
|
||||
|
||||
}
|
||||
.direction-card-text {
|
||||
color: #004329;
|
||||
}
|
||||
.disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
<script>
|
||||
$(document).on("click", ".visually_impaired_mode_button", function () {
|
||||
|
||||
|
||||
if($('div, a, p').hasClass('visually_impaired_mode_bg')){
|
||||
$(".visually_impaired_mode").removeClass('visually_impaired_mode_bg');
|
||||
|
||||
}
|
||||
else {
|
||||
$(".visually_impaired_mode").addClass('visually_impaired_mode_bg');
|
||||
}
|
||||
|
||||
if($("div, a, p").hasClass('buttonBG')){
|
||||
$(".buttonBG").addClass('buttonBGDISABLED')
|
||||
$(".buttonBG").removeClass('buttonBG');
|
||||
}
|
||||
else {
|
||||
$(".buttonBGDISABLED").addClass('buttonBG');
|
||||
$(".buttonBGDISABLED").removeClass('buttonBGDISABLED');
|
||||
}
|
||||
|
||||
if($("div, a, p").hasClass('text-white')){
|
||||
$(".text-white").addClass('text-whiteDISABLED');
|
||||
$(".text-white").removeClass('text-white');
|
||||
|
||||
}
|
||||
else {
|
||||
$(".text-whiteDISABLED").addClass('text-white');
|
||||
$(".text-whiteDISABLED").removeClass('text-whiteDISABLED');
|
||||
}
|
||||
|
||||
if($(".gradient-text").hasClass('gradient-text')){
|
||||
$(".gradient-text").addClass('gradient-textDISABLED');
|
||||
$(".gradient-text").removeClass('gradient-text');
|
||||
}
|
||||
else {
|
||||
$(".gradient-textDISABLED").addClass('gradient-text');
|
||||
$(".gradient-textDISABLED").removeClass('gradient-textDISABLED');
|
||||
|
||||
}
|
||||
|
||||
if($(".direction-card-text").hasClass('direction-card-text')){
|
||||
$(".direction-card-text").addClass('direction-card-textDISABLED');
|
||||
$(".direction-card-text").removeClass('direction-card-text');
|
||||
}
|
||||
else {
|
||||
$(".direction-card-textDISABLED").addClass('direction-card-text');
|
||||
$(".direction-card-textDISABLED").removeClass('direction-card-textDISABLED');
|
||||
|
||||
}
|
||||
if($("img").hasClass('disabled')){
|
||||
$("img").removeClass('disabled')
|
||||
}
|
||||
else {
|
||||
$("img").addClass('disabled')
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
@yield('content')
|
||||
|
|
|
@ -53,8 +53,21 @@
|
|||
background-image: linear-gradient(to right, rgb(38, 159, 239), 20%, rgb(2, 142, 229));
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
|
||||
.fon1_blok {
|
||||
background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;"
|
||||
}
|
||||
.fon2_blok {
|
||||
background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
|
||||
}
|
||||
.fon3_blok {
|
||||
background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
|
||||
}
|
||||
.fon4_blok {
|
||||
background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
|
||||
}
|
||||
.buttonBG {
|
||||
background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px; letter-spacing: 0;
|
||||
}
|
||||
</style>
|
||||
<script
|
||||
src="{{ URL::to('https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js') }}"
|
||||
|
@ -65,8 +78,7 @@
|
|||
|
||||
|
||||
<header>
|
||||
<div class="container-fluid position-relative "
|
||||
style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div class="container-fluid position-relative fon1_blok visually_impaired_mode ">
|
||||
<div class=" d-none d-xl-flex justify-content-end align-items-end position-absolute float-end z-1 "
|
||||
style="height: 100%; ">
|
||||
<div style="width: 60%">
|
||||
|
@ -105,6 +117,10 @@
|
|||
{{-- <div class="hover2"> RU </div>--}}
|
||||
{{-- </a>--}}
|
||||
{{-- <img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/eye.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
|
||||
<a type="button" class="col-auto px-lg-3 text-white text-sm-start visually_impaired_mode_button "
|
||||
style="font-size: 20px;font-weight: 400;line-height: 29px;">
|
||||
<div class="hover2"> Режим для слабовидящих</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
@ -164,24 +180,24 @@
|
|||
|
||||
<div class=" mt-5 row d-lg-inline d-flex justify-content-center position-relative ">
|
||||
<a href="#"
|
||||
class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex"
|
||||
style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
|
||||
class="buttonBG hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex">
|
||||
|
||||
Личный кабинет
|
||||
</a>
|
||||
<a href="#anchor"
|
||||
class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex"
|
||||
style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
|
||||
class="buttonBG hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex">
|
||||
|
||||
День открытых дверей
|
||||
</a>
|
||||
<!-- Button trigger modal -->
|
||||
<a type="button" class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" data-bs-toggle="modal" data-bs-target="#exampleModal" style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
|
||||
<a type="button" class="buttonBG hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" data-bs-toggle="modal" data-bs-target="#exampleModal" >
|
||||
Видео про МГТУ
|
||||
</a>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }});" >
|
||||
<div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }});" >
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
|
@ -205,12 +221,11 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div class="fon2_blok visually_impaired_mode">
|
||||
|
||||
<div class="container-fluid ms-sm-5 py-5">
|
||||
<div class="row">
|
||||
<div class="display-5 col-12 mb-3 text-center text-md-start "
|
||||
style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; letter-spacing: 0em; ">
|
||||
<div class="display-5 col-12 mb-3 text-center text-md-start gradient-text " style=" font-weight: 700; letter-spacing: 0em; ">
|
||||
ПЕРЕЧЕНЬ ФАКУЛЬТЕТОВ
|
||||
</div>
|
||||
</div>
|
||||
|
@ -332,6 +347,23 @@
|
|||
<!--Здесь пишем ЯВА СКРИПТ-->
|
||||
<script>
|
||||
$(".button_chng_instit").click(function () {
|
||||
|
||||
let id=$(this).data('id');
|
||||
let institut=$(this).data('institut');
|
||||
if(institut=='mgtu') {
|
||||
$("#content_budget_filial_" + id).hide();
|
||||
$("#content_budget_mgtu_" + id).show();
|
||||
$("#id_mgtu_" + id).show();
|
||||
$("#id_filial_" + id).hide();
|
||||
}else{
|
||||
$("#content_budget_filial_"+id).show();
|
||||
$("#content_budget_mgtu_"+id).hide();
|
||||
$("#id_mgtu_"+id).hide();
|
||||
$("#id_filial_"+id).show();
|
||||
}
|
||||
});
|
||||
$(document).on("click", ".calc_green_circle_button", function () {
|
||||
console.log
|
||||
let id=$(this).data('id');
|
||||
let institut=$(this).data('institut');
|
||||
if(institut=='mgtu') {
|
||||
|
@ -353,7 +385,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div class="fon3_blok visually_impaired_mode">
|
||||
|
||||
<div class="container-fluid ms-sm-5 py-5">
|
||||
<div class="row">
|
||||
|
@ -398,6 +430,7 @@
|
|||
|
||||
</div>
|
||||
<script>window.onload = function () {
|
||||
|
||||
$(".unclearall").click(function () {
|
||||
|
||||
$('input[type="checkbox"]').prop('checked', false);
|
||||
|
@ -433,22 +466,7 @@
|
|||
|
||||
</script>
|
||||
<script>
|
||||
$(".calc_green_circle_button").click(function () {
|
||||
console.log('111')
|
||||
let name=$(this).data('id');
|
||||
let institut=$(this).data('institut');
|
||||
if(institut=='mgtu') {
|
||||
$("#content_budget_filial_" + id).hide();
|
||||
$("#content_budget_mgtu_" + id).show();
|
||||
$("#id_mgtu_" + id).show();
|
||||
$("#id_filial_" + id).hide();
|
||||
}else{
|
||||
$("#content_budget_filial_"+id).show();
|
||||
$("#content_budget_mgtu_"+id).hide();
|
||||
$("#id_mgtu_"+id).hide();
|
||||
$("#id_filial_"+id).show();
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -478,7 +496,7 @@
|
|||
</div>
|
||||
<div class="d-md-block d-none"><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
|
||||
</div>
|
||||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div class="fon4_blok visually_impaired_mode">
|
||||
|
||||
<div class="container-fluid ms-sm-5 pt-5">
|
||||
<a id="anchor"></a>
|
||||
|
@ -555,7 +573,7 @@
|
|||
</div>
|
||||
|
||||
{{-- Начало новостей --}}
|
||||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; ">
|
||||
<div class="fon1_blok visually_impaired_mode ">
|
||||
<div class="container-fluid ms-sm-5 pt-5">
|
||||
<div class="row">
|
||||
<div class="display-5 col-12 text-white mb-3 text-center text-md-start "
|
||||
|
@ -721,7 +739,7 @@
|
|||
</div>
|
||||
</div>
|
||||
{{-- Конец новостей --}}
|
||||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-size: cover; ">
|
||||
<div class="fon2_blok visually_impaired_mode">
|
||||
<div class="container-fluid ms-sm-5 pt-5 ">
|
||||
<div class="row gradient-text">
|
||||
<div class="ms-4 col-auto ">
|
||||
|
|
|
@ -307,7 +307,7 @@ overflow-x: hidden;
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<div style="background-image: url({{ URL::to('img/front-page/inostran/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div style="background-image: url({{ URL::to('img/front-page/inostran/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
|
||||
<div class="container-fluid ms-sm-5 py-5" >
|
||||
<div class="row">
|
||||
|
@ -466,7 +466,7 @@ overflow-x: hidden;
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background-image: url({{ URL::to('img/front-page/inostran/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div style="background-image: url({{ URL::to('img/front-page/inostran/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
|
||||
<div class="container-fluid ms-sm-5 pt-5">
|
||||
<div class="row">
|
||||
|
|
|
@ -174,7 +174,7 @@
|
|||
<!-- Modal -->
|
||||
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }});" >
|
||||
<div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }});" >
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
|
@ -198,7 +198,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
|
||||
<div class="container-fluid ms-sm-5 py-5">
|
||||
<div class="row">
|
||||
|
@ -343,7 +343,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background-image: url({{ URL::to('img/front-page/inostran/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div style="background-image: url({{ URL::to('img/front-page/inostran/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
|
||||
<div class="container-fluid ms-sm-5 py-5">
|
||||
<div class="row">
|
||||
|
|
|
@ -308,7 +308,7 @@ overflow-x: hidden;
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<div style="background-image: url({{ URL::to('img/front-page/magistr/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div style="background-image: url({{ URL::to('img/front-page/magistr/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
|
||||
<div class="container-fluid ms-sm-5 py-5" >
|
||||
<div class="row">
|
||||
|
@ -467,7 +467,7 @@ overflow-x: hidden;
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background-image: url({{ URL::to('img/front-page/magistr/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div style="background-image: url({{ URL::to('img/front-page/magistr/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
|
||||
<div class="container-fluid ms-sm-5 pt-5">
|
||||
<div class="row">
|
||||
|
|
|
@ -174,7 +174,7 @@
|
|||
<!-- Modal -->
|
||||
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }});" >
|
||||
<div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }});" >
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
|
@ -198,7 +198,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
|
||||
<div class="container-fluid ms-sm-5 py-5">
|
||||
<div class="row">
|
||||
|
@ -346,7 +346,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background-image: url({{ URL::to('img/front-page/magistr/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div style="background-image: url({{ URL::to('img/front-page/magistr/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
|
||||
<div class="container-fluid ms-sm-5 py-5">
|
||||
<div class="row">
|
||||
|
|
Loading…
Reference in New Issue