Git Product home page Git Product logo

staticmania / portio-hugo Goto Github PK

View Code? Open in Web Editor NEW
449.0 10.0 291.0 8.64 MB

Portio Hugo is a simple, minimal and responsive Portfolio Hugo Theme. Portio Hugo is well organized, well-formatted, and named accordingly so it’s easy to change any and all of the design. Portio is built with Bootstrap 4. You can customize it very easily to fit your needs.

Home Page: https://portio-hugo.staticmania.com/

License: MIT License

JavaScript 29.90% CSS 26.68% HTML 38.43% SCSS 4.56% Ruby 0.03% Shell 0.26% PowerShell 0.13%
hugo-theme portfolio-website

portio-hugo's People

Contributors

aaronnbrock avatar abdel7ak96 avatar brandozhang avatar designdevy avatar dnth avatar hpdipto avatar irishgeoff12 avatar jbleduigou avatar juhair-cupcake avatar kausarpial avatar md-saad avatar pawelmadeja avatar ronopixels avatar svennd avatar tgoelles avatar trembel avatar

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  avatar  avatar

portio-hugo's Issues

How to make main menu not transparent

Hello

The main navigation menu seemed to be transparent so it will be overlapping with contents when we scroll down.

Is there a way to make it not transparent ?
Screenshot 2022-09-03 at 6 27 03 PM

Netlify error no access rights to theme

Hey, thanks for the awesome theme,

I'm having trouble deplying to Netlify.

I have a similar problem to that of issue #7 and #17
However after trying those solutions it still doesn't work for me.

I have a nice working first version of a website, but I'm having issues deploying it with netlify.

Working locally

my website works perfectly when using hugo sever with local host.

Setup

I added it as a submodule and made sure to follow the instructions perfecty,

I set everything up correctly with netlify, following the process I've used for other hugo sites.

but I get this error in netlify:

Error checking out submodules: Submodule 'themes/portio'
Permission denied (publickey)
fatal: Could not read from remote repository
Please make sure you have the correct access rights

Extended version of netlify error 9:16:19 AM: Preparing Git Reference refs/heads/master 9:16:21 AM: Error checking out submodules: Submodule 'themes/portio' ([email protected]:StaticMania/portio-hugo.git) registered for path 'themes/portio' Cloning into '/opt/build/repo/themes/portio'... Warning: Permanently added 'github.com' (RSA) to the list of known hosts.

Permission denied (publickey).

fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.
fatal: clone of '[email protected]:StaticMania/portio-hugo.git' into submodule path '/opt/build/repo/themes/portio' failed
Failed to clone 'themes/portio'. Retry scheduled
Cloning into '/opt/build/repo/themes/portio'...
Permission denied (publickey).

fatal: Could not read from remote repository.

I've worked with other hugo themes and I've never had this issue before.

Are there any extra steps I need to take to stop having the error message Permission denied (publickey). that netlify produces?

Attempts to fix

Like mentioned at the beginning I did try the solutions mentioned #7 and #17

I change baseURL to use https instead of http and I also installed hugo extended through snap.

Previously I had hugo installed from the Arch Linux AUR, but I uninstalled that one to use extended version with snap. which seems to work without any issues with hugo server

Specs

Linux Manjaro with Awesome WM

I apprecaite any help, have been stuck with this for a couple of days.
Thank you so much once again for your great work!

  • Santi

Add "Skills" to site header

Screenshot from 2022-01-13 18-04-03

How do we properly add "Skills" on the webpage header? I added them in the config.toml file but could not link it to the Skills section.

Adding slider/slick dots under the service section

Hi,

First of all thank you for the theme, it's been really easy to work with and customize!

I just have one small issue: I have 7 items under the service section, but only 5 show up and it is not very intuitive that you have to click/drag to let the last 2 appear. Is there a way to add some sliding/slick dots under the section, to make it obvious that not all the items are shown?

Thank you!

Not rendering correctly when pushed to Github/Netlify

It works great when I view the website locally, but when deployed it's not working correct. take a look at https://www.connectthoughts.com/

I've used quite a few hugo Themes and never had issues with github/netlify.

I love this theme and will be great if you can help with it.

I also received this email from Netlify.

Insecure mixed content detected in
rajganesh
Although you have enabled HTTPS on your site, we’ve detected some content that’s still being served over an HTTP connection. This phenomenon, called mixed content, happens when both HTTP and HTTPS are being used to load the same page.

Mixed content impacts the security and user experience of your site, and prevents browsers from protecting your users from malicious attacks.

We’ve added some information to your deploy log to help you find the problem. Most major browsers also provide tools to help you find and fix mixed content. They alert you about mixed content in the JavaScript console. To find this console, you can right-click in any page of your site, select “Inspect Element”, and then select “Console”.

Google’s Developer Guides provide a more extensive description about this problem and its solution.

Some content not rendering properly

Cloned the repo and ran it locally. Everything works fine but some of the UI components are not rendering properly which is causing distorted UI for me. Tried on both chrome and firefox but same result.

pls check the attachment. Any suggestions?

image

here's the console log from chrome browser

image

raw HTML omitted

public/blog/benjamin-franklins-thoughts-about-new-designers/index.html:193:<!-- raw HTML omitted -->
public/blog/benjamin-franklins-thoughts-about-new-designers/index.html:193:<!-- raw HTML omitted -->
public/blog/designer-conference-at-florida-2020/index.html:193:<!-- raw HTML omitted -->
public/blog/designer-conference-at-florida-2020/index.html:193:<!-- raw HTML omitted -->
public/blog/designers-thoughts-about-mobile-ui/index.html:193:<!-- raw HTML omitted -->
public/blog/designers-thoughts-about-mobile-ui/index.html:193:<!-- raw HTML omitted -->
public/blog/how-to-become-acreative-designer/index.html:204:<!-- raw HTML omitted -->
public/blog/how-to-become-acreative-designer/index.html:204:<!-- raw HTML omitted -->
public/blog/markdown-formatting-demo/index.html:335:<!-- raw HTML omitted -->
public/blog/markdown-formatting-demo/index.html:336:<!-- raw HTML omitted -->
public/blog/new-designers-limitations/index.html:204:<!-- raw HTML omitted -->
public/blog/new-designers-limitations/index.html:204:<!-- raw HTML omitted -->
public/blog/things-you-must-know-as-a-designer/index.html:204:<!-- raw HTML omitted -->
public/blog/things-you-must-know-as-a-designer/index.html:204:<!-- raw HTML omitted -->
public/blog/world-most-famous-app-developers-and-designers/index.html:204:<!-- raw HTML omitted -->
public/blog/world-most-famous-app-developers-and-designers/index.html:204:<!-- raw HTML omitted -->
public/blog/you-must-know-this-before-becoming-a-designer/index.html:204:<!-- raw HTML omitted -->
public/blog/you-must-know-this-before-becoming-a-designer/index.html:204:<!-- raw HTML omitted -->

You need to add this in the config file

[markup]
  [markup.goldmark]
    [markup.goldmark.renderer]
      unsafe = true

Is the theme still maintained?

Hello,

Thanks again for this great theme!

I see that the last commit dates back from 6 months ago and there are several pull requests and issues still open.

Does this mean that this repo/theme is not maintained anymore?

I’m always a bit scared to use a theme which is not actively maintained anymore.

Regards,
Antoine

Needs to rename config.toml to hugo.toml

I tried installing your module and in order to get it to work I had to rename your file because it now uses hugo.toml if it finds one and any new site has one.

JS issue

I'm running the theme locally and facing this issue:

  • When scrolling down, the navbar color is not change. It remains transparent.
  • The create service lists are also not displayed vertically but it displays horizontally.

Please see the image below:
portio_issue

How to insert image from directory?

How do I insert image from the local directory? I place my images in the static folder. However, I could not have it display on my blog post.

This is what I wrote in my first-blog-post.md
![Example image](/static/images/blog/screenshot.png)

adding opengraph,twitter_cards and schema is proving to be a hustle. Please help.

Hi, how are you?
I am having issues adding opengraph, twitter cards and schema tags to my site.
Opengraph defaults to my fallback image("images = " that i had to set up otherwise would have no image)
Twitter card only shows a summary no image.
I tried editing gohugo's versions and adding featureImage and postImage but it fails to build.
I have already set up [author] in the config.
Kindly help me display both post images and the image set for Home.

How to store secret in Hugo Deployment?

Hey, I know it might not be the right place to ask.
But seems you guys are expert in making this awesome template, do you have any suggestion where should I put the API key?

I don't think the config.toml is secure enough?

Help me to Implement search option, tags and category page

I have tried several methods found on the internet to implement a search option and add a page for tags and categories, but nothing works with this theme. As a non programmer, its hard for me to do this. Can you give me a good documentation which will work with this amazing theme?

Thanks in advance !

Is there a way to have tags for blogs?

The previous Hugo templates had TAGs. So it show the tags in the bottom of the blog. And if I click on any tag, it brings all relevant blogs with same tags. Is there a way to get same functionality? Thanks.

different buttons between desktop and mobile version

Hello,

Here are the two buttons on desktop:

Screenshot 2021-08-18 at 15 31 19

But then on mobile, the one in the hero section is different:

IMG_E5DFC91687C2-1

is it possible to change the button in the hero section to match the one in the navbar?

I tried to edit it in the code, without success.

Thanks in advance for your help!

(if you need, here is my website using your template: easystat.be)

Regards,
Antoine

script.min.js not generated with well

i dont really know where the realproblem is
here my hugo version
Screenshot from 2020-09-28 19-22-32

and this for script.min.js which not well generated
Screenshot from 2020-09-28 19-23-29

and make my navbar not working well :(
Screenshot from 2020-09-28 19-26-24

Pagnation Issues on mobile

Hi, I'm experiencing issues with pagnation. The page numbers go out of the screen on mobile.

Screenshot_2021-11-20-20-05-36-215_com microsoft emmx

Is there a fix?

Animated back to top button with CSS

The idea is to show a back to top button only after scrolling with CSS.

This article shows some methods that only use CSS, no JS.

I especially like this method with a fading button.

What do you guys think?

Where are services images coming from

Hi,

I was looking at the images such as static/images/service/ui-ux.svg.
I would like to add more of them and was wondering where you found them?

Update to bootstrap 4.5.3

Is it possible to upgrade to bootstrap 4.5.3, there are a few fixes in it that I need.

Thank you very much,

Best regards,
Frederik

Facing an Issue

Hi, i like this theme, thank you for it.
I recently added notes to it but i am facing an issue.
I made a new archetype, a list and single, a new directory under content, notesSection.yml, notesSection.html.
Upon deploying my website, it displays my notes on the blog area while leaving the notes area blank, how can i make sure notes appear on the notesSection and not on the blogSection.
The page note renders the notes fine, my issue is in the homepage.
Kindly help me

and if you can also help me fix the notes image issue, making images in notes optional and displaying the full note instead of just the title. Tried adding {{ .content }} but it didn't work

404 page is empty

Thanks a lot for this template.

It seems to me that the 404 page is blank. Is there a reason for this?

Regards,
Antoine

Multilingual Web Site

Hi! Could you, please, provide some info how to do your wonderful web site template multilingual? I tried to add 2nd language following some guides, but it didn't work at all... I would like to have all partials and contents translated

Nested Menu

Hi,
Thanks for creating and sharing the theme.
I want to add nested themes. But unable to do it from the config file. Not sure about the format to follow as well. Can you please help?

How to override _variables.scss

Stupid question: I want to change the colors on this theme?

I see the assets/scss/_variables.scss, but how do I adjust them without changing them inside the theme itself?

Also, while I'm at it, maybe it'd be nice to add this override to the documentation or exampleSite.

Page rendering stays empty

If I create a file in the content directory (let's call it whatever.md) and use hugo server to render the page for editing, I cannot access the page using localhost:1313/whatever/ - it remains white/empty. This also doesn't work if I create a folder named whatever under content and rename the file to index.md or _index.md. Am I doing something wrong or is this an error?

Hugo Version: hugo v0.82.0-9D960784+extended windows/amd64 BuildDate=2021-03-21T17:28:04Z VendorInfo=gohugoio
OS: Windows 10.0.19042 Build 19042 (Pro)

Github Pages

Hi, I'm having the issue of setting this up with Github Pages and was looking for assistance.

I have created a new Hugo site and added Portio as a submodule, then copied the files from the exampleSite to my root. The site will build and run locally.

Initially I had an issue with the submodule that linked to this: link. To fix this, I changed the submodule from ssh to https.

But now, I'm getting a new error on my repo's Pages settings:

Your site is having problems building: There was a YAML syntax error on line 2 column 1 in <unknown>: did not find expected key while parsing a block mapping. For more information, see https://docs.github.com/github/working-with-github-pages/troubleshooting-jekyll-build-errors-for-github-pages-sites#invalid-yaml-in-data-file.

My GitHub Pages settings are building from:
branch -> main
folder -> / (root)

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.