From 2f6dfde6b9ec590bf9a6c5c8953a965e6ff785c3 Mon Sep 17 00:00:00 2001
From: Brandon Rodriguez <brodriguez8774@gmail.com>
Date: Mon, 14 Aug 2023 01:45:27 -0400
Subject: [PATCH] Improve formatting and display for third example resume

---
 .../resume_manager/experience_instances.json  |   4 +-
 .../resume_manager/pillar_instances.json      |  65 ++++++-
 .../resume_manager/resume_sections.json       | 180 ++++++++++++++++++
 .../fixtures/resume_manager/section_css.json  |  10 +
 .../css/sass/src/_resume_blocky.scss          |  26 ++-
 .../css/sass/src/_text_styles.scss            |  19 +-
 .../resume_manager/include/education_min.html |   2 +-
 .../include/experience_min.html               |   4 +-
 .../resume_manager/include/pillars.html       |   2 +-
 .../resume_manager/include/references.html    |   2 +-
 .../include/references_min.html               |  20 +-
 11 files changed, 300 insertions(+), 34 deletions(-)

diff --git a/resume_manager_core/fixtures/resume_manager/experience_instances.json b/resume_manager_core/fixtures/resume_manager/experience_instances.json
index bbfdea2..b598a1d 100644
--- a/resume_manager_core/fixtures/resume_manager/experience_instances.json
+++ b/resume_manager_core/fixtures/resume_manager/experience_instances.json
@@ -81,7 +81,7 @@
         "resume": 3,
         "name": "Bob's Basket Weaving Shenanigans",
         "position": "Sr Basket Weaver",
-        "description": "Leader of basket weaving operations. Includes all functions of previous role.",
+        "description": "Leader of basket weaving operations.",
         "date_start": "2021-01-09",
         "date_end": "2023-05-15",
         "order": 1,
@@ -96,7 +96,7 @@
         "resume": 3,
         "name": "Bob's Basket Weaving Shenanigans",
         "position": "Basket Weaver Production Assistant",
-        "description": "Integral part of team. Helped run day-to-day operations, and acted as a second opinion for decisions affecting future workflow.",
+        "description": "Helped run day-to-day operations, and acted as a second opinion for decisions affecting future workflow.",
         "date_start": "2016-05-14",
         "date_end": "2021-01-08",
         "order": 2,
diff --git a/resume_manager_core/fixtures/resume_manager/pillar_instances.json b/resume_manager_core/fixtures/resume_manager/pillar_instances.json
index 41a2b35..2bd0437 100644
--- a/resume_manager_core/fixtures/resume_manager/pillar_instances.json
+++ b/resume_manager_core/fixtures/resume_manager/pillar_instances.json
@@ -4,7 +4,7 @@
     "pk": 1,
     "fields": {
         "category": 1,
-        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod. Suspendisse rutrum, lacus non luctus lacinia, ante erat porttitor mauris, id vestibulum lacus turpis et purus. Phasellus odio diam, blandit sit amet mauris sed, molestie gravida ex. Vivamus augue dui, vehicula nec pellentesque in, scelerisque a mauris.",
+        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod.",
         "date_created": "2023-01-01T08:00:00.000Z",
         "date_modified": "2023-01-01T08:00:00.000Z"
     }
@@ -14,7 +14,7 @@
     "pk": 2,
     "fields": {
         "category": 1,
-        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod. Suspendisse rutrum, lacus non luctus lacinia, ante erat porttitor mauris, id vestibulum lacus turpis et purus. Phasellus odio diam, blandit sit amet mauris sed, molestie gravida ex. Vivamus augue dui, vehicula nec pellentesque in, scelerisque a mauris.",
+        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod. Suspendisse rutrum, lacus non luctus lacinia, ante erat porttitor mauris. id vestibulum lacus turpis et purus.",
         "date_created": "2023-01-01T08:00:00.000Z",
         "date_modified": "2023-01-01T08:00:00.000Z"
     }
@@ -24,7 +24,7 @@
     "pk": 3,
     "fields": {
         "category": 1,
-        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod. Suspendisse rutrum, lacus non luctus lacinia, ante erat porttitor mauris, id vestibulum lacus turpis et purus. Phasellus odio diam, blandit sit amet mauris sed, molestie gravida ex. Vivamus augue dui, vehicula nec pellentesque in, scelerisque a mauris.",
+        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod. Suspendisse rutrum, lacus non luctus lacinia, ante erat.",
         "date_created": "2023-01-01T08:00:00.000Z",
         "date_modified": "2023-01-01T08:00:00.000Z"
     }
@@ -33,18 +33,19 @@
     "model": "resume_manager_core.pillarinstance",
     "pk": 4,
     "fields": {
-        "category": 2,
-        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod. Suspendisse rutrum, lacus non luctus lacinia, ante erat porttitor mauris, id vestibulum lacus turpis et purus. Phasellus odio diam, blandit sit amet mauris sed, molestie gravida ex. Vivamus augue dui, vehicula nec pellentesque in, scelerisque a mauris.",
+        "category": 1,
+        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod. Suspendisse rutrum, lacus non luctus lacinia, ante erat porttitor mauris, id vestibulum lacus turpis et purus.",
         "date_created": "2023-01-01T08:00:00.000Z",
         "date_modified": "2023-01-01T08:00:00.000Z"
     }
 },
+
 {
     "model": "resume_manager_core.pillarinstance",
     "pk": 5,
     "fields": {
         "category": 2,
-        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod. Suspendisse rutrum, lacus non luctus lacinia, ante erat porttitor mauris, id vestibulum lacus turpis et purus. Phasellus odio diam, blandit sit amet mauris sed, molestie gravida ex. Vivamus augue dui, vehicula nec pellentesque in, scelerisque a mauris.",
+        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod. Suspendisse rutrum, lacus non luctus lacinia, ante erat porttitor mauris. id vestibulum lacus turpis et purus.",
         "date_created": "2023-01-01T08:00:00.000Z",
         "date_modified": "2023-01-01T08:00:00.000Z"
     }
@@ -54,7 +55,57 @@
     "pk": 6,
     "fields": {
         "category": 2,
-        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod. Suspendisse rutrum, lacus non luctus lacinia, ante erat porttitor mauris, id vestibulum lacus turpis et purus. Phasellus odio diam, blandit sit amet mauris sed, molestie gravida ex. Vivamus augue dui, vehicula nec pellentesque in, scelerisque a mauris.",
+        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod. Suspendisse rutrum, lacus non luctus lacinia, ante erat.",
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.pillarinstance",
+    "pk": 7,
+    "fields": {
+        "category": 2,
+        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod.",
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.pillarinstance",
+    "pk": 8,
+    "fields": {
+        "category": 2,
+        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod. Suspendisse rutrum, lacus non luctus lacinia, ante erat porttitor mauris, id vestibulum lacus turpis et purus.",
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.pillarinstance",
+    "pk": 9,
+    "fields": {
+        "category": 3,
+        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod. Suspendisse rutrum, lacus non luctus lacinia, ante erat.",
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.pillarinstance",
+    "pk": 10,
+    "fields": {
+        "category": 3,
+        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod.",
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.pillarinstance",
+    "pk": 11,
+    "fields": {
+        "category": 3,
+        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum molestie euismod. Suspendisse rutrum, lacus non luctus lacinia, ante erat porttitor mauris, id vestibulum lacus turpis et purus.",
         "date_created": "2023-01-01T08:00:00.000Z",
         "date_modified": "2023-01-01T08:00:00.000Z"
     }
diff --git a/resume_manager_core/fixtures/resume_manager/resume_sections.json b/resume_manager_core/fixtures/resume_manager/resume_sections.json
index 7ac1921..ef31816 100644
--- a/resume_manager_core/fixtures/resume_manager/resume_sections.json
+++ b/resume_manager_core/fixtures/resume_manager/resume_sections.json
@@ -450,12 +450,192 @@
     "fields": {
         "resume": 3,
         "parent_section": 34,
+        "name": "Right Body Column",
+        "css": [3, 6, 16],
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.resumesection",
+    "pk": 37,
+    "fields": {
+        "resume": 3,
+        "parent_section": 36,
         "name": "Experience",
         "css": [3, 6, 16],
+        "display_category": 5,
+        "minimalistic": true,
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.resumesection",
+    "pk": 38,
+    "fields": {
+        "resume": 3,
+        "parent_section": 36,
+        "name": "Skills",
+        "css": [3, 6, 16],
+        "display_category": 6,
+        "minimalistic": true,
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.resumesection",
+    "pk": 39,
+    "fields": {
+        "resume": 3,
+        "parent_section": null,
+        "name": "Page",
+        "css": [1],
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.resumesection",
+    "pk": 40,
+    "fields": {
+        "resume": 3,
+        "parent_section": 39,
+        "name": "Header Section",
+        "css": [2, 18, 19, 27],
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.resumesection",
+    "pk": 41,
+    "fields": {
+        "resume": 3,
+        "parent_section": 39,
+        "name": "Body Section",
+        "css": [3, 12, 19],
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.resumesection",
+    "pk": 42,
+    "fields": {
+        "resume": 3,
+        "parent_section": 39,
+        "name": "Footer Section",
+        "css": [2, 18, 19, 27, 41],
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.resumesection",
+    "pk": 43,
+    "fields": {
+        "resume": 3,
+        "parent_section": 40,
+        "name": "Header Left",
+        "css": [20, 29],
+        "display_category": 1,
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.resumesection",
+    "pk": 44,
+    "fields": {
+        "resume": 3,
+        "parent_section": 40,
+        "name": "Header Right",
+        "css": [22, 29],
+        "display_category": 2,
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.resumesection",
+    "pk": 45,
+    "fields": {
+        "resume": 3,
+        "parent_section": 41,
+        "name": "Contact Info",
+        "css": [3, 16],
+        "display_category": 3,
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.resumesection",
+    "pk": 46,
+    "fields": {
+        "resume": 3,
+        "parent_section": 41,
+        "name": "Body SubSection",
+        "css": [2, 12],
+        "separator_before": true,
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.resumesection",
+    "pk": 47,
+    "fields": {
+        "resume": 3,
+        "parent_section": 46,
+        "name": "Left Body Column",
+        "css": [3, 6, 16],
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.resumesection",
+    "pk": 48,
+    "fields": {
+        "resume": 3,
+        "parent_section": 47,
+        "name": "References",
+        "css": [3, 6, 16],
         "display_category": 7,
         "minimalistic": true,
         "date_created": "2023-01-01T08:00:00.000Z",
         "date_modified": "2023-01-01T08:00:00.000Z"
     }
+},
+{
+    "model": "resume_manager_core.resumesection",
+    "pk": 49,
+    "fields": {
+        "resume": 3,
+        "parent_section": 47,
+        "name": "Education",
+        "css": [3, 6, 16],
+        "display_category": 4,
+        "minimalistic": true,
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
+},
+{
+    "model": "resume_manager_core.resumesection",
+    "pk": 50,
+    "fields": {
+        "resume": 3,
+        "parent_section": 46,
+        "name": "Pillars",
+        "css": [3, 11, 16],
+        "display_category": 8,
+        "separator_before": true,
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
 }
 ]
diff --git a/resume_manager_core/fixtures/resume_manager/section_css.json b/resume_manager_core/fixtures/resume_manager/section_css.json
index d8c3c63..6c89a06 100644
--- a/resume_manager_core/fixtures/resume_manager/section_css.json
+++ b/resume_manager_core/fixtures/resume_manager/section_css.json
@@ -418,5 +418,15 @@
         "date_created": "2023-01-01T08:00:00.000Z",
         "date_modified": "2023-01-01T08:00:00.000Z"
     }
+},
+{
+    "model": "resume_manager_core.sectioncss",
+    "pk": 43,
+    "fields": {
+        "name": "background-color-clear",
+        "css_classes": "color-clear",
+        "date_created": "2023-01-01T08:00:00.000Z",
+        "date_modified": "2023-01-01T08:00:00.000Z"
+    }
 }
 ]
diff --git a/resume_manager_core/static/resume_manager_core/css/sass/src/_resume_blocky.scss b/resume_manager_core/static/resume_manager_core/css/sass/src/_resume_blocky.scss
index 4796979..804d0f8 100644
--- a/resume_manager_core/static/resume_manager_core/css/sass/src/_resume_blocky.scss
+++ b/resume_manager_core/static/resume_manager_core/css/sass/src/_resume_blocky.scss
@@ -79,7 +79,7 @@ html {
     .color-section {
       background-color: #27212e;
 
-        h2, h3, h4, h5, h6, p {
+        h2, h3, h4, h5, h6, p, a {
           color: #fff;
         }
 
@@ -90,6 +90,30 @@ html {
         span.bold {
           color: #233d74;
         }
+
+        .descriptor {
+          color: #5c7bbf;
+        }
+    }
+
+    .color-clear {
+      background-color: white;
+
+      h2, h3, h4, h5, h6, p, a {
+        color: #000;
+      }
+
+      h2, h3, h4, h5, h6 {
+        text-decoration: none;
+      }
+
+      span.bold {
+        color: #000;
+      }
+
+      .descriptor {
+        color: #233d74;
+      }
     }
   }
 }
diff --git a/resume_manager_core/static/resume_manager_core/css/sass/src/_text_styles.scss b/resume_manager_core/static/resume_manager_core/css/sass/src/_text_styles.scss
index 39ce7e3..1d11a1b 100644
--- a/resume_manager_core/static/resume_manager_core/css/sass/src/_text_styles.scss
+++ b/resume_manager_core/static/resume_manager_core/css/sass/src/_text_styles.scss
@@ -82,43 +82,48 @@ html {
       font-size: 16px;
     }
 
-    p, li, span,
+    p, li, span, a,
     p.font-size-default,
     li.font-size-default,
     span.font-size-default,
-    div.font-size-default {
+    div.font-size-default,
+    a.font-size-default {
       font-size: 16px;
     }
 
     p.font-size-small,
     li.font-size-small,
     span.font-size-small,
-    div.font-size-small, {
+    div.font-size-small,
+    a.font-size-small {
       font-size: 14px;
     }
 
     p.font-size-x-small,
     li.font-size-x-small,
     span.font-size-x-small,
-    div.font-size-x-small, {
+    div.font-size-x-small,
+    a.font-size-x-small {
       font-size: 13px;
     }
 
     p.font-size-large,
     li.font-size-large,
     span.font-size-large,
-    div.font-size-large, {
+    div.font-size-large,
+    a.font-size-large {
       font-size: 18px;
     }
 
     p.font-size-x-large,
     li.font-size-x-large,
     span.font-size-x-large,
-    div.font-size-x-large, {
+    div.font-size-x-large,
+    a.font-size-x-large {
         font-size: 20px;
     }
 
-    .descriptor, p.emphasis, span.emphasis {
+    .descriptor, p.emphasis, a.emphasis, span.emphasis {
       font-weight: 800;
     }
 
diff --git a/resume_manager_core/templates/resume_manager/include/education_min.html b/resume_manager_core/templates/resume_manager/include/education_min.html
index d0e7629..5f8c21d 100644
--- a/resume_manager_core/templates/resume_manager/include/education_min.html
+++ b/resume_manager_core/templates/resume_manager/include/education_min.html
@@ -11,7 +11,7 @@
 
   {% for education in data %}
 
-    <div class="flex flex-vertical subsection flex-align-start padding-05">
+    <div class="flex flex-vertical subsection flex-align-start padding-02">
 
       <p class="flex flex-horizontal flex-justify-space-between descriptor font-size-small">
         {{ education.name }}
diff --git a/resume_manager_core/templates/resume_manager/include/experience_min.html b/resume_manager_core/templates/resume_manager/include/experience_min.html
index 30d16fa..d85f42c 100644
--- a/resume_manager_core/templates/resume_manager/include/experience_min.html
+++ b/resume_manager_core/templates/resume_manager/include/experience_min.html
@@ -11,7 +11,7 @@
 
   {% for experience in data %}
 
-    <div class="flex flex-vertical subsection flex-align-start padding-05">
+    <div class="flex flex-vertical subsection flex-align-start padding-02">
 
       <p class="flex flex-horizontal flex-justify-space-between descriptor underline">
         {{ experience.position }}
@@ -30,7 +30,7 @@
       </p>
 
       {% if experience.description %}
-        <p class="align-justify padding-05 font-size-x-small">
+        <p class="align-justify font-size-x-small">
           {{ experience.description }}
         </p>
       {% endif %}
diff --git a/resume_manager_core/templates/resume_manager/include/pillars.html b/resume_manager_core/templates/resume_manager/include/pillars.html
index a6daa6b..be20062 100644
--- a/resume_manager_core/templates/resume_manager/include/pillars.html
+++ b/resume_manager_core/templates/resume_manager/include/pillars.html
@@ -12,7 +12,7 @@
         {% if category.pillars %}
           <ul class="flex flex-vertical flex-align-start">
             {% for pillar in category.pillars %}
-              <li class="padding-05"><p class="align-justify font-size-small"> - {{ pillar }}</p></li>
+              <li class="padding-02"><p class="align-justify font-size-small"> - {{ pillar }}</p></li>
             {% endfor %}
           </ul>
         {% else %}
diff --git a/resume_manager_core/templates/resume_manager/include/references.html b/resume_manager_core/templates/resume_manager/include/references.html
index 27f9903..e99777e 100644
--- a/resume_manager_core/templates/resume_manager/include/references.html
+++ b/resume_manager_core/templates/resume_manager/include/references.html
@@ -23,7 +23,7 @@
         <span>{{ reference.company }}</span>
         <span>
           <span class="descriptor font-size-small">Phone:</span>
-          <a href="tel{{ reference.phone_number }}">{{ reference.phone_number.as_national }}</a>
+          <a href="tel:{{ reference.phone_number }}">{{ reference.phone_number.as_national }}</a>
         </span>
       </p>
 
diff --git a/resume_manager_core/templates/resume_manager/include/references_min.html b/resume_manager_core/templates/resume_manager/include/references_min.html
index dfb453f..f280755 100644
--- a/resume_manager_core/templates/resume_manager/include/references_min.html
+++ b/resume_manager_core/templates/resume_manager/include/references_min.html
@@ -12,20 +12,16 @@
     <div class="flex flex-vertical flex-align-start padding-05">
 
       <p class="descriptor font-size-small">{{ reference.company }}</p>
-      <p class="emphasis">{{ reference.name }}</p>
+      <p class="emphasis font-size-small">{{ reference.name }}</p>
 
+      <p>
+        <a href="mailto:{{ reference.email }}" class="font-size-x-small">{{ reference.email }}</a>
+      </p>
 
-      <span>
-        <span class="descriptor font-size-x-small">Email:</span>
-        <a href="mailto:{{ reference.email }}">{{ reference.email }}</a>
-      </span>
-
-      <p class="flex flex-horizontal flex-justify-space-between padding-02">
-
-        <span>
-          <span class="descriptor font-size-x-small">Phone:</span>
-          <a href="tel{{ reference.phone_number }}">{{ reference.phone_number.as_national }}</a>
-        </span>
+      <p>
+          <a href="tel:{{ reference.phone_number }}" class="font-size-x-small">
+            {{ reference.phone_number.as_national }}
+          </a>
       </p>
 
     </div>
-- 
GitLab