Skip to content
Permalink
Browse files

added menu demo

Added working demo of top bar with menu (up to 6 links). Still need to
configure for additional links.
  • Loading branch information...
kebowdog committed Nov 7, 2016
1 parent bb4c038 commit 238e66bf883b5ed44c273a45f455692ba27a72ad
Showing with 13,608 additions and 0 deletions.
  1. +19 −0 Components/BottomBar/BottomBar.html
  2. +19 −0 Components/Hero/Hero.html
  3. +80 −0 Components/Menu/Menu.html
  4. +313 −0 Components/TopBar/TopBar.html
  5. BIN Components/TopBar/images/BYU.jpg
  6. BIN Components/TopBar/images/user.jpg
  7. +201 −0 LICENSE
  8. +55 −0 Polyfills/src/CustomElements/CustomElements.js
  9. +40 −0 Polyfills/src/CustomElements/base.js
  10. +124 −0 Polyfills/src/CustomElements/boot.js
  11. +11 −0 Polyfills/src/CustomElements/build.json
  12. +318 −0 Polyfills/src/CustomElements/observe.js
  13. +369 −0 Polyfills/src/CustomElements/register.js
  14. +86 −0 Polyfills/src/CustomElements/traverse.js
  15. +130 −0 Polyfills/src/CustomElements/upgrade.js
  16. +58 −0 Polyfills/src/HTMLImports/HTMLImports.js
  17. +140 −0 Polyfills/src/HTMLImports/Loader.js
  18. +51 −0 Polyfills/src/HTMLImports/Observer.js
  19. +241 −0 Polyfills/src/HTMLImports/base.js
  20. +55 −0 Polyfills/src/HTMLImports/boot.js
  21. +15 −0 Polyfills/src/HTMLImports/build.json
  22. +65 −0 Polyfills/src/HTMLImports/dynamic.js
  23. +173 −0 Polyfills/src/HTMLImports/importer.js
  24. +29 −0 Polyfills/src/HTMLImports/module.js
  25. +339 −0 Polyfills/src/HTMLImports/parser.js
  26. +49 −0 Polyfills/src/HTMLImports/path.js
  27. +62 −0 Polyfills/src/HTMLImports/xhr.js
  28. +575 −0 Polyfills/src/MutationObserver/MutationObserver.js
  29. +4 −0 Polyfills/src/MutationObserver/build.json
  30. +783 −0 Polyfills/src/ShadowCSS/ShadowCSS.js
  31. +262 −0 Polyfills/src/ShadowDOM/ArraySplice.js
  32. +385 −0 Polyfills/src/ShadowDOM/MutationObserver.js
  33. +79 −0 Polyfills/src/ShadowDOM/ShadowDOM.js
  34. +671 −0 Polyfills/src/ShadowDOM/ShadowRenderer.js
  35. +85 −0 Polyfills/src/ShadowDOM/TreeScope.js
  36. +52 −0 Polyfills/src/ShadowDOM/build.json
  37. +53 −0 Polyfills/src/ShadowDOM/microtask.js
  38. +308 −0 Polyfills/src/ShadowDOM/querySelector.js
  39. +462 −0 Polyfills/src/ShadowDOM/wrappers.js
  40. +48 −0 Polyfills/src/ShadowDOM/wrappers/CanvasRenderingContext2D.js
  41. +58 −0 Polyfills/src/ShadowDOM/wrappers/CharacterData.js
  42. +73 −0 Polyfills/src/ShadowDOM/wrappers/DOMTokenList.js
  43. +30 −0 Polyfills/src/ShadowDOM/wrappers/DataTransfer.js
  44. +408 −0 Polyfills/src/ShadowDOM/wrappers/Document.js
  45. +156 −0 Polyfills/src/ShadowDOM/wrappers/Element.js
  46. +35 −0 Polyfills/src/ShadowDOM/wrappers/FormData.js
  47. +50 −0 Polyfills/src/ShadowDOM/wrappers/HTMLAudioElement.js
  48. +38 −0 Polyfills/src/ShadowDOM/wrappers/HTMLCanvasElement.js
  49. +19 −0 Polyfills/src/ShadowDOM/wrappers/HTMLCollection.js
  50. +47 −0 Polyfills/src/ShadowDOM/wrappers/HTMLContentElement.js
  51. +351 −0 Polyfills/src/ShadowDOM/wrappers/HTMLElement.js
  52. +39 −0 Polyfills/src/ShadowDOM/wrappers/HTMLFormElement.js
  53. +49 −0 Polyfills/src/ShadowDOM/wrappers/HTMLImageElement.js
  54. +30 −0 Polyfills/src/ShadowDOM/wrappers/HTMLMediaElement.js
  55. +69 −0 Polyfills/src/ShadowDOM/wrappers/HTMLOptionElement.js
  56. +56 −0 Polyfills/src/ShadowDOM/wrappers/HTMLSelectElement.js
  57. +33 −0 Polyfills/src/ShadowDOM/wrappers/HTMLShadowElement.js
  58. +68 −0 Polyfills/src/ShadowDOM/wrappers/HTMLTableElement.js
  59. +41 −0 Polyfills/src/ShadowDOM/wrappers/HTMLTableRowElement.js
  60. +41 −0 Polyfills/src/ShadowDOM/wrappers/HTMLTableSectionElement.js
  61. +79 −0 Polyfills/src/ShadowDOM/wrappers/HTMLTemplateElement.js
  62. +37 −0 Polyfills/src/ShadowDOM/wrappers/HTMLUnknownElement.js
  63. +748 −0 Polyfills/src/ShadowDOM/wrappers/Node.js
  64. +56 −0 Polyfills/src/ShadowDOM/wrappers/NodeList.js
  65. +142 −0 Polyfills/src/ShadowDOM/wrappers/Range.js
  66. +51 −0 Polyfills/src/ShadowDOM/wrappers/SVGElement.js
  67. +74 −0 Polyfills/src/ShadowDOM/wrappers/SVGElementInstance.js
  68. +52 −0 Polyfills/src/ShadowDOM/wrappers/SVGUseElement.js
  69. +85 −0 Polyfills/src/ShadowDOM/wrappers/Selection.js
  70. +107 −0 Polyfills/src/ShadowDOM/wrappers/ShadowRoot.js
  71. +48 −0 Polyfills/src/ShadowDOM/wrappers/Text.js
  72. +130 −0 Polyfills/src/ShadowDOM/wrappers/TouchEvent.js
  73. +63 −0 Polyfills/src/ShadowDOM/wrappers/TreeWalker.js
  74. +68 −0 Polyfills/src/ShadowDOM/wrappers/WebGLRenderingContext.js
  75. +94 −0 Polyfills/src/ShadowDOM/wrappers/Window.js
  76. +23 −0 Polyfills/src/ShadowDOM/wrappers/XMLHttpRequest.js
  77. +60 −0 Polyfills/src/ShadowDOM/wrappers/elements-with-form-property.js
  78. +952 −0 Polyfills/src/ShadowDOM/wrappers/events.js
  79. +41 −0 Polyfills/src/ShadowDOM/wrappers/generic.js
  80. +90 −0 Polyfills/src/ShadowDOM/wrappers/node-interfaces.js
  81. +114 −0 Polyfills/src/ShadowDOM/wrappers/override-constructors.js
  82. +253 −0 Polyfills/src/Template/Template.js
  83. +616 −0 Polyfills/src/URL/URL.js
  84. +49 −0 Polyfills/src/WeakMap/WeakMap.js
  85. +16 −0 Polyfills/src/WebComponents/bc.js
  86. +11 −0 Polyfills/src/WebComponents/build-lite.json
  87. +15 −0 Polyfills/src/WebComponents/build.json
  88. +60 −0 Polyfills/src/WebComponents/build/boot-lite.js
  89. +71 −0 Polyfills/src/WebComponents/build/boot.js
  90. +1 −0 Polyfills/src/WebComponents/build/else.js
  91. +1 −0 Polyfills/src/WebComponents/build/end-if.js
  92. +2 −0 Polyfills/src/WebComponents/build/if-poly.js
  93. +105 −0 Polyfills/src/WebComponents/dom.js
  94. +27 −0 Polyfills/src/WebComponents/lang.js
  95. +30 −0 Polyfills/src/WebComponents/shadowdom.js
  96. +34 −0 Polyfills/src/WebComponents/unresolved.js
  97. +102 −0 Polyfills/webcomponents.js
  98. +22 −0 Scripts/Utilities.js
  99. +192 −0 css/demo-header.css
  100. +33 −0 gulpfile.js
  101. +33 −0 menu.html
  102. +16 −0 package.json
  103. +305 −0 sass/demo-header.scss
@@ -0,0 +1,19 @@
<template id="ByuBottomBarTemplate">
<h1><slot name="title">Default Bottom Title</slot></h1>
</template>

<script>
(function (doc) { // limit scope
window.customElements.define('byu-bottom-bar', class extends HTMLElement {
constructor() {
super(); // always call super first
utilities.loadTemplate(this, doc.getElementById('ByuBottomBarTemplate'));
}
});
})(document.currentScript.ownerDocument);
</script>
@@ -0,0 +1,19 @@
<template id="ByuHeroBarTemplate">
<h1><slot name="title">Default Hero Title</slot></h1>
</template>

<script>
(function (doc) { // limit scope
window.customElements.define('byu-hero-bar', class extends HTMLElement {
constructor() {
super(); // always call super first
utilities.loadTemplate(this, doc.getElementById('ByuHeroBarTemplate'));
}
});
})(document.currentScript.ownerDocument);
</script>
@@ -0,0 +1,80 @@

<template id="ByuMenuTemplate">
<style type="text/css">
:host {
display: block;
width: 100%;
height: 32px;
background: #ffffff;
}
.outerNav {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
justify-content: flex-start;
margin: 0 16px;
padding: 0;
}
.innerNav {
width: 100%;
display:table;
}
::slotted(*) {
display: table;
width: 16.66%;
}
::slotted(*.selected) {
background: #e5e5e5;
}
::slotted(*) {
font-family: "Gotham Book";
font-size: 13px;
color: #002e5d;
height: 32px;
display: table-cell;
text-transform: uppercase;
text-decoration: none;
vertical-align: middle;
text-align: center;
padding: 0 6px;
}
::slotted(*:hover) {
background: #e5e5e5;
}
@media (max-width: 1023px) {
nav.outerNav {
display: none;
}
}
</style>
<nav class="outerNav">
<div class="innerNav">
<slot></slot>
</div>
</nav>
</template>
<script>
(function (doc) { // limit scope
window.customElements.define('byu-menu', class extends HTMLElement {
constructor() {
super(); // always call super first
utilities.loadTemplate(this, doc.getElementById('ByuMenuTemplate'));
}
});
})(document.currentScript.ownerDocument);
</script>

0 comments on commit 238e66b

Please sign in to comment.
You can’t perform that action at this time.