/wolf-admin

Wolf Admin Responsive Theme

Primary LanguageHTML

Wolf Admin - Responsive Theme

Hi, I hope you find this theme useful!

Structure

Here are some docs and info to get started.

Stylesheets

  • /modules: contains reusable element styles like new buttons, form control styles, etc plus the mixins library with some cool helpers used for the theme.

  • /partials:

    • /pages: contains all the pages styles separated by html page, each one is uniquely contained by adding an ID into the body of their respective page, like a namespace.

    • /snippets: in here are blocks of styles for html sections that can be reusable in different pages, e.g. the Screenshots Slider used in the landing page and in the features page reuse the same styles located in snippets.

    • _config.scss: is used to import fonts and apply variables used throughout the scss files.

    • _layout.scss: contains the styles that apply for the layout of the theme, in this case the navbar header and the footer.

Everything is imported onto the theme.scss file using the @import statement except for vendor files (these are referenced explicitly in each page when needed). The compiled file for the theme.scss is located under compiled/theme.css, this way the html pages only reference a single file which makes it easier to maintain.

If you prefer to use normal css, there's the expanded-theme.css which has all the styles in an expanded format, it's easy to edit styles thanks to the body ID that identifies each page.

Fonts

Contains all the font files used in the theme:

  • Font awesome set
  • Glyphicons set
  • Ionicons set

Image Shots

Plugins

Changelog

v1.0

  • Initial release

v1.1

  • Added a js helper to get date timestamps with moment.js to use on flot charts

Contributing

For any help, doubts, suggestions, ideas for new features/pages to keep improving this theme create pull request in this repository.

Credits

  • unsplash.com for bg pictures.
  • uifaces.com/authorized for the user display pics.
  • fontawesome.io