From 48b9b6ce8a7d61c3aa94d10941601a57bdd73217 Mon Sep 17 00:00:00 2001
From: Serghei Cebotari <serghei@cebotari.ru>
Date: Sat, 2 Dec 2023 23:21:28 +0300
Subject: [PATCH] Update styles

---
 layouts/partials/sections/contacts.html   |  4 ++--
 layouts/partials/sections/education.html  |  4 ++--
 layouts/partials/sections/experience.html |  4 ++--
 layouts/partials/sections/projects.html   |  2 +-
 layouts/partials/style.html               | 13 +++++++++++++
 5 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/layouts/partials/sections/contacts.html b/layouts/partials/sections/contacts.html
index b87b8cb..7647243 100644
--- a/layouts/partials/sections/contacts.html
+++ b/layouts/partials/sections/contacts.html
@@ -1,6 +1,6 @@
-<div style="text-align: center;">
+<div class="align-center">
     <h1 class="name">{{ .Site.Params.Name }}</h1>
-    <div style="font-size: small;">
+    <div class="font-small">
         {{ with .Site.Params.Phone }}
         <a href="tel:{{ . }}">{{ . }}</a><span> |</span>
         {{ end }}
diff --git a/layouts/partials/sections/education.html b/layouts/partials/sections/education.html
index f32f6ba..4ea693d 100644
--- a/layouts/partials/sections/education.html
+++ b/layouts/partials/sections/education.html
@@ -5,12 +5,12 @@
         {{ range sort (.Pages) "Params.end_date" "desc" }}
         <tr>
             <td><strong>{{ .Title }}</strong></td>
-            <td style="text-align: right;">{{ with .Params.location}}{{ . }}{{ end }}</td>
+            <td class="align-right">{{ with .Params.location}}{{ . }}{{ end }}</td>
         </tr>
         <tr>
             <td><em>{{ with .Params.degree}}{{ . }}{{ end }}</em>
             </td>
-            <td style="text-align: right;"><em>
+            <td class="align-right"><em>
                     {{ with .Params.start_date }}{{ time.Format "Jan 2006" . }}{{ end }} –
                     {{ with .Params.end_date }}{{ time.Format "Jan 2006" . }}{{ else }}{{ "Present" }}{{ end }}</em>
             </td>
diff --git a/layouts/partials/sections/experience.html b/layouts/partials/sections/experience.html
index 5e25f37..c975051 100644
--- a/layouts/partials/sections/experience.html
+++ b/layouts/partials/sections/experience.html
@@ -5,14 +5,14 @@
     <tbody>
         <tr>
             <td><strong>{{ .Title }}</strong></td>
-            <td style="text-align: right;">
+            <td class="align-right">
                 {{ with .Params.start_date }}{{ time.Format "Jan 2006" . }}{{ end }} – 
                 {{ with .Params.end_date }}{{ time.Format "Jan 2006" . }}{{ else }}{{ "Present" }}{{ end }}
             </td>
         </tr>
         <tr>
             <td><em>{{with .Params.workplace}}{{ . }}{{ end }}</em></td>
-            <td style="text-align: right;"><em>{{ with .Params.location}}{{ . }}{{ end }}</em></td>
+            <td class="align-right"><em>{{ with .Params.location}}{{ . }}{{ end }}</em></td>
         </tr>
     </tbody>
 </table>
diff --git a/layouts/partials/sections/projects.html b/layouts/partials/sections/projects.html
index ab4b497..88cf5ea 100644
--- a/layouts/partials/sections/projects.html
+++ b/layouts/partials/sections/projects.html
@@ -7,7 +7,7 @@
             <td><strong>{{ .Title }} </strong><span>|</span>
                 <em>{{ range $i, $e := .Params.tags -}}{{- if $i -}}, {{ end -}}{{ . }}{{- end -}}</em>
             </td>
-            <td style="text-align: right;">
+            <td class="align-right">
                 {{ with .Params.start_date }}{{ time.Format "Jan 2006" . }}{{ end }} – 
                 {{ with .Params.end_date }}{{ time.Format "Jan 2006" . }}{{ else }}{{ "Present" }}{{ end }}
             </td>
diff --git a/layouts/partials/style.html b/layouts/partials/style.html
index bccfb8f..113d472 100644
--- a/layouts/partials/style.html
+++ b/layouts/partials/style.html
@@ -32,12 +32,24 @@
         font-display: swap;
     }
 
+    .font-small {
+        font-size: small;
+    }
+
     body {
         font-family: 'Computer Modern Serif', serif;
         font-size: 13pt;
         line-height: 100%;
     }
 
+    .align-center {
+        text-align: center;
+    }
+
+    .align-right {
+        text-align: right
+    }
+
     .page {
         background: white;
         display: block;
@@ -95,6 +107,7 @@
     }
 
     @media print {
+
         body,
         .page {
             background: white;