Giter Site home page Giter Site logo

eddiewebb / hugo-resume Goto Github PK

View Code? Open in Web Editor NEW
259.0 8.0 228.0 14.06 MB

A Hugo theme ported from startbootrap.com's resume template

Home Page: https://themes.gohugo.io/hugo-resume/

License: MIT License

HTML 69.78% CSS 11.45% JavaScript 18.77%
circleci hugo bootstrap theme

hugo-resume's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hugo-resume's Issues

Grey border around favicon

Hi!
Never mind previous edit, figured it out. But I have a problem that the favicon I generate has white background and grey border even though I created it in paint specifically making sure that the background is transparent. Could you please help?

Non Relative linking

Please use relative linking in local files.

I had some issues with mixed content warnings because my site is HTTPS, and the local content was being referenced as HTTP.

Add max-width to img class

IMages inserted via markdown have potential to exceed page width. Add max-width to the default img class to prevent this.

use "range where" to search for category products

The described model searches across the whole site - but this is not what I want. How I can implement search in one category following your model?

In Content folder on my Hugo website I have created folders Women, Men etc. holding product-descriptions.md A woman who is looking for a women shoes, initiates her search on some women page - but Fuse.js searches all content folders and returns results for Women, Men, Kids etc.

I am trying to use:
{{- range where .Pages “categories” “women” $name, $items := .Site.Taxonomies.products }}

but I get the error message:
undefined variable "$name"

How I can use "range where" to search for category products?
My case is described here: https://discourse.gohugo.io/t/range-where-error-message/26418
Thank you!

Couple of questions

  1. Can I please know the workaround to add custom fonts? - mainly to include custom missing site icons
    2. How and where is footer "Nifty tech tag lists from Wouter Beeftink" generated? I am not using tech tag lists - so where can I edit to remove or change footer details?
    3. I want to add a permalink or relative link to the left sidebar items. i.e., if I want to link experience to another webpage instead of within page via #experience, where can we add this link?
    Thanks!

Incorrect project image paths for pages other than home

Image paths for projects (contributions and creations) don't seem to be correct on the following pages:

  • sitename/projects
  • sitename/projects/creations
  • sitename/projects/contributions

It looks like every page is using the same relative URL, no matter which page you're on.

So for example, if I were to specify image: "img/creation.png" in "content/projects/creations/creation.md" then the image would display correctly next to my creation on the home page, but on the projects page, the path would end up being "sitename/projects/img/creation.png" and the image would not be found.

I'm very new to Hugo, so correct me if I'm wrong, but it looks like site variables can't be used within the content markdown files, so trying to specify something like image: "{{ .Site.BaseURL }}/img/creation.png" to correct this issue myself from within "creation.md" isn't possible.

The paths for images on pages other than the home page should either be absolute or start with .. or ../.. depending on the page depth to ensure they load correctly on every page.

Unable to render template from exampleSite

Hi,

I'm trying to setup a website using this theme, but I constantly have a can't evaluate field Site in type *page.siteWrapper error. After a few experiments, I decided to try to use the example site provided, to debug where I'm wrong. But it seems that even the example site have the same issue. I don't know what to do, I'm new to Hugo to be honest.

I'm using Hugo 0.119.0 on Debian Linux 12.1. Steps to reproduce :

$ git clone [email protected]:eddiewebb/hugo-resume.git                   
$ cd hugo-resume/exampleSite
$ hugo -t hugo-resume --themesDir ../.. server
Watching for changes in /tmp/f/hugo-resume/{archetypes,data,exampleSite,i18n,layouts,static}
Watching for config changes in /tmp/f/hugo-resume/exampleSite/config.toml
Start building sites … 
hugo v0.119.0-b84644c008e0dc2c4b67bd69cccf87a41a03937e linux/amd64 BuildDate=2023-09-24T15:20:17Z VendorInfo=gohugoio

Built in 57 ms
Error: error building site: render: failed to render pages: render of "home" failed: execute of template failed: template: index.html:19:12: executing "main" at <partial (printf "portfolio/%s" .) $.Site>: error calling partial: "/tmp/f/hugo-resume/layouts/partials/portfolio/skills.html:4:14": execute of template failed: template: partials/portfolio/skills.html:4:14: executing "partials/portfolio/skills.html" at <$.Site.Data.skills>: can't evaluate field Site in type *page.siteWrapper

Thanks a lot for your help :)

Styles not loaded in Firefox

It looks like stylesheets are not loaded in Firefox, neither in the Browser version nor the mobile (Android) version.

A little digging led me to this stackoverflow post, which claims that <noscript/> tags must not be found in the <head/>-section.

Removing the <noscript/>-tags fixed the site for me — css styles are now loaded on Firefox Desktop and Mobile. Same issue might exist for IE, though I haven't checked. PR attached.

By the way, thanks for the great theme!

Error building site: failed to render <posts>:

I love the site but I am getting an error in RStudio when I render the site using blogdown::serve_site()
The error I receive is
"Error: Error building site: failed to render pages: render of "section" failed: "C:\Users\myname\Documents\GitHub\myname_hugoResume\themes\hugo-resume\layouts_default\section.html:8:11": execute of template failed: template: _default\section.html:8:11: executing "main" at <partial (printf "%s%...>: error calling partial: Partial "postSummary" not found
The system cannot find the path specified.
Error in shell(cmd, mustWork = TRUE, intern = intern) :
'"C:\Users\gfalk\AppData\Roaming\Hugo\hugo.exe" -b / -D -F -d "public" --themesDir themes -t hugo-resume' execution failed with error code 1"

I looked through the section.html but didn't see any issues.

Thank you for your time and consideration.

html not rendered in creation

I want to use images in the creation description but couldn't get it to work anyway (not the project image)
I tried putting the images in the same folder, in the static folder as well but nothing worked
Then I found out that no html tags were working on the creation description
I tried to show images using markdown [img](img/img.png) syntax but still doesn't work

replicate by putting images in static folder, content/projects/creations folder and edit content/projects/bosh-agents.md

Google analytics is always present in the html code

Hello,

The current implementation will always add the GTAG scripts on the html pages, which might conflict with GDPR regulation, as the user might not have the intention to use Google Analytics and doesn't want to send cookie data to Google.

I have a PR ready to be send to make the Google Analytics code go away when the TrackerID configuration is an empty string.
I also changed the NetlifyCMS configuration to make the TrackerID setting field optional.

Thank you for this easy to use template!

Blog is missing or removed intentionally

Hi Eddie.
I just love this theme and I observed that the blog is removed where it was there in past.
Is that intentional? Any plan to add it back just like it shows on your website?

WARNING IsSet will always return false

When building my site, I get this warning:

WARNING: calling IsSet with unsupported type "string" (string) will always return false.

It looks like IsSet was introduced by #9, related to Search functionality.

Single page out of theme

Hi!

I am using the theme to build my own personal page and I really like the fact that the page contents are linked to the database. I am looking for ways to also generate a pdf version of my page as a CV. I think the easiest way would be to generate html in the same way the document should look like and then just print it. But I don't know how to create a single hidden page to which the current theme does not apply and which will live in its own URL. I want it to be rendered together with the rest of the website, but to exist completely separately from the main page. It should only be viewable via a direct URL, which I will either include in a button or some text.

I am new to Hugo, so I am sorry if this is inadequate question. Any comments are appreciated!

Thank you!

Support for categories [search]

Hello,

About support for categories in search.js, is adding that to the Fuse keys the only thing needed.. I am confused by this piece of code..

function populateResults(result){
    $.each(result,function(key,value){
        var contents= value.item.contents;
        var snippet = "";
        var snippetHighlights=[];
        var tags =[];
        if( fuseOptions.tokenize ){
            snippetHighlights.push(searchQuery);
        }else{
            $.each(value.matches,function(matchKey,mvalue){
                if(mvalue.key == "tags"){
                    snippetHighlights.push(mvalue.value);
                }else if(mvalue.key == "contents"){
                    start = mvalue.indices[0][0]-summaryInclude>0?mvalue.indices[0][0]-summaryInclude:0;
                    end = mvalue.indices[0][1]+summaryInclude<contents.length?mvalue.indices[0][1]+summaryInclude:contents.length;
                    snippet += contents.substring(start,end);
                    snippetHighlights.push(mvalue.value.substring(mvalue.indices[0][0],mvalue.indices[0][1]-mvalue.indices[0][0]+1));
                }
            });
        }

.. or as the mvalue.key == "tags" and other stuff is in the else block.. it doesn't matter as we set tokenize to true?

Main Page _index.md doesnt render

Running the latest version of Hugo on both my site and the example site in the theme, and the content on the home page doesn't get rendered.

Is there a command i need to run to get it to work?

Errors on site without expected parameters set

Hello!

$subj, when trying to run this theme against my blog source I get following (and site won't render at all):

Building sites … ERROR 2018/03/20 17:34:58 Error while rendering "page" in "": template: /srv/hugo/themes/hugo-resume/layouts/_default/single.html:8:68: executing "/srv/hugo/themes/hugo-resume/layouts/_default/single.html" at <absURL>: wrong number of args for absURL: want 1 got 0
ERROR 2018/03/20 17:34:58 Error while rendering "page" in "post/": template: /srv/hugo/themes/hugo-resume/layouts/_default/single.html:8:68: executing "/srv/hugo/themes/hugo-resume/layouts/_default/single.html" at <absURL>: wrong number of args for absURL: want 1 got 0
ERROR 2018/03/20 17:34:58 Error while rendering "taxonomy" in "": template: /srv/hugo/themes/hugo-resume/layouts/_default/taxonomy.html:8:68: executing "/srv/hugo/themes/hugo-resume/layouts/_default/taxonomy.html" at <absURL>: wrong number of args for absURL: want 1 got 0
ERROR 2018/03/20 17:34:58 Error while rendering "taxonomyTerm" in "": template: /srv/hugo/themes/hugo-resume/layouts/_default/terms.html:8:68: executing "/srv/hugo/themes/hugo-resume/layouts/_default/terms.html" at <absURL>: wrong number of args for absURL: want 1 got 0
ERROR 2018/03/20 17:34:58 Error while rendering "section" in "": template: /srv/hugo/themes/hugo-resume/layouts/_default/section.html:8:68: executing "/srv/hugo/themes/hugo-resume/layouts/_default/section.html" at <absURL>: wrong number of args for absURL: want 1 got 0
ERROR 2018/03/20 17:34:58 Error while rendering "home" in "": template: /srv/hugo/themes/hugo-resume/layouts/index.html:8:68: executing "/srv/hugo/themes/hugo-resume/layouts/index.html" at <absURL>: wrong number of args for absURL: want 1 got 0

The reason is likely some absent .Site. parameter but you can't tell it from error message, I guess input parameters handling could be improved.

experience.json unable to format the text

Hi.

I am unable to format experience.json as needed.

I have a following text

VMware: Installation of ESX/ESXi according to company standards
Automated VMware deployment according to company standards
Planning and configuration of networking and storage solutions
Performance analysis and fine-tuning parameters to improve throughput and effectively utilize system resources

After each line, there is a line break. How can I add break line
after each section? I tried with \n but it is not working.

Mention jquery inclusion in the `footerfiles` block? [search gist]

Hello,

This might have been obvious to many, but as I don't know JS at all, it had to spend some time to later realize that I needed to add the below to the footerfiles block:

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

.. because I didn't already have jquery loaded for my site.

Can you make a small mention of this step on the gist?

Hope using these issues is fine, because I the gist comments don't send notifications.


PS: I have mentioned your gist on the Hugo Discourse forum: https://discourse.gohugo.io/t/site-search-implemented-using-just-hugo-js-no-gulp-grunt-etc/10947

Adding tables

First of all, many thanks for this great hugo theme!I really enjoy it! 💯 points!

I would love to add markup tables with line pattern and potentially adjustable using CSS.

A nice theme I want to use for my blog is cupper
https://themes.gohugo.io/cupper-hugo-theme/

Do you have any hints on how to add tables to your theme?

Sorry, but I am not a programmer but ecologist :)

EDIT: just to give my request more content: I would love to present my publications and projects in a table (there are plenty of publications) and it would be tedious to have them explained in depth like the way it is done now.

URL Error

Hello,
I am getting the following error. It will be a great help if you can look into it.Thank you in advance.

Building sites … ERROR 2018/05/01 22:31:56 Error while rendering "taxonomyTerm" in "": template: /Resume/layouts/_default/terms.html:8:68: executing "Resume/layouts/_default/terms.html" at : wrong number of args for absURL: want 1 got 0
ERROR 2018/05/01 22:31:56 Error while rendering "home" in "": template: /Resume/layouts/index.html:8:68: executing "/Resume/layouts/index.html" at : wrong number of args for absURL: want 1 got 0

How can I add my own skills?

Hi. Thanks for creating such a great theme.

I am struggling with adding my skills and experience.

In the https://github.com/eddiewebb/hugo-resume#data-files you mention that we should edit skills.json, experience.json, and education.json.

When I start the hugo server those directories are empty. Shall I generate static files, copy example ones, edit them and paste to the public?

scrollspy highlighting

Hi!

I've been trying to get the navigation link of active page be highlighted, so people could always see which page they are on. I see that resume.js in principle includes the scrollspy functionality, but I couldn't get it working. I've google for troubleshooting and implemented every solution I could find: adding popper.min.js, making sure all id targets are correct, making sure I have correct jquery and bootstrap scripts included. Nothing helped.

So, I was wondering if you could maybe have a suggestion how to make it work.

Thanks!

Allow the search script to work with strict Content-Security-Policy

Hello,

I need to bother you for some help on your fuse.js search integration script as I am readying my site for strict Content-Security-Policy, that does not use 'unsafe-inline' (more info).

At the moment, this inline script is used:

<script id="search-result-template" type="text/x-js-template">
    <div id="summary-${key}">
        <h2><a href="${link}">${title}</a></h2>
        <p>${snippet}</p>
        <small>
            <table>
                ${ isset tags }<tr><td><strong>Tags</strong></td><td>${tags}</td></tr>${ end }
                ${ isset categories }<tr><td><strong>Categories</strong></td><td>${categories}</td></tr>${ end }
            </table>
        </small>
    </div>
</script>

Would it be possible to move that inline script to a separate .js file?

JQuery Slim breaks JQuery Easing

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>

Unfortunately, I noticed that PR #72 unintentionally breaks the JQuery Easing plugin, with

Uncaught TypeError: Cannot read property 'swing' of undefined

Despite Bootstrap 4 being happy with JQuery Slim, JQuery Easing requires the Normal edition.

RSS got disabled unintentionally [search gist]

Hello,

Following the gist instructions, if we do:

[outputs]
  home = ["HTML", "JSON"]

RSS gets disabled!

This is the default value of outputs:

[outputs]
  home = ["HTML", "RSS"]

So, for adding search, you would want to suggested setting outputs to:

[outputs]
  home = ["HTML", "RSS", "JSON"]

wrong number of args for absURL: want 1 got 0

I am trying to set this theme as the theme for my site.

When I run hugo -t hugo-resume I get the following error:-

ERROR 2018/05/16 14:15:27 Error while rendering "home": template: /DIRECTORY/SITE/themes/hugo-resume/layouts/index.html:8:68: executing "/DIRECTORY/SITE/themes/hugo-resume/layouts/index.html" at : wrong number of args for absURL: want 1 got 0

Need help with the Icons in Skills

Hi @eddiewebb,

I am new to hugo and learning site building using your theme since it seemed interesting and easy.

However, I am unable to add custom icons for the skills apart from dev icons. And within hugo OR within the theme I didn't find any reference for the icons.

Please let me know how can I add custom icons in the skill.

More Better devIcons

  • The vorillaz/devicons project does not look like it is being actively maintained. (Last version is 6 years ago.)
  • DevIcon.dev looks to be actively maintained, but it is a different approach and is missing a bunch of popular icons.
  • FontAwesome is available.

What other good/better icon resources are there? I'm wondering if we can extend the skills section to grab icons from different sources when one is missing.

Can't see project and publications section

Other sections are visible, but I can not see the projects and publications section. I have set the value to true in the config file. What could be the reason for it?
This code should load it on the webpage, but it doesn't:
{{ if .Site.Params.showProjects }}
{{ with .Site.GetPage "section" "projects/creations" }}
{{ .Scratch.Set "sectionId" "projects" }}
{{ partial "sectionSummary" . }}
{{ end }}
{{ end }}

All the sections with simple code like this are visible, :
{{ if .Site.Params.showEducation }}
{{ partial "portfolio/education.html" . }}
{{ end }}

but sections having code like this are not:
{{ if .Site.Params.showProjects }}
{{ with .Site.GetPage "section" "projects/creations" }}
{{ .Scratch.Set "sectionId" "projects" }}
{{ partial "sectionSummary" . }}
{{ end }}
{{ end }}

What should I do?

Error: Error building site: failed to render pages

I am getting below errors:

Error: Error building site: failed to render pages: render of "home" failed: execute of template failed: template: index.html:2:6: executing "main" at <partial "about.html" .>: error calling partial: "C:\Hugo\my-site-2\themes\hugo-resume\layouts\partials\about.html:12:77": execute of template failed: template: partials/about.html:12:77: executing "partials/about.html" at <substr .Site.Params.email 5>: error calling substr: start position out of bounds for 0-byte string

I read previous posts and my config.toml file does have email address added. How can I fix it?

Language?

Hi,
I love the theme and I would like to use it to exchange the outdated and not any more maintened Hermit.

How / where can I change the links/headers, so that the navigation and headline can be in German instead of English?

And is it possible to also change the order of the Navigation? I'd love to have experiences / Berufserfahrung on top, followed by education/Ausbildung and the blog should be the last page.

Thx.

add showBlog to config.toml file

I think adding showBlog = false to the config.toml for people to easily know how to get started with the blog part would be nice

Better? template for index.json [search]

I tried this out and it works great!

  • No need to manually manage the commas
  • Also it does not matter if the front-matter doesn't have tags or categories or both!
{{- $.Scratch.Add "index" slice -}}
{{- range .Site.RegularPages -}}
    {{- $.Scratch.Add "index" (dict "title" .Title "tags" .Params.tags "categories" .Params.categories "contents" .Plain "permalink" .Permalink) -}}
{{- end -}}
{{- $.Scratch.Get "index" | jsonify -}}

Ref

Do we need threshold, location, etc Fuse.js params? [search]

Hello,

This is probably a better place to discuss your Fuse.js search integration.

From fusejs.io, under Tokenize option:

When true, the algorithm will search individual words and the full string, computing the final score as a function of both. In this case, the threshold, distance, and location are inconsequential for individual tokens, and are thus ignored.

So do we need to set those?

How to conditionally output Tags: in the search template? [search]

Hello,

Hopefully this is a last question related to search.. for today.

This is more of a JS question.. I have:

<script id="search-result-template" type="text/x-js-template">
    <div id="summary-${key}">
        <h4><a href="${link}">${title}</a></h4>
        <p>${snippet}</p>
        <small>
            <table>
                <tr><td>Tags</td><td>${tags}</td></tr>
                <tr><td>Categories</td><td>${categories}</td></tr>
            </table>
        </small>
    </div>
</script>

How can I prevent printing <tr><td>Tags</td><td>${tags}</td></tr> if ${tags} is null?

Just to try my luck, I tried:

                if (${tags}!=null) {
                    <tr><td>Tags</td><td>${tags}</td></tr>
                }

but of course that didn't work..

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.