CINXE.COM
MAGICapp - Making GRADE the Irresistible Choice - Guidelines and Evidence summaries
<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <title>MAGICapp - Making GRADE the Irresistible Choice - Guidelines and Evidence summaries</title> <meta name="googlebot" content="noarchive"> <meta name="robots" content="noarchive"> <meta name="theme-color" content="#125b67"> <meta name="keywords" content="medical, guideline, health, healthcare, authoring, publishing, evidence, GRADE, GDT, PDF, COVID, PICO"/> <meta name="description" content="Improving patient care through guidelines, evidence summaries and decision aids that we can all trust, use and share." /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="mobile-web-app-capable" content="yes"> <meta name="msapplication-TileColor" content="#125b67"> <meta name="msapplication-TileImage" content="/static/images/logo-header-single.png"> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@theMAGICapp" /> <meta name="twitter:title" content="MAGICapp" /> <meta name="twitter:description" content="The MAGICapp will help your admins and authors with planning, authoring and publishing your guidelines according to standards for trustworthy guidelines." /> <meta name="twitter:image" content="https://pbs.twimg.com/profile_images/713029928967663617/Afki4iQ1.jpg" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"> <link rel="canonical" href="https://app.magicapp.org/" /> <link rel="home" href="/"> <meta name="theme-color" content="#125b67"> <link rel="icon" href="/static/images/favicon.svg" /> <link rel=”mask-icon” href=”mask-icon.svg”> <link rel="apple-touch-icon" href="/static/images/logo-header-single.png"> <link rel="manifest" id="app-manifest" href="manifest.json"> <link rel="stylesheet" id="loading" href="/static/css/loading.css" media="screen" as="style"> <link rel="stylesheet" id="css" href="/static/css/default-theme-41dec6f6f.css" media="screen" as="style" > <link rel="preconnect" href="https://www.google-analytics.com"> <link rel="preload" href="/static/css/fonts/inter/Inter-VariableFont_slnt,wght.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/static/css/fonts/heebo/Heebo-VariableFont_wght.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/static/css/fonts/lora/Lora-Italic-VariableFont_wght.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/static/css/fonts/lora/Lora-VariableFont_wght.woff2" as="font" type="font/woff2" crossorigin="anonymous"> </head> <body style="display: none" data-theme="magic" id="magic"> <div class="loadingOverlay" id="loadingOverlay" role="status"> <div class="preloader"><span class="loadingText" id="loadingOverlayText"></span></div> </div> <div id="headerPanel"></div> <div id="application" class="application"></div> <div id="noticeOverlay" class="noticeOverlay positiveNoticeOverlay"><div class="message"></div></div> <div id="warnOverlay" class="noticeOverlay warnOverlay"><div class="message"></div></div> <div id="waitOverlay" class="noticeOverlay waitOverlay"> <div class="waitOverlayContent"> <div id="waitOverlayTitle" class="header"></div> <div id="waitOverlayMessage" class="message"></div> </div> </div> <div id="mobileInstall" class="mobileInstall"> <span class="mobileInstallMessage" id="message">Click here to install MAGICapp as an app.</span> <span class="removeMobileInstall" id="removeMobileInstall"></span> </div> <div id="pwaRefresh" class="pwaRefresh hideMe"> <span class="message">A new version is now available.</span> <button id="pwaRefreshBtn" aria-label="refresh-button">Refresh</button> <span id="removePWAinstall" class="removePWAinstall"></span> </div> <div id="helpPanel" class="helpPanel" ></div> <div id="cookieBanner"></div> <div class="darkToggle"> <input type="checkbox" id="darkmodeToggle" aria-label="Toggle dark mode"> <label id="darkmodeToggleLabel" for="darkmodeToggle"> <?xml version="1.0" encoding="UTF-8"?> <svg id="lightSun" class="sun" data-name="Light sun" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> <g> <path d="m9,1v1c0,.55.45,1,1,1s1-.45,1-1v-1c0-.55-.45-1-1-1s-1,.45-1,1Z"/> <path d="m17.07,2.93c-.39-.39-1.02-.39-1.41,0l-.66.71c-.39.39-.39,1.02,0,1.41.19.19.44.29.71.29.26,0,.51-.11.7-.29l.71-.71c.37-.4.35-1.03-.05-1.41Z"/> <path d="m19,9h-1c-.55,0-1,.45-1,1s.45,1,1,1h1c.55,0,1-.45,1-1s-.45-1-1-1Z"/> <path d="m15.66,17.07c.39.39,1.02.39,1.41,0,.39-.39.39-1.02,0-1.41l-.71-.66c-.48-.27-1.09-.09-1.36.39-.17.3-.17.67,0,.97l.66.71Z"/> <path d="m9,18v1c0,.55.45,1,1,1s1-.45,1-1v-1c0-.55-.45-1-1-1s-1,.45-1,1Z"/> <path d="m2.93,17.07c.39.39,1.02.39,1.41,0l.71-.71c.3-.47.16-1.08-.31-1.38-.34-.21-.77-.21-1.1.02l-.71.71c-.36.38-.36.98,0,1.36Z"/> <path d="m1,9c-.55,0-1,.45-1,1s.45,1,1,1h1c.55,0,1-.45,1-1s-.45-1-1-1h-1Z"/> <path d="m2.93,4.34l.71.71c.19.18.44.29.7.29.27,0,.52-.1.71-.29.39-.39.39-1.02,0-1.41l-.71-.71c-.42-.36-1.05-.31-1.41.11-.32.37-.32.93,0,1.3Z"/> </g> <circle cx="10" cy="10" r="5.8"/> </svg> <?xml version="1.0" encoding="UTF-8"?> <svg class="moon" id="darkmoon" data-name="Dark moon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27"> <path d="m10.93,2.03c-2.12,5.64.74,11.92,6.37,14.04,2.47.93,5.2.93,7.67,0,.77-.29,1.64.1,1.93.87.13.34.13.72,0,1.06-2.71,7.18-10.73,10.81-17.91,8.1C1.82,23.4-1.81,15.38.9,8.2,2.31,4.46,5.26,1.51,9,.1c.77-.29,1.64.1,1.93.87.13.34.13.72,0,1.06Z" style="fill-rule: evenodd;"/> </svg> </label> </div> </body> <!-- !DO NOT CHANGE SCRIPT CODE. CSP HASH! --> <script>['/init.js','/static/js/dojo/dojo.js'].forEach(function(scriptUrl) {var d=document,s=d.createElement('script');s.async=false;s.src=scriptUrl;d.head.appendChild(s);});['/static/js/stomp/stomp.min.js','/static/js/polyfill/intersection-observer.js'].forEach(function(scriptUrl) {var d=document,s=d.createElement('script');s.async=true;s.defer=true;s.src=scriptUrl;d.head.appendChild(s);});</script> <!-- it is time to remove intersection-observer.js we need to deal with the CSP hash. --> </html>