version menu & social icons
This commit is contained in:
Alex Wolfe
parent
20308d21bb
commit
cd18967a6e
|
|
@ -1,7 +1,8 @@
|
|||
{
|
||||
"globals": {
|
||||
"title": "Angular",
|
||||
"description": "Angular is a modern javascript framework for building professional web applications.",
|
||||
"description": "Angular is a development platform for building mobile and desktop web applications",
|
||||
"siteURL": "http://angular.io",
|
||||
"jsLatest": "2.0.0-alpha.11",
|
||||
"dartLatest": "2.0.0-alpha.11",
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,12 @@
|
|||
gcse:search(type="search" placeholder="SEARCH DOCS...")
|
||||
script
|
||||
(function() {
|
||||
var cx = '008420607850170258613:8o7h40u0v68';
|
||||
var gcse = document.createElement('script');
|
||||
gcse.type = 'text/javascript';
|
||||
gcse.async = true;
|
||||
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
|
||||
'//www.google.com/cse/cse.js?cx=' + cx;
|
||||
var s = document.getElementsByTagName('script')[0];
|
||||
s.parentNode.insertBefore(gcse, s);
|
||||
})();
|
||||
|
|
@ -1,4 +1,7 @@
|
|||
.social-icons
|
||||
a(href="#") <span class="icon-google-plus2"></span>
|
||||
a(href="#") <span class="icon-twitter2"></span>
|
||||
a(href="#") <span class="icon-facebook2"></span>
|
||||
button(onClick="window.open('https://www.facebook.com/sharer/sharer.php?u=#{siteURL}', '', 'height=500, width=600')" data-href="#{siteURL}" data-colorscheme="dark" data-layout="button_count" data-action="like" data-show-faces="false") <span class="icon-facebook2"></span>
|
||||
button(onClick="window.open('https://twitter.com/share?text=Angular%20-%20#{description}', '', 'height=250, width=600')") <span class="icon-twitter2"></span>
|
||||
button(onClick="window.open('https://plus.google.com/share?url=#{siteURL}', '', 'height=500, width=600')" class="googleplus") <span class="icon-google-plus2"></span>
|
||||
button(onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=#{siteURL}&title=Angular&summary=#{description}.', '', 'height=625, width=500')") <span class="icon-linkedin"></span>
|
||||
|
||||
p(style="color: black;") #{url}
|
||||
|
|
@ -1,29 +1,41 @@
|
|||
language = current.path[1]
|
||||
version = current.path[2]
|
||||
title = "Some Version"
|
||||
title = "Javascript "
|
||||
filter = /(\.html$)/
|
||||
replace = /(\.html$)|(^index\.html$)/
|
||||
|
||||
<!-- Replace _ undscores with . dots -->
|
||||
version = current.path[2].replace(/\_+/gm, ".")
|
||||
|
||||
|
||||
<!-- VERSION TREE CREATOR MIXIN -->
|
||||
mixin tree(directory, urlPrefix, name)
|
||||
ul
|
||||
for val, key in directory
|
||||
if key !== '.git' && key !== '_data'
|
||||
li <a href="#{urlPrefix}/#{key}/">#{name} #{key}</a>
|
||||
|
||||
|
||||
<!-- BUTTON TITLE GENERATION -->
|
||||
if language == 'js'
|
||||
if version == "latest"
|
||||
title = 'Javascript ' + jsLatest
|
||||
else
|
||||
title = 'Javascript ' + version
|
||||
|
||||
|
||||
if language == 'dart'
|
||||
if version == "latest"
|
||||
title = 'Dart ' + dartLatest
|
||||
else
|
||||
title = 'Dart ' + version
|
||||
|
||||
|
||||
filter = /(\.html$)/
|
||||
replace = /(\.html$)|(^index\.html$)/
|
||||
|
||||
mixin tree(head, tail)
|
||||
for val, key in head
|
||||
if key !== '.git' && key !== '_data'
|
||||
li #{key}
|
||||
|
||||
|
||||
mixin tree(public.docs.js, "")
|
||||
mixin tree(public.docs.dart, "")
|
||||
|
||||
|
||||
<!-- DROPDOWN BUTTON -->
|
||||
h2.hero-subtitle.text-subhead
|
||||
button(md-button ng-click="showVersionMenu($event)") #{title} <span class="icon-arrow-drop-down"></span>
|
||||
|
||||
|
||||
<!-- DROPDOWN MENU -->
|
||||
nav.dropdown
|
||||
mixin tree(public.docs.js, "/docs/js", "Javascript")
|
||||
mixin tree(public.docs.dart, "/docs/dart", "Dart")
|
||||
|
|
@ -43,12 +43,16 @@ $hero-padding: $unit * 2;
|
|||
right: $unit * 3;
|
||||
z-index: $layer-1;
|
||||
|
||||
a {
|
||||
button {
|
||||
color: $snow;
|
||||
opacity: .56;
|
||||
font-size: 18px;
|
||||
text-decoration: none;
|
||||
margin-left: $unit * 2;
|
||||
padding: 0;
|
||||
background: none;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -50,9 +50,11 @@
|
|||
<glyph unicode="" d="M426.667 85.334h170.667v682.667h-170.667v-682.667zM170.667 85.334h170.667v341.333h-170.667v-341.333zM682.667 554.667v-469.333h170.667v469.333h-170.667z" />
|
||||
<glyph unicode="" d="M298.667 512l213.333-213.333 213.333 213.333z" />
|
||||
<glyph unicode="" d="M298.667 341.334l213.333 213.333 213.333-213.333z" />
|
||||
<glyph unicode="" d="M853.333 768h-682.667c-46.933 0-84.907-38.4-84.907-85.333l-0.427-512c0-46.933 38.4-85.333 85.333-85.333h682.667c46.933 0 85.333 38.4 85.333 85.333v512c0 46.933-38.4 85.333-85.333 85.333zM640 170.667h-469.333v170.667h469.333v-170.667zM640 384h-469.333v170.667h469.333v-170.667zM853.333 170.667h-170.667v384h170.667v-384z" />
|
||||
<glyph unicode="" d="M832 224l96-96 320 320-320 320-96-96 224-224zM448 672l-96 96-320-320 320-320 96 96-224 224zM701.298 809.481l69.468-18.944-191.987-704.026-69.468 18.944 191.987 704.026z" horiz-adv-x="1280" />
|
||||
<glyph unicode="" d="M0 896v-896h1024v896h-1024zM960 64h-896v768h896v-768zM896 768h-768v-640h768v640zM448 448h-64v-64h-64v-64h-64v64h64v64h64v64h-64v64h-64v64h64v-64h64v-64h64v-64zM704 320h-192v64h192v-64z" />
|
||||
<glyph unicode="" d="M0.806 90.336c-0.244 2.532-0.452 5.070-0.584 7.63 0.13-2.56 0.34-5.098 0.584-7.63zM235.908 394.852c92.010-2.738 153.734 92.698 137.862 213.198-15.894 120.48-103.396 217.168-195.408 219.922-92.026 2.73-153.74-89.482-137.852-210 15.882-120.468 103.352-220.374 195.398-223.12zM1024 704v85.31c0 93.88-76.782 170.69-170.658 170.69h-682.656c-92.276 0-168.012-74.232-170.564-165.926 58.362 51.386 139.324 94.316 222.874 94.316 89.304 0 357.244 0 357.244 0l-79.948-67.618h-113.268c75.13-28.804 115.156-116.124 115.156-205.722 0-75.248-41.81-139.954-100.888-185.968-57.644-44.902-68.572-63.708-68.572-101.878 0-32.578 61.746-88 94.032-110.788 94.382-66.538 124.916-128.312 124.916-231.456 0-16.428-2.042-32.83-6.066-48.96h307.742c93.874 0 170.656 76.75 170.656 170.69v533.308h-192v-191.998h-64v192h-191.998v64h191.998v192h64v-192h192zM185.886 194.064c21.614 0 41.422 0.59 61.936 0.59-27.146 26.334-48.626 58.6-48.626 98.38 0 23.608 7.564 46.336 18.134 66.52-10.782-0.77-21.79-0.994-33.126-0.994-74.356 0-137.506 24.076-184.204 63.854v-67.242l0.006-201.73c53.44 25.374 116.888 40.622 185.88 40.622zM3.42 72.742c-1.112 5.458-1.966 11.006-2.542 16.634 0.574-5.628 1.43-11.176 2.542-16.634zM455.45 7.154c-15.058 58.806-68.454 87.964-142.888 139.568-27.072 8.732-56.894 13.874-88.894 14.208-89.618 0.964-173.108-34.942-220.216-88.372 15.92-77.706 85.034-136.558 167.234-136.558h286.444c1.816 11.128 2.696 22.632 2.696 34.432 0 12.534-1.534 24.792-4.376 36.722z" />
|
||||
<glyph unicode="" d="M853.35 960h-682.702c-94.25 0-170.648-76.42-170.648-170.686v-682.63c0-94.266 76.398-170.684 170.648-170.684h341.352v448h-128v128h128v96c0 88.366 71.634 160 160 160h160v-128h-160c-17.674 0-32-14.328-32-32v-96h176l-32-128h-144v-448h213.35c94.25 0 170.65 76.418 170.65 170.684v682.63c0 94.266-76.4 170.686-170.65 170.686z" />
|
||||
<glyph unicode="" d="M853.342 960h-682.656c-93.874 0-170.686-76.81-170.686-170.69v-682.624c0-93.936 76.812-170.686 170.686-170.686h682.656c93.876 0 170.658 76.75 170.658 170.69v682.62c0 93.88-76.782 170.69-170.658 170.69zM766.478 578.52c0.252-5.632 0.38-11.296 0.38-16.988 0-173.51-132.070-373.588-373.584-373.588-74.15 0-143.168 21.738-201.276 58.996 10.272-1.218 20.724-1.84 31.322-1.84 61.518 0 118.134 20.992 163.072 56.21-57.458 1.054-105.948 39.020-122.658 91.184 8.018-1.532 16.244-2.36 24.704-2.36 11.976 0 23.578 1.61 34.592 4.61-60.064 12.066-105.326 65.132-105.326 128.75 0 0.554 0 1.104 0.012 1.652 17.7-9.834 37.948-15.742 59.47-16.424-35.232 23.546-58.414 63.736-58.414 109.292 0 24.064 6.476 46.62 17.78 66.010 64.76-79.44 161.51-131.712 270.634-137.19-2.238 9.612-3.4 19.632-3.4 29.924 0 72.512 58.792 131.298 131.304 131.298 37.766 0 71.892-15.944 95.842-41.462 29.908 5.886 58.008 16.814 83.38 31.862-9.804-30.662-30.624-56.394-57.732-72.644 26.56 3.174 51.866 10.232 75.412 20.674-17.594-26.328-39.854-49.454-65.514-67.966z" />
|
||||
<glyph unicode="" d="M852 960h-680c-94.6 0-172-77.4-172-172v-680c0-94.6 77.4-172 172-172h680c94.6 0 172 77.4 172 172v680c0 94.6-77.4 172-172 172zM384 128h-128v448h128v-448zM320 640c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM832 128h-128v256c0 35.346-28.654 64-64 64s-64-28.654-64-64v-256h-128v448h128v-79.472c26.398 36.264 66.752 79.472 112 79.472 79.53 0 144-71.634 144-160v-288z" />
|
||||
</font></defs></svg>
|
||||
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 20 KiB |
Binary file not shown.
Binary file not shown.
|
|
@ -142,6 +142,33 @@
|
|||
"setIdx": 0,
|
||||
"iconIdx": 402
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M852 0h-680c-94.6 0-172 77.4-172 172v680c0 94.6 77.4 172 172 172h680c94.6 0 172-77.4 172-172v-680c0-94.6-77.4-172-172-172zM384 832h-128v-448h128v448zM320 320c-35.346 0-64-28.654-64-64s28.654-64 64-64 64 28.654 64 64-28.654 64-64 64zM832 832h-128v-256c0-35.346-28.654-64-64-64s-64 28.654-64 64v256h-128v-448h128v79.472c26.398-36.264 66.752-79.472 112-79.472 79.53 0 144 71.634 144 160v288z"
|
||||
],
|
||||
"attrs": [],
|
||||
"isMulticolor": false,
|
||||
"tags": [
|
||||
"linkedin",
|
||||
"brand",
|
||||
"social"
|
||||
],
|
||||
"defaultCode": 58575,
|
||||
"grid": 16
|
||||
},
|
||||
"attrs": [],
|
||||
"properties": {
|
||||
"order": 55,
|
||||
"id": 1581,
|
||||
"prevSize": 32,
|
||||
"code": 60104,
|
||||
"ligatures": "linkedin, brand63",
|
||||
"name": "linkedin"
|
||||
},
|
||||
"setIdx": 0,
|
||||
"iconIdx": 456
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
|
|
@ -718,6 +745,29 @@
|
|||
"setIdx": 1,
|
||||
"iconIdx": 204
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M853.333 170.667h-682.667c-46.933 0-84.907 38.4-84.907 85.333l-0.427 512c0 46.933 38.4 85.333 85.333 85.333h682.667c46.933 0 85.333-38.4 85.333-85.333v-512c0-46.933-38.4-85.333-85.333-85.333zM640 768h-469.333v-170.667h469.333v170.667zM640 554.667h-469.333v-170.667h469.333v170.667zM853.333 768h-170.667v-384h170.667v384z"
|
||||
],
|
||||
"attrs": [],
|
||||
"isMulticolor": false,
|
||||
"tags": [
|
||||
"web"
|
||||
],
|
||||
"grid": 24
|
||||
},
|
||||
"attrs": [],
|
||||
"properties": {
|
||||
"id": 213,
|
||||
"order": 56,
|
||||
"prevSize": 24,
|
||||
"code": 58923,
|
||||
"name": "web"
|
||||
},
|
||||
"setIdx": 1,
|
||||
"iconIdx": 213
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src:url('fonts/icomoon.eot?ay41rv');
|
||||
src:url('fonts/icomoon.eot?#iefixay41rv') format('embedded-opentype'),
|
||||
url('fonts/icomoon.woff?ay41rv') format('woff'),
|
||||
url('fonts/icomoon.ttf?ay41rv') format('truetype'),
|
||||
url('fonts/icomoon.svg?ay41rv#icomoon') format('svg');
|
||||
src:url('fonts/icomoon.eot?ff1o1p');
|
||||
src:url('fonts/icomoon.eot?#iefixff1o1p') format('embedded-opentype'),
|
||||
url('fonts/icomoon.woff?ff1o1p') format('woff'),
|
||||
url('fonts/icomoon.ttf?ff1o1p') format('truetype'),
|
||||
url('fonts/icomoon.svg?ff1o1p#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
@ -43,6 +43,10 @@
|
|||
content: "\ea92";
|
||||
}
|
||||
|
||||
.icon-linkedin:before {
|
||||
content: "\eac8";
|
||||
}
|
||||
|
||||
.icon-accessibility:before {
|
||||
content: "\e614";
|
||||
}
|
||||
|
|
@ -143,6 +147,10 @@
|
|||
content: "\e61d";
|
||||
}
|
||||
|
||||
.icon-web:before {
|
||||
content: "\e62b";
|
||||
}
|
||||
|
||||
.icon-call-split:before {
|
||||
content: "\e61e";
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 89 KiB |
Loading…
Reference in New Issue