Skip to content

Commit 4f6b073

Browse files
author
Dean Sofer
committed
Social crap
1 parent d036d19 commit 4f6b073

File tree

2 files changed

+102
-13
lines changed

2 files changed

+102
-13
lines changed

‎css/app.css‎

Lines changed: 50 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
1+
/*** Docs ***/
12
body {
2-
margin-top: 60px;
3+
margin-top: 40px;
34
}
45
section {
56
padding-top: 40px;
@@ -9,7 +10,54 @@ section {
910
width: 16px;
1011
height: 16px;
1112
}
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+
}
1361

1462
/*** Reset ***/
1563
.ui-reset {

‎index.html‎

Lines changed: 52 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -109,18 +109,59 @@
109109
</div>
110110
</header>
111111
<div role="main">
112-
<div class="container">
113-
<header class="hero-unit" id="overview">
114-
<p class="pull-right btn-group">
115-
<a class="btn btn-large" href="https://github.com/angular-ui/angular-ui"><i class="icon-github"></i> Code on Github</a>
116-
<a class="btn btn-large btn-primary" href="https://github.com/angular-ui/angular-ui/tags"><i class="icon-download-alt icon-white"></i> Download</a>
112+
113+
<header class="hero-unit" id="overview">
114+
<div class="container">
115+
<h1>
116+
AngularUI
117+
</h1>
118+
<p>The companion suite to the <strong><a href="http://angularjs.org">AngularJS</a></strong> framework.</p>
119+
<p class="btn-group">
120+
<a class="btn btn-large" href="https://github.com/angular-ui/angular-ui"><i class="icon-github"></i> Code on Github</a><a class="btn btn-large btn-primary" href="https://github.com/angular-ui/angular-ui/tags"><i class="icon-download-alt icon-white"></i> Download</a>
117121
</p>
118-
<h1>AngularUI</h1>
119-
<p>The companion suite to the <a href="http://angularjs.org">AngularJS</a> framework.</p>
120-
<h3 class="alert alert-info pagination-centered" style="margin:2em 0 0">
121-
Check out the new <a href="http://angular-ui.github.com/bootstrap" class="btn btn-primary btn-large">Bootstrap Project</a> by the AngularUI Team!
122-
</h3>
123-
</header>
122+
</div>
123+
<div class="bs-docs-social">
124+
<div class="container">
125+
<ul class="bs-docs-social-buttons">
126+
<li>
127+
<iframe src="http://ghbtns.com/github-btn.html?user=angular-ui&repo=angular-ui&type=watch&count=true"
128+
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
129+
</li>
130+
<li>
131+
<iframe src="http://ghbtns.com/github-btn.html?user=angular-ui&repo=angular-ui&type=fork&count=true"
132+
allowtransparency="true" frameborder="0" scrolling="0" width="95" height="20"></iframe>
133+
</li>
134+
<li>
135+
<a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="angularjs">Tweet</a>
136+
<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>
137+
</li>
138+
<li>
139+
<!-- Place this tag where you want the +1 button to render. -->
140+
<div class="g-plusone" data-size="medium"></div>
141+
142+
<!-- Place this tag after the last +1 button tag. -->
143+
<script type="text/javascript">
144+
(function() {
145+
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
146+
po.src = 'https://apis.google.com/js/plusone.js';
147+
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
148+
})();
149+
</script>
150+
</li>
151+
</ul>
152+
</div>
153+
</div>
154+
</header>
155+
156+
<div class="container">
157+
158+
<h3 class="alert alert-info pagination-centered">
159+
Check out the new
160+
<span class="btn-group">
161+
<a href="http://angular-ui.github.com/bootstrap" class="btn btn-primary btn-large">Bootstrap Project</a><!-- <a href="http://angular-ui.github.com/ng-grid" class="btn btn-primary btn-large">Grid</a> -->
162+
</span>
163+
by the AngularUI Team!
164+
</h3>
124165

125166
<section id="setup">
126167
<h1>Getting Started</h1>

0 commit comments

Comments
 (0)