app/Services/DirectonHtmlBuilder.php

@@ -18,7 +18,7 @@ class DirectonHtmlBuilder
     public function getHTML()
     {
         $direction = $this->direction;
-        $fon_3 = URL::to('img/front-page/bakalavr-special/fon2_blok.png');
+        $fon_3 = URL::to('img/front-page/bakalavr-special/fon3_blok.png');
 
         $green_circle = URL::to('img/front-page/green-circle.png');
 
@@ -179,7 +179,7 @@ class DirectonHtmlBuilder
         }
 
 
-        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 ;               \">
+        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\">
 
 
             <div class=\"mx-5 pb-5\">

app/Services/DirectonHtmlBuilderForCalculator.php

@@ -18,7 +18,7 @@ class DirectonHtmlBuilderForCalculator
     public function getHTML()
     {
         $direction = $this->direction;
-        $fon_3 = URL::to('img/front-page/bakalavr-special/fon2_blok.png');
+        $fon_3 = URL::to('img/front-page/bakalavr-special/fon3_blok.png');
 
         $green_circle = URL::to('img/front-page/green-circle.png');
 

resources/views/layouts/new-design-layout.blade.php

@@ -56,11 +56,22 @@
         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;
+
         font-family: "Geologica-Medium";!important;
     }
 
@@ -201,83 +212,5 @@
         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')

resources/views/new-design/bakalavr-special.blade.php

@@ -53,21 +53,8 @@
             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') }}"
@@ -78,7 +65,8 @@
 
 
     <header>
-        <div class="container-fluid position-relative fon1_blok visually_impaired_mode  ">
+        <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=" d-none d-xl-flex justify-content-end align-items-end position-absolute float-end  z-1 "
                  style="height: 100%; ">
                 <div style="width: 60%">
@@ -117,10 +105,6 @@
                                 {{--                                    <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>
@@ -180,24 +164,24 @@
 
                 <div class=" mt-5 row d-lg-inline d-flex justify-content-center position-relative ">
                     <a href="#"
-                       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">
+                       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; ">
                         Личный кабинет
                     </a>
                     <a href="#anchor"
-                       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">
+                       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; ">
                         День открытых дверей
                     </a>
                     <!-- Button trigger modal -->
-                    <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 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>
 
                     <!-- 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/fon2_blok.png') }});" >
+                            <div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }});" >
                                 <div class="modal-body">
                                     <div class="row">
                                         <div class="col">
@@ -221,11 +205,12 @@
         </div>
     </header>
 
-    <div class="fon2_blok visually_impaired_mode">
+    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
 
         <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 gradient-text " style=" font-weight: 700; letter-spacing: 0em; ">
+                <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>
             </div>
@@ -347,23 +332,6 @@
                 <!--Здесь пишем ЯВА СКРИПТ-->
                 <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') {
@@ -385,7 +353,7 @@
         </div>
     </div>
 
-    <div class="fon3_blok visually_impaired_mode">
+    <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">
@@ -430,7 +398,6 @@
 
                         </div>
                         <script>window.onload = function () {
-
                                 $(".unclearall").click(function () {
 
                                     $('input[type="checkbox"]').prop('checked', false);
@@ -466,7 +433,22 @@
 
                         </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>
@@ -496,7 +478,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 class="fon4_blok visually_impaired_mode">
+    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
 
         <div class="container-fluid ms-sm-5  pt-5">
             <a id="anchor"></a>
@@ -573,7 +555,7 @@
     </div>
 
     {{-- Начало новостей --}}
-    <div class="fon1_blok visually_impaired_mode ">
+    <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="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 "
@@ -739,7 +721,7 @@
         </div>
     </div>
     {{-- Конец новостей --}}
-    <div class="fon2_blok visually_impaired_mode">
+    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-size: cover; ">
         <div class="container-fluid ms-sm-5  pt-5 ">
             <div class="row gradient-text">
                 <div class="ms-4 col-auto  ">

resources/views/new-design/inostran-old.blade.php

@@ -307,7 +307,7 @@ overflow-x: hidden;
         </div>
     </header>
 
-    <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">
@@ -466,7 +466,7 @@ overflow-x: hidden;
         </div>
     </div>
 
-    <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  pt-5">
             <div class="row">

resources/views/new-design/inostran.blade.php

@@ -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/fon2_blok.png') }});" >
+                            <div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_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/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_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/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">

resources/views/new-design/magistr-old.blade.php

@@ -308,7 +308,7 @@ overflow-x: hidden;
         </div>
     </header>
 
-    <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">
@@ -467,7 +467,7 @@ overflow-x: hidden;
         </div>
     </div>
 
-    <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  pt-5">
             <div class="row">

resources/views/new-design/magistr.blade.php

@@ -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/fon2_blok.png') }});" >
+                            <div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_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/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_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/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">