Hi Inês,
Thank you for the amazing CV template. Really like it. I'm doing some changes based on your template. But had some customization issues. Here is my semi-finished cv. And if it's necessary, you can find my git here.
When it's convenient, should you be so kind to help me out.🙏
To be clear, I have no prior knowledge about HTML and CSS... The only experience I have is the academic website I built on the top of another Hugo template. So bear with me if my questions does not make too much sense.
❓1: How to add side section title for Contacts? (something like the pic below)
![CleanShot 2021-01-25 at Safari浏览器CV | Gang Yao00 17 09](https://user-images.githubusercontent.com/37382523/105646932-06b2e680-5ea3-11eb-975b-0a25710ebc80.png)
💡What I tried to do:
- Made contact info independent from the
BasicInfo
section
BasicInfo:
FirstName: Gang
LastName: Yao
Photo: img/avatar.jpg
Contacts:
- Icon: fas fa-envelope
Info: gangyao[@]um[.]es
- Icon: fas fa-globe
Info: gangyao.me
- Icon: fas fa-map-marker-alt
Info: Spain
- Copied the code from
Skills
partials, pasted into Contacts
partials, and made some relevant changes
{{ if .Site.Data.content.Contacts }}
<div class="sideSection">
<div class="sideSection__heading">
<h2 class="sideSection__title">{{ i18n "contact" }}</h2>
</div>
<div class="sideSection__content">
<ul class="contact">
{{ range .Site.Data.content.Contacts }}
<li class="contact__item">
<i class="{{ .Icon }}"></i><span>{{ .Info | safeHTML }}</span>
</li>
{{ end }}
</ul>
</div>
</div>
{{ end }}
❌ Results: fail to render the title
❓2 How to change the title of Education section? (Something like the pic below)
![CleanShot 2021-01-25 at Safari浏览器CV | Gang Yao00 36 03](https://user-images.githubusercontent.com/37382523/105647369-74f8a880-5ea5-11eb-8c1d-d9422971340a.png)
💡What I tried to do: I planed to build a customized section called "Publications", but I think it is difficult for me to do it, so I decided to make some changes on the top of the Education section in the original template:
- Simply changed the
{{ i18n "education" }}
to {{ i18n "publications" }}
did not work;
- I then used search and replace function to replace all
education
strings (including content.ymal, partials, and scss) with publications
. Didn't work either.
❌ Results: my attempt failed again
❓3 How to space out two items in Education (or my customized Publications) section?
💡What I tried to do: I would like to see there is some space between two items in Eduction
section because the original one is quite compact (see the last screenshot).
- I followed the
__experience
Component and add display: block
to the __education
Component (to the best of my knowledge...)
.education {
&__item {
display: block;
@include avoid-break;
}
}
❌ Results: my attempt failed again
❓4 How to change uppercase and font size in Experience
section?
💡What I tried to do: I wanted to change the uppercased job title to normal characters.
- Find the CSS of job title in
__experience
Component
&__position {
text-transform: uppercase;
font-size: 1.3rem;
color: $color-grey-dark;
}
- Change
text-transform: uppercase;
to text-align: left;
&__position {
text-align: left;
font-size: 1.3rem;
color: $color-grey-dark;
}
❌ Results: my attempt failed again
Very sorry for the long post.