Formatting and stuff

pull/637/head
Dennis Neufeld 9 years ago
parent 81aa879d3a
commit 81e784af15

7
.gitignore vendored

@ -1,10 +1,9 @@
*.DS_Store
*.log
*.zip
.idea
/nbproject/private/
/nbproject/
/nbproject/private/
/node_modules/
TODO
*.zip
test.html
*.log
test.html

@ -26,4 +26,4 @@
.user-block {
margin-bottom: 15px;
}
}
}

@ -108,4 +108,4 @@
}
}
}
}
}

@ -96,4 +96,4 @@ v2.0.0
- Enhanced border-radius consistency
- Added mailbox: inbox, read, and compose pages
- Bootstrap & jQuery are now hosted locally
- Created documentation.
- Created documentation.

@ -1,7 +1,8 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AdminLTE 2 | User Profile</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
@ -533,11 +534,11 @@
<div class="post">
<div class="user-block">
<img class="img-circle img-bordered-sm" src="../../dist/img/user1-128x128.jpg" alt="user image">
<span class='username'>
<span class="username">
<a href="#">Jonathan Burke Jr.</a>
<a href='#' class='pull-right btn-box-tool'><i class='fa fa-times'></i></a>
<a href="#" class="pull-right btn-box-tool"><i class="fa fa-times"></i></a>
</span>
<span class='description'>Shared publicly - 7:30 PM today</span>
<span class="description">Shared publicly - 7:30 PM today</span>
</div><!-- /.user-block -->
<p>
Lorem ipsum represents a long-held tradition for designers,
@ -557,13 +558,13 @@
<!-- Post -->
<div class="post clearfix">
<div class='user-block'>
<img class='img-circle img-bordered-sm' src='../../dist/img/user7-128x128.jpg' alt='user image'>
<span class='username'>
<div class="user-block">
<img class="img-circle img-bordered-sm" src="../../dist/img/user7-128x128.jpg" alt="User Image">
<span class="username">
<a href="#">Sarah Ross</a>
<a href='#' class='pull-right btn-box-tool'><i class='fa fa-times'></i></a>
<a href="#" class="pull-right btn-box-tool"><i class="fa fa-times"></i></a>
</span>
<span class='description'>Sent you a message - 3 days ago</span>
<span class="description">Sent you a message - 3 days ago</span>
</div><!-- /.user-block -->
<p>
Lorem ipsum represents a long-held tradition for designers,
@ -573,43 +574,43 @@
to Charlie Sheen fans.
</p>
<form class='form-horizontal'>
<div class='form-group margin-bottom-none'>
<div class='col-sm-9'>
<form class="form-horizontal">
<div class="form-group margin-bottom-none">
<div class="col-sm-9">
<input class="form-control input-sm" placeholder="Response">
</div>
<div class='col-sm-3'>
<button class='btn btn-danger pull-right btn-block btn-sm'>Send</button>
</div>
</div>
</div>
<div class="col-sm-3">
<button class="btn btn-danger pull-right btn-block btn-sm">Send</button>
</div>
</div>
</form>
</div><!-- /.post -->
<!-- Post -->
<div class="post">
<div class='user-block'>
<img class='img-circle img-bordered-sm' src='../../dist/img/user6-128x128.jpg' alt='user image'>
<span class='username'>
<div class="user-block">
<img class="img-circle img-bordered-sm" src="../../dist/img/user6-128x128.jpg" alt="User Image">
<span class="username">
<a href="#">Adam Jones</a>
<a href='#' class='pull-right btn-box-tool'><i class='fa fa-times'></i></a>
<a href="#" class="pull-right btn-box-tool"><i class="fa fa-times"></i></a>
</span>
<span class='description'>Posted 5 photos - 5 days ago</span>
<span class="description">Posted 5 photos - 5 days ago</span>
</div><!-- /.user-block -->
<div class='row margin-bottom'>
<div class='col-sm-6'>
<img class='img-responsive' src='../../dist/img/photo1.png' alt='Photo'>
<div class="row margin-bottom">
<div class="col-sm-6">
<img class="img-responsive" src="../../dist/img/photo1.png" alt="Photo">
</div><!-- /.col -->
<div class='col-sm-6'>
<div class='row'>
<div class='col-sm-6'>
<img class='img-responsive' src='../../dist/img/photo2.png' alt='Photo'>
<div class="col-sm-6">
<div class="row">
<div class="col-sm-6">
<img class="img-responsive" src="../../dist/img/photo2.png" alt="Photo">
<br>
<img class='img-responsive' src='../../dist/img/photo3.jpg' alt='Photo'>
<img class="img-responsive" src="../../dist/img/photo3.png" alt="Photo">
</div><!-- /.col -->
<div class='col-sm-6'>
<img class='img-responsive' src='../../dist/img/photo4.jpg' alt='Photo'>
<div class="col-sm-6">
<img class="img-responsive" src="../../dist/img/photo4.png" alt="Photo">
<br>
<img class='img-responsive' src='../../dist/img/photo1.png' alt='Photo'>
<img class="img-responsive" src="../../dist/img/photo1.png" alt="Photo">
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.col -->

@ -774,7 +774,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="Message User Image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text -->
@ -786,7 +786,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="Message User Image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
You better believe it!
</div><!-- /.direct-chat-text -->
@ -845,7 +845,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="Message User Image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text -->
@ -857,7 +857,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="Message User Image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
You better believe it!
</div><!-- /.direct-chat-text -->
@ -916,7 +916,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="Message User Image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text -->
@ -928,7 +928,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="Message User Image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
You better believe it!
</div><!-- /.direct-chat-text -->
@ -987,7 +987,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="Message User Image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text -->
@ -999,7 +999,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="Message User Image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
You better believe it!
</div><!-- /.direct-chat-text -->
@ -1068,7 +1068,7 @@
<!-- Add the bg color to the header using any of the bg-* classes -->
<div class="widget-user-header bg-aqua-active">
<h3 class="widget-user-username">Alexander Pierce</h3>
<h5 class="widget-user-desc">Founder & CEO</h5>
<h5 class="widget-user-desc">Founder &amp; CEO</h5>
</div>
<div class="widget-user-image">
<img class="img-circle" src="../dist/img/user1-128x128.jpg" alt="User Avatar">
@ -1138,45 +1138,45 @@
<div class="col-md-6">
<!-- Box Comment -->
<div class="box box-widget">
<div class='box-header with-border'>
<div class='user-block'>
<img class='img-circle' src='../dist/img/user1-128x128.jpg' alt='user image'>
<span class='username'><a href="#">Jonathan Burke Jr.</a></span>
<span class='description'>Shared publicly - 7:30 PM Today</span>
<div class="box-header with-border">
<div class="user-block">
<img class="img-circle" src="../dist/img/user1-128x128.jpg" alt="User Image">
<span class="username"><a href="#">Jonathan Burke Jr.</a></span>
<span class="description">Shared publicly - 7:30 PM Today</span>
</div><!-- /.user-block -->
<div class='box-tools'>
<button class='btn btn-box-tool' data-toggle='tooltip' title='Mark as read'><i class='fa fa-circle-o'></i></button>
<button class='btn btn-box-tool' data-widget='collapse'><i class='fa fa-minus'></i></button>
<button class='btn btn-box-tool' data-widget='remove'><i class='fa fa-times'></i></button>
<div class="box-tools">
<button class="btn btn-box-tool" data-toggle="tooltip" title="Mark as read"><i class="fa fa-circle-o"></i></button>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div><!-- /.box-tools -->
</div><!-- /.box-header -->
<div class='box-body'>
<div class="box-body">
<img class="img-responsive pad" src="../dist/img/photo2.png" alt="Photo">
<p>I took this photo this morning. What do you guys think?</p>
<button class='btn btn-default btn-xs'><i class='fa fa-share'></i> Share</button>
<button class='btn btn-default btn-xs'><i class='fa fa-thumbs-o-up'></i> Like</button>
<span class='pull-right text-muted'>127 likes - 3 comments</span>
<button class="btn btn-default btn-xs"><i class="fa fa-share"></i> Share</button>
<button class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-up"></i> Like</button>
<span class="pull-right text-muted">127 likes - 3 comments</span>
</div><!-- /.box-body -->
<div class='box-footer box-comments'>
<div class='box-comment'>
<div class="box-footer box-comments">
<div class="box-comment">
<!-- User image -->
<img class='img-circle img-sm' src='../dist/img/user3-128x128.jpg' alt='user image'>
<div class='comment-text'>
<img class="img-circle img-sm" src="../dist/img/user3-128x128.jpg" alt="User Image">
<div class="comment-text">
<span class="username">
Maria Gonzales
<span class='text-muted pull-right'>8:03 PM Today</span>
<span class="text-muted pull-right">8:03 PM Today</span>
</span><!-- /.username -->
It is a long established fact that a reader will be distracted
by the readable content of a page when looking at its layout.
</div><!-- /.comment-text -->
</div><!-- /.box-comment -->
<div class='box-comment'>
<div class="box-comment">
<!-- User image -->
<img class='img-circle img-sm' src='../dist/img/user4-128x128.jpg' alt='user image'>
<div class='comment-text'>
<img class="img-circle img-sm" src="../dist/img/user4-128x128.jpg" alt="User Image">
<div class="comment-text">
<span class="username">
Luna Stark
<span class='text-muted pull-right'>8:03 PM Today</span>
<span class="text-muted pull-right">8:03 PM Today</span>
</span><!-- /.username -->
It is a long established fact that a reader will be distracted
by the readable content of a page when looking at its layout.
@ -1185,7 +1185,7 @@
</div><!-- /.box-footer -->
<div class="box-footer">
<form action="#" method="post">
<img class="img-responsive img-circle img-sm" src="../dist/img/user4-128x128.jpg" alt="alt text">
<img class="img-responsive img-circle img-sm" src="../dist/img/user4-128x128.jpg" alt="Alt Text">
<!-- .img-push is used to add margin to elements next to floating images -->
<div class="img-push">
<input type="text" class="form-control input-sm" placeholder="Press enter to post comment">
@ -1197,19 +1197,19 @@
<div class="col-md-6">
<!-- Box Comment -->
<div class="box box-widget">
<div class='box-header with-border'>
<div class='user-block'>
<img class='img-circle' src='../dist/img/user1-128x128.jpg' alt='user image'>
<span class='username'><a href="#">Jonathan Burke Jr.</a></span>
<span class='description'>Shared publicly - 7:30 PM Today</span>
<div class="box-header with-border">
<div class="user-block">
<img class="img-circle" src="../dist/img/user1-128x128.jpg" alt="User Image">
<span class="username"><a href="#">Jonathan Burke Jr.</a></span>
<span class="description">Shared publicly - 7:30 PM Today</span>
</div><!-- /.user-block -->
<div class='box-tools'>
<button class='btn btn-box-tool' data-toggle='tooltip' title='Mark as read'><i class='fa fa-circle-o'></i></button>
<button class='btn btn-box-tool' data-widget='collapse'><i class='fa fa-minus'></i></button>
<button class='btn btn-box-tool' data-widget='remove'><i class='fa fa-times'></i></button>
<div class="box-tools">
<button class="btn btn-box-tool" data-toggle="tooltip" title="Mark as read"><i class="fa fa-circle-o"></i></button>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div><!-- /.box-tools -->
</div><!-- /.box-header -->
<div class='box-body'>
<div class="box-body">
<!-- post text -->
<p>Far far away, behind the word mountains, far from the
countries Vokalia and Consonantia, there live the blind
@ -1222,7 +1222,7 @@
<!-- Attachment -->
<div class="attachment-block clearfix">
<img class="attachment-img" src="../dist/img/photo1.png" alt="attachment image">
<img class="attachment-img" src="../dist/img/photo1.png" alt="Attachment Image">
<div class="attachment-pushed">
<h4 class="attachment-heading"><a href="http://www.lipsum.com/">Lorem ipsum text generator</a></h4>
<div class="attachment-text">
@ -1233,30 +1233,30 @@
</div><!-- /.attachment-block -->
<!-- Social sharing buttons -->
<button class='btn btn-default btn-xs'><i class='fa fa-share'></i> Share</button>
<button class='btn btn-default btn-xs'><i class='fa fa-thumbs-o-up'></i> Like</button>
<span class='pull-right text-muted'>45 likes - 2 comments</span>
<button class="btn btn-default btn-xs"><i class="fa fa-share"></i> Share</button>
<button class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-up"></i> Like</button>
<span class="pull-right text-muted">45 likes - 2 comments</span>
</div><!-- /.box-body -->
<div class='box-footer box-comments'>
<div class='box-comment'>
<div class="box-footer box-comments">
<div class="box-comment">
<!-- User image -->
<img class='img-circle img-sm' src='../dist/img/user3-128x128.jpg' alt='user image'>
<div class='comment-text'>
<img class="img-circle img-sm" src="../dist/img/user3-128x128.jpg" alt="User Image">
<div class="comment-text">
<span class="username">
Maria Gonzales
<span class='text-muted pull-right'>8:03 PM Today</span>
<span class="text-muted pull-right">8:03 PM Today</span>
</span><!-- /.username -->
It is a long established fact that a reader will be distracted
by the readable content of a page when looking at its layout.
</div><!-- /.comment-text -->
</div><!-- /.box-comment -->
<div class='box-comment'>
<div class="box-comment">
<!-- User image -->
<img class='img-circle img-sm' src='../dist/img/user5-128x128.jpg' alt='user image'>
<div class='comment-text'>
<img class="img-circle img-sm" src="../dist/img/user5-128x128.jpg" alt="User Image">
<div class="comment-text">
<span class="username">
Nora Havisham
<span class='text-muted pull-right'>8:03 PM Today</span>
<span class="text-muted pull-right">8:03 PM Today</span>
</span><!-- /.username -->
The point of using Lorem Ipsum is that it has a more-or-less
normal distribution of letters, as opposed to using
@ -1266,7 +1266,7 @@
</div><!-- /.box-footer -->
<div class="box-footer">
<form action="#" method="post">
<img class="img-responsive img-circle img-sm" src="../dist/img/user4-128x128.jpg" alt="alt text">
<img class="img-responsive img-circle img-sm" src="../dist/img/user4-128x128.jpg" alt="Alt Text">
<!-- .img-push is used to add margin to elements next to floating images -->
<div class="img-push">
<input type="text" class="form-control input-sm" placeholder="Press enter to post comment">

Loading…
Cancel
Save