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 travel section

Browse source
This commit is contained in:
matthh9797 2023-02-06 16:17:51 +08:00
parent e36ff684af
commit 2754232583
3 changed files with 103 additions and 8 deletions
assets/scss
components
_travel.scss
main.scss
layouts/partials
_travel.html

94
assets/scss/components/_travel.scss Normal file
View file

@ -0,0 +1,94 @@
.travel {
&__extra_padding {
padding-top: 4rem !important;
}
&__item {
display: block;
position: relative;
@include avoid-break;
// &:not(:first-child) {
// // padding-top: 1.5rem;
// }
margin-bottom: 10px;
margin-top: 10px;
&::before {
content: "";
height: 90%;
width: 1.5px;
position: absolute;
background: linear-gradient($color-page-background, rgba(255, 255, 255, 0));
//background: linear-gradient(blue, red);
margin-top: 25px;
}
}
&__header,
&__subheader {
display: flex;
width: 100%;
height: 2.4rem;
}
&__details {
position: relative;
transition: transform 0.2s cubic-bezier($cubic);
margin-bottom: 2rem;
&:hover {
transform: translateX(0.5rem);
}
}
&__place,
&__position {
text-align: left;
width: 70%;
float: left;
}
&__place {
color: $color-dark;
}
&__position {
text-transform: uppercase;
font-size: 1.3rem;
color: $color-dark;
margin-left: 1rem;
}
&__date {
float: right;
text-align: right;
width: 30%;
color: $color-secondary;
}
&__date {
font-weight: 400;
}
&__bullet {
list-style: square inside;
margin-left: 1rem;
}
&__badges {
display: block;
text-align: right;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
&__badge {
font-size: 0.9rem;
font-weight: 400;
display: inline-block;
background-color: $color-icon-background;
color: $color-icon-primary;
border-radius: 1rem;
padding: 0.1rem 0.6rem;
}
}

1
assets/scss/main.scss
View file

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

16
layouts/partials/_travel.html
View file

@ -1,22 +1,22 @@
{{ if .Travel }}
<div id="experience" class="section">
<div id="travel" class="section">
<div class="section__heading">
<h2 class="section__title">Travel</h2>
</div>
<div class="section__content">
<div class="experience">
<div class="travel">
{{ range .Travel }}
<div class="experience__item">
<div class="experience__header">
<h3 class="experience__company">
<div class="travel__item">
<div class="travel__header">
<h3 class="travel__place">
{{ .Place | safeHTML }}
</h3>
<h3 class="experience__date">{{ .Date | safeHTML }}</h3>
<h3 class="travel__date">{{ .Date | safeHTML }}</h3>
</div>
<div class="experience__job">
<div class="travel__details">
<ul>
{{ range .Details }}
<li class="experience__bullet">{{ . | safeHTML }}</li>
<li class="travel__bullet">{{ . | safeHTML }}</li>
{{ end }}
</ul>
</div>