CINXE.COM
Director Dashboard
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" property="og:title" content="OverDrive Dashboard" /> <meta property="og:url" content="http://insights.overdrive.com/" /> <meta name="twitter:description" property="og:description" content="A simple, standalone dashboard to visualize your library's digital media activity in near real-time." /> <meta property="og:site_name" content="OverDrive Dashboard"> <meta name="twitter:site" content="@OverDriveLibs" /> <meta name="twitter:image" property="og:image" content="/Content/icons/apple-touch-icon-180x180.png" /> <title>Director Dashboard</title> <link href="/Content/Site-1.0.6.css" rel="stylesheet" type="text/css"/> <link rel="apple-touch-icon" sizes="57x57" href="/Content/icons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/Content/icons/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/Content/icons/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/Content/icons/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/Content/icons/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/Content/icons/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/Content/icons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/Content/icons/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/Content/icons/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/Content/icons/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/Content/icons/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/Content/icons/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/Content/icons/manifest.json"> <link rel="mask-icon" href="/Content/icons/safari-pinned-tab.svg" color="#006693"> <meta name="msapplication-config" content="/Content/icons/browserconfig.xml" /> <meta name="msapplication-TileColor" content="#006693"> <meta name="msapplication-TileImage" content="/Content/icons/mstile-144x144.png"> <meta name="theme-color" content="#006693"> </head> <body> <div class="container body-content"> <div class="center"> <div class="content center"> <h1>OverDrive Dashboard</h1> <h3>A simple, standalone dashboard to visualize your library's digital media activity in near real-time.</h3> <p>Contact your Library Account Specialist for a demo today.</p> </div> </div> <div class="footer"></div> <style type="text/css"> html { height: 100%; width: 100%; } body { height: 100%; margin: 0; width: 100%; color: #3f3f3f; background-color: #F7F7F7; font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",sans-serif; } .footer { background: url(../../Content/footer_covers.jpg); background-size: cover; height: 40vh; position: absolute; bottom: 0; width: 100%; } .container { height: 100%; width: 100%; display: block; text-align: center; } .center { display: inline-block; text-align: center; position: relative; z-index: 2; top: 25%; margin: 0 3vw; } .center::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; width: 0px; } .overlay { opacity: .9; position: absolute; z-index: 1; top: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, .9); } .logo { height: 8vh; width: 8vh; display: block; margin: 0 auto; } h1 { font-family: "Source Serif 4", serif; font-optical-sizing: auto; font-size: 5vh; margin: 0; padding: 0; font-weight: 500; } h3 { font-weight: 400; font-size: 2vh; margin: 2vh 0; } p { color: #006693; padding: 0; font-size: 2vh; margin: 2vh 0 2vh; font-weight: 600; } .st0 { fill: #006693; } .st1 { fill: #FFFFFF; } .st2 { fill: #539DB7; } .st3 { fill: #F9F9F9; } .st4 { display: none; } .st5 { display: inline; fill: #EE523B; } .st6 { display: inline; fill: #F9C7C2; } .st7 { fill: #EE523B; } .st8 { fill: #F9C7C2; } .st9 { fill: #CBCBCB; } </style> </div> <script src="/Scripts/jquery-3.7.1.min.js"></script> </body> </html>