Files
OurUmbraco/OurUmbraco.Client/build/structural.html
T

829 lines
21 KiB
HTML
Raw Normal View History

<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="robots" content="noindex">
<link href='http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="assets/css/style.min.css" />
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
<![endif]-->
</head>
<body class="has-sidebar">
<div class="quick-menu">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="close">
<i class="icon-Delete"></i>Close
</div>
<div class="settings">
<a href="profile.html"><i class="icon-Settings"></i>Edit profile</a>
</div>
<div class="user-image">
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/anoff/128.jpg" alt="">
</div>
<div class="user-profile">
<h2>Darth Vader</h2>
<div class="karma">
2410
</div>
<div class="user-twitter">
<a href="#">@darthvader</a>
</div>
<span class="roles">
<span class="core">core</span>
<span class="mvp">mvp</span>
<span class="admin">admin</span>
<span class="hq">hq</span>
<span class="c-trib">c-trib</span>
</span>
</div>
<small>
Activity in threads you participated in
</small>
<div class="user-latest-posts">
<a href="forum-thread.html" class="forum-thread">
<div class="row">
<div class="col-xs-10 col-md-8">
<div class="forum-thread-text">
<h3>Allow user to change site design</h3>
<p>Reply by Dennis Aaen 7 minutes ago</p>
</div>
</div>
<div class="col-xs-2 col-md-4">
<div class="category frontend"><span class="cat">Frontend</span></div>
</div>
</div>
</a>
<a href="forum-thread.html" class="forum-thread">
<div class="row">
<div class="col-xs-10 col-md-8">
<div class="forum-thread-text">
<h3>Allow user to change site design</h3>
<p>Reply by Dennis Aaen 7 minutes ago</p>
</div>
</div>
<div class="col-xs-2 col-md-4">
<div class="category frontend"><span class="cat">Frontend</span></div>
</div>
</div>
</a>
<a href="forum-thread.html" class="forum-thread">
<div class="row">
<div class="col-xs-10 col-md-8">
<div class="forum-thread-text">
<h3>Allow user to change site design</h3>
<p>Reply by Dennis Aaen 7 minutes ago</p>
</div>
</div>
<div class="col-xs-2 col-md-4">
<div class="category frontend"><span class="cat">Frontend</span></div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<header>
<div class="navigation">
<div class="container">
<div class="row">
<div class="col-md-3">
<a class="logo" href="index.html">
Our Umbraco
</a>
</div>
<nav class="col-md-9">
<ul>
<li><a href="forum.html">Forum</a></li>
<li><a href="#">Packages</a></li>
<li><a href="documentation.html">Docs</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Contribute</a></li>
<!-- <li><a href="#">Sign in</a></li> -->
<li>
<div class="user">
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/anoff/128.jpg" alt="">
<span class="notificationCount">
4
</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<div class="page-content">
<div class="sidebar-area">
<div class="sidebar-content">
<div class="content-wrapper">
<nav>
<ul class="level-1">
<li>
<a href=""><h3>Getting started</h3></a>
<ul class="level-2 open">
<li>
<a href=""><h4>Setup</h4></a>
<ul class="level-3">
<li><a href=""><h5>Requirements</h5></a></li>
<li>
<a href=""><h5>Install</h5></a>
</li>
<li>
<a href=""><h5>Config</h5></a>
</li>
<li>
<a href=""><h5>Server setup</h5></a>
</li>
</ul>
</li>
<li>
<a href=""><h4>Data</h4></a>
<ul class="level-3">
<li>
<a href=""><h5>Doc types</h5></a>
</li>
<li>
<a href=""><h5>Data types</h5></a>
</li>
<li>
<a href=""><h5>Content entry</h5></a>
</li>
</ul>
</li>
<li>
<a href=""><h4>Design</h4></a>
<ul class="level-3 open">
<li>
<a href=""><h5>Templates</h5></a>
</li>
<li>
<a href=""><h5>Razor</h5></a>
</li>
<li>
<a href=""><h5>Content/Media API</h5></a>
</li>
</ul>
</li>
<li>
<a href=""><h4>Code</h4></a>
<ul class="level-3">
<li>
<a href=""><h5>MVC</h5></a>
</li>
<li>
<a href=""><h5>Events</h5></a>
</li>
<li>
<a href=""><h5>Forms/Conttrollers</h5></a>
</li>
</ul>
</li>
<li>
<a href=""><h4>Extend</h4></a>
<ul class="level-3">
<li>
<a href=""><h5>Property Editors</h5></a>
</li>
<li>
<a href=""><h5>Trees</h5></a>
</li>
<li>
<a href=""><h5>Editors</h5></a>
</li>
<li>
<a href=""><h5>Angular JS</h5></a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a class="active" href=""><h3>Implementation</h3></a>
<ul class="level-2">
<li>
<a href=""><h4>Routing</h4></a>
<ul class="level-3">
<li>
<a href=""><h5>Routing</h5></a>
</li>
<li>
<a href=""><h5>Pipeline</h5></a>
</li>
<li>
<a href=""><h5>MVC</h5></a>
</li>
<li>
<a href=""><h5>Request</h5></a>
</li>
</ul>
</li>
<li>
<a href=""><h4>Content definition</h4></a>
<ul class="level-3">
<li>
<a href=""><h5>HTML</h5></a>
</li>
<li>
<a href=""><h5>CSS</h5></a>
</li>
<li>
<a href=""><h5>JS</h5></a>
</li>
<li>
<h5>Clientdependency</h5>
</li>
</ul>
</li>
<li>
<a href=""><h4>Templating</h4></a>
<ul class="level-3">
<li>
<a href=""><h5>MVC</h5></a>
</li>
<li>
<a href=""><h5>Templating</h5></a>
</li>
<li>
<a href=""><h5>Rendering</h5></a>
</li>
<li>
<a href=""><h5>Razor</h5></a>
</li>
<li>
<a href=""><h5>Content APIs</h5></a>
</li>
</ul>
</li>
<li>
<a href=""><h4>Query data</h4></a>
<ul class="level-3">
<li>
<a href=""><h5>Events</h5></a>
</li>
<li>
<a href=""><h5>APIs</h5></a>
</li>
<li>
<a href=""><h5>Services</h5></a>
</li>
<li>
<a href=""><h5>Lowerlevel APIs</h5></a>
</li>
</ul>
</li>
<li>
<a href=""><h4>Client side</h4></a>
<ul class="level-3">
<li>
<a href=""><h5>Tables</h5></a>
</li>
<li>
<a href=""><h5>Schemas</h5></a>
</li>
<li>
<a href=""><h5>Migrations</h5></a>
</li>
<li>
<a href=""><h5>Upgrades</h5></a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a class="active" href=""><h3>Extending</h3></a>
<ul class="level-2">
<li>
<a href=""><h4>Property Editors</h4></a>
<ul class="level-3">
<li>
<a href=""><h5>Package manifest</h5></a>
</li>
<li>
<a href=""><h5>Controller</h5></a>
</li>
<li>
<a href=""><h5>Views</h5></a>
</li>
<li>
<a href=""><h5>Dependencies</h5></a>
</li>
</ul>
</li>
<li>
<a href=""><h4>Dashboards</h4></a>
<ul class="level-3">
<li>
<a href=""><h5>View</h5></a>
</li>
<li>
<a href=""><h5>Sections</h5></a>
</li>
<li>
<a href=""><h5>Controller</h5></a>
</li>
</ul>
</li>
<li>
<a href=""><h4>Sections</h4></a>
<ul class="level-3">
<li>
<a href=""><h5>MVC</h5></a>
</li>
<li>
<a href=""><h5>Templating</h5></a>
</li>
<li>
<a href=""><h5>Rendering</h5></a>
</li>
<li>
<a href=""><h5>Razor</h5></a>
</li>
<li>
<a href=""><h5>Content APIs</h5></a>
</li>
</ul>
</li>
<li>
<a href=""><h4>Trees</h4></a>
<ul class="level-3">
<li>
<a href=""><h5>Events</h5></a>
</li>
<li>
<a href=""><h5>APIs</h5></a>
</li>
<li>
<a href=""><h5>Services</h5></a>
</li>
<li>
<a href=""><h5>Lowerlevel APIs</h5></a>
</li>
</ul>
</li>
<li>
<a href=""><h4>Packages</h4></a>
<ul class="level-3">
<li>
<a href=""><h5>Tables</h5></a>
</li>
<li>
<a href=""><h5>Schemas</h5></a>
</li>
<li>
<a href=""><h5>Migrations</h5></a>
</li>
<li>
<a href=""><h5>Upgrades</h5></a>
</li>
</ul>
</li>
<li>
<a href=""><h4>Languages</h4></a>
<ul class="level-3">
<li>
<a href=""><h5>Add language</h5></a>
</li>
<li>
<a href=""><h5>Modify language</h5></a>
</li>
</ul>
</li>
<li>
<a href=""><h4>Database</h4></a>
<ul class="level-3">
<li>
<a href=""><h5>Tables</h5></a>
</li>
<li>
<a href=""><h5>Schemas</h5></a>
</li>
<li>
<a href=""><h5>Migrations</h5></a>
</li>
<li>
<a href=""><h5>Upgrades</h5></a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<h3>Umbraco v4/v6</h3>
</li>
</ul>
</nav>
</div><!-- .content-wrapper -->
</div><!-- .sidebar-content -->
</div>
<div class="main-area">
<div class="main-content">
<div class="content-wrapper">
<div>
<ul id="breadcrumb">
<li><a href="/">Our</a></li>
<li><a href="/documentation">Documentation</a></li>
</ul>
</div>
<div id="markdown-docs" class="markdown-syntax">
<div class="search-big">
<input type="search" required placeholder="Search in documentaion">
<label for="search">Search documentation</label>
</div>
<h1>Getting Started</h1>
<p><em>All the basics of using Umbraco v7. From making a local installation to extending the backend.</em></p>
</div><!-- #markdown-docs -->
<div class="row">
<div class="col-xs-3 point">
</div>
<div class="col-xs-3">
<span class="dot big icon-Wrench">
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
<span class="dot small">
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
<span class="dot small">
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
</div>
<div class="col-xs-9">
<div class="row explain">
<div class="col-xs-12">
<h4 class="text-right"><a href="Setup/">Setup</a></h4>
<small>Covers how to install and configure your Umbraco installation</small>
</div>
<div class="col-xs-6">
<h5><a href="Setup/Requirements/">Requirements</a></h5>
<small>What is needed to run Umbraco?</small>
</div>
<div class="col-xs-6">
<h5><a href="Setup/Install/">Install</a></h5>
<small>How to install Umbraco</small>
</div>
<div class="col-xs-6">
<h5><a href="Setup/Config/">Request</a></h5>
<small>Finds the matching content for the request</small>
</div>
<div class="col-xs-6">
<h5><a href="Setup/Server-Setup/">Server Setup</a></h5>
<small>Setting up a SQL server for your installation</small>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<span class="dot big icon-untitled">
<span class="line v-line top"></span>
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
<span class="dot small">
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
<span class="dot small">
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
</div>
<div class="col-xs-9">
<div class="row explain">
<div class="col-xs-12">
<h4 class="text-right"><a href="Data/">Data</a></h4>
<small>Define content entry points with document types and datatypes.</small>
</div>
<div class="col-xs-6">
<h5><a href="Data/Document-Types/">Document Types</a></h5>
<small>Content has a content type that defines its data</small>
</div>
<div class="col-xs-6">
<h5><a href="Data/Data-Types/">Data Types</a></h5>
<small>It has a template that defines its presentation</small>
</div>
<div class="col-xs-6">
<h5><a href="Data/Content-Entry/">Content Entry</a></h5>
<small>Based on the schema a template is loaded</small>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<span class="dot big icon-Palette">
<span class="line v-line top"></span>
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
<span class="dot small">
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
<span class="dot small">
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
</div>
<div class="col-xs-9">
<div class="row explain">
<div class="col-xs-12">
<h4 class="text-right"><a href="Design/">Design</a></h4>
<small>Create templates and views with your own markup and use Razor to render content.</small>
</div>
<div class="col-xs-6">
<h5><a href="Design/Templates/">Templates</a></h5>
<small>Template is rendered with Razor</small>
</div>
<div class="col-xs-6">
<h5><a href="/Design/Razor/">Razor</a></h5>
<small>Model refers to the found content</small>
</div>
<div class="col-xs-6">
<h5><a href="/Design/Content-Media-API/">Content API</a></h5>
<small>There are APIs to query media, members and content in the cache</small>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<span class="dot big icon-Code">
<span class="line v-line top"></span>
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
<span class="dot small">
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
<span class="dot small">
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
</div>
<div class="col-xs-9">
<div class="row explain">
<div class="col-xs-12">
<h4 class="text-right"><a href="Code/">Code</a></h4>
</div>
<div class="col-xs-6">
<h5><a href="Code/MVC/">MVC</a></h5>
<small>Template is rendered with Razor</small>
</div>
<div class="col-xs-6">
<h5><a href="Code/Events/">Events</a></h5>
<small>Model refers to the found content</small>
</div>
<div class="col-xs-6">
<h5><a href="Code/Forms-Controllers">Forms/Controllers</a></h5>
<small>There are APIs to query media, members and content in the cache</small>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<span class="dot big icon-Height">
<span class="line v-line top"></span>
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
<span class="dot small">
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
<span class="dot small">
<span class="line h-line"></span>
<span class="line v-line"></span>
</span>
</div>
<div class="col-xs-9">
<div class="row explain">
<div class="col-xs-12">
<h4><a href="Extend/">Extend</a></h4>
<small>Extending Umbraco with custom sections and editors</small>
</div>
<div class="col-xs-6">
<h5><a href="Extend/Property-Editors">Property Editors</a></h5>
<small>Template is rendered with Razor</small>
</div>
<div class="col-xs-6">
<h5><a href="Extend/Trees/">Trees</a></h5>
<small>Funky javascript</small>
</div>
<div class="col-xs-6">
<h5><a href="Extend/Editors/">Editors</a></h5>
<small>Make things pretty and UNICORNY</small>
</div>
<div class="col-xs-6">
<h5>Angular JS</h5>
<small>And use client dependency to optimise</small>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-3">
<span class="dot big icon-Height">
<span class="line v-line top"></span>
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
<span class="dot small">
<span class="line v-line"></span>
<span class="line h-line"></span>
</span>
<span class="dot small">
<span class="line h-line"></span>
</span>
</div>
<div class="row">
<div class="col-xs-3">
<span class="dot small">
<span>class</span>
</span>
</div>
</div>
<div class="col-xs-9">
<div class="row explain">
<div class="col-xs-12">
<h4><a href="Extend/">Services</a></h4>
<small>Extending Umbraco with custom sections and editors</small>
</div>
<div class="col-xs-6">
<h5><a href="Extend/Property-Editors">Property Editors</a></h5>
<small>Template is rendered with Razor</small>
</div>
<div class="col-xs-6">
<h5><a href="Extend/Trees/">Trees</a></h5>
<small>Funky javascript</small>
</div>
<div class="col-xs-6">
<h5><a href="Extend/Editors/">Editors</a></h5>
<small>Make things pretty and UNICORNY</small>
</div>
<div class="col-xs-6">
<h5>Angular JS</h5>
<small>And use client dependency to optimise</small>
</div>
</div>
</div>
</div>
</div><!-- .content-wrapper -->
</div><!-- .main-content -->
</div><!-- .main-area -->
</div><!-- .page-content -->
<footer>
<div class="container">
<div class="row">
<div class="col-xs-6 col-md-3">
<ul>
<strong>Klara</strong>
<li><a href="#">Lore</a></li>
<li><a href="#">Lora</a></li>
<li><a href="#">Klaurmsi</a></li>
<li><a href="#">Wrapuerdu</a></li>
</ul>
</div>
<div class="col-xs-6 col-md-3">
<ul>
<strong>Klara</strong>
<li><a href="#">Lore</a></li>
<li><a href="#">Lora</a></li>
<li><a href="#">Klaurmsi</a></li>
<li><a href="#">Wrapuerdu</a></li>
</ul>
</div>
<div class="col-xs-6 col-md-3">
<ul>
<strong>Klara</strong>
<li><a href="#">Lore</a></li>
<li><a href="#">Lora</a></li>
<li><a href="#">Klaurmsi</a></li>
<li><a href="#">Wrapuerdu</a></li>
</ul>
</div>
<div class="col-xs-6 col-md-3">
<ul>
<strong>Klara</strong>
<li><a href="#">Lore</a></li>
<li><a href="#">Lora</a></li>
<li><a href="#">Klaurmsi</a></li>
<li><a href="#">Wrapuerdu</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//maps.googleapis.com/maps/api/js?sensor=false&extension=.js"></script>
<script src="assets/js/app.min.js"></script>
<script type="text/javascript">
(function () {
classOnScroll('.sidebar', 'fixed', 120);
classOnScroll('header', 'sticky', 10);
// temporary sidebar fuctionality
$('.level-1 li').on('click', function (e) {
e.preventDefault();
var bla = $(this).parent();
$('.sidebar-content nav li').removeClass('active');
$(this).toggleClass('active');
$(this).siblings('li').removeClass('open');
$(this).addClass('open');
console.log($(this));
});
})();
</script>
</body>
</html>