Mainpage circles updated

project/templates/blocks/arts.html

@@ -1,32 +1,37 @@
 {% load static %}
 <div class="section section_arts">
-  <div class="section__center center">
+  <div class="section__center">
     <div class="arts">
       <div class="arts__col">
-        <div class="arts__item" style="background-image: url({% static 'img/art1.png' %});">
+        <div class="arts__item" style="background-image: url({% static 'img/art01.png' %});">
           <div class="arts__title">Персонаж</div>
         </div>
       </div>
       <div class="arts__col">
-        <div class="arts__item" style="background-image: url({% static 'img/art2.png' %});">
+        <div class="arts__item" style="background-image: url({% static 'img/art02.png' %});">
           <div class="arts__title">Развитие креативного мышления</div>
         </div>
       </div>
       <div class="arts__col">
-        <div class="arts__item" style="background-image: url({% static 'img/art3.png' %});">
-          <div class="arts__title">сочная и живая акварельная живопись</div>
+        <div class="arts__item" style="background-image: url({% static 'img/art03.png' %});">
+          <div class="arts__title">Акварельная живопись</div>
         </div>
       </div>
       <div class="arts__col">
-        <div class="arts__item" style="background-image: url({% static 'img/art4.png' %});">
+        <div class="arts__item" style="background-image: url({% static 'img/art04.png' %});">
           <div class="arts__title">Пластилиновая живопись</div>
         </div>
       </div>
       <div class="arts__col">
-        <div class="arts__item" style="background-image: url({% static 'img/art5.png' %});">
+        <div class="arts__item" style="background-image: url({% static 'img/art05.png' %});">
           <div class="arts__title">История искусств</div>
         </div>
       </div>
+      <div class="arts__col">
+        <div class="arts__item" style="background-image: url({% static 'img/art06.png' %});">
+          <div class="arts__title">Коллаж</div>
+        </div>
+      </div>
     </div>
   </div>
 </div>

project/templates/lilcity/index.html

@@ -30,7 +30,7 @@
     {% comment %} <meta property="fb:admins" content="Facebook numeric ID"> {% endcomment %}
 
     <meta name="csrf-token" content="{{ csrf_token }}">
-    <link rel="stylesheet" media="all" href={% static "app.css" %}?1>
+    <link rel="stylesheet" media="all" href={% static "app.css" %}?2>
     <link rel="shortcut icon" type="image/png" href="{% static 'img/favicon.png' %}"/>
     <script>
         var viewportmeta = document.querySelector('meta[name="viewport"]');

web/src/sass/_common.sass

@@ -3648,18 +3648,26 @@ a.grey-link
     margin-bottom: -24px
   &__col
     padding: 0 12px
-    flex: 0 0 20%
+    flex: 0 0 16%
     +t
-      flex: 0 0 33.33%
+      flex: 0 0 28%
+      margin-bottom: 15px
     +m
       margin-bottom: 24px
       flex: 0 0 50%
+    &:hover
+      .arts__title
+        display: none
+      .arts__item:before
+        background: rgba(255,255,255,0)
+        transition: all .1s ease-out 0.1s
   &__item
     position: relative
     border-radius: 50%
     background-position: 50% 50%
     background-size: cover
     &:before
+      background: rgba(255,255,255,0.8)
       content: ''
       display: block
       padding-bottom: 100%