fixing green circle button

This commit is contained in:
ROMANGOLIENKO 2024-04-22 16:27:20 +03:00
parent c27ad2c05b
commit 5c54f9a7e9
11 changed files with 126 additions and 44 deletions

View File

@ -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\">

View File

@ -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

View File

@ -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')

View File

@ -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,7 +347,7 @@
<!--Здесь пишем ЯВА СКРИПТ-->
<script>
$(".button_chng_instit").click(function () {
console.log('111')
let id=$(this).data('id');
let institut=$(this).data('institut');
if(institut=='mgtu') {
@ -348,7 +363,7 @@
}
});
$(document).on("click", ".calc_green_circle_button", function () {
console.log('111')
console.log
let id=$(this).data('id');
let institut=$(this).data('institut');
if(institut=='mgtu') {
@ -370,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">
@ -481,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>
@ -558,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 "
@ -724,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 ">

View File

@ -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">

View File

@ -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">

View File

@ -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">

View File

@ -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">