[css] work on the work part of the resume template

static/css/resume.css

@@ -106,7 +106,6 @@ section .location {
 }
 
 .position,
-.company,
 .organization,
 .institution,
 .date,
@@ -126,13 +125,6 @@ section .location {
   font-weight: 600;
 }
 
-.company::before,
-.institution::before,
-.organization::before,
-.awarder::before {
-  content: "at ";
-}
-
 .company,
 .institution,
 .organization,
@@ -272,3 +264,15 @@ section .location {
   margin-bottom: 0.5rem;
 }
 
+.company i {
+  margin-right: 0.5rem;
+}
+
+.company .website {
+  font-style: italic;
+  margin-left: 0.5rem;
+}
+
+.highlights li {
+  display: inline-block;
+}

templates/partials/work.html

@@ -20,21 +20,31 @@
       {% endif %}
 
       <header class="clear">
+        <div class="flex">
           {% if work_item.position %}
             <div class="position">{{ work_item.position }}</div>
           {% endif %}
-        <div class="company">{{ work_item.name }}</div>
+          <div class="date flex-grow text-right">
-        <div class="date">
             {% if work_item.startDate %}
       <span class="startDate">{{ utils.format_date_short(work_item.startDate) }}</span>
             {% endif %}
-	  {{ locale }}
             {% if not utils.isinfinite(work_item.endDate) %}
             <span class="endDate">- {{ utils.format_date_short(work_item.endDate) }}</span>
             {% else %}
             <span class="endDate">- {{ language.phrases.present }}</span>
             {% endif %}
           </div>
+        </div>
+
+	      <div class="company">
+          <i class="fa-solid fa-building"></i>
+          {{ work_item.name }}
+          {% if work_item.url %}
+            <span class="website">
+              <a href="{{ work_item.url }}">(website)</a>
+            </span>
+          {% endif %} 
+        </div>
       </header>
       {% endif %}
 
@@ -45,10 +55,7 @@
       </span>
       {% endif %}
 
-      {% if work_item.url %}
+      {% if work_item.keywords %}
-      <span class="website">
-        <a href="{{ work_item.url }}">{{ work_item.url }}</a>
-      </span> {% endif %} {% if work_item.keywords %}
       <ul class="keywords">
         {% for  keyword in  keywords %}
         <li>{{ keyword }}</li>
@@ -60,9 +67,9 @@
         <div class="summary">{{ work_item.summary | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</div>
         {% endif %}
         {% if work_item.highlights %}
-        <ul class="highlights">
+        <ul class="highlights grid grid-cols-4 gap-4">
           {% for  highlight in work_item.highlights %}
-            <li>{{ highlight | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</li>
+            <li class="bg-slate-700 rounded-md ring-2 ring-blue-500/50  text-center">{{ highlight | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</li>
           {% endfor %}
         </ul>
         {% endif %}