Sebastiaan Janssen
363 lines
8.9 KiB
HTML
363 lines
8.9 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="profile 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>
|
|
|
|
<div class="wrapper">
|
|
|
|
<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>
|
|
|
|
<div id="toggle" class="menu-toggle">
|
|
<a href="#" class="toggle cross"><span></span></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 class="open">
|
|
<a href="profile.html"><h3>Profile</h3></a>
|
|
<ul class="level-2">
|
|
<li><h4>Avatar</h4></li>
|
|
<li><h4>Name</h4></li>
|
|
<li><h4>Email</h4></li>
|
|
<li><h4>Password</h4></li>
|
|
<li><h4>Company</h4></li>
|
|
<li><h4>Bio</h4></li>
|
|
<li><h4>Twitter Alias</h4></li>
|
|
<li><h4>Location</h4></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="profile-packages.html"><h3>Packages</h3></a>
|
|
<ul class="level-2">
|
|
<li><h4>Create package</h4></li>
|
|
<li><h4>Existing</h4></li>
|
|
<li><h4>Contributions</h4></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li>
|
|
<a href=""><h3>Following</h3></a>
|
|
<ul class="level-2">
|
|
<li><h4>View followed threads</h4></li>
|
|
</ul>
|
|
</li>
|
|
|
|
</ul>
|
|
</nav>
|
|
|
|
</div><!-- .content-wrapper -->
|
|
</div><!-- .sidebar-content -->
|
|
</div><!-- .sidebar-area -->
|
|
|
|
<div class="main-area">
|
|
<div class="main-content">
|
|
<div class="content-wrapper">
|
|
|
|
<div class="profile-settings">
|
|
|
|
<strong>Change your profile</strong>
|
|
|
|
<div class="profile-settings-forms">
|
|
|
|
<form action="">
|
|
|
|
<div class="avatar" id="avatar">
|
|
<label for="avatar">
|
|
Avatar
|
|
</label>
|
|
|
|
<div class="avatar-image inked">
|
|
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/anoff/128.jpg" alt="">
|
|
<span>Change image</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="profile-input" id="username">
|
|
<label for="username">
|
|
Username
|
|
</label>
|
|
<input type="text" name="" value="simonbusborg" id="">
|
|
</div>
|
|
|
|
|
|
<div class="profile-input" id="email">
|
|
<label for="email">
|
|
E-mail
|
|
</label>
|
|
<input type="email" name="" value="simon@umbraco.com" id="">
|
|
</div>
|
|
|
|
|
|
<div class="profile-input" id="password">
|
|
<label for="password">
|
|
Password
|
|
</label>
|
|
<input type="password" name="" value="simonbusborg" class="password-input">
|
|
</div>
|
|
|
|
<div class="profile-input confirm-password" id="password">
|
|
<label for="confirm-password">
|
|
Confirm
|
|
</label>
|
|
<input type="password" name="" value="simonbusborg" class="password-input">
|
|
</div>
|
|
|
|
|
|
<div class="profile-input" id="bio">
|
|
<label for="bio">
|
|
Bio
|
|
</label>
|
|
<textarea></textarea>
|
|
</div>
|
|
|
|
|
|
<div class="profile-input" id="twitter-alias">
|
|
<label for="twitter-alias">
|
|
Twitter
|
|
</label>
|
|
<input type="text" name="" value="@simonbusborg" id="">
|
|
</div>
|
|
|
|
|
|
<div class="profile-input" id="located-at">
|
|
<label for="located-at">
|
|
Location
|
|
</label>
|
|
<input type="text" name="" value="Odense, Denmark" id="">
|
|
</div>
|
|
|
|
|
|
<input class="button green" type="submit" value="Save changes">
|
|
|
|
<small class="notification success">
|
|
Changes saved
|
|
</small>
|
|
|
|
|
|
</form>
|
|
|
|
</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-12">
|
|
Our.umbraco.org is the community mothership for Umbraco, the open source asp.net cms. With a friendly forum for all your questions, a comprehensive documentation and the a ton of packages from the community.
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
</div> <!-- Wrapper end -->
|
|
|
|
|
|
<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 a').on('click', function (e) {
|
|
e.preventDefault();
|
|
var bla = $(this).parent();
|
|
$('.sidebar-content nav li').removeClass('active');
|
|
$(this).parent('li').toggleClass('active');
|
|
$(this).parent().siblings('li').removeClass('open');
|
|
$(this).parent('li').toggleClass('open');
|
|
console.log(bla);
|
|
});
|
|
|
|
|
|
$('.password-input').focus(function () {
|
|
$('.confirm-password').addClass('visible')
|
|
});
|
|
|
|
$('.password-input').blur(function () {
|
|
if($('.confirm-password').val() == '') {
|
|
$('.confirm-password').removeClass('visible');
|
|
}
|
|
});
|
|
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html> |