diff --git a/i18n/bn.toml b/i18n/bn.toml index 9e9ffc2..f80b4ab 100644 --- a/i18n/bn.toml +++ b/i18n/bn.toml @@ -97,3 +97,9 @@ other = "বর্তমান" # [err_404] # other = "The page you are looking for is not there yet." + +[more] +other = "আরো" + +[view_certificate] +other = "সার্টিফিকেট দেখুন" diff --git a/i18n/cn.toml b/i18n/cn.toml index b83598f..1b6b4a6 100644 --- a/i18n/cn.toml +++ b/i18n/cn.toml @@ -100,3 +100,9 @@ other = "显示较少" # [err_404] # other = "The page you are looking for is not there yet." + +[more] +other = "更多的" + +[view_certificate] +other = "查看证书" diff --git a/i18n/de.toml b/i18n/de.toml index 3dcf4b4..1f66ddd 100644 --- a/i18n/de.toml +++ b/i18n/de.toml @@ -100,3 +100,9 @@ other = "Laat minder zien" # [err_404] # other = "The page you are looking for is not there yet." + +[more] +other = "Meer" + +[view_certificate] +other = "Bekijk certificaat" diff --git a/i18n/en.toml b/i18n/en.toml index 8a70ff2..21d1335 100644 --- a/i18n/en.toml +++ b/i18n/en.toml @@ -99,4 +99,10 @@ other = "Star" other = "Details" [err_404] -other = "The page you are looking for is not there yet." \ No newline at end of file +other = "The page you are looking for is not there yet." + +[more] +other = "More" + +[view_certificate] +other = "View Certificate" diff --git a/i18n/es.toml b/i18n/es.toml index 378f045..0b15ed9 100644 --- a/i18n/es.toml +++ b/i18n/es.toml @@ -100,3 +100,9 @@ other = "Muestra menos" # [err_404] # other = "The page you are looking for is not there yet." + +[more] +other = "Más" + +[view_certificate] +other = "Ver Certificado" diff --git a/i18n/fr.toml b/i18n/fr.toml index b895da4..5d79a59 100644 --- a/i18n/fr.toml +++ b/i18n/fr.toml @@ -100,3 +100,9 @@ other = "Montrer moins" # [err_404] # other = "The page you are looking for is not there yet." + +[more] +other = "Suite" + +[view_certificate] +other = "Afficher le certificat" diff --git a/i18n/hi.toml b/i18n/hi.toml index 3cf581d..150799d 100644 --- a/i18n/hi.toml +++ b/i18n/hi.toml @@ -100,3 +100,9 @@ other = "कम दिखाएं" # [err_404] # other = "The page you are looking for is not there yet." + +[more] +other = "अधिक" + +[view_certificate] +other = "प्रमाणपत्र देखें" diff --git a/i18n/id.toml b/i18n/id.toml index a528a60..b9c20f7 100644 --- a/i18n/id.toml +++ b/i18n/id.toml @@ -100,3 +100,9 @@ other = "Tampilkan Lebih Sedikit" # [err_404] # other = "The page you are looking for is not there yet." + +[more] +other = "Lebih" + +[view_certificate] +other = "Lihat Sertifikat" diff --git a/i18n/it.toml b/i18n/it.toml index cc8f843..3fce4de 100644 --- a/i18n/it.toml +++ b/i18n/it.toml @@ -100,3 +100,9 @@ other = "Mostra meno" # [err_404] # other = "The page you are looking for is not there yet." + +[more] +other = "Di più" + +[view_certificate] +other = "Féach ar an Teastas" diff --git a/i18n/jp.toml b/i18n/jp.toml index 7d6e329..21b8af1 100644 --- a/i18n/jp.toml +++ b/i18n/jp.toml @@ -97,3 +97,9 @@ other = "表示を減らす" # [err_404] # other = "The page you are looking for is not there yet." + +[more] +other = "もっと" + +[view_certificate] +other = "ビューの証明書" diff --git a/i18n/ko.toml b/i18n/ko.toml index 26dab1f..d1df3e9 100644 --- a/i18n/ko.toml +++ b/i18n/ko.toml @@ -100,3 +100,9 @@ other = "간단히보기" # [err_404] # other = "The page you are looking for is not there yet." + +[more] +other = "더" + +[view_certificate] +other = "인증서보기" diff --git a/i18n/ru.toml b/i18n/ru.toml index b4a8f9d..7483ee9 100644 --- a/i18n/ru.toml +++ b/i18n/ru.toml @@ -100,3 +100,9 @@ other = "Показывай меньше" # [err_404] # other = "The page you are looking for is not there yet." + +[more] +other = "Более" + +[view_certificate] +other = "Просмотреть сертификат" diff --git a/i18n/vn.toml b/i18n/vn.toml index 029ebd6..f91a712 100644 --- a/i18n/vn.toml +++ b/i18n/vn.toml @@ -100,3 +100,9 @@ other = "Hiện ít hơn" # [err_404] # other = "The page you are looking for is not there yet." + +[more] +other = "Hơn" + +[view_certificate] +other = "Xem chứng chỉ" diff --git a/layouts/partials/cards/accomplishments.html b/layouts/partials/cards/accomplishments.html index eb30388..8b61692 100644 --- a/layouts/partials/cards/accomplishments.html +++ b/layouts/partials/cards/accomplishments.html @@ -1,35 +1,17 @@ -
-
-
- -
-
- {{ if .logo }} - - {{ $logoImage:= resources.Get .logo}} - {{ if $logoImage }} - {{ $logoImage := $logoImage.Fit "24x24" }} - - {{ .name }} - {{ end }} - {{ end }} -
{{ .name }}
-
-
- {{ .organization }} - {{ .timeline }} -
-
- -
-

{{ .overview | markdownify }}

- - see certificate - +
+
+
+
{{ .name }}
+
+ {{ .organization.name }} + {{ .timeline }}
+
+

{{ .courseOverview | markdownify }}

+
+
+ {{ i18n "view_certificate"}} +
diff --git a/layouts/partials/navigators/navbar.html b/layouts/partials/navigators/navbar.html index c36463c..fef2560 100644 --- a/layouts/partials/navigators/navbar.html +++ b/layouts/partials/navigators/navbar.html @@ -55,40 +55,41 @@ {{ i18n "home" }} {{ if $sections }} + {{ $sectionCount := 0}} {{ range sort $sections "section.weight" }} - {{ if and (.section.enable) (.section.showOnNavbar) }} - {{ $sectionID := replace (lower .section.name) " " "-" }} - {{ if .section.id }} - {{ $sectionID = .section.id }} - {{ end }} - {{ if lt .section.weight 7 }} -
  • - {{ .section.name }} -
    • - {{ end }} + {{ if and (.section.enable) (.section.showOnNavbar)}} + {{ $sectionCount = add $sectionCount 1}} + {{ if lt $sectionCount 5 }} + {{ $sectionID := replace (lower .section.name) " " "-" }} + {{ if .section.id }} + {{ $sectionID = .section.id }} + {{ end }} +
  • + {{ .section.name }} +
    • + {{ end }} {{ end }} {{- end }} - {{ if gt (len $sections) 6 }} -
  • - - {{ end }} -
    + {{ if gt $sectionCount 5 }} +
  • + +
    + {{ $sectionCount := 0 }} {{ range sort $sections "section.weight" }} - {{ if and (.section.enable) (.section.showOnNavbar) }} + {{ if and (.section.enable) (.section.showOnNavbar) }} + {{ $sectionCount = add $sectionCount 1}} {{ $sectionID := replace (lower .section.name) " " "-" }} {{ if .section.id }} {{ $sectionID = .section.id }} {{ end }} - {{ if gt .section.weight 6 }} + {{ if gt $sectionCount 5 }} {{ .section.name }} {{ end }} {{ end }} {{- end }}
    • - + {{ end }} {{- end }} {{ $hasCustomMenus:= false }} {{ if $customMenus }} diff --git a/layouts/partials/sections/accomplishments.html b/layouts/partials/sections/accomplishments.html index 27483db..70609b7 100644 --- a/layouts/partials/sections/accomplishments.html +++ b/layouts/partials/sections/accomplishments.html @@ -10,7 +10,7 @@
    - {{ range .certificates }} + {{ range .accomplishments }} {{ partial "cards/accomplishments" . }} {{ end }}
    diff --git a/static/css/sections/accomplishments.css b/static/css/sections/accomplishments.css index 7a1aea5..56eb614 100644 --- a/static/css/sections/accomplishments.css +++ b/static/css/sections/accomplishments.css @@ -1,112 +1,97 @@ +.accomplishments-section .card { + background: #fff; + border-top: 2px solid #248aaa; +} .accomplishments-section .card .card-header { - background-color: #f9fafc; - padding: 0.7rem; - padding-bottom: 0rem; - text-decoration: none; + background: none; + border: none; +} + +.accomplishments-section .card .card-header .sub-title { + color: #8392a5; + margin-top: 0.4rem; +} + +.accomplishments-section .card .sub-title :nth-child(2) { + float: none !important; +} + +.accomplishments-section .card .card-body { + padding: 0; + padding-left: 1rem; + padding-right: 1rem; +} + +.accomplishments-section .card .card-footer { + background: #fff; + border: none; + padding: 0; + padding-left: 0.7rem; + padding-bottom: 0.3rem; +} + +/* ============= Device specific fixes ======= */ + +/* Large screens such as TV */ +@media only screen and (min-width: 1824px) { +} + +/* Extra large devices (large desktops, 1200px and up) */ + +@media (max-width: 1400px) { +} + +@media (max-width: 1200px) { +} + +/* IPad Pro */ +@media (max-width: 1024px) { + .accomplishments-section { + padding-left: 0; + padding-right: 0; + width: 100%; } - - .accomplishments-section .card .card-img-xs { - margin-right: 0.5rem; + .accomplishments-section .container { + max-width: 100%; } - - .card .card-header .sub-title span:nth-child(1) { - float: left; + .accomplishments-section { + padding: 0; } - .card .card-header .sub-title span:nth-child(2) { - float: right; + .accomplishments-section { + padding-left: 0.2rem; + padding-right: 0.2rem; } - - .accomplishments-section .card .card-body { - padding: 0.7rem; +} + +/* Large devices (desktops, 992px and up) */ + +@media (max-width: 992px) { +} + +/* Medium devices (tablets, 768px and up) */ + +@media only screen and (max-width: 768px) { + +} + +/* Small devices (landscape phones, 576px and up) */ + +@media only screen and (max-width: 576px) { + .accomplishments-section { + flex: 100%; + max-width: 100%; + margin-top: 2rem; } - - .accomplishments-section .card .card-header .sub-title { - color: #8392a5; - margin-top: 0.4rem; - } - - - /* ============= Device specific fixes ======= */ - - /* Large screens such as TV */ - @media only screen and (min-width: 1824px) { - } - - /* Extra large devices (large desktops, 1200px and up) */ - - @media (max-width: 1400px) { - } - - @media (max-width: 1200px) { - } - - /* IPad Pro */ - @media (max-width: 1024px) { - .accomplishments-section { - padding-left: 0; - padding-right: 0; - width: 100%; - } - .accomplishments-section .container { - max-width: 100%; - } - .accomplishments-section { - padding: 0; - } - .accomplishments-section { - padding-left: 0.2rem; - padding-right: 0.2rem; - } - } - - /* Large devices (desktops, 992px and up) */ - - @media (max-width: 992px) { - } - - /* Medium devices (tablets, 768px and up) */ - - @media only screen and (max-width: 768px) { - .accomplishments-section { - padding-left: 0; - padding-right: 0; - width: 100%; - } - .accomplishments-section .container { - max-width: 100%; - } - .accomplishments-section { - padding: 0; - } - .accomplishments-section { - padding-left: 0.2rem; - padding-right: 0.2rem; - flex: 50%; - max-width: calc(100% / 2 - 0.2rem); - } - } - - /* Small devices (landscape phones, 576px and up) */ - - @media only screen and (max-width: 576px) { - .accomplishments-section .btn { - margin-top: 0.3125rem; - } - .accomplishments-section { - flex: 100%; - max-width: 100%; - } - } - - /* iPhoneX, iPhone 6,7,8 */ - @media only screen and (max-width: 375px) { - } - - /* Galaxy S5, Moto G4 */ - @media only screen and (max-width: 360px) { - } - - /* iPhone 5 or before */ - @media only screen and (max-width: 320px) { - } - \ No newline at end of file +} + +/* iPhoneX, iPhone 6,7,8 */ +@media only screen and (max-width: 375px) { +} + +/* Galaxy S5, Moto G4 */ +@media only screen and (max-width: 360px) { +} + +/* iPhone 5 or before */ +@media only screen and (max-width: 320px) { +}