Files
blur-admin/articles/012-project-structure/index.html
2016-05-13 22:29:42 +03:00

80 lines
5.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<meta name="keywords" content="admin,dashboard,template,angular,bootstrap,blur,panel,html,css,javascript">
<title>BlurAdmin documentation - Project Structure</title>
<link rel="alternate" href="http://localhost:8080/feed.xml" type="application/rss+xml" title="Ramblings of an immor(t)al demigod">
<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&amp;subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic">
<link rel="stylesheet" href="/blur-admin/css/main.css">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png">
</head>
<body>
<div class="container">
<div class="nav-main">
<div class="wrap"><a href="/blur-admin/" class="nav-home"><img src="/blur-admin/images/blur-admin-logo.png" width="36" height="36" class="nav-logo">&nbsp;<span class="blur-label">Blur</span>Admin</a>
<ul class="nav-site nav-site-internal">
<li><a href="/blur-admin/">Home</a></li>
<li><a href="/blur-admin/articles/001-getting-started/" class="active">Docs</a></li>
</ul><span class="nav-docs-right">Need some help? Let us know! <a href="mailto:contact@akveo.com">contact@akveo.com</a></span>
</div>
</div>
<section class="content wrap documentationContent">
<div class="nav-docs">
<div class="nav-docs section">
<h3>Quick Start</h3>
<ul>
<li><a href="/blur-admin/articles/001-getting-started/">Getting Started</a></li>
<li><a href="/blur-admin/articles/002-installation-guidelines/">Installation Guidelines</a></li>
</ul>
</div>
<div class="nav-docs section">
<h3>Customization</h3>
<ul>
<li><a href="/blur-admin/articles/011-changing-color-scheme/">Changing Color Scheme</a></li>
<li><a href="/blur-admin/articles/012-project-structure/" class="active">Project Structure</a></li>
<li><a href="/blur-admin/articles/013-create-new-page/">Create New Page</a></li>
</ul>
</div>
<div class="nav-docs section">
<h3>Components</h3>
<ul>
<li><a href="/blur-admin/articles/051-sidebar/">Sidebar</a></li>
</ul>
</div>
</div>
<div class="inner-content">
<h1>Project Structure</h1>
<div class="subHeader"></div><p>Project structure was originally based on <a href="https://github.com/Swiip/generator-gulp-angular">this angular generator</a>. We made some changes we thought would be better for our particular&nbsp;problem.</p>
<p>The directory structure of this template is as&nbsp;follows:</p>
<pre><code>├── bower.json &lt;- front-end library dependencies
├── gulpfile.js &lt;- main task runner file
├── package.json &lt;- mostly task runner dependencies
├── docs/ &lt;- wintersmith documentation generator
├── gulp/ &lt;- build tasks
├── src/ &lt;- main front-end assets
│ ├── 404.html
│ ├── auth.html
│ ├── index.html &lt;- main app dashboard page
│ ├── reg.html
│ ├── app/ &lt;- angular application files
│ │ ├── app.js &lt;- angular application entry point. Used for managing dependencies
│ │ ├── pages/ &lt;- UI router pages. Pages created for demonstration purposes. Put your application js and html files here
│ │ ├── theme/ &lt;- theme components. Contains various common widgets, panels which used across application
│ ├── assets/ &lt;- static files (images, fonts etc.)
│ ├── sass/ &lt;- sass styles
│ │ ├── app/ &lt;- application styles. Used mostly for demonstration purposes. Put your app styles here.
│ │ ├── theme/ &lt;- theme styles. Used to customize bootstrap and other common components used in tempate.
</code></pre><p>In our template we tried to separate theme layer and presentation layer. We believe most of other templates have them combined. Thats why when you start developing using them, it gets very hard for you to remove things you dont need. Though we understand that our structure is not ideal, but were aiming to make it as good as&nbsp;possible.</p>
</div>
</section>
<footer class="wrap">
<div class="left">Powered by Angular, Bootsrap, Gulp and more...</div>
<div class="right">© 20152016 Akveo LLC<br />Documentation licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</div>
</footer>
</div>
</body>
</html>