gpa renamed to gpa_us and gpa_de added

Author: jakobgabriel

_includes/pro/resume/education.html

@@ -1,3 +1,8 @@
+<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+
 {% if resume.education.size > 0 %}
 <section>
   <div class="npb">
@@ -32,10 +37,14 @@ <h3 class="h4 faded" {% if edu.endDate.size>
           endcapture %} {% capture area %}<span class="bc"> {{ edu.area }}</span>{% endcapture %} {% capture institution
           %}<span class="bc" {% if edu.endDate.size>
             0 %}property="name"{% endif %}>
-            <a href="{{edu.url}}">{{ edu.institution }}</a> </span>{% endcapture %} {% capture gpa %}<span class="bc">{{
-            edu.gpa }}</span>{% endcapture %}
+            <a href="{{edu.url}}">{{ edu.institution }}</a> </span>{% endcapture %}
+          {% capture gpa_us %}<span class="bc">{{ edu.gpa_us }}</span>{% endcapture %}
+          {% capture gpa_de %}<span class="bc">{{ edu.gpa_de }}</span>{% endcapture %}
           <span>
-            {{study_type}} in {{area}} from {{institution}} with GPA of {{gpa}}
+            {{study_type}} in {{area}} from {{institution}} with GPA of {{gpa_us}}
+            <button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#gpaInfoModal">
+              <i class="fas fa-info-circle"></i>
+            </button>
           </span>
         </h3>
       </header>
@@ -53,4 +62,24 @@ <h4 class="sr-only">{{ strings.resume.courses | default:"Courses" }}</h4>
   </div>
   {% endif %} {% endfor %}
 </section>
-{% endif %}
+{% endif %}
+
+<!-- GPA Info Modal -->
+<div class="modal fade" id="gpaInfoModal" tabindex="-1" role="dialog" aria-labelledby="gpaInfoModalLabel" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="gpaInfoModalLabel">GPA Information</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        The GPA (Grade Point Average) is a standard way of measuring academic achievement in the U.S. The German GPA is calculated differently and typically ranges from 1.0 (best) to 5.0 (worst). Here, the US GPA is {{ edu.gpa_us }} and the German GPA is {{ edu.gpa_de }}.
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>

resume-english.md

@@ -250,15 +250,17 @@ resume:
       studyType: 'Master of Engineering'
       startDate: '2019-04-01'
       endDate: ''
-      gpa: 'N/A'
+      gpa_us: 'N/A'
+      gpa_de: 'N/A'
       url: https://www.hsm-fernstudium.de/masterstudiengaenge/angewandte-kunststofftechnik-meng
 
     - institution: 'Duale Hochschule Gera Eisenach'
       area: 'Polymer Engineering'
       studyType: 'Bachelor of Engineering'
       startDate: '2015-10-01'
       endDate: '2018-09-30'
-      gpa: 1.6
+      gpa_us: 3.3
+      gpa_de: 1.6
       url: 'https://www.dhge.de/DHGE/Studieninteressierte/Studieng-nge/Detail~Technik~Kunststofftechnik-Bachelor-of-Engineering~.html'
 
 #  # Projects 
@@ -349,4 +351,4 @@ resume:
       fluency: 'native-speaker'
     - language: 'English'
       fluency: 'professional-working-proficiency'
----
+---