-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (77 loc) · 2.82 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!doctype html>
<html ng-app="myApp">
<head>
<link href="vender/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<link href="vender/bootstrap/dist/css/bootstrap-theme.css" rel="stylesheet">
<link href="vender/github-markdown-css/github-markdown.css" rel="stylesheet">
<style type="text/css">
.markdown-body {
min-width: 200px;
max-width: 790px;
margin: 0 auto;
padding: 30px;
border: 1px solid #ddd;
border-radius: 3px
}
.slide.ng-leave {
position: relative;
}
.slide.ng-enter {
position: absolute;
}
.slide.ng-enter, .slide.ng-leave {
-webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.3s ease-in;
-moz-transition: -moz-transform 0.3s ease-in, opacity 0.3s ease-in;
-o-transition: -o-transform 0.3s ease-in, opacity 0.3s ease-in;
transition: transform 0.3s ease-in, opacity 0.3s ease-in;
}
.slide.ng-enter, .slide.ng-leave.ng-leave-active {
-webkit-transform: scaleX(0.0001);
-o-transform: scaleX(0.0001);
transform: scaleX(0.0001);
opacity: 0;
}
.slide, .slide.ng-enter.ng-enter-active {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
opacity: 1;
}
</style>
</head>
<body >
<div class="navbar navbar-default">
<div class="container">
<a class="navbar-brand" ui-sref="home">Home</a>
<ul class="nav navbar-nav">
<li ng-class="{active: $state.includes('archives')}"><a ui-sref="archives">Archives</a></li>
<li ui-sref-active="active"><a ui-sref="about">About Me</a></li>
</ul>
</div>
</div>
<div>
<div class="container">
<div ui-view class="slide"></div>
</div>
</div>
<hr>
<footer id="footer" class="row l-footer border-top">
<div class="container">
<div>
<div class="col-md-4">
© 2015 Ivan<br>
</div>
<div class="col-md-4 pull-right" style='text-align:right'>
Powered by <a href="https://github.com/CoderIvan/coderivan.github.io/tree/tools" target="_blank">MySelf</a>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="vender/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="vender/bootstrap/dist/js/bootstrap.js"></script>
<script type="text/javascript" src="vender/angular/angular.js"></script>
<script type="text/javascript" src="vender/angular-ui-router/release/angular-ui-router.js"></script>
<script type="text/javascript" src="vender/angular-animate/angular-animate.js"></script>
<script type="text/javascript" src="scripts/main.js"></script>
</body>
</html>