Jekyll Showcase! - Share your sites built with Jekyll

Thanks for the feedback, Michael, I really appreciate it!

Your comment about padding on mobile surprised me. I have padding-inline: 7px in the default .content class and I see this padding both on my device and in Firefox Dev Tools (and this is a mobile first design). What are you seeing?

(Side question: Can I turn this into a theme and still have support for live updates to the theme elements in Jekyll? I love my workflow right now - I use jekyll serve -l when developing and I’m using git hooks for deployment and I don’t want to lose either of those conveniences.)

I don’t know padding-inline attribute.

I see it is similar to padding but doesn’t support on some browsers though I’m using modern Chrome on my mobile.

Anyway here is my view. I also have text or zoom level increased on all my devices. Oh and screen is greyscale for wind down.

1 Like

I’m having to piece together some info but it sounds like you have your site in a single repo with content and styling mixed. And you want to break out your styling to a separate theme repo and content to a site repo. But you want to rapidly pull in changes from the theme into your site?

Well in your main site you can reference a gem by path on your machine - so instead of git push could just do a bundle install and pull in changes from another local theme repo. I don’t know how easy or practical this is.

Or make two websites, one for each repo. you could have a decent amount of dummy content and pages on your theme’s own demo website, and use that for rapid development. Then focus on the content aspect of your main site, pulling in theme updates from GitHub when needed.

1 Like

Okay, I’m relieved. The 7px padding is visible on your device.

Without the padding (which is how I used to have it) it goes right up to the display edge and is indeed difficult to read. I thought 7px would be sufficient without wasting too much display area.

I take it you would prefer more padding yet?

1 Like

This is probably the most practical approach. Thanks!

1 Like

I didn’t realize this was an experimental feature. I’ll change it to the standard.

1 Like

Yes maybe like 15px

I didn’t realize this was an experimental feature. I’ll change it to the standard.

Check out https://caniuse.com/ as well to see a table of devices for a chosen feature in HTML, CSS or JS.

Did a grid based “blog” section, with paginate etc etc

1 Like

Very nice! Clean, professional, and looks great on my iPhone!

2 Likes

My new blog (tkooper.com) is now up and running. Built with Jekyll/Liquid. I took this one a bit further than the last one (gtkdcoding.com), even adding an HTML5 Easter egg in the first post. It took quite a while to do, but I’m proud of the results.

2 Likes

Nice site! I tried following your instructions on your site on my windows laptop… I had previously installed python, but it didn’t seem to have Tkinter installed.

@steenblikrs pkg is for freeBSD OS and not windows

And tk is not what you want to install.

@ront this is bad set up in Final Checks on your site

pip install tk

It turns out to be tensorkit

But this is good

pip install tkinter

https://www.tutorialspoint.com/how-to-use-pip-or-easy-install-tkinter-on-windows

1 Like

Andrew P. Dillon—https://andrewdillonpoetry.com

A simple author’s website using the default Minima theme, with links to published poems and a blog that describes my ongoing process of building my first book-length collection as a website (webbook? booksite?).

1 Like

My project: Recursivos

I’m the developer of the Sigma theme. It has a lot of options, however, I still have to add a paginator for categories. I’m not using it because I show all the posts in each category page.

1 Like

@marmalamuc

Can I suggest the following?

  • some intro text and link to one or to pages from the homepage, to save opening the menu
  • set a width on your images or put them in the right container for the theme. Your photos are going way off the screen on mobile.
  • similarly the links page looks squashed up on mobile. Instead of two column layout you could have a heading on one line alone and links below.
1 Like

@MichaelCurrin

Thank you for visiting & replying! I hadn’t been thinking about the mobile experience, even though I know that’s probably what I should focus on. I’ll work on the homepage and Links page.

For the images, I do have a maxwidth set for all of them, but I don’t know how to format so they’re an appropriate size on both desktop & mobile. The include I use wraps them in <figure> & <img> tags—is there something more appropriate? (I’m using the default Minima theme.)

I really appreciate your time!

1 Like

I’ll make an issue and discuss on the repo if you share a link?

Thanks again!

1 Like

Name: https://taxandlife.com/

This is a personal site and blog. Some features are listed below and implementation documented in this post: Intro to Jekyll

  • Category navigation page
  • Unified category page
  • Indication of the categories the post that you are reading belong to

Link to the repo: GitHub - michaelxwang/michaelxwang.github.io

Just put out a jekyll theme for digital gardening – jekyll-bonsai:

Start and Setup:

1 Like