feat(dev): new landing (#533)

acesta/static/css/base.css

@@ -1,14 +1,12 @@
-@font-face {font-family:'Nunito';font-style:normal;font-weight:200;src:url('../font/Nunito-ExtraLight.ttf');format('truetype')}
-@font-face {font-family:'Nunito';font-style:normal;font-weight:300;src:url('../font/Nunito-Light.ttf');format('truetype')}
-@font-face {font-family:'Nunito';font-style:normal;font-weight:400;src:url('../font/Nunito-Regular.ttf');format('truetype')}
-@font-face {font-family:'Nunito';font-style:normal;font-weight:500;src:url('../font/Nunito-Medium.ttf');format('truetype')}
-@font-face {font-family:'Nunito';font-style:normal;font-weight:600;src:url('../font/Nunito-SemiBold.ttf');format('truetype')}
-@font-face {font-family:'Nunito';font-style:normal;font-weight:700;src:url('../font/Nunito-Bold.ttf');format('truetype')}
-@font-face {font-family:'Nunito';font-style:normal;font-weight:800;src:url('../font/Nunito-ExtraBold.ttf');format('truetype')}
-@font-face {font-family:'Nunito';font-style:normal;font-weight:900;src:url('../font/Nunito-Black.ttf');format('truetype')}
+@font-face {font-family:'Golos';font-style:normal;font-weight:400;src:url('../font/GolosText-Regular.ttf');format('truetype')}
+@font-face {font-family:'Golos';font-style:normal;font-weight:500;src:url('../font/GolosText-Medium.ttf');format('truetype')}
+@font-face {font-family:'Golos';font-style:normal;font-weight:600;src:url('../font/GolosText-SemiBold.ttf');format('truetype')}
+@font-face {font-family:'Golos';font-style:normal;font-weight:700;src:url('../font/GolosText-Bold.ttf');format('truetype')}
+@font-face {font-family:'Golos';font-style:normal;font-weight:800;src:url('../font/GolosText-ExtraBold.ttf');format('truetype')}
+@font-face {font-family:'Golos';font-style:normal;font-weight:900;src:url('../font/GolosText-Black.ttf');format('truetype')}
 
 :root{
-    --acesta-text-primary:#212529;
+    --acesta-text-primary:#4b4a4a;
     --acesta-text-secondary:#959090;
     --acesta-primary:#429388;
     --acesta-dark-primary:#34766A;
@@ -265,7 +263,7 @@ a[type*="button"]:hover{text-decoration:underline; opacity:1}
 @keyframes show{0%{opacity:.5} 100%{opacity:1}}
 div{opacity:.5;transition:opacity 1s;animation:show .75s 1;animation-fill-mode:forwards}
 
-body{min-width:320px;width:auto !important;width:320px; color:var(--acesta-text-primary);font-family:Nunito,sans-serif}
+body{min-width:320px;width:auto !important;width:320px; color:var(--acesta-text-primary);font-family:Golos,sans-serif}
 .wrapper{min-height:100vh;overflow-x:hidden}
 
 ::-webkit-scrollbar {background:#f8f8f8;width:8px;height:8px}
@@ -274,7 +272,7 @@ body{min-width:320px;width:auto !important;width:320px; color:var(--acesta-text-
 ::-webkit-scrollbar-thumb:hover {background:#bcbbbb}
 
 .jq-toast-wrap{width:320px}
-.jq-toast-single{font-family:Nunito,sans-serif;font-size:15px;overflow-wrap:break-word}
+.jq-toast-single{font-family:Golos,sans-serif;font-size:15px;overflow-wrap:break-word}
 .jq-icon-success{ background-color:#71AA46; color:#dff0d8; border-color:#d6e9c6}
 .jq-icon-error{background-color:#DF5346; color:#f2dede; border-color:#ebccd1}
 .jq-icon-warning{background-color:#DA8743; color:#fcf8e3; border-color:#faebcc}
@@ -322,7 +320,7 @@ box-shadow:0px 5px 8px -10px rgba(34, 60, 80, 0.8);border:1px solid #ececec}
 .select2-selection svg{position:relative;bottom:1px}
 .select2-container--default .select2-results__option--selected path{fill:var(--bs-white)}
 .select2-container--default .select2-selection--single {border-color:var(--acesta-border-light)}
-.select2-container .select2-search--inline .select2-search__field{font-family: Nunito;position:relative;bottom:6px;}
+.select2-container .select2-search--inline .select2-search__field{font-family:Golos;position:relative;bottom:6px;}
 
 .btn-primary {
     --bs-btn-color:#fff;
@@ -454,7 +452,7 @@ input:checked {background-color:var(--acesta-light-primary);border-color:var(--a
 .footer .main .logo_img{height:54px;margin-bottom:4px}
 .footer .main .logo_col h5{font-weight:600;font-size:13px}
 .footer .main .logo_legacy li{line-height:18px;font-size:15px}
-.footer .winner .desc{font-weight:100;display:inline-block;margin-top:6px}
+.footer .winner .desc{font-weight:400;display:inline-block;margin-top:6px}
 .footer .winner_img{float:left;transform:translateY(1px);height:120px;margin-right:24px}
 .we-are-in-network svg{fill:#95f0e8;width:42px;height:42px;}
 
@@ -465,7 +463,7 @@ input:checked {background-color:var(--acesta-light-primary);border-color:var(--a
 .navbar{box-shadow:4px 4px 8px rgba(141, 141, 141, 0.15)}
 .contact-block a svg:hover{opacity: .85;}
 .container-outside{min-height:700px;margin-top:120px}
-h5.logo-tags{font-size:12px;font-weight:700;opacity:.5}
+h2.logo-tags{font-size:12px;font-weight:600;opacity:.5}
 
 .login-or{ text-align:center;border-bottom:1px solid #efefef}
 .login-or span{display:inline-block;padding:0 1em;transform:translateY(25px);background:#fff;margin-bottom:15px}

acesta/static/css/dashboard.css

@@ -132,7 +132,7 @@ box-shadow:0px 5px 8px -10px rgba(34, 60, 80, 0.8)}
   background:#fff;
 }
 .Select .disabled{color:#999}
-#interest table{font-family:Nunito,sans-serif!important;font-size:14px!important}
+#interest table{font-family:Golos,sans-serif!important;font-size:14px!important}
 #interest .cell-table th[data-dash-column='code__title']{width:50%;padding-left:.1em!important}
 #interest .cell-table th[data-dash-column='code__title'] .svg-inline--fa{display:none}
 #interest .cell-table .svg-inline--fa{font-size:1.4em}
@@ -160,7 +160,7 @@ box-shadow:0px 5px 8px -10px rgba(34, 60, 80, 0.8)}
 #home-area:has(input){/*background-color:#ffffff69;border-top-left-radius:6px;border-bottom-right-radius:12px;margin-bottom:-32px;*/padding:5px;margin-bottom:2px;max-width:376px}
 #map-container{border:1px solid var(--acesta-border-light)}
 #map .hoverlayer:has(text[data-unformatted*="Региональная"]) path{fill:var(--acesta-primary)!important}
-#map .hovertext text{font-family:Nunito!important}
+#map .hovertext text{font-family:Golos!important}
 .mapboxgl-control-container{display:none}
 
 #title-container{cursor:default}

acesta/static/css/landing.css

@@ -21,6 +21,8 @@ h2:before{content:url('../img/decor.svg'); display:block;margin-bottom:-54px;mar
 .contact-block li:not(:first-child){margin-left:1em!important;}
 
 /* Hero */
+.hero h1.hashtags{font-size:13px;font-weight:lighter}
+.hero .utp{font-size:32px;font-weight:600;color:var(--acesta-dark-primary);line-height:40px}
 .hero-outside-container{max-height:950px;background:radial-gradient(72.69% 109.42% at 70.76% 50%, #FFFFFF 0%, #D1EEEA 100%)}
 .hero .content{height:100vh;max-height:950px;background:url('/static/img/hero.svg') no-repeat right center;background-size:auto 90%}
 .hero .hero-text{font-size:1rem}
@@ -36,7 +38,6 @@ h2:before{content:url('../img/decor.svg'); display:block;margin-bottom:-54px;mar
 @media (min-width:1400px) {
   .hero .content{background-size:auto 90%}
 }
-.hero .content h1{color:var(--acesta-dark-primary);font-weight:700}
 
 /* Situation */
 .situation{background-color:#439388}

acesta/templates/index.html

@@ -83,9 +83,6 @@
             <div class="d-none d-md-block">
               <a class="btn btn-accent btn-lg px-5 ms-5 my-3 text-nowrap" href="{% url 'region' %}"><svg fill="#ffffff" width="24" height="24" class="me-2"><use href="{% static 'img/sprite.svg' %}#start"></use></svg>Начать</a>
             </div>
-            <!-- <div class="d-block d-md-none">
-              <a class="btn btn-accent px-4 my-3 text-nowrap" href="{% url 'region' %}"><svg fill="#ffffff" width="24" height="24" class="me-2"><use href="{% static 'img/sprite.svg' %}#start"></use></svg>Начать</a>
-            </div> -->
           </div>
         </div>
       </nav>
@@ -95,8 +92,8 @@
             <div class="row content">
               <div class="col-12 col-lg-5 d-flex align-items-center">
                 <div class="hero-text">
-                  <div><small class="text-green">{{ HASH_TAGS }}</small></div>
-                  <h1>Раскрываем<br><span class="text-nowrap colored">туристический</span> <span class="text-accent-primary">потенциал</span></h1>
+                  <div><h1 class="hashtags text-green mb-2">{{ HASH_TAGS }}</h1></div>
+                  <div class="utp mb-1">Раскрываем<br><span class="text-nowrap colored">туристический</span> <span class="text-accent-primary">потенциал</span></div>
                   <p>Наш аналитический сервис помогает бизнесу и&nbsp;органам власти оценить потенциальную аудиторию объектов туристического интереса и&nbsp;разработать стратегии развития на&nbsp;уровне точки притяжения, города, региона
                   </p>
                   <a class="btn btn-accent btn-lg{% if request.user.is_authenticated %} px-5{% else %} px-4 px-md-5{% endif %} text-nowrap" href="{% url 'region' %}"><svg fill="#FFFFFF" width="24" height="24" class="me-2"><use href="{% static 'img/sprite.svg' %}#start"></use></svg>Начать{% if not request.user.is_authenticated %} бесплатно{% endif %}</a>

acesta/templates/outside.html

@@ -31,7 +31,7 @@
             <rect id="bg" width="686" height="270" fill="white" opacity="0"/>
           </g>
         </svg>
-        <h5 class="logo-tags">{{ HASH_TAGS }}</h5>
+        <h2 class="logo-tags mt-1">{{ HASH_TAGS }}</h2>
       </a>
       {% with url=request.resolver_match.url_name %}
         <ul class="navbar-nav align-items-end mt-3">