You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@metamodel.apache.org by Kasper Sørensen <i....@gmail.com> on 2014/12/22 23:48:01 UTC
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
Re: Website design update
Posted by Tomasz Guziałek <To...@HumanInference.com>.
I have checked the website on my mobile (Android) before and now. All the issues Dennis mentioned are now fixed on my device too. Nice!
BR,
Tomasz
Sent from Samsung Mobile
-------- Original message --------
From: Kasper Sørensen
Date:2014/12/23 11:33 (GMT+01:00)
To: dev@metamodel.apache.org
Subject: Re: Website design update
After fixing all the nitty gritty details, the new site is now online!
http://metamodel.apache.org/
Check it out on a desktop AND a mobile device near you ;-)
2014-12-23 10:37 GMT+01:00 Kasper Sørensen <i....@gmail.com>:
> Fixed a bunch of those points, because I saw them too :-) Thanks for the
> valuable feedback Dennis!
>
> 2014-12-23 10:19 GMT+01:00 Dennis Du Krøger <
> Dennis.DuKroger@humaninference.com>:
>
>> Whoops, of course attachments doesn't work on the mailing list. See it
>> here: https://www.dropbox.com/s/upsmh9xqhxsgjna/tempFileForShare.jpg?dl=0
>>
>>
>> -----Original Message-----
>> From: Dennis Du Krøger [mailto:Dennis.DuKroger@HumanInference.com]
>> Sent: 23. december 2014 10:17
>> To: dev@metamodel.apache.org
>> Subject: RE: Website design update
>>
>> 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:i.am.kasper.sorensen@gmail.com]
>> Sent: 23. december 2014 09:53
>> To: dev@metamodel.apache.org
>> 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" <
>> Dennis.DuKroger@humaninference.com>:
>>
>> > 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:i.am.kasper.sorensen@gmail.com]
>> > Sent: 23. december 2014 09:24
>> > To: dev@metamodel.apache.org
>> > 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
>> > <i.am.kasper.sorensen@gmail.com
>> > >:
>> >
>> > > 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 <
>> > > Dennis.DuKroger@humaninference.com>:
>> > >
>> > >> 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:i.am.kasper.sorensen@gmail.com]
>> > >> Sent: 22. december 2014 23:48
>> > >> To: dev@metamodel.apache.org
>> > >> 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
>> > >>
>> > >
>> > >
>> >
>>
>
>
Re: Website design update
Posted by Kasper Sørensen <i....@gmail.com>.
After fixing all the nitty gritty details, the new site is now online!
http://metamodel.apache.org/
Check it out on a desktop AND a mobile device near you ;-)
2014-12-23 10:37 GMT+01:00 Kasper Sørensen <i....@gmail.com>:
> Fixed a bunch of those points, because I saw them too :-) Thanks for the
> valuable feedback Dennis!
>
> 2014-12-23 10:19 GMT+01:00 Dennis Du Krøger <
> Dennis.DuKroger@humaninference.com>:
>
>> Whoops, of course attachments doesn't work on the mailing list. See it
>> here: https://www.dropbox.com/s/upsmh9xqhxsgjna/tempFileForShare.jpg?dl=0
>>
>>
>> -----Original Message-----
>> From: Dennis Du Krøger [mailto:Dennis.DuKroger@HumanInference.com]
>> Sent: 23. december 2014 10:17
>> To: dev@metamodel.apache.org
>> Subject: RE: Website design update
>>
>> 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:i.am.kasper.sorensen@gmail.com]
>> Sent: 23. december 2014 09:53
>> To: dev@metamodel.apache.org
>> 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" <
>> Dennis.DuKroger@humaninference.com>:
>>
>> > 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:i.am.kasper.sorensen@gmail.com]
>> > Sent: 23. december 2014 09:24
>> > To: dev@metamodel.apache.org
>> > 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
>> > <i.am.kasper.sorensen@gmail.com
>> > >:
>> >
>> > > 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 <
>> > > Dennis.DuKroger@humaninference.com>:
>> > >
>> > >> 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:i.am.kasper.sorensen@gmail.com]
>> > >> Sent: 22. december 2014 23:48
>> > >> To: dev@metamodel.apache.org
>> > >> 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
>> > >>
>> > >
>> > >
>> >
>>
>
>
Re: Website design update
Posted by Kasper Sørensen <i....@gmail.com>.
Fixed a bunch of those points, because I saw them too :-) Thanks for the
valuable feedback Dennis!
2014-12-23 10:19 GMT+01:00 Dennis Du Krøger <
Dennis.DuKroger@humaninference.com>:
> Whoops, of course attachments doesn't work on the mailing list. See it
> here: https://www.dropbox.com/s/upsmh9xqhxsgjna/tempFileForShare.jpg?dl=0
>
>
> -----Original Message-----
> From: Dennis Du Krøger [mailto:Dennis.DuKroger@HumanInference.com]
> Sent: 23. december 2014 10:17
> To: dev@metamodel.apache.org
> Subject: RE: Website design update
>
> 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:i.am.kasper.sorensen@gmail.com]
> Sent: 23. december 2014 09:53
> To: dev@metamodel.apache.org
> 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" <
> Dennis.DuKroger@humaninference.com>:
>
> > 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:i.am.kasper.sorensen@gmail.com]
> > Sent: 23. december 2014 09:24
> > To: dev@metamodel.apache.org
> > 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
> > <i.am.kasper.sorensen@gmail.com
> > >:
> >
> > > 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 <
> > > Dennis.DuKroger@humaninference.com>:
> > >
> > >> 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:i.am.kasper.sorensen@gmail.com]
> > >> Sent: 22. december 2014 23:48
> > >> To: dev@metamodel.apache.org
> > >> 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
> > >>
> > >
> > >
> >
>
RE: Website design update
Posted by Dennis Du Krøger <De...@HumanInference.com>.
Whoops, of course attachments doesn't work on the mailing list. See it here: https://www.dropbox.com/s/upsmh9xqhxsgjna/tempFileForShare.jpg?dl=0
-----Original Message-----
From: Dennis Du Krøger [mailto:Dennis.DuKroger@HumanInference.com]
Sent: 23. december 2014 10:17
To: dev@metamodel.apache.org
Subject: RE: Website design update
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:i.am.kasper.sorensen@gmail.com]
Sent: 23. december 2014 09:53
To: dev@metamodel.apache.org
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" <
Dennis.DuKroger@humaninference.com>:
> 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:i.am.kasper.sorensen@gmail.com]
> Sent: 23. december 2014 09:24
> To: dev@metamodel.apache.org
> 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
> <i.am.kasper.sorensen@gmail.com
> >:
>
> > 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 <
> > Dennis.DuKroger@humaninference.com>:
> >
> >> 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:i.am.kasper.sorensen@gmail.com]
> >> Sent: 22. december 2014 23:48
> >> To: dev@metamodel.apache.org
> >> 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
> >>
> >
> >
>
RE: Website design update
Posted by Dennis Du Krøger <De...@HumanInference.com>.
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:i.am.kasper.sorensen@gmail.com]
Sent: 23. december 2014 09:53
To: dev@metamodel.apache.org
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" <
Dennis.DuKroger@humaninference.com>:
> 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:i.am.kasper.sorensen@gmail.com]
> Sent: 23. december 2014 09:24
> To: dev@metamodel.apache.org
> 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
> <i.am.kasper.sorensen@gmail.com
> >:
>
> > 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 <
> > Dennis.DuKroger@humaninference.com>:
> >
> >> 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:i.am.kasper.sorensen@gmail.com]
> >> Sent: 22. december 2014 23:48
> >> To: dev@metamodel.apache.org
> >> 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
> >>
> >
> >
>
RE: Website design update
Posted by Kasper Sørensen <i....@gmail.com>.
That (the meta tag) did the trick! Good catch!
Den 23/12/2014 09.40 skrev "Dennis Du Krøger" <
Dennis.DuKroger@humaninference.com>:
> 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:i.am.kasper.sorensen@gmail.com]
> Sent: 23. december 2014 09:24
> To: dev@metamodel.apache.org
> 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 <i.am.kasper.sorensen@gmail.com
> >:
>
> > 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 <
> > Dennis.DuKroger@humaninference.com>:
> >
> >> 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:i.am.kasper.sorensen@gmail.com]
> >> Sent: 22. december 2014 23:48
> >> To: dev@metamodel.apache.org
> >> 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
> >>
> >
> >
>
RE: Website design update
Posted by Dennis Du Krøger <De...@HumanInference.com>.
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:i.am.kasper.sorensen@gmail.com]
Sent: 23. december 2014 09:24
To: dev@metamodel.apache.org
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 <i....@gmail.com>:
> 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 <
> Dennis.DuKroger@humaninference.com>:
>
>> 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:i.am.kasper.sorensen@gmail.com]
>> Sent: 22. december 2014 23:48
>> To: dev@metamodel.apache.org
>> 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
>>
>
>
Re: Website design update
Posted by Kasper Sørensen <i....@gmail.com>.
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 <i....@gmail.com>:
> 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 <
> Dennis.DuKroger@humaninference.com>:
>
>> 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:i.am.kasper.sorensen@gmail.com]
>> Sent: 22. december 2014 23:48
>> To: dev@metamodel.apache.org
>> 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
>>
>
>
Re: Website design update
Posted by Kasper Sørensen <i....@gmail.com>.
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 <
Dennis.DuKroger@humaninference.com>:
> 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:i.am.kasper.sorensen@gmail.com]
> Sent: 22. december 2014 23:48
> To: dev@metamodel.apache.org
> 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
>
RE: Website design update
Posted by Dennis Du Krøger <De...@HumanInference.com>.
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:i.am.kasper.sorensen@gmail.com]
Sent: 22. december 2014 23:48
To: dev@metamodel.apache.org
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
Re: Website design update
Posted by Alberto Rodriguez <ar...@gmail.com>.
Hi Kasper,
IMHO the site looks nicer than before.
Kind regards,
Alberto
2014-12-23 8:18 GMT+01:00 Kasper Sørensen <i....@gmail.com>:
> Forgot to mention that the site is obviously only "staged" - ie. not
> published. Wanted to ask if you guys like it or we should keep the
> old/existing site?
>
> 2014-12-22 23:48 GMT+01:00 Kasper Sørensen <i.am.kasper.sorensen@gmail.com
> >:
>
> > 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
> >
>
Re: Website design update
Posted by Kasper Sørensen <i....@gmail.com>.
Forgot to mention that the site is obviously only "staged" - ie. not
published. Wanted to ask if you guys like it or we should keep the
old/existing site?
2014-12-22 23:48 GMT+01:00 Kasper Sørensen <i....@gmail.com>:
> 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
>