/* * These styles apply ONLY to the header and footer assets. */ footer { background-color: #2C353F; color: white; border-top: 4px solid #FF812C; padding: 40px; line-height: 1.3; } footer .brand, footer .legal, footer nav { max-width: 1186px; margin: auto; } footer .brand { display: flex; justify-content: space-between; } footer .brand svg { width: 76px; height: 50px; } footer nav { display: flex; flex-wrap: wrap; margin: 20px auto 40px; } footer nav div { margin: 0 40px 20px 0; } footer ul { margin: 0; padding: 0; } footer li { margin-top: 10px; list-style: none; } footer a { color: white; text-decoration: none; } footer a:hover { text-decoration: underline; } footer .legal { font-size: 12px; text-align: right; } @media (max-width: 992px) { footer .legal { text-align: left; } footer .legal a { display: block; } } .social li { display: inline-block; margin-left: 10px; } .social a { display: block; width: 24px; height: 24px; text-indent: -9999px; background-size: 24px 24px; } .social .tw { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAXVBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmsrKyzs7PMzMympqbZ2dn5+fn///+fn5/f39/s7Ozy8vK/v7+5ubnGxsbS0tLm5uZYTJQCAAAAD3RSTlMAQGCAv/+f7xDfII8wz1CZ7aIwAAACsUlEQVR4AazUxQEEIAwEwCCb4P2Xe69zQ3b+SFTmOB9ixE2MwTthcSHioxgc4XY1/GDq5EAKGX/lkGRPUUzSQrie/UQwLLEgK1zGsuxkWsWWKnNax6beZMIwbLMhf3kc8fKH4pAS7/9M5+/nv6Cg0Ln68is9QDPkg2agsSbvOog6a//M7yUHMifPMsiyPAmgC/KgGOis/Blh5kAXXEQTwEWhBwCcmNe65SAIhaeE6TOKAmnG93/L6efs5nJL/vu4vtAhRI5x6Bc+kZ+URf8g+aJhdMen0yFkWS/M/x42ziCQQA7Mho2z6DVrINtm1dDIBZzEuy5IwURvkb+CDNIZuDgrVFi0RYZubifZqkihoPdts/tk65S5F+s+Itrg2LkqN230viOgUhrOQeR2QZqgwF/mdO8cx/s0/RagJ56Uux+v+P0GuNMcV3G+QRdc2FDfQbNK1CuEL4bSNnCCufcxMsVSQtdEsO1MBH/hHqkHx+gTmLAAsTrAAqjeoIAELARAArSW5PmH6hb4+5UOc7gFqrrY3AJFXQS3gIk6EHIJ+KM0nxCwxe8ClwClcSOJnRGgsDgsBAUmwtjhjyFUiwCJl7E0xgLvCVOYOQ94IhLkfXc5ZkcdArwDLdOVbKm/qlGHTQdg6oDGlheOoU6AmcDg5XCDhP4m+HRDjutgkcDb8kfqs89y0gH0cXRDSxnXiB4fBq8INp97n96OnREKMlEZPCd048gK8rLso9eET4QIZVZETfSMT3gRj8y5VsVI8dwSvoC4wRzmOCWASE2wUAsn5zEEnHNsmxuv591/zukEUuR5ufg1l+A/SI3kQogxpl+12oEMAAAAgDB/6yDaNXorqfkoyLOmD7M+LfM47vM+AgpPLB6JPHN5qPPU6LEUcK8Ha0/ufhrw24MfN/x64ucZvv8ELRX24Wcw0ZgAAAAASUVORK5CYII="); } .social .tw:active, .social .tw:hover, .social .tw:focus { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAXVBMVEUAAAAdofIdofIdofIdofIdofIdofIdofIdofIdofIdofIdofIdofIdofIdofJHs/RWufWO0Pk5rfSq3Prx+f7///8rp/O44vvV7f3j8/1yxPdkvvaAyvic1vnH6Pyo7hvzAAAAD3RSTlMAQGCAv/+f7xDfII8wz1CZ7aIwAAACsUlEQVR4AazUxQEEIAwEwCCb4P2Xe69zQ3b+SFTmOB9ixE2MwTthcSHioxgc4XY1/GDq5EAKGX/lkGRPUUzSQrie/UQwLLEgK1zGsuxkWsWWKnNax6beZMIwbLMhf3kc8fKH4pAS7/9M5+/nv6Cg0Ln68is9QDPkg2agsSbvOog6a//M7yUHMifPMsiyPAmgC/KgGOis/Blh5kAXXEQTwEWhBwCcmNe65SAIhaeE6TOKAmnG93/L6efs5nJL/vu4vtAhRI5x6Bc+kZ+URf8g+aJhdMen0yFkWS/M/x42ziCQQA7Mho2z6DVrINtm1dDIBZzEuy5IwURvkb+CDNIZuDgrVFi0RYZubifZqkihoPdts/tk65S5F+s+Itrg2LkqN230viOgUhrOQeR2QZqgwF/mdO8cx/s0/RagJ56Uux+v+P0GuNMcV3G+QRdc2FDfQbNK1CuEL4bSNnCCufcxMsVSQtdEsO1MBH/hHqkHx+gTmLAAsTrAAqjeoIAELARAArSW5PmH6hb4+5UOc7gFqrrY3AJFXQS3gIk6EHIJ+KM0nxCwxe8ClwClcSOJnRGgsDgsBAUmwtjhjyFUiwCJl7E0xgLvCVOYOQ94IhLkfXc5ZkcdArwDLdOVbKm/qlGHTQdg6oDGlheOoU6AmcDg5XCDhP4m+HRDjutgkcDb8kfqs89y0gH0cXRDSxnXiB4fBq8INp97n96OnREKMlEZPCd048gK8rLso9eET4QIZVZETfSMT3gRj8y5VsVI8dwSvoC4wRzmOCWASE2wUAsn5zEEnHNsmxuv591/zukEUuR5ufg1l+A/SI3kQogxpl+12oEMAAAAgDB/6yDaNXorqfkoyLOmD7M+LfM47vM+AgpPLB6JPHN5qPPU6LEUcK8Ha0/ufhrw24MfN/x64ucZvv8ELRX24Wcw0ZgAAAAASUVORK5CYII="); } .social .in { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAYFBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZm/v7/y8vL////f39+srKzZ2dm5ubn5+fmfn5/Gxsbm5ubs7Oympqazs7PMzMzS0tJ8ZBiOAAAAEHRSTlMAQGCAv/9wn+8Q3yCPMM9Qrp5ApQAAAiNJREFUeNrV2oVi8yAYheGPwCkkqVKXdPd/kfPIVkmTEs4vz1zKWxdA+lGJNgYNY/RISSxKG9xldISIsg4PODuokeoMnTKdSpjcoiebBw/PS2iHpzgtz1AZnpYp6W2MIGPpZzJFoOlEepg5BHMz6TTCICPpYDGQ7RyfWrAAtWABamGESBK5a4ZoZnLHxCEaN5FbU0Q0Db3/Cb9fUohMyaUMkWVyQSM6Lb/kDvfNF9775QoBXN7jJrz2pc3AG3SO++a+st0hQN55Aha+th90ElK08I0DQqRS0qyAllLWHVgiRNZ1I1762hxBVMfDzMpXjoMeehxabbbl+DuEcZ13c7v94bCcD7vL0yDSImJAZEQE4U7FCR0eXwTFuXb54xzA6eXovyweX0RKErQ7+9rlj4fm+7JRoFUiOiSwO35/7XE71GJCAgd/ZYUWJihw69geQJSAL9AiVmDNDixiBxb7otis/Y9dzEBz/zr3jSJqoHmWcfC1TdTACyobXztHDRSonEiBE2qkAPoHzLsSpncjZPxT8C7/eSChB4RaeBd+QN6Epxzc8W7JTr5YXsDKF8ULKPmWsQKZlDQroKWUsgKpVGzfZ9c1NM614tFcQg6KXBoWBPZqOic2l7MnpNhTavRJQfa0Jn1ilj+1zJ8cv5UgkoS/QEEtWPYiEX2Zq0NCuHwZS438xVL+ci9/wZq/5M7fNMDf9sDfuMHfesLfPBO8/SfpOfgHuN/Cs2XbbmUAAAAASUVORK5CYII="); } .social .in:active, .social .in:focus, .social .in:hover { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAYFBMVEUAAAAAd7UAd7UAd7UAd7UAd7UAd7UAd7UAd7UAd7UAd7UAd7UAd7UAd7UAd7UAd7VgqtHf7vb///+v1egwkcOfzONQoszv9/oQgLpws9W/3e3P5vEgiL5AmciAu9qPxN93NZYzAAAAEHRSTlMAQGCAv/9wn+8Q3yCPMM9Qrp5ApQAAAiNJREFUeNrV2oVi8yAYheGPwCkkqVKXdPd/kfPIVkmTEs4vz1zKWxdA+lGJNgYNY/RISSxKG9xldISIsg4PODuokeoMnTKdSpjcoiebBw/PS2iHpzgtz1AZnpYp6W2MIGPpZzJFoOlEepg5BHMz6TTCICPpYDGQ7RyfWrAAtWABamGESBK5a4ZoZnLHxCEaN5FbU0Q0Db3/Cb9fUohMyaUMkWVyQSM6Lb/kDvfNF9775QoBXN7jJrz2pc3AG3SO++a+st0hQN55Aha+th90ElK08I0DQqRS0qyAllLWHVgiRNZ1I1762hxBVMfDzMpXjoMeehxabbbl+DuEcZ13c7v94bCcD7vL0yDSImJAZEQE4U7FCR0eXwTFuXb54xzA6eXovyweX0RKErQ7+9rlj4fm+7JRoFUiOiSwO35/7XE71GJCAgd/ZYUWJihw69geQJSAL9AiVmDNDixiBxb7otis/Y9dzEBz/zr3jSJqoHmWcfC1TdTACyobXztHDRSonEiBE2qkAPoHzLsSpncjZPxT8C7/eSChB4RaeBd+QN6Epxzc8W7JTr5YXsDKF8ULKPmWsQKZlDQroKWUsgKpVGzfZ9c1NM614tFcQg6KXBoWBPZqOic2l7MnpNhTavRJQfa0Jn1ilj+1zJ8cv5UgkoS/QEEtWPYiEX2Zq0NCuHwZS438xVL+ci9/wZq/5M7fNMDf9sDfuMHfesLfPBO8/SfpOfgHuN/Cs2XbbmUAAAAASUVORK5CYII="); } .social .fb { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAWlBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmwsbGfn5/f4OD29/fNzs7T1NSqq6vq6+vw8fHCwsLZ2tqlpaXl5eW8vLyhzSQ3AAAAD3RSTlMAECAwQFBgcICPn7/P3++kfFgMAAAB3ElEQVR42uzVBaKsMAyF4cAUXqaFHmRc9r/Md106RgrN9W8B/FgakjElO4dXznFpKBXDDhc5ThAx1uMGbyc1Mq4xqOaMxskthGyuevlxCfaI4plimBrRakNic4wyJ5lZhZGqGQkUHqP5ggaVmKSkARYTWcH1FQsWUC1YJGFVvq/gSxdIprg4Xx7J+EsTVyGhKtX5Iz+XDBIzFKqRWE0BRnIc7EcPoWa57p+su+W2xXU+HzHC7aIPtMKBziHTHvrABjfl0Q+w60Od8EzKINP0Jxa4LaMnLH+A0Ba3ceQMbPoTjWwWDGT27z9v193nWtk42+hPsGlwr22Eq8dHB44Q8sEbkgeaqCOPNQNMRE4z4IgImgEQGd2AoRICbXNv+zbBzZMWg0riuJsPrCRf2U0IYJjTD0A3gCmB7i8wNAcreUBvkv8CXyHgdANOP8C6AaZ/uoFSf2WqL/27Wu2riGIAiELoq+nNv9poIDNHAb+7cPXZ4g8vfzq+Dgc4Hp7vVzNHvw6IPmHPgKgTpgyINuGtAO/0iHfA0lRCB3ySDOmAJemcDjg+Xkh5pealoNeaXsx6tezluNf7IlBQwuIjkc9cPtT51Ohjqc+9Plj75O5HA3724IcbfnrixzN8/nMDirC1W9kOMlsAAAAASUVORK5CYII="); } .social .fb:active, .social .fb:focus, .social .fb:hover { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAWlBMVEUAAAA7WZg7WZg7WZg7WZg7WZg7WZg7WZg7WZg7WZg7WZg7WZg7WZg7WZg7WZg7WZhqgbBHY57H0N/29/ekss2wvNPq7fGNnsK8xtnf4+vT2eVSbaRed6qBlLw0jt4aAAAAD3RSTlMAECAwQFBgcICPn7/P3++kfFgMAAAB2klEQVR42uzYB5qrMAxF4Qvj8DR28KVML/tf5pT0HgnQ6/8COGm29AU6oZKUuJGSVAFTCZJ4UpIJIiFmXpDjqEYhNa+qpcAwZaRSLAc/3i8hmSZZYBFqmtUBarcc5BY6N3MONL+BwixzsDzDVRVHqXBF5EjR4fmGQiRdC5F0LVS0s3zTM05mdvJ8ZU4mnzpxc05oPv7+sd5LgRML2FdzYjX2CCcn2FFmKjX3z/3Sc3f/2PK8XA44wu1dv6dVHuiSOu1Lv+eBF5XmN/DU7+uUd1JBnaY/cMfLCiyJ/Q0sPfIyMZ6Bh8NAozsLgTqvu19v133lWt1xjuav4KHhl7ZRjp5sDrxTKeNLoDnQmK488QwIgOQZSADoGSAQfAMBFRXa5svj9gQ3Sy2vqiCmF7/vTfMtpxEBXpf8A/QNcEyg+x+4dg7e7AH7Sf4f+BMCyTeQ/APiGxD88A1U/iMTvgH/tcV/8fJfHZH9Ahnfol8g4lvwCwQs1F6BGkviFRAsFV6BAivRJxCxVvoESmxEj0A0/Z1jD+QSW5+12oEAAAAAgCB/6yjSuHuQ+kltR8GfNX+Y/Wn5x/Gf9z9QfGL5SPSZ60Pdp8aPpZ97P1h/cv/TwN8e/rjx15Mzz4T9B0g7tU+Zp1DeAAAAAElFTkSuQmCC"); } .social .yt { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAXVBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmfn5+wsbHCwsLIyMi2tralpaXZ2tr29/fq6+u8vLzf4ODl5eXw8fGqq6vT1NRwzJRcAAAAEHRSTlMAQGCAv/9wn+8Q3yCPMM9Qrp5ApQAAAiFJREFUeAG01EViQCEMBNCkYXC5/227qgs2/+2RqKzRF3MO75wzr8Ki5vArZ0q4PUT8IwaVC8kyprIlOVMCFoVCuJ79hEVsiSY7NGNbVllWcaTKmtZxqDdZMCKOxSFTHle8TARcCg/fDwT+/esvBFAEfn3XKj1AM+QXLYImNvmpg6jT9s/yXlKQqXyVQZblCwOdySclgi6W+QjTBrrgEWUSAC+EhIek117NA8diEAaiaf766pBKC/c/5u4BxlqMmPUBeAqD4wqeEOUhKT7g/H602XnpvqA6sb8fg4WouzOU2KXHaNmpMgMnu8rzjCB8tRvKT4fd+I7QG4pPl734HYH66O4DVFBl/QLAhz19FsBRQAIMSGf4mwBFWBoBIkfpAHyAxhpAXLUDVqCxChDxyQrYbACRGKwAsQHEHcUCEDNA5KpMAJCCAABSDAMAKTgAkStzAW+ifoGrXA2O8jABZ7D4wWYF+ET8F+lurANWC8Adxfy7XgyAGDoCztwM8KkrZE6NAHD5LQCctoCLLi25Hk5b1mF5UcaJ1zwss9uV9Po7KDctDie/KH1/SwfAa+n7LCMIxaNHqpdQV7UdfzilhNKLwGuvqdGOUykC6WUsuxCntxLYzRB6O4fdkGK31OhNQXZbk92Y5beW+c1xYAu5vc8fUPBHLNQhEWHMRVH68/+jRv6wlD/u5Q+sySN3/tIAf+2Bv7jBXz3hL8/Y13+WxsN/AGfYFB5ss5AkAAAAAElFTkSuQmCC"); } .social .yt:active, .social .yt:focus, .social .yt:hover { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAXVBMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD+Dw/9Pj77bGz7fHz8TU3+Hx/5qqr29/f32Nj8XV34ubn4ycn36Oj9Li75mprxjXBTAAAAEHRSTlMAQGCAv/9wn+8Q3yCPMM9Qrp5ApQAAAiFJREFUeAG01EViQCEMBNCkYXC5/227qgs2/+2RqKzRF3MO75wzr8Ki5vArZ0q4PUT8IwaVC8kyprIlOVMCFoVCuJ79hEVsiSY7NGNbVllWcaTKmtZxqDdZMCKOxSFTHle8TARcCg/fDwT+/esvBFAEfn3XKj1AM+QXLYImNvmpg6jT9s/yXlKQqXyVQZblCwOdySclgi6W+QjTBrrgEWUSAC+EhIek117NA8diEAaiaf766pBKC/c/5u4BxlqMmPUBeAqD4wqeEOUhKT7g/H602XnpvqA6sb8fg4WouzOU2KXHaNmpMgMnu8rzjCB8tRvKT4fd+I7QG4pPl734HYH66O4DVFBl/QLAhz19FsBRQAIMSGf4mwBFWBoBIkfpAHyAxhpAXLUDVqCxChDxyQrYbACRGKwAsQHEHcUCEDNA5KpMAJCCAABSDAMAKTgAkStzAW+ifoGrXA2O8jABZ7D4wWYF+ET8F+lurANWC8Adxfy7XgyAGDoCztwM8KkrZE6NAHD5LQCctoCLLi25Hk5b1mF5UcaJ1zwss9uV9Po7KDctDie/KH1/SwfAa+n7LCMIxaNHqpdQV7UdfzilhNKLwGuvqdGOUykC6WUsuxCntxLYzRB6O4fdkGK31OhNQXZbk92Y5beW+c1xYAu5vc8fUPBHLNQhEWHMRVH68/+jRv6wlD/u5Q+sySN3/tIAf+2Bv7jBXz3hL8/Y13+WxsN/AGfYFB5ss5AkAAAAAElFTkSuQmCC"); }<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NTBT3LG" height="0" width="0" style="display:none;visibility:hidden"></iframe>

Product News Product blogs

Awards-Leaderboard Demo

If you missed us at Fusion, we showcased an Awards-Leaderboard demo that we are now releasing to the open source community! The repo below has a demo/sample solution to show what can be done with the Brightspace Awards APIs, OAuth 2.0, LTI and Node.

The demo is useable as is (complete with working authentication examples) or you can download, branch, and build on it. This solution uses Polymer and Brightspace UI components to create a UI with the same styles Brightspace Daylight uses. The readme has a lot of different links to resources and can be used as a great starting point for getting an LTI application up and running in your Brightspace environment.

Link: https://github.com/Brightspace/Awards-Leaderboard