[
  {
    "path": ".gitignore",
    "content": "# Logs\nlogs\n*.log\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\nlerna-debug.log*\n\n# Diagnostic reports (https://nodejs.org/api/report.html)\nreport.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json\n\n# Runtime data\npids\n*.pid\n*.seed\n*.pid.lock\n\n# Directory for instrumented libs generated by jscoverage/JSCover\nlib-cov\n\n# Coverage directory used by tools like istanbul\ncoverage\n*.lcov\n\n# nyc test coverage\n.nyc_output\n\n# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)\n.grunt\n\n# Bower dependency directory (https://bower.io/)\nbower_components\n\n# node-waf configuration\n.lock-wscript\n\n# Compiled binary addons (https://nodejs.org/api/addons.html)\nbuild/Release\n\n# Dependency directories\nnode_modules/\njspm_packages/\n\n# TypeScript v1 declaration files\ntypings/\n\n# TypeScript cache\n*.tsbuildinfo\n\n# Optional npm cache directory\n.npm\n\n# Optional eslint cache\n.eslintcache\n\n# Microbundle cache\n.rpt2_cache/\n.rts2_cache_cjs/\n.rts2_cache_es/\n.rts2_cache_umd/\n\n# Optional REPL history\n.node_repl_history\n\n# Output of 'npm pack'\n*.tgz\n\n# Yarn Integrity file\n.yarn-integrity\n\n# dotenv environment variables file\n.env\n.env.test\n\n# parcel-bundler cache (https://parceljs.org/)\n.cache\n\n# Next.js build output\n.next\n\n# Nuxt.js build / generate output\n.nuxt\ndist\n\n# Gatsby files\n.cache/\n# Comment in the public line in if your project uses Gatsby and *not* Next.js\n# https://nextjs.org/blog/next-9-1#public-directory-support\n# public\n\n# vuepress build output\n.vuepress/dist\n\n# Serverless directories\n.serverless/\n\n# FuseBox cache\n.fusebox/\n\n# DynamoDB Local files\n.dynamodb/\n\n# TernJS port file\n.tern-port"
  },
  {
    "path": ".vscode/settings.json",
    "content": "{\r\n    \"liveServer.settings.port\": 5501\r\n}"
  },
  {
    "path": "docs/CNAME",
    "content": "ulivre.dev"
  },
  {
    "path": "docs/alert/index.html",
    "content": "<!doctype html>\r\n<html>\r\n\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\r\n  <title>Universidade Brasileira Livre</title>\r\n  <style>\r\n    /* Glassmorphism card effect */\r\n    .card {\r\n      backdrop-filter: blur(15px) saturate(94%);\r\n      -webkit-backdrop-filter: blur(15px) saturate(94%);\r\n      background-color: rgba(31, 41, 55, 0.86);\r\n      border-radius: 12px;\r\n      border: 1px solid rgba(255, 255, 255, 0.125);\r\n    }\r\n  </style>\r\n  <meta name=\"title\" content=\"Universidade Brasileira Livre \">\r\n  <meta name=\"description\"\r\n    content=\"A Universidade Brasileira Livre é um projeto sem fins lucrativos que organiza o conteúdo online em pt-BR para aumentar o acesso de Brasileiros a educação!\">\r\n\r\n  <script src=\"https://kit.fontawesome.com/0ce44bc7c0.js\" crossorigin=\"anonymous\"></script>\r\n\r\n  <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"../imgs/favicon/apple-touch-icon.png\">\r\n  <link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"../imgs/favicon/favicon-32x32.png\">\r\n  <link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"../imgs/favicon/favicon-16x16.png\">\r\n  <link rel=\"manifest\" href=\"../imgs/favicon/site.webmanifest\">\r\n  <link rel=\"mask-icon\" href=\"../imgs/favicon/safari-pinned-tab.svg\" color=\"#5bbad5\">\r\n  <meta name=\"msapplication-TileColor\" content=\"#da532c\">\r\n  <meta name=\"theme-color\" content=\"#ffffff\">\r\n\r\n  <link href=\"../css/custom.css\" rel=\"stylesheet\">\r\n  <link href=\"../css/output.css\" rel=\"stylesheet\">\r\n</head>\r\n\r\n<body class=\"bg-gray-800\">\r\n\r\n  <section class=\"flex items-center justify-center h-screen  \">\r\n    <div class=\"container  flex flex-col items-center justify-center  leading-none tracking-wide    text-center \">\r\n\r\n\r\n\r\n   <h1  class=\"text-3xl text-gray-300 mt-2 font-thin   max-w-sm\"><span id=\"msgOutput\"></span>\r\n      </h1>\r\n\r\n      <div class=\"grid grid-cols-1 sm:grid-cols-1 place-items-center  \">\r\n        <a  onclick=\"history.back()\" rel=\"noopener noreferrer\" href=\"#\"\r\n          class=\"w-72 py-3 font-medium text-lg rounded mt-8 ubl-bg-gradient  text-white\"><i\r\n            class=\" mr-2 fa-solid fa-arrow-left\"></i> Voltar para o inicio </a>\r\n\r\n\r\n      </div>\r\n    </div>\r\n  </section>\r\n</body>\r\n\r\n\r\n<script src=\"../assets/scrollreveal.js\"></script>\r\n<script>\r\n  ScrollReveal({ reset: false });\r\n  ScrollReveal().reveal('.reveal_flip', { rotate: { x: 20, z: 20 }, duration: 1000, delay: 300 });\r\n  ScrollReveal().reveal('.reveal_bottom', { origin: 'bottom', distance: '400px', delay: 300 });\r\n  ScrollReveal().reveal('.reveal_top', { easing: 'ease-in-out', origin: 'top', distance: '400px', delay: 300 });\r\n  ScrollReveal().reveal('.reveal_left_delay', { origin: 'left', distance: '100px', delay: 700 });\r\n  ScrollReveal().reveal('.reveal_left', { origin: 'left', distance: '100px', delay: 400, });\r\n  ScrollReveal().reveal('.reveal_right', { origin: 'right', distance: '100px', delay: 400 });\r\n  ScrollReveal().reveal('.reveal_right_pic', { easing: \"ease-in-out\", origin: 'right', distance: '100px', delay: 400 });\r\n  ScrollReveal().reveal('.scale_up', { scale: 0.85, delay: 500 });\r\n</script>\r\n<script>\r\n\r\n  const params = new URLSearchParams(window.location.search)\r\n  const msgOutput = document.getElementById(\"msgOutput\")\r\n  const message = params.get(\"msg\")\r\n  function createAlert() {\r\n    if (message == null || message == \"\") {\r\n      window.location.replace(\"https://ulivre.dev\")\r\n    } else {\r\n      msgOutput.innerHTML = message\r\n    }\r\n  }\r\n\r\n  createAlert()\r\n\r\n</script>\r\n\r\n</html>"
  },
  {
    "path": "docs/assets/scrollreveal.js",
    "content": "/*! @license ScrollReveal v4.0.9\n\n\tCopyright 2021 Fisssion LLC.\n\n\tLicensed under the GNU General Public License 3.0 for\n\tcompatible open source projects and non-commercial use.\n\n\tFor commercial sites, themes, projects, and applications,\n\tkeep your source code private/proprietary by purchasing\n\ta commercial license from https://scrollrevealjs.org/\n*/\n(function (global, factory) {\n\ttypeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n\ttypeof define === 'function' && define.amd ? define(factory) :\n\t(global = global || self, global.ScrollReveal = factory());\n}(this, function () { 'use strict';\n\n\tvar defaults = {\n\t\tdelay: 0,\n\t\tdistance: '0',\n\t\tduration: 600,\n\t\teasing: 'cubic-bezier(0.5, 0, 0, 1)',\n\t\tinterval: 0,\n\t\topacity: 0,\n\t\torigin: 'bottom',\n\t\trotate: {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tz: 0\n\t\t},\n\t\tscale: 1,\n\t\tcleanup: false,\n\t\tcontainer: document.documentElement,\n\t\tdesktop: true,\n\t\tmobile: true,\n\t\treset: false,\n\t\tuseDelay: 'always',\n\t\tviewFactor: 0.0,\n\t\tviewOffset: {\n\t\t\ttop: 0,\n\t\t\tright: 0,\n\t\t\tbottom: 0,\n\t\t\tleft: 0\n\t\t},\n\t\tafterReset: function afterReset() {},\n\t\tafterReveal: function afterReveal() {},\n\t\tbeforeReset: function beforeReset() {},\n\t\tbeforeReveal: function beforeReveal() {}\n\t};\n\n\tfunction failure() {\n\t\tdocument.documentElement.classList.remove('sr');\n\n\t\treturn {\n\t\t\tclean: function clean() {},\n\t\t\tdestroy: function destroy() {},\n\t\t\treveal: function reveal() {},\n\t\t\tsync: function sync() {},\n\t\t\tget noop() {\n\t\t\t\treturn true\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction success() {\n\t\tdocument.documentElement.classList.add('sr');\n\n\t\tif (document.body) {\n\t\t\tdocument.body.style.height = '100%';\n\t\t} else {\n\t\t\tdocument.addEventListener('DOMContentLoaded', function () {\n\t\t\t\tdocument.body.style.height = '100%';\n\t\t\t});\n\t\t}\n\t}\n\n\tvar mount = { success: success, failure: failure };\n\n\t/*! @license is-dom-node v1.0.4\n\n\t\tCopyright 2018 Fisssion LLC.\n\n\t\tPermission is hereby granted, free of charge, to any person obtaining a copy\n\t\tof this software and associated documentation files (the \"Software\"), to deal\n\t\tin the Software without restriction, including without limitation the rights\n\t\tto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n\t\tcopies of the Software, and to permit persons to whom the Software is\n\t\tfurnished to do so, subject to the following conditions:\n\n\t\tThe above copyright notice and this permission notice shall be included in all\n\t\tcopies or substantial portions of the Software.\n\n\t\tTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n\t\tIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n\t\tFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n\t\tAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n\t\tLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n\t\tOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n\t\tSOFTWARE.\n\n\t*/\n\tfunction isDomNode(x) {\n\t\treturn typeof window.Node === 'object'\n\t\t\t? x instanceof window.Node\n\t\t\t: x !== null &&\n\t\t\t\t\ttypeof x === 'object' &&\n\t\t\t\t\ttypeof x.nodeType === 'number' &&\n\t\t\t\t\ttypeof x.nodeName === 'string'\n\t}\n\n\t/*! @license is-dom-node-list v1.2.1\n\n\t\tCopyright 2018 Fisssion LLC.\n\n\t\tPermission is hereby granted, free of charge, to any person obtaining a copy\n\t\tof this software and associated documentation files (the \"Software\"), to deal\n\t\tin the Software without restriction, including without limitation the rights\n\t\tto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n\t\tcopies of the Software, and to permit persons to whom the Software is\n\t\tfurnished to do so, subject to the following conditions:\n\n\t\tThe above copyright notice and this permission notice shall be included in all\n\t\tcopies or substantial portions of the Software.\n\n\t\tTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n\t\tIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n\t\tFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n\t\tAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n\t\tLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n\t\tOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n\t\tSOFTWARE.\n\n\t*/\n\n\tfunction isDomNodeList(x) {\n\t\tvar prototypeToString = Object.prototype.toString.call(x);\n\t\tvar regex = /^\\[object (HTMLCollection|NodeList|Object)\\]$/;\n\n\t\treturn typeof window.NodeList === 'object'\n\t\t\t? x instanceof window.NodeList\n\t\t\t: x !== null &&\n\t\t\t\t\ttypeof x === 'object' &&\n\t\t\t\t\ttypeof x.length === 'number' &&\n\t\t\t\t\tregex.test(prototypeToString) &&\n\t\t\t\t\t(x.length === 0 || isDomNode(x[0]))\n\t}\n\n\t/*! @license Tealight v0.3.6\n\n\t\tCopyright 2018 Fisssion LLC.\n\n\t\tPermission is hereby granted, free of charge, to any person obtaining a copy\n\t\tof this software and associated documentation files (the \"Software\"), to deal\n\t\tin the Software without restriction, including without limitation the rights\n\t\tto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n\t\tcopies of the Software, and to permit persons to whom the Software is\n\t\tfurnished to do so, subject to the following conditions:\n\n\t\tThe above copyright notice and this permission notice shall be included in all\n\t\tcopies or substantial portions of the Software.\n\n\t\tTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n\t\tIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n\t\tFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n\t\tAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n\t\tLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n\t\tOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n\t\tSOFTWARE.\n\n\t*/\n\n\tfunction tealight(target, context) {\n\t  if ( context === void 0 ) { context = document; }\n\n\t  if (target instanceof Array) { return target.filter(isDomNode); }\n\t  if (isDomNode(target)) { return [target]; }\n\t  if (isDomNodeList(target)) { return Array.prototype.slice.call(target); }\n\t  if (typeof target === \"string\") {\n\t    try {\n\t      var query = context.querySelectorAll(target);\n\t      return Array.prototype.slice.call(query);\n\t    } catch (err) {\n\t      return [];\n\t    }\n\t  }\n\t  return [];\n\t}\n\n\tfunction isObject(x) {\n\t\treturn (\n\t\t\tx !== null &&\n\t\t\tx instanceof Object &&\n\t\t\t(x.constructor === Object ||\n\t\t\t\tObject.prototype.toString.call(x) === '[object Object]')\n\t\t)\n\t}\n\n\tfunction each(collection, callback) {\n\t\tif (isObject(collection)) {\n\t\t\tvar keys = Object.keys(collection);\n\t\t\treturn keys.forEach(function (key) { return callback(collection[key], key, collection); })\n\t\t}\n\t\tif (collection instanceof Array) {\n\t\t\treturn collection.forEach(function (item, i) { return callback(item, i, collection); })\n\t\t}\n\t\tthrow new TypeError('Expected either an array or object literal.')\n\t}\n\n\tfunction logger(message) {\n\t\tvar details = [], len = arguments.length - 1;\n\t\twhile ( len-- > 0 ) details[ len ] = arguments[ len + 1 ];\n\n\t\tif (this.constructor.debug && console) {\n\t\t\tvar report = \"%cScrollReveal: \" + message;\n\t\t\tdetails.forEach(function (detail) { return (report += \"\\n — \" + detail); });\n\t\t\tconsole.log(report, 'color: #ea654b;'); // eslint-disable-line no-console\n\t\t}\n\t}\n\n\tfunction rinse() {\n\t\tvar this$1 = this;\n\n\t\tvar struct = function () { return ({\n\t\t\tactive: [],\n\t\t\tstale: []\n\t\t}); };\n\n\t\tvar elementIds = struct();\n\t\tvar sequenceIds = struct();\n\t\tvar containerIds = struct();\n\n\t\t/**\n\t\t * Take stock of active element IDs.\n\t\t */\n\t\ttry {\n\t\t\teach(tealight('[data-sr-id]'), function (node) {\n\t\t\t\tvar id = parseInt(node.getAttribute('data-sr-id'));\n\t\t\t\telementIds.active.push(id);\n\t\t\t});\n\t\t} catch (e) {\n\t\t\tthrow e\n\t\t}\n\t\t/**\n\t\t * Destroy stale elements.\n\t\t */\n\t\teach(this.store.elements, function (element) {\n\t\t\tif (elementIds.active.indexOf(element.id) === -1) {\n\t\t\t\telementIds.stale.push(element.id);\n\t\t\t}\n\t\t});\n\n\t\teach(elementIds.stale, function (staleId) { return delete this$1.store.elements[staleId]; });\n\n\t\t/**\n\t\t * Take stock of active container and sequence IDs.\n\t\t */\n\t\teach(this.store.elements, function (element) {\n\t\t\tif (containerIds.active.indexOf(element.containerId) === -1) {\n\t\t\t\tcontainerIds.active.push(element.containerId);\n\t\t\t}\n\t\t\tif (element.hasOwnProperty('sequence')) {\n\t\t\t\tif (sequenceIds.active.indexOf(element.sequence.id) === -1) {\n\t\t\t\t\tsequenceIds.active.push(element.sequence.id);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t/**\n\t\t * Destroy stale containers.\n\t\t */\n\t\teach(this.store.containers, function (container) {\n\t\t\tif (containerIds.active.indexOf(container.id) === -1) {\n\t\t\t\tcontainerIds.stale.push(container.id);\n\t\t\t}\n\t\t});\n\n\t\teach(containerIds.stale, function (staleId) {\n\t\t\tvar stale = this$1.store.containers[staleId].node;\n\t\t\tstale.removeEventListener('scroll', this$1.delegate);\n\t\t\tstale.removeEventListener('resize', this$1.delegate);\n\t\t\tdelete this$1.store.containers[staleId];\n\t\t});\n\n\t\t/**\n\t\t * Destroy stale sequences.\n\t\t */\n\t\teach(this.store.sequences, function (sequence) {\n\t\t\tif (sequenceIds.active.indexOf(sequence.id) === -1) {\n\t\t\t\tsequenceIds.stale.push(sequence.id);\n\t\t\t}\n\t\t});\n\n\t\teach(sequenceIds.stale, function (staleId) { return delete this$1.store.sequences[staleId]; });\n\t}\n\n\t/*! @license Rematrix v0.3.0\n\n\t\tCopyright 2018 Julian Lloyd.\n\n\t\tPermission is hereby granted, free of charge, to any person obtaining a copy\n\t\tof this software and associated documentation files (the \"Software\"), to deal\n\t\tin the Software without restriction, including without limitation the rights\n\t\tto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n\t\tcopies of the Software, and to permit persons to whom the Software is\n\t\tfurnished to do so, subject to the following conditions:\n\n\t\tThe above copyright notice and this permission notice shall be included in\n\t\tall copies or substantial portions of the Software.\n\n\t\tTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n\t\tIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n\t\tFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n\t\tAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n\t\tLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n\t\tOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n\t\tTHE SOFTWARE.\n\t*/\n\t/**\n\t * @module Rematrix\n\t */\n\n\t/**\n\t * Transformation matrices in the browser come in two flavors:\n\t *\n\t *  - `matrix` using 6 values (short)\n\t *  - `matrix3d` using 16 values (long)\n\t *\n\t * This utility follows this [conversion guide](https://goo.gl/EJlUQ1)\n\t * to expand short form matrices to their equivalent long form.\n\t *\n\t * @param  {array} source - Accepts both short and long form matrices.\n\t * @return {array}\n\t */\n\tfunction format(source) {\n\t\tif (source.constructor !== Array) {\n\t\t\tthrow new TypeError('Expected array.')\n\t\t}\n\t\tif (source.length === 16) {\n\t\t\treturn source\n\t\t}\n\t\tif (source.length === 6) {\n\t\t\tvar matrix = identity();\n\t\t\tmatrix[0] = source[0];\n\t\t\tmatrix[1] = source[1];\n\t\t\tmatrix[4] = source[2];\n\t\t\tmatrix[5] = source[3];\n\t\t\tmatrix[12] = source[4];\n\t\t\tmatrix[13] = source[5];\n\t\t\treturn matrix\n\t\t}\n\t\tthrow new RangeError('Expected array with either 6 or 16 values.')\n\t}\n\n\t/**\n\t * Returns a matrix representing no transformation. The product of any matrix\n\t * multiplied by the identity matrix will be the original matrix.\n\t *\n\t * > **Tip:** Similar to how `5 * 1 === 5`, where `1` is the identity.\n\t *\n\t * @return {array}\n\t */\n\tfunction identity() {\n\t\tvar matrix = [];\n\t\tfor (var i = 0; i < 16; i++) {\n\t\t\ti % 5 == 0 ? matrix.push(1) : matrix.push(0);\n\t\t}\n\t\treturn matrix\n\t}\n\n\t/**\n\t * Returns a 4x4 matrix describing the combined transformations\n\t * of both arguments.\n\t *\n\t * > **Note:** Order is very important. For example, rotating 45°\n\t * along the Z-axis, followed by translating 500 pixels along the\n\t * Y-axis... is not the same as translating 500 pixels along the\n\t * Y-axis, followed by rotating 45° along on the Z-axis.\n\t *\n\t * @param  {array} m - Accepts both short and long form matrices.\n\t * @param  {array} x - Accepts both short and long form matrices.\n\t * @return {array}\n\t */\n\tfunction multiply(m, x) {\n\t\tvar fm = format(m);\n\t\tvar fx = format(x);\n\t\tvar product = [];\n\n\t\tfor (var i = 0; i < 4; i++) {\n\t\t\tvar row = [fm[i], fm[i + 4], fm[i + 8], fm[i + 12]];\n\t\t\tfor (var j = 0; j < 4; j++) {\n\t\t\t\tvar k = j * 4;\n\t\t\t\tvar col = [fx[k], fx[k + 1], fx[k + 2], fx[k + 3]];\n\t\t\t\tvar result =\n\t\t\t\t\trow[0] * col[0] + row[1] * col[1] + row[2] * col[2] + row[3] * col[3];\n\n\t\t\t\tproduct[i + k] = result;\n\t\t\t}\n\t\t}\n\n\t\treturn product\n\t}\n\n\t/**\n\t * Attempts to return a 4x4 matrix describing the CSS transform\n\t * matrix passed in, but will return the identity matrix as a\n\t * fallback.\n\t *\n\t * > **Tip:** This method is used to convert a CSS matrix (retrieved as a\n\t * `string` from computed styles) to its equivalent array format.\n\t *\n\t * @param  {string} source - `matrix` or `matrix3d` CSS Transform value.\n\t * @return {array}\n\t */\n\tfunction parse(source) {\n\t\tif (typeof source === 'string') {\n\t\t\tvar match = source.match(/matrix(3d)?\\(([^)]+)\\)/);\n\t\t\tif (match) {\n\t\t\t\tvar raw = match[2].split(', ').map(parseFloat);\n\t\t\t\treturn format(raw)\n\t\t\t}\n\t\t}\n\t\treturn identity()\n\t}\n\n\t/**\n\t * Returns a 4x4 matrix describing X-axis rotation.\n\t *\n\t * @param  {number} angle - Measured in degrees.\n\t * @return {array}\n\t */\n\tfunction rotateX(angle) {\n\t\tvar theta = Math.PI / 180 * angle;\n\t\tvar matrix = identity();\n\n\t\tmatrix[5] = matrix[10] = Math.cos(theta);\n\t\tmatrix[6] = matrix[9] = Math.sin(theta);\n\t\tmatrix[9] *= -1;\n\n\t\treturn matrix\n\t}\n\n\t/**\n\t * Returns a 4x4 matrix describing Y-axis rotation.\n\t *\n\t * @param  {number} angle - Measured in degrees.\n\t * @return {array}\n\t */\n\tfunction rotateY(angle) {\n\t\tvar theta = Math.PI / 180 * angle;\n\t\tvar matrix = identity();\n\n\t\tmatrix[0] = matrix[10] = Math.cos(theta);\n\t\tmatrix[2] = matrix[8] = Math.sin(theta);\n\t\tmatrix[2] *= -1;\n\n\t\treturn matrix\n\t}\n\n\t/**\n\t * Returns a 4x4 matrix describing Z-axis rotation.\n\t *\n\t * @param  {number} angle - Measured in degrees.\n\t * @return {array}\n\t */\n\tfunction rotateZ(angle) {\n\t\tvar theta = Math.PI / 180 * angle;\n\t\tvar matrix = identity();\n\n\t\tmatrix[0] = matrix[5] = Math.cos(theta);\n\t\tmatrix[1] = matrix[4] = Math.sin(theta);\n\t\tmatrix[4] *= -1;\n\n\t\treturn matrix\n\t}\n\n\t/**\n\t * Returns a 4x4 matrix describing 2D scaling. The first argument\n\t * is used for both X and Y-axis scaling, unless an optional\n\t * second argument is provided to explicitly define Y-axis scaling.\n\t *\n\t * @param  {number} scalar    - Decimal multiplier.\n\t * @param  {number} [scalarY] - Decimal multiplier.\n\t * @return {array}\n\t */\n\tfunction scale(scalar, scalarY) {\n\t\tvar matrix = identity();\n\n\t\tmatrix[0] = scalar;\n\t\tmatrix[5] = typeof scalarY === 'number' ? scalarY : scalar;\n\n\t\treturn matrix\n\t}\n\n\t/**\n\t * Returns a 4x4 matrix describing X-axis translation.\n\t *\n\t * @param  {number} distance - Measured in pixels.\n\t * @return {array}\n\t */\n\tfunction translateX(distance) {\n\t\tvar matrix = identity();\n\t\tmatrix[12] = distance;\n\t\treturn matrix\n\t}\n\n\t/**\n\t * Returns a 4x4 matrix describing Y-axis translation.\n\t *\n\t * @param  {number} distance - Measured in pixels.\n\t * @return {array}\n\t */\n\tfunction translateY(distance) {\n\t\tvar matrix = identity();\n\t\tmatrix[13] = distance;\n\t\treturn matrix\n\t}\n\n\tvar getPrefixedCssProp = (function () {\n\t\tvar properties = {};\n\t\tvar style = document.documentElement.style;\n\n\t\tfunction getPrefixedCssProperty(name, source) {\n\t\t\tif ( source === void 0 ) source = style;\n\n\t\t\tif (name && typeof name === 'string') {\n\t\t\t\tif (properties[name]) {\n\t\t\t\t\treturn properties[name]\n\t\t\t\t}\n\t\t\t\tif (typeof source[name] === 'string') {\n\t\t\t\t\treturn (properties[name] = name)\n\t\t\t\t}\n\t\t\t\tif (typeof source[(\"-webkit-\" + name)] === 'string') {\n\t\t\t\t\treturn (properties[name] = \"-webkit-\" + name)\n\t\t\t\t}\n\t\t\t\tthrow new RangeError((\"Unable to find \\\"\" + name + \"\\\" style property.\"))\n\t\t\t}\n\t\t\tthrow new TypeError('Expected a string.')\n\t\t}\n\n\t\tgetPrefixedCssProperty.clearCache = function () { return (properties = {}); };\n\n\t\treturn getPrefixedCssProperty\n\t})();\n\n\tfunction style(element) {\n\t\tvar computed = window.getComputedStyle(element.node);\n\t\tvar position = computed.position;\n\t\tvar config = element.config;\n\n\t\t/**\n\t\t * Generate inline styles\n\t\t */\n\t\tvar inline = {};\n\t\tvar inlineStyle = element.node.getAttribute('style') || '';\n\t\tvar inlineMatch = inlineStyle.match(/[\\w-]+\\s*:\\s*[^;]+\\s*/gi) || [];\n\n\t\tinline.computed = inlineMatch ? inlineMatch.map(function (m) { return m.trim(); }).join('; ') + ';' : '';\n\n\t\tinline.generated = inlineMatch.some(function (m) { return m.match(/visibility\\s?:\\s?visible/i); })\n\t\t\t? inline.computed\n\t\t\t: inlineMatch.concat( ['visibility: visible']).map(function (m) { return m.trim(); }).join('; ') + ';';\n\n\t\t/**\n\t\t * Generate opacity styles\n\t\t */\n\t\tvar computedOpacity = parseFloat(computed.opacity);\n\t\tvar configOpacity = !isNaN(parseFloat(config.opacity))\n\t\t\t? parseFloat(config.opacity)\n\t\t\t: parseFloat(computed.opacity);\n\n\t\tvar opacity = {\n\t\t\tcomputed: computedOpacity !== configOpacity ? (\"opacity: \" + computedOpacity + \";\") : '',\n\t\t\tgenerated: computedOpacity !== configOpacity ? (\"opacity: \" + configOpacity + \";\") : ''\n\t\t};\n\n\t\t/**\n\t\t * Generate transformation styles\n\t\t */\n\t\tvar transformations = [];\n\n\t\tif (parseFloat(config.distance)) {\n\t\t\tvar axis = config.origin === 'top' || config.origin === 'bottom' ? 'Y' : 'X';\n\n\t\t\t/**\n\t\t\t * Let’s make sure our our pixel distances are negative for top and left.\n\t\t\t * e.g. { origin: 'top', distance: '25px' } starts at `top: -25px` in CSS.\n\t\t\t */\n\t\t\tvar distance = config.distance;\n\t\t\tif (config.origin === 'top' || config.origin === 'left') {\n\t\t\t\tdistance = /^-/.test(distance) ? distance.substr(1) : (\"-\" + distance);\n\t\t\t}\n\n\t\t\tvar ref = distance.match(/(^-?\\d+\\.?\\d?)|(em$|px$|%$)/g);\n\t\t\tvar value = ref[0];\n\t\t\tvar unit = ref[1];\n\n\t\t\tswitch (unit) {\n\t\t\t\tcase 'em':\n\t\t\t\t\tdistance = parseInt(computed.fontSize) * value;\n\t\t\t\t\tbreak\n\t\t\t\tcase 'px':\n\t\t\t\t\tdistance = value;\n\t\t\t\t\tbreak\n\t\t\t\tcase '%':\n\t\t\t\t\t/**\n\t\t\t\t\t * Here we use `getBoundingClientRect` instead of\n\t\t\t\t\t * the existing data attached to `element.geometry`\n\t\t\t\t\t * because only the former includes any transformations\n\t\t\t\t\t * current applied to the element.\n\t\t\t\t\t *\n\t\t\t\t\t * If that behavior ends up being unintuitive, this\n\t\t\t\t\t * logic could instead utilize `element.geometry.height`\n\t\t\t\t\t * and `element.geoemetry.width` for the distance calculation\n\t\t\t\t\t */\n\t\t\t\t\tdistance =\n\t\t\t\t\t\taxis === 'Y'\n\t\t\t\t\t\t\t? (element.node.getBoundingClientRect().height * value) / 100\n\t\t\t\t\t\t\t: (element.node.getBoundingClientRect().width * value) / 100;\n\t\t\t\t\tbreak\n\t\t\t\tdefault:\n\t\t\t\t\tthrow new RangeError('Unrecognized or missing distance unit.')\n\t\t\t}\n\n\t\t\tif (axis === 'Y') {\n\t\t\t\ttransformations.push(translateY(distance));\n\t\t\t} else {\n\t\t\t\ttransformations.push(translateX(distance));\n\t\t\t}\n\t\t}\n\n\t\tif (config.rotate.x) { transformations.push(rotateX(config.rotate.x)); }\n\t\tif (config.rotate.y) { transformations.push(rotateY(config.rotate.y)); }\n\t\tif (config.rotate.z) { transformations.push(rotateZ(config.rotate.z)); }\n\t\tif (config.scale !== 1) {\n\t\t\tif (config.scale === 0) {\n\t\t\t\t/**\n\t\t\t\t * The CSS Transforms matrix interpolation specification\n\t\t\t\t * basically disallows transitions of non-invertible\n\t\t\t\t * matrixes, which means browsers won't transition\n\t\t\t\t * elements with zero scale.\n\t\t\t\t *\n\t\t\t\t * That’s inconvenient for the API and developer\n\t\t\t\t * experience, so we simply nudge their value\n\t\t\t\t * slightly above zero; this allows browsers\n\t\t\t\t * to transition our element as expected.\n\t\t\t\t *\n\t\t\t\t * `0.0002` was the smallest number\n\t\t\t\t * that performed across browsers.\n\t\t\t\t */\n\t\t\t\ttransformations.push(scale(0.0002));\n\t\t\t} else {\n\t\t\t\ttransformations.push(scale(config.scale));\n\t\t\t}\n\t\t}\n\n\t\tvar transform = {};\n\t\tif (transformations.length) {\n\t\t\ttransform.property = getPrefixedCssProp('transform');\n\t\t\t/**\n\t\t\t * The default computed transform value should be one of:\n\t\t\t * undefined || 'none' || 'matrix()' || 'matrix3d()'\n\t\t\t */\n\t\t\ttransform.computed = {\n\t\t\t\traw: computed[transform.property],\n\t\t\t\tmatrix: parse(computed[transform.property])\n\t\t\t};\n\n\t\t\ttransformations.unshift(transform.computed.matrix);\n\t\t\tvar product = transformations.reduce(multiply);\n\n\t\t\ttransform.generated = {\n\t\t\t\tinitial: ((transform.property) + \": matrix3d(\" + (product.join(', ')) + \");\"),\n\t\t\t\tfinal: ((transform.property) + \": matrix3d(\" + (transform.computed.matrix.join(', ')) + \");\")\n\t\t\t};\n\t\t} else {\n\t\t\ttransform.generated = {\n\t\t\t\tinitial: '',\n\t\t\t\tfinal: ''\n\t\t\t};\n\t\t}\n\n\t\t/**\n\t\t * Generate transition styles\n\t\t */\n\t\tvar transition = {};\n\t\tif (opacity.generated || transform.generated.initial) {\n\t\t\ttransition.property = getPrefixedCssProp('transition');\n\t\t\ttransition.computed = computed[transition.property];\n\t\t\ttransition.fragments = [];\n\n\t\t\tvar delay = config.delay;\n\t\t\tvar duration = config.duration;\n\t\t\tvar easing = config.easing;\n\n\t\t\tif (opacity.generated) {\n\t\t\t\ttransition.fragments.push({\n\t\t\t\t\tdelayed: (\"opacity \" + (duration / 1000) + \"s \" + easing + \" \" + (delay / 1000) + \"s\"),\n\t\t\t\t\tinstant: (\"opacity \" + (duration / 1000) + \"s \" + easing + \" 0s\")\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (transform.generated.initial) {\n\t\t\t\ttransition.fragments.push({\n\t\t\t\t\tdelayed: ((transform.property) + \" \" + (duration / 1000) + \"s \" + easing + \" \" + (delay / 1000) + \"s\"),\n\t\t\t\t\tinstant: ((transform.property) + \" \" + (duration / 1000) + \"s \" + easing + \" 0s\")\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * The default computed transition property should be undefined, or one of:\n\t\t\t * '' || 'none 0s ease 0s' || 'all 0s ease 0s' || 'all 0s 0s cubic-bezier()'\n\t\t\t */\n\t\t\tvar hasCustomTransition =\n\t\t\t\ttransition.computed && !transition.computed.match(/all 0s|none 0s/);\n\n\t\t\tif (hasCustomTransition) {\n\t\t\t\ttransition.fragments.unshift({\n\t\t\t\t\tdelayed: transition.computed,\n\t\t\t\t\tinstant: transition.computed\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tvar composed = transition.fragments.reduce(\n\t\t\t\tfunction (composition, fragment, i) {\n\t\t\t\t\tcomposition.delayed += i === 0 ? fragment.delayed : (\", \" + (fragment.delayed));\n\t\t\t\t\tcomposition.instant += i === 0 ? fragment.instant : (\", \" + (fragment.instant));\n\t\t\t\t\treturn composition\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdelayed: '',\n\t\t\t\t\tinstant: ''\n\t\t\t\t}\n\t\t\t);\n\n\t\t\ttransition.generated = {\n\t\t\t\tdelayed: ((transition.property) + \": \" + (composed.delayed) + \";\"),\n\t\t\t\tinstant: ((transition.property) + \": \" + (composed.instant) + \";\")\n\t\t\t};\n\t\t} else {\n\t\t\ttransition.generated = {\n\t\t\t\tdelayed: '',\n\t\t\t\tinstant: ''\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\tinline: inline,\n\t\t\topacity: opacity,\n\t\t\tposition: position,\n\t\t\ttransform: transform,\n\t\t\ttransition: transition\n\t\t}\n\t}\n\n\t/**\n\t * apply a CSS string to an element using the CSSOM (element.style) rather\n\t * than setAttribute, which may violate the content security policy.\n\t *\n\t * @param {Node}   [el]  Element to receive styles.\n\t * @param {string} [declaration] Styles to apply.\n\t */\n\tfunction applyStyle (el, declaration) {\n\t\tdeclaration.split(';').forEach(function (pair) {\n\t\t\tvar ref = pair.split(':');\n\t\t\tvar property = ref[0];\n\t\t\tvar value = ref.slice(1);\n\t\t\tif (property && value) {\n\t\t\t\tel.style[property.trim()] = value.join(':');\n\t\t\t}\n\t\t});\n\t}\n\n\tfunction clean(target) {\n\t\tvar this$1 = this;\n\n\t\tvar dirty;\n\t\ttry {\n\t\t\teach(tealight(target), function (node) {\n\t\t\t\tvar id = node.getAttribute('data-sr-id');\n\t\t\t\tif (id !== null) {\n\t\t\t\t\tdirty = true;\n\t\t\t\t\tvar element = this$1.store.elements[id];\n\t\t\t\t\tif (element.callbackTimer) {\n\t\t\t\t\t\twindow.clearTimeout(element.callbackTimer.clock);\n\t\t\t\t\t}\n\t\t\t\t\tapplyStyle(element.node, element.styles.inline.generated);\n\t\t\t\t\tnode.removeAttribute('data-sr-id');\n\t\t\t\t\tdelete this$1.store.elements[id];\n\t\t\t\t}\n\t\t\t});\n\t\t} catch (e) {\n\t\t\treturn logger.call(this, 'Clean failed.', e.message)\n\t\t}\n\n\t\tif (dirty) {\n\t\t\ttry {\n\t\t\t\trinse.call(this);\n\t\t\t} catch (e) {\n\t\t\t\treturn logger.call(this, 'Clean failed.', e.message)\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction destroy() {\n\t\tvar this$1 = this;\n\n\t\t/**\n\t\t * Remove all generated styles and element ids\n\t\t */\n\t\teach(this.store.elements, function (element) {\n\t\t\tapplyStyle(element.node, element.styles.inline.generated);\n\t\t\telement.node.removeAttribute('data-sr-id');\n\t\t});\n\n\t\t/**\n\t\t * Remove all event listeners.\n\t\t */\n\t\teach(this.store.containers, function (container) {\n\t\t\tvar target =\n\t\t\t\tcontainer.node === document.documentElement ? window : container.node;\n\t\t\ttarget.removeEventListener('scroll', this$1.delegate);\n\t\t\ttarget.removeEventListener('resize', this$1.delegate);\n\t\t});\n\n\t\t/**\n\t\t * Clear all data from the store\n\t\t */\n\t\tthis.store = {\n\t\t\tcontainers: {},\n\t\t\telements: {},\n\t\t\thistory: [],\n\t\t\tsequences: {}\n\t\t};\n\t}\n\n\tfunction deepAssign(target) {\n\t\tvar sources = [], len = arguments.length - 1;\n\t\twhile ( len-- > 0 ) sources[ len ] = arguments[ len + 1 ];\n\n\t\tif (isObject(target)) {\n\t\t\teach(sources, function (source) {\n\t\t\t\teach(source, function (data, key) {\n\t\t\t\t\tif (isObject(data)) {\n\t\t\t\t\t\tif (!target[key] || !isObject(target[key])) {\n\t\t\t\t\t\t\ttarget[key] = {};\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdeepAssign(target[key], data);\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttarget[key] = data;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t\treturn target\n\t\t} else {\n\t\t\tthrow new TypeError('Target must be an object literal.')\n\t\t}\n\t}\n\n\tfunction isMobile(agent) {\n\t\tif ( agent === void 0 ) agent = navigator.userAgent;\n\n\t\treturn /Android|iPhone|iPad|iPod/i.test(agent)\n\t}\n\n\tvar nextUniqueId = (function () {\n\t\tvar uid = 0;\n\t\treturn function () { return uid++; }\n\t})();\n\n\tfunction initialize() {\n\t\tvar this$1 = this;\n\n\t\trinse.call(this);\n\n\t\teach(this.store.elements, function (element) {\n\t\t\tvar styles = [element.styles.inline.generated];\n\n\t\t\tif (element.visible) {\n\t\t\t\tstyles.push(element.styles.opacity.computed);\n\t\t\t\tstyles.push(element.styles.transform.generated.final);\n\t\t\t\telement.revealed = true;\n\t\t\t} else {\n\t\t\t\tstyles.push(element.styles.opacity.generated);\n\t\t\t\tstyles.push(element.styles.transform.generated.initial);\n\t\t\t\telement.revealed = false;\n\t\t\t}\n\n\t\t\tapplyStyle(element.node, styles.filter(function (s) { return s !== ''; }).join(' '));\n\t\t});\n\n\t\teach(this.store.containers, function (container) {\n\t\t\tvar target =\n\t\t\t\tcontainer.node === document.documentElement ? window : container.node;\n\t\t\ttarget.addEventListener('scroll', this$1.delegate);\n\t\t\ttarget.addEventListener('resize', this$1.delegate);\n\t\t});\n\n\t\t/**\n\t\t * Manually invoke delegate once to capture\n\t\t * element and container dimensions, container\n\t\t * scroll position, and trigger any valid reveals\n\t\t */\n\t\tthis.delegate();\n\n\t\t/**\n\t\t * Wipe any existing `setTimeout` now\n\t\t * that initialization has completed.\n\t\t */\n\t\tthis.initTimeout = null;\n\t}\n\n\tfunction animate(element, force) {\n\t\tif ( force === void 0 ) force = {};\n\n\t\tvar pristine = force.pristine || this.pristine;\n\t\tvar delayed =\n\t\t\telement.config.useDelay === 'always' ||\n\t\t\t(element.config.useDelay === 'onload' && pristine) ||\n\t\t\t(element.config.useDelay === 'once' && !element.seen);\n\n\t\tvar shouldReveal = element.visible && !element.revealed;\n\t\tvar shouldReset = !element.visible && element.revealed && element.config.reset;\n\n\t\tif (force.reveal || shouldReveal) {\n\t\t\treturn triggerReveal.call(this, element, delayed)\n\t\t}\n\n\t\tif (force.reset || shouldReset) {\n\t\t\treturn triggerReset.call(this, element)\n\t\t}\n\t}\n\n\tfunction triggerReveal(element, delayed) {\n\t\tvar styles = [\n\t\t\telement.styles.inline.generated,\n\t\t\telement.styles.opacity.computed,\n\t\t\telement.styles.transform.generated.final\n\t\t];\n\t\tif (delayed) {\n\t\t\tstyles.push(element.styles.transition.generated.delayed);\n\t\t} else {\n\t\t\tstyles.push(element.styles.transition.generated.instant);\n\t\t}\n\t\telement.revealed = element.seen = true;\n\t\tapplyStyle(element.node, styles.filter(function (s) { return s !== ''; }).join(' '));\n\t\tregisterCallbacks.call(this, element, delayed);\n\t}\n\n\tfunction triggerReset(element) {\n\t\tvar styles = [\n\t\t\telement.styles.inline.generated,\n\t\t\telement.styles.opacity.generated,\n\t\t\telement.styles.transform.generated.initial,\n\t\t\telement.styles.transition.generated.instant\n\t\t];\n\t\telement.revealed = false;\n\t\tapplyStyle(element.node, styles.filter(function (s) { return s !== ''; }).join(' '));\n\t\tregisterCallbacks.call(this, element);\n\t}\n\n\tfunction registerCallbacks(element, isDelayed) {\n\t\tvar this$1 = this;\n\n\t\tvar duration = isDelayed\n\t\t\t? element.config.duration + element.config.delay\n\t\t\t: element.config.duration;\n\n\t\tvar beforeCallback = element.revealed\n\t\t\t? element.config.beforeReveal\n\t\t\t: element.config.beforeReset;\n\n\t\tvar afterCallback = element.revealed\n\t\t\t? element.config.afterReveal\n\t\t\t: element.config.afterReset;\n\n\t\tvar elapsed = 0;\n\t\tif (element.callbackTimer) {\n\t\t\telapsed = Date.now() - element.callbackTimer.start;\n\t\t\twindow.clearTimeout(element.callbackTimer.clock);\n\t\t}\n\n\t\tbeforeCallback(element.node);\n\n\t\telement.callbackTimer = {\n\t\t\tstart: Date.now(),\n\t\t\tclock: window.setTimeout(function () {\n\t\t\t\tafterCallback(element.node);\n\t\t\t\telement.callbackTimer = null;\n\t\t\t\tif (element.revealed && !element.config.reset && element.config.cleanup) {\n\t\t\t\t\tclean.call(this$1, element.node);\n\t\t\t\t}\n\t\t\t}, duration - elapsed)\n\t\t};\n\t}\n\n\tfunction sequence(element, pristine) {\n\t\tif ( pristine === void 0 ) pristine = this.pristine;\n\n\t\t/**\n\t\t * We first check if the element should reset.\n\t\t */\n\t\tif (!element.visible && element.revealed && element.config.reset) {\n\t\t\treturn animate.call(this, element, { reset: true })\n\t\t}\n\n\t\tvar seq = this.store.sequences[element.sequence.id];\n\t\tvar i = element.sequence.index;\n\n\t\tif (seq) {\n\t\t\tvar visible = new SequenceModel(seq, 'visible', this.store);\n\t\t\tvar revealed = new SequenceModel(seq, 'revealed', this.store);\n\n\t\t\tseq.models = { visible: visible, revealed: revealed };\n\n\t\t\t/**\n\t\t\t * If the sequence has no revealed members,\n\t\t\t * then we reveal the first visible element\n\t\t\t * within that sequence.\n\t\t\t *\n\t\t\t * The sequence then cues a recursive call\n\t\t\t * in both directions.\n\t\t\t */\n\t\t\tif (!revealed.body.length) {\n\t\t\t\tvar nextId = seq.members[visible.body[0]];\n\t\t\t\tvar nextElement = this.store.elements[nextId];\n\n\t\t\t\tif (nextElement) {\n\t\t\t\t\tcue.call(this, seq, visible.body[0], -1, pristine);\n\t\t\t\t\tcue.call(this, seq, visible.body[0], +1, pristine);\n\t\t\t\t\treturn animate.call(this, nextElement, { reveal: true, pristine: pristine })\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * If our element isn’t resetting, we check the\n\t\t\t * element sequence index against the head, and\n\t\t\t * then the foot of the sequence.\n\t\t\t */\n\t\t\tif (\n\t\t\t\t!seq.blocked.head &&\n\t\t\t\ti === [].concat( revealed.head ).pop() &&\n\t\t\t\ti >= [].concat( visible.body ).shift()\n\t\t\t) {\n\t\t\t\tcue.call(this, seq, i, -1, pristine);\n\t\t\t\treturn animate.call(this, element, { reveal: true, pristine: pristine })\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!seq.blocked.foot &&\n\t\t\t\ti === [].concat( revealed.foot ).shift() &&\n\t\t\t\ti <= [].concat( visible.body ).pop()\n\t\t\t) {\n\t\t\t\tcue.call(this, seq, i, +1, pristine);\n\t\t\t\treturn animate.call(this, element, { reveal: true, pristine: pristine })\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction Sequence(interval) {\n\t\tvar i = Math.abs(interval);\n\t\tif (!isNaN(i)) {\n\t\t\tthis.id = nextUniqueId();\n\t\t\tthis.interval = Math.max(i, 16);\n\t\t\tthis.members = [];\n\t\t\tthis.models = {};\n\t\t\tthis.blocked = {\n\t\t\t\thead: false,\n\t\t\t\tfoot: false\n\t\t\t};\n\t\t} else {\n\t\t\tthrow new RangeError('Invalid sequence interval.')\n\t\t}\n\t}\n\n\tfunction SequenceModel(seq, prop, store) {\n\t\tvar this$1 = this;\n\n\t\tthis.head = [];\n\t\tthis.body = [];\n\t\tthis.foot = [];\n\n\t\teach(seq.members, function (id, index) {\n\t\t\tvar element = store.elements[id];\n\t\t\tif (element && element[prop]) {\n\t\t\t\tthis$1.body.push(index);\n\t\t\t}\n\t\t});\n\n\t\tif (this.body.length) {\n\t\t\teach(seq.members, function (id, index) {\n\t\t\t\tvar element = store.elements[id];\n\t\t\t\tif (element && !element[prop]) {\n\t\t\t\t\tif (index < this$1.body[0]) {\n\t\t\t\t\t\tthis$1.head.push(index);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis$1.foot.push(index);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tfunction cue(seq, i, direction, pristine) {\n\t\tvar this$1 = this;\n\n\t\tvar blocked = ['head', null, 'foot'][1 + direction];\n\t\tvar nextId = seq.members[i + direction];\n\t\tvar nextElement = this.store.elements[nextId];\n\n\t\tseq.blocked[blocked] = true;\n\n\t\tsetTimeout(function () {\n\t\t\tseq.blocked[blocked] = false;\n\t\t\tif (nextElement) {\n\t\t\t\tsequence.call(this$1, nextElement, pristine);\n\t\t\t}\n\t\t}, seq.interval);\n\t}\n\n\tfunction reveal(target, options, syncing) {\n\t\tvar this$1 = this;\n\t\tif ( options === void 0 ) options = {};\n\t\tif ( syncing === void 0 ) syncing = false;\n\n\t\tvar containerBuffer = [];\n\t\tvar sequence$$1;\n\t\tvar interval = options.interval || defaults.interval;\n\n\t\ttry {\n\t\t\tif (interval) {\n\t\t\t\tsequence$$1 = new Sequence(interval);\n\t\t\t}\n\n\t\t\tvar nodes = tealight(target);\n\t\t\tif (!nodes.length) {\n\t\t\t\tthrow new Error('Invalid reveal target.')\n\t\t\t}\n\n\t\t\tvar elements = nodes.reduce(function (elementBuffer, elementNode) {\n\t\t\t\tvar element = {};\n\t\t\t\tvar existingId = elementNode.getAttribute('data-sr-id');\n\n\t\t\t\tif (existingId) {\n\t\t\t\t\tdeepAssign(element, this$1.store.elements[existingId]);\n\n\t\t\t\t\t/**\n\t\t\t\t\t * In order to prevent previously generated styles\n\t\t\t\t\t * from throwing off the new styles, the style tag\n\t\t\t\t\t * has to be reverted to its pre-reveal state.\n\t\t\t\t\t */\n\t\t\t\t\tapplyStyle(element.node, element.styles.inline.computed);\n\t\t\t\t} else {\n\t\t\t\t\telement.id = nextUniqueId();\n\t\t\t\t\telement.node = elementNode;\n\t\t\t\t\telement.seen = false;\n\t\t\t\t\telement.revealed = false;\n\t\t\t\t\telement.visible = false;\n\t\t\t\t}\n\n\t\t\t\tvar config = deepAssign({}, element.config || this$1.defaults, options);\n\n\t\t\t\tif ((!config.mobile && isMobile()) || (!config.desktop && !isMobile())) {\n\t\t\t\t\tif (existingId) {\n\t\t\t\t\t\tclean.call(this$1, element);\n\t\t\t\t\t}\n\t\t\t\t\treturn elementBuffer // skip elements that are disabled\n\t\t\t\t}\n\n\t\t\t\tvar containerNode = tealight(config.container)[0];\n\t\t\t\tif (!containerNode) {\n\t\t\t\t\tthrow new Error('Invalid container.')\n\t\t\t\t}\n\t\t\t\tif (!containerNode.contains(elementNode)) {\n\t\t\t\t\treturn elementBuffer // skip elements found outside the container\n\t\t\t\t}\n\n\t\t\t\tvar containerId;\n\t\t\t\t{\n\t\t\t\t\tcontainerId = getContainerId(\n\t\t\t\t\t\tcontainerNode,\n\t\t\t\t\t\tcontainerBuffer,\n\t\t\t\t\t\tthis$1.store.containers\n\t\t\t\t\t);\n\t\t\t\t\tif (containerId === null) {\n\t\t\t\t\t\tcontainerId = nextUniqueId();\n\t\t\t\t\t\tcontainerBuffer.push({ id: containerId, node: containerNode });\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\telement.config = config;\n\t\t\t\telement.containerId = containerId;\n\t\t\t\telement.styles = style(element);\n\n\t\t\t\tif (sequence$$1) {\n\t\t\t\t\telement.sequence = {\n\t\t\t\t\t\tid: sequence$$1.id,\n\t\t\t\t\t\tindex: sequence$$1.members.length\n\t\t\t\t\t};\n\t\t\t\t\tsequence$$1.members.push(element.id);\n\t\t\t\t}\n\n\t\t\t\telementBuffer.push(element);\n\t\t\t\treturn elementBuffer\n\t\t\t}, []);\n\n\t\t\t/**\n\t\t\t * Modifying the DOM via setAttribute needs to be handled\n\t\t\t * separately from reading computed styles in the map above\n\t\t\t * for the browser to batch DOM changes (limiting reflows)\n\t\t\t */\n\t\t\teach(elements, function (element) {\n\t\t\t\tthis$1.store.elements[element.id] = element;\n\t\t\t\telement.node.setAttribute('data-sr-id', element.id);\n\t\t\t});\n\t\t} catch (e) {\n\t\t\treturn logger.call(this, 'Reveal failed.', e.message)\n\t\t}\n\n\t\t/**\n\t\t * Now that element set-up is complete...\n\t\t * Let’s commit any container and sequence data we have to the store.\n\t\t */\n\t\teach(containerBuffer, function (container) {\n\t\t\tthis$1.store.containers[container.id] = {\n\t\t\t\tid: container.id,\n\t\t\t\tnode: container.node\n\t\t\t};\n\t\t});\n\t\tif (sequence$$1) {\n\t\t\tthis.store.sequences[sequence$$1.id] = sequence$$1;\n\t\t}\n\n\t\t/**\n\t\t * If reveal wasn't invoked by sync, we want to\n\t\t * make sure to add this call to the history.\n\t\t */\n\t\tif (syncing !== true) {\n\t\t\tthis.store.history.push({ target: target, options: options });\n\n\t\t\t/**\n\t\t\t * Push initialization to the event queue, giving\n\t\t\t * multiple reveal calls time to be interpreted.\n\t\t\t */\n\t\t\tif (this.initTimeout) {\n\t\t\t\twindow.clearTimeout(this.initTimeout);\n\t\t\t}\n\t\t\tthis.initTimeout = window.setTimeout(initialize.bind(this), 0);\n\t\t}\n\t}\n\n\tfunction getContainerId(node) {\n\t\tvar collections = [], len = arguments.length - 1;\n\t\twhile ( len-- > 0 ) collections[ len ] = arguments[ len + 1 ];\n\n\t\tvar id = null;\n\t\teach(collections, function (collection) {\n\t\t\teach(collection, function (container) {\n\t\t\t\tif (id === null && container.node === node) {\n\t\t\t\t\tid = container.id;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\treturn id\n\t}\n\n\t/**\n\t * Re-runs the reveal method for each record stored in history,\n\t * for capturing new content asynchronously loaded into the DOM.\n\t */\n\tfunction sync() {\n\t\tvar this$1 = this;\n\n\t\teach(this.store.history, function (record) {\n\t\t\treveal.call(this$1, record.target, record.options, true);\n\t\t});\n\n\t\tinitialize.call(this);\n\t}\n\n\tvar polyfill = function (x) { return (x > 0) - (x < 0) || +x; };\n\tvar mathSign = Math.sign || polyfill;\n\n\t/*! @license miniraf v1.0.1\n\n\t\tCopyright 2018 Fisssion LLC.\n\n\t\tPermission is hereby granted, free of charge, to any person obtaining a copy\n\t\tof this software and associated documentation files (the \"Software\"), to deal\n\t\tin the Software without restriction, including without limitation the rights\n\t\tto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n\t\tcopies of the Software, and to permit persons to whom the Software is\n\t\tfurnished to do so, subject to the following conditions:\n\n\t\tThe above copyright notice and this permission notice shall be included in all\n\t\tcopies or substantial portions of the Software.\n\n\t\tTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n\t\tIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n\t\tFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n\t\tAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n\t\tLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n\t\tOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n\t\tSOFTWARE.\n\n\t*/\n\tvar polyfill$1 = (function () {\n\t\tvar clock = Date.now();\n\n\t\treturn function (callback) {\n\t\t\tvar currentTime = Date.now();\n\t\t\tif (currentTime - clock > 16) {\n\t\t\t\tclock = currentTime;\n\t\t\t\tcallback(currentTime);\n\t\t\t} else {\n\t\t\t\tsetTimeout(function () { return polyfill$1(callback); }, 0);\n\t\t\t}\n\t\t}\n\t})();\n\n\tvar miniraf = window.requestAnimationFrame ||\n\t\twindow.webkitRequestAnimationFrame ||\n\t\twindow.mozRequestAnimationFrame ||\n\t\tpolyfill$1;\n\n\tfunction getGeometry(target, isContainer) {\n\t\t/**\n\t\t * We want to ignore padding and scrollbars for container elements.\n\t\t * More information here: https://goo.gl/vOZpbz\n\t\t */\n\t\tvar height = isContainer ? target.node.clientHeight : target.node.offsetHeight;\n\t\tvar width = isContainer ? target.node.clientWidth : target.node.offsetWidth;\n\n\t\tvar offsetTop = 0;\n\t\tvar offsetLeft = 0;\n\t\tvar node = target.node;\n\n\t\tdo {\n\t\t\tif (!isNaN(node.offsetTop)) {\n\t\t\t\toffsetTop += node.offsetTop;\n\t\t\t}\n\t\t\tif (!isNaN(node.offsetLeft)) {\n\t\t\t\toffsetLeft += node.offsetLeft;\n\t\t\t}\n\t\t\tnode = node.offsetParent;\n\t\t} while (node)\n\n\t\treturn {\n\t\t\tbounds: {\n\t\t\t\ttop: offsetTop,\n\t\t\t\tright: offsetLeft + width,\n\t\t\t\tbottom: offsetTop + height,\n\t\t\t\tleft: offsetLeft\n\t\t\t},\n\t\t\theight: height,\n\t\t\twidth: width\n\t\t}\n\t}\n\n\tfunction getScrolled(container) {\n\t\tvar top, left;\n\t\tif (container.node === document.documentElement) {\n\t\t\ttop = window.pageYOffset;\n\t\t\tleft = window.pageXOffset;\n\t\t} else {\n\t\t\ttop = container.node.scrollTop;\n\t\t\tleft = container.node.scrollLeft;\n\t\t}\n\t\treturn { top: top, left: left }\n\t}\n\n\tfunction isElementVisible(element) {\n\t\tif ( element === void 0 ) element = {};\n\n\t\tvar container = this.store.containers[element.containerId];\n\t\tif (!container) { return }\n\n\t\tvar viewFactor = Math.max(0, Math.min(1, element.config.viewFactor));\n\t\tvar viewOffset = element.config.viewOffset;\n\n\t\tvar elementBounds = {\n\t\t\ttop: element.geometry.bounds.top + element.geometry.height * viewFactor,\n\t\t\tright: element.geometry.bounds.right - element.geometry.width * viewFactor,\n\t\t\tbottom: element.geometry.bounds.bottom - element.geometry.height * viewFactor,\n\t\t\tleft: element.geometry.bounds.left + element.geometry.width * viewFactor\n\t\t};\n\n\t\tvar containerBounds = {\n\t\t\ttop: container.geometry.bounds.top + container.scroll.top + viewOffset.top,\n\t\t\tright: container.geometry.bounds.right + container.scroll.left - viewOffset.right,\n\t\t\tbottom:\n\t\t\t\tcontainer.geometry.bounds.bottom + container.scroll.top - viewOffset.bottom,\n\t\t\tleft: container.geometry.bounds.left + container.scroll.left + viewOffset.left\n\t\t};\n\n\t\treturn (\n\t\t\t(elementBounds.top < containerBounds.bottom &&\n\t\t\t\telementBounds.right > containerBounds.left &&\n\t\t\t\telementBounds.bottom > containerBounds.top &&\n\t\t\t\telementBounds.left < containerBounds.right) ||\n\t\t\telement.styles.position === 'fixed'\n\t\t)\n\t}\n\n\tfunction delegate(\n\t\tevent,\n\t\telements\n\t) {\n\t\tvar this$1 = this;\n\t\tif ( event === void 0 ) event = { type: 'init' };\n\t\tif ( elements === void 0 ) elements = this.store.elements;\n\n\t\tminiraf(function () {\n\t\t\tvar stale = event.type === 'init' || event.type === 'resize';\n\n\t\t\teach(this$1.store.containers, function (container) {\n\t\t\t\tif (stale) {\n\t\t\t\t\tcontainer.geometry = getGeometry.call(this$1, container, true);\n\t\t\t\t}\n\t\t\t\tvar scroll = getScrolled.call(this$1, container);\n\t\t\t\tif (container.scroll) {\n\t\t\t\t\tcontainer.direction = {\n\t\t\t\t\t\tx: mathSign(scroll.left - container.scroll.left),\n\t\t\t\t\t\ty: mathSign(scroll.top - container.scroll.top)\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tcontainer.scroll = scroll;\n\t\t\t});\n\n\t\t\t/**\n\t\t\t * Due to how the sequencer is implemented, it’s\n\t\t\t * important that we update the state of all\n\t\t\t * elements, before any animation logic is\n\t\t\t * evaluated (in the second loop below).\n\t\t\t */\n\t\t\teach(elements, function (element) {\n\t\t\t\tif (stale || element.geometry === undefined) {\n\t\t\t\t\telement.geometry = getGeometry.call(this$1, element);\n\t\t\t\t}\n\t\t\t\telement.visible = isElementVisible.call(this$1, element);\n\t\t\t});\n\n\t\t\teach(elements, function (element) {\n\t\t\t\tif (element.sequence) {\n\t\t\t\t\tsequence.call(this$1, element);\n\t\t\t\t} else {\n\t\t\t\t\tanimate.call(this$1, element);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis$1.pristine = false;\n\t\t});\n\t}\n\n\tfunction isTransformSupported() {\n\t\tvar style = document.documentElement.style;\n\t\treturn 'transform' in style || 'WebkitTransform' in style\n\t}\n\n\tfunction isTransitionSupported() {\n\t\tvar style = document.documentElement.style;\n\t\treturn 'transition' in style || 'WebkitTransition' in style\n\t}\n\n\tvar version = \"4.0.9\";\n\n\tvar boundDelegate;\n\tvar boundDestroy;\n\tvar boundReveal;\n\tvar boundClean;\n\tvar boundSync;\n\tvar config;\n\tvar debug;\n\tvar instance;\n\n\tfunction ScrollReveal(options) {\n\t\tif ( options === void 0 ) options = {};\n\n\t\tvar invokedWithoutNew =\n\t\t\ttypeof this === 'undefined' ||\n\t\t\tObject.getPrototypeOf(this) !== ScrollReveal.prototype;\n\n\t\tif (invokedWithoutNew) {\n\t\t\treturn new ScrollReveal(options)\n\t\t}\n\n\t\tif (!ScrollReveal.isSupported()) {\n\t\t\tlogger.call(this, 'Instantiation failed.', 'This browser is not supported.');\n\t\t\treturn mount.failure()\n\t\t}\n\n\t\tvar buffer;\n\t\ttry {\n\t\t\tbuffer = config\n\t\t\t\t? deepAssign({}, config, options)\n\t\t\t\t: deepAssign({}, defaults, options);\n\t\t} catch (e) {\n\t\t\tlogger.call(this, 'Invalid configuration.', e.message);\n\t\t\treturn mount.failure()\n\t\t}\n\n\t\ttry {\n\t\t\tvar container = tealight(buffer.container)[0];\n\t\t\tif (!container) {\n\t\t\t\tthrow new Error('Invalid container.')\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tlogger.call(this, e.message);\n\t\t\treturn mount.failure()\n\t\t}\n\n\t\tconfig = buffer;\n\n\t\tif ((!config.mobile && isMobile()) || (!config.desktop && !isMobile())) {\n\t\t\tlogger.call(\n\t\t\t\tthis,\n\t\t\t\t'This device is disabled.',\n\t\t\t\t(\"desktop: \" + (config.desktop)),\n\t\t\t\t(\"mobile: \" + (config.mobile))\n\t\t\t);\n\t\t\treturn mount.failure()\n\t\t}\n\n\t\tmount.success();\n\n\t\tthis.store = {\n\t\t\tcontainers: {},\n\t\t\telements: {},\n\t\t\thistory: [],\n\t\t\tsequences: {}\n\t\t};\n\n\t\tthis.pristine = true;\n\n\t\tboundDelegate = boundDelegate || delegate.bind(this);\n\t\tboundDestroy = boundDestroy || destroy.bind(this);\n\t\tboundReveal = boundReveal || reveal.bind(this);\n\t\tboundClean = boundClean || clean.bind(this);\n\t\tboundSync = boundSync || sync.bind(this);\n\n\t\tObject.defineProperty(this, 'delegate', { get: function () { return boundDelegate; } });\n\t\tObject.defineProperty(this, 'destroy', { get: function () { return boundDestroy; } });\n\t\tObject.defineProperty(this, 'reveal', { get: function () { return boundReveal; } });\n\t\tObject.defineProperty(this, 'clean', { get: function () { return boundClean; } });\n\t\tObject.defineProperty(this, 'sync', { get: function () { return boundSync; } });\n\n\t\tObject.defineProperty(this, 'defaults', { get: function () { return config; } });\n\t\tObject.defineProperty(this, 'version', { get: function () { return version; } });\n\t\tObject.defineProperty(this, 'noop', { get: function () { return false; } });\n\n\t\treturn instance ? instance : (instance = this)\n\t}\n\n\tScrollReveal.isSupported = function () { return isTransformSupported() && isTransitionSupported(); };\n\n\tObject.defineProperty(ScrollReveal, 'debug', {\n\t\tget: function () { return debug || false; },\n\t\tset: function (value) { return (debug = typeof value === 'boolean' ? value : debug); }\n\t});\n\n\tScrollReveal();\n\n\treturn ScrollReveal;\n\n}));"
  },
  {
    "path": "docs/css/custom.css",
    "content": "html,body{\r\n  scroll-behavior: smooth;\r\n}\r\n::-webkit-scrollbar {\r\n    width: 3px;\r\n  }\r\n  \r\n  /* Track */\r\n  ::-webkit-scrollbar-track {\r\n    background: #111827;\r\n  }\r\n  \r\n  /* Handle */\r\n  ::-webkit-scrollbar-thumb {\r\n    height: 5px;\r\n    background: linear-gradient(10deg, rgba(41, 173, 122, 1) 0%, rgba(61, 120, 172, 1) 100%);\r\n  }\r\n  \r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:hover {\r\n    background: linear-gradient(10deg, rgb(27, 123, 86) 0%, rgb(35, 76, 112)  100%);\r\n  }\r\n\r\n.ubl-bg-gradient {\r\n    background: rgb(41, 173, 122);\r\n    background: linear-gradient(90deg, rgba(41, 173, 122, 1) 0%, rgba(61, 120, 172, 1) 100%);\r\n    animation: gradient 5s ease infinite;\r\n}\r\n.ubl-bg-learn4elixir {\r\n    background: #4D0AA7;\r\n}\r\n\r\n.ubl-learn4elixir-logo{\r\n    width: 15rem;\r\n}\r\n\r\n.ubl-simple-bg-gradient {\r\n  background: rgb(41, 173, 122);\r\n  background: linear-gradient(90deg, rgba(41, 173, 122, 1) 0%, rgba(61, 120, 172, 1) 100%);\r\n}\r\n\r\n.ubl-text-gradient{\r\n    \r\n    color: rgb(41, 173, 122);\r\n    background: -webkit-linear-gradient(10deg, rgba(41, 173, 122, 1) 0%, rgba(61, 120, 172, 1) 100%);\r\n    animation: gradient 5s ease infinite;\r\n    background-size: 400% 400%;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n.ubl-text-blue {\r\n  color:rgba(61, 120, 172);\r\n}\r\n\r\n.ubl-text-green {\r\n  color:rgba(41, 173, 122)\r\n}\r\n\r\n.ubl-bg-blue {\r\n    background:rgba(61, 120, 172);\r\n}\r\n\r\n.ubl-bg-green {\r\n    background:rgba(41, 173, 122)\r\n}\r\n@keyframes floating {\r\n    0% { transform: translate(0,  0px); }\r\n    50%  { transform: translate(0, 15px); }\r\n    100%   { transform: translate(0, -0px); }   \r\n}\r\n@keyframes gradient {\r\n\t0% {\r\n\t\tbackground-position: 0% 50%;\r\n\t}\r\n\t50% {\r\n\t\tbackground-position: 100% 50%;\r\n\t}\r\n\t100% {\r\n\t\tbackground-position: 0% 50%;\r\n\t}\r\n}\r\n"
  },
  {
    "path": "docs/css/input.css",
    "content": "@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,600&display=swap');\r\n@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;"
  },
  {
    "path": "docs/css/output.css",
    "content": "@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,600&display=swap');\n\n/*\n! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com\n*/\n\n/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n  /* 1 */\n  border-width: 0;\n  /* 2 */\n  border-style: solid;\n  /* 2 */\n  border-color: #e5e7eb;\n  /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n*/\n\nhtml {\n  line-height: 1.5;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n  -moz-tab-size: 4;\n  /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4;\n  /* 3 */\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  /* 4 */\n  font-feature-settings: normal;\n  /* 5 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0;\n  /* 1 */\n  line-height: inherit;\n  /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  border-top-width: 1px;\n  /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0;\n  /* 1 */\n  border-color: inherit;\n  /* 2 */\n  border-collapse: collapse;\n  /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  font-weight: inherit;\n  /* 1 */\n  line-height: inherit;\n  /* 1 */\n  color: inherit;\n  /* 1 */\n  margin: 0;\n  /* 2 */\n  padding: 0;\n  /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button;\n  /* 1 */\n  background-color: transparent;\n  /* 2 */\n  background-image: none;\n  /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1;\n  /* 1 */\n  color: #9ca3af;\n  /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1;\n  /* 1 */\n  color: #9ca3af;\n  /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block;\n  /* 1 */\n  vertical-align: middle;\n  /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n\n[hidden] {\n  display: none;\n}\n\n*, ::before, ::after{\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::-webkit-backdrop{\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop{\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n.container{\n  width: 100%;\n}\n\n.\\!container{\n  width: 100% !important;\n}\n\n@media (min-width: 640px){\n  .container{\n    max-width: 640px;\n  }\n\n  .\\!container{\n    max-width: 640px !important;\n  }\n}\n\n@media (min-width: 768px){\n  .container{\n    max-width: 768px;\n  }\n\n  .\\!container{\n    max-width: 768px !important;\n  }\n}\n\n@media (min-width: 1024px){\n  .container{\n    max-width: 1024px;\n  }\n\n  .\\!container{\n    max-width: 1024px !important;\n  }\n}\n\n@media (min-width: 1280px){\n  .container{\n    max-width: 1280px;\n  }\n\n  .\\!container{\n    max-width: 1280px !important;\n  }\n}\n\n@media (min-width: 1536px){\n  .container{\n    max-width: 1536px;\n  }\n\n  .\\!container{\n    max-width: 1536px !important;\n  }\n}\n\n.sr-only{\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n.visible{\n  visibility: visible;\n}\n\n.fixed{\n  position: fixed;\n}\n\n.m-4{\n  margin: 1rem;\n}\n\n.mx-auto{\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.mx-8{\n  margin-left: 2rem;\n  margin-right: 2rem;\n}\n\n.my-16{\n  margin-top: 4rem;\n  margin-bottom: 4rem;\n}\n\n.mx-3{\n  margin-left: 0.75rem;\n  margin-right: 0.75rem;\n}\n\n.-mx-4{\n  margin-left: -1rem;\n  margin-right: -1rem;\n}\n\n.my-2{\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n\n.ml-2{\n  margin-left: 0.5rem;\n}\n\n.ml-10{\n  margin-left: 2.5rem;\n}\n\n.ml-4{\n  margin-left: 1rem;\n}\n\n.-mr-2{\n  margin-right: -0.5rem;\n}\n\n.mb-4{\n  margin-bottom: 1rem;\n}\n\n.mt-14{\n  margin-top: 3.5rem;\n}\n\n.mt-10{\n  margin-top: 2.5rem;\n}\n\n.mb-8{\n  margin-bottom: 2rem;\n}\n\n.mt-8{\n  margin-top: 2rem;\n}\n\n.mt-1{\n  margin-top: 0.25rem;\n}\n\n.mr-2{\n  margin-right: 0.5rem;\n}\n\n.-mt-6{\n  margin-top: -1.5rem;\n}\n\n.mb-16{\n  margin-bottom: 4rem;\n}\n\n.mt-4{\n  margin-top: 1rem;\n}\n\n.mb-12{\n  margin-bottom: 3rem;\n}\n\n.mt-6{\n  margin-top: 1.5rem;\n}\n\n.mt-12{\n  margin-top: 3rem;\n}\n\n.mt-2{\n  margin-top: 0.5rem;\n}\n\n.block{\n  display: block;\n}\n\n.inline-block{\n  display: inline-block;\n}\n\n.inline{\n  display: inline;\n}\n\n.flex{\n  display: flex;\n}\n\n.inline-flex{\n  display: inline-flex;\n}\n\n.grid{\n  display: grid;\n}\n\n.hidden{\n  display: none;\n}\n\n.h-\\[120\\%\\]{\n  height: 120%;\n}\n\n.h-full{\n  height: 100%;\n}\n\n.h-16{\n  height: 4rem;\n}\n\n.h-\\[80\\%\\]{\n  height: 80%;\n}\n\n.h-10{\n  height: 2.5rem;\n}\n\n.h-8{\n  height: 2rem;\n}\n\n.h-6{\n  height: 1.5rem;\n}\n\n.h-screen{\n  height: 100vh;\n}\n\n.w-full{\n  width: 100%;\n}\n\n.w-14{\n  width: 3.5rem;\n}\n\n.w-5\\/6{\n  width: 83.333333%;\n}\n\n.w-10{\n  width: 2.5rem;\n}\n\n.w-6{\n  width: 1.5rem;\n}\n\n.w-72{\n  width: 18rem;\n}\n\n.w-96{\n  width: 24rem;\n}\n\n.w-32{\n  width: 8rem;\n}\n\n.max-w-7xl{\n  max-width: 80rem;\n}\n\n.max-w-screen-2xl{\n  max-width: 1536px;\n}\n\n.max-w-lg{\n  max-width: 32rem;\n}\n\n.max-w-5xl{\n  max-width: 64rem;\n}\n\n.max-w-md{\n  max-width: 28rem;\n}\n\n.max-w-sm{\n  max-width: 24rem;\n}\n\n.flex-shrink-0{\n  flex-shrink: 0;\n}\n\n.rotate-180{\n  --tw-rotate: 180deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.transform{\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.resize{\n  resize: both;\n}\n\n.grid-cols-2{\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.grid-cols-1{\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.flex-col{\n  flex-direction: column;\n}\n\n.flex-wrap{\n  flex-wrap: wrap;\n}\n\n.place-items-center{\n  place-items: center;\n}\n\n.items-center{\n  align-items: center;\n}\n\n.items-baseline{\n  align-items: baseline;\n}\n\n.justify-center{\n  justify-content: center;\n}\n\n.justify-between{\n  justify-content: space-between;\n}\n\n.gap-8{\n  gap: 2rem;\n}\n\n.gap-6{\n  gap: 1.5rem;\n}\n\n.space-x-4 > :not([hidden]) ~ :not([hidden]){\n  --tw-space-x-reverse: 0;\n  margin-right: calc(1rem * var(--tw-space-x-reverse));\n  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\n}\n\n.space-y-1 > :not([hidden]) ~ :not([hidden]){\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n\n.space-y-12 > :not([hidden]) ~ :not([hidden]){\n  --tw-space-y-reverse: 0;\n  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(3rem * var(--tw-space-y-reverse));\n}\n\n.rounded-3xl{\n  border-radius: 1.5rem;\n}\n\n.rounded-md{\n  border-radius: 0.375rem;\n}\n\n.rounded{\n  border-radius: 0.25rem;\n}\n\n.rounded-lg{\n  border-radius: 0.5rem;\n}\n\n.rounded-xl{\n  border-radius: 0.75rem;\n}\n\n.border-0{\n  border-width: 0px;\n}\n\n.border{\n  border-width: 1px;\n}\n\n.border-b-2{\n  border-bottom-width: 2px;\n}\n\n.border-gray-600{\n  --tw-border-opacity: 1;\n  border-color: rgb(75 85 99 / var(--tw-border-opacity));\n}\n\n.bg-gray-800{\n  --tw-bg-opacity: 1;\n  background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n\n.bg-gray-900\\/80{\n  background-color: rgb(17 24 39 / 0.8);\n}\n\n.bg-gray-900\\/20{\n  background-color: rgb(17 24 39 / 0.2);\n}\n\n.bg-gray-900\\/90{\n  background-color: rgb(17 24 39 / 0.9);\n}\n\n.bg-gray-100{\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n\n.bg-gradient-to-t{\n  background-image: linear-gradient(to top, var(--tw-gradient-stops));\n}\n\n.bg-gradient-to-r{\n  background-image: linear-gradient(to right, var(--tw-gradient-stops));\n}\n\n.from-gray-800{\n  --tw-gradient-from: #1f2937;\n  --tw-gradient-to: rgb(31 41 55 / 0);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n\n.from-gray-800\\/80{\n  --tw-gradient-from: rgb(31 41 55 / 0.8);\n  --tw-gradient-to: rgb(31 41 55 / 0);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n\n.via-gray-800\\/0{\n  --tw-gradient-to: rgb(31 41 55 / 0);\n  --tw-gradient-stops: var(--tw-gradient-from), rgb(31 41 55 / 0), var(--tw-gradient-to);\n}\n\n.to-gray-800\\/80{\n  --tw-gradient-to: rgb(31 41 55 / 0.8);\n}\n\n.bg-cover{\n  background-size: cover;\n}\n\n.bg-center{\n  background-position: center;\n}\n\n.bg-no-repeat{\n  background-repeat: no-repeat;\n}\n\n.object-cover{\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.object-center{\n  -o-object-position: center;\n     object-position: center;\n}\n\n.p-2{\n  padding: 0.5rem;\n}\n\n.p-4{\n  padding: 1rem;\n}\n\n.p-8{\n  padding: 2rem;\n}\n\n.px-3{\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n\n.px-6{\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.py-2{\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.px-5{\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n\n.px-8{\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n\n.py-20{\n  padding-top: 5rem;\n  padding-bottom: 5rem;\n}\n\n.px-4{\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.py-16{\n  padding-top: 4rem;\n  padding-bottom: 4rem;\n}\n\n.py-3{\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n\n.pt-4{\n  padding-top: 1rem;\n}\n\n.pt-2{\n  padding-top: 0.5rem;\n}\n\n.pb-3{\n  padding-bottom: 0.75rem;\n}\n\n.pb-12{\n  padding-bottom: 3rem;\n}\n\n.text-left{\n  text-align: left;\n}\n\n.text-center{\n  text-align: center;\n}\n\n.text-sm{\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.text-2xl{\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n\n.text-base{\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n\n.text-3xl{\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n\n.text-xl{\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n\n.text-lg{\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n\n.text-\\[2\\.7rem\\]{\n  font-size: 2.7rem;\n}\n\n.text-5xl{\n  font-size: 3rem;\n  line-height: 1;\n}\n\n.font-medium{\n  font-weight: 500;\n}\n\n.font-semibold{\n  font-weight: 600;\n}\n\n.font-thin{\n  font-weight: 100;\n}\n\n.font-bold{\n  font-weight: 700;\n}\n\n.uppercase{\n  text-transform: uppercase;\n}\n\n.leading-relaxed{\n  line-height: 1.625;\n}\n\n.leading-none{\n  line-height: 1;\n}\n\n.tracking-wider{\n  letter-spacing: 0.05em;\n}\n\n.tracking-wide{\n  letter-spacing: 0.025em;\n}\n\n.text-white{\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.text-gray-200{\n  --tw-text-opacity: 1;\n  color: rgb(229 231 235 / var(--tw-text-opacity));\n}\n\n.text-gray-100{\n  --tw-text-opacity: 1;\n  color: rgb(243 244 246 / var(--tw-text-opacity));\n}\n\n.text-white\\/90{\n  color: rgb(255 255 255 / 0.9);\n}\n\n.text-gray-300{\n  --tw-text-opacity: 1;\n  color: rgb(209 213 219 / var(--tw-text-opacity));\n}\n\n.text-gray-600{\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity));\n}\n\n.text-gray-50{\n  --tw-text-opacity: 1;\n  color: rgb(249 250 251 / var(--tw-text-opacity));\n}\n\n.text-gray-400{\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n\n.text-teal-600{\n  --tw-text-opacity: 1;\n  color: rgb(13 148 136 / var(--tw-text-opacity));\n}\n\n.text-gray-500{\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity));\n}\n\n.text-gray-700{\n  --tw-text-opacity: 1;\n  color: rgb(55 65 81 / var(--tw-text-opacity));\n}\n\n.shadow-2xl{\n  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-xl{\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-md{\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-gray-900{\n  --tw-shadow-color: #111827;\n  --tw-shadow: var(--tw-shadow-colored);\n}\n\n.blur{\n  --tw-blur: blur(8px);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.filter{\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.backdrop-filter{\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.transition{\n  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.\\!transition{\n  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;\n  transition-duration: 150ms !important;\n}\n\n.duration-200{\n  transition-duration: 200ms;\n}\n\n.ease-in{\n  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n\n.ease-in-out{\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.hover\\:bg-gray-900\\/10:hover{\n  background-color: rgb(17 24 39 / 0.1);\n}\n\n.hover\\:text-white\\/90:hover{\n  color: rgb(255 255 255 / 0.9);\n}\n\n.hover\\:text-white\\/50:hover{\n  color: rgb(255 255 255 / 0.5);\n}\n\n.hover\\:text-white:hover{\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-700\\/75:hover{\n  color: rgb(55 65 81 / 0.75);\n}\n\n.hover\\:shadow-none:hover{\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.focus\\:outline-none:focus{\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.focus\\:ring-2:focus{\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-offset-2:focus{\n  --tw-ring-offset-width: 2px;\n}\n\n@media (prefers-color-scheme: dark){\n  .dark\\:text-white{\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity));\n  }\n}\n\n@media (min-width: 640px){\n  .sm\\:mx-auto{\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .sm\\:mx-0{\n    margin-left: 0px;\n    margin-right: 0px;\n  }\n\n  .sm\\:ml-0{\n    margin-left: 0px;\n  }\n\n  .sm\\:mt-0{\n    margin-top: 0px;\n  }\n\n  .sm\\:-mt-20{\n    margin-top: -5rem;\n  }\n\n  .sm\\:inline-flex{\n    display: inline-flex;\n  }\n\n  .sm\\:h-\\[90vh\\]{\n    height: 90vh;\n  }\n\n  .sm\\:max-w-\\[90\\%\\]{\n    max-width: 90%;\n  }\n\n  .sm\\:max-w-2xl{\n    max-width: 42rem;\n  }\n\n  .sm\\:max-w-lg{\n    max-width: 32rem;\n  }\n\n  .sm\\:max-w-4xl{\n    max-width: 56rem;\n  }\n\n  .sm\\:grid-cols-4{\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .sm\\:grid-cols-1{\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n\n  .sm\\:bg-top{\n    background-position: top;\n  }\n\n  .sm\\:p-6{\n    padding: 1.5rem;\n  }\n\n  .sm\\:px-7{\n    padding-left: 1.75rem;\n    padding-right: 1.75rem;\n  }\n\n  .sm\\:px-3{\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n  }\n\n  .sm\\:py-24{\n    padding-top: 6rem;\n    padding-bottom: 6rem;\n  }\n\n  .sm\\:px-9{\n    padding-left: 2.25rem;\n    padding-right: 2.25rem;\n  }\n\n  .sm\\:py-0{\n    padding-top: 0px;\n    padding-bottom: 0px;\n  }\n\n  .sm\\:px-6{\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n  }\n\n  .sm\\:text-center{\n    text-align: center;\n  }\n\n  .sm\\:text-5xl{\n    font-size: 3rem;\n    line-height: 1;\n  }\n\n  .sm\\:text-4xl{\n    font-size: 2.25rem;\n    line-height: 2.5rem;\n  }\n}\n\n@media (min-width: 768px){\n  .md\\:ml-6{\n    margin-left: 1.5rem;\n  }\n\n  .md\\:block{\n    display: block;\n  }\n\n  .md\\:hidden{\n    display: none;\n  }\n\n  .md\\:w-1\\/2{\n    width: 50%;\n  }\n\n  .md\\:grid-cols-2{\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .md\\:flex-row{\n    flex-direction: row;\n  }\n\n  .md\\:items-start{\n    align-items: flex-start;\n  }\n\n  .md\\:gap-8{\n    gap: 2rem;\n  }\n\n  .md\\:pl-16{\n    padding-left: 4rem;\n  }\n\n  .md\\:text-left{\n    text-align: left;\n  }\n}\n\n@media (min-width: 1024px){\n  .lg\\:mb-0{\n    margin-bottom: 0px;\n  }\n\n  .lg\\:w-1\\/2{\n    width: 50%;\n  }\n\n  .lg\\:max-w-lg{\n    max-width: 32rem;\n  }\n\n  .lg\\:flex-grow{\n    flex-grow: 1;\n  }\n\n  .lg\\:grid-cols-3{\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .lg\\:gap-12{\n    gap: 3rem;\n  }\n\n  .lg\\:border-b-0{\n    border-bottom-width: 0px;\n  }\n\n  .lg\\:p-8{\n    padding: 2rem;\n  }\n\n  .lg\\:px-8{\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n\n  .lg\\:pl-24{\n    padding-left: 6rem;\n  }\n\n  .lg\\:pb-0{\n    padding-bottom: 0px;\n  }\n}"
  },
  {
    "path": "docs/cursos.html",
    "content": "<!doctype html>\n<html style=\"height: 100vh;\">\n\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Universidade Brasileira Livre</title>\n\n  <meta name=\"title\" content=\"Universidade Brasileira Livre \">\n  <meta name=\"description\"\n    content=\"A Universidade Brasileira Livre é um projeto sem fins lucrativos que organiza o conteúdo online em pt-BR para aumentar o acesso de Brasileiros a educação!\">\n\n\n\n  <!-- Open Graph / Facebook -->\n  <meta property=\"og:type\" content=\"website\">\n  <meta property=\"og:url\" content=\"https://universidade-livre.github.io/\">\n  <meta property=\"og:title\" content=\"Universidade Brasileira Livre\">\n  <meta property=\"og:description\"\n    content=\"A Universidade Brasileira Livre é um projeto sem fins lucrativos que organiza o conteúdo online em pt-BR para aumentar o acesso de Brasileiros a educação!\">\n  <meta property=\"og:image\" content=\"./imgs/meta/meta-image.jpg\">\n\n  <script src=\"https://kit.fontawesome.com/0ce44bc7c0.js\" crossorigin=\"anonymous\"></script>\n\n  <!-- Twitter -->\n  <meta property=\"twitter:card\" content=\"summary_large_image\">\n  <meta property=\"twitter:url\" content=\"https://universidade-livre.github.io/\">\n  <meta property=\"twitter:title\" content=\"Universidade Brasileira Livre\">\n  <meta property=\"twitter:description\"\n    content=\"A Universidade Brasileira Livre é um projeto sem fins lucrativos que organiza o conteúdo online em pt-BR para aumentar o acesso de Brasileiros a educação!\">\n  <meta property=\"twitter:image\" content=\"./imgs/meta/meta-image.jpg\">\n\n\n  <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"./imgs/favicon/apple-touch-icon.png\">\n  <link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"./imgs/favicon/favicon-32x32.png\">\n  <link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"./imgs/favicon/favicon-16x16.png\">\n  <link rel=\"manifest\" href=\"./imgs/favicon/site.webmanifest\">\n  <link rel=\"mask-icon\" href=\"./imgs/favicon/safari-pinned-tab.svg\" color=\"#5bbad5\">\n  <meta name=\"msapplication-TileColor\" content=\"#da532c\">\n  <meta name=\"theme-color\" content=\"#ffffff\">\n  <link href=\"./css/custom.css\" rel=\"stylesheet\">\n  <link href=\"./css/output.css\" rel=\"stylesheet\">\n</head>\n\n<body class=\"bg-gray-800 h-screen\">\n\n  <aside style=\"background-image: url(./imgs/background2.webp);\"\n    class=\"bg-cover bg-no-repeat  h-screen   sm:bg-top reveal_top\">\n    <section class=\"bg-gradient-to-t h-full from-gray-800 bg-gray-900/80  mx-auto flex flex-col\">\n      <section class=\"px-3 sm:px-7 pt-4 \">\n\n        <div class=\"grid\"> <!-- Adicionada a classe \"grid\" e \"justify-center\" -->\n\n\n          <nav class=\"shadow-2xl shadow-gray-900 rounded-3xl scale_up  ubl-bg-gradient\">\n            <div class=\"max-w-7xl sm:max-w-[90%] mx-auto   \">\n              <div class=\"flex items-center justify-between h-16  px-6 \">\n                <div class=\"w-full justify-between flex items-center \">\n                  <a class=\"flex-shrink-0\" href=\"/\">\n                    <img class=\"w-14 ml-2 sm:ml-0\" src=\"./imgs/simpleicon.png\" alt=\"Workflow\" />\n                  </a>\n                  <div class=\"hidden md:block\">\n                    <div class=\"ml-10 flex items-baseline space-x-4\">\n                      <a class=\"text-white  hover:text-white/90 px-3 py-2 rounded-md text-sm font-medium\"\n                        href=\"index.html\">\n                        Inicio\n                      </a>\n                      <a class=\"text-gray-200  hover:text-white/50  px-3 py-2 rounded-md text-sm font-medium\"\n                        href=\"index.html#about\">\n                        Sobre nós\n                      </a>\n                      <a class=\"text-gray-200  hover:text-white/50  px-3 py-2 rounded-md text-sm font-medium\"\n                        href=\"cursos.html\">\n                        Cursos\n                      </a>\n                      <a href=\"https://github.com/Universidade-Livre\"\n                        class=\"text-gray-200  hover:text-white/50  px-3 py-2 rounded-md text-sm font-medium\">\n                        Github\n                      </a>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"block\">\n                  <div class=\"ml-4 flex items-center md:ml-6\">\n                  </div>\n                </div>\n                <div class=\"-mr-2 flex md:hidden\">\n                  <button onclick=\"mobileMenuShow()\"\n                    class=\" text-white inline-flex items-center text-2xl justify-center p-2 rounded-md focus:outline-none\">\n                    <i class=\"fa-solid fa-bars\"></i>\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div style=\"display: none;\" id=\"menuMobile\" class=\"md:hidden\">\n              <div class=\"px-5 pt-2 pb-3 space-y-1 sm:px-3\">\n                <a class=\"text-white hover:text-white  block px-3 py-2 rounded-md text-base font-medium\"\n                  href=\"index.html\">\n                  Inicio\n                </a>\n                <a class=\"text-gray-100  hover:text-white block px-3 py-2 rounded-md text-base font-medium\"\n                  href=\"index.html#about\">\n                  Sobre nós\n                </a>\n                <a class=\"text-gray-100  hover:text-white block px-3 py-2 rounded-md text-base font-medium\"\n                  href=\"cursos.html\">\n                  Cursos\n                </a>\n                <a href=\"https://github.com/Universidade-Livre\"\n                  class=\"text-gray-100 hover:text-white  block px-3 py-2 rounded-md text-base font-medium\">\n                  Github\n                </a>\n              </div>\n            </div>\n          </nav>\n\n\n\n        </div>\n      </section>\n\n      <section class=\" text-white flex-row items-center justify-center bg-red-600 flex\" style=\"flex: 1;\">\n        <div class=\"mt-8 grid gap-8 content-center items-center grid-cols-2 items-center p-4\">\n          <a href=\"https://github.com/Universidade-Livre/ciencia-da-computacao\"\n            class=\"block rounded-xl p-8 shadow-xl transition hover:bg-gray-900/10 hover:shadow-none bg-gray-900/20 scale_up\"\n            style=\"background-color: rgb(31 41 55 );\">\n            <div class=\"h-10 w-10 text-3xl ubl-text-gradient\">\n              <i class=\"fa-solid fa-laptop-code\"></i>\n            </div>\n            <h2 class=\"mt-4 text-xl font-medium text-white\">Ciência da Computação</h2>\n            <p class=\"mt-1 text-lg font-thin text-gray-300\">\n              Um caminho para a educação autodidata em Ciência da Computação!\n            </p>\n          </a>\n          <a href=\"https://github.com/Universidade-Livre/matematica\"\n            class=\"block rounded-xl p-8 shadow-xl transition hover:bg-gray-900/10 hover:shadow-none bg-gray-900/20 scale_up\"\n            style=\"background-color: rgb(31 41 55 );\">\n            <div class=\"h-10 w-10 text-3xl ubl-text-gradient\">\n              <i class=\"fa-solid fa-money-bill-wave\"></i>\n            </div>\n            <h2 class=\"mt-4 text-xl font-medium text-white\">Matemática</h2>\n            <p class=\"mt-1 text-lg font-thin text-gray-300\">\n              Um caminho para a educação autodidata em Matemática!\n            </p>\n          </a>\n        </div>\n\n      </section>\n\n      <footer aria-label=\"Site Footer\" class=\"\">\n        <div class=\"mx-auto max-w-5xl px-4 sm:px-6 lg:px-8 py-16\">\n          <ul class=\" flex justify-center gap-6 md:gap-8\">\n            <li>\n              <a href=\"https://twitter.com/UBLivre\" rel=\"noreferrer\" target=\"_blank\"\n                class=\" transition text-gray-400 text-2xl \">\n                <span class=\"sr-only\">Twitter</span>\n                <i class=\"fa-brands fa-twitter\"></i>\n              </a>\n            </li>\n\n            <li>\n              <a href=\"https://github.com/Universidade-Livre\" rel=\"noreferrer\" target=\"_blank\"\n                class=\" transition text-gray-400 text-2xl \">\n                <span class=\"sr-only\">Github</span>\n                <i class=\"fa-brands fa-github\"></i>\n              </a>\n            </li>\n\n\n            <li>\n              <a href=\"https://discord.gg/dsvMraVaca \" rel=\"noreferrer\" target=\"_blank\"\n                class=\" transition text-gray-400 text-2xl \">\n                <span class=\"sr-only\">Discord</span>\n                <i class=\"fa-brands fa-discord\"></i>\n              </a>\n            </li>\n\n\n\n\n\n          </ul>\n        </div>\n      </footer>\n</body>\n<script>\n  var x = document.getElementById(\"menuMobile\");\n  let menuMobileVar = 0\n  function mobileMenuShow() {\n    if (x.style.display === \"none\") {\n      x.style.display = \"block\";\n    } else {\n      x.style.display = \"none\";\n    }\n  }\n  window.addEventListener('resize', function (event) {\n    x.style.display = \"none\"\n  });\n</script>\n\n<script src=\"./assets/scrollreveal.js\"></script>\n<script>\n  ScrollReveal({ reset: false });\n  ScrollReveal().reveal('.reveal_flip', { rotate: { x: 20, z: 20 }, duration: 1000, delay: 300 });\n  ScrollReveal().reveal('.reveal_bottom', { origin: 'bottom', distance: '400px', delay: 300 });\n  ScrollReveal().reveal('.reveal_top', { easing: 'ease-in-out', origin: 'top', distance: '400px', delay: 300 });\n  ScrollReveal().reveal('.reveal_left_delay', { origin: 'left', distance: '100px', delay: 700 });\n  ScrollReveal().reveal('.reveal_left', { origin: 'left', distance: '100px', delay: 400, });\n  ScrollReveal().reveal('.reveal_right', { origin: 'right', distance: '100px', delay: 400 });\n  ScrollReveal().reveal('.reveal_right_pic', { easing: \"ease-in-out\", origin: 'right', distance: '100px', delay: 400 });\n  ScrollReveal().reveal('.scale_up', { scale: 0.85, delay: 500 });\n</script>\n\n</html>"
  },
  {
    "path": "docs/imgs/favicon/browserconfig.xml",
    "content": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<browserconfig>\n    <msapplication>\n        <tile>\n            <square150x150logo src=\"/mstile-150x150.png\"/>\n            <TileColor>#da532c</TileColor>\n        </tile>\n    </msapplication>\n</browserconfig>\n"
  },
  {
    "path": "docs/imgs/favicon/site.webmanifest",
    "content": "{\n    \"name\": \"\",\n    \"short_name\": \"\",\n    \"icons\": [\n        {\n            \"src\": \"/android-chrome-192x192.png\",\n            \"sizes\": \"192x192\",\n            \"type\": \"image/png\"\n        },\n        {\n            \"src\": \"/android-chrome-256x256.png\",\n            \"sizes\": \"256x256\",\n            \"type\": \"image/png\"\n        }\n    ],\n    \"theme_color\": \"#ffffff\",\n    \"background_color\": \"#ffffff\",\n    \"display\": \"standalone\"\n}\n"
  },
  {
    "path": "docs/index.html",
    "content": "<!doctype html>\r\n<html>\r\n\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Universidade Brasileira Livre</title>\r\n  <meta name=\"title\" content=\"Universidade Brasileira Livre \">\r\n  <meta name=\"description\"\r\n    content=\"A Universidade Brasileira Livre é um projeto sem fins lucrativos que organiza o conteúdo online em pt-BR para aumentar o acesso de Brasileiros a educação!\">\r\n\r\n  <!-- Open Graph / Facebook -->\r\n  <meta property=\"og:type\" content=\"website\">\r\n  <meta property=\"og:url\" content=\"https://universidade-livre.github.io/\">\r\n  <meta property=\"og:title\" content=\"Universidade Brasileira Livre\">\r\n  <meta property=\"og:description\"\r\n    content=\"A Universidade Brasileira Livre é um projeto sem fins lucrativos que organiza o conteúdo online em pt-BR para aumentar o acesso de Brasileiros a educação!\">\r\n  <meta property=\"og:image\" content=\"./imgs/meta/meta-image.jpg\">\r\n\r\n  <script src=\"https://kit.fontawesome.com/0ce44bc7c0.js\" crossorigin=\"anonymous\"></script>\r\n\r\n  <!-- Twitter -->\r\n  <meta property=\"twitter:card\" content=\"summary_large_image\">\r\n  <meta property=\"twitter:url\" content=\"https://universidade-livre.github.io/\">\r\n  <meta property=\"twitter:title\" content=\"Universidade Brasileira Livre\">\r\n  <meta property=\"twitter:description\"\r\n    content=\"A Universidade Brasileira Livre é um projeto sem fins lucrativos que organiza o conteúdo online em pt-BR para aumentar o acesso de Brasileiros a educação!\">\r\n  <meta property=\"twitter:image\" content=\"./imgs/meta/meta-image.jpg\">\r\n  <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"./imgs/favicon/apple-touch-icon.png\">\r\n  <link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"./imgs/favicon/favicon-32x32.png\">\r\n  <link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"./imgs/favicon/favicon-16x16.png\">\r\n  <link rel=\"manifest\" href=\"./imgs/favicon/site.webmanifest\">\r\n  <link rel=\"mask-icon\" href=\"./imgs/favicon/safari-pinned-tab.svg\" color=\"#5bbad5\">\r\n  <meta name=\"msapplication-TileColor\" content=\"#da532c\">\r\n  <meta name=\"theme-color\" content=\"#ffffff\">\r\n  <link href=\"./css/custom.css\" rel=\"stylesheet\">\r\n  <link href=\"./css/output.css\" rel=\"stylesheet\">\r\n</head>\r\n\r\n<body class=\"bg-gray-800\">\r\n\r\n  <aside style=\"background-image: url(./imgs/background2.webp);\"\r\n    class=\"bg-cover bg-no-repeat  h-[120%] sm:h-[90vh]  sm:bg-top reveal_top\">\r\n    <section class=\"bg-gradient-to-t   h-full from-gray-800 bg-gray-900/80\">\r\n      <section class=\"px-3 sm:px-7 pt-4 \">\r\n        <div>\r\n          <nav class=\"shadow-2xl shadow-gray-900 rounded-3xl scale_up  ubl-bg-gradient\" style=\"position: relative; z-index: 50;\">\r\n            <div class=\"max-w-7xl sm:max-w-[90%] mx-auto   \">\r\n              <div class=\"flex items-center justify-between h-16  px-6 \">\r\n                <div class=\"w-full justify-between flex items-center \">\r\n                  <a class=\"flex-shrink-0\" href=\"/\">\r\n                    <img class=\"w-14 ml-2 sm:ml-0\" src=\"./imgs/simpleicon.png\" alt=\"Workflow\" />\r\n                  </a>\r\n                  <div class=\"hidden md:block\">\r\n                    <div class=\"ml-10 flex items-baseline space-x-4\">\r\n                      <a class=\"text-white  hover:text-white/90 px-3 py-2 rounded-md text-sm font-medium\" href=\"\">\r\n                        Inicio\r\n                      </a>\r\n                      <a class=\"text-gray-200  hover:text-white/50  px-3 py-2 rounded-md text-sm font-medium\"\r\n                        href=\"#about\">\r\n                        Sobre nós\r\n                      </a>\r\n                      <a href=\"cursos.html\"\r\n                        class=\"text-gray-200  hover:text-white/50 px-3 py-2 rounded-md text-sm font-medium\">\r\n                        Cursos\r\n                      </a>\r\n                      <a href=\"https://github.com/Universidade-Livre\"\r\n                        class=\"text-gray-200  hover:text-white/50  px-3 py-2 rounded-md text-sm font-medium\">\r\n                        Github\r\n                      </a>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"block\">\r\n                  <div class=\"ml-4 flex items-center md:ml-6\">\r\n                  </div>\r\n                </div>\r\n                <div class=\"-mr-2 flex md:hidden\">\r\n                  <button onclick=\"mobileMenuShow()\"\r\n                    class=\" text-white inline-flex items-center text-2xl justify-center p-2 rounded-md focus:outline-none\">\r\n                    <i class=\"fa-solid fa-bars\"></i>\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div style=\"display: none;\" id=\"menuMobile\" class=\"md:hidden\">\r\n              <div class=\"px-5 pt-2 pb-3 space-y-1 sm:px-3\">\r\n                <a class=\"text-white hover:text-white  block px-3 py-2 rounded-md text-base font-medium\" href=\"#\">\r\n                  Inicio\r\n                </a>\r\n                <a class=\"text-gray-100  hover:text-white block px-3 py-2 rounded-md text-base font-medium\"\r\n                  href=\"#about\">\r\n                  Sobre nós\r\n                </a>\r\n                <a href=\"cursos.html\"\r\n                  class=\"text-gray-100 hover:text-white block px-3 py-2 rounded-md text-base font-medium\">\r\n                  Cursos\r\n                </a>\r\n                <a href=\"https://github.com/Universidade-Livre\"\r\n                  class=\"text-gray-100 hover:text-white  block px-3 py-2 rounded-md text-base font-medium\">\r\n                  Github\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </nav>\r\n      </section>\r\n\r\n      <section class=\" flex items-center justify-center h-[80%] \">\r\n        <section class=\" scale_up body-font\">\r\n          <div class=\"container mx-auto flex px-8 py-20 sm:py-24 md:flex-row flex-col justify-center items-center\">\r\n            <div class=\"lg:max-w-lg  w-5/6 \">\r\n              <img class=\"object-cover object-center rounded\" alt=\"hero\" src=\"./imgs/bannerubl.png\">\r\n            </div>\r\n            <div\r\n              class=\"lg:flex-grow md:w-1/2 sm:max-w-2xl lg:pl-24 md:pl-16 flex flex-col md:items-start md:text-left items-center text-center\">\r\n              <h1 class=\"hidden sm:inline-flex title-font  sm:text-5xl text-3xl mb-4 mt-14 font-semibold text-white/90\">\r\n                Bem-vindo a Universidade\r\n                Brasileira Livre\r\n              </h1>\r\n              <p class=\"mt-10 sm:mt-0 mb-8 leading-relaxed text-xl font-thin sm:max-w-lg text-gray-300\">Nós somos uma\r\n                organização\r\n                sem fins lucrativos fundada em 2021 que organiza o conteúdo online em português para aumentar o acesso\r\n                de\r\n                Brasileiros a educação!</p>\r\n              <div class=\" flex  justify-center items-center mt-8 sm:mt-0\">\r\n                <a href=\"#about\"\r\n                  class=\" text-white ubl-bg-green border-0  text-center px-4 sm:px-9 py-2  focus:outline-none font-semibold rounded text-lg\"><i\r\n                    class=\"fa-solid fa-glasses mt-1 mr-2\"></i> Sobre nós</a>\r\n                <a href=\"https://github.com/Universidade-Livre\"\r\n                  class=\"ml-4  text-white ubl-bg-blue px-6 sm:px-9 text-center border-0 py-2 focus:outline-none font-semibold rounded text-lg\"><i\r\n                    class=\"fa-brands fa-github mt-1 mr-2\"></i> Github</a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n      </section>\r\n  </aside>\r\n  </section>\r\n  <section class=\"text-gray-600 body-font sm:-mt-20 -mt-6\">\r\n    <div class=\"container  mx-auto\">\r\n\r\n      <div class=\"grid grid-cols-2 sm:grid-cols-4 place-items-center text-center\">\r\n        <div class=\"p-4  w-full scale_up\">\r\n          <div class=\"  rounded-lg\">\r\n            <div class=\"fa-3xl text-[2.7rem]   inline-block ubl-text-gradient\">\r\n              <i class=\"fa-solid fa-people-group\"></i>\r\n            </div>\r\n            <h2 class=\"title-font font-medium text-3xl text-gray-50 \">+8k</h2>\r\n            <p class=\"leading-relaxed text-gray-400 font-thin \">Seguidores Totais</p>\r\n          </div>\r\n        </div>\r\n        <div class=\"p-4 w-full  scale_up\">\r\n          <div class=\"  rounded-lg \">\r\n            <div class=\"fa-3xl text-[2.7rem] inline-block ubl-text-gradient\">\r\n              <i class=\"fa-brands fa-github \"></i>\r\n            </div>\r\n            <h2 class=\"title-font font-medium text-3xl text-gray-50\">+19k</h2>\r\n            <p class=\"leading-relaxed text-gray-400 font-thin\">Estrelas no Github</p>\r\n          </div>\r\n        </div>\r\n        <div class=\"p-4  w-full  scale_up\">\r\n          <div class=\"   rounded-lg\">\r\n            <div class=\"fa-3xl text-[2.7rem]  inline-block ubl-text-gradient\">\r\n              <i class=\"fa-solid fa-handshake-angle\"></i>\r\n            </div>\r\n            <h2 class=\"title-font font-medium text-3xl text-gray-50\">+5k</h2>\r\n            <p class=\"leading-relaxed text-gray-400 font-thin\">Membros no Discord/Telegram</p>\r\n          </div>\r\n        </div>\r\n        <div class=\"p-4 w-full  scale_up\">\r\n          <div class=\"  rounded-lg\">\r\n            <div class=\"fa-3xl text-[2.7rem] inline-block ubl-text-gradient\">\r\n              <i class=\"fa-solid fa-graduation-cap\"></i>\r\n            </div>\r\n            <h2 class=\"title-font font-medium text-3xl text-gray-50\">02</h2>\r\n            <p class=\"leading-relaxed text-gray-400 font-thin\">Cursos Livres</p>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n  </section>\r\n<!-- SEÇÃO PARA EVENTOS, ALTERAR E DESCOMENTAR QUANDO NECESSÁRIO\r\n  <section id=\"learn4elixir\" class=\"bg-gray-800 text-white  \">\r\n    <div class=\"mx-auto max-w-screen-2xl px-4 py-16 \">\r\n      <div class=\" sm:mx-auto  mx-8   max-w-lg sm:max-w-4xl sm:text-center  text-left reveal_bottom mb-16\">\r\n        <div class=\"mt-12 flex justify-center\">\r\n          <img class=\"ubl-learn4elixir-logo\" src=\"./imgs/logo_learn4elixir.svg\"></br>\r\n        </div>\r\n        <div class=\"\">\r\n          <p class=\"text-sm font-medium tracking-wider leading-none    uppercase\">Learn4Elixir</p>\r\n          <h2 class=\"text-3xl font-bold sm:text-4xl mb-8\">Aprenda Elixir em 4 Pull Requests!</h2>\r\n        </div>\r\n        <p class=\"mt-4 font-thin sm:mx-0 text-lg text-gray-300\">\r\n          Durante o mês de Outubro, ocorre anualmente a <a href=\"https://hacktoberfest.com/\"\r\n            target=\"_blank\">Hacktoberfest</a>, um evento no qual os participantes são\r\n          incentivados a contribuir com projetos e comunidades aos quais já pertencem. No entanto, é notório que poucos\r\n          se aventuram em experiências inéditas durante o evento, deixando de explorar novas possibilidades que poderiam\r\n          ser fascinantes.\r\n          O evento é uma oportunidade única para explorar novas áreas da programação e, neste ano, convidamos você a\r\n          experimentar algo novo: a linguagem de programação Elixir. Desafie-se a aprender e contribuir para projetos em\r\n          Elixir, expandindo assim suas habilidades e conhecimentos.\r\n        </p></br>\r\n        <button onclick=\"window.location.href = 'https://github.com/universidade-Livre/learn4Elixir'\"\r\n          class=\"py-3 px-4 ubl-bg-learn4elixir text-white w-full transition ease-in duration-200 text-center text-xl font-medium shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2  rounded-lg \">\r\n          Acessar o repositório <i class=\"ml-2 fa-solid fa-arrow-right\"></i>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </section> \r\nSEÇÃO PARA EVENTOS, ALTERAR E DESCOMENTAR QUANDO NECESSÁRIO -->\r\n\r\n  <section id=\"about\" class=\"bg-gray-800 text-white  \">\r\n    <div class=\"mx-auto max-w-screen-2xl px-4 py-16 \">\r\n      <div class=\" sm:mx-auto  mx-8   max-w-lg sm:max-w-4xl sm:text-center  text-left reveal_bottom mb-16\">\r\n        <div class=\"\">\r\n          <p class=\"text-sm font-medium tracking-wider leading-none    uppercase\">Vamos descobrir</p>\r\n          <h2 class=\"text-3xl font-bold sm:text-4xl mb-8\">Um pouco sobre nós</h2>\r\n        </div>\r\n        <p class=\"mt-4 font-thin sm:mx-0 text-lg text-gray-300\">\r\n          A Universidade Livre Brasileira é um projeto inspirado na Open Source Society University (OSSU). É uma\r\n          comunidade sem fins lucrativos de apoio de estudantes de todos os níveis que ajudam uns aos outros e\r\n          compartilham suas experiências e conhecimentos em torno de diferentes currículos de código aberto.\r\n        </p>\r\n      </div>\r\n      <div class=\"mt-8 grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3 m-4 sm:mx-0\">\r\n        <a\r\n          class=\"block rounded-xl  p-8 shadow-xl transition hover:bg-gray-900/10 hover:shadow-none bg-gray-900/20  scale_up\">\r\n          <div class=\"h-10 w-10 text-3xl ubl-text-gradient\"><i class=\"fa-solid fa-laptop-code\"></i></div>\r\n          <h2 class=\"mt-4 text-xl font-medium text-white\">Software Livre</h2>\r\n          <p class=\"mt-1 text-lg font-thin text-gray-300\">\r\n            Com nossas bases estabalecidas na GNU e Free Software Foudation, todos os nossos cursos e aplicações são de\r\n            livre\r\n            acesso e contribuição pela comunidade.\r\n          </p>\r\n        </a>\r\n        <a\r\n          class=\"block rounded-xl p-8 shadow-xl transition  hover:bg-gray-900/10 hover:shadow-none bg-gray-900/20 scale_up\">\r\n          <div class=\"h-10 w-10 text-3xl ubl-text-gradient\"><i class=\"fa-solid fa-money-bill-wave\"></i></div>\r\n          <h2 class=\"mt-4 text-xl font-medium text-white\">Totalmente Gratuito</h2>\r\n          <p class=\"mt-1 text-lg font-thin text-gray-300\">\r\n            Nossos cursos e aplicações são completamente gratuitos, pois buscamos levar educação de alta qualidade para\r\n            todos, independentemente de sua condição socioeconômica.\r\n          </p>\r\n        </a>\r\n        <a\r\n          class=\"block rounded-xl  p-8 shadow-xl transition hover:bg-gray-900/10 hover:shadow-none  bg-gray-900/20 scale_up\">\r\n          <div class=\"h-10 w-10 text-3xl ubl-text-gradient\"><i class=\"fa-solid fa-people-roof\"></i></div>\r\n          <h2 class=\"mt-4 text-xl font-medium text-white\"> Comunidade Voluntária</h2>\r\n          <p class=\"mt-1 text-lg font-thin text-gray-300\">\r\n            Como nós somos uma comunidade sem fins lucrativos e criada com apoio de apoio de estudantes, somos mantidos\r\n            por\r\n            forma voluntária pelos nossos membros colaboradores.\r\n          </p>\r\n        </a>\r\n      </div>\r\n    </div>\r\n  </section>\r\n\r\n  <section class=\"my-16 scale_up\">\r\n    <aside style=\"background-image: url(./imgs/background4.webp);\" class=\" bg-cover bg-center\">\r\n      <div class=\"bg-gray-900/90 bg-gradient-to-r from-gray-800/80 via-gray-800/0 to-gray-800/80\">\r\n        <img class=\"w-full\" src=\"./imgs/divider-wave-dark.svg\">\r\n        <div class=\"px-8 py-16 sm:py-0\">\r\n          <section>\r\n            <div class=\"container max-w-7xl mx-auto  sm:p-6 lg:p-8 \">\r\n              <div class=\"flex flex-wrap items-center\">\r\n                <div class=\"w-full lg:w-1/2 \">\r\n                  <div class=\"mb-12 lg:mb-0 pb-12 mx-3 lg:pb-0 border-b-2 lg:border-b-0 border-gray-600 scale_up\">\r\n                    <p class=\"text-sm font-medium tracking-wider leading-none  text-gray-200   uppercase\">Como eu\r\n                      posso</p>\r\n                    <h2 class=\"mb-4 text-3xl -mr- sm:text-4xl font-medium  text-white\">\r\n\r\n                      Virar um colaborador?\r\n                    </h2>\r\n                    <p class=\"mb-8 font-thin text-xl text-gray-300 \">\r\n                      Para se tornar um colaborador da UBL, você pode ser tanto um patrocinador pelo nosso <a\r\n                        class=\"ubl-text-green\" href=\"https://github.com/sponsors/Universidade-Livre\">github clicando\r\n                        aqui</a>, tanto colaborando de forma voluntária para os nossos <a\r\n                        href=\"https://github.com/Universidade-Livre\" class=\"ubl-text-blue\">projetos e cursos\r\n                        open-souce</a>, além de que também pode fazer parte na nossa comunidade no telegram fazendo\r\n                      amigos e ajudando outros estudantes com duvidas e etc.\r\n                    </p>\r\n                    <div class=\"w-full  \">\r\n                      <button onclick=\"window.location.href = 'https://t.me/universidadebrasileiralivre  '\"\r\n                        class=\"py-3 px-4 ubl-bg-gradient  text-white w-full transition ease-in duration-200 text-center text-xl font-medium shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2  rounded-lg \">\r\n                        Acessar nosso telegram <i class=\"ml-2 fa-solid fa-arrow-right\"></i>\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"w-full lg:w-1/2 \">\r\n                  <ul class=\"space-y-12\">\r\n                    <li class=\"flex -mx-4\">\r\n                      <div class=\" px-8 scale_up\">\r\n                        <h3 class=\"my-2 text-2xl font-semibold dark:text-white\">\r\n                          <i class=\"fa-solid fa-file-code mr-2 ubl-text-gradient\"></i> Por que ser colaborador?\r\n                        </h3>\r\n                        <p class=\"text-gray-300 font-thin text-xl  \">\r\n                          Além de aumentar seus conhecimentos de programação e trabalho em grupo, todas as suas\r\n                          colaborações são publicas, ajudando na construção do seu portifólio pessoal e profissional\r\n                          além de ajudar a nossa comunidade. </p>\r\n                      </div>\r\n                    </li>\r\n                    <li class=\"flex -mx-4\">\r\n                      <div class=\"px-8 scale_up\">\r\n                        <h3 class=\"my-2 text-2xl font-semibold dark:text-white\">\r\n                          <i class=\"fa-solid fa-handshake-angle mr-2 ubl-text-gradient\"></i> Por que nos patrocinar?\r\n                        </h3>\r\n                        <p class=\"text-gray-300  font-thin text-xl \">\r\n                          Como não possuimos nem queremos nenhum tipo de lucro com a nossa comunidade, a ajuda de\r\n                          patrocinadores é essêncial para manutenção de diversos serviços terceirizados e pagos que\r\n                          utilizamos.\r\n                        </p>\r\n                      </div>\r\n                    </li>\r\n                  </ul>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </section>\r\n        </div>\r\n        <img class=\"rotate-180\" src=\"./imgs/divider-wave-dark.svg\">\r\n      </div>\r\n    </aside>\r\n  </section>\r\n\r\n  <section class=\"mx-8  sm:mx-0\">\r\n  </section>\r\n  <footer aria-label=\"Site Footer\" class=\"\">\r\n    <div class=\"mx-auto max-w-5xl px-4 py-16 sm:px-6 lg:px-8\">\r\n      <!-- <div class=\"flex justify-center \">\r\n      \r\n      </div> -->\r\n\r\n      <!-- <p class=\"mx-auto mt-6 max-w-md text-center leading-relaxed text-gray-500\">\r\n        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Incidunt\r\n        consequuntur amet culpa cum itaque neque.\r\n      </p> -->\r\n\r\n      <!-- <nav aria-label=\"Footer Nav\" class=\"mt-12\">\r\n        <ul class=\"flex flex-wrap justify-center gap-6 md:gap-8 lg:gap-12\">\r\n          <li>\r\n            <a class=\"text-gray-700 transition hover:text-gray-700/75\" href=\"/\">\r\n              Algo\r\n            </a>\r\n          </li>\r\n  \r\n          <li>\r\n            <a class=\"text-gray-700 transition hover:text-gray-700/75\" href=\"/\">\r\n                Algo\r\n            </a>\r\n          </li>\r\n  \r\n          <li>\r\n            <a class=\"text-gray-700 transition hover:text-gray-700/75\" href=\"/\">\r\n                Algo\r\n            </a>\r\n          </li>\r\n  \r\n          <li>\r\n            <a class=\"text-gray-700 transition hover:text-gray-700/75\" href=\"/\">\r\n                Algo\r\n            </a>\r\n          </li>\r\n  \r\n          <li>\r\n            <a class=\"text-gray-700 transition hover:text-gray-700/75\" href=\"/\">\r\n              Algo\r\n            </a>\r\n          </li>\r\n  \r\n          <li>\r\n            <a class=\"text-gray-700 transition hover:text-gray-700/75\" href=\"/\">\r\n              Algo\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </nav> -->\r\n      <ul class=\"mt-12 flex justify-center gap-6 md:gap-8\">\r\n        <li>\r\n          <a href=\"https://bsky.app/profile/ulivre.dev\" rel=\"noreferrer\" target=\"_blank\"\r\n            class=\" transition text-gray-400 text-2xl \">\r\n            <span class=\"sr-only\">BlueSky</span>\r\n            <i class=\"fa-brands fa-bluesky\"></i>\r\n          </a>\r\n        </li>\r\n        <li>\r\n          <a href=\"https://github.com/Universidade-Livre\" rel=\"noreferrer\" target=\"_blank\"\r\n            class=\" transition text-gray-400 text-2xl \">\r\n            <span class=\"sr-only\">Github</span>\r\n            <i class=\"fa-brands fa-github\"></i>\r\n          </a>\r\n        </li>\r\n        <li>\r\n          <a href=\"t.me/universidadebrasileiralivre \" rel=\"noreferrer\" target=\"_blank\"\r\n            class=\" transition text-gray-400 text-2xl \">\r\n            <span class=\"sr-only\">Telegram</span>\r\n            <i class=\"fa-brands fa-telegram\"></i>\r\n          </a>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </footer>\r\n</body>\r\n<script>\r\n  var x = document.getElementById(\"menuMobile\");\r\n  let menuMobileVar = 0\r\n  function mobileMenuShow() {\r\n    if (x.style.display === \"none\") {\r\n      x.style.display = \"block\";\r\n    } else {\r\n      x.style.display = \"none\";\r\n    }\r\n  }\r\n  window.addEventListener('resize', function (event) {\r\n    x.style.display = \"none\"\r\n  });\r\n</script>\r\n\r\n<script src=\"./assets/scrollreveal.js\"></script>\r\n<script>\r\n  ScrollReveal({ reset: false });\r\n  ScrollReveal().reveal('.reveal_flip', { rotate: { x: 20, z: 20 }, duration: 1000, delay: 300 });\r\n  ScrollReveal().reveal('.reveal_bottom', { origin: 'bottom', distance: '400px', delay: 300 });\r\n  ScrollReveal().reveal('.reveal_top', { easing: 'ease-in-out', origin: 'top', distance: '400px', delay: 300 });\r\n  ScrollReveal().reveal('.reveal_left_delay', { origin: 'left', distance: '100px', delay: 700 });\r\n  ScrollReveal().reveal('.reveal_left', { origin: 'left', distance: '100px', delay: 400, });\r\n  ScrollReveal().reveal('.reveal_right', { origin: 'right', distance: '100px', delay: 400 });\r\n  ScrollReveal().reveal('.reveal_right_pic', { easing: \"ease-in-out\", origin: 'right', distance: '100px', delay: 400 });\r\n  ScrollReveal().reveal('.scale_up', { scale: 0.85, delay: 500 });\r\n</script>\r\n\r\n\r\n</html>\r\n\r\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"devDependencies\": {\n    \"tailwindcss\": \"^3.2.4\"\n  },\n  \"dependencies\": {\n    \"daisyui\": \"^2.17.0\"\n  }\n}\n"
  },
  {
    "path": "tailwind.config.js",
    "content": "/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n  content: [\"./docs/**/*.{html,js}\"],\n  theme: {\n    extend: { fontFamily: {\n      Montserrat: ['Montserrat', \"sans-serif\"],\n     }},\n  },\n  plugins: [    require('tailwindcss'),\n  require('autoprefixer')],\n}\n"
  }
]