This commit is contained in:
GP_DEV
2025-06-01 12:33:52 +03:00
commit 3ab7ac5a79
108 changed files with 12507 additions and 0 deletions

23
resources/css/app.css Normal file
View File

@@ -0,0 +1,23 @@
@import 'tailwindcss';
@import './theme.css';
@import './fonts.css';
@import './utilities.css';
@import './custom.css' layer(utilities);
/*
The default border color has changed to `currentColor` in Tailwind CSS v4,
so we've added these compatibility styles to make sure everything still
looks the same as it did with Tailwind CSS v3.
If we ever want to remove these styles, we need to add an explicit border
color utility to any element that depends on these defaults.
*/
@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentColor);
}
}

42
resources/css/custom.css Normal file
View File

@@ -0,0 +1,42 @@
article > *:not(.entry-content),
.entry-content > * {
@apply mx-auto;
}
.entry-content, .block-editor-block-list__layout {
/* h1 {
@apply text-2xl;
}
h2 {
@apply text-xl;
}
h3 {
@apply text-lg;
}
p, ul, ol {
a {
@apply text-blue-500 underline;
&:hover {
@apply no-underline;
}
}
@apply mb-8;
}*/
ul:not(.block-editor-block-variation-picker__variations) {
li {
@apply list-disc list-inside;
}
}
ol {
li {
@apply list-decimal list-inside;
}
}
}

View File

@@ -0,0 +1,20 @@
@import 'tailwindcss';
@import './theme.css';
/*
The default border color has changed to `currentColor` in Tailwind CSS v4,
so we've added these compatibility styles to make sure everything still
looks the same as it did with Tailwind CSS v3.
If we ever want to remove these styles, we need to add an explicit border
color utility to any element that depends on these defaults.
*/
@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentColor);
}
}

65
resources/css/fonts.css Normal file
View File

@@ -0,0 +1,65 @@
@font-face {
font-family: 'Gilroy';
src: local('Gilroy Light'),
url('../../assets/fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
url('../../assets/fonts/Gilroy-Light.woff') format('woff'),
url('../../assets/fonts/Gilroy-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: local('Gilroy Regular'),
url('../../assets/fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
url('../../assets/fonts/Gilroy-Regular.woff') format('woff'),
url('../../assets/fonts/Gilroy-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: local('Gilroy Medium'),
url('../../assets/fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
url('../../assets/fonts/Gilroy-Medium.woff') format('woff'),
url('../../assets/fonts/Gilroy-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: local('Gilroy SemiBold'),
url('../../assets/fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
url('../../assets/fonts/Gilroy-SemiBold.woff') format('woff'),
url('../../assets/fonts/Gilroy-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: local('Gilroy Bold'),
url('../../assets/fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
url('../../assets/fonts/Gilroy-Bold.woff') format('woff'),
url('../../assets/fonts/Gilroy-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: local('Gilroy Regular Italic'),
url('../../assets/fonts/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),
url('../../assets/fonts/Gilroy-RegularItalic.woff') format('woff'),
url('../../assets/fonts/Gilroy-RegularItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}

83
resources/css/theme.css Normal file
View File

@@ -0,0 +1,83 @@
@theme {
--breakpoint-xs: 480px;
--breakpoint-sm: 600px;
--breakpoint-md: 782px;
--breakpoint-lg: 960px;
--breakpoint-xl: 1280px;
--breakpoint-2xl: 1440px;
--color-primary: var(--wp--preset--color--primary);
--color-secondary: var(--wp--preset--color--secondary);
--color-dark: var(--wp--preset--color--dark);
--color-light: var(--wp--preset--color--light);
--text-xs: var(--wp--preset--font-size--xs, 0.75rem);
--text-sm: var(--wp--preset--font-size--sm, 0.875rem);
--text-base: var(--wp--preset--font-size--base, 1rem);
--text-lg: var(--wp--preset--font-size--lg, 1.125rem);
--text-xl: var(--wp--preset--font-size--xl, 1.25rem);
--text-2xl: var(--wp--preset--font-size--2xl, 1.5rem);
--text-3xl: var(--wp--preset--font-size--3xl, 1.875rem);
--text-4xl: var(--wp--preset--font-size--4xl, 2.25rem);
--text-5xl: var(--wp--preset--font-size--5xl, 3rem);
--text-6xl: var(--wp--preset--font-size--6xl, 3.75rem);
--text-7xl: var(--wp--preset--font-size--7xl, 4.5rem);
--text-8xl: var(--wp--preset--font-size--8xl, 6rem);
--text-9xl: var(--wp--preset--font-size--9xl, 8rem);
--font-family-sans: 'Gilroy', ui-sans-serif, system-ui, sans-serif;
}
html, body {
font-family: var(--font-family-sans);
color: #222;
}
.red-gradient {
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
}
.dark-gradient {
background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%);
}
.grey-gradient {
background: linear-gradient(90deg, #9d9994 39.42%, #c5c5b9 92.9%);
}
.grey-gradient-hover {
background: linear-gradient(90deg, #9d9994 39.42%, #c5c5b9 92.9%);
background-size: 177% 100%;
background-position: 0% 0;
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.grey-gradient-hover:hover {
background-position: 39.42% 0;
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.red-gradient-hover {
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
background-size: 177% 100%;
background-position: 0% 0;
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.red-gradient-hover:hover {
background-position: 39.42% 0;
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.dark-gradient-hover {
background: linear-gradient(90deg, #2b2c35 0%, #6e7996 53.48%);
background-size: 177% 100%;
background-position: 0% 0;
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.dark-gradient-hover:hover {
background-position: 39.42% 0;
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

View File

@@ -0,0 +1,31 @@
@utility container {
max-width: 1330px;
padding-left: 5px;
padding-right: 5px;
}
@utility alignfull {
width: 100vw;
margin: 0 calc(50% - 50vw) !important;
}
@utility alignwide {
width: calc(200px + var(--wp--style--global--wide-size));
img {
width: 100%;
margin: 0 -100px 0 -100px !important;
}
}
@utility alignnone {
height: auto;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
@utility aligncenter {
margin: 0.5rem auto !important;
}

8
resources/js/app.js Normal file
View File

@@ -0,0 +1,8 @@
// Navigation toggle
window.addEventListener('load', function () {
let main_navigation = document.querySelector('#primary-menu');
document.querySelector('#primary-menu-toggle').addEventListener('click', function (e) {
e.preventDefault();
main_navigation.classList.toggle('hidden');
});
});