mirror of
https://github.com/ineesalmeida/almeida-cv.git
synced 2025-05-21 17:24:11 +00:00
Added code for projects section
This commit is contained in:
parent
b519dc6dfc
commit
ac0267950e
4 changed files with 87 additions and 1 deletions
38
assets/scss/components/_projects.scss
Normal file
38
assets/scss/components/_projects.scss
Normal file
|
@ -0,0 +1,38 @@
|
||||||
|
.projects {
|
||||||
|
line-height: 2rem;
|
||||||
|
|
||||||
|
&__flex-container {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__item {
|
||||||
|
position: relative;
|
||||||
|
font-size: 1rem;
|
||||||
|
// float: right;
|
||||||
|
margin-right: 2rem;
|
||||||
|
|
||||||
|
& > i {
|
||||||
|
background-color: $color-right-col-icon-background;
|
||||||
|
color: $color-right-col-icon-primary;
|
||||||
|
font-size: 1rem;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 50%;
|
||||||
|
padding-top: 0.5rem;
|
||||||
|
width: 2rem;
|
||||||
|
height: 2rem;
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
margin-left: 0.5rem
|
||||||
|
}
|
||||||
|
& > span {
|
||||||
|
@include vt-center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__link {
|
||||||
|
text-decoration: none;
|
||||||
|
color: $color-dark;
|
||||||
|
}
|
||||||
|
}
|
|
@ -37,5 +37,6 @@ $pages: {{ .Site.Params.pages | default 1}} !default;
|
||||||
@import "components/404";
|
@import "components/404";
|
||||||
@import "components/certifications";
|
@import "components/certifications";
|
||||||
@import "components/travel";
|
@import "components/travel";
|
||||||
|
@import "components/projects";
|
||||||
|
|
||||||
@import "custom";
|
@import "custom";
|
||||||
|
|
|
@ -13,8 +13,9 @@
|
||||||
<h1 class="mainHeading">{{ $data.BasicInfo.FirstName }} <span>{{ $data.BasicInfo.LastName }}</span></h1>
|
<h1 class="mainHeading">{{ $data.BasicInfo.FirstName }} <span>{{ $data.BasicInfo.LastName }}</span></h1>
|
||||||
{{ partial "_profile.html" $data }}
|
{{ partial "_profile.html" $data }}
|
||||||
{{ partial "_experience.html" $data }}
|
{{ partial "_experience.html" $data }}
|
||||||
{{ partial "_travel.html" $data }}
|
{{ partial "_projects.html" $data }}
|
||||||
{{ partial "_education.html" $data }}
|
{{ partial "_education.html" $data }}
|
||||||
|
{{ partial "_travel.html" $data }}
|
||||||
{{ partial "_references.html" $data }}
|
{{ partial "_references.html" $data }}
|
||||||
</div>
|
</div>
|
||||||
{{ if .Site.Params.swapColumns }}
|
{{ if .Site.Params.swapColumns }}
|
||||||
|
|
46
layouts/partials/_projects.html
Normal file
46
layouts/partials/_projects.html
Normal file
|
@ -0,0 +1,46 @@
|
||||||
|
{{ if .Projects }}
|
||||||
|
<div id="experience" class="section">
|
||||||
|
<div class="section__heading">
|
||||||
|
<h2 class="section__title">Projects</h2>
|
||||||
|
</div>
|
||||||
|
<div class="section__content">
|
||||||
|
<div class="experience">
|
||||||
|
{{ range .Projects }}
|
||||||
|
<div class="experience__item">
|
||||||
|
<div class="experience__header">
|
||||||
|
<h3 class="experience__company">
|
||||||
|
{{ .Name | safeHTML }}
|
||||||
|
</h3>
|
||||||
|
<h3 class="experience__date">{{ .Date | safeHTML }}</h3>
|
||||||
|
</div>
|
||||||
|
<div class="projects__flex-container">
|
||||||
|
<div class="projects__item">
|
||||||
|
<i class="fab fa-github"></i>{{ .Github | safeHTML}}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{{ if .Url }}
|
||||||
|
<div class="projects__item site">
|
||||||
|
<i class="fas fa-globe"></i>{{ .Url | safeHTML}}
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
<div class="experience__job">
|
||||||
|
<ul>
|
||||||
|
{{ range .Details }}
|
||||||
|
<li class="experience__bullet">{{ . | safeHTML }}</li>
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
<div class="experience__badges">
|
||||||
|
<ul>
|
||||||
|
{{ range .Badges }}
|
||||||
|
<li class="experience__badge">{{ . }}</li>
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
Loading…
Add table
Add a link
Reference in a new issue