Redesign accomplishment cards + Add necessary translations
Signed-off-by: hossainemruz <hossainemruz@gmail.com>
This commit is contained in:
hossainemruz
parent
904a5c14b0
commit
d5c1729c88
17 changed files with 205 additions and 159 deletions
|
|
@ -97,3 +97,9 @@ other = "বর্তমান"
|
|||
|
||||
# [err_404]
|
||||
# other = "The page you are looking for is not there yet."
|
||||
|
||||
[more]
|
||||
other = "আরো"
|
||||
|
||||
[view_certificate]
|
||||
other = "সার্টিফিকেট দেখুন"
|
||||
|
|
|
|||
|
|
@ -100,3 +100,9 @@ other = "显示较少"
|
|||
|
||||
# [err_404]
|
||||
# other = "The page you are looking for is not there yet."
|
||||
|
||||
[more]
|
||||
other = "更多的"
|
||||
|
||||
[view_certificate]
|
||||
other = "查看证书"
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -99,4 +99,10 @@ other = "Star"
|
|||
other = "Details"
|
||||
|
||||
[err_404]
|
||||
other = "The page you are looking for is not there yet."
|
||||
other = "The page you are looking for is not there yet."
|
||||
|
||||
[more]
|
||||
other = "More"
|
||||
|
||||
[view_certificate]
|
||||
other = "View Certificate"
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -100,3 +100,9 @@ other = "कम दिखाएं"
|
|||
|
||||
# [err_404]
|
||||
# other = "The page you are looking for is not there yet."
|
||||
|
||||
[more]
|
||||
other = "अधिक"
|
||||
|
||||
[view_certificate]
|
||||
other = "प्रमाणपत्र देखें"
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -97,3 +97,9 @@ other = "表示を減らす"
|
|||
|
||||
# [err_404]
|
||||
# other = "The page you are looking for is not there yet."
|
||||
|
||||
[more]
|
||||
other = "もっと"
|
||||
|
||||
[view_certificate]
|
||||
other = "ビューの証明書"
|
||||
|
|
|
|||
|
|
@ -100,3 +100,9 @@ other = "간단히보기"
|
|||
|
||||
# [err_404]
|
||||
# other = "The page you are looking for is not there yet."
|
||||
|
||||
[more]
|
||||
other = "더"
|
||||
|
||||
[view_certificate]
|
||||
other = "인증서보기"
|
||||
|
|
|
|||
|
|
@ -100,3 +100,9 @@ other = "Показывай меньше"
|
|||
|
||||
# [err_404]
|
||||
# other = "The page you are looking for is not there yet."
|
||||
|
||||
[more]
|
||||
other = "Более"
|
||||
|
||||
[view_certificate]
|
||||
other = "Просмотреть сертификат"
|
||||
|
|
|
|||
|
|
@ -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ỉ"
|
||||
|
|
|
|||
|
|
@ -1,35 +1,17 @@
|
|||
<div
|
||||
class="col-sm-12 col-md-6 col-lg-4 p-2 filtr-item"
|
||||
|
||||
>
|
||||
<div class="card mt-1">
|
||||
<div class="card">
|
||||
<a class="card-header">
|
||||
<div>
|
||||
<div class="d-flex">
|
||||
{{ if .logo }}
|
||||
|
||||
{{ $logoImage:= resources.Get .logo}}
|
||||
{{ if $logoImage }}
|
||||
{{ $logoImage := $logoImage.Fit "24x24" }}
|
||||
|
||||
<img class="card-img-xs" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<h6 class="card-title mb-0">{{ .name }}</h6>
|
||||
</div>
|
||||
<div class="sub-title ml-2 pl-4 ">
|
||||
<span>{{ .organization }}</span>
|
||||
<span>{{ .timeline }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="card-body text-justify pt-1 pb-1">
|
||||
<p class="ml-2 mb-2 pl-2 ">{{ .overview | markdownify }}</p>
|
||||
<!-- Display certificate discription and link -->
|
||||
<a class="btn btn-outline-info ml-1 pl-2 mb-2" href="{{ if .url }}{{ .url }}{{ else }}#accomplishments{{ end }}" target="_blank" role="button">see certificate</a>
|
||||
|
||||
<div class="col-md-12 col-lg-6 p-2">
|
||||
<div class="card mt-3">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title mb-0">{{ .name }}</h5>
|
||||
<div class="sub-title">
|
||||
<span><a href="{{ .organization.url }}">{{ .organization.name }}</a></span>
|
||||
<span class="ml-2">{{ .timeline }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>{{ .courseOverview | markdownify }}</p>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<a class="btn btn-outline-info ml-1 pl-2 mb-2" href="{{ .certificateURL | default "#"}}" target="_blank" role="button">{{ i18n "view_certificate"}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -55,40 +55,41 @@
|
|||
<a class="nav-link" href="#home">{{ i18n "home" }}</a>
|
||||
</li>
|
||||
{{ 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 }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#{{ $sectionID }}">{{ .section.name }}</a>
|
||||
</li>
|
||||
{{ 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 }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#{{ $sectionID }}">{{ .section.name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{- end }}
|
||||
{{ if gt (len $sections) 6 }}
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
More
|
||||
</a>
|
||||
{{ end }}
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
{{ if gt $sectionCount 5 }}
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{i18n "more" }}</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
{{ $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 }}
|
||||
<a class="dropdown-item" href="#{{ $sectionID }}">{{ .section.name }}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{{ end }}
|
||||
{{- end }}
|
||||
{{ $hasCustomMenus:= false }}
|
||||
{{ if $customMenus }}
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
|
||||
<div class="container">
|
||||
<div class="row" id="acomplishment-card-holder">
|
||||
{{ range .certificates }}
|
||||
{{ range .accomplishments }}
|
||||
{{ partial "cards/accomplishments" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -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) {
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* 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) {
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue