Code Orange 3476's New Website!

[Teamcodeorange]

Hello everyone!

Code Orange has a new website!

teamcodeorange.com


I would love some constructive criticism and help debugging.

I am not sure what to do about the homepage, it just doesn't feel quite balanced.

I spent a bit of time making sure it works on screens of all resolutions but if you have problems please tell me. I know the menus do not work on touchscreens. I am working on that.

Thanks for looking!

For a team about orange you've got a whole lotta blue....

[Siri]

I think the front page is easier to read now (with the blue textbox), but the About page and some others still have the orange box. I'd pick one or the other, and if you go orange, maybe tone it down a bit. Maybe I'm getting old, but it's really bright for such big boxes.

Originally Posted by SuperNerd256

For a team about orange you've got a whole lotta blue....

This is just a random idea, but if you want more orange, you might be able to find a sunset version of that background shot. I found a couple on a quick Google. Something like the first one here might work (just an example; watch your copyrights). Might let you make a more cohesive color scheme. It's a little confusing with all the blue, especially on pages with big text boxes where you can't see the center of the wave.


I'd hyperlink the header to direct back to the home page; it's more intuitive than clicking "Welcome".

Awesome job!

[Teamcodeorange]

Originally Posted by Siri

I think the front page is easier to read now (with the blue textbox), but the About page and some others still have the orange box. I'd pick one or the other, and if you go orange, maybe tone it down a bit. Maybe I'm getting old, but it's really bright for such big boxes.

This is just a random idea, but if you want more orange, you might be able to find a sunset version of that background shot. I found a couple on a quick Google. Something like the first one here might work (just an example; watch your copyrights). Might let you make a more cohesive color scheme. It's a little confusing with all the blue, especially on pages with big text boxes where you can't see the center of the wave.


I'd hyperlink the header to direct back to the home page; it's more intuitive than clicking "Welcome".

Awesome job!

Thanks, that is an awesome picture! I'll have to try to find a version I can use. I'll link the header when I get a chance.

[KeatonM]

Your site scales funny on my iphone. I attached a screenshot to show you what I mean.

As far as I can tell aesthetically, the orange and blue isn't awful on the eyes - an impressive feat.

I'll let you know more when I can get on my pc.

[Teamcodeorange]

Originally Posted by KeatonM

Your site scales funny on my iphone. I attached a screenshot to show you what I mean.

As far as I can tell aesthetically, the orange and blue isn't awful on the eyes - an impressive feat.

I'll let you know more when I can get on my pc.

Thanks, I haven't optimized it for mobile devices yet. I plan on doing that soon. That screenshot is helpful though.

[NXTGeek]

Has anyone found an Easter egg?

[Siri]

Originally Posted by NXTGeek

Has anyone found an Easter egg?

Every once in a while I see a mini Pipeline zip across the top of a robot textbox. Is that it?

You do have permission to post photos and full names of all your students, right? Just making sure.


Looks about the same as the iPhone screenshot from my droid, fyi.

[Teamcodeorange]

Originally Posted by Siri

Every once in a while I see a mini Pipeline zip across the top of a robot textbox. Is that it?

You do have permission to post photos and full names of all your students, right? Just making sure.


Looks about the same as the iPhone screenshot from my droid, fyi.

Yes, one student's mother actually told us that she did not want his picture on the internet, so we obliged. I am in the process of making a mobile webpage right now.

[cadandcookies]

The one thing that really strikes me is the huuuuuge swath of negative space on the front page, especially when viewing on a 16:9 or 16:10 monitor (it looks a lot better in 4:3). This isn't a massive issue, as overall, the site looks pretty good overall, especially the background, which really gives it a dynamic coastal feel.

There does appear to be some image stretching issues on the background, however, which is especially noticeable when alternating between 16:9 and 4:3. Again, just something to consider. It's more of a detail that a design issue. For this being your first stab at Dreamweaver, you're really doing great!

Best of luck in all your endeavors.

[runneals]

I like your site for the most part.
If you're Team Orange, your background should be orange! (Or maybe orange text with a black background might look nice). We have the same kind of color scheme as you guys, so feel free to take a look at my site (www.teamneutrino.org) as that might give you some ideas to work with. I went with a gray as a background and orange and whites as text. and it makes it look really professional.
Feel free to email me if you need help and I'll see what I can offer BTW, I would suggest you stay away from HTML. My 4-H club used to be like that, but then no one but me knew HTML, so I moved everything to a CMS (WordPress), and the backend is much more kid friendly.

[dcarr]

Originally Posted by runneals

BTW, I would suggest you stay away from HTML.

I assume you mean staying away from purely static HTML. Avoiding HTML entirely would make displaying the site in any browser rather problematic.

[runneals]

Originally Posted by dcarr

I assume you mean staying away from purely static HTML. Avoiding HTML entirely would make displaying the site in any browser rather problematic.

Bahaha, yup. (Although there is always flash or php or java, although even those would use a little bit of html I'm sure...) But using static HTML is a pain in a robot's butt I suggest just going with WordPress. I guarantee you'll be happy you did

[rsisk]

On my iPad, I see the header, then have to scroll way down o see any content

[ZipTie3182]

Hi!
It looks really nice. Is the background just one big photo? It looks really nice but typically loading images that large slows the site down. It didn't seem too laggy but just if you ever encounter problems with it loading slow it might be due to the image.

I really like your use of pngs It's very streamlined. Nice overall. I did notice that the menu goes behind the embedded google calendar on the calendar page.

Colors look really nice. The homepage seems a bit off to me as well. I would make it so that the embedded video on the right side lines up with the header. I think that will make it look more cohesive.

Great job on the site!

-Anna