Sebastiaan Janssen
408 lines
11 KiB
HTML
408 lines
11 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="forum">
|
|
|
|
<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="">
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<section class="forum-overview">
|
|
<div class="forum-single-thread">
|
|
|
|
<div class="forum-archive-header">
|
|
<ul id="breadcrumb">
|
|
<li><a href="/documentation" rel="nofollow">Our Umbraco</a></li><li><a href="/documentation/Extending-Umbraco" rel="nofollow">Forum</a></li><li><a href="/documentation/Extending-Umbraco/Dashboards" rel="nofollow">General Discussion</a></li><li><a href="/documentation/Extending-Umbraco/Dashboards" rel="nofollow">Starter kit solutions on Github: how to use?</a></li>
|
|
</ul>
|
|
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
<ul class="comments">
|
|
|
|
<li class="comment question"> <!-- Start of question -->
|
|
|
|
<div class="meta">
|
|
<div class="profile">
|
|
<a href="#">Darth Vader</a> has in total, 2452 karma points
|
|
</div>
|
|
<div class="time">
|
|
26 minutes ago
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comment-inner">
|
|
<a href="#" class="photo">
|
|
<!-- <img src="http://our.umbraco.org/media/avatar/140776.jpg"> -->
|
|
<span class="karma">Recieved 5 <br>Karma points</span>
|
|
</a>
|
|
<div class="body-meta">
|
|
<div class="topic">
|
|
<h2>
|
|
|
|
</h2>
|
|
</div>
|
|
<div class="categories">
|
|
<div class="category default">
|
|
<a href="#">no category</a>
|
|
</div>
|
|
<div class="version default">
|
|
<a href="#">no version</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="wmd-preview" class="wmd-panel wmd-preview markdown-syntax body"></div>
|
|
</div>
|
|
|
|
<div class="actions">
|
|
<!-- <div class="reply">
|
|
<a href="#">
|
|
<img src="https://cdn2.iconfinder.com/data/icons/freecns-cumulus/16/519627-127_ArrowLeft-16.png" alt=""> Reply
|
|
</a>
|
|
</div>
|
|
<div class="link">
|
|
<a href="#">
|
|
<img src="https://cdn0.iconfinder.com/data/icons/entypo/80/link5-16.png" alt=""> Copy link
|
|
</a>
|
|
</div> -->
|
|
<div class="post"><a class="button green tiny" href="">Create this topic</a></div>
|
|
</div>
|
|
|
|
</li> <!-- End of question -->
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<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>
|
|
|
|
<div class="markdown-spacer"></div>
|
|
<div id="markdown-editor" class="markdown-editor">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<input id="topic-title" class="markdown-control" name="topic-title" type="text" placeholder="Enter topic title">
|
|
</div>
|
|
<div class="col-sm-3 col-xs-6">
|
|
<select name="topic-category" id="topic-category" class="markdown-control">
|
|
<option value="Choose a category" selected disabled>Choose a category</option>
|
|
<option class="frontend" value="frontend">frontend</option>
|
|
<option class="core" value="core">core</option>
|
|
<option class="azure" value="azure">azure</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-sm-3 col-xs-6">
|
|
<select name="topic-version" id="topic-version" class="markdown-control">
|
|
<option value="Choose a version" selected disabled>Choose version</option>
|
|
<option value="Umbraco 7">Umbraco v7</option>
|
|
<option value="Umbraco 6">Umrbaco v6</option>
|
|
<option value="Umbraco 4">Umbraco v4</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row hidden-xs">
|
|
<div class="col-md-12">
|
|
<div id="wmd-button-bar"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row input-row">
|
|
<div id="input-container" class="col-md-12">
|
|
<textarea name="" id="wmd-input" cols="30" rows="10" class="wmd-input markdown-control"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-3 col-xs-6">
|
|
<input class="button green tiny" type="button" value="Create topic" id="topic-submit" class="markdown-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="markdown-close"></span>
|
|
<div class="draft">Draft</div>
|
|
</div>
|
|
|
|
|
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
|
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/pagedown/1.0/Markdown.Converter.js"
|
|
> </script>
|
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/pagedown/1.0/Markdown.Editor.js">
|
|
> </script>
|
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/pagedown/1.0/Markdown.Sanitizer.js"
|
|
> </script>
|
|
<script src="assets/js/app.min.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
classOnScroll('header', 'sticky', 10);
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
classOnScroll('header', 'sticky', 10);
|
|
|
|
(function () {
|
|
var converter = new Markdown.getSanitizingConverter();
|
|
var editor = new Markdown.Editor(converter);
|
|
editor.run();
|
|
|
|
var thisEditor = $('#markdown-editor'),
|
|
thisEditorTopic = $('#topic-title'),
|
|
thisEditorButtonRow = $('.wmd-button-row'),
|
|
thisEditorInput = $('.wmd-input'),
|
|
thisEditorPreview = $('.wmd-preview'),
|
|
thisEditorDraft = $('.draft'),
|
|
thisEditorSpacer = $('.markdown-spacer'),
|
|
thisEditorCategory = $('#topic-category'),
|
|
thisEditorVersion = $('#topic-version'),
|
|
|
|
newPostTopic = $('.topic h2'),
|
|
newCategory = $('.category'),
|
|
newVersion = $('.version');
|
|
|
|
thisEditorTopic.on('input', function (e) {
|
|
newPostTopic.text(thisEditorTopic.val());
|
|
});
|
|
|
|
thisEditorCategory.on('change', function () {
|
|
newCategory.attr('class', 'category ' + thisEditorCategory.val());
|
|
newCategory.find('a').text(thisEditorCategory.val());
|
|
});
|
|
|
|
thisEditorVersion.on('change', function () {
|
|
newVersion.find('a').text(thisEditorVersion.val());
|
|
newVersion.removeClass('default');
|
|
});
|
|
thisEditorVersion.on('change', function () {
|
|
});
|
|
|
|
$('.markdown-close').on('click', function () {
|
|
thisEditor.removeClass('write');
|
|
thisEditorSpacer.removeClass('write');
|
|
if($.trim(thisEditorPreview.text()) != "") {
|
|
thisEditorDraft.addClass('show');
|
|
}
|
|
});
|
|
|
|
thisEditorInput.on('scroll', function () {
|
|
var inputScroll = thisEditorInput.scrollTop(),
|
|
scrolledPercentage = (inputScroll / 300) * 100,
|
|
previewScrollHeight = document.getElementById('wmd-preview').scrollHeight,
|
|
previewScroll = (previewScrollHeight / 100) * scrolledPercentage + 2;
|
|
console.log(previewScroll);
|
|
|
|
thisEditorPreview.scrollTop(previewScroll);
|
|
});
|
|
|
|
thisEditorDraft.on('click', function () {
|
|
thisEditorDraft.removeClass('show');
|
|
showEditor();
|
|
});
|
|
|
|
function showEditor () {
|
|
thisEditor.addClass('write');
|
|
thisEditorSpacer.addClass('write');
|
|
setTimeout(function () {
|
|
thisEditorTopic.focus().delay(600);
|
|
}, 1000);
|
|
}
|
|
|
|
showEditor();
|
|
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html> |