add linters

cv/templates/index.html

@@ -35,8 +35,13 @@
       </div>
       <div class="hero__content">
         <h2>Привет, я {{ profile.full_name }}</h2>
-        {% if profile.role %}<p class="lead">{{ profile.role }} • {{ profile.location }}</p>{% endif %}
-        <p class="lead" style="margin-top:12px">{{ profile.summary }}</p>
+        {% if profile.role %}
+        <div class="hero-meta mt-8">
+          <span class="chip">{{ profile.role }}</span>
+          {% if profile.location %}<span class="chip muted">{{ profile.location }}</span>{% endif %}
+        </div>
+        {% endif %}
+        <p class="lead mt-12">{{ profile.summary }}</p>
       </div>
     </section>
 
@@ -44,17 +49,17 @@
       <div>
         <section id="experience" class="card">
           <h3>Опыт работы</h3>
-          <div class="timeline" style="margin-top:10px">
+          <div class="timeline mt-10">
             {% for job in profile.experience.all %}
             <article class="job">
-              <div class="company"><span style="opacity:.9">{{ job.company }}</span></div>
+              <div class="company"><span class="company-name">{{ job.company }}</span></div>
               <div class="period">
                 {% with sd=job.start_date ed=job.end_date %}
                 {% if sd %}{{ sd|date:"F Y" }}{% endif %}{% if ed %} — {{ ed|date:"F Y" }}{% else %} — настоящее время
                 {% endif %}
                 {% endwith %}
               </div>
-              {% if job.summary %}<div style="margin-top:8px;color:var(--muted)">{{ job.summary }}</div>{% endif %}
+              {% if job.summary %}<div class="job-summary">{{ job.summary }}</div>{% endif %}
               {% if job.achievements %}
               <ul>
                 {% for a in job.achievements %}
@@ -73,11 +78,11 @@
       <aside>
         <section id="skills" class="card">
           <h3>Навыки</h3>
-          <div style="margin-top:10px">
+          <div class="skills mt-10">
             {% for group in profile.skills_map.all %}
-            <div style="margin-bottom:10px">
-              <div style="font-weight:700">{{ group.group }}</div>
-              <div style="margin-top:8px;display:flex;flex-wrap:wrap;gap:8px">
+            <div class="skill-group mb-10">
+              <div class="skill-title">{{ group.group }}</div>
+              <div class="skill-items mt-8">
                 {% for s in group.items %}<span class="pill">{{ s }}</span>{% endfor %}
               </div>
             </div>
@@ -85,9 +90,9 @@
           </div>
         </section>
 
-        <section id="contacts" class="card" style="margin-top:18px">
+        <section id="contacts" class="card contacts mt-18">
           <h3>Контакты</h3>
-          <div style="margin-top:10px;display:flex;flex-direction:column;gap:10px">
+          <div class="contacts-list mt-10">
             {% if profile.email %}
             <div>
               <strong>Email:</strong>