UNCLASSIFIED - NO CUI

Skip to content
Snippets Groups Projects
Commit 9d1ce7c4 authored by graham.smith's avatar graham.smith
Browse files

Merge branch 'big-bang-product-page' into 'master' 

Add Big Bang product page

See merge request platform-one/private/bullhorn/platform1-site!72
parents 71c4f991 0650f10f
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 507 additions and 5 deletions
src/assets/images/Big Bang Architecture.png 0 → 100644
+ 0
− 0
View file @ 9d1ce7c4
src/assets/images/Big Bang Architecture.png

147 KiB

src/assets/images/Big Bang Graphics-03.png 0 → 100644
+ 0
− 0
View file @ 9d1ce7c4
src/assets/images/Big Bang Graphics-03.png

115 KiB

src/assets/images/Big Bang Graphics-04.png 0 → 100644
+ 0
− 0
View file @ 9d1ce7c4
src/assets/images/Big Bang Graphics-04.png

87.2 KiB

src/assets/images/icons/Icon_Residency.svg 0 → 100644
+ 50
− 0
View file @ 9d1ce7c4
<svg width="45px" height="34px" id="ResidencyLogo" data-name="ResidencyLogo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 70.13 59.82"><defs>
<style id="ResidencyLogo">
.residency-cls-1,.residency-cls-2{fill:none;}
.residency-cls-1{clip-rule:evenodd;}
.residency-cls-3{clip-path:url(#residency-clip-path);}
.residency-cls-4{clip-path:url(#residency-clip-path-2);}
.residency-cls-5{clip-path:url(#residency-clip-path-3);}
.residency-cls-6{clip-path:url(#residency-clip-path-5);}
.residency-cls-7{clip-path:url(#residency-clip-path-7);}
.residency-cls-8{clip-path:url(#residency-clip-path-9);}
.residency-cls-9{isolation:isolate;}
.residency-cls-10{clip-path:url(#residency-clip-path-10);}
.residency-cls-11{clip-path:url(#residency-clip-path-11);}
.residency-cls-12{clip-path:url(#residency-clip-path-12);}
.residency-cls-13{clip-path:url(#residency-clip-path-13);}
.residency-cls-14{clip-path:url(#residency-clip-path-14);}
.residency-cls-15{clip-path:url(#residency-clip-path-15);}
.residency-cls-16{clip-path:url(#residency-clip-path-16);}
.residency-cls-17{clip-path:url(#residency-clip-path-17);}
.residency-cls-18{clip-path:url(#residency-clip-path-18);}
.residency-cls-19{clip-path:url(#residency-clip-path-19);}
.residency-cls-20{clip-path:url(#residency-clip-path-20);}
.residency-cls-21{clip-path:url(#residency-clip-path-21);}
.residency-cls-22{clip-path:url(#residency-clip-path-22);}
.residency-cls-23{clip-path:url(#residency-clip-path-23);}
.residency-cls-24{clip-path:url(#residency-clip-path-24);}
.residency-cls-25{clip-path:url(#residency-clip-path-25);}
.residency-cls-26{clip-path:url(#residency-clip-path-26);}
.residency-cls-27{clip-path:url(#residency-clip-path-27);}
.residency-cls-28{clip-path:url(#residency-clip-path-28);}
.residency-cls-29{clip-path:url(#residency-clip-path-29);}
.residency-cls-30{clip-path:url(#residency-clip-path-30);}
.residency-cls-31{clip-path:url(#residency-clip-path-31);}
.residency-cls-32{clip-path:url(#residency-clip-path-32);}
.residency-cls-33{clip-path:url(#residency-clip-path-33);}
.residency-cls-34{clip-path:url(#residency-clip-path-34);}
.residency-cls-35{clip-path:url(#residency-clip-path-35);}
.residency-cls-36{clip-path:url(#residency-clip-path-36);}
.residency-cls-37{clip-path:url(#residency-clip-path-37);}
.residency-cls-38{clip-path:url(#residency-clip-path-38);}
.residency-cls-39{clip-path:url(#residency-clip-path-39);}
.residency-cls-40{clip-path:url(#residency-clip-path-40);}
.residency-cls-41{clip-path:url(#residency-clip-path-41);}
</style><clipPath id="residency-clip-path">
<path class="residency-cls-1" d="M64,56.55H6.16a3.06,3.06,0,0,1-3.1-3V23.26a3.07,3.07,0,0,1,3.1-3H23.71v2H6.16a1,1,0,0,0-1,1V53.53a1,1,0,0,0,1,1H64a1,1,0,0,0,1-1V23.26a1,1,0,0,0-1-1H46.42v-2H64a3.06,3.06,0,0,1,3.09,3V53.53a3.05,3.05,0,0,1-3.09,3"/>
</clipPath>
<clipPath id="residency-clip-path-2">
<rect class="residency-cls-2" x="-1641.01" y="-7633.83" width="2490.81" height="9243.68"/>
</clipPath>
<clipPath id="residency-clip-path-3"><path class="residency-cls-1" d="M43.28,23.69H25.12a3.08,3.08,0,0,1-3-3.12V18a3.11,3.11,0,0,1,2.2-3L27,14.21a3.11,3.11,0,0,0,2.19-3V8.12a5,5,0,1,1,10.09,0v3.1a3.12,3.12,0,0,0,2.2,3l2.67.78a3.14,3.14,0,0,1,2.2,3v2.58a3.08,3.08,0,0,1-3,3.12M34.2,5a3.07,3.07,0,0,0-3,3.11v3.1a5.2,5.2,0,0,1-3.66,5L24.84,17a1,1,0,0,0-.73,1v2.58a1,1,0,0,0,1,1H43.28a1,1,0,0,0,1-1V18a1,1,0,0,0-.73-1l-2.67-.78a5.2,5.2,0,0,1-3.66-5V8.12A3.07,3.07,0,0,0,34.2,5"/></clipPath><clipPath id="residency-clip-path-5"><path class="residency-cls-1" d="M35.93,7.26a.87.87,0,1,1-.87-.87.87.87,0,0,1,.87.87"/></clipPath><clipPath id="residency-clip-path-7"><path class="residency-cls-1" d="M27.28,53.09H6.52V50a5.19,5.19,0,0,1,3.75-5l3.52-1v-.28a5.21,5.21,0,0,1-2.08-4.13V37.53A5.22,5.22,0,0,1,13.4,33.7a5.16,5.16,0,0,1,4-1.34,5.34,5.34,0,0,1,4.73,5.38V39.6A5.2,5.2,0,0,1,20,43.73V44l3.51,1a5.19,5.19,0,0,1,3.75,5ZM8.6,51H25.21V50A3.11,3.11,0,0,0,23,47l-5-1.44v-3l.52-.3A3.1,3.1,0,0,0,20,39.6V37.74a3.26,3.26,0,0,0-2.84-3.32,3.12,3.12,0,0,0-3.39,3.11V39.6a3.08,3.08,0,0,0,1.56,2.68l.51.3v3l-5,1.44A3.11,3.11,0,0,0,8.6,50Z"/></clipPath><clipPath id="residency-clip-path-9"><rect class="residency-cls-2" x="3.06" y="2.93" width="64" height="53.62"/></clipPath><clipPath id="residency-clip-path-10"><rect class="residency-cls-2" x="5.69" y="21.96" width="57.08" height="34.59"/></clipPath><clipPath id="residency-clip-path-11"><rect class="residency-cls-2" x="6.52" y="23.69" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-12"><rect class="residency-cls-2" x="9.98" y="23.69" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-13"><rect class="residency-cls-2" x="15.17" y="23.69" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-14"><rect class="residency-cls-2" x="18.63" y="23.69" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-15"><rect class="residency-cls-2" x="6.52" y="27.15" width="13.84" height="1.73"/></clipPath><clipPath id="residency-clip-path-16"><rect class="residency-cls-2" x="29.01" y="53.09" width="1.73" height="3.46"/></clipPath><clipPath id="residency-clip-path-17"><rect class="residency-cls-2" x="29.01" y="47.9" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-18"><rect class="residency-cls-2" x="29.01" y="44.45" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-19"><rect class="residency-cls-2" x="29.01" y="40.99" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-20"><rect class="residency-cls-2" x="29.01" y="35.8" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-21"><rect class="residency-cls-2" x="29.01" y="32.34" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-22"><rect class="residency-cls-2" x="29.01" y="27.15" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-23"><rect class="residency-cls-2" x="29.01" y="21.96" width="1.73" height="3.46"/></clipPath><clipPath id="residency-clip-path-24"><path class="residency-cls-1" d="M32.47,41H61.88V27.15H32.47Zm2.1-2h25.2V29.12H34.57Z"/></clipPath><clipPath id="residency-clip-path-25"><rect class="residency-cls-2" x="2.23" y="2.93" width="65.73" height="53.62"/></clipPath><clipPath id="residency-clip-path-26"><rect class="residency-cls-2" x="60.15" y="51.36" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-27"><rect class="residency-cls-2" x="60.15" y="44.45" width="1.73" height="3.46"/></clipPath><clipPath id="residency-clip-path-28"><rect class="residency-cls-2" x="51.5" y="51.36" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-29"><rect class="residency-cls-2" x="51.5" y="44.45" width="1.73" height="3.46"/></clipPath><clipPath id="residency-clip-path-30"><rect class="residency-cls-2" x="48.04" y="51.36" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-31"><rect class="residency-cls-2" x="48.04" y="44.45" width="1.73" height="3.46"/></clipPath><clipPath id="residency-clip-path-32"><rect class="residency-cls-2" x="42.85" y="51.36" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-33"><rect class="residency-cls-2" x="42.85" y="44.45" width="1.73" height="3.46"/></clipPath><clipPath id="residency-clip-path-34"><rect class="residency-cls-2" x="56.69" y="44.45" width="1.73" height="8.65"/></clipPath><clipPath id="residency-clip-path-35"><rect class="residency-cls-2" x="37.66" y="32.34" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-36"><rect class="residency-cls-2" x="41.12" y="32.34" width="1.73" height="1.73"/></clipPath><clipPath id="residency-clip-path-37"><rect class="residency-cls-2" x="46.31" y="32.34" width="12.11" height="1.73"/></clipPath><clipPath id="residency-clip-path-38"><rect class="residency-cls-2" x="37.66" y="35.8" width="20.76" height="1.73"/></clipPath><clipPath id="residency-clip-path-39"><rect class="residency-cls-2" x="39.39" y="44.45" width="1.73" height="8.65"/></clipPath><clipPath id="residency-clip-path-40"><rect class="residency-cls-2" x="35.93" y="44.45" width="1.73" height="8.65"/></clipPath><clipPath id="residency-clip-path-41"><rect class="residency-cls-2" x="48.04" y="23.69" width="13.84" height="1.73"/></clipPath></defs><g class="residency-cls-3"><g class="residency-cls-4"><rect x="-5.58" y="11.58" width="81.3" height="53.62"/></g></g><g class="residency-cls-5"><g class="residency-cls-4"><rect x="13.44" y="-5.72" width="41.51" height="38.05"/></g></g><g class="residency-cls-6"><g class="residency-cls-4"><rect x="25.55" y="-2.26" width="19.03" height="19.03"/></g></g><g class="residency-cls-7"><g class="residency-cls-4"><rect x="-2.12" y="23.69" width="38.05" height="38.05"/></g></g><g class="residency-cls-8"><g class="residency-cls-9"><g class="residency-cls-10"><g class="residency-cls-11"><rect x="-2.12" y="15.04" width="19.03" height="19.03"/></g><g class="residency-cls-12"><rect x="1.33" y="15.04" width="19.03" height="19.03"/></g><g class="residency-cls-13"><rect x="6.52" y="15.04" width="19.03" height="19.03"/></g><g class="residency-cls-14"><rect x="9.98" y="15.04" width="19.03" height="19.03"/></g><g class="residency-cls-15"><rect x="-2.12" y="18.5" width="31.14" height="19.03"/></g><g class="residency-cls-16"><rect x="20.36" y="44.45" width="19.03" height="20.76"/></g><g class="residency-cls-17"><rect x="20.36" y="39.26" width="19.03" height="19.03"/></g><g class="residency-cls-18"><rect x="20.36" y="35.8" width="19.03" height="19.03"/></g><g class="residency-cls-19"><rect x="20.36" y="32.34" width="19.03" height="19.03"/></g><g class="residency-cls-20"><rect x="20.36" y="27.15" width="19.03" height="19.03"/></g><g class="residency-cls-21"><rect x="20.36" y="23.69" width="19.03" height="19.03"/></g><g class="residency-cls-22"><rect x="20.36" y="18.5" width="19.03" height="19.03"/></g><g class="residency-cls-23"><rect x="20.36" y="13.31" width="19.03" height="20.76"/></g><g class="residency-cls-24"><g class="residency-cls-25"><rect x="23.82" y="18.5" width="46.7" height="31.14"/></g></g><g class="residency-cls-26"><rect x="51.5" y="42.72" width="19.03" height="19.03"/></g><g class="residency-cls-27"><rect x="51.5" y="35.8" width="19.03" height="20.76"/></g><g class="residency-cls-28"><rect x="42.85" y="42.72" width="19.03" height="19.03"/></g><g class="residency-cls-29"><rect x="42.85" y="35.8" width="19.03" height="20.76"/></g><g class="residency-cls-30"><rect x="39.39" y="42.72" width="19.03" height="19.03"/></g><g class="residency-cls-31"><rect x="39.39" y="35.8" width="19.03" height="20.76"/></g><g class="residency-cls-32"><rect x="34.2" y="42.72" width="19.03" height="19.03"/></g><g class="residency-cls-33"><rect x="34.2" y="35.8" width="19.03" height="20.76"/></g><g class="residency-cls-34"><rect x="48.04" y="35.8" width="19.03" height="25.95"/></g><g class="residency-cls-35"><rect x="29.01" y="23.69" width="19.03" height="19.03"/></g><g class="residency-cls-36"><rect x="32.47" y="23.69" width="19.03" height="19.03"/></g><g class="residency-cls-37"><rect x="37.66" y="23.69" width="29.41" height="19.03"/></g><g class="residency-cls-38"><rect x="29.01" y="27.15" width="38.05" height="19.03"/></g><g class="residency-cls-39"><rect x="30.74" y="35.8" width="19.03" height="25.95"/></g><g class="residency-cls-40"><rect x="27.28" y="35.8" width="19.03" height="25.95"/></g><g class="residency-cls-41"><rect x="39.39" y="15.04" width="31.14" height="19.03"/></g></g></g></g></svg>
\ No newline at end of file
src/assets/images/icons/Icon_Workshop.svg 0 → 100644
+ 1
− 0
View file @ 9d1ce7c4
<svg width="45px" height="34px" id="WorkshopLogo" data-name="WorkshopLogo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 60.13 59.82"><defs><style>.workshop-cls-1,.workshop-cls-2{fill:none;}.workshop-cls-1{clip-rule:evenodd;}.workshop-cls-3{clip-path:url(#workshop-clip-path);}.workshop-cls-4{clip-path:url(#workshop-clip-path-2);}.workshop-cls-5{clip-path:url(#workshop-clip-path-3);}.workshop-cls-6{clip-path:url(#workshop-clip-path-5);}.workshop-cls-7{clip-path:url(#workshop-clip-path-7);}.workshop-cls-8{clip-path:url(#workshop-clip-path-9);}.workshop-cls-9{isolation:isolate;}.workshop-cls-10{clip-path:url(#workshop-clip-path-10);}.workshop-cls-11{clip-path:url(#workshop-clip-path-11);}.workshop-cls-12{clip-path:url(#workshop-clip-path-12);}.workshop-cls-13{clip-path:url(#workshop-clip-path-13);}.workshop-cls-14{clip-path:url(#workshop-clip-path-14);}.workshop-cls-15{clip-path:url(#workshop-clip-path-15);}.workshop-cls-16{clip-path:url(#workshop-clip-path-16);}.workshop-cls-17{clip-path:url(#workshop-clip-path-17);}.workshop-cls-18{clip-path:url(#workshop-clip-path-18);}.workshop-cls-19{clip-path:url(#workshop-clip-path-19);}.workshop-cls-20{clip-path:url(#workshop-clip-path-20);}.workshop-cls-21{clip-path:url(#workshop-clip-path-22);}.workshop-cls-22{clip-path:url(#workshop-clip-path-23);}.workshop-cls-23{clip-path:url(#workshop-clip-path-24);}.workshop-cls-24{clip-path:url(#workshop-clip-path-25);}.workshop-cls-25{clip-path:url(#workshop-clip-path-26);}.workshop-cls-26{clip-path:url(#workshop-clip-path-27);}</style><clipPath id="workshop-clip-path"><path class="workshop-cls-1" d="M14.58,57.41h-12V54.47L5.1,50a8.21,8.21,0,0,0,1.06-4V27.81A9.87,9.87,0,0,1,9,20.8L11.79,18l1.27,1.27-2.75,2.77A8.09,8.09,0,0,0,8,27.81V46a9.93,9.93,0,0,1-1.3,4.91l-2.28,4v.67h9.47l1.48-1.49,2.53-3.56a9.47,9.47,0,0,0,1-9.15L17.8,39a11.1,11.1,0,0,1-.9-4.4v-4.2a1.79,1.79,0,1,0-3.58,0V45.7H11.53V30.38a3.58,3.58,0,1,1,7.16,0v4.2a9.36,9.36,0,0,0,.75,3.69l1,2.43A11.23,11.23,0,0,1,19.3,51.6l-2.67,3.74Z"/></clipPath><clipPath id="workshop-clip-path-2"><rect class="workshop-cls-2" x="-921.01" y="-7900.46" width="2577.45" height="9565.19"/></clipPath><clipPath id="workshop-clip-path-3"><path class="workshop-cls-1" d="M33,46.67a4.48,4.48,0,0,1-4.39-3.58H20V41.3H30.32v.89a2.69,2.69,0,1,0,5.37,0V41.3H56.27V16.24H53.59V14.45h4.47V43.09H37.39A4.47,4.47,0,0,1,33,46.67"/></clipPath><clipPath id="workshop-clip-path-5"><path class="workshop-cls-1" d="M33.9,39.51H18.56V37.72H32.11V6.4a2.69,2.69,0,0,0-2.68-2.69H13.32V31.47H11.53V1.92h17.9A4.48,4.48,0,0,1,33.9,6.4Z"/></clipPath><clipPath id="workshop-clip-path-7"><path class="workshop-cls-1" d="M54.48,39.51H32.11V6.4a4.49,4.49,0,0,1,4.48-4.48H54.48ZM33.9,37.72H52.69v-34H36.59A2.7,2.7,0,0,0,33.9,6.4Z"/></clipPath><clipPath id="workshop-clip-path-9"><rect class="workshop-cls-2" x="2.58" y="1.92" width="55.49" height="55.49"/></clipPath><clipPath id="workshop-clip-path-10"><rect class="workshop-cls-2" x="13.32" y="5.5" width="39.38" height="26.85"/></clipPath><clipPath id="workshop-clip-path-11"><rect class="workshop-cls-2" x="15.11" y="5.5" width="15.21" height="1.79"/></clipPath><clipPath id="workshop-clip-path-12"><rect class="workshop-cls-2" x="15.11" y="9.08" width="1.79" height="1.79"/></clipPath><clipPath id="workshop-clip-path-13"><rect class="workshop-cls-2" x="18.69" y="9.08" width="11.63" height="1.79"/></clipPath><clipPath id="workshop-clip-path-14"><rect class="workshop-cls-2" x="15.11" y="12.66" width="15.21" height="1.79"/></clipPath><clipPath id="workshop-clip-path-15"><rect class="workshop-cls-2" x="15.11" y="16.24" width="15.21" height="1.79"/></clipPath><clipPath id="workshop-clip-path-16"><rect class="workshop-cls-2" x="15.11" y="19.82" width="15.21" height="1.79"/></clipPath><clipPath id="workshop-clip-path-17"><rect class="workshop-cls-2" x="15.11" y="23.4" width="15.21" height="1.79"/></clipPath><clipPath id="workshop-clip-path-18"><rect class="workshop-cls-2" x="20.48" y="26.98" width="9.84" height="1.79"/></clipPath><clipPath id="workshop-clip-path-19"><rect class="workshop-cls-2" x="20.48" y="30.56" width="9.84" height="1.79"/></clipPath><clipPath id="workshop-clip-path-20"><path class="workshop-cls-1" d="M35.69,18H50.9V5.5H35.69Zm1.79-1.79H49.12V7.29H37.48Z"/></clipPath><clipPath id="workshop-clip-path-22"><rect class="workshop-cls-2" x="35.69" y="19.82" width="15.21" height="1.79"/></clipPath><clipPath id="workshop-clip-path-23"><rect class="workshop-cls-2" x="39.27" y="23.4" width="11.63" height="1.79"/></clipPath><clipPath id="workshop-clip-path-24"><rect class="workshop-cls-2" x="35.69" y="23.4" width="1.79" height="1.79"/></clipPath><clipPath id="workshop-clip-path-25"><rect class="workshop-cls-2" x="35.69" y="26.98" width="15.21" height="1.79"/></clipPath><clipPath id="workshop-clip-path-26"><rect class="workshop-cls-2" x="35.69" y="30.56" width="11.63" height="1.79"/></clipPath><clipPath id="workshop-clip-path-27"><rect class="workshop-cls-2" x="49.12" y="30.56" width="1.79" height="1.79"/></clipPath></defs><g class="workshop-cls-3"><g class="workshop-cls-4"><rect x="-6.37" y="9.08" width="36.69" height="57.28"/></g></g><g class="workshop-cls-5"><g class="workshop-cls-4"><rect x="11.08" y="5.5" width="55.94" height="50.12"/></g></g><g class="workshop-cls-6"><g class="workshop-cls-4"><rect x="2.58" y="-7.03" width="40.27" height="55.49"/></g></g><g class="workshop-cls-7"><g class="workshop-cls-4"><rect x="23.16" y="-7.03" width="40.27" height="55.49"/></g></g><g class="workshop-cls-8"><g class="workshop-cls-9"><g class="workshop-cls-10"><g class="workshop-cls-11"><rect x="6.16" y="-3.45" width="33.11" height="19.69"/></g><g class="workshop-cls-12"><rect x="6.16" y="0.13" width="19.69" height="19.69"/></g><g class="workshop-cls-13"><rect x="9.74" y="0.13" width="29.53" height="19.69"/></g><g class="workshop-cls-14"><rect x="6.16" y="3.71" width="33.11" height="19.69"/></g><g class="workshop-cls-15"><rect x="6.16" y="7.29" width="33.11" height="19.69"/></g><g class="workshop-cls-16"><rect x="6.16" y="10.87" width="33.11" height="19.69"/></g><g class="workshop-cls-17"><rect x="6.16" y="14.45" width="33.11" height="19.69"/></g><g class="workshop-cls-18"><rect x="11.53" y="18.03" width="27.74" height="19.69"/></g><g class="workshop-cls-19"><rect x="11.53" y="21.61" width="27.74" height="19.69"/></g><g class="workshop-cls-20"><g class="workshop-cls-8"><rect x="26.74" y="-3.45" width="33.11" height="30.43"/></g></g><g class="workshop-cls-21"><rect x="26.74" y="10.87" width="33.11" height="19.69"/></g><g class="workshop-cls-22"><rect x="30.32" y="14.45" width="29.53" height="19.69"/></g><g class="workshop-cls-23"><rect x="26.74" y="14.45" width="19.69" height="19.69"/></g><g class="workshop-cls-24"><rect x="26.74" y="18.03" width="33.11" height="19.69"/></g><g class="workshop-cls-25"><rect x="26.74" y="21.61" width="29.53" height="19.69"/></g><g class="workshop-cls-26"><rect x="40.17" y="21.61" width="19.69" height="19.69"/></g></g></g></g></svg>
\ No newline at end of file
src/assets/images/logos/Big_Bang_Color_Logo_Black_text.png 0 → 100644
+ 0
− 0
View file @ 9d1ce7c4
src/assets/images/logos/Big_Bang_Color_Logo_Black_text.png

38.2 KiB

src/components/ProductsSummary.vue
+ 5
− 5
View file @ 9d1ce7c4
......@@ -7,7 +7,7 @@
<div class="container">
<div class="row">
<div class="col-lg-4 products-wrapper">
<!-- image from Thor Alvis @terminath0r --->
<!-- image from Thor Alvis @terminath0r -->
<v-card
class="flex-card products-container adce"
height="100%"
......@@ -35,7 +35,7 @@
</v-card>
</div>
<div class="col-lg-4 products-wrapper">
<!-- image from jeremy-thomas --->
<!-- image from jeremy-thomas -->
<v-card
class="flex-card products-container big-bang"
height="100%"
......@@ -55,9 +55,9 @@
IL-5 instance
</p>
<v-card-actions class="mt-auto mb-4">
<h4 class="mx-auto mb-2">
product page coming soon
</h4>
<v-btn class="mx-auto" color="secondary" to="/products/big-bang">
Learn More
</v-btn>
</v-card-actions>
</v-card>
</div>
......
src/router/index.js
+ 16
− 0
View file @ 9d1ce7c4
......@@ -72,6 +72,22 @@ const routes = [
breadcrumb: "The Party Bus"
}
},
{ path: "/bigbang", redirect: "/products/big-bang" },
{ path: "/big-bang", redirect: "/products/big-bang" },
{
path: "/products/big-bang",
name: "BigBang",
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () =>
import(/* webpackChunkName: "big-bang" */ "@/views/BigBang.vue"),
meta: {
title: "Platform One | Products | Big Bang",
bodyClass: "big-bang-page",
breadcrumb: "Big Bang"
}
},
{
path: "/contact-us",
name: "ContactUs",
......
src/views/BigBang.vue 0 → 100644
+ 435
− 0
View file @ 9d1ce7c4
<template>
<div class="big-bang">
<PageHeader
title="Big Bang"
subtext
description="Big Bang is Platform Ones infrastructure as code (IAC) and configuration as code (CAC) package that deploys a software factory in a customer owned environment."
/>
<v-container class="px-8" fluid>
<v-container class="px-16" fluid>
<h2 class="my-3 mx-md-16 mx-2">
Empowering you to create custom environments for your mission
</h2>
<p class="my-3 mx-md-16 mx-2">
Big Bang will help you build a custom software factory for your
specific mission needs to enable faster development and deployment of
your mission applications.
</p>
</v-container>
<img
class="img-fluid mx-auto mt-4 bb-logo"
src="@/assets/images/logos/Big_Bang_Color_Logo_Black_text.png"
alt="Big Bang - ABMS All Domain Common Environment Logo"
/>
<div class="row justify-content-center my-4">
<div class="col-md-4">
<h3>HOW DO WE DO IT?</h3>
</div>
<div class="col-md-5 text-center text-md-left">
<p>
<b>Big Bang Deployments is a two-step process:</b>
</p>
<p>
<b>Step 1:</b> We execute the Big Bang IaC/CaC Package to create a
software factory with the tools required to build and deploy
applications.
</p>
<p>
<b>Step 2:</b> We integrate your mission application code and
configuration into the software Factory to automate the testing and
deployment of the mission application.
</p>
</div>
</div>
<div class="image-wrapper" @click="() => showImg(0)">
<img
class="img-fluid"
src="@/assets/images/Big Bang Architecture.png"
/>
</div>
</v-container>
<Wave>
<div class="container px-8 py-0">
<div class="row">
<div class="col-md-6 d-flex text-center text-md-left mb-4 mb-md-0">
<h2 class="ma-auto px-0">
We move fast,
<br />but we move smart.
</h2>
</div>
<div class="col-md-6 text-left">
The Big Bang team will deploy a Software Factory with tools that are
built for your specific mission needs. We believe the sooner we can
get you squared away on our level of automation and security
standards (which is high, why else would we invite you to join our
elite team of products and services), the sooner you can serve the
users and warfighters within DoD that need your product or solution
yesterday.
</div>
</div>
</div>
</Wave>
<div class="container my-4 px-8">
<h2 class="my-4 mt-sm-8 px-0">WHERE WE ARE TODAY</h2>
<p class="text-center">
We are working hard, but don't quite have all of our capabilities
operational.
<br />Check back for updates!
</p>
<div class="d-flex flex-wrap my-4">
<div class="mx-4 mx-md-auto my-4 text-left">
<h4 class="mb-4 mx-auto px-0">The Party Bus Milestones</h4>
<div class="milestones-wrapper mx-2">
<div
v-for="milestone in milestones"
:key="milestone.text"
class="milestone pl-4 mb-4 position-relative"
>
<div class="bullet" :class="{ done: milestone.done }"></div>
<div class="text d-flex align-items-center">
<div class="img-container mr-2 d-flex justify-content-center">
<img
v-if="milestone.logo"
:src="getImageUrl(`logos/tool-logos/${milestone.logo}`)"
class="tool-logo"
:alt="milestone.text"
/>
</div>
{{ milestone.text }}
</div>
<div v-if="milestone.details">
<div
v-for="detail in milestone.details"
:key="detail"
class="milestone-detail font-italic"
>
{{ detail }}
</div>
</div>
</div>
</div>
</div>
<div class="mx-4 mx-md-auto my-4 text-left">
<h4 class="mb-4 mx-auto px-0">RELEASE NOTES</h4>
<div class="note">1 June 2020 - Mattermost</div>
<div class="note">
15 July 2020 - Atlassian (Jira &amp; Confluence)
<i>in Beta</i>
</div>
<div class="note"><i>coming soon</i> - The Party Bus environment</div>
</div>
</div>
<div class="my-4">
<h2 class="my-4 mt-sm-12">THE BIG BANG STAGES</h2>
<p>
<b>Stage 1</b> - This is how we create your DevSecOps (DSOP) Software
Factory. We set this up for you.
</p>
<div class="image-wrapper" @click="() => showImg(1)">
<img
class="img-fluid"
src="@/assets/images/Big Bang Graphics-03.png"
/>
</div>
<p>
<b>Stage 2</b> - This is how you use the DevSecOps (DSOP) Software
Factory to build and deploy your mission applications. You run these
pipelines to build and deploy mission applications any number of
times.
</p>
<div class="image-wrapper" @click="() => showImg(2)">
<img
class="img-fluid"
src="@/assets/images/Big Bang Graphics-04.png"
/>
</div>
</div>
<div class="my-4">
<h2 class="my-4 mt-sm-12">THE BIG BANG TOOL CHAIN</h2>
<p>These are the tools we have available to get the job done.</p>
<v-btn
text
class="link"
:href="getImageUrl('P1 - Tool Chain-2.jpg')"
target="_blank"
>Download the tool chain graphic</v-btn
>
<div class="image-wrapper px-4 mt-4" @click="() => showImg(3)">
<img
class="img-fluid"
src="@/assets/images/P1 - Tool Chain-2.jpg"
alt="The Big Bang - ABMS All Domain Common Environment Tool Chain"
/>
</div>
</div>
<div class="onboarding-summary">
<h2>BIG BANG ON-BOARDING</h2>
<div class="container">
<div class="row justify-center">
<div class="col-md-6 col-lg-4 onboarding-container">
<WorkshopLogo class="logo" />
<h4>BIG BANG WORKSHOP</h4>
<div class="text">
A 2-day workshop covering the Big Bang product and associated
technologies.
</div>
<ExternalLink
class="mt-4"
href="https://repo1.dsop.io/platform-one/onboarding/big-bang/big-bang-workshop"
>
Workshop
</ExternalLink>
</div>
<div class="col-md-6 col-lg-4 onboarding-container">
<ResidencyLogo class="logo" />
<h4>BIG BANG RESIDENCY</h4>
<div class="text">
An 11-day deep dive designed to give participants hands-on
experience with Big Bang Product and associated technologies.
</div>
<ExternalLink
class="mt-4"
href="https://repo1.dsop.io/platform-one/onboarding/big-bang/big-bang-residency-info"
>
Residency
</ExternalLink>
</div>
</div>
</div>
</div>
</div>
<Wave>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<h2 class="mx-auto">
READY TO TAKE THE NEXT STEP TO GET IN BIG BANG?
</h2>
</div>
<div class="col-12 mt-4">
<v-btn class="mx-auto" color="primary" to="/contact-us"
>CONTACT US</v-btn
>
</div>
</div>
</div>
</Wave>
<div class="container my-4">
<div class="row">
<div class="col-md-6 px-4 my-auto text-center text-md-right">
<img
class="mm-logo"
src="@/assets/images/logos/tool-logos/Logo_MM.png"
alt="Mattermost"
/>
</div>
<div class="col-md-5 text-center text-md-left my-4 px-8">
<p>
A chat solution for team collaboration with integrated file sharing.
Start chatting today! Currently hosting instances up to Impact Level
4 (FOUO) with no-hassle video teleconferencing and Jira/Confluence
on the way!
</p>
<v-btn
color="primary"
class="mt-4"
href="https://chat.il2.dsop.io"
target="_blank"
>
Chat now
<!-- <b-icon icon="box-arrow-up-right" aria-hidden="true"></b-icon> -->
</v-btn>
</div>
</div>
</div>
<vue-easy-lightbox
escDisabled
moveDisabled
:visible="lightbox.visible"
:imgs="lightbox.imgs"
:index="lightbox.index"
@hide="handleHide"
></vue-easy-lightbox>
</div>
</template>
<script>
import PageHeader from "@/components/PageHeader";
import Wave from "@/components/Wave";
import VueEasyLightbox from "vue-easy-lightbox";
import ExternalLink from "@/components/ExternalLink";
import WorkshopLogo from "@/assets/images/icons/Icon_Workshop.svg";
import ResidencyLogo from "@/assets/images/icons/Icon_Residency.svg";
export default {
name: "BigBang",
components: {
PageHeader,
Wave,
VueEasyLightbox,
ExternalLink,
WorkshopLogo,
ResidencyLogo
},
methods: {
showImg(index) {
this.lightbox.index = index;
this.lightbox.visible = true;
},
handleHide() {
this.lightbox.visible = false;
},
getImageUrl(filename) {
return require(`@/assets/images/${filename}`);
}
},
data: function() {
return {
// lightbox state
lightbox: {
visible: false,
index: 0, // default: 0
imgs: [
require("@/assets/images/Big Bang Architecture.png"),
require("@/assets/images/Big Bang Graphics-03.png"),
require("@/assets/images/Big Bang Graphics-04.png"),
require("@/assets/images/P1 - Tool Chain-2.jpg")
]
},
milestones: [
{
done: true,
text: "Mattermost",
logo: "mattermost-logomark-blue.png"
},
{
done: true,
text: "Atlassian (Jira & Confluence)",
logo: "Atlassian-icon-blue-onecolor@2x.png"
},
{
done: false,
text: "Mission App Production Clusters",
logo: "ADCE.png"
}
]
};
}
};
</script>
<style lang="scss">
.big-bang {
.mm-logo {
width: 250px;
}
.milestones-wrapper {
background-image: linear-gradient(black 33%, rgba(255, 255, 255, 0) 0%);
background-position: left;
background-size: 3px 10px;
background-repeat: repeat-y;
padding-top: 8px;
position: relative;
.bullet {
border: 1px solid black;
background-color: #ffffff;
border-radius: 50%;
display: inline-block;
position: absolute;
left: -7px;
top: 3px;
height: 17px;
width: 17px;
&.done {
background-color: $p1-light-green;
}
}
.img-container {
width: 24px;
.tool-logo {
max-width: 24px;
max-height: 24px;
}
}
.text {
font-weight: 600;
}
.milestone:last-child {
background-color: #ffffff;
margin-bottom: 0 !important;
}
.milestone:first-child {
margin-top: -12px;
}
}
.image-wrapper {
cursor: pointer;
}
.bb-logo {
max-width: 200px;
}
// lightbox stuff
.vel-modal {
.vel-img {
background-color: #ffffff;
}
.vel-toolbar {
.toobar-btn.toolbar-btn__rotate {
display: none;
}
}
}
.onboarding-summary {
.row {
margin-left: 0;
margin-right: 0;
}
.onboarding-container {
display: flex;
flex-direction: column;
align-items: center;
padding-left: 2rem;
padding-right: 2rem;
margin-bottom: 1rem;
a {
.btn-link {
word-wrap: none;
}
}
h4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
@include xs {
align-items: flex-start;
text-align: left;
h4 {
margin-left: 0;
padding-left: 0;
}
}
}
}
}
</style>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

UNCLASSIFIED - NO CUI