Yes, probably not the easiest of first projects, but do-able with a little time I'm sure. And will be pretty cool when it's working
I'd attack it in stages:
1. Have a background image to represent your text (can be anything, just mock up a image with some text in photoshop or whatever).
2. Get the transparent gradient overlay stuff working, so it sits over the dummy background image.
3. Make the background image taller than the view area, so you can work on the scrolling.
4. Add the text rendering stuff to replace the dummy background image.
It's been a while since I've been anywhere near Purebasic/Freebasic, but I'd be inclined to use a TTF font rather than a bitmap font. That way you can let the user choose a different font more easily. I'd probably also stick with using a background image for the text and just render the text directly onto the background image. As the text doesn't need to change once it's rendered, this would probably be easier (IMHO). It would also give you the advantage of being able to use the code you write for steps 1 and 3.