Multiple jobs in one company

[kszpieg]

Hi guys,

I'm wondering if it's possible to put some more data in the "Experience" section. I mean that currently i.e. in a Facebook tab I want to put two jobs under each other (Senior Software Developer and i.e. Software Architect), but I don't want to create another tab there. Did somebody try to do something like that?

[sambidwasti]

Were you looking for option in config (with taxinomies, or simple coding option like currently) or pointer to where in html code it can be done. I am not sure if there is one for the config that already exists.
If you want to create one or edit, I can point to where in code you can go to look and edit but for that you might need to know html to some extent.

[kszpieg]

Currently, I solved it by a bit of modification of the tooltip in layouts/partials/sections/experience.html. Changes are about wrapping text in css. In HTML code is probably here:

<div class="tab-content pb-5 pt-2 bg-transparent primary-font" id="pills-tabContent">
                        {{ range $index, $element := .Site.Params.experience.items }}
                        {{ if (eq $index 0) }}
                        <div 
                            class="tab-pane fade show active bg-transparent" 
                            role="tabpanel"
                            id='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
                            aria-labelledby='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
                        >
                            <div>
                                <span class="h4">{{ .job }}</span>
                                <small>-</small>
                                <a href="{{ .companyUrl }}" target="_blank">{{ .company }}</a>
                                <div class="pb-1">
                                    <small>{{ .date }}</small>
                                    {{ if .info.enable | default true }}
                                    <span class="p-2">
                                        <span 
                                            style="cursor: pointer;" 
                                            data-bs-toggle="tooltip" 
                                            data-bs-placement="top" 
                                            data-bs-original-title={{ .info.content | default (print "Working as a " .job " at " .company ) }}
                                        >
                                            <i class="fas fa-info-circle fa-xs"></i>
                                        </span>
                                    </span>
                                    {{ end }}
                                </div>

                                {{ if .featuredLink.enable | default false }}
                                <div class="py-2 featuredLink">
                                    <a class="p-2 px-4 btn btn-outline-primary btn-sm" href={{ .featuredLink.url | default "#" }} target="_blank">
                                        {{ .featuredLink.name | default "Featured Link" }} 
                                    </a>
                                </div>
                                {{ end }}
                            </div>

                            {{ .content | markdownify}}
                        </div>

These lines (41-80) are repeated below (I assume that is about different screen sizes - that's why). So I know where it should be modified. I had a concept of how to do it, but it seems that this idea can create a mess here or in the config file (a lot of copy-pasting). So decision to resolve it by using a tooltip seems reasonable to me for now due to lack of time. Maybe someone will have a better idea to make it, I don't know, in a more dynamic way.

[afrodidact]

I am interested in this feature too. I will update this issue if I find a solution that works for me.

[sambidwasti]

I overhauled it and found a solution that worked for me by using a markdown format and creating css for that. Its not the boiler plate hugo stuff. For my need which is a portfolio/personal website with some blog option, hugo seems to be a little more restricted so I am in process of moving to laravel/ more basic html/css/javascript stuff with full customization stuff. An example here:

I have tabs for different places. And within each, i have multiple position or projects which i highlighted with md headlines. I have a separate interactive resume experience page with markdown.