Skip to content

Commit

Permalink
Refactor syllabus layout and improve exam links
Browse files Browse the repository at this point in the history
  • Loading branch information
usamabinnadeem-10 committed Sep 25, 2024
1 parent 5d48709 commit f19ef32
Show file tree
Hide file tree
Showing 4 changed files with 69 additions and 49 deletions.
6 changes: 3 additions & 3 deletions templates/credentials/faq.html
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@ <h1>Exam FAQ</h1>
</section>

<section class="p-strip">
<div class="row--25-75">
<div class="col">
<div class="row">
<div class="col-3">
<aside class="p-table-of-contents is-sticky">
<div class="p-table-of-contents__section">
<h2 class="p-table-of-contents__header">On this page</h2>
Expand All @@ -43,7 +43,7 @@ <h2 class="p-table-of-contents__header">On this page</h2>
</div>
</aside>
</div>
<div class="col">
<div class="col-6">
<h2 id="about">About the exam</h2>
<h3>How long is each exam?</h3>
<p>
Expand Down
92 changes: 47 additions & 45 deletions templates/credentials/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -111,52 +111,51 @@ <h3 class="p-heading--5 u-no-margin--bottom">Individual pricing</h3>
</div>
</section>
<section class="p-strip--light">
<div class="col row">
<h2 class="u-sv2">Complete Syllabus</h2>
<div class="row">
<div class="col-9 col-medium-10 col-start-large-3">
<div class="row">
<div class="col-3" style="display:flex;flex-direction:column;">
<h3 class="p-heading--5 u-no-margin--bottom" style="height:4rem">CUE.01 Linux Quick Certification (QC)</h3>
<p style="padding-top:0rem;">
Covers basic operational knowledge of Linux on security, operation and maintenance of basic system resources.
</p>
<hr class="is-fixed-width u-no-margin--bottom" style="margin-top:auto;" />
<p style="margin-top:0.5rem;height:2rem;">
<a href="/credentials/sign-up"
class="p-button--positive u-no-margin--bottom">Get Certification</a>
<a href="/credentials/syllabus?exam=CUE.01%20Linux"
class="p-button--link">Syllabus&nbsp;›</a>
</p>
</div>
<div class="col-3" style="display:flex;flex-direction:column;">
<h3 class="p-heading--5 u-no-margin--bottom" style="height:4rem">CUE.02 Desktop Quick Certification (QC)</h3>
<p style="padding-top:0rem;">
Covers administrative essentials of Ubuntu Desktop such as package management, system installation and more.
</p>
<hr class="is-fixed-width u-no-margin--bottom" style="margin-top:auto;" />
<p style="margin-top:0.5rem;height:2rem;">
<a href="/credentials/syllabus?exam=CUE.02%20Desktop"
class="p-button--link">Syllabus&nbsp;›</a>
</p>
</div>
<div class="col-3" style="display:flex;flex-direction:column;">
<h3 class="p-heading--5 u-no-margin--bottom" style="height:4rem">CUE.03 Server Quick Certification (QC)</h3>
<p style="padding-top:0rem;">Covers common Ubuntu Server administrative tasks and troubleshooting.</p>
<hr class="is-fixed-width u-no-margin--bottom" style="margin-top:auto;" />
<p style="margin-top:0.5rem;height:2rem;">
<a href="/credentials/syllabus?exam=CUE.03%20Server"
class="p-button--link">Syllabus&nbsp;›</a>
</p>
</div>
<div class="row">
<div class="col-3"><h2 class="u-sv2">Complete Syllabus</h2></div>
</div>
<div class="row">
<div class="col-9 col-start-large-4">
<div class="row">
<div class="col-3" style="display:flex;flex-direction:column;">
<h3 class="p-heading--5 u-no-margin--bottom" style="height:4rem">CUE.01 Linux Quick Certification (QC)</h3>
<p class="u-no-padding--top">
Covers basic operational knowledge of Linux on security, operation and maintenance of basic system resources.
</p>
<hr class="is-fixed-width u-no-margin--bottom" style="margin-top:auto;" />
<p style="margin-top:0.5rem;height:2rem;">
<a href="/credentials/sign-up"
class="p-button--positive u-no-margin--bottom">Get Certification</a>
<a href="/credentials/syllabus?exam=CUE.01%20Linux"
class="p-button--link">Syllabus&nbsp;›</a>
</p>
</div>
<div class="col-3" style="display:flex;flex-direction:column;">
<h3 class="p-heading--5 u-no-margin--bottom" style="height:4rem">CUE.02 Desktop Quick Certification (QC)</h3>
<p class="u-no-padding--top">
Covers administrative essentials of Ubuntu Desktop such as package management, system installation and more.
</p>
<hr class="is-fixed-width u-no-margin--bottom" style="margin-top:auto;" />
<p style="margin-top:0.5rem;height:2rem;">
<a href="/credentials/syllabus?exam=CUE.02%20Desktop"
class="p-button--link">Syllabus&nbsp;›</a>
</p>
</div>
<div class="col-3" style="display:flex;flex-direction:column;">
<h3 class="p-heading--5 u-no-margin--bottom" style="height:4rem">CUE.03 Server Quick Certification (QC)</h3>
<p class="u-no-padding--top">Covers common Ubuntu Server administrative tasks and troubleshooting.</p>
<hr class="is-fixed-width u-no-margin--bottom" style="margin-top:auto;" />
<p style="margin-top:0.5rem;height:2rem;">
<a href="/credentials/syllabus?exam=CUE.03%20Server"
class="p-button--link">Syllabus&nbsp;›</a>
</p>
</div>
</div>
</div>

</div>
</section>
<section class="p-strip is-deep">
<div class="row" style="font-weight:500;">
<div class="row">
<div class="col-6">
<h2 class="u-sv2">Shape the future of certifications and credentials</h2>
</div>
Expand All @@ -165,15 +164,18 @@ <h2 class="u-sv2">Shape the future of certifications and credentials</h2>
<p class="u-no-margin--bottom">You'll get to:</p>
<ul class="p-list--divided u-no-margin--bottom">
<li class="p-list__item is-ticked" style="padding-bottom:0.5rem;">
Receive exclusive access to preview, test, and critique exams in
development
<strong>Receive exclusive access to preview, test, and critique exams in
development</strong>

</li>
<li class="p-list__item is-ticked" style="padding-bottom:0.5rem;">
<strong>Participate in surveys to approve exam topics</strong>
</li>
<li class="p-list__item is-ticked" style="padding-bottom:0.5rem;">Participate in surveys to approve exam topics</li>
<li class="p-list__item is-ticked" style="padding-bottom:0.5rem;">
Join advisory panels on the content and direction of future exams
<strong>Join advisory panels on the content and direction of future exams</strong>
</li>
<li class="p-list__item is-ticked" style="padding-bottom:0.5rem;">
Contribute to the future of open source skills assessment
<strong>Contribute to the future of open source skills assessment</strong>
</li>
</ul>
<p>Still have questions? Our team is here to help.</p>
Expand Down
2 changes: 1 addition & 1 deletion webapp/shop/cred/syllabus.json
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
"chapter_sections": [
"Create, read, move, delete, copy, and convert files",
"Search the contents of a file using regular expressions",
"Modify file contents in multiple ways: appending, replacing, terminal editing, sorting, without opening the file, etc.",
"Modify file contents in multiple ways: appending, replacing, terminal editing, sorting, without opening the file, etc",
"Compare the contents of two files",
"Understand and navigate Linux file systems effectively",
"Understand filesystem operation and maintenance, including quotas, and disk capacity",
Expand Down
18 changes: 18 additions & 0 deletions webapp/shop/cred/views.py
Original file line number Diff line number Diff line change
Expand Up @@ -466,6 +466,24 @@ def cred_your_exams(
cred_maintenance_end,
**kwargs,
):
response = flask.make_response(
flask.render_template(
"credentials/your-exams.html",
agreement_notification=False,
exams=[],
show_cred_maintenance_alert=show_cred_maintenance_alert,
cred_is_in_maintenance=cred_is_in_maintenance,
cred_maintenance_start=cred_maintenance_start,
cred_maintenance_end=cred_maintenance_end,
)
)

# Do not cache this view
response.headers["Cache-Control"] = "no-cache, no-store, must-revalidate"
response.headers["Pragma"] = "no-cache"

return response

email = flask.request.args.get("email", None)

agreement_notification = False
Expand Down

0 comments on commit f19ef32

Please sign in to comment.