Code Monkey home page Code Monkey logo

showfolio-hugo-theme's Introduction

Metrics

showfolio-hugo-theme's People

Contributors

alyssonalvaran avatar apvarun avatar dependabot[bot] 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

Watchers

 avatar  avatar  avatar

showfolio-hugo-theme's Issues

Change color behind the avatar

How can I change the default color behind the avatar? I saw that it's used bg-red-50 in the file partial/hero.html. I would like to use a shade of orange, but I don't know how to add it, since by default there isn't.

Issue when deploying

Hello!
I tried several services like Netlify or Vercel to deploy but everytime the build fails and says: "Error: module "showfolio" not found; either add it as a Hugo Module or store it in "/opt/build/repo/themes".: module does not exist". Before I copied the config from the exampleFolder into the root directory like said in the README. (https://github.com/blockiyt/showfolio-hugo-theme)
How can I fix this?
It would be great if you could help, tanks!

Parse Failed when run hugo server

Error: add site dependencies: load resources: loading templates: "/mnt/c/Users/z3k/Desktop/zekeriyaay/themes/showfolio/layouts/partials/codepen-gallery.html:2:1": parse failed: template: partials/codepen-gallery.html:2: range can only initialize variables

CSS not loading when built on Netlify

When running a server locally the link to the CSS is generated correctly, however, when built on Netlify the link to the CSS includes the baseURL string. E.g:
Running local server:
localhost:1313/css/styles.css

Built on Netlify:
example.com/example.com/css/styles.css

The workaround I am currently using is to set the baseURL to "/" which fixes it but doesn't address the issue.

Failing to build website

Hello.

Trying to use this theme for a Hugo website. It's failing to build even the sample website.

 hugo serve --themesDir ../..
Start building sites …
hugo v0.87.0-B0C541E4 linux/amd64 BuildDate=2021-08-03T10:57:28Z VendorInfo=gohugoio
Error: Error building site: POSTCSS: failed to transform "css/styles.css" (text/css): Error: Cannot find module '@fullhuman/postcss-purgecss'
Require stack:
- /var/www/html/artist-dev/themes/showfolio/assets/css/postcss.config.js
- /usr/lib/node_modules/postcss-cli/node_modules/lilconfig/dist/index.js
- /usr/lib/node_modules/postcss-cli/node_modules/postcss-load-config/src/index.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
    at Function.Module._load (internal/modules/cjs/loader.js:746:27)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:93:18)
    at Object.<anonymous> (/var/www/html/artist-dev/themes/showfolio/assets/css/postcss.config.js:3:18)
    at Module._compile (internal/modules/cjs/loader.js:1085:14)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
    at Module.load (internal/modules/cjs/loader.js:950:32)
    at Function.Module._load (internal/modules/cjs/loader.js:790:12)
    at Module.require (internal/modules/cjs/loader.js:974:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/var/www/html/artist-dev/themes/showfolio/assets/css/postcss.config.js',
    '/usr/lib/node_modules/postcss-cli/node_modules/lilconfig/dist/index.js',
    '/usr/lib/node_modules/postcss-cli/node_modules/postcss-load-config/src/index.js'
  ]
}
Built in 388 ms

I did install npm install -g postcss-cli

I tried on both an RPi4 and an x86-64 Ubuntu 20.04 server. What should I do?

hugo v0.87.0-B0C541E4 linux/amd64 BuildDate=2021-08-03T10:57:28Z VendorInfo=gohugoio

Running the example, we get Error building site: POSTCSS: failed to transform "css/styles.css"

Hi, great theme, however, I couldn't run it

hugo serve --themesDir ../..
Start building sites … 
hugo v0.88.1-5BC54738 linux/amd64 BuildDate=2021-09-04T09:39:19Z VendorInfo=gohugoio
Error: Error building site: POSTCSS: failed to transform "css/styles.css" (text/css). Check your PostCSS installation; install with "npm install postcss-cli". See https://gohugo.io/hugo-pipes/postcss/
Built in 594 ms

I've tried to install the postcss-cli: npm install -g npm install postcss-cli

then another error pops up:

hugo serve --themesDir ../..          
Start building sites … 
hugo v0.88.1-5BC54738 linux/amd64 BuildDate=2021-09-04T09:39:19Z VendorInfo=gohugoio
Error: Error building site: POSTCSS: failed to transform "css/styles.css" (text/css): internal/process/esm_loader.js:74
    internalBinding('errors').triggerUncaughtException(
                              ^

Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'postcss' imported from /home/roger/.nvm/versions/node/v14.17.6/lib/node_modules/postcss-cli/index.js
    at packageResolve (internal/modules/esm/resolve.js:664:9)
    at moduleResolve (internal/modules/esm/resolve.js:705:18)
    at Loader.defaultResolve [as _resolve] (internal/modules/esm/resolve.js:819:11)
    at Loader.resolve (internal/modules/esm/loader.js:89:40)
    at Loader.getModuleJob (internal/modules/esm/loader.js:242:28)
    at ModuleWrap.<anonymous> (internal/modules/esm/module_job.js:73:40)
    at link (internal/modules/esm/module_job.js:72:36) {
  code: 'ERR_MODULE_NOT_FOUND'
}
Built in 95 ms

Anyone have some tip? Sorry! I'm new in go and hugo...

cheers!

obs:
I've installed the latest hugo version (v0.88.1) using .deb package on ubuntu LTS

Request: light vs dark theme toggle

I like this theme! I am looking for a theme that has a light vs dark theme toggle option.

I think it would be cool if this theme supported a toggle option somewhere.

Wrong rendering on CloudFlare pages

Hi Varun,

I am working on my personal website and I would love to use showfolio.

For the time being I am using CF pages to deploy the website, unfortunately it seems not working properly, in the rendering, I used this command here:
npm i && hugo -D --gc
as suggested but the results are still not great, you can see by yourself here https://23abff57.fdicarlo.pages.dev/, is it possible to point me out to which is the issue (I think on the npm) and a possible fix?

Failed to transform css/styles.css

I am trying to build the site and I keep getting this error message:

Error: Error building site: POSTCSS: failed to transform "css/styles.css" (text/css). Check your PostCSS installation; install with "npm
install postcss-cli". See https://gohugo.io/hugo-pipes/postcss/

I read hugos documentation on hugo pipes but I don't understand how to install it or what to do with it in regards to this theme.

Where are the social icons from? I'd like to add a few

I'd like to add an icon for my phone, as well as email and a file icon for PDFs. I love the existing social icons, and was hoping you'd be willing to share info as to where they came from. I assume there will be other icons in the same style available there.

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.