feature/visually-impaired-mode #58

Merged
aslan merged 7 commits from RomanGolienko/Roman_applicant-site:feature/visually-impaired-mode into main 2024-06-13 13:55:17 +03:00
7 changed files with 83 additions and 63 deletions
Showing only changes of commit 3a55cbae15 - Show all commits

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 MiB

After

Width:  |  Height:  |  Size: 2.5 MiB

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 535 B

After

Width:  |  Height:  |  Size: 535 B

View File

@ -27,8 +27,7 @@
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<script src="{{ URL::to('https://lidrekon.ru/slep/js/jquery.js') }}"></script>
<script src="{{ URL::to('//lidrekon.ru/slep/js/uhpv-full.min.js') }}"></script>
<script src="{{ asset('js/jquery-3.7.1.min.js') }}"></script>
</head>

View File

@ -75,7 +75,8 @@
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous">
</script>
<script src="{{ URL::to('https://lidrekon.ru/slep/js/jquery.js') }}"></script>
<script src="{{ URL::to('//lidrekon.ru/slep/js/uhpv-full.min.js') }}"></script>
<body>
@ -88,7 +89,7 @@
style="height: 100%; ">
<div style="width: 60%">
<img class="img-fluid float-end "
src="{{ URL::to('img/front-page/bakalavr-special/professor.png') }}" alt="">
src="{{ URL::to('img/front-page/bakalavr-special/photo.png') }}" alt="">
</div>
</div>
<div class="ms-0 ms-md-5 ">
@ -121,7 +122,7 @@
{{-- <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">--}}
{{-- <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="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />
<img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/visually-impaired-mode-icon.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>--}}
@ -601,13 +602,17 @@
@php
$out = array_chunk($all_news, 4, true);
//echo '<pre>' . print_r($out, 1) . '</pre>'
@endphp
@foreach($out as $id => $page)
<div class="carousel-item @if($id == 1) active @endif \" >
<div class="carousel-item @if($id == 0) active @endif \" >
<div class="row d-flex align-items-center justify-content-center " >
@foreach($page as $item)
<div class="col " style="max-width: 20%">
<img src="{{$item['url']}}" class="img-fluid border border-white border-2" style="background-size: cover; border-radius: 20px 20px 0px 0px;">
<div class="col" style="max-width: 20%">
<div class="row">
<div class="col-12" >
<img src="{{$item['url']}}" class="w-100 border border-white border-2" style=" border-radius: 20px 20px 0px 0px; height: 14.5em; object-fit: cover ">
<div class="bg-white border border-white border-2" style="border-radius: 0px 0px 20px 20px ; height: 10.5em;">
<div class=" p-3" style="">
<strong class="fs-5 gradient-text" style="font-family: Geologica-Light"> {{$item['name']}} </strong>
@ -630,7 +635,7 @@
<div class="modal-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-8">
<div class="col-8 d-flex justify-content-center">
<img src="{{$item['url']}}" class=" img-fluid border border-white border-2" style="background-size: cover; border-radius: 20px;">
</div>
</div>
@ -647,6 +652,9 @@
</div>
</div>
</div>
</div>
</div>
@endforeach
</div>

View File

@ -54,6 +54,8 @@
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous">
</script>
<script src="{{ URL::to('https://lidrekon.ru/slep/js/jquery.js') }}"></script>
<script src="{{ URL::to('//lidrekon.ru/slep/js/uhpv-full.min.js') }}"></script>
<body>
@ -98,6 +100,7 @@
{{-- <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="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
<img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/visually-impaired-mode-icon.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />
</div>
</div>
@ -343,7 +346,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">
@ -569,11 +572,11 @@
$out = array_chunk($all_news, 4, true);
@endphp
@foreach($out as $id => $page)
<div class="carousel-item @if($id == 1) active @endif \" >
<div class="carousel-item @if($id == 0) active @endif \" >
<div class="row d-flex align-items-center justify-content-center " >
@foreach($page as $item)
<div class="col " style="max-width: 20%">
<img src="{{$item['url']}}" class="img-fluid border border-white border-2" style="background-size: cover; border-radius: 20px 20px 0px 0px;">
<img src="{{$item['url']}}" class="w-100 border border-white border-2" style="border-radius: 20px 20px 0px 0px; height: 14.5em; object-fit: cover ">
<div class="bg-white border border-white border-2" style="border-radius: 0px 0px 20px 20px ; height: 10.5em;">
<div class=" p-3" style="">
<strong class="fs-5 gradient-text" style="font-family: Geologica-Light"> {{$item['name']}} </strong>

View File

@ -54,6 +54,8 @@
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous">
</script>
<script src="{{ URL::to('https://lidrekon.ru/slep/js/jquery.js') }}"></script>
<script src="{{ URL::to('//lidrekon.ru/slep/js/uhpv-full.min.js') }}"></script>
<body>
@ -98,6 +100,7 @@
{{-- <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="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
<img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/visually-impaired-mode-icon.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />
</div>
</div>
@ -346,7 +349,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">
@ -570,13 +573,17 @@
@php
$out = array_chunk($all_news, 4, true);
//echo '<pre>' . print_r($out, 1) . '</pre>'
@endphp
@foreach($out as $id => $page)
<div class="carousel-item @if($id == 1) active @endif \" >
<div class="carousel-item @if($id == 0) active @endif \" >
<div class="row d-flex align-items-center justify-content-center " >
@foreach($page as $item)
<div class="col " style="max-width: 20%">
<img src="{{$item['url']}}" class="img-fluid border border-white border-2" style="background-size: cover; border-radius: 20px 20px 0px 0px;">
<div class="col" style="max-width: 20%">
<div class="row">
<div class="col-12" >
<img src="{{$item['url']}}" class="w-100 border border-white border-2" style=" border-radius: 20px 20px 0px 0px; height: 14.5em; object-fit: cover ">
<div class="bg-white border border-white border-2" style="border-radius: 0px 0px 20px 20px ; height: 10.5em;">
<div class=" p-3" style="">
<strong class="fs-5 gradient-text" style="font-family: Geologica-Light"> {{$item['name']}} </strong>
@ -599,7 +606,7 @@
<div class="modal-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-8">
<div class="col-8 d-flex justify-content-center">
<img src="{{$item['url']}}" class=" img-fluid border border-white border-2" style="background-size: cover; border-radius: 20px;">
</div>
</div>
@ -616,6 +623,9 @@
</div>
</div>
</div>
</div>
</div>
@endforeach
</div>