Subscribe
Share
Share
Embed
Each week Adam & Ste focus on a specific feature, idea or prototype in Hardcover and iterate on it together or with guests.
Adam (00:01.458)
Hey, hey, stay, how's it going?
Ste (00:04.188)
higher, going good, enjoying a hot London evening.
Adam (00:09.81)
Yeah, I think it's been hitting 102, 103 here, which is, let's see, what's that in Celsius? 39 degrees Celsius.
Ste (00:16.441)
Yes.
Ste (00:24.128)
Oh, wow. Okay. So you're part of the heat wave. I heard there's an ongoing like global heat wave and like record temperatures are like breaking everywhere around the globe, which is kind of concerning a little bit.
Adam (00:39.826)
Yeah, we've been definitely staying inside this last couple of days and, uh, yeah, trying to keep the AC as, as high as we can tolerate, but I'm very glad to have it.
Ste (00:53.776)
Well, I bet yeah, yeah 39 is very harsh is the kind of weather where you don't want to stay dehydrated For like five minutes
Adam (01:04.607)
Yeah, we haven't really been wanting to do much in the way of things outside. It just feels like, you know, being burned by the sun when you're outside in it, under a heat lamp.
Ste (01:15.18)
Yeah. Oh God. Yeah, I know the feeling. Yeah, luckily over here it's like partially cloudy. So it's even rain today. But after the rain, you know, it's scorching sun and it becomes a bit tropical and you can't breathe. But other than that, you know, it's bearable at least. So yeah, not complaining. It's a good place to survive a global heatwave, I guess.
Adam (01:45.806)
other than trying to stay cool. What have you been up to?
Ste (01:49.792)
Well, Dead Life, which is very intense and very nice and very intense. And yeah, working on projects on hardcover, chipping away at the stuff we've been working on. And just enjoying the summer, going out, grabbing coffees. Yeah. Going to cafes. I got a bunch of really good ones near me.
So, yeah.
Adam (02:20.991)
When you go to a cafe usually, what do you do? Do you get something to go? Do you bring work with you and set up shop there?
Ste (02:32.248)
Yeah, well, I never set up shop in a cafe because I've burned myself a few times with that, meaning that I drink way too much coffee and I think one hour in...
I'm beginning to feel very jittery, so I have to go do something else. So that kind of doesn't work. So I just go in, grab a coffee. Usually I've got a couple of nice ones where you can stay outside and drink a flat white or a nice latte, which is very, very good. Yeah, so mostly having the coffee.
over there. Sometimes they can get out and going out for a walk. A couple of them are near a churchyard, which is like literally like a church that has a yard and the yard is very nice. And there's lots of people like sunbathing and yeah, walking their dogs over there. So sitting out there with the coffee, just watching everything is pretty nice. And now walking the baby around that area as well. So yeah.
Adam (03:40.334)
Thanks for watching!
Ste (03:41.48)
I'll watch you.
Adam (03:44.955)
I think normally I like just bring my laptop, throw it in my backpack, and I usually get like a, like this time of year I'm getting like a cold brew usually instead. Or I really like nitro cold brew when they have that at some places.
Ste (03:57.685)
Nice.
Ste (04:02.956)
Okay, yeah, they don't have Nitro over here. I've tried it in a couple of places. I don't know if Starbucks had it, but none of those Mollecaf has had it. Yeah, that's very good. I feel you, yeah.
Adam (04:12.594)
Yeah. And, and then I'll just like sip that for, you know, maybe two hours ish and, and work and get some free water, maybe a, a pastry or something if I'm needing that additional sugar to fuel whatever I'm working on.
Ste (04:32.052)
Okay, that's good, so you can pace yourself.
Adam (04:35.614)
I usually only go with one coffee.
Ste (04:38.688)
Yeah, well, that's a skill. Yeah, for me, I don't know why. I usually like, whenever I did this, I set myself up to like not having more than one coffee, but I always end up ordering more. I don't know what's wrong. Even when there's tea and stuff on the menu, I just grab another coffee. I think it's like, yeah.
Adam (04:40.718)
Hehehe
Adam (05:02.63)
I think I also like just, you know, cause you know, this desk that I'm at right now is where I do probably 50% of the programming I do. And then maybe another 20% in cafes and then another 30% might be like in bed or on the couch.
Ste (05:20.288)
Okay, oh wow, okay, that's a pretty healthy percentage, like shuffling it around. Yeah.
Adam (05:26.826)
But having that having that a cafe is like that 20% is like the social part because it's like being around other people since I'm not going to an office or co-working spaces or anything like that.
Ste (05:40.6)
Yeah, that's nice. How do you find focusing in coffee shop environments while coding?
Adam (05:48.462)
I think if I have a, if I have like a task picked out ahead of time, and I know like I'm doing this one thing, then I can normally like just focus in on that. Especially if I can pick out something that I can probably get to a good stopping point by the time I'm done with my coffee.
Ste (06:06.164)
Okay, okay. Yeah, I mean you guys all figure out that's I should take note I mean, I think that's the way to actually, you know plan for it So you don't like get jittery after half an hour. Okay, that's very good
Adam (06:21.522)
And it's not often like I'll complete a big thing, but it's like, I'll, I'll chip away and get to a good stopping point where something's working. And I can feel like that sense of, um, like local completion, I guess.
Ste (06:35.764)
Okay, that's good. How are the coffee places around you?
Adam (06:41.374)
There are quite a few pretty good ones. There's, I think, like three local places that are all within walking distance, and then like another Starbucks and a couple others. I think there are two Starbucks within walking distance. But I, yeah, there's one called Public Coffee, which does like, they roast all their own beans here in Utah and they have like a huge facility for it. And...
Ste (06:58.294)
Okay.
Adam (07:10.222)
Yeah, they do a lot of really high quality coffee. I really like. Like if it's colder, I'll get like a pour over or something like that. But yeah.
Ste (07:21.3)
Nice. Okay, so pretty well stocked.
Adam (07:25.459)
I've tried, I've tried going to, there's like a, what is it? Like a beer garden and like getting a beer in programming, but I'm much less productive.
Ste (07:34.776)
Oh yeah. I bet. Yeah, that killed me. I mean, yeah, not even trying that. Yeah, well, that's nice. That's good. I mean, when you're not working from office, I can definitely, like I've tried to do it. And I think that's like the main reason why I'd try it out again. Being surrounded by people should enhance like your productivity.
Adam (07:38.208)
I'm gonna go.
Ste (08:02.156)
I guess, in theory.
Adam (08:04.49)
Yeah. It, it feels like you have less. I think this is like one of the reasons for people wanting like managers specifically wanting people to come back to offices is because you can like eke out more productivity by not having as many distractions, but it feels like a double a sword because there are lots of distractions in an office. There are lots of distractions in a coffee shop. So it's, you know, it could go either way. And it really just, I feel like it just depends on.
what works best for every individual.
Ste (08:35.12)
Yeah, exactly. Yeah. Co-working spaces, my dear. I have a couple of co-working spaces near, but they're like full to the brim. So I tried a couple of times to go there. I think you're supposed to go there six in the morning to actually like be able to grab a spot because all day they're, yeah, they're packed. So lots of people doing that over here, I guess.
Adam (08:57.986)
Hmm. Have you tried any of them yet or?
Ste (08:59.448)
Yeah. Well, I've tried a couple, some are good, some are like, I've tried the WeWorks, a couple of WeWorks, but I still prefer like, I got the nice home environment, this whole thing, so WeWork, oh man, especially, you know, now I can defer the commit, so.
Adam (09:22.45)
Yeah, there's one co-working space not too far from us, except it's far enough that, you know, if I was biking or walking there, I would be pretty drenched in sweat by the time I get there. So you kind of have to drive. But they do. There's a Reddit book club that meets there that I've been to. And it's a huge co-working space. Like it's like two stories and kind of open.
Ste (09:33.896)
I'm good. Yeah.
Adam (09:51.094)
Like you can look down from one story to the other, like open plan with like individual offices and cubicles and like big presentation rooms with projectors that hold like a hundred people. It's a really nice space. But like every time I think about like joining something like that, I think about like, for this to be worth it, I would have to go, like if I, to pay like a monthly fee, I'd have to go like.
Ste (09:54.407)
a while.
Adam (10:19.886)
two or three times a week. And that seems like way too much people time.
Ste (10:26.128)
Yeah, I know. Yeah, that and if it's like, I guess more than I think for me, it's about like 15 minutes walking, biking, not by bus. If it's farther than that, yeah, out of the question. And I'm in South London, so the co-working spaces are more up north. There's a couple of over here, but yeah, most of them are. But that's like if it's like further than that, that's a commute. And, you know.
Adam (10:41.624)
Yeah.
Adam (10:54.402)
Yeah, I could, I could definitely understand it for like a group of local people working together on something though. Like that would, that would probably be fun because that would like just amplify the energy of working together.
Ste (11:02.471)
Yeah.
Ste (11:08.708)
Yeah, I guess, I mean, for startups, for like stuff like that, definitely. But yeah, working from home works as well. When you're disciplined and when, you know, I think it requires a certain, if you're junior, it sucks. If you're senior, then that's when, you know, senior discipline means that it's way easier to work from home. If you're like just starting out, I mean, I can understand.
Adam (11:28.184)
Hmm.
Ste (11:39.312)
lots of people who are starting their careers and not liking the fact that nobody works in an office anymore because I guess now they have to chase people over calls and it's not the same learning. When you had someone hovering over you, I guess that would have been more of a pressure to do stuff. I remember that from my early days. It wasn't good, but...
Adam (11:57.896)
Yeah, no.
Ste (12:08.814)
Yeah.
Adam (12:09.83)
Yeah, I think like the whole mentoring experience remote is, it requires a lot more, it requires additional skills. Like, you know, you have to plan ahead, you have to, you know, budget time, you have to pre-anticipate meetings so that you're like checking in with people more often because you can't just like walk by every day and say, how's it going? It's yeah, it's additional planning work for sure.
Ste (12:34.588)
Yeah.
Ste (12:38.696)
Uh huh. Yeah. It's a tough spot anyways. Great. Yeah.
Adam (12:45.822)
I had a, I had one thing I was thinking about chatting about today. If you're down, um, I've been implementing the book page and like the more I get into it, the, I'm like really loving the direction it's going, like I'm like using it on staging. I was clicking around, like searching, finding books and it's like super fast on staging and seeing like the social parts of like, which of my friends I've read this.
Um, seeing top prompts for a book has been awesome. Uh, the one thing I was kind of like, I think we could probably improve on is, uh, like how we show all the, like books in a series, books in a list, those like groupings of books is such a, such a hard one to really hit. And as I was like using the actual site, I was realizing maybe there's some room here for something else. So I was wondering about like doing some pair design on that today.
Ste (13:31.34)
Mm-hmm.
Ste (13:41.905)
Mm-hmm.
Ste (13:45.808)
Yeah, that's perfect. I've actually wondered a few things around that myself, so it's good to jump in and make a few things. I know there's been some feedback on Discord as well that we can take into consideration. And yeah, displaying books and displaying users, maybe we can touch on that as well, displaying other people with a snapshot of their books might be...
you know, interesting. But yeah, first we can jump into like how we show books and see what we can do there. Should I share my Figma or do you wanna share and we can just jump in.
Adam (14:30.523)
I'll share real quick where we are on staging, and then we can switch over to Figma from there.
Ste (14:38.594)
Oh yeah, let's go.
Adam (14:40.31)
That way you can see, like a...
Adam (14:44.786)
in real life kind of thing. Okay, so let me share my screen.
Ste (14:48.304)
Let's do that.
Adam (14:57.91)
OK, so here is staging on a somewhat large monitor once it loads. Let me see.
Ste (15:03.74)
Mm-hmm.
Adam (15:14.954)
Are you able to see my screen there? Is it still loading? There we go. Cool. So here's an example for ballad of songbirds and snakes based on calculated colors from the cover. And some of these are also being calculated for the text color and the background color.
Ste (15:17.752)
Uh, wait, it's loading right now. Here we go.
Ste (15:44.112)
Nice. Look at that.
Adam (15:47.854)
Then friends who read this is like a little hover overlay for like the entire little vertical card there, a little icon if they have a review. And if these sections are empty, so there's three sections that potentially show up. There's friends who read this, friends who want to read this, and friends who are reading this. And each one will show up kind of like this as a header.
and then the list. And there's no limit on how many of them it'll show right now. So if you have 100 friends that have read it, it's going to show 100 icons right now. So let me open up Obsidian to take some notes here for things we might want to change here.
Ste (16:24.621)
Mm-hmm.
Ste (16:29.884)
Woo, okay, I mean.
Ste (16:37.828)
Yeah, I guess about how many are there on the bottom row? There's like seven, maybe eight, just limited. So they're on one row at this resolution. So that's MD, I guess, Intel Wind. On mobile, they can maybe scroll sideways. So we can just like scroll if, yeah, if there's more.
Adam (16:55.616)
Yeah.
Ste (17:08.604)
I'm guessing this is the case where if there are more friends, you would want to see, you know, if you have 100 friends, you would want to see just the first eight. So when you could, maybe you could click on the header and it could take you to a tab where you could see the friends, maybe under readers, I'm thinking.
So for readers, under readers, you'd see the friends first and you could expand those views. What do you think?
Adam (17:47.174)
Yeah, that could work for like kind of the information architecture of this. Like right now readers is, uh, kind of just an activity stream. So it's like all the recent. Yeah, it's, it's just like the feed of recent activity on this, but we could change that to be like an actual list of users rather than a list of activities.
Ste (17:51.996)
Yeah.
Ste (17:58.656)
Mm-hmm. Also, that's basically the activity.
Ste (18:14.22)
Yeah, maybe. Just maybe just let's note that down and see if it's a better alternative. Or it could be a scroll area, which you could horizontally scroll and maybe you could have scroll snap on it. So you wouldn't just do this.
Adam (18:36.982)
Oh yeah, so it's like, yeah, so it would be kind of like, you know, if this were scrolling but snapping at like.
Ste (18:43.312)
Mm-hmm. Yeah at the first. Oh, yeah, you wouldn't get Yeah Yeah, scroll snap is good for that as well, by the way for the books But all the new time
Adam (18:47.342)
partial. Yeah.
Adam (18:58.176)
Yeah.
Adam (19:05.214)
And then let's see. So yeah, this area right here for your info, it shows for dates read. So as soon as you add a new one, it'll
Add it in here, and you see it showed up in the background. And likewise, I think if you add some lists, the lists part was a little bit more tricky. So that one doesn't show up. But the first time you load the page, it'll load it. But it doesn't append them to an existing one.
Ste (19:29.476)
Nice. Whoo, that's snappy.
Ste (19:51.496)
Oh, wow. Okay. Well, that's still good. No one would mind a little load. Yeah.
Adam (19:58.13)
Yeah. And it'll still show up like, you know, here as soon as you do it. Same with the genres, like if you add a couple genres here and then a couple moods. I just kind of copied the existing one we had in the modal and didn't really do any work on improving it yet. Yeah, it added them like.
Ste (20:22.088)
Man, now that's perfect, yeah. Step by step, step by step.
Adam (20:27.338)
in the same style we currently have, just to get out there.
Ste (20:29.648)
Wow, that's nice. Yeah, that's perfect.
Adam (20:35.534)
Thank you.
Ste (20:35.565)
Sean was over there.
Ste (20:40.316)
Sorry about the background noise, I think my cat is wrestling her water bowls for some reason.
Adam (20:43.342)
I'm gonna go.
Adam (20:53.562)
And then I think for, let's say, what is it? Go to one that has quite a bit of activity on it. Something like Way of Kings has, like this is a part of multiple series and it's a part of multiple prompts.
Ste (21:08.889)
Mm-hmm.
Adam (21:14.366)
And so this is kind of where we get into that part. I was kind of most curious about, it's like how we structure this in a way that like, shows the series, shows this info kind of like we have in the mockups, but then makes it easy to understand like where this book exists in the series, what other books are in it. And this is kind of a rough case because there's a lot of
Ste (21:21.799)
Mm-hmm.
Adam (21:43.626)
duplicates because I haven't cleaned the data. But normally, this would only have like.
Ste (21:45.07)
Oh yeah.
Adam (21:50.878)
four that are released and then the next one is would be like a placeholder.
Ste (21:55.908)
Gotcha. Okay, so what are we thinking? What would you want to see over here? What would you expect?
Adam (22:07.903)
I think I'd like to see, in terms of where I'd like to go from here, I'd like to be able to go to either the series page or potentially the next book in the series that I haven't read or the next book in the series after the current one. I think those are kind of the most common use cases. So I'm in the Stormlight Archive and I could,
Ste (22:23.845)
Mmm.
Adam (22:35.622)
easily see which books in the series I've already read to know, like, oh, I'm on book four because I've read the first three or something like that.
Ste (22:44.099)
Mm-hmm.
Okay, so that would be on the series page, right? Or would you wanna see it on this page as well?
Adam (22:53.45)
Um, seeing it on here would be really cool, because then you could jump, you could, it would give you more of a reason to explore the series if you already know you've read part of it.
Ste (23:03.341)
Mm-hmm.
Ste (23:08.423)
Yeah.
But while the title was actually in Romanian for some reason.
Adam (23:20.67)
And then for prompts, it's kind of similar there. I'm just picking out the top, right now it's showing the top three prompts that have the most total user votes for that book. So it's not necessarily the prompts that has that book at the top, because someone could create a prompt, it could have one vote, and that book could be the top, but that's only one vote for that book. So these are the...
Ste (23:47.303)
Oh yeah.
Adam (23:50.754)
the prompts that had the most votes for that book. Like this one has four votes for it, for instance. And this one has like probably three or something. Yeah, five. So yeah.
Ste (24:08.396)
Okay, that's good. Well, over here, do you wanna jump over in Figma and mock a few things up? So let's go over here in Figma. There's the book page where, here we go.
Adam (24:15.697)
Yeah, sounds great.
Ste (24:30.736)
Yeah, over here. So for this one, yeah.
Adam (24:33.977)
Cool. Do you wanna share for this part?
Adam (24:41.54)
I'll be following you on Figma too.
Ste (24:44.116)
Okay, wait.
Ste (24:53.756)
Okay, so here we go.
Ste (25:00.761)
So right now this is the book page. You have all these things we have on the live page as well. And this is kind of like how the books are shown, but of course some of them have different heights. Some of them have different widths. So I'm just gonna
a few things over here to get closer.
this.
just like this. So yeah, this is kind of like how it's showing now.
Ste (25:44.932)
Over here, I think the one thing we could do, so we want to see an overview of the series. Let's start with the series. So we have the series, let me copy that over here. And we'd want to see an overview, but also we'd want to see which book we're currently at, or let's say we...
This is the current book, right? This is the next one after it.
Ste (26:25.492)
Um, you're thinking to have more info at this level, meaning, uh, show maybe the book titles over here or, um, showing anything else, uh, other than the covers and the place that they have in, in the series. I'm trying. Yeah.
Adam (26:48.015)
That's one of the things I'm wondering, is if we need to show the title somewhere, or if we can just show the cover. Just showing the cover would be the easiest, but then we, you can't really, some covers you can't tell what the book is.
Ste (27:10.712)
Yeah, that's true. Let me jump in here because we have cover plus title plus description plus book button that maybe we could use. And we also have a few book views that might be useful. So we have these that...
Adam (27:36.683)
Hmm
Ste (27:39.112)
could maybe use. These are different levels of information for a book. Let me paste these too. So we have these over here.
Ste (28:00.852)
and
Ste (28:04.504)
have this view and I think there was another view. So this is the user view that has just the covers as well. What we want is something that features a bit of view, right? There's also this. So we could also take this one with the title underneath.
Adam (28:23.963)
Mm-hmm.
Ste (28:32.348)
What do you think about all this? I mean, feel free to interrupt me while I'm just dragging stuff around. If you have any ideas.
Adam (28:41.215)
Yeah, I was just thinking about like...
Ste (28:50.117)
or this.
Adam (28:53.203)
One of the things someone mentioned was like, you know, making them uniform size. So I was even thinking about that at the same time, but.
Ste (29:00.492)
Mm-hmm. Yeah, uniform size would basically be having, now we have a fixed width, so with a fixed width, the height varies. So if it's a square book cover, you're going to have something like this. If...
Adam (29:19.426)
And we can make that uniform height and width, but then it would stretch it if it's originally a square cover.
Ste (29:30.124)
Oh yeah, definitely. So I think that option would be out of the question because it would also cut the cover. So you wouldn't wanna see this. You wouldn't wanna see this. So I think the only other option different from fixed width would be fixed height. So each book would have a fixed height, but.
The problem is that many of our lists contain audio books and hard covers and paperbacks. And for audio books, you kind of get something like this. So you might have a few books which appear really tiny, even though they're like hard covers, and you will get these huge books, which will be the audio books. So you'll get stuff like this most probably, right?
Adam (30:28.082)
Yeah, and one of the things we could do is like the cover we could show here is going to be whatever the default cover is for the book. And that default cover is ideally the physical version, not the audio version. So maybe that's more of a sign that that's kind of
Ste (30:50.582)
Mm-hmm.
Adam (30:54.202)
wrong data for that book. Like that book's cover actually needs to be switched from the audio one to the physical one. So maybe we could probably assume that in the long run for data, most of our covers are going to be this size or you know this like not square. But then for books that only have an audio recording out and don't have a like any other formats released, those will
Ste (31:14.926)
Mm-hmm.
Ste (31:27.91)
Yeah, that's a good rule of thumb. I mean, on the long run, most of the books should look like this. If there's a book that's like audio only, maybe it shouldn't even like be, it wouldn't have to be in the same list or maybe it's not likely to be on the same list with physical books or on the same prompt. So, yeah.
That's that. And even if it's square, having a square cover every now and then wouldn't be too bad, I'm guessing. And it's a way, like you said, to flag books which have the wrong book data. So I'm guessing we can make them equal heights and just solve that.
Adam (32:13.198)
Mm-hmm.
Adam (32:20.49)
Yeah, yeah, I think, I think equal height. I think equal height's probably better than equal with, but.
Ste (32:20.616)
What do you think?
Ste (32:27.576)
Yeah, I know some people love the idea that it looks like a bookshelf when you have different heights, but I'm guessing this is tidier.
Adam (32:38.866)
Yeah, like just like going back to the page I just showed on staging and seeing it like just jump back and forth for height, like just seeing it in the mockup with different widths looks, looks better. So yeah, I'm down to, I can switch it over to that and we can just see how it looks with real data.
Ste (32:52.337)
Mm-hmm.
Ste (32:58.52)
Yeah, let's do that. And if we have, I mean, right now we have readers suggesting that equal height would be better if we'll switch it to equal height and we'll have people complaining that it doesn't look like a bookshelf anymore. If their voices are strong enough, we can consider switching or maybe, let's see.
Adam (33:18.738)
Yeah. And then for how we show this kind of series for something that has enough books that we can't just show them all in one row, I guess one option is that we just flex wrap it and just put it on the next line and then just wrap it until however many books we want to show are done.
Ste (33:31.682)
Mm-hmm.
Ste (33:43.035)
Mm-hmm.
Adam (33:48.65)
Yeah, kind of like those three rows. Yeah, exactly.
Ste (33:48.728)
Yes, I actually did. Yep. I was actually thinking, yeah, Figma has a wrapping option now. So, yeah, they just put it in the... So, if you do this and wrap them, yeah, they're just doing that. So, I was thinking at first we could have a shelf view.
and grid view so that the grid view is actually, you know, on mobile. It can render like this. I know we talked about having a grid view and I think it's needed. So, whenever we'd show books, we could either show them as a horizontal shelf or we could show them as a grid. I was also thinking that each cover could...
have a variant if it's a ranked list or a prompt so that we can use these components for ranking, which we made to actually show the rank. But that's another discussion. I just wanted to mention it since we were over here. And the ranking, I was thinking it could go either above the book for the shelf view or like in this corner.
for that review, but yeah, that's just.
for a suggestion. But this, how is it looking? What do you think?
Adam (35:16.842)
Yeah.
Adam (35:20.398)
I'm yeah, I like it. I think, uh, I think I like it more than the idea of like scrolling horizontally, both on mobile and on desktop, especially on desktop where. Like, I don't want to be like scrolling a page, then have to scroll sideways, then scroll up more than scroll sideways and scroll up more and scroll sideways. I'd rather just like scroll up and eventually see it all.
Ste (35:30.658)
Mm-hmm.
Ste (35:41.735)
Yeah.
Ste (35:45.316)
Yeah, definitely. For lists that have a lot of books, would you show just the first number, like, I don't know, eight books? Or would you have a load more thing to show you as many books as you want? What do you think?
Adam (36:07.959)
I think showing just a set number, like maybe if we're on mobile, if it's like three by three and it's like nine or something, or if it's on desktop.
Ste (36:21.625)
Mm-hmm.
Adam (36:28.27)
maybe because on desktop you can show like how many show in a row like at our current width we can see about six and a half on a row so we could show like two rows on desktop.
Ste (36:42.416)
Yeah, 12 is pretty good.
Adam (36:48.15)
and
Adam (36:52.191)
Yeah.
Adam (36:57.322)
And that's assuming we span the books over the entire container and don't have a two-column side, part of it with a description and title and then books on the side. If we keep it linearly down, so it's title, books, title, books, which?
Ste (37:21.155)
Mm-hmm.
Adam (37:26.614)
Which I'm okay with, because I feel like if we try to split it up into multiple columns, the only way that would work is if we don't have people clicking on the individual books, because that kind of gets into how our current prompts page is.
Ste (37:26.705)
Yeah.
Ste (37:43.748)
Yeah, and that seems like a messy layout. I know we did a bunch of those layouts at first, and it's pretty hard to manage the text on one side and results on the other column, especially how it adapts on mobile. I find that it's quite confusing.
Adam (38:03.319)
Hmm.
Adam (38:11.493)
There was one on the profile page that was straight. It was like down and left a bit.
Ste (38:14.424)
Yeah, or is it the-
Adam (38:21.222)
Yeah, it's... Yeah, I think... Like, and this is what's... this is a wider width too, I think.
Ste (38:21.932)
Yeah, over here, yeah. That's the one, yeah.
Ste (38:32.044)
Yeah, it is a wider width. So even with this wider width, it seems a little bit off because see, here the info is kind of getting cramped. You don't have the books and any resolution that's a little lower than this, you have to rethink the whole thing. So I think this layout works way better with all the info here. You can even put the description underneath. I put this underneath.
because it was over here and you mentioned the title might be longer. And if we have this information, which is fixed. So let's say we have only four people, uh, showing as a maximum number of users, then you have this button, which is fixed. And then you have the created by that's like, uh, fixed, uh, there's nothing variable in there.
Adam (39:27.276)
Yeah.
Ste (39:29.036)
So yeah, this is looking good. I think it will be like much tidier if we do that. That's fixed height and showing the books on a grid. I think that's gonna be nice.
Adam (39:46.794)
Yeah, show basically two rows of folks on desktop view.
Ste (39:57.636)
Yeah. What do you think about the ranking? Could we use this for series as well, or should we use this one? I was thinking if we could do maybe, what, not the pound symbol. God damn it, my keyboard is going to fix on me. So if we do this.
Adam (40:11.88)
Hmm.
Adam (40:24.498)
Yeah, I think the text on it might get a little harder to read since sometimes it might be like book 11.5 or something.
Ste (40:27.824)
Yeah.
Ste (40:34.164)
Oh, God, yeah, I forgot about those. Okay, let's keep it like that. This is basically a label. So it's this component, or I don't know what we have in code, but yeah, in Figma is this one.
Adam (40:47.086)
Mm-hmm. OK. Yeah. That works for it. And it's kind of that, but with no rounded border on the bottom part.
Ste (40:51.064)
or it could be count. Yeah.
Ste (40:59.undefined)
Yeah, exactly. Yeah. It could be a variant for prompts. Oh, for series. Sorry.
Adam (41:08.07)
Yeah.
Ste (41:12.868)
I'm also thinking we could do a version with compacts, even more compacts covers, kind of like we have on this page. But I don't know. I guess that wouldn't be really useful. You want to see the books, right? That's the main thing. So I was thinking how weatherbox does it with those.
movie posters cramped one next to the other.
Adam (41:46.866)
Maybe what about something like that for like the list, like on the books page, there's a one called lists, which is like all of the lists that this book appears on. And maybe for that page, showing it in this format might be a little overwhelming because let's say a book's on 100 lists. If you have 100 lists and each one has 100 books on it,
Ste (41:59.999)
Mm-hmm.
Adam (42:17.134)
That's a lot of potential places to explore. Maybe you're, if you're going to the list page, you're trying to get to another list. And so it makes sense to maybe have a different view that doesn't allow you to click on the individual books.
Ste (42:33.192)
Mm-hmm. Yeah, that sounds good. So over here, you would click on the individual books, but the list is more of a preview. So maybe, yeah, we could just have the smaller version of these covers. Let's say you only have like these, and you have this, and you have this, and you have this kind of spacing. Here we go. And...
Let me actually put these on the list page. Lists, here we go. This is what I was thinking at first, but.
Ste (43:14.224)
The thing is the more universal we make these components and the more we can reuse these views, I think the better. So I think if we have sort of like all this view, maybe we wouldn't like name even name it all this view. Maybe it would be like a compact view or something so that we can use it in other places as well. What do you think?
Adam (43:33.958)
I, yeah, in the code, the one I have is called a book group. And then for each book group, you can pass in like a header component, which is how, which shows you how the part before it's displayed. And then you can pass in like an item component, which shows how every individual book is displayed. So that way you can like.
Ste (43:40.426)
Oh, here we go. Yeah.
Ste (43:59.311)
Nice.
Adam (44:00.634)
use the badge on the top or badge on the bottom, that kind of thing.
Ste (44:06.864)
That's good, yeah. Okay, so already anticipated that. Why am I not surprised?
Adam (44:13.583)
But this, like having it as two columns, that one I'll probably have to change to make like, pass in some additional options.
Ste (44:20.856)
Yeah, I don't know. Maybe we could do it like this, and we could just put the items onto columns. So we'd have... So this is the old layout. So the new... Let me get the new width. So the new width is...
Adam (44:28.43)
Hmm.
Ste (44:44.68)
12 columns but it's center 45 12.
Ste (44:52.516)
I just do my grids like this in Figma. I don't know if there's like another way to do it, but I just remember numbers.
Adam (45:02.675)
Hey, I spent years at just 960, 12 columns.
Ste (45:07.128)
If you
Adam (45:09.848)
That's like the number that I associate with grid still, even though that was probably like IE6.
Ste (45:17.472)
Yeah. They burn into your head after using them for a while. Actually, let's do this because if we, maybe we can normalize the book, the cover sizes as well. I was going to look in the code, but here in Figma we have four cover sizes. So this is LG, this is MD, this is SM,
Adam (45:21.441)
Yep.
Adam (45:41.61)
Mm.
Ste (45:46.188)
excess. I don't know if we have, do we have four in the code or?
Adam (45:53.138)
Right now, every place we use a cover, we pass in a height or a width and it'll calculate the other one based on the proportions. But I do want to switch to that component style of those four because right now that also means like we're not optimizing our book preload images because like you view an image on one
Ste (46:03.622)
Okay, okay.
Adam (46:20.906)
and you go to another page and you, it's like eight pixels smaller, but it's a different whole web request instead of a cached request. So yeah, narrowing it down to those four models would be great.
Ste (46:29.573)
Okay, gotcha, okay, so that.
Okay, that's cool. Yeah, you can take the sizes from here. This is 180 by 280. I mean, they work. We can definitely see how they work in production, but in designs, they work pretty well. So over here, yeah, we could actually put, like, the whole list component on two columns. So it's, like, one next to the other. And we can even, like, let's see, do this. And there's, like...
Adam (47:01.294)
Thanks for watching!
Ste (47:03.772)
so they have a bit more space. Yeah.
Adam (47:04.462)
Oh, yeah. That does. It does look good. Yeah, I think I. I mean, it's.
I think, yeah, I think that's, it looks less daunting than seeing a big list and trying to like browse the books on the list. It's kind of telling you like, okay, to engage with this list, you should go to the list page, not engage with it here.
Ste (47:35.176)
Mm-hmm. Yeah, I mean, if you like that, I kind of like it as well. I mean, it's pretty good to let users navigate to the list page and have maybe either the last added books here or the most popular. I don't know which one. We can put the last added. I'm guessing that's easier from a data perspective.
Adam (48:06.095)
Yeah, we could sort by popularity of the book, but then people might see the same first book as like 1984 or something for a whole bunch of books. It could be the highest rated book or the most read on hardcover or.
Ste (48:13.84)
Hmm. Oh, yeah. Yeah
Ste (48:23.656)
Mm-hmm.
I'm guessing if you see this on the book page, maybe you want the actual book you're on to appear first, but I'm not sure if that's like... We can not do that. I mean, you can find it in this list. You can just like take our word that it's there, even if you don't see it in this preview.
Adam (48:36.042)
Mm.
Adam (48:50.85)
Yeah, yeah, trying to get to like both the, your engagement with this list and your like followers or people you follow as engagement with this list, that would be, that would change it from being like, like for this, we could cache this entire page for everyone because everyone's seeing the same thing. That's changing it to be dynamic per person, which would make it really cool, but would be.
Ste (49:13.852)
Mm-hmm. Oh, yeah
Adam (49:21.246)
it would probably be loaded on the client side rather than on the server side.
Ste (49:25.204)
Oh yeah, well, let's not do that. I mean, it's better to just have it. And if they go to the book page, they're gonna see the book. I'm thinking for when this is on the actual book page. See, so when you're here and if you're seeing some lists over here, maybe.
Ste (49:51.42)
little bit bigger. I was thinking if you see this list, yeah, maybe have this book first all the time, but...
Adam (50:02.126)
Hmm. So let's see. So this is like an example of a long title for a list. Let me copy that over just to see what that would look like.
Ste (50:12.248)
Oh yeah, it's over here as well. It's going to go on two rows.
Adam (50:24.83)
I was gonna edit the Stripe Pressbooks to be this. But I apparently, I just posted in the Riverside chat, but I apparently don't have one of the fonts, so it wouldn't let me.
Ste (50:37.169)
No.
Ste (50:40.796)
Oh crap, just paste it anywhere and I'll copy it. I think I put it on the drive.
Adam (50:48.554)
I think you did, I just haven't loaded it.
Ste (50:50.888)
There we go. Da da da, up.
Ste (50:56.615)
This will probably be like...
Ste (51:01.72)
It would even do this. So yeah, that's a good.
Adam (51:10.899)
Yeah, it looks good.
Ste (51:14.1)
It's not ideal. Maybe we can, let's try to make it on one row. See how that looks like, just like get this out of the way. So we have the compact view. Sorry about this. I don't know why I don't zoom in sometimes.
Ste (51:37.372)
Let me, oh, God, what am I doing? Let's just make it longer and put it underneath. Okay, so maybe we take this and take this and, yeah, just put this over here and this over here.
or the other way around.
Ste (52:03.276)
What do you think? Actually, maybe just remove the button as well to make readers go to the actual page if they want to bookmark it.
Adam (52:18.694)
Yeah, let's see. So the other things we could have on here were like number of books, whether that's like here or there.
Ste (52:27.14)
actually put.
Ste (52:31.352)
Yeah, we could put it here because it's more of a fixed, you know, you could get the username, which is file cover and get like a thousand books in here. Yeah. And this is good. And the mobile, this can just come underneath. So.
Ste (52:53.113)
It could be this.
Adam (52:55.935)
Let's see...
Adam (53:02.72)
It's funny how we went from like, let's do it vertically, to let's do it sideways. And it just makes sense, like, yeah.
I guess.
Adam (53:19.742)
Yeah, I guess there's like different intents. So this is a good one for like when we're showing it small or maybe like there we have three sizes of it. Like I think we're thinking about it like in three sizes. One is like the full size where it's like, this is gonna take up the entire width. You can explore the books. One of it's like, this is gonna take up a full size, but you can't explore the books. And then it's like, this is gonna take up half size and you can't explore the books. So it feels like all three of them are useful, but just in different contexts.
Ste (53:36.223)
Mm-hmm.
Ste (53:49.392)
Mm-hmm. Well, that's great. I mean, you actually mentioned a really, really important thing over, uh, yeah, over now, uh, because we should be thinking about the use cases and yeah, I think those are the use cases. When you're on the book page, you'd want to see info about that book. Uh, but maybe you wouldn't want to navigate very easily, uh, to other books.
because you want to get focused on this one. So this is a view which allows you to do that. It offers info without, you know, letting you navigate so easily. You can see the list.
Adam (54:35.91)
Yeah, yeah, maybe like the series one is like the one that would be the full the full view and maybe a prompt one might be more like this uh this secondary like full width but you can't click on the other books one and then the top lists might be more in this half width kind of part.
Ste (54:45.693)
Mm-hmm.
Ste (55:05.251)
Mm-hmm.
Adam (55:06.366)
And that would also really change up the flow of the book page, because it wouldn't be all these lists that all look the same. It would be three different types of lists, each with its own style to it.
Ste (55:21.54)
Yeah, I kind of like that. I mean, it's, if we organize these views so we can reuse them in other places. So if this one's for lists, if we have this one for prompts and a wider one for series, I think that'll work.
What do you think? Does it cover?
Adam (55:54.314)
I think it's... I think it...
Adam (55:59.838)
It kind of could work for all three of them. Like there could be a large, medium, and small view for a prompt, a list, or a series. And maybe the large view of any of them looks kind of like this with the full size ability to click on it. The medium view for each of them looks kind of like this, where it's
Ste (56:22.595)
Mm-hmm.
Adam (56:27.37)
It's on one line and it's like that. And then the small view for each of them is the like half width one.
Ste (56:36.069)
The one over here, right?
Adam (56:39.424)
Yeah.
Ste (56:41.828)
Yeah, that's great. I love that, yeah. I think that's actually the missing piece.
So you'd be able to specify what kind of view you want, if it's like for a prompt or a series or a list, and maybe further down the line, maybe if it's for a discussion, let's say, and you could then specify, yeah, the actual level, like size you want for it. Yeah, I think that would work great.
Adam (57:03.799)
Yeah.
Adam (57:13.77)
Yeah, yeah, I'm liking that. And specifying the size of the book group would also then have a set size for what the covers are for that size. So like the large view for prompts, lists, and series is all this size covers. The medium size for all three of them is always this size covers.
Ste (57:43.78)
Yeah, that's very organized. I'm wondering one thing, could we also do that for when we show a user and their books? Because I've been playing around with ways to show other readers on hardcover and show a glimpse of what they're reading. So I'm thinking maybe we could use or, yeah.
either these views as they are with different info over here. So you'd have the username, you'd have the follow button, and you'd have either their latest reads with big covers, with smaller covers, or I'm guessing, yeah, we could make a separate component for that, but maybe keep it along the same lines as this.
What do you think?
Adam (58:37.905)
Yeah, yeah. I'm trying to imagine the intent of it. This is like when you're seeing a list of users somewhere.
Ste (58:45.528)
Yeah, exactly. So for instance, when you're on the Readers on Hardcover page and you want to filter people by similarity, these are some of the options that I was exploring. But I'm guessing it would be there to have them. So this is what we have now. This is like the equivalent of that. Maybe we can.
Adam (58:51.966)
Mm-hmm.
Adam (59:10.726)
Yeah. Yeah, we could.
Ste (59:13.98)
use these views. That's why I was thinking we could use like these covers to match them with this info and yeah, basically make a component for showing people as well with different levels of info. So let me jump. Where was that? Kind of like this. See? So you have an X, S, an S, an M. Well, this is for authors, but yeah. Kind of like...
Adam (59:32.039)
Mm-hmm.
Adam (59:37.934)
Hmm. What are you thinking of the sheep icons for? I like it, but I don't know.
Ste (59:46.429)
That was for follow. I was playing around. Yeah, it's pretty good. Look at this. It's a sheep. Yeah, it's for following, but yeah, it was just one of the experiments. I don't know if that would actually catch.
Adam (59:49.898)
I mean, I mean, I like it, but.
Adam (59:56.216)
Hmm.
Adam (01:00:00.29)
Yeah.
Adam (01:00:05.234)
It's like, join their flock.
Ste (01:00:07.584)
Yeah, exactly. Yeah, that was it. Yeah, that wouldn't be too bad. Some people might be offended. Yeah, it might be worth, but yeah, let's just, yeah, let's just say follow. We'll save the ship icon for somewhere else.
Adam (01:00:10.67)
I'm gonna go to bed.
Adam (01:00:15.726)
Hehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehehe
Adam (01:00:23.307)
Hehehe
But yeah, this, yeah, trying to, yeah, to get the, I think using the similar user cards or using the similar thing with users could work. But I think I like this even more for a user. But this, but I guess it really depends on the context for when we get there. Because we might wanna show, like, yeah, depending on.
Ste (01:00:27.302)
Yeah.
Ste (01:00:47.272)
for a user, okay, yeah.
Mm-hmm. Yeah, definitely. Some books, right? Oh, yeah. Here we go.
Adam (01:00:56.302)
depending on what information is important to show. Like if it's like what they're currently reading or if it's like here are their favorite reads of all time or like here are books you have in common. But yeah, like that, favorite books.
Ste (01:01:09.165)
Mm-hmm
Ste (01:01:13.266)
Yeah.
Okay, that's great. Yeah. If we can do like the size thing for this one, I think it would work great. So size implies the level of information as well as the actual size. That's kind of like the thing here, right? And level interactivity as well.
Adam (01:01:17.058)
But yeah.
Adam (01:01:33.715)
Yeah, like this.
Adam (01:01:38.73)
for something like this component right here. If I clicked on someone's profile on the mobile app and I saw this at the top, I think that would be pretty great. This is a lot of detailed, precise information about the user. It's almost like a mini profile, but.
Did you have a space in mind you were thinking for like where we might show people something like this?
Ste (01:02:04.782)
Mm-hmm.
Ste (01:02:10.132)
I was thinking maybe either you know how Twitter has the hover cards on desktop, where yeah, you just hover over someone's profile. That would be on desktop and on mobile, maybe on the explore page where you can basically find other readers. I think the readers page, which is actually the supporters page right now.
Adam (01:02:35.342)
Thanks for watching!
Ste (01:02:38.336)
is a good place to, yeah, find other readers, or if we introduce it in search. So when you search for...
Adam (01:02:46.414)
Hmm.
Ste (01:02:49.372)
Something. Yeah. You can find like an author or you could find a reader and it uses the same component So for an author you'd get their books for either you'd get like their favorite reads or they're their latest reads And we can even make it so that's for supporters You know it shows your favorite books for everyone else shows the latest books they've read so Yeah just
Adam (01:02:49.43)
Like an author or something.
Ste (01:03:16.264)
pages like this one where you would be able to look for readers that are similar to you. Yeah.
Adam (01:03:26.698)
Yeah. Yeah, I think that would be really cool. So, yeah.
Ste (01:03:31.384)
Nice. Yeah. Just preparing like the ground for that as well. But this is great. This is like, I think it was the missing link because it ties everything together. And if for the ranked like lists or the ranked places, the places where we show ranked books, like prompts.
uh we can show something like this i don't know would that be would that be nice like having it like this so it's either like this or above uh so above the book
Adam (01:04:08.81)
Yeah.
Adam (01:04:12.396)
Um...
Adam (01:04:27.089)
Mm-hmm.
Ste (01:04:30.288)
Yeah, I was thinking that if we put it above, it doesn't work so great in grid view because you know, it's kind of like puts everything.
Adam (01:04:30.505)
Yeah.
Ste (01:04:39.72)
It's everything.
Ste (01:04:43.912)
further down.
Adam (01:04:46.546)
One thing I was thinking for this, and I haven't put too much thought into it, but let me try to join you where you are to see.
Ste (01:04:57.26)
Oh yeah, just step on my name. I'm in the UI library.
Adam (01:05:01.867)
is something like...
Adam (01:05:07.806)
Oh, stop falling. It's a kind of this idea where, you know, where like Amazon and other places have like the little turn, like book turn thing on the bottom right corner where it's like look inside. A lot of people use that as like a spot for additional information about a book. But it feels kind of hidden away. So I don't know.
Ste (01:05:24.844)
Mmm, yeah.
Adam (01:05:37.334)
I guess I don't have a super strong preference on the corner or the top. So I'd, uh, I'd go with whatever one you're, you're most, uh, most excited about.
Ste (01:05:48.092)
Yeah, well, I think this one for spacing reasons works best. So, you know, just playing around with it. It kind of works well, but I think for the positioning, we can actually make it into a component and see if, you know, over here, I'm using the cover component, and it's just the positioning that changes. So, for...
The shelves, I like this one, but for the grids, I like it in this corner. And even if it's like over the book, it doesn't take up too much space.
Adam (01:06:23.342)
Mm-hmm. Yeah, I think.
Yeah, so this would be useful for, like when we have a prompt and we're showing the top books in a prompt, when we have a list that's a ranked list, we could show it for a ranked list. Are there other, yeah, okay. And it also makes me wonder, maybe we don't need to show the numbers for everything. Maybe we only need to show one, two, and three. And then after that, we stop showing the numbers. That way it's...
Ste (01:06:39.176)
Mm-hmm.
Ste (01:06:42.528)
Mm-hmm. Yeah, those would be the cases. Yeah.
Ste (01:06:58.352)
Yeah, that's right.
Ste (01:07:04.528)
Yeah, it can be just that.
Adam (01:07:06.627)
And that would also remove the concern about like, this is the 10th thing in the list, this is the 24th thing in the list.
Ste (01:07:15.668)
Oh yeah, I actually made it up to 99. So it's a bit cramped, but we can even make it smaller for, but yeah, maybe we can show just the top three.
Adam (01:07:18.473)
Hehehehe
Adam (01:07:22.606)
Hmm.
Adam (01:07:26.133)
Oh yeah.
Ste (01:07:31.808)
else we can use like the count the count label also looks good so
Adam (01:07:32.13)
Yeah.
Adam (01:07:40.33)
I do like that badge label. I think it, it's, it, uh, it, it has more impact on like, uh, importance to me.
Ste (01:07:42.616)
Yeah, that's nice.
Ste (01:07:49.62)
Mm-hmm. Yeah, I agree. That's good. Yeah, it's good work. Let's say 95, 85, 65. Okay, yeah. Let's try 88, 88. Ah, kinda cramped, 99. What's the one?
Adam (01:08:03.334)
88.
Adam (01:08:08.294)
Yeah, yeah, it still fits.
Ste (01:08:13.068)
Yeah, it fits like barely. We can make it a bit smaller. I mean, if we implement it, yeah, we could try showing it like this. See if it works. I can't, okay. This is, oh yeah, this is actually like the default size. This is the size in Figma. Nice.
Adam (01:08:26.335)
I'll uh...
Adam (01:08:37.522)
Well, once I implement it, it'll be easy to try out on a list of any number. So we can kind of just play with it and see if we want to add it to all of them or just keep it to the top three. But yeah, I think that's good. Well, I think I got some of my design questions answered for the book page. So yeah, I'm excited to try.
Ste (01:08:51.602)
Yeah.
That sounds good.
Adam (01:09:06.862)
implementing like this right here, what you're showing, like for series and prompts and lists. I think that'll be really cool.
Ste (01:09:17.632)
Yeah, it's great to have all these views because, yeah, organizing big amounts of books and data and big libraries, I think, is one of our strong suits. So this would make it even stronger. I know we have the ListView and the CardView and the ShowView for lists.
Ste (01:09:46.684)
higher level views to that level as well. So this, yeah, it looks exciting.
Adam (01:09:53.826)
So I guess the last kind of question I have for you about these three types of lists, these two and the half size one, is should we have any kind of visual distinction around that list item, or should it kind of float freely, or should it have like a divider between them, or border around it, or gradients?
Just thinking like we had this gradient up here. And when I tried this gradient on like the actual page, it felt a little busy, but.
Ste (01:10:24.224)
Yeah, that's a good question.
Ste (01:10:36.008)
Uh-huh. Yeah, that's why I limited it to just this width, but maybe with a five pixel negative margin over here, and maybe with hidden overflow if you're scrolling. So you just have, if you have like multiple looks over here, it would just like show like this, which is pretty similar to how we're showing it right now, except that this is a gradient, so it kind of like fades away.
Adam (01:11:00.98)
Yeah.
Ste (01:11:03.664)
But yeah, for that specific question, I don't know, would you see any borders? I know we started off designing HayaCover with lots of borders, but right now I think I'm a fan of like not eliminating borders wherever possible and trying to actually like separate the information without them. We could use these like really faded borders, but...
This seems like a tad thinner. Yeah.
Adam (01:11:35.966)
Or it could be, it could be between groups. So like, if there are, well, I was thinking like, if there are multiple prompts, and then there are multiple series, and there are multiple lists, it would kind of be between the, like the group of series and the group of lists. But oftentimes there might only be one series. So it's kind of just putting a border around one.
Ste (01:11:56.26)
Yeah.
Yeah, well, let's put a border around it because if we use this like dark, whatever we have, dark gray 600, I think, yeah, it's not, it's pretty subtle. So I'd say go for it and we can like eliminate it further along, you know, if we feel like it's too much.
Adam (01:12:28.114)
Yeah, yeah, I think I like it.
Ste (01:12:31.308)
Yeah, let's put it there and...
Let's see.
I was the same, but trying stuff out, I know we had even more borders when we started out the first designs. Yeah, now eliminating them, but we'll have them over here as well. So yeah, let's just leave them there.
Adam (01:12:58.61)
Oh yeah, you're right. It does match the review page and so yeah, I like that.
Ste (01:12:59.058)
Let's go.
Ste (01:13:03.393)
Mm-hmm. Yeah.
Adam (01:13:06.506)
Wow, cool.
Ste (01:13:07.108)
Yeah, this is looking good.
Ste (01:13:11.736)
Nice, good progress.
Adam (01:13:11.85)
I think that's a good stopping point. And yeah, I'll probably try to get most of this in today on the book page and we can see how it looks.
Ste (01:13:22.772)
nice oh that sounds good you've been moving you know at a pace i've been trying to keep up but lots of duties on my plate but yeah that's good
Adam (01:13:32.69)
I, yeah, it feels like we're finally getting to that point where we're almost done with this current phase of work. I feel like the, the book page and then just kind of cleaning up everything that we've already done will be a good stopping point. And I'm, I'm not planning on doing all of the other parts of the book page, like redoing the reviews page or redoing the prompts page yet, but we can, they'll be working so we can at least improve them one by one.
Ste (01:13:47.089)
Yeah.
Ste (01:14:02.584)
Yeah, that's great. This move to the new like router, app router is very, you know, hefty. So let's just get this shipped because the app will move with the search and everything we're updating. It will look like a whole different thing anyway. So yeah, looks exciting.
Adam (01:14:23.188)
Yeah.
Adam (01:14:27.278)
for, well, yeah.
Ste (01:14:27.332)
Nice. Well, I think we can wrap it up. Hardcover number, what is that? I always forget. It's like 16, is it 16?
Adam (01:14:32.174)
I'm sorry.
Adam (01:14:38.039)
I don't even look until I'm posting it, so I don't know. But yeah, good talk. Yeah, well, talk to you later.
Ste (01:14:41.824)
Okay, let's say 16. Yeah, that's perfect. Well...
Have a good one and goodbye everybody. Bye bye.
Adam (01:14:54.746)
Bye.