diff --git a/src/templates/certificates/ITIL.html b/src/templates/certificates/ITIL.html index 239ba50..edc24f2 100644 --- a/src/templates/certificates/ITIL.html +++ b/src/templates/certificates/ITIL.html @@ -39,20 +39,29 @@ background-repeat: no-repeat; } - /* Course info section - positioned below "o absolvovaní kurzu" */ - .course-section { + /* Main content - centered in the white area */ + .main-content { position: absolute; - top: 32mm; - left: 18mm; - right: 18mm; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + text-align: center; + margin-top: -15mm; + } + + .participant-name { + font-size: 28pt; + font-weight: 700; + color: #1a1a1a; + margin-bottom: 8mm; } .course-title { font-family: 'Bahnschrift', 'Open Sans', Arial, sans-serif; - font-size: 32pt; + font-size: 24pt; font-weight: 700; color: #1a1a1a; - margin-bottom: 5mm; + margin-bottom: 4mm; } .course-dates { @@ -68,21 +77,6 @@ color: #1a1a1a; } - /* Participant name - centered above the horizontal line */ - .participant-section { - position: absolute; - top: 92mm; - left: 0; - right: 0; - text-align: center; - } - - .participant-name { - font-size: 28pt; - font-weight: 700; - color: #1a1a1a; - } - /* Issue date - above "Dátum" at bottom left */ .issue-date { position: absolute; @@ -103,7 +97,8 @@
-
+
+

{{participantName}}

{{courseTitle}}

{{#if dateRange}}

{{dateRange}}

@@ -113,10 +108,6 @@ {{/if}}
-
-

{{participantName}}

-
-
{{issueDate}}
ID: {{certificateId}}
diff --git a/src/templates/certificates/PRINCE2.html b/src/templates/certificates/PRINCE2.html index 239ba50..edc24f2 100644 --- a/src/templates/certificates/PRINCE2.html +++ b/src/templates/certificates/PRINCE2.html @@ -39,20 +39,29 @@ background-repeat: no-repeat; } - /* Course info section - positioned below "o absolvovaní kurzu" */ - .course-section { + /* Main content - centered in the white area */ + .main-content { position: absolute; - top: 32mm; - left: 18mm; - right: 18mm; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + text-align: center; + margin-top: -15mm; + } + + .participant-name { + font-size: 28pt; + font-weight: 700; + color: #1a1a1a; + margin-bottom: 8mm; } .course-title { font-family: 'Bahnschrift', 'Open Sans', Arial, sans-serif; - font-size: 32pt; + font-size: 24pt; font-weight: 700; color: #1a1a1a; - margin-bottom: 5mm; + margin-bottom: 4mm; } .course-dates { @@ -68,21 +77,6 @@ color: #1a1a1a; } - /* Participant name - centered above the horizontal line */ - .participant-section { - position: absolute; - top: 92mm; - left: 0; - right: 0; - text-align: center; - } - - .participant-name { - font-size: 28pt; - font-weight: 700; - color: #1a1a1a; - } - /* Issue date - above "Dátum" at bottom left */ .issue-date { position: absolute; @@ -103,7 +97,8 @@
-
+
+

{{participantName}}

{{courseTitle}}

{{#if dateRange}}

{{dateRange}}

@@ -113,10 +108,6 @@ {{/if}}
-
-

{{participantName}}

-
-
{{issueDate}}
ID: {{certificateId}}
diff --git a/src/templates/certificates/ScrumGeneric.html b/src/templates/certificates/ScrumGeneric.html index 239ba50..edc24f2 100644 --- a/src/templates/certificates/ScrumGeneric.html +++ b/src/templates/certificates/ScrumGeneric.html @@ -39,20 +39,29 @@ background-repeat: no-repeat; } - /* Course info section - positioned below "o absolvovaní kurzu" */ - .course-section { + /* Main content - centered in the white area */ + .main-content { position: absolute; - top: 32mm; - left: 18mm; - right: 18mm; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + text-align: center; + margin-top: -15mm; + } + + .participant-name { + font-size: 28pt; + font-weight: 700; + color: #1a1a1a; + margin-bottom: 8mm; } .course-title { font-family: 'Bahnschrift', 'Open Sans', Arial, sans-serif; - font-size: 32pt; + font-size: 24pt; font-weight: 700; color: #1a1a1a; - margin-bottom: 5mm; + margin-bottom: 4mm; } .course-dates { @@ -68,21 +77,6 @@ color: #1a1a1a; } - /* Participant name - centered above the horizontal line */ - .participant-section { - position: absolute; - top: 92mm; - left: 0; - right: 0; - text-align: center; - } - - .participant-name { - font-size: 28pt; - font-weight: 700; - color: #1a1a1a; - } - /* Issue date - above "Dátum" at bottom left */ .issue-date { position: absolute; @@ -103,7 +97,8 @@
-
+
+

{{participantName}}

{{courseTitle}}

{{#if dateRange}}

{{dateRange}}

@@ -113,10 +108,6 @@ {{/if}}
-
-

{{participantName}}

-
-
{{issueDate}}
ID: {{certificateId}}