hugo-blox-builder

hugo-blox-builder copied to clipboard

Considerations:

• Add an institution url field - see #1093
• Add support for general qualifications/courses, such as using a certificate icon instead of graduation cap - see #951
  • Could be similar to a simplification of the metadata used in the Qualifications widget?

I use this education section as my "Education and Employment" section, also detailing previous jobs. As #951 did, I have then made use of fa-university for the jobs.

I'm not sure if this is a use of this that should be officially integrated (it also requires changing the title to "Education and Employment" in the i18n), but I find it useful.

I also like having a url field for the institutions. I just replaced <p class="institution">{{ .institution }}</p> in the about widget by:

              <p class="institution">
                {{ if .url_institution }}
                  <a href="{{ .url_institution }}"> {{ .institution }}</a>
                {{ else }}
                  {{ .institution }}
                {{ end }}
              </p>

I wanted the same functionality, so I made a copy of layouts/partials/widgets/about.html on my root folder and modified:

<p class="institution">{{ .institution }}</p>

to

<p class="institution">{{ .institution | markdownify }}</p>

That way, I can just use markdown to add links, styles, etc.

How would One add university/work logo/shields instead of the default graduation cap?

How would One add university/work logo/shields instead of the default graduation cap?

I have the same question. like this: http://christophergmyers.net/. I want to change university logo instead of the default graduation cap.

How would One add university/work logo/shields instead of the default graduation cap?

I have the same question. like this: http://christophergmyers.net/. I want to change university logo instead of the default graduation cap.

Here is the CSS I am using to do that (which I adapted from the HTML on https://theory.ucr.edu/flip/ so all credit to Flip!):

ul.ul-edu li:first-child::before { content: ''; position: absolute; height: 1.5em; width: 1.5em; background-image: url('/media/um-seal.png'); background-size: contain; background-repeat: no-repeat; margin-left: -2.5em; margin-top: 0.25em ; } ul.ul-edu li:nth-child(2)::before { content: ''; position: absolute; height: 1.5em; width: 1.5em; background-image: url('/media/unc-seal.png'); background-size: contain; background-repeat: no-repeat; margin-left: -2.5em; margin-top: 0.25em ; }

How would One add university/work logo/shields instead of the default graduation cap?

I have the same question. like this: http://christophergmyers.net/. I want to change university logo instead of the default graduation cap.

I did it as in https://github.com/wowchemy/wowchemy-hugo-modules/pull/951, see https://github.com/wowchemy/wowchemy-hugo-modules/pull/951/commits/8606a7300f36ee0366236d9ae4316db539b1407d, using fa-university

That is: duplicate the file in themes/academic/layouts/partials/widgets/about.html and place it in /layouts/partials/widgets/. Then change the relevant part of the code to be:

            {{ if .course }}
            <i class="fa-li fas fa-graduation-cap"></i>
            <div class="description">
              <p class="course">{{ .course }}{{ with .year }}, {{ . }}{{ end }}</p>
              <p class="institution">{{ .institution }}</p>
            </div>
            {{ end }}
            {{ if .job }}
            <i class="fa-li fas fa-university"></i>
            <div class="description">
              <p class="course">{{ .job }}{{ with .year }}, {{ . }}{{ end }}</p>
              <p class="institution">{{ .institution }}</p>
            </div>
            {{ end }}
 

Then in your about information, you can use job instead of course to get the graduation logo.

Closing due to lack of demand from users and lack of contributions. If anyone still wants to submit a PR to add the requested feature, they are welcome :)