-
Notifications
You must be signed in to change notification settings - Fork 0
Dette er et faglig nettsted for alle elever og lærere som jobber med Informasjonsteknologi og Medieproduksjon på videregående skole. Nettstedet er under utviklink og er administrert av Serdar Durmus
License
roykenvgs/im
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta name="description" content="Velkommen til avdelingen Informasjonsteknologi og medieproduksjon på Røyken vgs. Her finner du viktig informasjon for oss" /> <meta name="author" content="Serdar Durmus" /> <title>Røyken Videregående Skole</title> <!-- CSS files --> <link href="./dist/libs/plyr/dist/plyr.css?1684106062" rel="stylesheet" /> <link href="./dist/css/tabler.min.css?1684106062" rel="stylesheet" /> <link href="./dist/css/tabler-flags.min.css?1684106062" rel="stylesheet" /> <link href="./dist/css/tabler-payments.min.css?1684106062" rel="stylesheet" /> <link href="./dist/css/tabler-vendors.min.css?1684106062" rel="stylesheet" /> <link href="./dist/css/demo.min.css?1684106062" rel="stylesheet" /> <!-- Icon --> <link rel="shortcut icon" href="./static/favicon.ico" /> <!-- script --> <script src="https://kit.fontawesome.com/f39adfd49e.js" crossorigin="anonymous"></script> </head> <body> <script src="./dist/js/demo-theme.min.js?1684106062"></script> <div class="page"> <!-- Navbar --> <header class="navbar navbar-expand-md d-print-none"> <div class="container-xl"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3"> <a href="."> <img src="./static/logo.png" width="110" height="32" alt="Tabler" class="navbar-brand-image"> </a> </h1> <div class="navbar-nav flex-row order-md-last"> <div class="d-none d-md-flex"> <a href="https://www.facebook.com/Roykenvgs" target="_blank" class="nav-link px-0 hide-theme-dark" title="Facebook - Røyken VGS" data-bs-toggle="tooltip" data-bs-placement="bottom"> <i class="fa-brands fa-facebook-f"></i> </a> </div> <div class="d-none d-md-flex"> <a href="https://www.instagram.com/roykenvgs" target="_blank" class="nav-link px-0 hide-theme-dark" title="Instagram - Røyken VGS" data-bs-toggle="tooltip" data-bs-placement="bottom"> <i class="fa-brands fa-instagram"></i> </a> </div> <div class="d-none d-md-flex"> <a href="https://www.youtube.com/@Roykenvgs" target="_blank" class="nav-link px-0 hide-theme-dark" title="Youtube - Røyken VGS" data-bs-toggle="tooltip" data-bs-placement="bottom"> <i class="fa-brands fa-youtube"></i> </a> </div> <div class="d-none d-md-flex"> <a href="https://www.instagram.com/ryvs.ima/" target="_blank" class="nav-link px-0 hide-theme-dark" title="Instagram - informasjonsteknologi-og-medieproduksjon" data-bs-toggle="tooltip" data-bs-placement="bottom"> <i class="fa-brands fa-instagram"></i> </a> </div> <div class="d-none d-md-flex"> <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip" data-bs-placement="bottom"> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /> </svg> </a> <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip" data-bs-placement="bottom"> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /> <path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /> </svg> </a> </div> </div> <div class="collapse navbar-collapse" id="navbar-menu"> <div class="d-flex flex-column flex-md-row flex-fill align-items-stretch align-items-md-center"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="./"> <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home --> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M5 12l-2 0l9 -9l9 9l-2 0" /> <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /> <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /> </svg> </span> <span class="nav-link-title"> Home </span> </a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false"> <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-stack-2"> <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 4l-8 4l8 4l8 -4l-8 -4" /> <path d="M4 12l8 4l8 -4" /> <path d="M4 16l8 4l8 -4" /> </svg> </span> <span class="nav-link-title"> Oppdragsbanken </span> </a> <div class="dropdown-menu"> <div class="dropdown-menu-columns"> <div class="dropdown-menu-column"> <a class="dropdown-item" href="./info.html"> Info </a> <a class="dropdown-item" href="./programmering.html"> Programmering </a> <a class="dropdown-item" href="./webutvikling.html"> Webutvikling </a> <a class="dropdown-item" href="./driftsstotte.html"> Driftsstøtte </a> <a class="dropdown-item" href="./brukerstotte.html"> Brukerstøtte </a> <a class="dropdown-item" href="./grafisk-design.html"> Grafisk design </a> <a class="dropdown-item" href="./fotograf.html"> Fotograf </a> <a class="dropdown-item" href="./film.html"> Film </a> <a class="dropdown-item" href="./animasjon.html"> Animasjon </a> <a class="dropdown-item" href="./lyddesign.html"> Lyddesign </a> <a class="dropdown-item" href="./AI-teknologi.html"> AI-teknologi </a> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false"> <span class="nav-link-icon d-md-none d-lg-inline-block"> <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /> <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /> <path d="M15 15l3.35 3.35" /> <path d="M9 15l-3.35 3.35" /> <path d="M5.65 5.65l3.35 3.35" /> <path d="M18.35 5.65l-3.35 3.35" /> </svg> </span> <span class="nav-link-title"> Hjelp </span> </a> <div class="dropdown-menu"> <a class="dropdown-item" href="#"> Kontakt oss </a> <a class="dropdown-item" href="#"> Vil du bidra? </a> <a class="dropdown-item" href="#"> FAQ </a> <!-- <a class="dropdown-item text-pink" href="#" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /> </svg> Sponsor project! </a> --> </div> </li> </ul> </div> </div> </div> </header> <div class="page-wrapper"> <div class="page-header d-print-none"> <div class="container-xl"> <div class="row g-2 align-items-center"> <div class="col"> <h2 class="page-title"> License </h2> </div> </div> </div> </div> <!-- Page body --> <div class="page-body"> <div class="container-xl"> <div class="card card-lg"> <div class="card-body "> <div class="row g-4"> <div class="col-md-12 markdown"> <h2>MIT License</h2> <p>Copyright (c) 2021-2024 Røyken Videregående Skole</p> <p>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: </p> <p>The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. </p> <p> THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. </p> </div> </div> </div> </div> </div> </div> <footer class="footer footer-transparent d-print-none"> <div class="container-xl"> <div class="row text-center align-items-center flex-row-reverse"> <div class="col-lg-auto ms-lg-auto"> <ul class="list-inline list-inline-dots mb-0"> <li class="list-inline-item"><a href="./license.html" class="link-secondary">Lisens</a></li> <li class="list-inline-item"><a href="#" target="_blank" class="link-secondary" rel="noopener">Kildekode</a></li> </ul> </div> <div class="col-12 col-lg-auto mt-3 mt-lg-0"> <ul class="list-inline list-inline-dots mb-0"> <li class="list-inline-item"> © 2021-2024 <a href="#" class="link-secondary">IM-Fagverket</a> </li> </ul> </div> </div> </div> </footer> </div> </div> <!-- Libs JS for YouTube --> <script src="./dist/libs/plyr/dist/plyr.min.js?1684106062" defer></script> <script> // @formatter:off document.addEventListener("DOMContentLoaded", function () { window.Plyr && (new Plyr('#player-youtube')); }); // @formatter:on </script> <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1684106062" defer></script> <script src="./dist/libs/jsvectormap/dist/js/jsvectormap.min.js?1684106062" defer></script> <script src="./dist/libs/jsvectormap/dist/maps/world.js?1684106062" defer></script> <script src="./dist/libs/jsvectormap/dist/maps/world-merc.js?1684106062" defer></script> <!-- Tabler Core --> <script src="./dist/js/tabler.min.js?1684106062" defer></script> <script src="./dist/js/demo.min.js?1684106062" defer></script> <script> // @formatter:off document.addEventListener("DOMContentLoaded", function () { window.ApexCharts && (new ApexCharts(document.getElementById('chart-revenue-bg'), { chart: { type: "area", fontFamily: 'inherit', height: 40.0, sparkline: { enabled: true }, animations: { enabled: false }, }, dataLabels: { enabled: false, }, fill: { opacity: .16, type: 'solid' }, stroke: { width: 2, lineCap: "round", curve: "smooth", }, series: [{ name: "Profits", data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67] }], tooltip: { theme: 'dark' }, grid: { strokeDashArray: 4, }, xaxis: { labels: { padding: 0, }, tooltip: { enabled: false }, axisBorder: { show: false, }, type: 'datetime', }, yaxis: { labels: { padding: 4 }, }, labels: [ '2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19' ], colors: [tabler.getColor("primary")], legend: { show: false, }, })).render(); }); // @formatter:on </script> <script> // @formatter:off document.addEventListener("DOMContentLoaded", function () { window.ApexCharts && (new ApexCharts(document.getElementById('chart-new-clients'), { chart: { type: "line", fontFamily: 'inherit', height: 40.0, sparkline: { enabled: true }, animations: { enabled: false }, }, fill: { opacity: 1, }, stroke: { width: [2, 1], dashArray: [0, 3], lineCap: "round", curve: "smooth", }, series: [{ name: "May", data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 4, 46, 39, 62, 51, 35, 41, 67] }, { name: "April", data: [93, 54, 51, 24, 35, 35, 31, 67, 19, 43, 28, 36, 62, 61, 27, 39, 35, 41, 27, 35, 51, 46, 62, 37, 44, 53, 41, 65, 39, 37] }], tooltip: { theme: 'dark' }, grid: { strokeDashArray: 4, }, xaxis: { labels: { padding: 0, }, tooltip: { enabled: false }, type: 'datetime', }, yaxis: { labels: { padding: 4 }, }, labels: [ '2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19' ], colors: [tabler.getColor("primary"), tabler.getColor("gray-600")], legend: { show: false, }, })).render(); }); // @formatter:on </script> <script> // @formatter:off document.addEventListener("DOMContentLoaded", function () { window.ApexCharts && (new ApexCharts(document.getElementById('chart-active-users'), { chart: { type: "bar", fontFamily: 'inherit', height: 40.0, sparkline: { enabled: true }, animations: { enabled: false }, }, plotOptions: { bar: { columnWidth: '50%', } }, dataLabels: { enabled: false, }, fill: { opacity: 1, }, series: [{ name: "Profits", data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67] }], tooltip: { theme: 'dark' }, grid: { strokeDashArray: 4, }, xaxis: { labels: { padding: 0, }, tooltip: { enabled: false }, axisBorder: { show: false, }, type: 'datetime', }, yaxis: { labels: { padding: 4 }, }, labels: [ '2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19' ], colors: [tabler.getColor("primary")], legend: { show: false, }, })).render(); }); // @formatter:on </script> <script> // @formatter:off document.addEventListener("DOMContentLoaded", function () { window.ApexCharts && (new ApexCharts(document.getElementById('chart-mentions'), { chart: { type: "bar", fontFamily: 'inherit', height: 240, parentHeightOffset: 0, toolbar: { show: false, }, animations: { enabled: false }, stacked: true, }, plotOptions: { bar: { columnWidth: '50%', } }, dataLabels: { enabled: false, }, fill: { opacity: 1, }, series: [{ name: "Web", data: [1, 0, 0, 0, 0, 1, 1, 0, 0, 0, 2, 12, 5, 8, 22, 6, 8, 6, 4, 1, 8, 24, 29, 51, 40, 47, 23, 26, 50, 26, 41, 22, 46, 47, 81, 46, 6] }, { name: "Social", data: [2, 5, 4, 3, 3, 1, 4, 7, 5, 1, 2, 5, 3, 2, 6, 7, 7, 1, 5, 5, 2, 12, 4, 6, 18, 3, 5, 2, 13, 15, 20, 47, 18, 15, 11, 10, 0] }, { name: "Other", data: [2, 9, 1, 7, 8, 3, 6, 5, 5, 4, 6, 4, 1, 9, 3, 6, 7, 5, 2, 8, 4, 9, 1, 2, 6, 7, 5, 1, 8, 3, 2, 3, 4, 9, 7, 1, 6] }], tooltip: { theme: 'dark' }, grid: { padding: { top: -20, right: 0, left: -4, bottom: -4 }, strokeDashArray: 4, xaxis: { lines: { show: true } }, }, xaxis: { labels: { padding: 0, }, tooltip: { enabled: false }, axisBorder: { show: false, }, type: 'datetime', }, yaxis: { labels: { padding: 4 }, }, labels: [ '2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19', '2020-07-20', '2020-07-21', '2020-07-22', '2020-07-23', '2020-07-24', '2020-07-25', '2020-07-26' ], colors: [tabler.getColor("primary"), tabler.getColor("primary", 0.8), tabler.getColor("green", 0.8)], legend: { show: false, }, })).render(); }); // @formatter:on </script> <script> // @formatter:on document.addEventListener("DOMContentLoaded", function () { const map = new jsVectorMap({ selector: '#map-world', map: 'world', backgroundColor: 'transparent', regionStyle: { initial: { fill: tabler.getColor('body-bg'), stroke: tabler.getColor('border-color'), strokeWidth: 2, } }, zoomOnScroll: false, zoomButtons: false, // -------- Series -------- visualizeData: { scale: [tabler.getColor('bg-surface'), tabler.getColor('primary')], values: { "AF": 16, "AL": 11, "DZ": 158, "AO": 85, "AG": 1, "AR": 351, "AM": 8, "AU": 1219, "AT": 366, "AZ": 52, "BS": 7, "BH": 21, "BD": 105, "BB": 3, "BY": 52, "BE": 461, "BZ": 1, "BJ": 6, "BT": 1, "BO": 19, "BA": 16, "BW": 12, "BR": 2023, "BN": 11, "BG": 44, "BF": 8, "BI": 1, "KH": 11, "CM": 21, "CA": 1563, "CV": 1, "CF": 2, "TD": 7, "CL": 199, "CN": 5745, "CO": 283, "KM": 0, "CD": 12, "CG": 11, "CR": 35, "CI": 22, "HR": 59, "CY": 22, "CZ": 195, "DK": 304, "DJ": 1, "DM": 0, "DO": 50, "EC": 61, "EG": 216, "SV": 21, "GQ": 14, "ER": 2, "EE": 19, "ET": 30, "FJ": 3, "FI": 231, "FR": 2555, "GA": 12, "GM": 1, "GE": 11, "DE": 3305, "GH": 18, "GR": 305, "GD": 0, "GT": 40, "GN": 4, "GW": 0, "GY": 2, "HT": 6, "HN": 15, "HK": 226, "HU": 132, "IS": 12, "IN": 1430, "ID": 695, "IR": 337, "IQ": 84, "IE": 204, "IL": 201, "IT": 2036, "JM": 13, "JP": 5390, "JO": 27, "KZ": 129, "KE": 32, "KI": 0, "KR": 986, "KW": 117, "KG": 4, "LA": 6, "LV": 23, "LB": 39, "LS": 1, "LR": 0, "LY": 77, "LT": 35, "LU": 52, "MK": 9, "MG": 8, "MW": 5, "MY": 218, "MV": 1, "ML": 9, "MT": 7, "MR": 3, "MU": 9, "MX": 1004, "MD": 5, "MN": 5, "ME": 3, "MA": 91, "MZ": 10, "MM": 35, "NA": 11, "NP": 15, "NL": 770, "NZ": 138, "NI": 6, "NE": 5, "NG": 206, "NO": 413, "OM": 53, "PK": 174, "PA": 27, "PG": 8, "PY": 17, "PE": 153, "PH": 189, "PL": 438, "PT": 223, "QA": 126, "RO": 158, "RU": 1476, "RW": 5, "WS": 0, "ST": 0, "SA": 434, "SN": 12, "RS": 38, "SC": 0, "SL": 1, "SG": 217, "SK": 86, "SI": 46, "SB": 0, "ZA": 354, "ES": 1374, "LK": 48, "KN": 0, "LC": 1, "VC": 0, "SD": 65, "SR": 3, "SZ": 3, "SE": 444, "CH": 522, "SY": 59, "TW": 426, "TJ": 5, "TZ": 22, "TH": 312, "TL": 0, "TG": 3, "TO": 0, "TT": 21, "TN": 43, "TR": 729, "TM": 0, "UG": 17, "UA": 136, "AE": 239, "GB": 2258, "US": 4624, "UY": 40, "UZ": 37, "VU": 0, "VE": 285, "VN": 101, "YE": 30, "ZM": 15, "ZW": 5 }, }, }); window.addEventListener("resize", () => { map.updateSize(); }); }); // @formatter:off </script> <script> // @formatter:off document.addEventListener("DOMContentLoaded", function () { window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-activity'), { chart: { type: "radialBar", fontFamily: 'inherit', height: 40, width: 40, animations: { enabled: false }, sparkline: { enabled: true }, }, tooltip: { enabled: false, }, plotOptions: { radialBar: { hollow: { margin: 0, size: '75%' }, track: { margin: 0 }, dataLabels: { show: false } } }, colors: [tabler.getColor("blue")], series: [35], })).render(); }); // @formatter:on </script> <script> // @formatter:off document.addEventListener("DOMContentLoaded", function () { window.ApexCharts && (new ApexCharts(document.getElementById('chart-development-activity'), { chart: { type: "area", fontFamily: 'inherit', height: 192, sparkline: { enabled: true }, animations: { enabled: false }, }, dataLabels: { enabled: false, }, fill: { opacity: .16, type: 'solid' }, stroke: { width: 2, lineCap: "round", curve: "smooth", }, series: [{ name: "Purchases", data: [3, 5, 4, 6, 7, 5, 6, 8, 24, 7, 12, 5, 6, 3, 8, 4, 14, 30, 17, 19, 15, 14, 25, 32, 40, 55, 60, 48, 52, 70] }], tooltip: { theme: 'dark' }, grid: { strokeDashArray: 4, }, xaxis: { labels: { padding: 0, }, tooltip: { enabled: false }, axisBorder: { show: false, }, type: 'datetime', }, yaxis: { labels: { padding: 4 }, }, labels: [ '2020-06-20', '2020-06-21', '2020-06-22', '2020-06-23', '2020-06-24', '2020-06-25', '2020-06-26', '2020-06-27', '2020-06-28', '2020-06-29', '2020-06-30', '2020-07-01', '2020-07-02', '2020-07-03', '2020-07-04', '2020-07-05', '2020-07-06', '2020-07-07', '2020-07-08', '2020-07-09', '2020-07-10', '2020-07-11', '2020-07-12', '2020-07-13', '2020-07-14', '2020-07-15', '2020-07-16', '2020-07-17', '2020-07-18', '2020-07-19' ], colors: [tabler.getColor("primary")], legend: { show: false, }, point: { show: false }, })).render(); }); // @formatter:on </script> <script> // @formatter:off document.addEventListener("DOMContentLoaded", function () { window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-1'), { chart: { type: "line", fontFamily: 'inherit', height: 24, animations: { enabled: false }, sparkline: { enabled: true }, }, tooltip: { enabled: false, }, stroke: { width: 2, lineCap: "round", }, series: [{ color: tabler.getColor("primary"), data: [17, 24, 20, 10, 5, 1, 4, 18, 13] }], })).render(); }); // @formatter:on </script> <script> // @formatter:off document.addEventListener("DOMContentLoaded", function () { window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-2'), { chart: { type: "line", fontFamily: 'inherit', height: 24, animations: { enabled: false }, sparkline: { enabled: true }, }, tooltip: { enabled: false, }, stroke: { width: 2, lineCap: "round", }, series: [{ color: tabler.getColor("primary"), data: [13, 11, 19, 22, 12, 7, 14, 3, 21] }], })).render(); }); // @formatter:on </script> <script> // @formatter:off document.addEventListener("DOMContentLoaded", function () { window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-3'), { chart: { type: "line", fontFamily: 'inherit', height: 24, animations: { enabled: false }, sparkline: { enabled: true }, }, tooltip: { enabled: false, }, stroke: { width: 2, lineCap: "round", }, series: [{ color: tabler.getColor("primary"), data: [10, 13, 10, 4, 17, 3, 23, 22, 19] }], })).render(); }); // @formatter:on </script> <script> // @formatter:off document.addEventListener("DOMContentLoaded", function () { window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-4'), { chart: { type: "line", fontFamily: 'inherit', height: 24, animations: { enabled: false }, sparkline: { enabled: true }, }, tooltip: { enabled: false, }, stroke: { width: 2, lineCap: "round", }, series: [{ color: tabler.getColor("primary"), data: [6, 15, 13, 13, 5, 7, 17, 20, 19] }], })).render(); }); // @formatter:on </script> <script> // @formatter:off document.addEventListener("DOMContentLoaded", function () { window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-5'), { chart: { type: "line", fontFamily: 'inherit', height: 24, animations: { enabled: false }, sparkline: { enabled: true }, }, tooltip: { enabled: false, }, stroke: { width: 2, lineCap: "round", }, series: [{ color: tabler.getColor("primary"), data: [2, 11, 15, 14, 21, 20, 8, 23, 18, 14] }], })).render(); }); // @formatter:on </script> <script> // @formatter:off document.addEventListener("DOMContentLoaded", function () { window.ApexCharts && (new ApexCharts(document.getElementById('sparkline-bounce-rate-6'), { chart: { type: "line", fontFamily: 'inherit', height: 24, animations: { enabled: false }, sparkline: { enabled: true }, }, tooltip: { enabled: false, }, stroke: { width: 2, lineCap: "round", }, series: [{ color: tabler.getColor("primary"), data: [22, 12, 7, 14, 3, 21, 8, 23, 18, 14] }], })).render(); }); // @formatter:on </script> </body> </html>
About
Dette er et faglig nettsted for alle elever og lærere som jobber med Informasjonsteknologi og Medieproduksjon på videregående skole. Nettstedet er under utviklink og er administrert av Serdar Durmus
Topics
License
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published