search

digitalcraftsman / hugo-artists-theme

Port of Travis Neilson's (DevTips) awesome Artists Theme to Hugo
The Unlicense
58 stars 40 forks source link

Cannot display images in the work section (inside the tile) #11

Open ugoproto opened 7 years ago

ugoproto commented 7 years ago

In short, when you click a tile, it leads to a project with images. These images are not displayed. Why? It does not display your original images either.

In details:

PC:. ├───archetypes ├───content │ └───work (the md files) ├───data ├───layouts ├───public │ ├───css │ ├───img │ │ ├───clients │ │ ├───new_icons │ │ └───work │ │ ├───proj-1 (jpg and png files) │ │ ├───proj-2 │ │ ... (proj-1 to 8 are yours, proj-9 and more are mine), but the .toml only enables 8 and up │ ├───js │ └───work │ ├───proj-1 │ ├───proj-2 │ ... │ ├───static └───themes └───hugo-artists-theme-master ├───exampleSite │ ├───content │ │ └───work │ ├───data │ └───static ├───images ├───layouts │ ├───partials │ │ └───icons │ └───_default └───static ├───css ├───img │ ├───clients │ ├───new_icons │ └───work │ ├───proj-1 │ ├───proj-2 │ ... └───js

repo:. ├───content │ └───work ├───data ├───layouts ├───static └───themes └───hugo-artists-theme-master ├───exampleSite │ ├───content │ │ └───work │ ├───data │ └───static ├───images ├───layouts │ ├───partials │ │ └───icons │ └───_default └───static ├───css ├───img │ ├───clients │ ├───new_icons │ └───work │ ├───proj-1 │ ├───proj-2 │ ... └───js

vervorm commented 7 years ago

Hi,

I have the same issue, but when I go to your site it seems to work. What did you do to get it working.

regards Steven

ugoproto commented 7 years ago

Tks for the answer. A person at Acrobatics helped me fixing this issue. The problem was a missing '/'.

Phongtlam commented 7 years ago

Hey Ugoproto, I have the issue of not being able to display anything when clicking on the work image. How did you link the .md files with the work.toml. I am sure this is a syntax and naming errors im getting somewhere. Here is my page. https://phongtlam.github.io/myworld/

ugoproto commented 7 years ago

I'd be glad to help, but I don't understand your problem. Can your describe it a bit more, maybe with images.

Adding .gif is very cool. I have to do that.

By the way, I will soon completely abandon the 'hugo-artists-theme-master'. My portfolio is idle for now. I'm working a new version of my portfolio with the 'hugo-creative-portfolio-theme'. I had a lot of feedback. People complained. I found out that the theme is as much complicated to maintain as it is to consult for an outsider. It's not intuitive. You need 3 steps to reach a projet (scroll down, figure out and click on a project, see the project and follow the links). We need to simplify. Since people use tablets and phones when your pitch or meet them at meetups for example, they don't like fiddling around as if they were on a laptop. People have no attention. It's got to be easy. The new theme cuts 1 step. It's designed like a Pinterest-Instagram. You can showcase your work, clients, testimonials in different pages by keeping a menu on the side. It's more reactive for phones. People don't get lost when they try to get out of one project. I tell you: a portfolio must be dummy-proof. Plain, stupid, simple. And easy to maintain too.

2017-07-16 15:04 GMT-04:00 Phongtlam notifications@github.com:

Hey Ugoproto, I have the issue of not being able to display anything when clicking on the work image. How did you link the .md files with the work.toml. I am sure this is a syntax and naming errors im getting somewhere. Here is my page. https://phongtlam.github.io/myworld/

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/digitalcraftsman/hugo-artists-theme/issues/11#issuecomment-315629851, or mute the thread https://github.com/notifications/unsubscribe-auth/ATAzYyM6F4Ah6IRQtAqDYoE3uVv1Ji5Hks5sOl61gaJpZM4Ksp6u .

Phongtlam commented 7 years ago

Hey, thanks for the reply! I actually figured it out. The Jquery function that the scaffolding uses does not past data through HTTPS so it was the cors issue. I fixed it by explicitly do a get request with a '/' at the end of the URL. Also thank you for the suggestion. I am new to making a portfolio page and this definitely seems like a good advice. I took a look of it on mobile and the entire page does wrap down and makes it very cumbersome to get to the main part, which is the portfolio section. I will take a look at the new theme and try it out. Thanks a bunch!

ugoproto commented 7 years ago

Hi again,

I wanna contact you for two things.

First, you can see my new portfolio. Content in 80% done.

You will see that the theme is easy to browser. Responsive. It's really sharp.

I always run beta tests with friends, laypersons. I want 'normal people' to comment on the look and feel. If any John Doe approves, the layout is dummy-proof. A portfolio is a marketing tool.

https://perpetual-jewel.aerobatic.io/

Now, I'm not an expert in UX or web dev. You can see in my skillset. I have some notions of the web languages. I'm seeking some mutual assistance.

I don't how I might help you, but you might find some value in my skillset. On my side, I need help to properly deploy the website.

What do you think is the best way to deploy? Aerobatics is no longer free. For me, having ugofolio.aerobatics.io was sufficient. There are a couple of options on Hugo website. I thought about Bitbucket, in a private repo ( ugofolio.bitbucket.io )?

Besides, I have problems with the current website.

Normally, I always get by, but it takes patience, trials, and errors.

I wonder if you could help me fix the problems quickly.

If you go beyond the front page, the site doesn't take the css/js anymore (just pure html). I attach some pictures. Why is this? How can we fix that?

It seems Hugo doesn't build the Public dir properly (with command hugo -t

)? Cheers Ugo[image: Images intégrées 1][image: Images intégrées 2][image: Images intégrées 3][image: Images intégrées 4] 2017-07-17 13:31 GMT-04:00 Phongtlam : > Hey, thanks for the reply! > I actually figured it out. The Jquery function that the scaffolding uses > does not past data through HTTPS so it was the cors issue. I fixed it by > explicitly do a get request with a '/' at the end of the URL. > Also thank you for the suggestion. I am new to making a portfolio page and > this definitely seems like a good advice. I took a look of it on mobile and > the entire page does wrap down and makes it very cumbersome to get to the > main part, which is the portfolio section. I will take a look at the new > theme and try it out. Thanks a bunch! > > — > You are receiving this because you authored the thread. > Reply to this email directly, view it on GitHub > , > or mute the thread > > . >
Phongtlam commented 7 years ago

Hey, I am happy to help. I went with this theme and this is my new page, it was much easier to work with.

My new portfolio: https://phongtlam.github.io/myjourney/

Let's address one thing at a time first. I'd deploy it via a doc on GitHub. That is the easiest route, you can do an orphan branch as they propose, but I find the easiest way is just to publish through a doc. I have not touched BitBucket so I cannot comment on that end. I'd like to know why you do not want to use GitHub. Look and feel wise I like it. I asked 2 UX persons to comment and they both are positive about this theme layouts. Plus it is easy to overwrite CSS in the long run. Lastly, your page is not working right because the CSS files are not being imported correctly. You can open the console with CMD+Shift+C and you will see the CSS warnings. The issue might lie in the structure you place the folders. Without going deep into your code, the one thing I'd advise is to look at the Example site, place all of those folders into your main page similarly, and delete the Hugo Portfolio Theme folder altogether. This will align the CSS files properly. Right now I believe your main index.html file is sitting inside your theme folder, while everything else is sitting inside your Public(or docs) folder. All you do to launch the folder then, is just cd and type hugo server, the entire thing should pop up. It is kind of difficult to communicate here. Feel free to shoot me an email at phongtlam@gmail.com and we can talk on LinkedIn or Facebook, should you are still lost in the process. Hope that helps.

ugoproto commented 7 years ago

Tks for the quick answer and the pointers. I stayed up till midnight last night to make it work. I was almost there. But... I'm taking the w-e off and away from screens. A little bit of manual work will do me good. I'll come back to it next week. Tks again (from Montréal; where are you based?) Cheers

2017-07-28 10:27 GMT-04:00 phong lam notifications@github.com:

Hey, I am happy to help. I went with this theme and this is my new page, it was much easier to work with.

My new portfolio: https://phongtlam.github.io/myjourney/

Let's address one thing at a time first. I'd deploy it via a doc on GitHub. That is the easiest route, you can do an orphan branch as they propose, but I find the easiest way is just to publish through a doc. I have not touched BitBucket so I cannot comment on that end. I'd like to know why you do not want to use GitHub. Look and feel wise I like it. I asked 2 UX persons to comment and they both are positive about this theme layouts. Plus it is easy to overwrite CSS in the long run. Lastly, your page is not working right because the CSS files are not being imported correctly. You can open the console with CMD+Shift+C and you will see the CSS warnings. The issue might lie in the structure you place the folders. Without going deep into your code, the one thing I'd advise is to look at the Example site, place all of those folders into your main page similarly, and delete the Hugo Portfolio Theme folder altogether. This will align the CSS files properly. Right now I believe your main index.html file is sitting inside your theme folder, while everything else is sitting inside your Public(or docs) folder. All you do to launch the folder then, is just cd and type hugo server, the entire thing should pop up. It is kind of difficult to communicate here. Feel free to shoot me an email at phongtlam@gmail.com and we can talk on LinkedIn or Facebook, should you are still lost in the process. Hope that helps.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/digitalcraftsman/hugo-artists-theme/issues/11#issuecomment-318666435, or mute the thread https://github.com/notifications/unsubscribe-auth/ATAzY2TshcY0E7H04lg2OUvZzg0gwyvMks5sSe-7gaJpZM4Ksp6u .

Phongtlam commented 7 years ago

I'm in San Francisco. If you look at the css files imported in ur page through cmd shift c, you can see the main page points to a different destination than other pages. You can fiddle around and place them correctly. I'm happy to help next week if you are still stuck.

Phongtlam commented 7 years ago

You are also welcome to check my source code for the page. It is on my GitHub under /myjourney. Follow the layout and that should take care of your CSS issues.

ugoproto commented 7 years ago

Yep. It's really a sharp theme. I'll take a closer look next week. And be mercyless with my comments.

2017-07-28 10:59 GMT-04:00 phong lam notifications@github.com:

You are also welcome to check my source code for the page. It is on my GitHub under /myjourney. Follow the layout and that should take care of your CSS issues.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/digitalcraftsman/hugo-artists-theme/issues/11#issuecomment-318675318, or mute the thread https://github.com/notifications/unsubscribe-auth/ATAzY2zr_6VlAz5yjF9BQoEd0K4bnJD8ks5sSfdHgaJpZM4Ksp6u .