Help me with my new website!

[bennyboy]

CSS allows you to round all or some of the corners of a div. As far as I know, it doesn't allow you to put a round corner between the header and the navigation bar, yet alone put a conical gradient in it.

It doesn't literally have to be a true conical gradient.  It just has to let the right side of the div match the color of your header, and the bottom side match your navigation bar.  I'm brainstorming ideas how to do that with css.  It seems to me that two overlapping linear gradients with diagonal alpha channels could do it, but in the end just rendering something in Photoshop seems like a better solution to me right now.

---

It's probably a simple enough concept that you could do it with straight-up Javascript.

That's what I intended. However, I've been using so much styling and animation that I've written over 500 lines of code just for an introduction. If I continue like this, the game will probably be 2000 lines long and unplayable because of the distracting animations. It's hard to think of an interface that would make the game playable, that's relatively easy to program and that doesn't look terrible.

The interface you linked looks fine as it is.  I'm not sure why'd you'd need 500 lines of code for it, though.  I think what you want is a procedure for generating "other language" phonemes, putting them into a div, and so on.

This is how big projects like this go for me: I'll daydream for a hundred hours on how I want the thing to work.  Then I'll do the programming for it in a day or two.  Until you have it sorted in your head exactly how everything is going to work, any programming you do should be considered a dry run.

For example, will your "real" phonemes come from a database?  A big text list?  An online dictionary or other source that you will parse in your codebehind?  What criteria will you use for generating "false" phonemes, if any?  Or are you going to set them all by hand in a kind of super-lesson?

btw with regard to your gradient.  Your site is often down when I check it, but how is this?  My idea is to use this in a div background, and just use css to round the corner for you. (This is what happens when I do a conical gradient with Photoshop with the first color at position 0%, and the second at 25%, and then clip the upper-left quadrant)