.menu {
right: -100%;
}
@media(max-width: 768px) {
/* Открывать меню только при ширине, меньшей 768 */
.menu.open {
right: 0;
}
}
const m = matchMedia('(min-width: 768px)');
function watch(e) {
if (e.matches) { // Сработает, когда ширина превысит 768px
document.querySelector('.menu').classList.remove('open');
}
}
m.addListener(watch);
watch(m);
.slide-visible { transform: scale(0.5); } // первый видимый слайд
.slide-visible + .slide-visible { transform: scale(0.75); } // второй
.slide-visible ~ .slide-active { transform: scale(1); } // активный, в центре
.slide-active + .slide { transform: scale(0.75); } // следующий за активным
.slide-active + .slide + .slide { transform: scale(0.5); } // последний видимый
// немного плавности
.slide { transition: transform 1s ease; }
редактировать визуальную часть сайта с помощью html, css
Продвинутая работа с профилем
для "интернет магазина"
CREATE DATABASE if NOT EXISTS `college`;
USE `college`;
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@hasSection('title')
<title>@yield('title') :: {{ config('app.name') }}</title>
@else
<title>{{ config('app.name') }}</title>
@endif
@vite(['resources/sass/app.scss'])
<meta name="csrf-token" content="{{ csrf_token() }}">
</head>
<body>
@yield('body')
@vite(['resources/js/app.js'])
@stack('scripts')
</body>
</html>
@extends('layouts.base')
@section('body')
<div>
@yield('content')
</div>
@endsection
@extends('layouts.base')
@section('body')
<div>
<header>
@include('partials.app.header')
</header>
<main>
@yield('content')
</main>
</div>
@endsection
@extends('layouts.auth')
@section('content')
<form> </form>
@endsection
@extends('layouts.app')
@section('content')
Главная
@endsection
if ($_POST['sha1_hash'] != $hash) exit('Неверный хэш');
if ($_POST['codepro'] === true) exit('Что-то не то с параметром codepro');
if ($_POST['unaccepted'] === true ) exit('Что-то не то с параметром unaccepted');
"scripts": {
"build:site": "vite build --config site.vite.config.js",
"build:admin": "vite build --config admin.vite.config.js",
}