-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
255 lines (205 loc) · 13.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<!DOCTYPE html>
<html lang="en-GB">
<head>
<title>CDU Data Science Team</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"/>
<meta charset="UTF-8"/>
<meta name="keywords" content="open, data, open data, data visualisation, visualisation, visualisations, shiny, information, interactive, information, system, nottinghamshire, nottingham, app, apps, application, applications, spc"/>
<meta name="description" content="Analysis by the CDU Data Science Team for Nottinghamshire Healthcare NHS Foundation Trust. Credit: Trafford Data Lab"/>
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans%7CRoboto"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css"/>
<style>
h1
{
margin-bottom: 0; /* to make the heading closer to the intro text */
}
.intro
{
margin-top: 0; /* to make the text closer to the heading */
}
.thumbnail
{
margin-top: 0.5em;
}
/* Specific customisation of the card for this page */
.cardContainer
{
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); /* only want a max of 2 columns on normal displays due to the contents of each being large - so I've overridden the minmax card width from the default */
}
.card
{
padding: 0.2em 0.5em 0.5em 0.5em; /* the top padding is different to make the gap look balanced all around as the .cardHead content has padding of its own. */
/* For browsers which don't support grid layouts */
width: 45%; /* these cards are larger than the default due to the contents of each being so large */
margin: 1em 2%;
}
.cardHead
{
font-size: 1.15em;
padding: 0 0 0.25em 0;
}
.fa-head-side-mask
{
display: inline-block;
float: left;
margin-right: 0.1em;
font-size: 7em;
color: #fff;
}
#covid19
{
display: block;
border-radius: 3.5em;
min-height: 7em;
margin: 2em 0 2em 0;
padding-right: 2em;
background-color: #ccc;
color: #212121;
}
#covid19:hover, #covid19:hover h2
{
color: #fff;
background-color: #5d77a3;
}
#covid19Content
{
display: inline-block;
margin-left: 0.5em;
}
#covid19Content h2
{
margin-bottom: 0;
color: #212121;
}
#covid19Content p
{
margin-top: 0.25em;
margin-left: 2px;
}
/* For browsers which don't support grid layouts */
@media (max-width:750px)
{
.cardContainer
{
grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); /* to fix issue on small displays where the minimum width is still to large and so causes horizontal scrolling */
}
.card
{
width: 100%;
margin: 1em 0;
}
}
/* For browsers which support grid layouts - Reset the widths and margins applied above as they aren't required when using grid layout */
@supports (display: grid)
{
.card
{
width: auto;
margin: 0;
}
}
</style>
</head>
<body>
<div class="container">
<header>
<nav>
<ul id="a11yNav">
<li><a href="#main" class="themeBlockDark">Skip to main content</a></li>
<li><a href="#footer" class="themeBlockDark">Skip to footer</a></li>
</ul>
<a href="https://github.com/CDU-data-science-team">
<img src="https://cdu-data-science-team.github.io/assets/logo/nottshc-cdu-data-science-logo-800.png" alt="CDU Data Science Team Logo" width="127"></a>
<p class="hideContent">Main Menu</p>
<ul class="navbar">
<li><a href="https://cdu-data-science-team.github.io/team-blog/">Blog</a></li>
<li><a href="https://cdu-data-science-team.github.io/understanding-your-data/">Understanding Your Data</a></li>
<li><a href="https://cdu-data-science-team.github.io/team-blog/about.html">About</a></li>
</ul>
</nav>
</header>
<main id="main">
<h1>CDU Data Science Team</h1>
<p class="intro">Analysis by CDU Data Science Team for Nottinghamshire Healthcare NHS Foundation Trust.</p>
<section id="apps" aria-label="items will open in a new window">
<h2>Apps</h2>
<div class="cardContainer">
<div class="card labBorder">
<a href="https://involve.nottshc.nhs.uk/rsconnect/experience_a/" target="_blank"><h3 class="cardHead themeLink">Patient Feedback</h3>
<span class="cardBody">Shiny dashboard visualising and analysing patient experience data from Nottinghamshire Healthcare NHS Foundation Trust.
</span><img src="img/patient-experience.PNG" class="thumbnail" alt="Patient Feedback app screenshot"/></a><br class="hideContent"/>
</div>
<div class="card labBorder">
<a href="https://involve.nottshc.nhs.uk/rsconnect/text_mining_dashboard/" target="_blank"><h3 class="cardHead themeLink">Text Mining Patient Experience Feedback</h3>
<span class="cardBody">Text mining and visualization of NHS patient feedback.</span><img src="img/text-mining-pat-exp.PNG" class="thumbnail" alt="Text Minding Patient Experience app screenshot"/></a><br class="hideContent"/>
</div>
<div class="card labBorder">
<a href="https://involve.nottshc.nhs.uk/rsconnect/pharmacy_forecasting/" target="_blank"><h3 class="cardHead themeLink">Pharmacy Forecasting</h3>
<span class="cardBody">This project aims to develop, test and implement an open source analytical tool in R that will support and improve existing inventory management practices within our Trust pharmacy.</span><img src="img/pharmacy.PNG" class="thumbnail" alt="Pharmacy Forecasting app screenshot"/></a><br class="hideContent"/>
</div>
<div class="card labBorder">
<a href="https://involve.nottshc.nhs.uk/rsconnect/shiny_endominer/" target="_blank"><h3 class="cardHead themeLink">EndomineR app</h3>
<span class="cardBody">EndoMineR-Shiny is the interface for the package <a href="https://github.com/sebastiz/EndoMineR_Shiny" target="_blank">EndoMineR</a></span> <span class="cardBody">The package aims to extract information from endoscopic and associated pathology reports.</span>
<img src="img/endominer.PNG" class="thumbnail" alt="Endominer app screenshot"/></a><br class="hideContent"/>
</div>
<div class="card labBorder">
<a href="https://involve.nottshc.nhs.uk/rsconnect/open_healthcare_spc/" target="_blank"><h3 class="cardHead themeLink">Healthcare SPC (Emergency Care Data Set)</h3>
<span class="cardBody">This was a Shiny application created for the Nottingham & Nottinghamshire ICS (Integrated Care System) as part of the data analysis for Covid-19 to analyse the Emergency Care Data Set (ECDS) using a series of Statistical Process Control charts (SPCs) to determine which services where seeing an effect on admissions because of the pandemic.</span><img src="img/healthcare-spc.PNG" class="thumbnail" alt="healthcareSPC app screenshot"/></a><br class="hideContent"/>
</div>
<div class="card labBorder">
<a href="https://github.com/CDU-data-science-team/systemews" target="_blank"><h3 class="cardHead themeLink">systemews</h3>
<span class="cardBody">A system to forecast numbers and discharges of medically safe patients with a supported discharge plan. This project is part of the <a href="https://www.health.org.uk/" target="_blank">Health Foundation</a></span> <span class="cardBody">'s Advancing Applied Analytics programme.</span><img src="img/systemews.PNG" class="thumbnail" alt="systemews app screenshot"/></a><br class="hideContent"/>
</div>
</div>
</section>
<section id="templates">
<h2>Templates</h2>
<div class="cardContainer">
<div class="card labBorder">
<a href="https://cdu-data-science-team.github.io/distill-blog-template/"><h3 class="cardHead themeLink">CDU Data Science Team Blog template</h3>
<span class="cardBody">Blog template using distill with GitHub Actions set up</a>.</span><img src="img/distill-blog-template.PNG" class="thumbnail" alt=""/></a><br class="hideContent"/>
</div>
<div class="cardContainer">
<div class="card labBorder">
<a href="https://github.com/CDU-data-science-team/presentation-template"><h3 class="cardHead themeLink">Nottinghamshire Healthcare NHS Foundation Trust Branded Slides</h3>
<span class="cardBody">Nottinghamshire Healthcare NHS Foundation Trust template slides in R using xaringan</a>.</span><img src="img/branded-slides.PNG" class="thumbnail" alt=""/></a><br class="hideContent"/>
</div>
</div>
<div class="cardContainer">
<div class="card labBorder">
<a href="https://github.com/CDU-data-science-team/notebook-template"><h3 class="cardHead themeLink">Simple Hugo notebook</h3>
<span class="cardBody">Simple Hugo notebook</a>.</span><img src="img/hugo-book.PNG" class="thumbnail" alt=""/></a><br class="hideContent"/>
</div>
</section>
<section id="Packages">
<h2>Packages</h2>
<div class="cardContainer">
<div class="card labBorder">
<a href="https://github.com/CDU-data-science-team/nottshcMethods"><h3 class="cardHead themeLink">nottshcMethods</h3></a><br class="hideContent"/>
<span class="cardBody">A collection of functions to help with visualising and analysing clinical data.</span>
</div>
<div class="card labBorder">
<a href="https://github.com/CDU-data-science-team/honos"><h3 class="cardHead themeLink">honos</h3></a><br class="hideContent"/>
<span class="cardBody">Visualising and Analysing the HoNOS (Health of the Nation Outcome Scales)</span>
</div>
<div class="card labBorder">
<a href="https://github.com/CDU-data-science-team/nottshcPublic"><h3 class="cardHead themeLink">nottshcPublic</h3></a><br class="hideContent"/>
<span class="cardBody">demonstrating how we make use of R to work with databases</span>
</div>
</div>
</section>
</main>
<footer id="footer">
<div class="leftFooter">
<p class="hideContent">CDU Data Science Team can be contacted: </p>
<a class="linkMedia" href="https://twitter.com/DataScienceNott" aria-label="CDU Data Science Team on Twitter" target="_blank"><span class="fab fa-twitter-square" title="CDU Data Science Team on Twitter"></span><span class="hideContent">Twitter, </span></a>
<a class="linkMedia" href="https://github.com/CDU-data-science-team" aria-label="CDU Data Science Team on GitHub" target="_blank"><span class="fab fa-github" title="CDU Data Science Team on GitHub"></span><span class="hideContent">GitHub, </span></a>
<br />
<a href="https://www.trafforddatalab.io/" class="smallText" aria-label="Credit to Trafford Data Lab for building their open website">Credit: Trafford Data Lab</a>
</div>
</footer>
</div>
</body>
</html>