My Recipe Box
Saturday, November 1st, 2025 11:18 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
teagan_starfarerLink
I figured I'd talk a bit about making this site. Honestly the basic layout is the same as my links page. A table with links then notes but I did do some fun things. I wanted it to look kitschy and old-fashioned but still very user friendly on both my phone and laptop. I think I did alright... although I may fiddle with it so it looks a bit better on portrait mode for the phone.
The background and header image came from pixabay. Hint for new users after entering in your search term you can filter out AI using the content type filter near the top of the screen on your computer. Not sure where it is on the phone off the top of my head though.
The colors were picked from the background image using an image editor (I currently use pixlr but I'm looking for something similar and free that doesn't use AI). Except for the color behind the tables... that one I just found the hex code for an off white color that looked good with everything else. Fonts are from google fonts and I can not recommend them enough.
Did some minor gradients using CSS Gradient but otherwise kept it simple. Oh right the dot surrounding the nav bar is just a dotted border using CSS. Feel free to poke around my code if your interested in seeing more and feel free to ask me any questions.
I figured I'd talk a bit about making this site. Honestly the basic layout is the same as my links page. A table with links then notes but I did do some fun things. I wanted it to look kitschy and old-fashioned but still very user friendly on both my phone and laptop. I think I did alright... although I may fiddle with it so it looks a bit better on portrait mode for the phone.
The background and header image came from pixabay. Hint for new users after entering in your search term you can filter out AI using the content type filter near the top of the screen on your computer. Not sure where it is on the phone off the top of my head though.
The colors were picked from the background image using an image editor (I currently use pixlr but I'm looking for something similar and free that doesn't use AI). Except for the color behind the tables... that one I just found the hex code for an off white color that looked good with everything else. Fonts are from google fonts and I can not recommend them enough.
Did some minor gradients using CSS Gradient but otherwise kept it simple. Oh right the dot surrounding the nav bar is just a dotted border using CSS. Feel free to poke around my code if your interested in seeing more and feel free to ask me any questions.
