19.12 upd from mac

This commit is contained in:
Kerim 2022-12-19 22:21:39 +05:00
parent 58798d05a4
commit 9e134a92d6
23 changed files with 758 additions and 105 deletions

View File

@ -1,6 +1,6 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_0_777)">
<path d="M18.8998 1.10016C18.1666 0.366766 17.2832 0 16.2503 0H3.75022C2.71733 0 1.83394 0.366766 1.1004 1.10016C0.36701 1.83369 0.000244141 2.71704 0.000244141 3.74998V16.2499C0.000244141 17.2828 0.36701 18.1662 1.1004 18.8997C1.83394 19.6333 2.71733 20 3.75022 20H16.2502C17.2831 20 18.1665 19.6333 18.8997 18.8997C19.6332 18.1662 20 17.2828 20 16.2499V3.74998C19.9999 2.71704 19.6332 1.83355 18.8998 1.10016ZM17.0183 10.2864H14.7397V18.5545H11.3283V10.2864H9.62258V7.43474H11.3283V5.72897C11.3283 4.50499 11.6148 3.58059 12.1877 2.95552C12.7604 2.33044 13.7065 2.01808 15.0263 2.01808H17.3049V4.86966H15.8728C15.3865 4.86966 15.0762 4.95416 14.9417 5.12359C14.8072 5.29284 14.7397 5.59014 14.7397 6.01556V7.43478H17.318L17.0183 10.2864Z" fill="#00822C"/>
<path d="M18.8998 1.10016C18.1666 0.366766 17.2832 0 16.2503 0H3.75022C2.71733 0 1.83394 0.366766 1.1004 1.10016C0.36701 1.83369 0.000244141 2.71704 0.000244141 3.74998V16.2499C0.000244141 17.2828 0.36701 18.1662 1.1004 18.8997C1.83394 19.6333 2.71733 20 3.75022 20H16.2502C17.2831 20 18.1665 19.6333 18.8997 18.8997C19.6332 18.1662 20 17.2828 20 16.2499V3.74998C19.9999 2.71704 19.6332 1.83355 18.8998 1.10016ZM17.0183 10.2864H14.7397V18.5545H11.3283V10.2864H9.62258V7.43474H11.3283V5.72897C11.3283 4.50499 11.6148 3.58059 12.1877 2.95552C12.7604 2.33044 13.7065 2.01808 15.0263 2.01808H17.3049V4.86966H15.8728C15.3865 4.86966 15.0762 4.95416 14.9417 5.12359C14.8072 5.29284 14.7397 5.59014 14.7397 6.01556V7.43478H17.318L17.0183 10.2864Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_0_777">

Before

Width:  |  Height:  |  Size: 999 B

After

Width:  |  Height:  |  Size: 997 B

View File

@ -1,4 +1,4 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.90578 0.00304955C9.23056 0.002573 9.59298 0.00304955 10.0001 0.00304955C13.257 0.00304955 13.6431 0.0147736 14.9292 0.0731993C16.1186 0.127622 16.7641 0.326345 17.1941 0.493331C17.7633 0.714453 18.1692 0.978751 18.5959 1.40574C19.0228 1.83274 19.2872 2.23943 19.5087 2.80882C19.6757 3.23829 19.8747 3.88393 19.9288 5.07341C19.9872 6.35945 20 6.74584 20 10.0017C20 13.2575 19.9872 13.6439 19.9288 14.9299C19.8744 16.1194 19.6757 16.765 19.5087 17.1945C19.2876 17.7639 19.0228 18.1693 18.5959 18.5961C18.1689 19.0231 17.7636 19.2874 17.1941 19.5085C16.7646 19.6762 16.1186 19.8745 14.9292 19.9289C13.6434 19.9873 13.257 20 10.0001 20C6.74287 20 6.35682 19.9873 5.07095 19.9289C3.88162 19.874 3.23607 19.6752 2.80589 19.5082C2.23657 19.2871 1.82993 19.0228 1.40299 18.5958C0.976051 18.1688 0.711787 17.7631 0.490217 17.1936C0.323253 16.764 0.12427 16.1185 0.0701398 14.929C0.0116263 13.6428 0 13.2565 0 9.99862C0 6.74069 0.0116263 6.3564 0.0701398 5.07036C0.12446 3.88088 0.323253 3.23524 0.490217 2.8052C0.711311 2.2359 0.976051 1.82921 1.40299 1.40222C1.82993 0.975224 2.23657 0.710926 2.80589 0.489232C3.23588 0.321485 3.88162 0.123237 5.07095 0.0686236C6.19624 0.0178228 6.63233 0.0025734 8.90578 0V0.00304955ZM16.5115 2.0287C15.7034 2.0287 15.0477 2.68377 15.0477 3.4922C15.0477 4.30044 15.7034 4.95618 16.5115 4.95618C17.3196 4.95618 17.9753 4.30044 17.9753 3.4922C17.9753 2.68396 17.3196 2.0287 16.5115 2.0287ZM10.0001 3.73925C6.54055 3.73925 3.73572 6.54454 3.73572 10.0044C3.73572 13.4644 6.54055 16.2684 10.0001 16.2684C13.4596 16.2684 16.2634 13.4644 16.2634 10.0044C16.2634 6.54454 13.4596 3.73925 10.0001 3.73925Z" fill="#00822C"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.78389 5.71867C12.0294 5.71867 13.85 7.5393 13.85 9.78531C13.85 12.0311 12.0294 13.852 9.78389 13.852C7.53808 13.852 5.71777 12.0311 5.71777 9.78531C5.71777 7.5393 7.53808 5.71867 9.78389 5.71867Z" fill="#00822C"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.90578 0.00304955C9.23056 0.002573 9.59298 0.00304955 10.0001 0.00304955C13.257 0.00304955 13.6431 0.0147736 14.9292 0.0731993C16.1186 0.127622 16.7641 0.326345 17.1941 0.493331C17.7633 0.714453 18.1692 0.978751 18.5959 1.40574C19.0228 1.83274 19.2872 2.23943 19.5087 2.80882C19.6757 3.23829 19.8747 3.88393 19.9288 5.07341C19.9872 6.35945 20 6.74584 20 10.0017C20 13.2575 19.9872 13.6439 19.9288 14.9299C19.8744 16.1194 19.6757 16.765 19.5087 17.1945C19.2876 17.7639 19.0228 18.1693 18.5959 18.5961C18.1689 19.0231 17.7636 19.2874 17.1941 19.5085C16.7646 19.6762 16.1186 19.8745 14.9292 19.9289C13.6434 19.9873 13.257 20 10.0001 20C6.74287 20 6.35682 19.9873 5.07095 19.9289C3.88162 19.874 3.23607 19.6752 2.80589 19.5082C2.23657 19.2871 1.82993 19.0228 1.40299 18.5958C0.976051 18.1688 0.711787 17.7631 0.490217 17.1936C0.323253 16.764 0.12427 16.1185 0.0701398 14.929C0.0116263 13.6428 0 13.2565 0 9.99862C0 6.74069 0.0116263 6.3564 0.0701398 5.07036C0.12446 3.88088 0.323253 3.23524 0.490217 2.8052C0.711311 2.2359 0.976051 1.82921 1.40299 1.40222C1.82993 0.975224 2.23657 0.710926 2.80589 0.489232C3.23588 0.321485 3.88162 0.123237 5.07095 0.0686236C6.19624 0.0178228 6.63233 0.0025734 8.90578 0V0.00304955ZM16.5115 2.0287C15.7034 2.0287 15.0477 2.68377 15.0477 3.4922C15.0477 4.30044 15.7034 4.95618 16.5115 4.95618C17.3196 4.95618 17.9753 4.30044 17.9753 3.4922C17.9753 2.68396 17.3196 2.0287 16.5115 2.0287ZM10.0001 3.73925C6.54055 3.73925 3.73572 6.54454 3.73572 10.0044C3.73572 13.4644 6.54055 16.2684 10.0001 16.2684C13.4596 16.2684 16.2634 13.4644 16.2634 10.0044C16.2634 6.54454 13.4596 3.73925 10.0001 3.73925Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.78389 5.71867C12.0294 5.71867 13.85 7.5393 13.85 9.78531C13.85 12.0311 12.0294 13.852 9.78389 13.852C7.53808 13.852 5.71777 12.0311 5.71777 9.78531C5.71777 7.5393 7.53808 5.71867 9.78389 5.71867Z" fill="black"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -1,3 +1,3 @@
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.6145 19.4375L17.6687 15.4743C18.484 14.2401 18.9612 12.7624 18.9612 11.1738C18.9612 6.86948 15.4746 3.36761 11.1891 3.36761C6.90364 3.36761 3.41711 6.86948 3.41711 11.1738C3.41711 15.4782 6.90364 18.9801 11.1891 18.9801C12.7707 18.9801 14.242 18.5008 15.4707 17.6819L19.4166 21.6451C20.0228 22.2548 21.0083 22.2548 21.6145 21.6451C22.2215 21.0354 22.2215 20.0472 21.6145 19.4375ZM5.74872 11.1738C5.74872 8.16063 8.18913 5.70947 11.1891 5.70947C14.1891 5.70947 16.6295 8.16063 16.6295 11.1738C16.6295 14.187 14.1891 16.6382 11.1891 16.6382C8.18913 16.6382 5.74872 14.187 5.74872 11.1738Z" fill="rgb(3, 159, 55)"/>
<path d="M21.6145 19.4375L17.6687 15.4743C18.484 14.2401 18.9612 12.7624 18.9612 11.1738C18.9612 6.86948 15.4746 3.36761 11.1891 3.36761C6.90364 3.36761 3.41711 6.86948 3.41711 11.1738C3.41711 15.4782 6.90364 18.9801 11.1891 18.9801C12.7707 18.9801 14.242 18.5008 15.4707 17.6819L19.4166 21.6451C20.0228 22.2548 21.0083 22.2548 21.6145 21.6451C22.2215 21.0354 22.2215 20.0472 21.6145 19.4375ZM5.74872 11.1738C5.74872 8.16063 8.18913 5.70947 11.1891 5.70947C14.1891 5.70947 16.6295 8.16063 16.6295 11.1738C16.6295 14.187 14.1891 16.6382 11.1891 16.6382C8.18913 16.6382 5.74872 14.187 5.74872 11.1738Z" fill="black"/>
</svg>

Before

Width:  |  Height:  |  Size: 729 B

After

Width:  |  Height:  |  Size: 719 B

View File

@ -1,3 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.9423 3.83596L16.9245 16.2891C16.6968 17.168 16.103 17.3867 15.2593 16.9727L10.6611 14.0078L8.44233 15.875C8.1968 16.0899 7.99144 16.2696 7.51823 16.2696L7.84858 12.1719L16.3709 5.43362C16.7414 5.14455 16.2905 4.9844 15.795 5.27346L5.2593 11.0781L0.723584 9.83596C-0.263023 9.56643 -0.28088 8.97268 0.928941 8.55862L18.67 2.57815C19.4914 2.30862 20.2102 2.7383 19.9423 3.83596Z" fill="#00822C"/>
<path d="M19.9423 3.83596L16.9245 16.2891C16.6968 17.168 16.103 17.3867 15.2593 16.9727L10.6611 14.0078L8.44233 15.875C8.1968 16.0899 7.99144 16.2696 7.51823 16.2696L7.84858 12.1719L16.3709 5.43362C16.7414 5.14455 16.2905 4.9844 15.795 5.27346L5.2593 11.0781L0.723584 9.83596C-0.263023 9.56643 -0.28088 8.97268 0.928941 8.55862L18.67 2.57815C19.4914 2.30862 20.2102 2.7383 19.9423 3.83596Z" fill="black"/>
</svg>

Before

Width:  |  Height:  |  Size: 511 B

After

Width:  |  Height:  |  Size: 509 B

View File

@ -1,6 +1,6 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_0_782)">
<path d="M19.8337 2.3368C19.6997 2.22727 19.5224 2.23284 19.393 2.35088C19.2232 2.50639 18.9468 2.62977 18.6493 2.72482C19.424 1.67658 19.4407 0.976635 19.4324 0.815508C19.4237 0.649308 19.3407 0.501798 19.2158 0.430831C19.0905 0.359452 18.9438 0.376863 18.8322 0.474563C17.9608 1.23948 17.0927 1.40102 16.5765 1.41729C15.7842 0.501798 14.7549 0 13.66 0C11.3154 0 9.40789 2.33415 9.40789 5.20315C9.40789 5.44968 9.42212 5.69626 9.45058 5.94015C5.38717 5.88458 2.08746 1.183 2.05348 1.13392C1.9742 1.01945 1.85356 0.958311 1.73031 0.971471C1.60706 0.984449 1.49675 1.06899 1.43503 1.1984C0.265593 3.64817 1.04809 5.79981 1.76338 7.03171C1.6368 6.95023 1.53425 6.86994 1.4731 6.81547C1.35946 6.71329 1.20775 6.69634 1.08007 6.77197C0.952578 6.84782 0.871104 7.00315 0.868682 7.17469C0.837084 9.50889 1.76762 10.8461 2.64234 11.5853C2.52575 11.5719 2.4073 11.6243 2.3264 11.7306C2.23546 11.8499 2.20352 12.0184 2.24269 12.1735C2.84691 14.5621 4.33081 15.3736 5.27505 15.649C3.3336 17.4739 0.476789 16.8867 0.445191 16.8799C0.272783 16.8432 0.102229 16.9527 0.032032 17.146C-0.0382029 17.3389 0.00985624 17.5652 0.148812 17.693C2.19796 19.5816 4.64884 20 6.41936 20C7.75843 19.9998 8.70872 19.7603 8.79962 19.7365C17.7674 17.1703 18.0198 7.25078 17.9993 5.62507C19.6827 3.73449 19.9458 3.01444 19.9865 2.83641C20.0294 2.64741 19.968 2.44661 19.8337 2.3368ZM17.3595 5.09471C17.2753 5.18843 6.09876 6.67737 6.10633 6.81547C6.13017 7.25439 21.0803 9.57269 11.9918 12.1735C11.9506 12.184 15.132 12.3736 12 10.5C13.3232 10.4556 6.17814 17.7922 7.5 16C7.59979 15.865 7.5621 12.3381 7.5 12.1735C7.43866 12.0104 4.5 14.5 6.10633 14.8765L10.5 9.5C10.4812 9.51453 12.138 11.7828 11.2283 9.5C16.7073 8.65368 11.1402 10.7002 11.5 10.5C11.6482 10.4174 10.5183 10.6959 10.5 10.5C10.4817 10.3043 4.44373 11.567 4.28408 11.5264C16.4148 11.1571 14.3095 8.91428 14 6C18.7587 9.15944 9.57503 9.07832 10 9C10.146 8.97345 12.9588 6.67113 13 6.5C13.0412 6.32887 12.1114 6.61694 12 6.5C11.138 6.5 10.2433 10.0502 11.2283 7.17469C12.2976 8.52952 10.6626 7.08166 14.5 6.81547C14.6125 6.80766 4.97753 6.81894 7.21317 16.865C7 16.865 16.4424 11.2892 16.4148 11.1571C16.3422 10.8076 18.5351 4.05784 18.5351 3.69748C18.5351 1.33229 11.0728 1 13 1C14 1.5 15.487 1.36821 16.1496 2.19336C16.2193 2.28014 16.3148 2.33013 16.4148 2.33214C16.8157 2.33882 16.5288 3.08541 17.2734 2.72482C17.0585 3.04771 13.4331 0.588919 13 1C13 1 12.4392 0.286931 12.5 0.474563C4.75757 5.10965 17.3246 3.90453 17.4891 3.88666C13 5.71972 18.027 3.83023 18.5351 3.69748C18.2583 4.05803 17.8788 4.51792 17.3595 5.09471Z" fill="#00822C"/>
<path d="M19.8337 2.3368C19.6997 2.22727 19.5224 2.23284 19.393 2.35088C19.2232 2.50639 18.9468 2.62977 18.6493 2.72482C19.424 1.67658 19.4407 0.976635 19.4324 0.815508C19.4237 0.649308 19.3407 0.501798 19.2158 0.430831C19.0905 0.359452 18.9438 0.376863 18.8322 0.474563C17.9608 1.23948 17.0927 1.40102 16.5765 1.41729C15.7842 0.501798 14.7549 0 13.66 0C11.3154 0 9.40789 2.33415 9.40789 5.20315C9.40789 5.44968 9.42212 5.69626 9.45058 5.94015C5.38717 5.88458 2.08746 1.183 2.05348 1.13392C1.9742 1.01945 1.85356 0.958311 1.73031 0.971471C1.60706 0.984449 1.49675 1.06899 1.43503 1.1984C0.265593 3.64817 1.04809 5.79981 1.76338 7.03171C1.6368 6.95023 1.53425 6.86994 1.4731 6.81547C1.35946 6.71329 1.20775 6.69634 1.08007 6.77197C0.952578 6.84782 0.871104 7.00315 0.868682 7.17469C0.837084 9.50889 1.76762 10.8461 2.64234 11.5853C2.52575 11.5719 2.4073 11.6243 2.3264 11.7306C2.23546 11.8499 2.20352 12.0184 2.24269 12.1735C2.84691 14.5621 4.33081 15.3736 5.27505 15.649C3.3336 17.4739 0.476789 16.8867 0.445191 16.8799C0.272783 16.8432 0.102229 16.9527 0.032032 17.146C-0.0382029 17.3389 0.00985624 17.5652 0.148812 17.693C2.19796 19.5816 4.64884 20 6.41936 20C7.75843 19.9998 8.70872 19.7603 8.79962 19.7365C17.7674 17.1703 18.0198 7.25078 17.9993 5.62507C19.6827 3.73449 19.9458 3.01444 19.9865 2.83641C20.0294 2.64741 19.968 2.44661 19.8337 2.3368ZM17.3595 5.09471C17.2753 5.18843 6.09876 6.67737 6.10633 6.81547C6.13017 7.25439 21.0803 9.57269 11.9918 12.1735C11.9506 12.184 15.132 12.3736 12 10.5C13.3232 10.4556 6.17814 17.7922 7.5 16C7.59979 15.865 7.5621 12.3381 7.5 12.1735C7.43866 12.0104 4.5 14.5 6.10633 14.8765L10.5 9.5C10.4812 9.51453 12.138 11.7828 11.2283 9.5C16.7073 8.65368 11.1402 10.7002 11.5 10.5C11.6482 10.4174 10.5183 10.6959 10.5 10.5C10.4817 10.3043 4.44373 11.567 4.28408 11.5264C16.4148 11.1571 14.3095 8.91428 14 6C18.7587 9.15944 9.57503 9.07832 10 9C10.146 8.97345 12.9588 6.67113 13 6.5C13.0412 6.32887 12.1114 6.61694 12 6.5C11.138 6.5 10.2433 10.0502 11.2283 7.17469C12.2976 8.52952 10.6626 7.08166 14.5 6.81547C14.6125 6.80766 4.97753 6.81894 7.21317 16.865C7 16.865 16.4424 11.2892 16.4148 11.1571C16.3422 10.8076 18.5351 4.05784 18.5351 3.69748C18.5351 1.33229 11.0728 1 13 1C14 1.5 15.487 1.36821 16.1496 2.19336C16.2193 2.28014 16.3148 2.33013 16.4148 2.33214C16.8157 2.33882 16.5288 3.08541 17.2734 2.72482C17.0585 3.04771 13.4331 0.588919 13 1C13 1 12.4392 0.286931 12.5 0.474563C4.75757 5.10965 17.3246 3.90453 17.4891 3.88666C13 5.71972 18.027 3.83023 18.5351 3.69748C18.2583 4.05803 17.8788 4.51792 17.3595 5.09471Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_0_782">

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -10,8 +10,10 @@ class Select {
constructor(classname) {
this.classname = classname;
}
select() {
return document.querySelector(this.classname);
select(all) {
return all
? document.querySelectorAll(this.classname)
: document.querySelector(this.classname);
}
}
@ -151,6 +153,23 @@ class AssignEvent {
});
return [element, target];
}
// assign(customFunction){
// const element = new Select(this.identifier).select();
// switch (this.actionType) {
// case "add":
// break;
// case "remove":
// break;
// case "toggle":
// break;
// default:
// throw new Error("Bad action type!");
// }
// }
}
// Year
@ -168,6 +187,17 @@ const runBtns = new NewsBtn(".news-global").activateSwitch(
// Swiper
const mainNewsSwiper = new Swiper(".mainNewsSwiper", {
slidesPerView: 1,
spaceBetween: 0,
lazyLoading: true,
loop: true,
navigation: {
prevEl: ".main-news-prev",
nextEl: ".main-news-next",
},
});
const videoSwiper = new Swiper(".videoSwiper", {
slidesPerView: 3,
spaceBetween: 60,
@ -188,6 +218,32 @@ const photoSwiper = new Swiper(".photoSwiper", {
},
});
const photoScrollerSwiper = new Swiper(".photoScrollerSwiper", {
slidesPerView: 1,
spaceBetween: 0,
loop: true,
navigation: {
prevEl: ".photo-scroller-prev",
nextEl: ".photo-scroller-next",
},
});
const bannerSwiper_1 = new Swiper(".bannerSwiper-1", {
slidesPerView: 1,
spaceBetween: 0,
effect: "fade",
centeredSlides: true,
loop: true,
});
const bannerSwiper_2 = new Swiper(".bannerSwiper-2", {
slidesPerView: 1,
spaceBetween: 0,
effect: "fade",
centeredSlides: true,
loop: true,
});
const partnerSwiper = new Swiper(".partnerSwiper", {
slidesPerView: 5,
spaceBetween: 60,
@ -259,3 +315,21 @@ const mobileAsideCloser = new AssignEvent(
"active",
".aside-mobile"
).listen(bodyScrollHandler);
const photoItems = new Select(".photo-item").select(true);
const photoScroller = new Select(".photo-scroller").select();
photoItems.forEach((photoItem) => {
photoItem.addEventListener("click", () => {
photoScroller.classList.add("active");
document.body.style.overflow = "hidden";
});
});
const photoScrollerCloser = new AssignEvent(
".photo-scroller-closer",
"click",
"remove",
"active",
".photo-scroller"
).listen(bodyScrollHandler);

View File

@ -11,7 +11,8 @@
.article-item {
@include imgStyle($objFit: cover);
max-height: 65rem;
max-height: 40rem;
overflow: hidden;
}
.article-prev,

View File

@ -4,6 +4,12 @@
gap: 4.3rem;
}
.contact-head {
span {
display: none;
}
}
.contact-left,
.contact-form,
.contact-content {
@ -12,6 +18,7 @@
}
.contact-block {
width: 50%;
@include flex(column);
gap: 1.4rem;
@ -50,6 +57,9 @@
// Media
@media screen and (max-width: 800px) {
.contact-block {
width: 100%;
}
.contact-inner {
padding: 2.2rem 0 5rem;
}

View File

@ -46,6 +46,8 @@
input {
@include input;
color: black;
border: 0.1rem solid black;
padding: 1rem 0.6rem;
width: 100%;
font-weight: bold;

View File

@ -13,8 +13,17 @@
}
}
.bannerSwiper-1,
.bannerSwiper-2 {
width: 50%;
.swiper-slide {
max-height: 15rem;
}
}
.banners-inner {
@include grid(false, 1fr 1fr);
@include flex;
gap: 2.5rem;
@include stretch;
}

View File

@ -158,8 +158,7 @@
left: 0;
top: 0;
z-index: 2;
padding: 1rem 3rem;
padding-right: 4rem;
// padding-right: 4rem;
font-size: 1.5rem;
color: $base-white;
font-weight: bold;
@ -168,6 +167,15 @@
background-image: url(../icons/marquee.svg);
background-repeat: no-repeat;
background-position: 0% center;
@include flex;
align-items: stretch;
justify-content: center;
span {
display: flex;
align-items: center;
justify-content: flex-end;
}
}
.ticker {
@ -183,8 +191,9 @@
a {
display: block;
color: $base-white;
font-size: 1.5rem;
font-weight: bold;
// font-size: 1.5rem;
font-size: 1.7rem;
// font-weight: bold;
padding: 1.1rem 0;
}
}
@ -237,7 +246,7 @@
.burger-wrapper {
@include grid(false, 22% 1fr);
position: fixed;
z-index: 1000;
z-index: 9999999999999999;
top: 0;
right: 0;
width: 100vw;
@ -361,6 +370,13 @@
}
}
.lang-country {
img {
width: 2.5rem;
height: 1.7rem;
}
}
// Media
@media screen and (max-width: 1300px) {

View File

@ -57,8 +57,9 @@ $border-black: rgba(0, 0, 0, 1); // Mixins
@mixin sectionTitle {
font-size: 2.4rem;
color: $base-black;
letter-spacing: 0.1em;
// color: $base-black;
color: black;
letter-spacing: 0.1rem;
line-height: 3.3rem;
}

View File

@ -29,11 +29,19 @@
}
.video-main-pagination {
@include flex();
align-items: center;
justify-content: center;
cursor: pointer;
@include imgStyle(4.1rem, 3.8rem, contain);
background: $light-black;
width: 4.1rem;
height: 3.8rem;
div {
width: 100%;
height: 100%;
}
}
// Media

View File

@ -171,13 +171,15 @@
height: 80%;
}
.aside-mobile-inner {
grid-template-columns: 1fr;
@include flex(column);
padding: 4rem 1rem;
padding-top: 6rem;
height: 17%;
}
.aside-mobile-header {
display: none;
text-align: center;
font-size: 2.4rem;
}
.aside-mobile-open {
z-index: 100;

View File

@ -118,10 +118,93 @@
text-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.25);
}
.mainNewsSwiper {
display: none;
}
.photo-scroller {
overflow: hidden;
@include flex();
align-items: center;
grid-template-columns: 1fr;
align-items: center;
z-index: 10000;
position: fixed;
left: 0;
top: 0;
opacity: 0;
pointer-events: none;
width: 100%;
height: 100%;
background: rgba($color: #000000, $alpha: 0.7);
@include transition-std;
.photo-scroller-inner {
transform: scale(0.9);
@include transition-std;
}
&.active {
@include transition-std;
opacity: 1;
pointer-events: all;
.photo-scroller-inner {
transform: scale(1);
@include transition-std;
}
}
}
.photoScrollerSwiper {
width: 100%;
height: 100%;
margin: auto auto;
.swiper-slide {
@include flex;
justify-content: center;
}
}
.photo-scroller-inner {
position: relative;
padding: 2rem 5rem;
display: grid;
}
.photo-scroller-item {
@include imgStyle(70rem, 50rem);
@include flex;
justify-content: center;
align-items: center;
}
.photo-scroller-closer {
transform: scale(1) !important;
position: absolute;
top: -25%;
right: 4rem;
width: 3rem;
height: 3rem;
cursor: pointer;
}
.photo-scroller-next,
.photo-scroller-prev {
top: 40% !important;
}
// Media
@media screen and (max-width: 1070px) {
.mainNewsSwiper {
display: block;
}
.main-news-inner {
grid-template-columns: 1fr;
display: block;
}
.main-news-lead {
display: none;
}
.main-news-min {
display: none;
}
.main-news-container {
padding-right: 4rem;

View File

@ -92,11 +92,13 @@
height: 3.2rem;
}
}
.partners {
.partners-inner {
@include flex(column);
gap: 4.6rem;
}
.partners {
padding: 4rem 0;
.swiper-slide {
@include flex;
justify-content: center;
@ -119,7 +121,7 @@
.partners-head {
@include sectionTitle;
text-align: center;
color: $base-white;
// color: $base-black;
}
.partner-prev,

View File

@ -49,7 +49,7 @@
}
// Media
@media screen and (max-width: 950px) {
@media screen and (max-width: 1100px) {
.posts-item.big {
grid-area: none;
@include stretch;

View File

@ -15,8 +15,8 @@
a {
display: block;
max-width: unset;
max-height: 98%;
width: 100%;
max-height: 95%;
width: 95%;
height: 100%;
margin: auto 0 0 0;
}
@ -102,6 +102,13 @@
}
// Media
@media screen and (max-width: 1500px) {
.trending-item {
&:last-child {
display: none;
}
}
}
@media screen and (max-width: 1150px) {
.trending-banner {
display: none;

View File

@ -6,7 +6,7 @@
.rubric-items {
padding: 0 6.7rem;
@include flex(column);
display: grid;
gap: 8rem;
}
.rubric-item {
@ -38,6 +38,27 @@
.rubric-bottom {
padding: 0 6.7rem;
gap: 1rem;
span {
margin-left: 2rem;
}
}
.heading__footer-input {
max-width: 8rem;
height: 4rem;
input {
text-align: center;
font-size: 20px;
line-height: 24px;
height: 100%;
width: 100%;
border-radius: 5px;
background: #e6e6e6;
font-weight: 400;
color: #242424;
}
}
@media screen and (max-width: 1080px) {

View File

@ -106,6 +106,8 @@ a {
.header-search input {
border: 1px solid #00822c;
padding: 1.4rem;
color: black;
border: 0.1rem solid black;
padding: 1rem 0.6rem;
width: 100%;
font-weight: bold;
@ -287,8 +289,6 @@ a {
left: 0;
top: 0;
z-index: 2;
padding: 1rem 3rem;
padding-right: 4rem;
font-size: 1.5rem;
color: rgb(255, 255, 255);
font-weight: bold;
@ -298,6 +298,15 @@ a {
background-image: url(../icons/marquee.svg);
background-repeat: no-repeat;
background-position: 0% center;
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: center;
}
.marquee-title span {
display: flex;
align-items: center;
justify-content: flex-end;
}
.ticker {
@ -317,8 +326,7 @@ a {
.ticker-wrapper a {
display: block;
color: rgb(255, 255, 255);
font-size: 1.5rem;
font-weight: bold;
font-size: 1.7rem;
padding: 1.1rem 0;
}
@ -377,7 +385,7 @@ a {
display: grid;
grid-template-columns: 22% 1fr;
position: fixed;
z-index: 1000;
z-index: 10000000000000000;
top: 0;
right: 0;
width: 100vw;
@ -499,6 +507,11 @@ a {
height: 3rem;
}
.lang-country img {
width: 2.5rem;
height: 1.7rem;
}
@media screen and (max-width: 1300px) {
.nav-right-link {
width: 11rem;
@ -553,9 +566,18 @@ a {
object-fit: cover;
}
.bannerSwiper-1,
.bannerSwiper-2 {
width: 50%;
}
.bannerSwiper-1 .swiper-slide,
.bannerSwiper-2 .swiper-slide {
max-height: 15rem;
}
.banners-inner {
display: grid;
grid-template-columns: 1fr 1fr;
display: flex;
flex-direction: row;
gap: 2.5rem;
width: 100%;
height: 100%;
@ -716,9 +738,103 @@ a {
text-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.25);
}
.mainNewsSwiper {
display: none;
}
.photo-scroller {
overflow: hidden;
display: flex;
flex-direction: row;
align-items: center;
grid-template-columns: 1fr;
align-items: center;
z-index: 10000;
position: fixed;
left: 0;
top: 0;
opacity: 0;
pointer-events: none;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
transition: 0.3s all ease;
}
.photo-scroller .photo-scroller-inner {
transform: scale(0.9);
transition: 0.3s all ease;
}
.photo-scroller.active {
transition: 0.3s all ease;
opacity: 1;
pointer-events: all;
}
.photo-scroller.active .photo-scroller-inner {
transform: scale(1);
transition: 0.3s all ease;
}
.photoScrollerSwiper {
width: 100%;
height: 100%;
margin: auto auto;
}
.photoScrollerSwiper .swiper-slide {
display: flex;
flex-direction: row;
justify-content: center;
}
.photo-scroller-inner {
position: relative;
padding: 2rem 5rem;
display: grid;
}
.photo-scroller-item {
max-width: 70rem;
max-height: 50rem;
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.photo-scroller-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.photo-scroller-closer {
transform: scale(1) !important;
position: absolute;
top: -25%;
right: 4rem;
width: 3rem;
height: 3rem;
cursor: pointer;
}
.photo-scroller-next,
.photo-scroller-prev {
top: 40% !important;
}
@media screen and (max-width: 1070px) {
.mainNewsSwiper {
display: block;
}
.main-news-inner {
grid-template-columns: 1fr;
display: block;
}
.main-news-lead {
display: none;
}
.main-news-min {
display: none;
}
.main-news-container {
padding-right: 4rem;
@ -772,8 +888,8 @@ a {
.aside-title {
font-size: 2.4rem;
color: rgb(36, 36, 36);
letter-spacing: 0.1em;
color: black;
letter-spacing: 0.1rem;
line-height: 3.3rem;
}
@ -957,8 +1073,8 @@ a {
}
.sub-news-left h2 {
font-size: 2.4rem;
color: rgb(36, 36, 36);
letter-spacing: 0.1em;
color: black;
letter-spacing: 0.1rem;
line-height: 3.3rem;
font-weight: 600;
}
@ -1043,8 +1159,8 @@ a {
.sub-news-right-top h2 {
padding-bottom: 0.3rem;
font-size: 2.4rem;
color: rgb(36, 36, 36);
letter-spacing: 0.1em;
color: black;
letter-spacing: 0.1rem;
line-height: 3.3rem;
font-weight: 600;
overflow: hidden;
@ -1080,8 +1196,8 @@ a {
}
.sub-news-right-bottom h2 {
font-size: 2.4rem;
color: rgb(36, 36, 36);
letter-spacing: 0.1em;
color: black;
letter-spacing: 0.1rem;
line-height: 3.3rem;
font-weight: 600;
}
@ -1177,8 +1293,8 @@ a {
.trending-banner a {
display: block;
max-width: unset;
max-height: 98%;
width: 100%;
max-height: 95%;
width: 95%;
height: 100%;
margin: auto 0 0 0;
}
@ -1191,8 +1307,8 @@ a {
}
.trending-head h2 {
font-size: 2.4rem;
color: rgb(36, 36, 36);
letter-spacing: 0.1em;
color: black;
letter-spacing: 0.1rem;
line-height: 3.3rem;
white-space: nowrap;
}
@ -1282,6 +1398,11 @@ a {
justify-content: flex-end;
}
@media screen and (max-width: 1500px) {
.trending-item:last-child {
display: none;
}
}
@media screen and (max-width: 1150px) {
.trending-banner {
display: none;
@ -1356,7 +1477,7 @@ a {
grid-area: sm8;
}
@media screen and (max-width: 950px) {
@media screen and (max-width: 1100px) {
.posts-item.big {
grid-area: none;
width: 100%;
@ -1467,11 +1588,15 @@ a {
height: 3.2rem;
}
.partners {
.partners-inner {
display: flex;
flex-direction: column;
gap: 4.6rem;
}
.partners {
padding: 4rem 0;
}
.partners .swiper-slide {
display: flex;
flex-direction: row;
@ -1499,11 +1624,10 @@ a {
.partners-head {
font-size: 2.4rem;
color: rgb(36, 36, 36);
letter-spacing: 0.1em;
color: black;
letter-spacing: 0.1rem;
line-height: 3.3rem;
text-align: center;
color: rgb(255, 255, 255);
}
.partner-prev,
@ -1764,13 +1888,15 @@ a {
height: 80%;
}
.aside-mobile-inner {
grid-template-columns: 1fr;
display: flex;
flex-direction: column;
padding: 4rem 1rem;
padding-top: 6rem;
height: 17%;
}
.aside-mobile-header {
display: none;
text-align: center;
font-size: 2.4rem;
}
.aside-mobile-open {
z-index: 100;
@ -1842,6 +1968,10 @@ a {
}
.video-main-pagination {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
cursor: pointer;
max-width: 4.1rem;
max-height: 3.8rem;
@ -1857,6 +1987,10 @@ a {
-o-object-fit: contain;
object-fit: contain;
}
.video-main-pagination div {
width: 100%;
height: 100%;
}
@media screen and (max-width: 950px) {
.video-main-top {
@ -1884,8 +2018,7 @@ a {
.rubric-items {
padding: 0 6.7rem;
display: flex;
flex-direction: column;
display: grid;
gap: 8rem;
}
@ -1927,6 +2060,26 @@ a {
.rubric-bottom {
padding: 0 6.7rem;
gap: 1rem;
}
.rubric-bottom span {
margin-left: 2rem;
}
.heading__footer-input {
max-width: 8rem;
height: 4rem;
}
.heading__footer-input input {
text-align: center;
font-size: 20px;
line-height: 24px;
height: 100%;
width: 100%;
border-radius: 5px;
background: #e6e6e6;
font-weight: 400;
color: #242424;
}
@media screen and (max-width: 1080px) {
@ -1962,7 +2115,8 @@ a {
max-height: unset;
width: 100%;
height: 100%;
max-height: 65rem;
max-height: 40rem;
overflow: hidden;
}
.article-item img {
width: 100%;
@ -2258,6 +2412,10 @@ a {
gap: 4.3rem;
}
.contact-head span {
display: none;
}
.contact-left,
.contact-form,
.contact-content {
@ -2267,6 +2425,7 @@ a {
}
.contact-block {
width: 50%;
display: flex;
flex-direction: column;
gap: 1.4rem;
@ -2310,6 +2469,9 @@ a {
}
@media screen and (max-width: 800px) {
.contact-block {
width: 100%;
}
.contact-inner {
padding: 2.2rem 0 5rem;
}

File diff suppressed because one or more lines are too long

View File

@ -15,7 +15,7 @@ random = 0
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="{{ ['assets/new/styles/style.css']|theme}}" />
<title>{{ this.page.meta_title }}</title>
{% styles %}
</head>
@ -23,29 +23,29 @@ random = 0
<section class="big-banner">
<!-- <a href="#"> -->
<picture>
{% component 'adverts'%}
</picture>
<!-- </a> -->
</section>
<!-- HEAD ======== -->
<header class="header">
<div class="container">
<div class="header-inner">
{% partial 'new/mobile-menu' %}
<div class="header-search-icon">
<img src="{{ 'assets/new/icons/search.svg'|theme}}" alt="" />
</div>
<div class="header-left">
<a href="/new" class="header-logo">
<img src="{{ 'assets/new/icons/orientlogo.svg'|theme}}" alt="" />
@ -67,7 +67,7 @@ random = 0
</a>
</li>
{% endif %}
{% if this.theme.telegram %}
<li>
<a href="{{ this.theme.telegram }}">
@ -75,7 +75,7 @@ random = 0
</a>
</li>
{% endif %}
{% if this.theme.twitter %}
<li>
<a href="{{ this.theme.twitter }}">
@ -84,39 +84,294 @@ random = 0
</li>
{% endif %}
</ul>
{% partial 'new/searchForm' %}
</div>
<div class="header-burger">
<img src="{{ 'assets/new/icons/burger.svg'|theme}}" alt="" />
</div>
</div>
</div>
</header>
{% partial 'new/menu' %}
<!-- ASIDE MOBILE ============-->
<section class="aside-mobile">
<div class="aside-mobile-out"></div>
<div class="aside-mobile-inner">
<h2 class="aside-mobile-header">Последние новости</h2>
<ul class="aside-mobile-items">
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
<li>
<a href="#">
<div class="time">22:50</div>
<p class="content">
В Минфине обсудили разработку стратегии АБР для Туркменистана с
новым страновым директором
</p>
</a>
</li>
</ul>
<button type="button" class="aside-mobile-open">
<img src="{{'assets/new/images/down-arrow.png'|theme}}" alt="" />
</button>
</div>
</section>
<!-- ASIDE MOBILE end ============ -->
{% partial 'new/morque' %}
<!-- HEAD end ======== -->
{% page %}
{% partial 'new/footer' %}
<!-- SCRIPTS -->
<script src="{{ 'assets/new/jquery.js'|theme}}"></script>
<script src="{{ 'assets/new/scripts/swiper/swiper-bundle.min.js'|theme}}"></script>
{% framework extras %}
{% scripts %}
</body>
</html>
</html>

View File

@ -12,26 +12,26 @@ postPage = 404
{% set posts = photo.posts %}
<div class="trending-head media-head">
<h2>{{ 'new.page.photo.archive'|_ }}</h2>
<span></span>
<h2>{{ 'new.page.photo.archive'|_ }}</h2>
<span></span>
</div>
<div class="trending-content">
<div class="swiper photoSwiper">
<div class="swiper-wrapper">
{% for post in posts %}
{% partial 'newHome/photo-item' post=post %}
{% endfor %}
<div class="swiper photoSwiper">
<div class="swiper-wrapper">
</div>
<div class="photo-prev video-prev">
<img src="{{'assets/new/icons/arrow-left-white.svg'|theme}}" alt="" />
</div>
<div class="photo-next video-next">
<img src="{{'assets/new/icons/arrow-right-white.svg'|theme}}" alt="" />
</div>
{% for post in posts %}
<div class="swiper-slide">
{% partial 'newHome/photo-item' post=post %}
</div>
{% endfor %}
</div>
<div class="photo-prev video-prev">
<img src="{{'assets/new/icons/arrow-left-white.svg'|theme}}" alt="" />
</div>
<div class="photo-next video-next">
<img src="{{'assets/new/icons/arrow-right-white.svg'|theme}}" alt="" />
</div>
</div>
</div>
</div>