styles(docs): main docs styles

This commit is contained in:
nixa 2016-05-23 13:15:06 +03:00
parent 7a9b7fc750
commit fe925f3fbe
9 changed files with 469 additions and 451 deletions

View file

@ -2,55 +2,45 @@
extends layout
block title
| BlurAdmin angular admin dashboard template
| Admin HTML template based on Angular 2, Bootstrap 4 and Webpack
block content
div.hero
div.hero-content
div.wrap
div.text
strong Blur#[span.white-text Admin]
div.minitext Angular admin panel front-end framework
strong ng2-#[span.white-text admin]
div.minitext Angular 2 admin panel front-end framework
div.buttons-unit
a.button(href=installationArticleUrl) Installation guidelines
a.button(href=firstArticleUrl) Documentation
div.admin-screenshots
div.admin-screenshot
h3 Mint version
a.demo-link(href='http://akveo.com/blur-admin-mint/',target='_blank')
img(src=contents.images['blur-preview-mint.jpg'].url)
span.demo-link-label Demo
div.admin-screenshot
h3 Blur version (experimental)
a.demo-link(href='http://akveo.com/blur-admin/',target='_blank')
img(src=contents.images['blur-preview.jpg'].url)
span.demo-link-label Demo
div.browser-mockup
a.demo-link(href='http://akveo.com/ng2-admin/',target='_blank')
img(src=contents.images['sky-preview.png'].url)
span.demo-link-label Demo
div.index-block
div.wrap
h1 Why BlurAdmin?
h1 Why ng2-admin?
div.why-items
div.why-item
img(src=contents.images['why-structure.svg'].url)
h4 Awesome structure
p Feature-based structure has proven itself as a good choice for large angular applications.
p Component-based structure is the best choice for large Angular 2 applications.
div.why-item
img(src=contents.images['why-design.svg'].url)
h4 Neat design
p We have put a lot of efforts and carefully selected each color and character for this template!
p We have put a lot of efforts and carefully selected each color and font for this template!
div.why-item
img(src=contents.images['why-practices.svg'].url)
h4 Ease of customization
h4 Ease for customization
p Check out #[a(href='/blur-admin/articles/011-changing-color-scheme') our article], where we describe how you can create different look in just 2 minutes!
div.index-block.black
div.wrap
h1 Is it free?
p Blur admin is completely free and MIT licensed. That means you can do whatever you want with it.
p
| Initially we planned to sell it on template markets.
| But they #[a(href='http://akveo.com/blog/why-i-hate-template-markets/',target='_blank') rejected us several times].
| That's why we decided to make it open-source. And honestly, we have completely no regrets about it!
| And we suggest you to not waste your money and use our template instead of paid ones!
| Trust us, it's better than large number of them.
p Yes, ng2-admin is completely free and MIT licensed. That means you can do with it whatever you want.
div.index-block
div.wrap
h1 How can I support you guys?
@ -64,6 +54,6 @@ block content
div.wrap
h1 Can I hire you?
p Yes! We are available for hire. Visit #[a(href='http://akveo.com',target='_blank') our homepage]
| or simply leave us a note to #[a(href='mailto:contact@akveo.com') contact@akveo.com].
| or simply leave us a note at #[a(href='mailto:contact@akveo.com') contact@akveo.com].
| We will be happy to work with you!

View file

@ -16,6 +16,8 @@ html(lang='en')
= locals.name
link(rel='alternate', href=locals.url+'/feed.xml', type='application/rss+xml', title=locals.description)
link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900|Anonymous+Pro:400,700,400italic,700italic&subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic')
link(rel='stylesheet', href='https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.0/gh-fork-ribbon.min.css')
link(rel='stylesheet', href=contents.css['main.css'].url)
link(rel='shortcut icon', href=contents.images['favicon.png'].url)
body(class=bodyclass)
@ -23,8 +25,8 @@ html(lang='en')
div.nav-main
div.wrap
a.nav-home(href=contents['index'].url)
img.nav-logo(src=contents.images['blur-admin-logo.png'].url, width=36,height=36)
| #[span.blur-label Blur]Admin
img.nav-logo(src=contents.images['logo.png'].url, width=24,height=24)
| #[span.blur-label ng2-]admin
ul.nav-site.nav-site-internal
li
a(class= locals.page.metadata.activeHome ? 'active': '')(href=contents['index'].url) Home
@ -35,9 +37,8 @@ html(lang='en')
block content
h2 Welcome to blur admin!
footer.wrap
div.left Powered by Angular, Bootsrap, Gulp and more...
div.left Powered by Angular 2, Bootstrap 4, Webpack and many more...
div.right
| © 20152016 Akveo LLC<br />
| Documentation licensed under #[a(href='https://creativecommons.org/licenses/by/4.0/') CC BY 4.0].
a(href='https://github.com/akveo/blur-admin')
img(style='position: fixed; top: 0; right: 0; border: 0; z-index: 1000;',src='https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67',alt='Fork me on GitHub',data-canonical-src='https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png')
a(href='https://github.com/akveo/ng2-admin', class='github-fork-ribbon', title="Star & Fork on GitHub")