diff --git a/lms/static/images/SDAIA-Academy-logo.svg b/lms/static/images/SDAIA-Academy-logo.svg new file mode 100644 index 00000000000..381dea7ac5e --- /dev/null +++ b/lms/static/images/SDAIA-Academy-logo.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/lms/static/images/SDAIA-logo.svg b/lms/static/images/SDAIA-logo.svg new file mode 100644 index 00000000000..5ae619779a1 --- /dev/null +++ b/lms/static/images/SDAIA-logo.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/lms/static/images/certificate-bg.png b/lms/static/images/certificate-bg.png new file mode 100644 index 00000000000..e73e42191a3 Binary files /dev/null and b/lms/static/images/certificate-bg.png differ diff --git a/lms/static/images/main.svg b/lms/static/images/main.svg new file mode 100644 index 00000000000..4ee0cea6480 --- /dev/null +++ b/lms/static/images/main.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/lms/static/sdaia_css/styles.css b/lms/static/sdaia_css/styles.css new file mode 100644 index 00000000000..4231f051287 --- /dev/null +++ b/lms/static/sdaia_css/styles.css @@ -0,0 +1,144 @@ +@font-face { + font-family: 'DIN Next LT Arabic'; + src: url('../fonts/DIN-Next-LT-Arabic-Medium.woff2') format('woff2'), + url('../fonts/DIN-Next-LT-Arabic-Medium.woff') format('woff'), + url('../fonts/DIN-Next-LT-Arabic-Medium.ttf') format('truetype'), + url('../fonts/DIN-Next-LT-Arabic-Medium.eot') format('truetype'), + url('../fonts/DIN-Next-LT-Arabic-Medium.svg#din-next-lt-arabic-medium') format('svg'); + font-weight: 500; + font-style: normal; +} + +@font-face { + font-family: 'DIN Next LT Arabic'; + src: url('../fonts/DIN-Next-LT-Arabic-Bold.woff2') format('woff2'), + url('../fonts/DIN-Next-LT-Arabic-Bold.woff') format('woff'), + url('../fonts/DIN-Next-LT-Arabic-Bold.ttf') format('truetype'), + url('../fonts/DIN-Next-LT-Arabic-Bold.eot') format('truetype'), + url('../fonts/DIN-Next-LT-Arabic-Bold.svg#din-next-lt-arabic-bold') format('svg'); + font-weight: 700; + font-style: normal; +} + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + background: #030318; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +a { + background-color: transparent; +} + +b, +strong { + font-weight: 500; +} + +img { + border-style: none; + max-width: 100%; + height: auto; +} + +.hidden, +[hidden] { + display: none; +} + +body { + margin: 0; + color: #1c355e; + background: #030318; + font-family: 'DIN Next LT Arabic', 'Open Sans', Arial, sans-serif; + font-weight: 500; +} + +.text-primary { + color: #31b994; +} + +.text-secondary { + color: #ea6852; +} + +.sdaia-academy-logo { + margin-right: 19px; +} + +.certificate-wrapper { + background: url(../images/certificate-bg.png) no-repeat; + background-size: 100% 100%; + padding: 174px 11.9% 179px; + margin: 0 auto; +} + +.certificate-header { + overflow: hidden; + padding: 0 0 66px; +} + +.certificate-header img { + vertical-align: middle; +} + +.certificate-header-col { + float: right; + padding: 0 12px 0 0; +} + +.certificate-header-col:first-child { + float: left; + padding: 2px 0 0 115px; +} + +.certificate-heading { + padding: 0 0 33px; +} + +.certificate-heading h1 { + font-size: 71px; + margin: 0 0 17px; +} + +.certificate-heading .subtitle { + display: block; + font-size: 27px; + margin: 0 0 30px; +} + +.certificate-body { + text-align: center; +} + +.certificate-main { overflow: hidden; } + +.certificate-main p, +.certificate-main h2 { + margin: 0 0 30px; + font-size: 38px; + font-weight: 500; +} + +.certificate-main .main-title { + margin: 0 0 93px; +} + +.certificate-main .sub-title { + margin: 0 0 34px; +} + +.certificate-main .limited-text { + max-width: 900px; + margin: 0 auto 97px; + text-align: right; +} + +.limited-text .text-secondary { + margin: 0 13px; +} diff --git a/lms/templates/certificates/_accomplishment-rendering.html b/lms/templates/certificates/_accomplishment-rendering.html index 7c5ae957f39..fcba8d834d5 100644 --- a/lms/templates/certificates/_accomplishment-rendering.html +++ b/lms/templates/certificates/_accomplishment-rendering.html @@ -1,119 +1,39 @@ -<%page expression_filter="h"/> -<%! from django.utils.translation import gettext as _ %> -<%namespace name='static' file='../static_content.html'/> -<% -course_mode_class = course_mode if course_mode else '' -%> - -
- -
-
- - - - - -
- - Image for course mode of type ${course_mode_class} - - - ${document_title} -
- -
-
-

- ${accomplishment_copy_name} - ${accomplishment_copy_description_full} - - - ${accomplishment_copy_course_org} - ${course_number}: - ${accomplishment_copy_course_name} - -

- -

${accomplishment_copy_course_description}

-
- - % if mode != 'base': -
-

${_("Noted by")}

- -
-
- % if certificate_data: - % for signatory in certificate_data.get('signatories', []): - % if signatory.get('signature_image_path'): -
- ${signatory['name']} - -

${signatory['name']}

-

- ${signatory['title']} - ${signatory['organization']} -

-
- % endif - % endfor - % endif -
-
-
- % endif -
- -
-

${_("Supported by the following organizations")}

- -
    -
  • -
    - -
    -
    • - - % if organization_logo: -
  • -
    - -
    -
    • - % endif -
-
-
+ + + + + + + + + SDAIA Academy - Certificate of completion + + +
+
+
+ + SDAIA Academy Main +
+
+ SDAIA Logo +
- -
-
-

${accomplishment_copy_more_about}

- -
-
-
${_("Awarded to:")}
-
- - Recipient Image - -
-

${accomplishment_copy_name}

-

${accomplishment_copy_username} @ ${platform_name}

-
-
-
-
-
${certificate_id_number_title}:
-
${certificate_id_number}
-
-
-
${certificate_date_issued_title}
-
${certificate_date_issued}
-
-
-
+
+
+

شهادة إتمام

+ CERTIFICATE OF COMPLETION +
+
+

: الهيئة السعودية للبيانات والذكاء الاصطناعي ( سدايا ) تمنح

+

هذه الشهادة وذلك لإتمام البرنامج التدريبي

+

سياسة حوكمة البيانات الوطنية

+

ومدته8 ساعات تدريبية بتاريخ

+

مع تمنياتنا بدوام التوفيق والنجاح

+

أكاديمية سدايا

+
- -
+ + +