Skip to content

Commit a37c611

Browse files
author
Dean Sofer
committed
Added header block and social buttons
Copied over from AngularUI page
1 parent a4fb6ed commit a37c611

File tree

2 files changed

+97
-2
lines changed

2 files changed

+97
-2
lines changed

‎assets/demo.css‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,56 @@ body {
99
opacity: 0;
1010
}
1111

12+
13+
.hero-unit {
14+
position: relative;
15+
padding: 40px 0;
16+
color: #fff;
17+
text-align: center;
18+
text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
19+
background: #020031;
20+
background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%);
21+
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353));
22+
background: -webkit-linear-gradient(45deg, #020031 0%,#6d3353 100%);
23+
background: -o-linear-gradient(45deg, #020031 0%,#6d3353 100%);
24+
background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%);
25+
background: linear-gradient(45deg, #020031 0%,#6d3353 100%);
26+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 );
27+
-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
28+
-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
29+
box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
30+
border-radius: 0;
31+
-moz-border-radius: 0;
32+
-webkit-border-radius: 0;
33+
-o-border-radius: 0;
34+
}
35+
.hero-unit .btn, .pagination-centered .btn {
36+
float: none;
37+
font-weight: normal;
38+
}
39+
.hero-unit p {
40+
margin: 1em 0;
41+
}
42+
.bs-docs-social {
43+
margin-top: 1em;
44+
padding: 15px 0;
45+
text-align: center;
46+
background-color: rgba(245,245,245,0.3);
47+
border-top: 1px solid rgba(255,255,255,0.3);
48+
border-bottom: 1px solid rgba(221,221,221,0.3);
49+
}
50+
.bs-docs-social-buttons {
51+
margin-left: 0;
52+
margin-bottom: 0;
53+
padding-left: 0;
54+
list-style: none;
55+
}
56+
.bs-docs-social-buttons li {
57+
display: inline-block;
58+
padding: 5px 8px;
59+
line-height: 1;
60+
}
61+
1262
/* Not enough room on mobile for markup tab, js tab, and plunk btn.
1363
And no one cares about plunk button on a phone anyway */
1464
@media only screen and (max-device-width: 480px) {

‎index.html‎

Lines changed: 47 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,9 +21,9 @@
2121
</head>
2222
<body class="ng-cloak">
2323
<header class="navbar navbar-fixed-top">
24-
<a href="https://github.com/angular-ui/bootstrap">
24+
<!-- <a href="https://github.com/angular-ui/bootstrap">
2525
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub">
26-
</a>
26+
</a> -->
2727
<div class="navbar-inner">
2828
<div class="container">
2929
<a class="brand" href="#">ui-bootstrap</a>
@@ -53,6 +53,51 @@
5353
</header>
5454
<div style="margin: 32px;"></div>
5555
<div role="main">
56+
57+
58+
<header class="hero-unit" id="overview">
59+
<div class="container">
60+
<h1>
61+
UI Bootstrap
62+
</h1>
63+
<p>Bootstrap for <strong><a href="http://angularjs.org">AngularJS</a></strong> by the <strong><a href="http://angular-ui.github.com">AngularUI Team</a></strong></p>
64+
<p class="btn-group">
65+
<a class="btn btn-large" href="https://github.com/angular-ui/bootstrap"><!-- <i class="icon-github"></i> --> Code on Github</a><a class="btn btn-large btn-primary" href="https://github.com/angular-ui/bootstrap/tags"><!-- <i class="icon-download-alt icon-white"></i> --> Download</a>
66+
</p>
67+
</div>
68+
<div class="bs-docs-social">
69+
<div class="container">
70+
<ul class="bs-docs-social-buttons">
71+
<li>
72+
<iframe src="http://ghbtns.com/github-btn.html?user=angular-ui&repo=bootstrap&type=watch&count=true"
73+
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
74+
</li>
75+
<li>
76+
<iframe src="http://ghbtns.com/github-btn.html?user=angular-ui&repo=bootstrap&type=fork&count=true"
77+
allowtransparency="true" frameborder="0" scrolling="0" width="95" height="20"></iframe>
78+
</li>
79+
<li>
80+
<a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="angularjs">Tweet</a>
81+
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
82+
</li>
83+
<li>
84+
<!-- Place this tag where you want the +1 button to render. -->
85+
<div class="g-plusone" data-size="medium"></div>
86+
87+
<!-- Place this tag after the last +1 button tag. -->
88+
<script type="text/javascript">
89+
(function() {
90+
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
91+
po.src = 'https://apis.google.com/js/plusone.js';
92+
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
93+
})();
94+
</script>
95+
</li>
96+
</ul>
97+
</div>
98+
</div>
99+
</header>
100+
56101
<div class="container container-fluid">
57102

58103
<section id="accordion">

0 commit comments

Comments
 (0)