Looks really great! The login page makes such a difference to first impressions.
Some nitpicky bugs:
You've got two #page-content divs.
Your two columns aren't in a div.row, I think that's what's causing some padding issues (the right column has too much padding on the left when collapsed into a vertical column, and it looks like some CSS has been added to counteract this on the right hand side.).
There's a 1 or 2px gap at the bottom of the hover on the top menu.
I think you can use fa-fw instead of some hand written css you've used on the social icons.
Something weird is going on with both the drop-down menus (collapsed and not) on Firefox (sorry for the vagueness, it seems to be weirdly intermittent, compared with Chrome which seems totally solid).
Are you pulling in some CSS twice, Font Awesome in particular?
Well done, you've obviously done a lot of work on this!
David Scotson
مطالب مطرح شده توسط David Scotson
A couple of clashes I noticed:
Pre tags seem to get mangled and some br tags appear from somewhere if you insert them in some text editing modes but they make it through in raw HTML mode:
This is some pre text
And putting anything in code tags gets turned into a div, so it's not so useful for referring to a classname or method name in a sentence:
This is some code
I guess it's a filter doing the latter.
Bootstrap 3.1 has some nice styles for the kbd tag which is for telling people what to type, which can be handy for telling people how to upgrade from the command line or whatever e.g.
To switch directories, type cd followed by the name of the directory.
Yes, that's the right place to look for Bootstrap 2.3 stuff.
Some specific highlights from each page:
http://getbootstrap.com/2.3.2/scaffolding.html
A responsive grid (e.g. have images lined up in a horizontal row on desktops, but have them vertical on mobile devices)
Responsive utility classes to make things appear and disappear depending on the size of the viewers device.
http://getbootstrap.com/2.3.2/base-css.html
Lead body copy , predefined classes for intro paragraphs
Small print, using the small tag
Standardized text-colors for warnings, success
Better typography for initialisms
Table styles for data.
Turn links into buttons.
Style images.
Insert glyphicon icons.
http://getbootstrap.com/2.3.2/components.html
Labels and badges.
Thumbnails for images.
Alert text for calling out warnings.
Media object (for e.g. a staff members photo with name and contact details next to it)
But I don't want to constrain anyone's creativity, as these are composable blocks like lego e.g. I can turn a link into a button and add an icon and make it really big:
Click for more info on buttons!
So the sky's the limit really.
Some specific highlights from each page:
http://getbootstrap.com/2.3.2/scaffolding.html
A responsive grid (e.g. have images lined up in a horizontal row on desktops, but have them vertical on mobile devices)
Responsive utility classes to make things appear and disappear depending on the size of the viewers device.
http://getbootstrap.com/2.3.2/base-css.html
Lead body copy , predefined classes for intro paragraphs
Small print, using the small tag
Standardized text-colors for warnings, success
Better typography for initialisms
Table styles for data.
Turn links into buttons.
Style images.
Insert glyphicon icons.
http://getbootstrap.com/2.3.2/components.html
Labels and badges.
Thumbnails for images.
Alert text for calling out warnings.
Media object (for e.g. a staff members photo with name and contact details next to it)
But I don't want to constrain anyone's creativity, as these are composable blocks like lego e.g. I can turn a link into a button and add an icon and make it really big:
Click for more info on buttons!
So the sky's the limit really.
Though it's worth pointing out that adding JQuery plus the Bootstrap JS back in a theme isn't too tricky.
Similarly the standard bootstrap icons can be swapped for the Font Awesome icon font, and Bootstrap can be upgraded to version 3.
Or even do all three of the above (as I believe you do in your themes).
Obviously that won't affect the Moodle.org forum for the time being, but the basic concept of using these elements to jazz up teaching content in Moodle still applies.
Similarly the standard bootstrap icons can be swapped for the Font Awesome icon font, and Bootstrap can be upgraded to version 3.
Or even do all three of the above (as I believe you do in your themes).
Obviously that won't affect the Moodle.org forum for the time being, but the basic concept of using these elements to jazz up teaching content in Moodle still applies.
Moodle already sends that as part of the header response, but I think in intranet situations it can get overriden by local administration settings.
Certainly there was either a bug or a forum post recently where this seemed to be happening to someone, yet I checked and Moodle is definately sending this as part of the headers.
edit: oh, actually this *is* that previous forum post, I got confused and thought I was posting in a different thread.
Certainly there was either a bug or a forum post recently where this seemed to be happening to someone, yet I checked and Moodle is definately sending this as part of the headers.
edit: oh, actually this *is* that previous forum post, I got confused and thought I was posting in a different thread.