From e26113d2db234047f7576e198f5d6281bc69215b Mon Sep 17 00:00:00 2001
From: Emruz Hossain <emruz@appscode.com>
Date: Sun, 27 Dec 2020 20:47:33 +0600
Subject: [PATCH] Add education-alt section

---
 layouts/partials/sections/education-alt.html | 108 +++++++++++++++++++
 static/assets/css/sections/education.css     |   9 +-
 2 files changed, 113 insertions(+), 4 deletions(-)
 create mode 100644 layouts/partials/sections/education-alt.html

diff --git a/layouts/partials/sections/education-alt.html b/layouts/partials/sections/education-alt.html
new file mode 100644
index 0000000..b56adf7
--- /dev/null
+++ b/layouts/partials/sections/education-alt.html
@@ -0,0 +1,108 @@
+{{ $sectionID := replace (lower .section.name) " " "-"  }}
+{{ if .section.id }}
+{{ $sectionID = .section.id }}
+{{ end }}
+
+<div class="container-fluid anchor pb-5 education-section education-alt" id="{{ $sectionID }}">
+    {{ if not (.section.hideTitle) }}
+    <h1 class="text-center">{{ .section.name }}</h1>
+    {{ end }}
+
+    <div class="container">
+        <table class="education-info-table">
+            <tbody>
+                {{ range .degrees}}
+                <tr>
+                    <td class="icon">
+                        <div class="hline"></div>
+                        <div class="icon-holder">
+                            <i class="fas {{ .icon }}"></i>
+                        </div>
+                    </td>
+                    <td class="line">
+                        <div></div>
+                    </td>
+                    <td class="details">
+                        <div class="degree-info card">
+                            <div class="row">
+                                <div class="col-lg-10 col-md-8">
+                                    {{ if .institution.url }}
+                                        <h5><a href="{{ .institution.url }}">{{ .institution.name }}</a></h5>
+                                    {{ else }}
+                                        <h5>{{ .institution.name }}</h5>
+                                    {{ end }}
+                                </div>
+                                <div class="timeframe col-lg-2 col-md-4">{{ .timeframe }}</div>
+                            </div>
+                            <h6>{{ .name }}</h6>
+                            {{ if .grade }}
+                                <h6><span>{{ .grade.scale }}: </span><span>{{ .grade.achieved }}</span> out of <span>{{ .grade.outOf }}</span></h6>
+                            {{ end }}
+                            {{ if .publications }}
+                                <div class="publications">
+                                    <h6>Publications</h6>
+                                    <ul>
+                                        {{ range .publications }}
+                                            <li><a href="{{ .url }} ">{{ .title }}</a></li>
+                                        {{ end }}
+                                    </ul>
+                                </div>
+                            {{ end }}
+                            {{ if .takenCourses }}
+                            <div class="taken-courses">
+                                <h6>Taken Courses</h6>
+                                {{ if .takenCourses.showGrades }}    
+                                <table>
+                                    <thead>
+                                        <th>Course Name</th>
+                                        <th>Total Credit</th>
+                                        <th>Obtained Credit</th>
+                                    </thead>
+                                    <tbody>
+                                        {{ range $index,$course := .takenCourses.courses }}
+                                        <tr class="course {{ if gt $index 1 }}hidden-course{{ end}}">
+                                            <td>{{ $course.name }}</td>
+                                            <td>{{ $course.outOf }}</td>
+                                            <td>{{ $course.achieved }}</td>
+                                        </tr>
+                                        {{ end }}
+                                    </tbody>
+                                </table>
+                                {{ else }}
+                                    <ul>
+                                        {{ range $index,$course := .takenCourses.courses }}
+                                        <li class="course {{ if gt $index 1 }}hidden-course{{ end}}">{{ $course.name }}</li>
+                                        {{ end }}
+                                    </ul>
+                                {{ end }}
+                                <button type="button" class="btn btn-link show-more-btn pt-0 {{ if .takenCourses.showGrades }}ml-1{{ else }}ml-2{{ end }}"
+                                    onclick="showMoreCourses(this);">Show More</button>
+                            </div>
+                            {{ end }}
+                            {{ if .extracurricularActivities }}
+                            <div class="extracurricular-activities">
+                                <h6>Extracurricular Activities</h6>
+                                <ul>
+                                {{ range .extracurricularActivities }}
+                                    <li>{{ . }}</li>
+                                {{ end }}
+                                </ul>
+                            </div>
+                            {{ end }}
+                        </div>
+                    </td>
+                    <td class="line">
+                        <div></div>
+                    </td>
+                    <td class="icon">
+                        <div class="hline"></div>
+                        <div class="icon-holder">
+                            <i class="fas {{ .icon }}"></i>
+                        </div>
+                    </td>
+                </tr>
+                {{ end }}
+            </tbody>
+        </table>
+    </div>
+</div>
\ No newline at end of file
diff --git a/static/assets/css/sections/education.css b/static/assets/css/sections/education.css
index 4a223e0..e095394 100644
--- a/static/assets/css/sections/education.css
+++ b/static/assets/css/sections/education.css
@@ -89,10 +89,11 @@
     margin-bottom: 0;
 }
 
-/* .education-section .taken-courses .show-more-btn {
-    padding-top: 0;
-    margin-left: 0.2rem;
-} */
+/*============ Education Alter Template =============*/
+.education-alt .degree-info{
+    border-right: 2px solid #248aaa;
+}
+
 
 /* ============= Device specific fixes ======= */