Skip to content

Commit 62b6e55

Browse files
jessgrahamuqjessgrahamuq
committed
push
1 parent c7af9b6 commit 62b6e55

49 files changed

Lines changed: 1176 additions & 1225 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎risk10_bau_chart.html‎

Lines changed: 24 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
font-family: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
1414
max-width: 1200px;
1515
margin: 0 auto;
16-
padding: 20px;
16+
padding: 5px;
1717
background: #f5f5f5;
1818
}
1919
.container {
@@ -27,14 +27,13 @@
2727
.banner {
2828
background: #000;
2929
color: white;
30-
padding: 10px 20px;
31-
font-size: 18px;
30+
padding: 8px 12px;
31+
font-size: 15px;
3232
font-weight: 600;
3333
text-align: center;
3434
}
3535
.chart-content {
36-
padding: 15px 20px;
37-
padding: 15px 20px;
36+
padding: 10px 12px;
3837
}
3938
h1 {
4039
color: #333;
@@ -47,44 +46,44 @@
4746
}
4847
.chart-container {
4948
position: relative;
50-
height: 500px;
49+
height: 280px;
5150
margin-top: 0px;
5251
}
5352
.legend {
54-
margin-top: 20px;
55-
padding: 10px;
53+
margin-top: 8px;
54+
padding: 6px 8px;
5655
background: #f9f9f9;
5756
border-radius: 4px;
5857
display: flex;
5958
justify-content: center;
60-
gap: 20px;
59+
gap: 12px;
6160
flex-wrap: wrap;
6261
}
6362
.legend-item {
6463
display: flex;
6564
align-items: center;
66-
gap: 8px;
67-
font-size: 14px;
65+
gap: 6px;
66+
font-size: 11px;
6867
font-weight: 600;
6968
}
7069
.legend-box {
71-
width: 30px;
72-
height: 16px;
70+
width: 24px;
71+
height: 14px;
7372
border-radius: 2px;
7473
}
7574
.legend-line {
76-
width: 30px;
75+
width: 24px;
7776
height: 3px;
7877
border-radius: 1px;
7978
}
8079
.controls {
81-
margin-bottom: 10px;
82-
padding: 10px;
80+
margin-bottom: 8px;
81+
padding: 6px 8px;
8382
background: #f9f9f9;
8483
border-radius: 4px;
8584
display: flex;
8685
align-items: center;
87-
gap: 15px;
86+
gap: 10px;
8887
flex-wrap: wrap;
8988
}
9089
.control-group {
@@ -96,17 +95,17 @@
9695
background: transparent;
9796
color: #a32035;
9897
border: none;
99-
padding: 10px 0px;
98+
padding: 6px 0px;
10099
border-radius: 0px;
101100
font-family: 'Figtree', sans-serif;
102-
font-size: 14px;
101+
font-size: 12px;
103102
font-weight: 600;
104103
cursor: pointer;
105104
transition: all 0.3s;
106105
text-decoration: underline;
107106
text-decoration-color: #a32035;
108107
text-decoration-thickness: 2px;
109-
text-underline-offset: 4px;
108+
text-underline-offset: 3px;
110109
}
111110
.toggle-button:hover {
112111
color: #8a1b2d;
@@ -131,9 +130,9 @@
131130
background: white;
132131
color: #a32035;
133132
border: none;
134-
padding: 10px 20px;
133+
padding: 6px 12px;
135134
font-family: 'Figtree', sans-serif;
136-
font-size: 14px;
135+
font-size: 12px;
137136
font-weight: 600;
138137
cursor: pointer;
139138
transition: all 0.3s;
@@ -151,15 +150,15 @@
151150
}
152151
.severity-labels {
153152
display: flex;
154-
margin-top: -10px;
155-
margin-bottom: 10px;
153+
margin-top: -8px;
154+
margin-bottom: 6px;
156155
padding-left: 10px;
157156
padding-right: 30px;
158157
position: relative;
159158
width: calc(100% - 40px);
160159
}
161160
.severity-label {
162-
font-size: 17px;
161+
font-size: 14px;
163162
font-weight: bold;
164163
white-space: nowrap;
165164
position: absolute;

‎risk10_pm_chart.html‎

Lines changed: 24 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
font-family: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
1414
max-width: 1200px;
1515
margin: 0 auto;
16-
padding: 20px;
16+
padding: 5px;
1717
background: #f5f5f5;
1818
}
1919
.container {
@@ -27,14 +27,13 @@
2727
.banner {
2828
background: #000;
2929
color: white;
30-
padding: 10px 20px;
31-
font-size: 18px;
30+
padding: 8px 12px;
31+
font-size: 15px;
3232
font-weight: 600;
3333
text-align: center;
3434
}
3535
.chart-content {
36-
padding: 15px 20px;
37-
padding: 15px 20px;
36+
padding: 10px 12px;
3837
}
3938
h1 {
4039
color: #333;
@@ -47,44 +46,44 @@
4746
}
4847
.chart-container {
4948
position: relative;
50-
height: 500px;
49+
height: 280px;
5150
margin-top: 0px;
5251
}
5352
.legend {
54-
margin-top: 20px;
55-
padding: 10px;
53+
margin-top: 8px;
54+
padding: 6px 8px;
5655
background: #f9f9f9;
5756
border-radius: 4px;
5857
display: flex;
5958
justify-content: center;
60-
gap: 20px;
59+
gap: 12px;
6160
flex-wrap: wrap;
6261
}
6362
.legend-item {
6463
display: flex;
6564
align-items: center;
66-
gap: 8px;
67-
font-size: 14px;
65+
gap: 6px;
66+
font-size: 11px;
6867
font-weight: 600;
6968
}
7069
.legend-box {
71-
width: 30px;
72-
height: 16px;
70+
width: 24px;
71+
height: 14px;
7372
border-radius: 2px;
7473
}
7574
.legend-line {
76-
width: 30px;
75+
width: 24px;
7776
height: 3px;
7877
border-radius: 1px;
7978
}
8079
.controls {
81-
margin-bottom: 10px;
82-
padding: 10px;
80+
margin-bottom: 8px;
81+
padding: 6px 8px;
8382
background: #f9f9f9;
8483
border-radius: 4px;
8584
display: flex;
8685
align-items: center;
87-
gap: 15px;
86+
gap: 10px;
8887
flex-wrap: wrap;
8988
}
9089
.control-group {
@@ -96,17 +95,17 @@
9695
background: transparent;
9796
color: #a32035;
9897
border: none;
99-
padding: 10px 0px;
98+
padding: 6px 0px;
10099
border-radius: 0px;
101100
font-family: 'Figtree', sans-serif;
102-
font-size: 14px;
101+
font-size: 12px;
103102
font-weight: 600;
104103
cursor: pointer;
105104
transition: all 0.3s;
106105
text-decoration: underline;
107106
text-decoration-color: #a32035;
108107
text-decoration-thickness: 2px;
109-
text-underline-offset: 4px;
108+
text-underline-offset: 3px;
110109
}
111110
.toggle-button:hover {
112111
color: #8a1b2d;
@@ -131,9 +130,9 @@
131130
background: white;
132131
color: #a32035;
133132
border: none;
134-
padding: 10px 20px;
133+
padding: 6px 12px;
135134
font-family: 'Figtree', sans-serif;
136-
font-size: 14px;
135+
font-size: 12px;
137136
font-weight: 600;
138137
cursor: pointer;
139138
transition: all 0.3s;
@@ -151,15 +150,15 @@
151150
}
152151
.severity-labels {
153152
display: flex;
154-
margin-top: -10px;
155-
margin-bottom: 10px;
153+
margin-top: -8px;
154+
margin-bottom: 6px;
156155
padding-left: 10px;
157156
padding-right: 30px;
158157
position: relative;
159158
width: calc(100% - 40px);
160159
}
161160
.severity-label {
162-
font-size: 17px;
161+
font-size: 14px;
163162
font-weight: bold;
164163
white-space: nowrap;
165164
position: absolute;

0 commit comments

Comments
 (0)
⚡