Team 3322's website
 

Hey guys,

Myself and a fellow member on the team, Matt Conto, have had no free time in the past week or so, as we've spent all of it perfecting our site. Let us know what you think, and if you have any suggestions, or find any bugs.

The one bug we currently know of is that the drop-out menus don't align perfectly on Firefox for Mac (but is fine on Firefox for Windows or any other browser for Mac.) If anyone has an idea on how to fix this, that would also be awesome.

Click here for our site: Team 3322, Eagle Imperium.

Furthermore, I hope to, at the end of this season, release our theme (for WordPress) under the MIT license, with some modifications to make changing the logo and social media icons easy. Have any other teams released some of their web content as open source? I'm a big supporter of free software (as in speech,) and with all the work I put in to the site, and getting it to work with WordPress, which wasn't a CMS I'm familiar with, I'd like to put it out there for other teams to use as a starting point of some sort if possible.

Anyway, enjoy the site.

Re: Team 3322's website
 

From first glance, I would reduce the size of the Twitter feed, to avoid having an abundance of blank space at the bottom.

Other than that, I like the simplicity.

Re: Team 3322's website
 

Thanks. Originally it was even grosser before I could get a faux column thing going on, as the sidebar would extend down and the article container did not. I'll play around with the size of the Twitter feed and see what I can come up with. :)

Re: Team 3322's website
 

Wow, that is quite nice. A couple things I would look at. First, I completely agree with what ChristopherSD said. Second, maybe try to blend the left side background, the upper bar background (the bar with the FIRST logo on it), and the top-most bar on the site. That kinda stood out to me. You could also add a little more complexity behind the text (a very slight gradient?) to help keep it simple but also visually interesting. Third, at the bottom, I would also recommend blending the border between the footer and the navigation links a little more.

Otherwise, I really do like the site. It is very clean, not overwhelming, and quite professional. :D

Re: Team 3322's website
 

Thank you for all of your comments. :) We'll definitely take them into consideration and play with things a bit.

Re: Team 3322's website
 

Its a nice site & very detailed. except with all that detail comes alot of reading and it starts to become jumbled. there is way to much stuff going on, on each page.

Re: Team 3322's website
 

Thanks for the comment. Any chance you could elaborate (e.g. which details do you think are superfluous and could be removed?) Thanks. :)

Re: Team 3322's website
 

I just wanted to thank everyone again who commented with suggestions. :) We won the Kettering Website Award, and our website will be moving on to States. :)

Re: Team 3322's website
 

Hello,

Menu problem in Opera 11.61. Looks fine in Chrome, Firefox and IE.



Cursor is over the History tab when I took the screen but it happens on all of the menu tabs except Home, FIRST, and Contact.

Congratulations on the website award at Kettering by the way!

Re: Team 3322's website
 

Well that is certainly not the intended way that should look. I am missing Opera on the computer I am using currently, and will check it as soon as I can install Opera. It may have to do with some changes I was making to the menus on the day that you viewed the website, and might have been fixed already. (I know, I should be editing locally, but my laptop recently broke and I don't have a good dev. setup at the moment.)

And thank you very much! :)

EDIT - Hmm, definitely still an issue. Thank you very much for letting me know. I'll fix it as soon as possible.

Re: Team 3322's website
 

Your website looks amazing, and nice job using HTML5 too!

That said, you might want to see how your HTML outline looks from time to time. Here's what your outline looks like right now:

http://gsnedders.html5.org/outliner/...nerobotics.org

There are a lot of untitled sections in your document. You can easily title any section in HTML5 by giving it an h1 element. The outermost section is the body element. It would make sense to make the title of the body the same as the title of the website as a whole ("Eagle Imperium"). And of course, you can just set all these h1 elements to not display using CSS.

I had a couple really picky issues with spacing, too. h1 elements don't have margins, and you sometimes have empty p elements between paragraphs. I also really wish the margin on paragraphs was 1em and not .5.

Of course, I'm only making such meticulous comments because you guys did a great job overall. It's nice to see a team taking its website seriously.

Re: Team 3322's website
 

Andddd fixed. Still got it overlapping a bit on a menu, do to some margin-left not working quite as I'd like, but I'll fix that in a bit. Again, thank you for bringing the issue to my attention.

Re: Team 3322's website
 

Thank you for the comments. :)

Ah yes, a friend of mine, another student on the team, did the initial design and implemented it into HTML initially, with some bugs and not all the features done, and I then implemented it into WordPress, and him and I have continued to add slight features. I wasn't around when the initial bit got done and hence all the headers I haven't noticed.

I appreciate the link with the outline, and I will fix that too. However, I am slightly confused by your thought of using <h1> to title things and then setting it to display as none. While I do like to be semantically correct, this seems like a weird little hack to me. I've also heard that you should only use one <h1> per page. I will do some more investigating and Googling and then modify it as such. :) Thank you for the comment.

EDIT - And on the topic of being symantically correct, it makes most sense (I thought) to do this with headers.

1. Eagle Imperium - FIRST 3322 (or similar)
2. News
3. News Title
4. Titles within news post
3. News Title #2
3. News Title #3

I don't think we are doing that as it currently stands, and I should probably at least fix that, but that's how I've always seen the whole semantics thing.

As for the spacing, that's all the other kid as he did the actual design bit, I mostly just do the JS, styling it some, implementing it into WordPress, etc. I will definitely check out how it looks with the margins you suggested and talk to him. We are very open to suggestions like this and I really appreciate it.

The empty <p> elements are due either to one of two things: WordPress being funky with the way it handles paragraphs, or the fact that before I was on the website team, a lot of Google Sites content was converted over to WordPress. I've been trying to systematically go through and edit the Google Sites pages as they have a lot of oddities, such as random divs (sometimes unclosed), empty headings, paragraphs, etc. If there are a few pages you noticed this on specifically that you could give me a link or page title to? I'd really appreciate it.

Thank you again for all your comments.

Re: Team 3322's website
 

Using multiple h1s is totally fine in an HTML5 page, and they are used to generate the document outline. Though, I'm not sure if anyone has written anything about using display:none to hide them.

That was just a judgment call on my part. I figure as long as the design of the website indicates what a section is (a primary navigation, for example), there's no reason to have the title show up. Then again, there isn't a whole lot of benefit to titling sections either, but I guess it's something to consider.

Once again, great job with the new website. Hope you guys do well this season. :)

Re: Team 3322's website
 

The menus are behind the text, or behind the picture. Chrome 19.0.1067.0
Other than that bug, great site! Wish ours was that good...

Re: Team 3322's website
 

O.o Canary, huh? Odd as it works in the stable version of Chrome and is done using a z-index... you sure this isn't an issue with Canary itself? I will look into it and try to fix it. Thanks for the bug report either way, and thanks for the compliments. :)

And I feel I must apologize for the small width on your large monitor. ;) I don't have a monitor large enough to know... how often do you come across fixed-width small layouts? Again, I wasn't a part of the initial CSS process, so I didn't have a lot of control over that, but I <3 fluid layouts.

Re: Team 3322's website
 

It's not an uncommon situation, honestly. It feels like almost every site is formatted like that- though it does make it easier to throw up two windows at once ;)
Seriously, though, Chiefdelphi does it, Google Plus does it, Facebook does to a degree, and a lot of other blogs. Not a problem.

And yeah, I use Canary... generally it doesn't cause formatting errors for me, though. Just crashes more often, and uses more CPU. And remember, what is Canary today is chrome standard in 2 months or so...

Re: Team 3322's website
 

Haha, fair enough. I just prefer fluid layouts. :)

Yeah, I know, I used to run Canary. Although "Canaray today is Chrome standard in 2 months or so" is more of "A fixed out-of-beta Canary today." :P

Do you mind telling me what you see on this website?

Re: Team 3322's website
 

Also, can you try our site again? I made a change, but I can't test as my good laptop died, and I'm having to use this temporary one... which can't run Chrome. -_-

Re: Team 3322's website
 

Still has the "hiding behind image and text" problem, unfortunately...

And the "John Maguire" page says

Re: Team 3322's website
 

Indeed. I've been unable to find the cause of the Canary bug. It uses z-index to ensure the menus stay on top, and I have no idea why it would be falling behind. I even did some test cases and it worked fine. Very odd, and I'm still looking for a solution.

Thanks for the tip on the broken page. Apparently we removed last names from the site recently due to liability reasons(?) and so some links got broken. We even have a broken link checker, so I'm not sure how that slipped through.

Thank you very much. :)

EDIT - And in fact, the link is not broken. You may have tried accessing the site while we were updating, or we fixed the broken link already. :) If you still see the problem, a hard refresh should fix it.

Re: Team 3322's website
 

Link still shows as broken. This is ie8 on xp- fairly standard!
However, your team site works with this browser, and chrome portable. So I guess that is just canary chrome's fault!

Re: Team 3322's website
 

Sorry, thought you were referring to a different page. I tested the test.html in Canary and then deleted it without letting you know -- my apologies!

Aye, the menu links issue only shows up in Canary, and I'm still not quite sure what's going on with it. :\

Re: Team 3322's website
 

Ah, that's not a problem. I have far more time than I know what to do with at school, anyways.... Two online classes, both of which take about three weeks a semester (of dedicated work, though), and a severely locked down internet connection = not much to do

Nice custom theme, by the way!