Skip to content

Instantly share code, notes, and snippets.

@colabottles

colabottles/tabindex_vuecarousel

Last active October 13, 2023 15:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save colabottles/eec5c02c06859afce597ca068d193afb to your computer and use it in GitHub Desktop.
Save colabottles/eec5c02c06859afce597ca068d193afb to your computer and use it in GitHub Desktop.
Download ZIP
An inaccessible carousel
Raw
tabindex_vuecarousel
<div class="VueCarousel-wrapper">
<div class="VueCarousel-inner"
style="transform: translate(-1444px); transition: transform 0.5s ease 0s; flex-basis: 361px; visibility: visible; height: auto;">
<div tabindex="0" aria-hidden="false" role="tabpanel"
class="VueCarousel-slide rpl-card-carousel__slide">
<div class="rpl-card-carousel__slide-wrap"><a
href="/data-city-casey-open-data-exchange-now-available-datavic"
class="rpl-link rpl-link--nuxt rpl-card-content rpl-card-promotion rpl-card-content--default rpl-card-content--has-link-text"
data-print-url="http://www.data.vic.gov.au/data-city-casey-open-data-exchange-now-available-datavic"
data-tid="carousel-card">
<div class="rpl-card-content__image-wrapper"><img alt=""
src="https://content.vic.gov.au/sites/default/files/2022-09/city_of_casey.png"
srcset="https://content.vic.gov.au/sites/default/files/2022-09/city_of_casey.png?strategy=auto&amp;height=534&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2022-09/city_of_casey.png?strategy=auto&amp;height=200&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2022-09/city_of_casey.png?strategy=auto&amp;height=232&amp;width=448 448w, https://content.vic.gov.au/sites/default/files/2022-09/city_of_casey.png?strategy=auto&amp;height=232&amp;width=333 333w"
sizes="(max-width: 576px) 764px, (max-width: 768px) 448px, (max-width: 992px) 333px, 100vw"
class="rpl-responsive-image rpl-card-content__image rpl-responsive-image--fit-cover">
</div>
<div class="rpl-card-content__details">
<div class="rpl-card-promotion__meta">
<div class="rpl-card-promotion__date">14 September</div>
<div class="rpl-card-promotion__tag">Science &amp; technology</div>
</div>
<h2 class="rpl-card-promotion__title">Data from the City of Casey Open Data Exchange is
now available on DataVic</h2>
<div class="rpl-card-promotion__trim-wrapper" style="max-height: none;">
<p class="rpl-card-promotion__summary">We are live with the second in our series of
local government integrations, with more Victorian council data coming soon.</p>
</div>
<!---->
</div>
<div class="rpl-card-content__link"><span><span>Read</span> <span
class="rpl-text-icon__group"> more<svg viewBox="0 0 13 12" aria-hidden="true"
overflow="visible"
class="rpl-icon rpl-icon--arrow_right_primary rpl-icon--color_primary rpl-text-icon--after"
style="width: 9.1px; height: 8.4px;">
<!---->
<path
d="M11.74 5.326l-4.546-5A1.003 1.003 0 005.781.259a1.001 1.001 0 00-.066 1.413l3.024 3.327H1a1 1 0 100 2h7.739l-3.024 3.327a1.001 1.001 0 00.739 1.673 1 1 0 00.74-.327l4.546-5a1 1 0 000-1.346z">
</path>
</svg></span></span></div>
</a></div>
</div>
<div tabindex="1" aria-hidden="false" role="tabpanel"
class="VueCarousel-slide rpl-card-carousel__slide">
<div class="rpl-card-carousel__slide-wrap"><a
href="/open-data-city-ballarat-data-exchange-now-discoverable-datavic"
class="rpl-link rpl-link--nuxt rpl-card-content rpl-card-promotion rpl-card-content--default rpl-card-content--has-link-text"
data-print-url="http://www.data.vic.gov.au/open-data-city-ballarat-data-exchange-now-discoverable-datavic"
data-tid="carousel-card">
<div class="rpl-card-content__image-wrapper"><img alt=""
src="https://content.vic.gov.au/sites/default/files/2022-08/Ballarat%20City%20Council%20Avenue%20of%20Honour.jpeg"
srcset="https://content.vic.gov.au/sites/default/files/2022-08/Ballarat%20City%20Council%20Avenue%20of%20Honour.jpeg?strategy=auto&amp;height=534&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2022-08/Ballarat%20City%20Council%20Avenue%20of%20Honour.jpeg?strategy=auto&amp;height=200&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2022-08/Ballarat%20City%20Council%20Avenue%20of%20Honour.jpeg?strategy=auto&amp;height=232&amp;width=448 448w, https://content.vic.gov.au/sites/default/files/2022-08/Ballarat%20City%20Council%20Avenue%20of%20Honour.jpeg?strategy=auto&amp;height=232&amp;width=333 333w"
sizes="(max-width: 576px) 764px, (max-width: 768px) 448px, (max-width: 992px) 333px, 100vw"
class="rpl-responsive-image rpl-card-content__image rpl-responsive-image--fit-cover">
</div>
<div class="rpl-card-content__details">
<div class="rpl-card-promotion__meta">
<div class="rpl-card-promotion__date">14 August</div>
<div class="rpl-card-promotion__tag">Science &amp; technology</div>
</div>
<h2 class="rpl-card-promotion__title">Open data from the City of Ballarat Data Exchange
is now discoverable on DataVic</h2>
<div class="rpl-card-promotion__trim-wrapper" style="max-height: none;">
<p class="rpl-card-promotion__summary">It's the first in a series of local government
integrations, with more Victorian council data coming soon.</p>
</div>
<!---->
</div>
<div class="rpl-card-content__link"><span><span>Read</span> <span
class="rpl-text-icon__group"> more<svg viewBox="0 0 13 12" aria-hidden="true"
overflow="visible"
class="rpl-icon rpl-icon--arrow_right_primary rpl-icon--color_primary rpl-text-icon--after"
style="width: 9.1px; height: 8.4px;">
<!---->
<path
d="M11.74 5.326l-4.546-5A1.003 1.003 0 005.781.259a1.001 1.001 0 00-.066 1.413l3.024 3.327H1a1 1 0 100 2h7.739l-3.024 3.327a1.001 1.001 0 00.739 1.673 1 1 0 00.74-.327l4.546-5a1 1 0 000-1.346z">
</path>
</svg></span></span></div>
</a></div>
</div>
<div tabindex="2" aria-hidden="false" role="tabpanel"
class="VueCarousel-slide rpl-card-carousel__slide">
<div class="rpl-card-carousel__slide-wrap"><a href="/govhack-2022-coming-soon"
class="rpl-link rpl-link--nuxt rpl-card-content rpl-card-promotion rpl-card-content--default rpl-card-content--has-link-text"
data-print-url="http://www.data.vic.gov.au/govhack-2022-coming-soon"
data-tid="carousel-card">
<div class="rpl-card-content__image-wrapper"><img alt=""
src="https://content.vic.gov.au/sites/default/files/2021-10/GovHack.png"
srcset="https://content.vic.gov.au/sites/default/files/2021-10/GovHack.png?strategy=auto&amp;height=534&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2021-10/GovHack.png?strategy=auto&amp;height=200&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2021-10/GovHack.png?strategy=auto&amp;height=232&amp;width=448 448w, https://content.vic.gov.au/sites/default/files/2021-10/GovHack.png?strategy=auto&amp;height=232&amp;width=333 333w"
sizes="(max-width: 576px) 764px, (max-width: 768px) 448px, (max-width: 992px) 333px, 100vw"
class="rpl-responsive-image rpl-card-content__image rpl-responsive-image--fit-cover">
</div>
<div class="rpl-card-content__details">
<div class="rpl-card-promotion__meta">
<div class="rpl-card-promotion__date">12 July</div>
<div class="rpl-card-promotion__tag">Science &amp; technology</div>
</div>
<h2 class="rpl-card-promotion__title">GovHack 2022 is coming soon - Connections Event
and Hack weekend</h2>
<div class="rpl-card-promotion__trim-wrapper" style="max-height: 63px;">
<p class="rpl-card-promotion__summary">What is GovHack?
GovHack is Australia's largest open government and open data hackathon attracting
over 1,000 participants each year</p>
</div>
<!---->
</div>
<div class="rpl-card-content__link"><span><span>Read</span> <span
class="rpl-text-icon__group"> more<svg viewBox="0 0 13 12" aria-hidden="true"
overflow="visible"
class="rpl-icon rpl-icon--arrow_right_primary rpl-icon--color_primary rpl-text-icon--after"
style="width: 9.1px; height: 8.4px;">
<!---->
<path
d="M11.74 5.326l-4.546-5A1.003 1.003 0 005.781.259a1.001 1.001 0 00-.066 1.413l3.024 3.327H1a1 1 0 100 2h7.739l-3.024 3.327a1.001 1.001 0 00.739 1.673 1 1 0 00.74-.327l4.546-5a1 1 0 000-1.346z">
</path>
</svg></span></span></div>
</a></div>
</div>
<div tabindex="3" aria-hidden="false" role="tabpanel"
class="VueCarousel-slide rpl-card-carousel__slide">
<div class="rpl-card-carousel__slide-wrap"><a href="/gtfs-realtime-metro-trains-trip-updates"
class="rpl-link rpl-link--nuxt rpl-card-content rpl-card-promotion rpl-card-content--default rpl-card-content--has-link-text"
data-print-url="http://www.data.vic.gov.au/gtfs-realtime-metro-trains-trip-updates"
data-tid="carousel-card">
<div class="rpl-card-content__image-wrapper"><img alt=""
src="https://content.vic.gov.au/sites/default/files/2022-03/DoT_Rideshare_App.jpg"
srcset="https://content.vic.gov.au/sites/default/files/2022-03/DoT_Rideshare_App.jpg?strategy=auto&amp;height=534&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2022-03/DoT_Rideshare_App.jpg?strategy=auto&amp;height=200&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2022-03/DoT_Rideshare_App.jpg?strategy=auto&amp;height=232&amp;width=448 448w, https://content.vic.gov.au/sites/default/files/2022-03/DoT_Rideshare_App.jpg?strategy=auto&amp;height=232&amp;width=333 333w"
sizes="(max-width: 576px) 764px, (max-width: 768px) 448px, (max-width: 992px) 333px, 100vw"
class="rpl-responsive-image rpl-card-content__image rpl-responsive-image--fit-cover">
</div>
<div class="rpl-card-content__details">
<div class="rpl-card-promotion__meta">
<div class="rpl-card-promotion__date">14 March</div>
<div class="rpl-card-promotion__tag">Science &amp; technology</div>
</div>
<h2 class="rpl-card-promotion__title">GTFS-Realtime Metro Trains Trip Updates</h2>
<div class="rpl-card-promotion__trim-wrapper" style="max-height: 84px;">
<p class="rpl-card-promotion__summary">The Department of Transport is launching a
metropolitan trains GTFS-R Service Alerts API, providing real-time information on
Metro Trains disruptions and cancellations.</p>
</div>
<!---->
</div>
<div class="rpl-card-content__link"><span><span>Read</span> <span
class="rpl-text-icon__group"> more<svg viewBox="0 0 13 12" aria-hidden="true"
overflow="visible"
class="rpl-icon rpl-icon--arrow_right_primary rpl-icon--color_primary rpl-text-icon--after"
style="width: 9.1px; height: 8.4px;">
<!---->
<path
d="M11.74 5.326l-4.546-5A1.003 1.003 0 005.781.259a1.001 1.001 0 00-.066 1.413l3.024 3.327H1a1 1 0 100 2h7.739l-3.024 3.327a1.001 1.001 0 00.739 1.673 1 1 0 00.74-.327l4.546-5a1 1 0 000-1.346z">
</path>
</svg></span></span></div>
</a></div>
</div>
<div tabindex="4" role="tabpanel"
class="VueCarousel-slide rpl-card-carousel__slide VueCarousel-slide-active">
<div class="rpl-card-carousel__slide-wrap"><a href="/govhack-2021-transport-winner-agito-app"
class="rpl-link rpl-link--nuxt rpl-card-content rpl-card-promotion rpl-card-content--default rpl-card-content--has-link-text"
data-print-url="http://www.data.vic.gov.au/govhack-2021-transport-winner-agito-app"
data-tid="carousel-card">
<div class="rpl-card-content__image-wrapper"><img alt=""
src="https://content.vic.gov.au/sites/default/files/2022-05/Agito_logo.png"
srcset="https://content.vic.gov.au/sites/default/files/2022-05/Agito_logo.png?strategy=auto&amp;height=534&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2022-05/Agito_logo.png?strategy=auto&amp;height=200&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2022-05/Agito_logo.png?strategy=auto&amp;height=232&amp;width=448 448w, https://content.vic.gov.au/sites/default/files/2022-05/Agito_logo.png?strategy=auto&amp;height=232&amp;width=333 333w"
sizes="(max-width: 576px) 764px, (max-width: 768px) 448px, (max-width: 992px) 333px, 100vw"
class="rpl-responsive-image rpl-card-content__image rpl-responsive-image--fit-cover">
</div>
<div class="rpl-card-content__details">
<div class="rpl-card-promotion__meta">
<div class="rpl-card-promotion__date">14 March</div>
<div class="rpl-card-promotion__tag">Science &amp; technology</div>
</div>
<h2 class="rpl-card-promotion__title">GOVHACK 2021 Transport winner - Agito App</h2>
<div class="rpl-card-promotion__trim-wrapper" style="max-height: 84px;">
<p class="rpl-card-promotion__summary">In the lead up to GovHack 2022 we look back at
the Transport challenge where we asked participants to address the problem of
getting people back to work safely post COVID. </p>
</div>
<!---->
</div>
<div class="rpl-card-content__link"><span><span>Read</span> <span
class="rpl-text-icon__group"> more<svg viewBox="0 0 13 12" aria-hidden="true"
overflow="visible"
class="rpl-icon rpl-icon--arrow_right_primary rpl-icon--color_primary rpl-text-icon--after"
style="width: 9.1px; height: 8.4px;">
<!---->
<path
d="M11.74 5.326l-4.546-5A1.003 1.003 0 005.781.259a1.001 1.001 0 00-.066 1.413l3.024 3.327H1a1 1 0 100 2h7.739l-3.024 3.327a1.001 1.001 0 00.739 1.673 1 1 0 00.74-.327l4.546-5a1 1 0 000-1.346z">
</path>
</svg></span></span></div>
</a></div>
</div>
<div tabindex="5" role="tabpanel"
class="VueCarousel-slide rpl-card-carousel__slide VueCarousel-slide-active">
<div class="rpl-card-carousel__slide-wrap"><a
href="/exciting-data-innovation-challenge-registrations-closing-soon"
class="rpl-link rpl-link--nuxt rpl-card-content rpl-card-promotion rpl-card-content--default rpl-card-content--has-link-text"
data-print-url="http://www.data.vic.gov.au/exciting-data-innovation-challenge-registrations-closing-soon"
data-tid="carousel-card">
<div class="rpl-card-content__image-wrapper"><img alt=""
src="https://content.vic.gov.au/sites/default/files/2022-01/Datameetuser2_1.jpg"
srcset="https://content.vic.gov.au/sites/default/files/2022-01/Datameetuser2_1.jpg?strategy=auto&amp;height=534&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2022-01/Datameetuser2_1.jpg?strategy=auto&amp;height=200&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2022-01/Datameetuser2_1.jpg?strategy=auto&amp;height=232&amp;width=448 448w, https://content.vic.gov.au/sites/default/files/2022-01/Datameetuser2_1.jpg?strategy=auto&amp;height=232&amp;width=333 333w"
sizes="(max-width: 576px) 764px, (max-width: 768px) 448px, (max-width: 992px) 333px, 100vw"
class="rpl-responsive-image rpl-card-content__image rpl-responsive-image--fit-cover">
</div>
<div class="rpl-card-content__details">
<div class="rpl-card-promotion__meta">
<div class="rpl-card-promotion__date">19 January</div>
<div class="rpl-card-promotion__tag">Science &amp; technology</div>
</div>
<h2 class="rpl-card-promotion__title">Exciting data innovation challenge - registrations
closing soon</h2>
<div class="rpl-card-promotion__trim-wrapper" style="max-height: 63px;">
<p class="rpl-card-promotion__summary">Calling all data innovators, inventors,
creators and experience makers. The Victorian Department of Transport (DoT) has
issued an innovation challenge called Data Meet User. </p>
</div>
<!---->
</div>
<div class="rpl-card-content__link"><span><span>Read</span> <span
class="rpl-text-icon__group"> more<svg viewBox="0 0 13 12" aria-hidden="true"
overflow="visible"
class="rpl-icon rpl-icon--arrow_right_primary rpl-icon--color_primary rpl-text-icon--after"
style="width: 9.1px; height: 8.4px;">
<!---->
<path
d="M11.74 5.326l-4.546-5A1.003 1.003 0 005.781.259a1.001 1.001 0 00-.066 1.413l3.024 3.327H1a1 1 0 100 2h7.739l-3.024 3.327a1.001 1.001 0 00.739 1.673 1 1 0 00.74-.327l4.546-5a1 1 0 000-1.346z">
</path>
</svg></span></span></div>
</a></div>
</div>
<div tabindex="6" role="tabpanel"
class="VueCarousel-slide rpl-card-carousel__slide VueCarousel-slide-active">
<div class="rpl-card-carousel__slide-wrap"><a
href="/get-ready-move-gda2020-complete-transition-survey"
class="rpl-link rpl-link--nuxt rpl-card-content rpl-card-promotion rpl-card-content--default rpl-card-content--has-link-text"
data-print-url="http://www.data.vic.gov.au/get-ready-move-gda2020-complete-transition-survey"
data-tid="carousel-card">
<div class="rpl-card-content__image-wrapper"><img alt=""
src="https://content.vic.gov.au/sites/default/files/2021-12/Frame%201%20%281%29.png"
srcset="https://content.vic.gov.au/sites/default/files/2021-12/Frame%201%20%281%29.png?strategy=auto&amp;height=534&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2021-12/Frame%201%20%281%29.png?strategy=auto&amp;height=200&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2021-12/Frame%201%20%281%29.png?strategy=auto&amp;height=232&amp;width=448 448w, https://content.vic.gov.au/sites/default/files/2021-12/Frame%201%20%281%29.png?strategy=auto&amp;height=232&amp;width=333 333w"
sizes="(max-width: 576px) 764px, (max-width: 768px) 448px, (max-width: 992px) 333px, 100vw"
class="rpl-responsive-image rpl-card-content__image rpl-responsive-image--fit-cover">
</div>
<div class="rpl-card-content__details">
<div class="rpl-card-promotion__meta">
<div class="rpl-card-promotion__date">28 November</div>
<div class="rpl-card-promotion__tag">Science &amp; technology</div>
</div>
<h2 class="rpl-card-promotion__title">Get ready to move to GDA2020 – Complete the
transition survey</h2>
<div class="rpl-card-promotion__trim-wrapper" style="max-height: 63px;">
<p class="rpl-card-promotion__summary">The transition to GDA2020 is in full swing
across Australia and the time to move to the new datum is now. If you work with
spatial data, we want to hear from you.</p>
</div>
<!---->
</div>
<div class="rpl-card-content__link"><span><span>Read</span> <span
class="rpl-text-icon__group"> more<svg viewBox="0 0 13 12" aria-hidden="true"
overflow="visible"
class="rpl-icon rpl-icon--arrow_right_primary rpl-icon--color_primary rpl-text-icon--after"
style="width: 9.1px; height: 8.4px;">
<!---->
<path
d="M11.74 5.326l-4.546-5A1.003 1.003 0 005.781.259a1.001 1.001 0 00-.066 1.413l3.024 3.327H1a1 1 0 100 2h7.739l-3.024 3.327a1.001 1.001 0 00.739 1.673 1 1 0 00.74-.327l4.546-5a1 1 0 000-1.346z">
</path>
</svg></span></span></div>
</a></div>
</div>
<div tabindex="7" role="tabpanel"
class="VueCarousel-slide rpl-card-carousel__slide VueCarousel-slide-active">
<div class="rpl-card-carousel__slide-wrap"><a href="/vicmap-service"
class="rpl-link rpl-link--nuxt rpl-card-content rpl-card-promotion rpl-card-content--default rpl-card-content--has-link-text"
data-print-url="http://www.data.vic.gov.au/vicmap-service" data-tid="carousel-card">
<div class="rpl-card-content__image-wrapper"><img alt=""
src="https://content.vic.gov.au/sites/default/files/2021-10/VaaS-Image-gallery-computer.png"
srcset="https://content.vic.gov.au/sites/default/files/2021-10/VaaS-Image-gallery-computer.png?strategy=auto&amp;height=534&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2021-10/VaaS-Image-gallery-computer.png?strategy=auto&amp;height=200&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2021-10/VaaS-Image-gallery-computer.png?strategy=auto&amp;height=232&amp;width=448 448w, https://content.vic.gov.au/sites/default/files/2021-10/VaaS-Image-gallery-computer.png?strategy=auto&amp;height=232&amp;width=333 333w"
sizes="(max-width: 576px) 764px, (max-width: 768px) 448px, (max-width: 992px) 333px, 100vw"
class="rpl-responsive-image rpl-card-content__image rpl-responsive-image--fit-cover">
</div>
<div class="rpl-card-content__details">
<div class="rpl-card-promotion__meta">
<div class="rpl-card-promotion__date">14 October</div>
<div class="rpl-card-promotion__tag">Environment</div>
</div>
<h2 class="rpl-card-promotion__title">Vicmap as a Service</h2>
<div class="rpl-card-promotion__trim-wrapper" style="max-height: none;">
<p class="rpl-card-promotion__summary">The Department of Environment, Land, Water and
Planning is making it easier to access the most-up-to-date Victorian foundational
spatial data with the new Vicmap as a Service (VaaS).</p>
</div>
<!---->
</div>
<div class="rpl-card-content__link"><span><span>Read</span> <span
class="rpl-text-icon__group"> more<svg viewBox="0 0 13 12" aria-hidden="true"
overflow="visible"
class="rpl-icon rpl-icon--arrow_right_primary rpl-icon--color_primary rpl-text-icon--after"
style="width: 9.1px; height: 8.4px;">
<!---->
<path
d="M11.74 5.326l-4.546-5A1.003 1.003 0 005.781.259a1.001 1.001 0 00-.066 1.413l3.024 3.327H1a1 1 0 100 2h7.739l-3.024 3.327a1.001 1.001 0 00.739 1.673 1 1 0 00.74-.327l4.546-5a1 1 0 000-1.346z">
</path>
</svg></span></span></div>
</a></div>
</div>
<div tabindex="8" aria-hidden="false" role="tabpanel"
class="VueCarousel-slide rpl-card-carousel__slide">
<div class="rpl-card-carousel__slide-wrap"><a
href="/govhack-2021-awards-night-victorian-winners-announced"
class="rpl-link rpl-link--nuxt rpl-card-content rpl-card-promotion rpl-card-content--default rpl-card-content--has-link-text"
data-print-url="http://www.data.vic.gov.au/govhack-2021-awards-night-victorian-winners-announced"
data-tid="carousel-card">
<div class="rpl-card-content__image-wrapper"><img alt=""
src="https://content.vic.gov.au/sites/default/files/2021-10/GovHack%202021%20Image%203.png"
srcset="https://content.vic.gov.au/sites/default/files/2021-10/GovHack%202021%20Image%203.png?strategy=auto&amp;height=534&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2021-10/GovHack%202021%20Image%203.png?strategy=auto&amp;height=200&amp;width=764 764w, https://content.vic.gov.au/sites/default/files/2021-10/GovHack%202021%20Image%203.png?strategy=auto&amp;height=232&amp;width=448 448w, https://content.vic.gov.au/sites/default/files/2021-10/GovHack%202021%20Image%203.png?strategy=auto&amp;height=232&amp;width=333 333w"
sizes="(max-width: 576px) 764px, (max-width: 768px) 448px, (max-width: 992px) 333px, 100vw"
class="rpl-responsive-image rpl-card-content__image rpl-responsive-image--fit-cover">
</div>
<div class="rpl-card-content__details">
<div class="rpl-card-promotion__meta">
<div class="rpl-card-promotion__date">07 October</div>
<div class="rpl-card-promotion__tag">Science &amp; technology</div>
</div>
<h2 class="rpl-card-promotion__title">GovHack 2021 Awards Night - Victorian Winners
announced</h2>
<div class="rpl-card-promotion__trim-wrapper" style="max-height: none;">
<p class="rpl-card-promotion__summary">This year's winners of the Victorian GovHack
challenges have been announced</p>
</div>
<!---->
</div>
<div class="rpl-card-content__link"><span><span>Read</span> <span
class="rpl-text-icon__group"> more<svg viewBox="0 0 13 12" aria-hidden="true"
overflow="visible"
class="rpl-icon rpl-icon--arrow_right_primary rpl-icon--color_primary rpl-text-icon--after"
style="width: 9.1px; height: 8.4px;">
<!---->
<path
d="M11.74 5.326l-4.546-5A1.003 1.003 0 005.781.259a1.001 1.001 0 00-.066 1.413l3.024 3.327H1a1 1 0 100 2h7.739l-3.024 3.327a1.001 1.001 0 00.739 1.673 1 1 0 00.74-.327l4.546-5a1 1 0 000-1.346z">
</path>
</svg></span></span></div>
</a></div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment