Weko/jarnat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mise à jour du design

Browse Source
This commit is contained in:
Simon
2022-09-08 15:24:41 +02:00
parent fe6d48f6eb
commit 94c431393d
13 changed files with 345 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
themes/meghna-hugo/assets/css/style.css
View File

@ -65,7 +65,7 @@ figure {
}
a {
color: #fff;
color: var(--yellow);
transition: all .3s ease-in 0s;
}
@ -105,6 +105,20 @@ a:hover {
transition: all .3s ease-in 0s;
}
.btn.btn-primary {
border-color: var(--yellow);
font-variation-settings: 'wght' 600.0;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
color: #fff!important;
background: var(--yellow)!important;
box-shadow: none!important;
border-color: var(--green)!important;
}
.btn:focus {
color: #ddd;
}
@ -215,7 +229,7 @@ a:hover {
a:focus,
a:hover {
color: #57cbcc;
color: var(--yellow);
}
.btn-main {
@ -241,18 +255,18 @@ a:hover {
padding: 100px 0;
}
@media (max-width: 480px) {
.section {
padding: 50px 0;
}
}
@media (max-width: 768px) {
.section {
padding: 80px 0;
}
}
@media (max-width: 480px) {
.section {
padding: 50px 0;
}
}
.section-sm {
padding: 70px 0;
}
@ -641,6 +655,13 @@ a:hover {
margin-bottom: 60px;
}
.contact-details {
justify-content: center;
display: flex;
flex-direction: column;
text-align: center;
}
.form-meghna .form-control {
background-color: transparent;
border-radius: 0;

14
themes/meghna-hugo/layouts/partials/contact.html
View File

@ -20,15 +20,15 @@
<div class="contact-info col-lg-6 wow fadeInUp" data-wow-duration="500ms">
<h3>{{ .subtitle | markdownify }}</h3>
<p> {{ .content | markdownify }} </p>
</div>
<div class="contact-details">
{{ range .contact_list }}
<div class="con-info clearfix">
<i class="{{ .icon }}"></i>
<span>{{ .info | markdownify }}</span>
</div>
{{ end }}
<div class="contact-details col-lg-6">
{{ range .contact_list }}
<div class="con-info clearfix">
<i class="{{ .icon }}"></i>
<span>{{ .info | markdownify }}</span>
</div>
{{ end }}
</div>
{{"<!-- Contact Form -->" | safeHTML}}

11
themes/meghna-hugo/layouts/partials/feature.html
View File

@ -3,17 +3,20 @@
{{ if $data.feature.feature.enable }}
{{ with $data.feature.feature }}
{{"<!-- feature -->" | safeHTML}}
<section class="section section-bg about-2 padding-0" id="feature">
<section class="section section-bg p-3" id="feature">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 padding-0" style="background-image: url('{{ .image_webp | absURL }}'); background-size: cover; background-position: top center; background-repeat: no-repeat; min-height: 400px;">
<div class="row justify-content-center align-items-center">
<div class="col-12 col-md-2 m-md-0 m-5 m-md-3" style="height: 150px; background-image: url('{{ .image_webp | absURL }}'); background-size: contain; background-position: center; background-repeat: no-repeat; ">
<!-- this image is for trigger this section fallback background image -->
<img src="{{ .image_webp | absURL }}" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .image | absURL }})'">
</div>
<div class="col-lg-6">
<div class="col-12 col-md-9">
<div class="content-block">
<h2>{{ .title | markdownify }}</h2>
<p>{{ .content | markdownify }}</p>
{{ with .call_to_action }}
<a class="btn btn-primary" href="{{ .link | safeURL }}">{{ .text }}</a>
{{ end }}
<div class="row">
{{ range .feature_item }}
<div class="col-lg-6">

34
themes/meghna-hugo/layouts/partials/skill.html
View File

@ -3,7 +3,7 @@
{{ if $data.skill.skill.enable }}
{{ with $data.skill.skill }}
{{"<!-- Skills -->" | safeHTML }}
<section id="skills" class="parallax-section section section-bg overly">
<section id="skills" class="section bg-one">
<div class="container">
<div class="row">
{{"<!-- section title -->" | safeHTML }}
@ -11,34 +11,26 @@
<div class="title text-center">
<h2>{{ with .title }} {{ index (split . " ") 0 | safeHTML }} {{ end }}<span class="color">
{{ with .title }} {{ after (len (index (split . " ") 0)) . | safeHTML }} {{ end }}</span></h2>
<div class="border-meghna"></div>
</div>
</div>
{{"<!-- /section title -->" | safeHTML }}
</div>
<div class="row">
<div class="col-lg-6">
{{ with .image }}
<div class="col-lg-6 p-3 text-center">
<img class="img-fluid lozad" data-src="{{ . | absURL }}" alt="image">
</div>
{{ end }}
<div class="col-lg-{{ with .image }}6{{else}}12{{ end }} p-3">
<h2>{{ .subtitle | markdownify }}</h2>
<p> {{ .content | markdownify }}</p>
{{ with .image }}
<img class="img-fluid lozad" data-src="{{ . | absURL }}" alt="image">
{{ end }}
</div>
<div class="col-lg-6">
<ul class="skill-bar">
{{ $.Scratch.Set "counter" 0 }}
{{ range $index, $element:= .skill_item }}
{{ $.Scratch.Set "counter" (add ($.Scratch.Get "counter") 1) }}
<li>
<p><span>{{if lt $index 9}}0{{end}}{{$.Scratch.Get `counter`}}- </span>{{ .name }}</p>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"
style="width:{{ .percent }}">
</div>
</div>
</li>
{{ with .call_to_action }}
<div class="text-center p-3">
{{ range . }}
<a href="{{ .link | safeURL }}" class="btn btn-primary m-2">{{ .text }}</a>
{{ end }}
</ul>
</div>
{{ end }}
</div>
</div>
</div>