Skip to content

Commit

Permalink
Built site for gh-pages
Browse files Browse the repository at this point in the history
  • Loading branch information
Quarto GHA Workflow Runner committed Dec 18, 2024
1 parent f7ae5a2 commit 51207af
Show file tree
Hide file tree
Showing 15 changed files with 181 additions and 3,428 deletions.
2 changes: 1 addition & 1 deletion .nojekyll
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
8d0d1393
7c0b43c9
Binary file removed images/underconstruction.gif
View file
Binary file not shown.
202 changes: 82 additions & 120 deletions metrics/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,14 +39,6 @@
<script src="../site_libs/bootstrap/bootstrap.min.js"></script>
<link href="../site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
<link href="../site_libs/bootstrap/bootstrap.min.css" rel="stylesheet" id="quarto-bootstrap" data-mode="light">
<script src="../site_libs/quarto-dashboard/quarto-dashboard.js"></script>
<script src="../site_libs/quarto-dashboard/stickythead.js"></script>
<script src="../site_libs/quarto-dashboard/datatables.min.js" kdttablesentinel="true"></script>
<script src="../site_libs/quarto-dashboard/pdfmake.min.js" kdttablesentinel="true"></script>
<script src="../site_libs/quarto-dashboard/vfs_fonts.js" kdttablesentinel="true"></script>
<script src="../site_libs/quarto-dashboard/web-components.js" type="module"></script>
<script src="../site_libs/quarto-dashboard/components.js"></script>
<link href="../site_libs/quarto-dashboard/datatables.min.css" rel="stylesheet" kdttablesentinel="true">
<script id="quarto-search-options" type="application/json">{
"location": "navbar",
"copy-button": false,
Expand Down Expand Up @@ -78,8 +70,7 @@

</head>

<body class="quarto-dashboard nav-fixed fullcontent">

<body class="nav-fixed">

<div id="quarto-search-results"></div>
<header id="quarto-header" class="headroom fixed-top">
Expand Down Expand Up @@ -170,50 +161,60 @@
<span class="menu-text">Metrics</span></a>
</li>
</ul>
<div class="quarto-dashboard-links"><a class="quarto-dashboard-link" href="https://www.linkedin.com/sharing/share-offsite/?url=|url|&amp;title=Metrics%20for%20the%20central%20reporitory%20of%20digital%20pathology" title="LinkedIn"><i class="bi bi-linkedin"></i></a><a class="quarto-dashboard-link" href="https://twitter.com/intent/tweet?url=|url|&amp;text=Metrics%20for%20the%20central%20reporitory%20of%20digital%20pathology" title="Twitter"><i class="bi bi-twitter"></i></a><a class="quarto-dashboard-link" href="https://github.com/NBISweden/bp-sweden-web/" title="GitHub"><i class="bi bi-github"></i></a></div></div> <!-- /navcollapse -->
</div> <!-- /navcollapse -->
<div class="quarto-navbar-tools">
</div>
</div> <!-- /container-fluid -->
</nav>
<header id="quarto-dashboard-header">
<nav class="navbar navbar-expand-md slim" data-bs-theme="dark">
<div class="navbar-container container-fluid">
<button class="navbar-toggler hidden" type="button" data-bs-toggle="collapse" data-bs-target="#dashboard-collapse" aria-controls="dashboard-collapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>


<div class="navbar-brand-container">

<div class="navbar-title">
<div class="navbar-title-text"><a href="#">Metrics for the central reporitory of digital pathology</a></div>


</div>
</div>
</div>
</nav>
</header></header>
</header>
<!-- content -->
<div id="quarto-content" class="quarto-container page-layout-custom page-navbar quarto-dashboard-content bslib-gap-spacing html-fill-container dashboard-scrolling">
<div id="quarto-content" class="quarto-container page-columns page-rows-contents page-layout-article page-navbar">
<!-- sidebar -->
<!-- margin-sidebar -->
<div id="quarto-margin-sidebar" class="sidebar margin-sidebar">
<nav id="TOC" role="doc-toc" class="toc-active">
<h2 id="toc-title">On this page</h2>

<ul>
<li><a href="#row" id="toc-row" class="nav-link active" data-scroll-target="#row">Row</a></li>
<li><a href="#row-1" id="toc-row-1" class="nav-link" data-scroll-target="#row-1">Row</a></li>
<li><a href="#column" id="toc-column" class="nav-link" data-scroll-target="#column">Column</a></li>
</ul>
</nav>
</div>
<!-- main -->
<main class="content" id="quarto-document-content">

<header id="title-block-header" class="quarto-title-block default">
<div class="quarto-title">
<h1 class="title">Metrics for the central reporitory of digital pathology</h1>
</div>


<div class="bslib-grid-item html-fill-item bslib-grid" data-layout="flow" style="display: grid; grid-template-rows: minmax(3em, 50fr) minmax(3em, 50fr) minmax(3em, 50fr); grid-auto-columns: minmax(0, 1fr);">
<div class="bslib-grid" style="display: grid; grid-template-columns: minmax(3em, 1fr);
grid-auto-rows: minmax(0, 1fr);">
<div class="card bslib-card html-fill-container" data-title="Progress Bar" data-bslib-card-init="" data-require-bs-caller="card()" data-full-screen="false">
<div class="card-header"><div class="card-title">Progress Bar</div></div>
<div class="card-body html-fill-item html-fill-container">
<div class="html-fill-item html-fill-container">

<div class="quarto-title-meta">




</div>



</header>


<section id="row" class="level2" height="50%">
<h2 height="50%" class="anchored" data-anchor-id="row">Row</h2>
<div class="card" title="Progress Bar">
<div>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<div class="progress-container html-fill-item html-fill-container">
<div class="progress-bar html-fill-item html-fill-container" id="progress-bar">0%</div>
<div class="progress-container">
<div class="progress-bar" id="progress-bar">0%</div>
</div>

<table data-quarto-postprocess="true" class="table">
Expand All @@ -224,15 +225,15 @@
</tr>
<tr class="even">
<td>Average slide size</td>
<td>1 594 MB</td>
<td>1.5 GB</td>
</tr>
<tr class="odd">
<td>Number of Slides uploaded / 3M goal</td>
<td>3 857 / 3 000 000</td>
<td>4 572 / 3 000 000</td>
</tr>
<tr class="even">
<td>Approximate missing data to the goal</td>
<td>4 666 587 GB</td>
<td>The approximate amount of data that needs to be uploaded</td>
<td>4 666 102 GB</td>
</tr>
</tbody>
</table>
Expand All @@ -248,19 +249,11 @@

</div>
</div>
<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()">
<template>Expand</template>
<span class="bslib-full-screen-enter badge rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" style="height:1em;width:1em;" aria-hidden="true" role="img"><path d="M20 5C20 4.4 19.6 4 19 4H13C12.4 4 12 3.6 12 3C12 2.4 12.4 2 13 2H21C21.6 2 22 2.4 22 3V11C22 11.6 21.6 12 21 12C20.4 12 20 11.6 20 11V5ZM4 19C4 19.6 4.4 20 5 20H11C11.6 20 12 20.4 12 21C12 21.6 11.6 22 11 22H3C2.4 22 2 21.6 2 21V13C2 12.4 2.4 12 3 12C3.6 12 4 12.4 4 13V19Z"></path></svg>
</span>
</bslib-tooltip><script data-bslib-card-init="">bslib.Card.initializeAllCards();</script></div>
</div>
<div class="bslib-grid" style="display: grid; grid-template-columns: minmax(3em, 1fr) minmax(3em, 1fr);
grid-auto-rows: minmax(0, 1fr);">
<div class="card bslib-card html-fill-container" data-title="Datasets" data-bslib-card-init="" data-require-bs-caller="card()" data-full-screen="false">
<div class="card-header"><div class="card-title">Datasets</div></div>
<div class="card-body html-fill-item html-fill-container">
<div class="html-fill-item html-fill-container">
</section>
<section id="row-1" class="level2" height="50%">
<h2 height="50%" class="anchored" data-anchor-id="row-1">Row</h2>
<div class="card" title="Datasets">
<div>
<table data-quarto-postprocess="true" class="table">
<thead>
<tr class="header">
Expand All @@ -286,103 +279,86 @@
<td>590</td>
</tr>
<tr class="even">
<td>HUS_LUNG_MOCK_SET</td>
<td>-</td>
<td>46</td>
</tr>
<tr class="odd">
<td>Non-Clinical</td>
<td>-</td>
<td>1532</td>
</tr>
<tr class="odd">
<tr class="even">
<td>Non-Clinical</td>
<td>-</td>
<td>971</td>
</tr>
<tr class="even">
<tr class="odd">
<td>Non-Clinical</td>
<td>-</td>
<td>616</td>
</tr>
<tr class="odd">
<td>HUS_LUNG_MOCK_SET</td>
<tr class="even">
<td>Non-Clinical</td>
<td>-</td>
<td>46</td>
<td>354</td>
</tr>
</tbody>
</table>
</div>
</div>
<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()">
<template>Expand</template>
<span class="bslib-full-screen-enter badge rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" style="height:1em;width:1em;" aria-hidden="true" role="img"><path d="M20 5C20 4.4 19.6 4 19 4H13C12.4 4 12 3.6 12 3C12 2.4 12.4 2 13 2H21C21.6 2 22 2.4 22 3V11C22 11.6 21.6 12 21 12C20.4 12 20 11.6 20 11V5ZM4 19C4 19.6 4.4 20 5 20H11C11.6 20 12 20.4 12 21C12 21.6 11.6 22 11 22H3C2.4 22 2 21.6 2 21V13C2 12.4 2.4 12 3 12C3.6 12 4 12.4 4 13V19Z"></path></svg>
</span>
</bslib-tooltip><script data-bslib-card-init="">bslib.Card.initializeAllCards();</script></div><div class="card bslib-card html-fill-container" data-title="Numbers" data-bslib-card-init="" data-require-bs-caller="card()" data-full-screen="false">
<div class="card-header"><div class="card-title">Numbers</div></div>
<div class="card-body html-fill-item html-fill-container">
<div class="html-fill-item html-fill-container">
<div class="card" title="Numbers">
<div>
<table data-quarto-postprocess="true" class="table">
<tbody>
<tr class="odd">
<td>Number of Datasets</td>
<td>7</td>
<td>8</td>
</tr>
<tr class="even">
<td>Number of Slides in Total</td>
<td>3857</td>
<td>4572</td>
</tr>
<tr class="odd">
<td>Total Data Storage (in MB)</td>
<td>6151571.4465</td>
<td>Total Data Storage (in GB)</td>
<td>6488.44</td>
</tr>
<tr class="even">
<td>Number of AI Tools on the Platform</td>
<td>1</td>
<td>0</td>
</tr>
</tbody>
</table>
</div>
</div>
<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()">
<template>Expand</template>
<span class="bslib-full-screen-enter badge rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" style="height:1em;width:1em;" aria-hidden="true" role="img"><path d="M20 5C20 4.4 19.6 4 19 4H13C12.4 4 12 3.6 12 3C12 2.4 12.4 2 13 2H21C21.6 2 22 2.4 22 3V11C22 11.6 21.6 12 21 12C20.4 12 20 11.6 20 11V5ZM4 19C4 19.6 4.4 20 5 20H11C11.6 20 12 20.4 12 21C12 21.6 11.6 22 11 22H3C2.4 22 2 21.6 2 21V13C2 12.4 2.4 12 3 12C3.6 12 4 12.4 4 13V19Z"></path></svg>
</span>
</bslib-tooltip><script data-bslib-card-init="">bslib.Card.initializeAllCards();</script></div>
</div>
<div class="bslib-grid" data-width="50%" style="display: grid; grid-template-columns: minmax(3em, 1fr) minmax(3em, 1fr) minmax(3em, 1fr);
grid-auto-rows: minmax(0, 1fr);">
<div class="card bslib-card html-fill-container" data-title="Slides" data-bslib-card-init="" data-require-bs-caller="card()" data-full-screen="false">
<div class="card-header"><div class="card-title">Slides</div></div>
<div class="card-body html-fill-item html-fill-container">
<div class="html-fill-item html-fill-container">
</section>
<section id="column" class="level2" width="50%">
<h2 width="50%" class="anchored" data-anchor-id="column">Column</h2>
<div class="card" title="Slides">
<div>
<table data-quarto-postprocess="true" class="table">
<colgroup>
<col style="width: 100%">
</colgroup>
<tbody>
<tr class="odd">
<td><div id="slidesPieChart" style="width: 600px; height: 400px;" class="html-fill-item html-fill-container">
<td><div id="slidesPieChart" style="width: 600px; height: 400px;">

</div></td>
</tr>
</tbody>
</table>
</div>
</div>
<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()">
<template>Expand</template>
<span class="bslib-full-screen-enter badge rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" style="height:1em;width:1em;" aria-hidden="true" role="img"><path d="M20 5C20 4.4 19.6 4 19 4H13C12.4 4 12 3.6 12 3C12 2.4 12.4 2 13 2H21C21.6 2 22 2.4 22 3V11C22 11.6 21.6 12 21 12C20.4 12 20 11.6 20 11V5ZM4 19C4 19.6 4.4 20 5 20H11C11.6 20 12 20.4 12 21C12 21.6 11.6 22 11 22H3C2.4 22 2 21.6 2 21V13C2 12.4 2.4 12 3 12C3.6 12 4 12.4 4 13V19Z"></path></svg>
</span>
</bslib-tooltip><script data-bslib-card-init="">bslib.Card.initializeAllCards();</script></div><div class="card bslib-card html-fill-container" data-title="Datasets" data-bslib-card-init="" data-require-bs-caller="card()" data-full-screen="false">
<div class="card-header"><div class="card-title">Datasets</div></div>
<div class="card-body html-fill-item html-fill-container">
<div class="html-fill-item html-fill-container">
<div class="card" title="Datasets">
<div>
<table data-quarto-postprocess="true" class="table">
<colgroup>
<col style="width: 100%">
</colgroup>
<tbody>
<tr class="odd">
<td><div id="datasetPieChart" style="width: 600px; height: 400px;" class="html-fill-item html-fill-container">
<td><div id="datasetPieChart" style="width: 600px; height: 400px;">

</div></td>
</tr>
Expand All @@ -397,7 +373,7 @@
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Category', 'Number of Slides'],
['Slides from Animal Species', 3119],
['Slides from Animal Species', 3473],
['Slides from Humans', 738]
]);

Expand All @@ -419,7 +395,7 @@
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Category', 'Number of Items'],
['Datasets from Animal Species', 3],
['Datasets from Animal Species', 4],
['Datasets from Humans', 4]
]);

Expand All @@ -436,12 +412,7 @@

</div>
</div>
<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()">
<template>Expand</template>
<span class="bslib-full-screen-enter badge rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" style="height:1em;width:1em;" aria-hidden="true" role="img"><path d="M20 5C20 4.4 19.6 4 19 4H13C12.4 4 12 3.6 12 3C12 2.4 12.4 2 13 2H21C21.6 2 22 2.4 22 3V11C22 11.6 21.6 12 21 12C20.4 12 20 11.6 20 11V5ZM4 19C4 19.6 4.4 20 5 20H11C11.6 20 12 20.4 12 21C12 21.6 11.6 22 11 22H3C2.4 22 2 21.6 2 21V13C2 12.4 2.4 12 3 12C3.6 12 4 12.4 4 13V19Z"></path></svg>
</span>
</bslib-tooltip><script data-bslib-card-init="">bslib.Card.initializeAllCards();</script></div><style>
<style>
.progress-container {
width: 100%;
background-color: #f3f3f3;
Expand Down Expand Up @@ -489,13 +460,12 @@
li {
margin-bottom: 10px;
}
</style><div id="3ade8a4a-fb1d-4a6c-8409-ac45482d5fc9" class="hidden">
</style>

</div>
</div>
</div>

</section>

</main> <!-- /main -->
<script id="quarto-html-after-body" type="application/javascript">
window.document.addEventListener("DOMContentLoaded", function (event) {
const toggleBodyColorMode = (bsSheetEl) => {
Expand Down Expand Up @@ -885,14 +855,6 @@
</script>
</div> <!-- /content -->

<script type="application/javascript">
window.document.addEventListener("DOMContentLoaded", function (_event) {
if (window.bslib.Card) {
window.bslib.Card.initializeAllCards();
}
});
</script>




Expand Down
1 change: 0 additions & 1 deletion robots.txt
View file

This file was deleted.

Loading

0 comments on commit 51207af

Please sign in to comment.