nishiki/hugo-theme-almeida
1
0
Fork 0
mirror of https://github.com/ineesalmeida/almeida-cv.git synced 2025-05-14 05:55:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added code for projects section

Browse source
This commit is contained in:
matthh9797 2023-02-07 10:00:56 +08:00
parent b519dc6dfc
commit ac0267950e
4 changed files with 87 additions and 1 deletions
assets/scss
components
_projects.scss
main.scss
layouts
index.html
partials
_projects.html

38
assets/scss/components/_projects.scss Normal file
View 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;
}
}

1
assets/scss/main.scss
View file

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

3
layouts/index.html
View file

@ -13,8 +13,9 @@
<h1 class="mainHeading">{{ $data.BasicInfo.FirstName }} <span>{{ $data.BasicInfo.LastName }}</span></h1>
{{ partial "_profile.html" $data }}
{{ partial "_experience.html" $data }}
{{ partial "_travel.html" $data }}
{{ partial "_projects.html" $data }}
{{ partial "_education.html" $data }}
{{ partial "_travel.html" $data }}
{{ partial "_references.html" $data }}
</div>
{{ if .Site.Params.swapColumns }}

46
layouts/partials/_projects.html Normal file
View 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 }}