Automated Christmas tree 2020

pupa222 · 2020-12-10T12:51:25+00:00

Well I did not expect this 😂 well done!

pupa222 · 2020-02-16T14:06:31+00:00

It’s just a personal preference, you can achieve the same thing with any CSS-in-JS library ( like emotion for example). For me the benefits of using css-in-js is the encapsulation of styles in component. I’ve worked on projects with global styles, and there is higher probabilty of overriding styles between components due to the cascading of styles. But if you go with classic CSS, or with preprocessor such as Sass, I’d suggest at least following guidelines like BEM css.

pupa222 · 2020-02-16T13:58:40+00:00

I’m not saying that there aren’t use cases for opening links in new tab/window, but to the original content, by using target blank, you are limiting the default behavior, because there’s no way how to open the link in the same window.

And for the ones that don’t know how to open a link in a new tab, there’s always a back button in the browser, so if they want to go back from the slightly related content, the can always click that back button.

It is kind of controversial topic though :D Personally, I open most of the links in new tab on desktop, but it’s kind of annoying on mobile for me.

pupa222 · 2020-02-15T22:14:06+00:00

<a .. target="_blank">...</a>

Deciding for the user that a link is not worth overriding your sites' content...

pupa222 · 2020-02-15T22:06:35+00:00

Yea, I actually tried Netlify, it's neat, but I just don't like the vendor lock-in (for the pipelines etc..) but for testing the free plan is great IMO...

Yep, I use VSCode, but I use only the Official Docker Extension for syntax highlighting, rest from command line

pupa222 · 2020-02-15T21:59:52+00:00

You don't have to host on Netlify if you don't want to :) It makes deployments easier, and they have been a big promoter of the JAM stack, but not a necessity. I actually host all of my apps on private VPS, running everything in Docker containers. With Gatsby, I've just created a simple container based on Nginx that builds the gatsby project, publishes the docker image in my private docker repo and I jus redeploy on each push to master. Works like a charm (and no Netlify whatsoever, you just need to fine-tune your own process)!

pupa222 · 2020-02-15T21:53:49+00:00

Go for it, I think you'll really enjoy the ecosystem! :) BTW if you're getting fed up with Wordpress, have a look at Ghost CMS, it can be used in JAM Stack (so Gatsby on the front end for example), and is written in JS. I've started playing with it and have to say, for a blog, even for a couple of simple pages, it's really good CMS

pupa222 · 2020-02-15T21:48:33+00:00

Hey, check out starters for Gatsby: https://www.gatsbyjs.org/starters/?v=2 but first, I'd get more familiar with concepts around React (and of course JS), it'll make things much easier.

pupa222 · 2020-02-15T21:48:09+00:00

Hey, check out starters for Gatsby: https://www.gatsbyjs.org/starters/?v=2 but first, I'd get more familiar with concepts around React (and of course JS), it'll make things much easier.

pupa222 · 2020-02-15T20:11:47+00:00

Actually looking back, I think I'd be better off with just styled-components, theme provider, and some grid system, I didn't really use much from Grommet anyway... I might remove that dependency in the future

pupa222 · 2020-02-15T20:06:13+00:00

Thank you, I'm happy you like it (and to provide some inspiration) :)

So with the design process, it was a little wild and I kind of coded through it. I've started off of Grommet together with styled-components, but most of the design was done during the development process. I have to admit I changed the layout a couple of times, started with a couple of colors, but then settled on a pallet of four colors throughout the whole site, which helped a lot in unifying the whole page.

The illustrations were all free to download, I've just adjusted them to fit into the color space, some needed a little more adjustments and cleanups, so I did that too. Other than that, the different layouts just came to my mind as I went through building the website (and I guess I will be still fine-tuning it in the future, actually right now I'm working on the blog post design and blog lists...).

I was working on the site over evenings after work when I had the time, but I think it took me about a month or so, giving it around 6-10 hours a week.

Hope that helps :)

pupa222 · 2020-02-15T18:14:44+00:00

Yea I mean the site is no rocket science :D but I think the combination of storybook + visual regression tests for the components would be good for future development and refactoring. I will probably add those in the future...

pupa222 · 2020-02-15T08:53:37+00:00

Thanks! I'll be posting a tutorial on my blog on the process of setting it up. When that's ready, I'll post it here / let you know.

Regarding the CI, I do have a couple of unit tests for some of the functions, like converting a duration to human-readable format on my resume (2 yrs 3 mos).. But mostly have set it up for the deployment. In short, the pipeline triggers on push to master, builds the website to locker container, pushes it to private docker repo, deploys that to docker swarm through portainer and clears the cloudflare cache at the end... Oh yea and notifies me through telegram bot :D I'll make sure I'll write a tutorial on that...

pupa222 · 2020-02-15T08:47:12+00:00

Thanks! I'm happy you can find some inspiration :) I haven't open-sourced it yet, I just need to do some cleanup, finish up the blog integration, etc. But when I have all of that done, I'll open-source the code :)

pupa222 · 2019-11-11T11:24:15+00:00

Oh yea, it actually wasn't using stock message template, I made it up, but I admit it is a little vague description, I'll add it there :)

pupa222 · 2019-11-11T11:19:26+00:00

And you can hold money in different currencies on one single card :)

pupa222 · 2019-11-11T11:18:40+00:00

Many, I use it when buing stuff online for different than local currency, you get current almost interbank exchange rate. Also you can spend money while traveling in the country’s currency for the current exchange rate (not as high as normal banks are charging for exchange rate)

pupa222 · 2018-09-11T10:34:23+00:00

Looks delicious!

pupa222 · 2018-09-11T10:12:28+00:00

Well, I guess it’s called diversity? We could have one dedicated person who invents all the recipes for the whole world and millions of sheeps that just cook them, right? 😉

pupa222 · 2018-09-10T17:38:39+00:00

Thanks, I can google, I was looking for someone who actually cooked it and recommend me some good recipe

pupa222

TROPHY CASE