Sebastiaan Janssen
829 lines
21 KiB
HTML
829 lines
21 KiB
HTML
<!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 API’s 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 API’s 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> |