PageSourceSearch

https://www.brunel.ac.uk/_MB34Eg_9d49cebe-fa40-4682-96e7-4326239fc…/inline-minilist.37772588fa0362bbb863.mjs

js brunel.ac.uk collected 2026-09-24 08:33:06 UTC 10,415 bytes, 295 lines download raw bytes

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[9564],{25027:(S,x,a)=>{a.d(x,{A:()=>t});var e=a(48322),m=a(99087);const _=m.default.article`
2  ${({theme:o})=>(0,m.css)`
3      transition: box-shadow ease-out 175ms;
4
5      &:hover {
6        transition: box-shadow ease-in 125ms;
7        box-shadow: rgb(0 0 0 / 14%) 0px 0px 10px 0px,
8          rgb(0 0 0 / 12%) 0px 2px 10px 0px, rgb(0 0 0 / 20%) 0px 1px 10px 0px;
9
10        .card__title {
11          color: ${o.colors.core_digital_cerulean};
12          text-decoration: underline;
13        }
14      }
15
16      &:focus-within {
17        outline: 5px auto -webkit-focus-ring-color;
18      }
19
20      .card__link {
21        text-decoration: none;
22
23        &:focus {
24          outline: 0;
25
26          .card__title {
27            color: ${o.colors.core_digital_cerulean};
28            text-decoration: underline;
29          }
30        }
31
32        &::after {
33          content: '';
34          position: absolute;
35          top: 0;
36          left: 0;
37          right: 0;
38          bottom: 0;
39        }
40      }
41
42      .card__event-date {
43        z-index: 1;
44        position: absolute;
45        top: 0;
46        right: 0;
47        margin: 0;
48        padding: 0.8rem 1.2rem;
49        font-weight: bold;
50        color: ${o.colors.white};
51        background-color: ${o.colors.aquaAlt};
52      }
53
54      .card__media-container {
55        flex: 0 0 30%;
56        max-height: 22rem;
57
58        &--placeholder {
59          display: flex;
60          align-items: center;
61          background-color: ${o.colors.greyLight};
62
63          .card__image {
64            max-height: 80%;
65            object-fit: scale-down;
66          }
67        }
68      }
69
70      .card__image {
71        display: block;
72        height: 100%;
73        width: 100%;
74        object-fit: cover;
75      }
76
77      .card__large-date {
78        display: flex;
79        flex-direction: column;
80        justify-content: center;
81        align-items: center;
82        padding: 1.6rem;
83        height: 100%;
84        width: 10.8rem;
85        font-weight: bold;
86        line-height: 1;
87        text-align: center;
88        color: ${o.colors.white};
89        background-color: ${o.colors.core_peat_prussian};
90
91        &--month {
92          margin-bottom: 1.6rem;
93          font-size: 1.6rem;
94        }
95
96        &--day {
97          font-size: 4rem;
98        }
99      }
100
101      .card__content-container {
102        padding: 2.4rem 1.6rem;
103        /* background-color: ${o.colors.white}; */
104      }
105
106      .card__date {
107        display: block;
108        margin-bottom: 1.2rem;
109        color: ${o.colors.core_digital_cerulean};
110      }
111
112      .card__title {
113        margin: 0;
114        color: ${o.colors.blue};
115        font-size: 1.7rem;
116        font-weight: 600;
117        line-height: 1.5em;
118      }
119
120      .card__description {
121        margin: 0.8em 0 0 0;
122        font-size: 1.6rem;
123        color: ${o.colors.grey};
124      }
125
126      .card__comment {
127        position: absolute;
128        top: 0;
129        right: 0;
130      }
131
132      .card__container {
133        position: relative;
134        display: flex;
135        width: 100%;
136        height: 100%;
137
138        &--default {
139          flex-direction: column;
140        }
141
142        &--inline {
143          min-height: 20rem;
144
145          .card__media-container img {
146            min-height: 20rem;
147          }
148
149          .card__content-container {
150            display: flex;
151            flex-direction: column;
152            justify-content: space-around;
153            padding: 2rem 1.6rem;
154          }
155
156          .card__date {
157            margin: 1.6rem 0 0 0;
158          }
159        }
160
161        &--date {
162          .card__large-date {
163            width: 100%;
164          }
165        }
166      }
167    `};
168`;var d=a(2839),N=a(29746),$=a(31840);const y=(o,n,l,s=!0)=>{let r=o;return r.indexOf("picsum.photos")>-1||(n||l)&&(r+=r.includes("?")?"&":"?",n&&(r+="width="+n),l&&(n&&(r+="&"),r+="height="+l),s&&n&&l&&(r+="&fit=crop"),r+="&format=webp"),r},f=null,t=({title:o,description:n,date:l,image:s,altText:r,className:g,path:h,format:c,eventDate:p,classic:v})=>{const E="/_MB34Eg_9d49cebe-fa40-4682-96e7-4326239fc749/static-main/img/brunel-logo-blue.svg",j=p?new Date(p):null;return e.createElement(_,{className:`card card--${c} ${g||""}`},e.createElement("div",{className:`card__container card__container--${c}`},c!="date"&&p&&e.createElement("p",{className:"card__event-date"},(0,d.Eb)(p)),e.createElement("div",{className:`card__media-container ${s?"":"card__media-container--placeholder"}`},v?e.createElement("img",{src:s||E,className:"card__image",alt:"Brunel University Logo"}):c!="date"&&s?e.createElement($.default,{src:y(s,420,220),alt:r,className:"card__image",width:420,height:220,layout:"responsive"}):e.createElement("img",{src:E,className:"card__image",alt:"Brunel University Logo"}),c==="date"&&p&&e.createElement("div",{className:"card__large-date"},e.createElement("span",{className:"card__large-date--month"}
168,j?.toLocaleString("default",{month:"short"})),e.createElement("span",{className:"card__large-date--day"},j?.toLocaleString("default",{day:"numeric"})))),e.createElement("div",{className:"card__content-container"},c=="default"&&l&&e.createElement("time",{dateTime:l,className:"card__date"},(0,d.Eb)(l)),e.createElement(N.default,{uri:h,className:"card__link"},e.createElement("h3",{className:"card__title"},o)),n&&e.createElement("p",{className:"card__description"},n),c=="inline"&&l&&e.createElement("time",{dateTime:l,className:"card__date"},(0,d.Eb)(l)))))}},31836:(S,x,a)=>{a.r(x),a.d(x,{default:()=>s});var e=a(48322),m=a(95987),u=a(33483),_=a(80383),d=a(99087);const $=d.default.div`
169  ${({theme:r})=>(0,d.css)`
170      & > section {
171        margin-bottom: 4rem;
172      }
173
174      div.hex-content-grid__container {
175        grid-gap: 24px !important;
176      }
177
178      .section-heading {
179        &__title {
180          margin: 24px 0 !important;
181          font-size: 30px !important;
182          line-height: 40px !important;
183        }
184
185        hr {
186          margin: 0 20px !important;
187        }
188
189        a {
190          font-size: 16px !important;
191          color: ${r.colors.core_digital_cerulean} !important;
192        }
193      }
194
195      .card {
196        &--inline {
197          min-height: 200px !important;
198        }
199
200        &__media-container img {
201          min-height: 200px !important;
202        }
203
204        &__content-container {
205          padding: 20px 16px !important;
206        }
207
208        &__title {
209          font-size: 17px !important;
210        }
211
212        &__event-date {
213          padding: 8px 12px !important;
214        }
215
216        &__date {
217          margin: 16px 0 0 0 !important;
218          font-size: 16px !important;
219        }
220      }
221    `};
222`,y=d.default.section`
223  ${({theme:r,gridSize:g})=>(0,d.css)`
224      .card--inline,
225      .card__container--inline {
226        min-height: 12rem !important;
227        max-height: 22rem;
228      }
229
230      .card {
231        background-color: rgb(244, 247, 252);
232      }
233
234      .card__media-container {
235        > div {
236          height: 100%;
237        }
238      }
239    `}
240`;var f=a(25027),i=a(51243),t=a(66286);const n=({className:r,heading:g,content:h,gridSize:c})=>(c=c||h.length,e.createElement(y,{className:r},e.createElement("div",{className:"wrapper"},e.createElement(i.A,{...g,rule:!0}),e.createElement(t.A,{columns:{base:1,smedium:2,large:3},gutter:{base:"1.6rem",medium:"2rem"}},h.slice(0,c)?.map((p,v)=>e.createElement(f.A,{...p,description:void 0,format:"inline",key:`${p.title}-${v}`,classic:!0}))),e.createElement("div",{className:"hex-content-grid__container"})))),s=({id:r,params:g,viewMoreText:h,viewMoreUri:c})=>{const{title:p,isLoading:v,results:E}=(0,u.zK)({id:r,mapper:_.A.results,params:g});if(v)return e.createElement(m.Rh,{container:{height:"200px",margin:"20px auto"}});if(!E?.length)return null;const j={title:p,path:c,linkText:h};return e.createElement($,null,e.createElement(n,{heading:j,content:E}))}},51243:(S,x,a)=>{a.d(x,{A:()=>$});var e=a(48322),m=a(99087);const _=m.default.header`
241  ${({theme:b})=>(0,m.css)`
242      display: flex;
243      align-items: center;
244      justify-content: space-between;
245
246      hr {
247        flex-grow: 1;
248        margin: 0 2rem;
249      }
250    `}
251`;var d=a(29746);const $=({className:b,title:y,path:f,rule:i=!0,linkText:t})=>!y||!f?null:e.createElement(_,{className:["section-heading",b].join("")},e.createElement("h2",{className:"section-heading__title"},y),i&&e.createElement("hr",{"aria-hidden":"true"}),f&&e.createElement(d.default,{uri:f},t))},66286:(S,x,a)=>{a.d(x,{A:()=>f});var e=a(48322),m=a(99087),u=a(973);const _=(i,t)=>!0,d=1.6,$=m.default.div`
252  ${({columns:i={base:1},gutter:t={base:"1.6rem"}})=>(_("FlexGridStyled",{...{}}),(0,m.css)`
253      margin: 0 -${t?t[Object.keys(t)[0]]:"0"};
254
255      ${t&&Object.keys(t).filter(n=>n!=="base").map(n=>`@media ${u.mq[n]} { margin: 0 -${t[n]}; }`).join(`
256`)}
257
258      .flex-wrapper {
259        display: flex;
260        flex-wrap: wrap;
261        flex-direction: row;
262        /* justify-content: center; */
263      }
264
265      .item {
266        flex-grow: 0;
267        max-width: 100%;
268        flex-basis: ${i?.base?100/i.base:100}
268%;
269        &:nth-child(-n + ${i?.base?i.base:1}) .item__padding {
270          padding-top: 0;
271        }
272
273        ${i&&Object.keys(i).filter(n=>n!=="base").map(n=>`@media ${u.mq[n]} { 
274                  flex-basis: ${100/(i[n]||12)}%; 
275                  
276                  &:nth-child(-n + ${i[n]}) .item__padding {
277                    padding-top: 0;
278                  }
279                }`).join(`
280`)}
281      }
282
283      .item__padding {
284        height: 100%;
285        > * {
286          height: 100%;
287        }
288        padding: 0
289          ${t?t[Object.keys(t)[0]]:"0"};
290        padding-top: ${t?b(t[Object.keys(t)[0]]||d):"0"};
291        ${t&&Object.keys(t).filter(n=>n!=="base").map(n=>`@media ${u.mq[n]} { padding: 0 ${t[n]}; padding-top: ${b(t[n]||d)} }`).join(`
292`)};
293      }
294    `)}
295`,b=i=>{if(typeof i=="number")return`${i*2}rem`;const t=i.indexOf("px")>0?"px":i.indexOf("rem")>0?"rem":i.indexOf("em")>0?"em":null;return t?`${parseFloat(i.replace(t,""))*2}${t}`:i},f=({className:i,children:t,columns:o,gutter:n,renderAsUnorderedList:l=!1})=>{if(!t||t.length<1)return null;const s=l?"ul":"div",r=l?"li":"div";return e.createElement($,{className:`flex-grid ${i||""}`,columns:o,gutter:n},e.createElement(s,{className:"flex-wrapper"},t.map((g,h)=>e.createElement(r,{className:"item",key:`flex-item-${h}`},e.createElement("div",{className:"item__padding"},g)))))}}}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.