Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

digital bookshelf for al-folio #923

Open
subhodeeps opened this issue Oct 6, 2022 · 4 comments
Open

digital bookshelf for al-folio #923

subhodeeps opened this issue Oct 6, 2022 · 4 comments

Comments

@subhodeeps
Copy link

Hi,
I would like to request a new feature.

Is your feature request related to a problem? Please describe.

This is feature request to add a digital bookshelf to al-folio. Many of us, particularly academics and students, read a lot of books and it would be nice if we could display what we are reading on our website and link them to reviews that we may right for them. Think of it as your own personal (stripped-down) Goodreads running on your own personal website.

Describe the solution you'd like

I have been recently toying with this idea and created jekyll-bookworm for the Minima theme. You can see what it looks like here. Since I am thinking of shifting my academic website to al-folio from the (the now abandoned) academicpages theme, I decided to see if I can implement it in al-folio. I have been modestly successful. You can take a look at my amatuer tinkering here.

I felt other users of al-folio might like this feature and I would be happy to send a pull request (you can, of course, take this idea ahead on your own).

There are however some issues that needs improvement:

  • the reviews are not displayed properly on phones and I can't seem to fix it, in general it can do with a lot aesthetic tweaks
  • it would be nice to have pagination in the bookshelf but I don't have the required expertise to do it quickly

Describe alternatives you've considered

I could not find an alternative or existing solution to what I was looking for: a digital bookshelf and a book review management system. I would be happy if you can point me to something that can implement this in a more polished fashion.

Additional context

I am not an expert in web development and I admit my attempts are probably amateurish but I would be happy to get your inputs and see if something like this can be incorporated into al-folio.

Best,
Subhodeep

@asboyer
Copy link
Contributor

asboyer commented Jun 16, 2024

@subhodeeps I took a look at your personal website and really liked what you've done with your bookshelf. I made an attempt to do what you were talking about on this al-folio template. I actually prefer the look of yours, as well the different statuses for each book you're reading.

@george-gca
Copy link
Collaborator

If you manage to implement this, would you mind sending a PR? Maybe you could also add the subscribe via email that I saw you have in your site to this template? It is a feature that have been requested a while ago (#2097).

@asboyer
Copy link
Contributor

asboyer commented Jun 18, 2024

Yeah, I can do that. I'll make a PR when I've got those.

@subhodeeps
Copy link
Author

subhodeeps commented Jun 18, 2024

Hi, in the original post I had included my edits to the al-folio theme as well https://github.com/subhodeeps/al-folio and the statuses of the books can be implemented by adding a separate layout for the books and the front-matter https://github.com/subhodeeps/al-folio/blob/master/_layouts/books.html.

george-gca added a commit that referenced this issue Jun 19, 2024
In reference to idea:
#2097
In reference to request:
#923 (comment)

Added support to integrate a [loops.so](https://loops.so/) mailing list
into the site.

To use, you need to enable `newsletter` in `_config.yml`. You also must
specify a loops endpoint (although I think any mailing list endpoint can
work), which you can get when you set up a mailing list on loops. More
documentation on loops: [here](https://loops.so/docs/forms/custom-form).

Once that is enabled, the behavior is different depending on how you
specified your footer to behave in `_config.yml`. If `footer_fixed:
true`, then the sign up will appear at the bottom of the about page, as
well as at the bottom of blog posts, if you enable `related_posts`.

If `footer_fixed: false`, then the newsletter signup will be in the
footer (on every page), like it is in on [my
website](https://asboyer.com).

I'm not attached to the placement of the signup, and you can choose to
include it wherever you want with `{% include scripts/newsletter.liquid
%}`. Also if you include positional variables into that, you can choose
how you center the signup. So `{% include scripts/newsletter.liquid
left=true %}` positions the signup bar to the left.

Here are some screenshots below:
## Dark version

![image](https://github.com/alshedivat/al-folio/assets/52665298/af7fdb81-6e5f-47a9-958b-4cb93bba9e8f)

## Light version

![image](https://github.com/alshedivat/al-folio/assets/52665298/927f8bc5-b481-448b-ae5e-6f5b1c613243)
I think the input field color should probably change to maybe be light
for both themes? What do you think? I think the dark background looks
cool, but I don't usually see that done like that on other sites.

## Footer fixed

![image](https://github.com/alshedivat/al-folio/assets/52665298/c52f3dc1-0e45-400e-8b71-eeb00d00cb01)


![image](https://github.com/alshedivat/al-folio/assets/52665298/678a2d45-88ab-4d9a-b8cc-9fc6db26d744)

## Footer not fixed

![image](https://github.com/alshedivat/al-folio/assets/52665298/fd2c0228-2bce-4335-ac3c-5cb20a3307e2)


![image](https://github.com/alshedivat/al-folio/assets/52665298/f594b4f2-67e0-4f2b-a3e8-febd579aaf19)
To clarify, if footer isn't fixed, the email signup will appear on every
page.

---------

Co-authored-by: George <31376482+george-gca@users.noreply.github.com>
ngmarchant pushed a commit to ngmarchant/ngmarchant.github.io that referenced this issue Jun 21, 2024
In reference to idea:
alshedivat/al-folio#2097
In reference to request:
alshedivat/al-folio#923 (comment)

Added support to integrate a [loops.so](https://loops.so/) mailing list
into the site.

To use, you need to enable `newsletter` in `_config.yml`. You also must
specify a loops endpoint (although I think any mailing list endpoint can
work), which you can get when you set up a mailing list on loops. More
documentation on loops: [here](https://loops.so/docs/forms/custom-form).

Once that is enabled, the behavior is different depending on how you
specified your footer to behave in `_config.yml`. If `footer_fixed:
true`, then the sign up will appear at the bottom of the about page, as
well as at the bottom of blog posts, if you enable `related_posts`.

If `footer_fixed: false`, then the newsletter signup will be in the
footer (on every page), like it is in on [my
website](https://asboyer.com).

I'm not attached to the placement of the signup, and you can choose to
include it wherever you want with `{% include scripts/newsletter.liquid
%}`. Also if you include positional variables into that, you can choose
how you center the signup. So `{% include scripts/newsletter.liquid
left=true %}` positions the signup bar to the left.

Here are some screenshots below:
## Dark version

![image](https://github.com/alshedivat/al-folio/assets/52665298/af7fdb81-6e5f-47a9-958b-4cb93bba9e8f)

## Light version

![image](https://github.com/alshedivat/al-folio/assets/52665298/927f8bc5-b481-448b-ae5e-6f5b1c613243)
I think the input field color should probably change to maybe be light
for both themes? What do you think? I think the dark background looks
cool, but I don't usually see that done like that on other sites.

## Footer fixed

![image](https://github.com/alshedivat/al-folio/assets/52665298/c52f3dc1-0e45-400e-8b71-eeb00d00cb01)


![image](https://github.com/alshedivat/al-folio/assets/52665298/678a2d45-88ab-4d9a-b8cc-9fc6db26d744)

## Footer not fixed

![image](https://github.com/alshedivat/al-folio/assets/52665298/fd2c0228-2bce-4335-ac3c-5cb20a3307e2)


![image](https://github.com/alshedivat/al-folio/assets/52665298/f594b4f2-67e0-4f2b-a3e8-febd579aaf19)
To clarify, if footer isn't fixed, the email signup will appear on every
page.

---------

Co-authored-by: George <31376482+george-gca@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants