Add websites section

This commit is contained in:
matthh9797 2023-02-07 11:21:07 +08:00
parent 7a6e54e1c3
commit a6c6275af3
3 changed files with 29 additions and 0 deletions
assets/scss
layouts/partials

View file

@ -0,0 +1,10 @@
.websites {
li {
margin-bottom: 1.6rem;
}
&__link {
text-decoration: none;
color: $color-dark;
font-style: italic;
}
}

View file

@ -38,5 +38,6 @@ $pages: {{ .Site.Params.pages | default 1}} !default;
@import "components/certifications";
@import "components/travel";
@import "components/projects";
@import "components/websites";
@import "custom";

View file

@ -0,0 +1,18 @@
{{ if .Projects }}
<div class="sideSection">
<div class="sideSection__heading">
<h2 class="sideSection__title">Websites</h2>
</div>
<div class="sideSection__content">
<ul class="websites">
{{ range .Projects }}
<li class="flex-container">
<div class="flex-item"><h3>{{ .Name }}</h3></div>
<div class="flex-item"><a class="websites__link" href="https://{{.Url}}">{{ .Url }}</a></div>
<div class="flex-item">{{ .Description }}</div>
</li>
{{ end }}
</ul>
</div>
</div>
{{ end }}