Phenobase / phenobase_website

Website of the Phenobase project
https://phenobase.org
0 stars 1 forks source link

mobile version optim #1

Open daijiang opened 1 year ago

daijiang commented 1 year ago

The current version is awful on a phone... Need to tweak css.

daijiang commented 1 year ago

@jdeck88 any chance you can help with this? I don't have enough knowledge about CSS to do this right.

The whole site is generated with Hugo.

I think you can change this file: assets/css/style.scss

Other files to look: layouts/index.html and data/content.yml

The default theme is in the themes folder. And it is copied from this theme: https://github.com/tylerjlawson/port-hugo Demon site

If you use RStudio, you can click on the Phenobase_website.Rproj, then install the package blogdown. Then you can go to Addins -- Blogdown -- Server site to see the site on live.

Thanks!

jdeck88 commented 1 year ago

Can we find another theme that is mobile friendly out of the box? hugo themes i've found though not to be super intuitive to swap in and out and usually requires some work to get to fix the format. In any case, if i have to modify the css to get it to fit an iphone i have the sense we're on the wrong path. can we talk more about this this week?

On Fri, Oct 21, 2022 at 11:29 AM Daijiang Li @.***> wrote:

@jdeck88 https://github.com/jdeck88 any chance you can help with this? I don't have enough knowledge about CSS to do this right. I think you can change this file: assets/css/style.scss

Other files to look: layouts/index.html and data/content.yml

The default theme is in the themes folder.

If you use RStudio, you can click on the Phenobase_website.Rproj, then install the package blogdown. Then you can go to Addins -- Blogdown -- Server site to see the site on live.

Thanks!

— Reply to this email directly, view it on GitHub https://github.com/Phenobase/phenobase_website/issues/1#issuecomment-1287307053, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAIZ3RJUC6NGYHEYMBNEVG3WELOJPANCNFSM6AAAAAARDT4YJ4 . You are receiving this because you were mentioned.Message ID: @.***>

-- John Deck (541) 914-4739

daijiang commented 1 year ago

Hi John, I like the animated text for this theme. But if it is not suitable for our project, we can change it to another one later. I think it looks reasonably well on a phone now. So I think we are good for now. What do you think? Best Daijiang