42 lines
1.6 KiB
HTML
42 lines
1.6 KiB
HTML
{{ define "main" }}
|
|
<section class="site-skills-section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 text-center">
|
|
<h1 class="site-skills-title">{{ .Title }}</h1>
|
|
<div class="site-skills-description">
|
|
{{ .Content }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{ range .Params.skill_categories }}
|
|
<div class="row mt-5">
|
|
<div class="col-12">
|
|
<h2 class="mb-4">{{ .name }}</h2>
|
|
<div class="row">
|
|
{{ range .skills }}
|
|
<div class="col-md-6">
|
|
<div class="skill-item">
|
|
<div class="skill-header">
|
|
<h3 class="skill-name">{{ .name }}</h3>
|
|
<span class="skill-level">{{ .level }}%</span>
|
|
</div>
|
|
<div class="skill-bar">
|
|
<div class="skill-bar-fill" style="width: {{ .level }}%;"></div>
|
|
</div>
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<span class="skill-years">{{ .years }} years</span>
|
|
<span class="skill-description">{{ .description }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</section>
|
|
{{ end }}
|