Cool! A few comments on looks on my phone: Everything is hugging the left edge with tons of space on the right. i.e. the News sections a bound to the left edge, but the right has a margin. I've seen this on quite a few pages, so it might by my phone that is weird.
The page is zoomable, but looks weird when zoomede. I believe playing with the options for the meta tag can stop that. The connector badges/icons look a bit strange: I get two badges on the left side with aaaaaalmost space for a third. See "connector badges.jpg" attachment. They also look a bit fuzzy on my phone. I think the Bootstrap .col system can help out here. It should be able to break and adjust the badges properly on all devices. The download and sections are not doing well with the small width; Text on top of text. Almost the same with the mailing list, but here the text breaks out of the box instead. That might actually be the thing that causes the right margin I talked about before. BR, Dennis -----Original Message----- From: Kasper Sørensen [mailto:[email protected]] Sent: 23. december 2014 09:53 To: [email protected] Subject: RE: Website design update That (the meta tag) did the trick! Good catch! Den 23/12/2014 09.40 skrev "Dennis Du Krøger" < [email protected]>: > There's many containers, which seems a bit weird, but I don't think > that's illegal, they are just not nestable like before. As far as I > remember, the only ill effect of not following the rules is weird > offsets. But I think the "proper" way is to have each section as a Bootstrap > .row. > > In their examples, they have a '<meta name="viewport" > content="width=device-width, initial-scale=1">' header. I guess that > could trigger the proper behavior on mobile. > > By the way, looking at the code, it seems a little bit of a mix of > using Bootstrap with manual styling. I'm not sure that will work out > very well, with for all the ways the site can be laid out by BS on differing > devices. > > BR, > Dennis > > -----Original Message----- > From: Kasper Sørensen [mailto:[email protected]] > Sent: 23. december 2014 09:24 > To: [email protected] > Subject: Re: Website design update > > Hmm I removed all the nested containers, but I still see that issue... > Very strange. > > 2014-12-23 9:00 GMT+01:00 Kasper Sørensen > <[email protected] > >: > > > Thanks for the tip, Dennis. Lemme see how it works if I remove the > > multiple nested containers... > > > > 2014-12-23 8:36 GMT+01:00 Dennis Du Krøger < > > [email protected]>: > > > >> It looks good, but there seem to be some kind of problem with > >> detecting my phone (Galaxy Note 3): The Bootstrap website looks > >> properly... Mobile, but the (Bootstrapped) MetaModel site looks > >> like a > desktop site. > >> > >> Looking at the source, it looks a bit strange: There's a .container > >> within a .container-fluid? As far as I remember, you can only have > >> a top level container (.container-fluid for full width, .container > >> for a narrow site), everything else must be .row and .col. > >> > >> Best regards, > >> Dennis > >> > >> -----Original Message----- > >> From: Kasper Sørensen [mailto:[email protected]] > >> Sent: 22. december 2014 23:48 > >> To: [email protected] > >> Subject: Website design update > >> > >> Hi guys, > >> > >> I've spent a bit of time learning Bootstrap, the responsive web UI > >> framework. So I decided to try and convert the MetaModel website to > >> a proper bootstrap site. And before I knew it, I was also trying > >> out some new ideas for how the "front page" / splash should look. > >> > >> Could you check it out and provide feedback. Notice also that I > >> added the Javadocs in the navigation menu. > >> > >> http://metamodel.staging.apache.org/ > >> > >> Best regards, > >> Kasper > >> > > > > >
