Refine CV layout, readability, and theme styling

Guillermo Moraleda · Guillermo Moraleda · commit 4920469fb311 · 2026-02-19T14:05:42.000+01:00
diff --git a/_data/data.yml b/_data/data.yml
@@ -6,7 +6,7 @@ contact:
   email: moraleda@gmx.net
   github: gmoraleda
   linkedin: gmoraleda
-  phone: "+49 (0)159 03777213"
+  phone:
   gitlab:
   twitter:
 
@@ -21,7 +21,7 @@ education:
     time: 2006-2011
     university: Universitat Pompeu Fabra, Barcelona
 
-  - degree: Exchange Semester in Computer Science
+  - degree: Computer Science
     time: 2009-2010
     university: Karlstad Universitet, Karlstad
 
diff --git a/_includes/experience.html b/_includes/experience.html
@@ -11,10 +11,19 @@ <h2 class="title">Experience</h2>
                 {{exp.company}} 
                 <span class="time">{{exp.time}}</span>
             </div> 
-            <div class="details">{{exp.details}}</div>
-            <p class="technologies">Technologies Used: {{exp.technologies_used}}</p>
+            {% assign normalized_details = exp.details | newline_to_br | replace: '<br />', ' ' | replace: '  ', ' ' %}
+            {% assign detail_lines = normalized_details | split: '. ' %}
+            <ul class="details">
+            {% for line in detail_lines %}
+                {% assign cleaned = line | strip %}
+                {% if cleaned != '' %}
+                {% assign last_char = cleaned | slice: -1, 1 %}
+                <li>{% if last_char == '.' %}{{ cleaned }}{% else %}{{ cleaned }}.{% endif %}</li>
+                {% endif %}
+            {% endfor %}
+            </ul>
         </div>
        
     {% endfor %}
 </section>
-{% endif %}
+{% endif %}
diff --git a/_includes/projects/sovi.html b/_includes/projects/sovi.html
@@ -1,6 +1,7 @@
 <article class="project-card">
   <div class="project-header">
     <h3>SOVI</h3>
+    <a class="project-link" href="https://apps.apple.com/de/app/sovi/id1526943689?l=en-GB" target="_blank" rel="noopener">App Store</a>
   </div>
   <p class="project-domain">Accessibility-focused initiative with cloud infrastructure support.</p>
   <ul>
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -1,19 +1,20 @@
 * {
-    font-family: 'Helvetica', 'Arial', sans-serif;
-    text-align: justify;
-    line-height: 1.5;
+    font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
+    text-align: left;
+    line-height: 1.65;
 }
 
 body {
     background-color: var(--bg-color);
+    font-size: 18px;
 }
 
 .container {
     max-width: 900px;
     min-height: 900px;
     margin: 0 auto;
     background-color: var(--bg-color-cv);
-    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
+    box-shadow: 0px 3px 10px rgba(57, 49, 40, 0.15);
     padding:30px;
     margin-top:30px;
     margin-bottom: 30px;
@@ -23,8 +24,9 @@ body {
         padding:20px;
         display: grid;
         grid-template-columns: 2fr 5fr;
+        column-gap: 44px;
         .sidebar {
             margin-top: 20px;
         }
     }
-}
+}
diff --git a/_sass/_mixins.scss b/_sass/_mixins.scss
@@ -1,6 +1,6 @@
 @mixin header {
     color: var(--fg-color);
-    font-size: 18px;
+    font-size: 22px;
     text-transform: uppercase;
     font-weight: 700;
     margin-top:20px;
@@ -21,12 +21,12 @@
 }
 
 @mixin sub-header {
-    font-size: 16px;
+    font-size: 18px;
     font-weight: 700; 
     color: var(--fg-color);
 }
 
 @mixin body-text {
     color: var(--fg-color-body);
-    font-size: 14px;
-}
+    font-size: 16px;
+}
diff --git a/_sass/includes/education.scss b/_sass/includes/education.scss
@@ -1,19 +1,25 @@
 .education {
     margin-bottom: 20px;
+    text-align: left;
     .title {
         @include sub-header;
+        text-align: left;
     }
     .education-item {
         margin-bottom: 20px;
+        text-align: left;
         .degree {
             @include body-text;
             font-weight: bold;
+            text-align: left;
         }
         .university {
             @include body-text;
+            text-align: left;
         }
         .time {
             @include body-text;
+            text-align: left;
         }
     }
-}
+}
diff --git a/_sass/includes/experience.scss b/_sass/includes/experience.scss
@@ -17,9 +17,16 @@
         }
         .details {
             @include body-text;
+            margin: 6px 0 10px 0;
+            padding-left: 22px;
+            li {
+                @include body-text;
+                margin-bottom: 4px;
+                text-align: left;
+            }
         }
         .technologies {
             @include body-text;
         }
     }
-}
+}
diff --git a/_sass/includes/header.scss b/_sass/includes/header.scss
@@ -7,7 +7,11 @@
     .title {
         color: var(--fg-color-dark);
         font-weight: bolder;
-        text-transform: uppercase;
+        text-transform: capitalize;
+        font-size: 42px;
+        letter-spacing: 0.02em;
+        line-height: 1.15;
+        margin: 0;
     }
     input[type="checkbox"] {
         width: 0;
@@ -19,4 +23,4 @@
         color: var(--fg-color-dark);
         
     }
-}
+}
diff --git a/_sass/responsive.scss b/_sass/responsive.scss
@@ -32,4 +32,9 @@
             display: none;
         }
     }
+    .header {
+        .title {
+            font-size: 32px;
+        }
+    }
 }
diff --git a/_sass/skins/blue.scss b/_sass/skins/blue.scss
@@ -1,18 +1,18 @@
 :root {
-    --bg-color: #f1f1f1;
-    --bg-color-cv: #ffffff;
-    --fg-color: #00629b;
-    --fg-color-dark: #023b5b;
-    --fg-color-body: #5e6369;
-    --fg-color-title-sm: #688293;
+    --bg-color: #e8e7dc;
+    --bg-color-cv: #f2f0e4;
+    --fg-color: #272522;
+    --fg-color-dark: #1d1c1a;
+    --fg-color-body: #2f2d2a;
+    --fg-color-title-sm: #66625b;
 
 }
 
 [data-theme='dark'] {
-    --bg-color: #28343b;
-    --bg-color-cv: #1b262c;
-    --fg-color: #3282b8;
-    --fg-color-dark: #3282b8;
-    --fg-color-body: rgba(187,225,250,0.75);
-    --fg-color-title-sm: #688293;
+    --bg-color: #2f2e2d;
+    --bg-color-cv: #2b2a29;
+    --fg-color: #d1cdc6;
+    --fg-color-dark: #ece7df;
+    --fg-color-body: #c7c2ba;
+    --fg-color-title-sm: #9d978e;
 }
diff --git a/index.html b/index.html
@@ -16,7 +16,6 @@
       {% include career-profile.html %}
       {% include experience.html %}
       {% include publications.html %}
-      {% include projects.html %}
       {% include volunteering.html %}
     </div>
   </div>

Original file line number	Diff line number	Diff line change
`@@ -1,19 +1,25 @@`
`1`	`1`	`.education {`
`2`	`2`	`margin-bottom: 20px;`
	`3`	`+ text-align: left;`
`3`	`4`	`.title {`
`4`	`5`	`@include sub-header;`
	`6`	`+ text-align: left;`
`5`	`7`	`}`
`6`	`8`	`.education-item {`
`7`	`9`	`margin-bottom: 20px;`
	`10`	`+ text-align: left;`
`8`	`11`	`.degree {`
`9`	`12`	`@include body-text;`
`10`	`13`	`font-weight: bold;`
	`14`	`+ text-align: left;`
`11`	`15`	`}`
`12`	`16`	`.university {`
`13`	`17`	`@include body-text;`
	`18`	`+ text-align: left;`
`14`	`19`	`}`
`15`	`20`	`.time {`
`16`	`21`	`@include body-text;`
	`22`	`+ text-align: left;`
`17`	`23`	`}`
`18`	`24`	`}`
`19`		`-}`
	`25`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -17,9 +17,16 @@`
`17`	`17`	`}`
`18`	`18`	`.details {`
`19`	`19`	`@include body-text;`
	`20`	`+ margin: 6px 0 10px 0;`
	`21`	`+ padding-left: 22px;`
	`22`	`+ li {`
	`23`	`+ @include body-text;`
	`24`	`+ margin-bottom: 4px;`
	`25`	`+ text-align: left;`
	`26`	`+ }`
`20`	`27`	`}`
`21`	`28`	`.technologies {`
`22`	`29`	`@include body-text;`
`23`	`30`	`}`
`24`	`31`	`}`
`25`		`-}`
	`32`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -32,4 +32,9 @@`
`32`	`32`	`display: none;`
`33`	`33`	`}`
`34`	`34`	`}`
	`35`	`+ .header {`
	`36`	`+ .title {`
	`37`	`+ font-size: 32px;`
	`38`	`+ }`
	`39`	`+ }`
`35`	`40`	`}`