templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Художник Макаров Николай{% endblock %}
  5. {% block head %}
  6.     {{ parent() }}
  7.     <meta name="description" content="Это сайт художника Макарова Николая. Здесь вы найдете удивительные произведения искусства, созданные с любовью и страстью. Погрузитесь в мир красок и вдохновения.">
  8.     <meta name="keywords" content="искусство, художник, картины, Макаров Николай, живопись">
  9. {% endblock %}
  11. {% block body %}
  12.   <!-- Верхний блок с фотографией и описанием -->
  13.   <section class="bg-gray-100 py-10 px-6">
  14.     <div class="container mx-auto flex flex-col md:flex-row items-center gap-8">
  15.       <div class="md:w-1/2">
  16.         <h1 class="text-4xl font-bold text-gray-800 mb-4">Художник Макаров Николай</h1>
  17.         <p class="text-lg text-gray-600 mb-6">Талантливый художник, создающий уникальные пейзажи и вдохновляющие картины. Присоединяйтесь к миру красоты и гармонии!</p>
  18.         <a href="https://t.me/makarov_nikola" target="_blank" class="bg-black text-white font-bold py-2 px-4 hover:bg-gray-400 hover:text-black w-32 text-center block md:inline-block">
  19.           Связаться
  20.         </a>
  21.       </div>
  22.       <div class="md:w-1/2">
  23.         {% if photo %}
  24.           <img class="w-full h-auto rounded-lg shadow-md" src="{{ asset('photos/' ~ photo.path) }}" alt="{{ photo.description }}">
  25.         {% else %}
  26.           <p class="text-center">На главной странице нет фотографий</p>
  27.         {% endif %}
  28.       </div>
  29.     </div>
  30.   </section>
  32. <!-- Текстовый блок -->
  33. <section class="container mx-auto mt-10 mb-6 px-6 text-center">
  34.   <h2 class="text-3xl font-bold text-gray-800 mb-4">Мои работы и вдохновение</h2>
  35.   <p class="text-lg text-gray-700 max-w-2xl mx-auto">
  36.     Каждая картина – это отражение эмоций, знаний и опыта, которые я собирал годами. Я стремлюсь не просто запечатлеть образы, но передать настроение и связь с природой, которые могут вдохновить зрителя и создать глубокие ассоциации.
  37.   </p>
  38. </section>
  40. <!-- Описание картины "Вид на Волгу" -->
  41. <section class="container mx-auto mt-10 mb-6 px-6 text-center">
  42.   <h2 class="text-3xl font-bold text-gray-800 mb-4">Картина "Вид на Волгу" — центральная картина моего творчества</h2>
  43.   <p class="text-lg text-gray-700 mb-4">
  44.     «Вид на Волгу» – особенная для меня картина, ведь она передаёт не только красоту родных мест, но и глубокую связь с природой, которую я пронёс через годы. Осенний пейзаж с золотыми и багряными деревьями напоминает мне о тёплых днях детства, проведённых в окружении этих спокойных и величественных просторов. Глядя на реку, уходящую вдаль, я снова чувствую тот тёплый осенний воздух и шёпот листьев под ногами.
  45.   </p>
  46.   <p class="text-lg text-gray-700">
  47.     Эта картина напоминает мне о моей родной земле, её тихой красоте и вечной гармонии. Осень здесь — не просто время года, а символ глубокой связи с местами, где осталась часть моей души. «Вид на Волгу» — это не просто пейзаж, это воспоминание о том, что близко сердцу и вдохновляет на новые творческие поиски.
  48.   </p>
  49. </section>
  51. <!-- Блоки с разноцветными квадратами -->
  52. <section class="container mx-auto py-10 px-6 grid grid-cols-1 md:grid-cols-2 gap-8">
  53.   <div class="bg-teal-100 p-8 rounded-lg shadow-md transition hover:shadow-lg">
  54.   <div class="flex items-center mb-4">
  55.     <div class="w-8 h-8 mr-2">
  56.       <!-- Вставляем SVG здесь -->
  57.       <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
  58.            viewBox="0 0 512 512" class="w-full h-full">
  59.         <polygon style="fill:#E6E6E6;" points="53.207,152.311 152.311,53.207 80.538,31.486 31.486,80.537 "/>
  60.         <polygon style="fill:#B3B3B3;" points="31.486,80.537 80.538,31.486 10.2,10.199 "/>
  61.         <rect x="207.428" y="30.371" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 669.9514 277.4883)" style="fill:#FFBA57;" width="140.156" height="494.249"/>
  62.         <polygon style="fill:#E6E6E6;" points="359.691,53.207 458.794,152.311 480.515,80.537 431.464,31.486 "/>
  63.         <polygon style="fill:#B3B3B3;" points="431.464,31.486 480.515,80.537 501.801,10.199 "/>
  64.         <rect x="164.418" y="30.383" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 204.0832 639.5483)" style="fill:#E8655A;" width="140.156" height="494.249"/>
  65.         <g>
  66.           <path style="fill:#603813;" d="M356.825,43.418c-0.029,0.008-0.057,0.017-0.086,0.027l-0.003,0.001
  67.             c-0.002,0-0.003,0.001-0.005,0.002c-0.385,0.116-0.761,0.262-1.132,0.425c-0.087,0.038-0.17,0.079-0.255,0.118
  68.             c-0.292,0.138-0.577,0.29-0.858,0.457c-0.08,0.047-0.16,0.092-0.238,0.141c-0.627,0.397-1.223,0.861-1.77,1.407l-96.478,96.476
  69.             l-96.477-96.477c0,0-0.011-0.004-0.033-0.012c-1.165-1.158-2.601-2.046-4.226-2.538L13.154,0.438
  70.             C9.555-0.652,5.648,0.328,2.988,2.987c-2.659,2.659-3.639,6.566-2.55,10.167l43.007,142.111c0.492,1.625,1.38,3.061,2.538,4.227
  71.             c0.008,0.02,0.012,0.032,0.012,0.032L142.473,256L2.988,395.485c-3.983,3.983-3.983,10.441,0,14.424l99.104,99.104
  72.             c1.991,1.992,4.602,2.987,7.212,2.987c2.61,0,5.221-0.995,7.212-2.987l139.485-139.484l139.485,139.485
  73.             c1.992,1.991,4.602,2.987,7.212,2.987c2.61,0,5.221-0.996,7.212-2.987l99.104-99.104c3.983-3.983,3.983-10.441,0-14.425
  74.             L369.529,256l96.477-96.477c0.547-0.547,1.011-1.142,1.408-1.77c0.05-0.079,0.095-0.16,0.142-0.241
  75.             c0.166-0.279,0.318-0.564,0.455-0.855c0.041-0.086,0.082-0.17,0.119-0.257c0.162-0.37,0.308-0.746,0.423-1.129
  76.             c0.001-0.002,0.002-0.005,0.003-0.007l0.001-0.004c0.008-0.028,0.017-0.056,0.025-0.084l42.98-142.023
  77.             c1.089-3.599,0.109-7.507-2.55-10.167c-2.659-2.66-6.566-3.639-10.167-2.55L356.825,43.418z M428.571,43.017l40.412,40.412
  78.             l-15.018,49.627l-75.021-75.021L428.571,43.017z M486.521,25.48l-10.836,35.803l-24.969-24.969L486.521,25.48z M61.284,36.315
  79.             L36.316,61.284L25.48,25.48L61.284,36.315z M43.018,83.43L83.43,43.017l49.627,15.018l-75.021,75.021L43.018,83.43z
  80.             M67.631,152.311l84.68-84.68l89.265,89.265l-84.679,84.679L67.631,152.311z M109.303,487.377l-84.68-84.68L359.69,67.631
  81.             l84.68,84.68L109.303,487.377z M402.698,487.377L270.424,355.104l84.68-84.68l132.273,132.273L402.698,487.377z"/>
  82.           <path style="fill:#603813;" d="M338.448,224.054c-3.983-3.983-10.441-3.983-14.425,0l-8.245,8.245
  83.             c-3.983,3.983-3.983,10.441,0,14.425c1.992,1.992,4.602,2.987,7.212,2.987c2.61,0,5.221-0.995,7.212-2.987l8.245-8.245
  84.             C342.431,234.495,342.431,228.037,338.448,224.054z"/>
  85.           <path style="fill:#603813;" d="M285.89,262.186L104.504,443.574c-3.983,3.983-3.983,10.441,0,14.425
  86.             c1.992,1.992,4.602,2.987,7.212,2.987c2.61,0,5.221-0.995,7.212-2.987l181.388-181.388c3.983-3.983,3.983-10.441,0-14.425
  87.             C296.332,258.203,289.874,258.203,285.89,262.186z"/>
  88.         </g>
  89.       </svg>
  90.     </div>
  91.     <h3 class="text-2xl font-bold text-gray-800">О художнике</h3>
  92.   </div>
  93.   <p class="text-gray-700">
  94.     Я — Николай Макаров, художник, для которого искусство стало неотъемлемой частью повседневной жизни. Для меня это не просто творчество, а способ смотреть на мир и выражать свои чувства и мысли. Искусство помогает мне видеть красоту в обычных вещах, вдохновляться природой и моментами, которые окружают нас каждый день. Каждая моя картина наполнена особым смыслом, поскольку я вкладываю в нее частичку себя и своей любви к жизни.
  95.   </p>
  96. </div>
  98. <div class="bg-yellow-100 p-8 rounded-lg shadow-md transition hover:shadow-lg">
  99.   <div class="flex items-center mb-4">
  100.     <div class="w-8 h-8 mr-2">
  101.       <!-- Вставляем SVG здесь -->
  102.       <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
  103.            viewBox="0 0 512 512" class="w-full h-full">
  104.         <path style="fill:#FFBA57;" d="M91.849,367.954c-16.499,5.024-33.585,13.299-47.165,26.879
  105.           C5.729,433.787,10.391,501.609,10.391,501.609s67.822,4.662,106.778-34.294c13.579-13.579,21.854-30.665,26.879-47.165
  106.           L91.849,367.954z"/>
  107.         <polygon style="fill:#E6E6E6;" points="166.271,263.114 91.838,367.942 91.849,367.954 144.047,420.151 144.058,420.162 
  108.           248.886,345.729 "/>
  109.         <rect x="163.577" y="269.614" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 173.9061 652.0443)" style="fill:#B3B3B3;" width="116.837" height="40.783"/>
  110.         <polygon style="fill:#E8655A;" points="501.801,51.507 460.493,10.199 195.108,234.275 277.725,316.892 "/>
  111.         <g>
  112.           <path style="fill:#603813;" d="M509.013,44.295L467.704,2.987c-3.749-3.748-9.743-4-13.791-0.58L188.53,226.483
  113.             c-0.099,0.084-0.186,0.177-0.281,0.264c-0.116,0.106-0.238,0.204-0.351,0.317l-28.838,28.837c0,0-0.015,0.022-0.04,0.061
  114.             c-0.382,0.388-0.746,0.797-1.065,1.246L85.482,359.277c-19.447,6.4-35.589,15.921-48.009,28.342
  115.             C-4.284,429.377,0.012,499.35,0.216,502.309c0.35,5.081,4.395,9.126,9.476,9.476c0.549,0.038,3.393,0.215,7.932,0.215
  116.             c19.972,0,72.732-3.448,106.757-37.473c12.42-12.42,21.942-28.562,28.342-48.009l102.069-72.472
  117.             c0.45-0.319,0.859-0.682,1.246-1.065c0.038-0.024,0.061-0.04,0.061-0.04l28.837-28.838c0.113-0.113,0.212-0.236,0.318-0.352
  118.             c0.087-0.095,0.18-0.182,0.262-0.279L509.593,58.088C513.013,54.037,512.76,48.044,509.013,44.295z M248.887,331.306
  119.             l-68.194-68.194l14.414-14.414l68.192,68.192L248.887,331.306z M145.177,406.858l-40.036-40.036l62.454-87.96l65.542,65.542
  120.             L145.177,406.858z M109.957,460.104c-26.985,26.985-70.489,31.024-89.487,31.427c0.404-19.009,4.445-62.507,31.427-89.488
  121.             c9.56-9.561,22.045-17.095,37.174-22.445l20.25,20.25c-2.391,9.816-5.979,18.675-10.7,26.37
  122.             c-2.945,4.802-1.441,11.081,3.361,14.026c1.663,1.021,3.504,1.507,5.324,1.507c3.429,0,6.778-1.73,8.703-4.867
  123.             c3.879-6.322,7.111-13.237,9.703-20.646l6.69,6.69C127.052,438.059,119.517,450.544,109.957,460.104z M277.09,301.833
  124.             l-66.924-66.924L459.909,24.039l28.051,28.051L277.09,301.833z"/>
  125.           <path style="fill:#603813;" d="M324.702,155.338l-85.362,72.076c-4.304,3.634-4.846,10.068-1.213,14.372
  126.             c2.017,2.39,4.897,3.62,7.798,3.62c2.323,0,4.66-0.789,6.574-2.406l85.362-72.076c4.304-3.634,4.846-10.068,1.213-14.372
  127.             C335.442,152.248,329.005,151.705,324.702,155.338z"/>
  128.           <path style="fill:#603813;" d="M354.284,130.361l-6.762,5.71c-4.304,3.634-4.846,10.069-1.213,14.372
  129.             c2.018,2.39,4.897,3.619,7.798,3.619c2.323,0,4.661-0.789,6.575-2.406l6.762-5.71c4.304-3.634,4.846-10.069,1.213-14.372
  130.             C365.022,127.27,358.587,126.728,354.284,130.361z"/>
  131.           <path style="fill:#603813;" d="M60.835,407.278c-23.998,21.891-25.75,57.788-25.812,59.304c-0.234,5.628,4.141,10.378,9.768,10.612
  132.             c0.144,0.006,0.287,0.009,0.429,0.009c5.438,0,9.955-4.293,10.183-9.777c0.012-0.287,1.677-29.113,19.179-45.078
  133.             c4.161-3.796,4.458-10.247,0.662-14.408C71.446,403.778,64.996,403.482,60.835,407.278z"/>
  134.         </g>
  135.       </svg>
  136.     </div>
  137.     <h3 class="text-2xl font-bold text-gray-800">Картины</h3>
  138.   </div>
  139.   <p class="text-gray-700">
  140.     Мои картины — это результат переплетения чувашских традиций и классического искусства. Вдохновляясь родными корнями и культурным наследием, я создаю пейзажи, портреты и современные абстракции, которые отражают уникальное сочетание народных мотивов и классической выразительности. Каждая работа создается с любовью и страстью, чтобы передать не только красоту окружающего мира, но и глубину культурных корней, которые меня вдохновляют.
  141.   </p>
  142. </div>
  144. <div class="bg-gray-200 p-8 rounded-lg shadow-md transition hover:shadow-lg">
  145.   <div class="flex items-center mb-2">
  146.     <div class="w-8 h-8 mr-2">
  147.       <?xml version="1.0" encoding="iso-8859-1"?>
  148.       <!-- SVG код -->
  149.       <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
  150.      viewBox="0 0 512 512" xml:space="preserve">
  151. <polygon style="fill:#E6E6E6;" points="436.664,131.33 380.67,75.337 303.982,82.396 429.604,208.018 "/>
  152. <g>
  153.     
  154.         <rect x="384.372" y="66.424" transform="matrix(0.7071 0.7071 -0.7071 0.7071 186.4342 -274.0001)" style="fill:#B3B3B3;" width="79.186" height="43.244"/>
  155.     
  156.         <rect x="388.941" y="48.696" transform="matrix(0.7071 0.7071 -0.7071 0.7071 175.9743 -299.2489)" style="fill:#B3B3B3;" width="120.543" height="28.2"/>
  157. </g>
  158. <polygon style="fill:#FFBA57;" points="429.604,208.018 303.982,82.396 244.941,133.69 378.31,267.06 "/>
  159. <polygon style="fill:#E6E6E6;" points="10.199,337.628 174.372,501.801 195.384,477.615 34.385,316.616 "/>
  160. <polygon style="fill:#FFBA57;" points="98.405,260.997 34.385,316.616 195.384,477.615 251.004,413.595 "/>
  161. <polygon style="fill:#E8655A;" points="378.31,267.06 244.941,133.69 98.405,260.997 251.004,413.595 "/>
  162. <g>
  163.     <path style="fill:#603813;" d="M437.303,214.707c0,0-0.01-0.013-0.014-0.019c1.373-1.582,2.272-3.565,2.471-5.735l6.721-73.017
  164.         l20.756-20.756l7.411,7.411c1.992,1.991,4.602,2.987,7.212,2.987c2.61,0,5.221-0.996,7.212-2.987l19.94-19.94
  165.         c3.983-3.983,3.983-10.441,0-14.425L423.775,2.987c-3.983-3.982-10.441-3.982-14.425,0l-19.94,19.94
  166.         c-3.983,3.983-3.983,10.441,0,14.425l7.411,7.411l-20.756,20.756l-73.017,6.721c-2.171,0.2-4.155,1.101-5.738,2.474
  167.         c-0.002-0.002-0.016-0.017-0.016-0.017L3.51,329.928c-2.136,1.855-3.404,4.514-3.503,7.341c-0.1,2.827,0.98,5.569,2.98,7.57
  168.         l164.173,164.173c1.916,1.915,4.512,2.987,7.212,2.987c0.119,0,0.239-0.002,0.358-0.006c2.827-0.099,5.486-1.368,7.341-3.503
  169.         L437.303,214.707z M376.84,85.932l49.227,49.227l-4.628,50.272l-94.87-94.872L376.84,85.932z M377.786,252.111L259.889,134.214
  170.         l43.604-37.883l112.176,112.176L377.786,252.111z M250.479,398.647L113.354,261.52l131.099-113.896l119.923,119.923
  171.         L250.479,398.647z M173.848,486.852l-148.7-148.7l8.749-7.6l147.553,147.553L173.848,486.852z M194.86,462.667L49.333,317.141
  172.         l48.584-42.208l139.152,139.152L194.86,462.667z M436.664,116.906l-41.569-41.569l16.15-16.15l41.569,41.569L436.664,116.906z
  173.          M411.047,30.139l5.517-5.517l70.814,70.814l-5.517,5.517L411.047,30.139z"/>
  174.     <path style="fill:#603813;" d="M245.449,348.316l-2.658-2.658c-3.983-3.983-10.441-3.983-14.425,0
  175.         c-3.983,3.983-3.983,10.441,0,14.425l2.658,2.658c1.992,1.992,4.602,2.987,7.212,2.987s5.221-0.995,7.212-2.987
  176.         C249.432,358.758,249.432,352.299,245.449,348.316z"/>
  177.     <path style="fill:#603813;" d="M153.061,255.927c-3.983-3.983-10.441-3.983-14.425,0c-3.983,3.983-3.983,10.441,0,14.425
  178.         l69.125,69.125c1.992,1.992,4.602,2.987,7.212,2.987s5.221-0.995,7.212-2.987c3.983-3.983,3.983-10.441,0-14.425L153.061,255.927z"
  179.         />
  180. </g>
  181. </svg>
  182.     </div>
  183.     <h3 class="text-2xl font-bold text-gray-800">Создание картины</h3>
  184.   </div>
  185.   <p class="text-gray-700">
  186.     Процесс создания картины для меня начинается с поиска вдохновения в повседневной жизни. Это могут быть цвета природы, свет в определенное время дня или мимолетные моменты, которые вызывают эмоции. Затем я тщательно прорабатываю сюжет, стараясь выразить через него то чувство или мысль, которые хочется передать. Подбор цвета становится ключевым этапом: я выбираю оттенки, которые смогут наиболее точно передать нужное настроение и создать уникальную атмосферу. Каждая деталь важна, ведь для меня искусство — это способ делиться тем, как я вижу и чувствую этот мир.
  187.   </p>
  188. </div>
  190. <div class="bg-blue-100 p-8 rounded-lg shadow-md transition hover:shadow-lg">
  191.   <div class="flex items-center mb-4">
  192.     <div class="w-8 h-8 mr-2">
  193.       <!-- Вставляем SVG здесь -->
  194.       <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
  195.            viewBox="0 0 512 512" xml:space="preserve" class="w-full h-full">
  196.         <rect x="10.199" y="115.986" style="fill:#FFBA57;" width="491.602" height="280.488"/>
  197.         <polygon style="fill:#E8655A;" points="501.801,115.533 10.199,115.533 256,292.432"/>
  198.         <g>
  199.           <path style="fill:#603813;" d="M501.801,105.784h-0.213c0.129-0.278,0.213-0.45,0.213-0.45H10.199c0,0,0.162,0.171,0.41,0.45h-0.41
  200.             C4.566,105.784,0,110.35,0,115.983v280.484c0,5.633,4.566,10.199,10.199,10.199h491.602c5.632,0,10.199-4.566,10.199-10.199
  201.             V115.983C512,110.35,507.433,105.784,501.801,105.784z M377.622,281.482c-4.356-3.571-10.784-2.935-14.353,1.423
  202.             c-3.572,4.356-2.934,10.783,1.422,14.353l108.584,89.009H38.725l154.369-126.542l56.947,40.984c1.78,1.28,3.869,1.921,5.957,1.921
  203.             s4.179-0.641,5.958-1.921L491.602,135.44v239.475L377.622,281.482z M20.398,135.44l155.562,111.957L20.398,374.916V135.44z
  204.             M469.544,126.182L256,279.867L42.456,126.182H469.544z"/>
  205.           <path style="fill:#603813;" d="M355.279,263.411l-4.08-3.344c-4.359-3.572-10.783-2.934-14.353,1.423
  206.             c-3.572,4.356-2.934,10.783,1.422,14.353l4.08,3.344c1.897,1.554,4.186,2.312,6.46,2.312c2.951,0,5.878-1.275,7.893-3.734
  207.             C360.272,273.409,359.634,266.982,355.279,263.411z"/>
  208.         </g>
  209.       </svg>
  210.     </div>
  211.     <h3 class="text-2xl font-bold text-gray-800">Контакты</h3>
  212.   </div>
  213.   <p class="text-gray-700">
  214.     Буду рад рассказать больше о своих работах, поделиться идеями и обсудить возможности сотрудничества. Я всегда открыт для новых заказов и творческих проектов. Свяжитесь со мной, чтобы вместе создать что-то уникальное и вдохновляющее.
  215.   </p>
  216. </div>
  218. </section>
  221. {% endblock %}