1
0
mirror of https://github.com/msberends/AMR.git synced 2025-07-08 23:21:56 +02:00

new, automated website

This commit is contained in:
2022-08-21 16:37:20 +02:00
parent 7226b70c3d
commit 952d16de33
315 changed files with 839 additions and 34495 deletions

View File

@ -25,293 +25,60 @@
# ==================================================================== #
*/
/* R for Data Science (r4ds) on vignettes (articles) */
#r4ds {
display: flex;
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
padding-bottom: 10px;
h1, h2 {
text-align: left !important;
}
#r4ds .txt {
width: 67%;
}
#r4ds .img {
width: 33%;
}
#r4ds .img img {
height: 120px;
}
/* class for footer */
.footer_logo {
float: right;
height: 43px;
margin-top: 2px;
}
.partner_logo {
width: 19%;
min-width: 125px;
}
.countries_map {
float: left;
padding: 0 10px 10px 0;
max-width: 35% !important;
}
@media only screen and (max-width: 992px) {
.footer_logo {
float: left;
margin-top: 15px;
}
}
footer p {
display: inline-block;
}
footer {
padding: 15px 0 20px !important;
}
/* Supports icons for brand using font-awesome */
.fab {
font-family: "Font Awesome 5 Brands" !important;
}
/* Remove the 'Read more on our website!' part from the manual pages */
#read-more-on-our-website-,
#read-more-on-our-website- + p,
li a[href="#read-more-on-our-website-"] {
display: none !important;
}
code {
color: black;
background-color: #f4f4f4;
}
/* make colour darker and better readable for links */
code a, code a:hover, code a:focus,
pre a, pre a:hover, pre a:focus,
a, a:hover, a:focus {
/* do not set colour to element without href attribute, they aren't links! */
color: black;
}
a[href], a[href]:hover, a[href]:focus,
code a[href], code a[href]:hover, code a[href]:focus,
a[href] code, a[href] code:hover, a[href] code:focus,
pre a[href], pre a[href]:hover, pre a[href]:focus,
a code[href], a code[href]:hover, a code[href]:focus,
a pre[href], a pre[href]:hover, a pre[href]:focus {
/* adjusted colour for all real links; having href attribute */
color: #128f76;
}
.ot, .dv, .fl, .cn {
/* numbers and TRUE/FALSE */
color: slategray;
}
/* syntax font */
pre, code {
font-size: 95% !important;
}
pre code {
word-wrap: normal !important;
white-space: pre !important;
}
pre {
font-size: 90% !important;
}
kbd {
display: inline-block;
padding: 0 4px;
box-shadow: 1px 1px 1px slategrey;
margin: 1px;
font-size: small;
color: #2c3e50;
background: #eeeeee;
}
li, p {
line-height: 1.5;
}
li p {
margin-top: 10.5px;
}
.template-news li p {
margin: 0;
}
.template-news h3 {
padding-top: 10px;
}
/* slightly smaller blockquote */
blockquote {
font-size: 98%;
}
.template-home blockquote {
border: 5px solid #128f7645 !important;
}
/* 2nd list in navigation should be smaller */
#tocnav li li {
font-size: 90%;
margin-left: 5px;
}
/* new <help> element with dotted underline */
help {
border-bottom: 1px dotted;
cursor: help;
}
/* replace 'Developers' with 'Authors' */
/* replace 'Developers' with 'Maintainers' */
.developers h2 {
display: none;
}
.developers:before {
content: 'Maintainers';
font-size: 1.5em;
}
/* Beautify manually added 'Last updated' text of NEWS */
div[id^=last-updated] h2 {
padding-top: 10px;
}
.version.label {
display: none;
}
/* SYNTAX */
/* These are simple changes for the syntax highlighting */
/* Date of vignettes */
.template-article .date:before {
content: 'Last updated: ';
pre code {
/* never wrap code on smaller screens */
word-wrap: normal !important;
white-space: pre !important;
}
.template-article .date {
font-size: 14px;
padding-top: 40px;
.ot, .dv, .fl, .cn, .at,
.op a {
/* numbers, TRUE/FALSE and operators */
color: var(--bs-dark) !important;
}
/* more space between icon and text in top menu */
#navbar .fa,
#navbar .fab,
#navbar .fal,
#navbar .far,
#navbar .fas {
margin-right: 5px;
pre .fu, .fu {
/* functions */
color: var(--bs-primary) !important;
font-weight: bold !important;
letter-spacing: -1px !important;
}
#navbar li.dropdown li .fa {
font-size: 120%;
width: 24px;
text-align: center;
pre .st, .st {
/* strings, regular text */
color: #60a799 !important;
}
/* tables, make them look like scientific ones */
.table {
font-size: 90%;
pre .co, .co {
/* comments */
color: #999999 !important;
font-style: italic !important;
}
.table * {
vertical-align: middle !important;
code a[href],
a[href] code,
pre a[href],
a code[href],
a pre[href] {
/* adjusted colour for all real links; having href attribute */
color: var(--bs-success);
text-decoration: none;
}
.table td {
padding: 4px !important;
}
.table thead,
.template-reference-topic .table tr:first-child {
/* tables in manual are in LaTeX and thus have no thead */
border-top: 2px solid black;
border-bottom: 2px solid black;
}
.table thead ~ tbody,
.template-reference-topic .table tr:last-child {
/* only when it has a header */
/* tables in manual are in LaTeX and thus have no thead */
border-bottom: 2px solid black;
}
.table thead th {
/* text-align: inherit; */
}
/* all tables, including argument lists */
table a:not(.btn) {
text-decoration: inherit;
}
table a:not(.btn):hover {
code a[href]:hover, code a[href]:focus,
a[href] code:hover, a[href] code:focus,
pre a[href]:hover, pre a[href]:focus,
a code[href]:hover, a code[href]:focus,
a pre[href]:hover, a pre[href]:focus {
/* adjusted colour for all real links; having href attribute */
text-decoration: underline;
}
.template-article thead th {
text-align: inherit;
}
/* text below header in manual overview */
.template-reference-index h2 ~ p {
font-size: 15px;
}
.template-reference-topic h2 {
font-size: 24px;
}
.template-reference-topic h3 {
font-size: 18px;
}
.template-reference-topic h4 {
font-size: 15px;
font-weight: bold;
padding-top: 35px;
}
.template-home h4 {
padding-top: 40px !important;
font-weight: bold !important;
}
.template-home h5 {
font-weight: normal;
font-style: italic;
font-size: 16px;
}
/* AMR logo on index page */
.template-home h1 img {
height: 120px;
margin-right: 10px !important;
}
.btn.btn-info.btn-amr {
background: #128f76;
color: #ffffff;
border-color: #128f76;
line-height: 1;
width: 100%;
font-weight: bold;
}
.btn.btn-info.btn-amr:hover {
background: #128f7645;
color: #2c3e50;
}
.home-buttons {
display: flex;
margin-bottom: 5px;
}
.home-buttons a {
display: grid;
text-align: center;
font-size: 14px;
text-transform: uppercase;
max-width: 25%;
}
.home-buttons a:hover {
text-decoration: none;
opacity: 0.75;
}
.home-buttons div {
display: grid;
padding: 10px;
}
.home-buttons .fa {
font-size: 3.5em;
}
.dataset-within-r {
display: none;
}
.dataset-download-button {
margin-right: 2%;
}
.dataset-download-button img {
width: 80px !important;
max-width: 14% !important;
}

View File

@ -25,27 +25,8 @@
# ==================================================================== #
*/
// Add updated Font Awesome 5.8.2 library
$('head').append('<!-- Updated Font Awesome library --><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">');
$(document).ready(function() {
// remove version label from header
$(".version.label").remove();
// redirect GitLab to GitHub
var url_old = window.location.href;
var url_new = url_old.replace("gitlab", "github");
if (url_old != url_new) {
window.location.replace(url_new);
}
// Edit title of manual
$('.template-reference-index h1').text('Manual');
// replace 'Value' in manual with 'Returned value'
$(".template-reference-topic h2#value").text("Returned value");
// replace \donttest and \dontrun texts in Examples
if ($(".ref-examples pre").length > 0) {
$(".ref-examples pre").html($(".ref-examples pre").html().replaceAll("# \\donttest{", ""));
@ -57,67 +38,34 @@ $(document).ready(function() {
if ($("body .template-news").length > 0) {
$("body .template-news").html($("body .template-news").html().replaceAll('sourceCode R">\n<span', 'sourceCode R"><span'));
}
// change H1 header on dev version on changelog, since pkgdown uses the version number from the installed version
// (rather then using the DESCRIPTION file)
$("h1[id^=unreleased]").text("Current development version");
// PR for 'R for Data Science' on How To pages
if ($(".template-article").length > 0) {
$('#pkgdown-sidebar').prepend(
'<div id="r4ds">' +
' <div class="txt">' +
' <p>' +
' Learn R reading this great book: <i>R for Data Science</i>.' +
' <br><br>' +
' <a target="_blank" href="https://r4ds.had.co.nz/">' +
' Click to read it online - it was published for free.' +
' </a>' +
' </p>' +
' </div>' +
' <div class="img">' +
' <a target="_blank" href="https://r4ds.had.co.nz/">' +
' <img src="https://github.com/msberends/AMR/raw/main/docs/cover_r4ds.png">' +
' </a>' +
' </div>' +
'</div>');
}
// edit footer
$('footer').html(
'<div>' +
'<p><code>AMR</code> (for R). Developed at the <a target="_blank" href="https://www.rug.nl">University of Groningen</a> in collaboration with non-profit organisations<br><a target="_blank" href="https://www.certe.nl">Certe Medical Diagnostics and Advice Foundation</a> and <a target="_blank" href="https://www.umcg.nl">University Medical Center Groningen</a>.</p>' +
'<a target="_blank" href="https://www.rug.nl"><img src="https://github.com/msberends/AMR/raw/main/docs/logo_rug.png" class="footer_logo"></a>' +
'</div>');
// doctoral titles of authors
// add doctoral titles to authors
function doct_tit(x) {
if (typeof(x) != "undefined") {
// authors
x = x.replace(/Author, maintainer/g, "Maintainer");
x = x.replace(/Author, contributor/g, "Maintainer");
x = x.replace(/Author, maintainer/g, "Principle developer");
x = x.replace(/Author, contributor/g, "Contributing maintainer");
x = x.replace(/Author, thesis advisor/g, "Doctoral advisor");
x = x.replace(/Thesis advisor/g, "Doctoral advisor");
x = x.replace("Matthijs", "Dr Matthijs");
x = x.replace("Christian", "Dr Christian");
x = x.replace("Alex", "Prof. Alex");
x = x.replace("Bhanu", "Prof. Bhanu");
x = x.replace("Casper", "Prof. Casper");
x = x.replace("Corinna", "Dr Corinna");
// others
x = x.replace("Bart", "Dr Bart");
x = x.replace("Sofia", "Dr Sofia");
x = x.replace("Dennis", "Dr Dennis");
x = x.replace("Judith", "Dr Judith");
x = x.replace("Gwen", "Dr Gwen");
x = x.replace("Anthony", "Dr Anthony");
x = x.replace("Rogier", "Dr Rogier");
// authors
x = x.replace("Alex", "Prof. Dr. Alex");
x = x.replace("Anthony", "Dr. Anthony");
x = x.replace("Bart", "Dr. Bart");
x = x.replace("Bhanu", "Prof. Dr. Bhanu");
x = x.replace("Casper", "Prof. Dr. Casper");
x = x.replace("Christian", "Dr. Christian");
x = x.replace("Corinna", "Dr. Corinna");
x = x.replace("Dennis", "Dr. Dennis");
x = x.replace("Gwen", "Dr. Gwen");
x = x.replace("Judith", "Dr. Judith");
x = x.replace("Matthijs", "Dr. Matthijs");
x = x.replace("Peter", "Dr. Peter");
x = x.replace("Rogier", "Dr. Rogier");
x = x.replace("Sofia", "Dr. Sofia");
}
return(x);
}
$(".template-authors").html(doct_tit($(".template-authors").html()));
$(".template-citation-authors").html(doct_tit($(".template-citation-authors").html()));
$('.template-citation-authors h1').eq(0).html("All contributors of the <code>AMR</code> package");
$('.template-citation-authors h1').eq(1).html("How to cite the <code>AMR</code> package");
$(".developers").html(doct_tit($(".developers").html()));
$(".developers a[href='authors.html']").text("All contributors...");
});

Binary file not shown.

Before

Width:  |  Height:  |  Size: 334 KiB

View File

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400" viewBox="0 0 27 18">
<rect fill="#0D5EAF" width="27" height="18"/>
<path fill="none" stroke-width="2" stroke="#FFF" d="M5,0V11 M0,5H10 M10,3H27 M10,7H27 M0,11H27 M0,15H27"/>
</svg>

After

Width:  |  Height:  |  Size: 284 B

View File

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600">
<rect fill="#fff" height="600" width="900"/>
<circle fill="#bc002d" cx="450" cy="300" r="180"/>
</svg>

After

Width:  |  Height:  |  Size: 209 B

View File

@ -0,0 +1,5 @@
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="400" viewBox="0 0 8 5">
<rect width="8" height="5" fill="#dc143c"/>
<rect width="8" height="2.5" fill="#fff"/>
</svg>

After

Width:  |  Height:  |  Size: 199 B

View File

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="800" viewBox="0 -30000 90000 60000">
<title>Flag of Turkey</title>
<path fill="#e30a17" d="m0-30000h90000v60000H0z"/>
<path fill="#fff" d="m41750 0 13568-4408-8386 11541V-7133l8386 11541zm925 8021a15000 15000 0 1 1 0-16042 12000 12000 0 1 0 0 16042z"/>
</svg>

After

Width:  |  Height:  |  Size: 324 B

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="800">
<rect width="1200" height="800" fill="#005BBB"/>
<rect width="1200" height="400" y="400" fill="#FFD500"/>
</svg>

After

Width:  |  Height:  |  Size: 182 B

12
pkgdown/logos/lang_zh.svg Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="900" height="600" viewBox="0 0 30 20">
<defs>
<path id="s" d="M0,-1 0.587785,0.809017 -0.951057,-0.309017H0.951057L-0.587785,0.809017z" fill="#FFFF00"/>
</defs>
<rect width="30" height="20" fill="#EE1C25"/>
<use xlink:href="#s" transform="translate(5,5) scale(3)"/>
<use xlink:href="#s" transform="translate(10,2) rotate(23.036243)"/>
<use xlink:href="#s" transform="translate(12,4) rotate(45.869898)"/>
<use xlink:href="#s" transform="translate(12,7) rotate(69.945396)"/>
<use xlink:href="#s" transform="translate(10,9) rotate(20.659808)"/>
</svg>

After

Width:  |  Height:  |  Size: 688 B

View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="112" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="112" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h55v20H0z"/><path fill="#e05d44" d="M55 0h57v20H55z"/><path fill="url(#b)" d="M0 0h112v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"> <text x="285" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="450">lifecycle</text><text x="285" y="140" transform="scale(.1)" textLength="450">lifecycle</text><text x="825" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="470">archived</text><text x="825" y="140" transform="scale(.1)" textLength="470">archived</text></g> </svg>

Before

Width:  |  Height:  |  Size: 967 B

View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="112" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="112" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h55v20H0z"/><path fill="#007ec6" d="M55 0h57v20H55z"/><path fill="url(#b)" d="M0 0h112v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"> <text x="285" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="450">lifecycle</text><text x="285" y="140" transform="scale(.1)" textLength="450">lifecycle</text><text x="825" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="470">dormant</text><text x="825" y="140" transform="scale(.1)" textLength="470">dormant</text></g> </svg>

Before

Width:  |  Height:  |  Size: 965 B

View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="138" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="138" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h55v20H0z"/><path fill="#fe7d37" d="M55 0h83v20H55z"/><path fill="url(#b)" d="M0 0h138v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"> <text x="285" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="450">lifecycle</text><text x="285" y="140" transform="scale(.1)" textLength="450">lifecycle</text><text x="955" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="730">experimental</text><text x="955" y="140" transform="scale(.1)" textLength="730">experimental</text></g> </svg>

Before

Width:  |  Height:  |  Size: 975 B

View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="116" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="116" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h55v20H0z"/><path fill="#007ec6" d="M55 0h61v20H55z"/><path fill="url(#b)" d="M0 0h116v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"> <text x="285" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="450">lifecycle</text><text x="285" y="140" transform="scale(.1)" textLength="450">lifecycle</text><text x="845" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="510">maturing</text><text x="845" y="140" transform="scale(.1)" textLength="510">maturing</text></g> </svg>

Before

Width:  |  Height:  |  Size: 967 B

View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="128" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h55v20H0z"/><path fill="#007ec6" d="M55 0h73v20H55z"/><path fill="url(#b)" d="M0 0h128v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"> <text x="285" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="450">lifecycle</text><text x="285" y="140" transform="scale(.1)" textLength="450">lifecycle</text><text x="905" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="630">questioning</text><text x="905" y="140" transform="scale(.1)" textLength="630">questioning</text></g> </svg>

Before

Width:  |  Height:  |  Size: 973 B

View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="102" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="102" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h55v20H0z"/><path fill="#fe7d37" d="M55 0h47v20H55z"/><path fill="url(#b)" d="M0 0h102v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"> <text x="285" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="450">lifecycle</text><text x="285" y="140" transform="scale(.1)" textLength="450">lifecycle</text><text x="775" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="370">retired</text><text x="775" y="140" transform="scale(.1)" textLength="370">retired</text></g> </svg>

Before

Width:  |  Height:  |  Size: 965 B

View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="98" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="98" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h55v20H0z"/><path fill="#4c1" d="M55 0h43v20H55z"/><path fill="url(#b)" d="M0 0h98v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"> <text x="285" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="450">lifecycle</text><text x="285" y="140" transform="scale(.1)" textLength="450">lifecycle</text><text x="755" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="330">stable</text><text x="755" y="140" transform="scale(.1)" textLength="330">stable</text></g> </svg>

Before

Width:  |  Height:  |  Size: 957 B

View File

@ -1,32 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="510.24pt" height="184.25pt" version="1.1" viewBox="0 0 510.24 184.25" xmlns="http://www.w3.org/2000/svg">
<style>
text {
fill: white;
font-family: "Helvetica Neue";
}
</style>
<defs>
<marker id="a" color="black" overflow="visible" markerHeight="6" markerWidth="7" orient="auto" viewBox="-1 -3 7 6">
<path d="m4.8 0-4.8-1.8v3.6z" fill="currentColor" stroke="currentColor"/>
</marker>
</defs>
<g fill="none">
<title>Canvas 1</title>
<rect width="510.24" height="184.25" fill="#fff"/>
<g>
<title>Layer 1</title>
<rect x="5.6693" y="5.6693" width="116.22" height="48.189" fill="#fd8008"/>
<text transform="translate(63.7793 29.7638)" dominant-baseline="middle" text-anchor="middle">experimental</text>
<rect x="161.57" y="113.39" width="150.24" height="68.031" fill="#108001"/>
<text transform="translate(236.69 147.4055)" dominant-baseline="middle" text-anchor="middle" font-size="19">stable</text>
<path d="m63.356 53.858c2.0388 19.203 10.427 45.968 38.691 65.197 13.679 9.3061 30.217 15.625 46.951 19.9" marker-end="url(#a)" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path d="m311.81 131.57c18.392-5.7638 38.128-13.509 56.693-23.85 25.216-14.046 43.275-30.1 55.731-43.973" marker-end="url(#a)" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<rect x="391.18" y="119.06" width="113.39" height="48.189" fill="#074080"/>
<text transform="translate(447.875 143.1545)" dominant-baseline="middle" text-anchor="middle">superseded</text>
<line x1="311.81" x2="378.29" y1="147.22" y2="145.23" marker-end="url(#a)" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<rect x="391.18" y="5.6693" width="113.39" height="48.189" fill="#fd8008"/>
<text transform="translate(447.875 29.7638)" dominant-baseline="middle" text-anchor="middle">deprecated</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.9 KiB