Feed

A feed displays content drawn from sources outside the page, including news and events or social media. Items are stacked in a list, and link out to where the content is hosted.

Status
Released
Version

2.0.1

Last updated

21 Nov 2019

News

A news feed imports news items hosted on a separate listing page. Faculty pages display three items, while department pages show two.

News

Discover more news

Four things to look forward to in your new Arts Precinct

01 Dec 2019

lunchroom in new arts building

The Arts Precinct redevelopment project has reached a major milestone with the building ‘topping out’, meaning the structure has reached its full height and the glaziers, plasterers, plumb...

Learn more

Gaming your way to better moral choices

21 Nov 2019

Learn more

Celebrate our high achievers

04 Nov 2019

Learn more

Events

An events feed imports event items from an events listing page. As with news, faculty feeds show three items and department feeds show two.

Events

View more events

20 Mar 2020 | Macquarie University

Macquarie Ancient History Teachers’ Conference 2020

Roman fresco

The Macquarie Ancient History Teachers Conference will be back at The Art Gallery of NSW in 2020 with a fabulous line up of national and international speakers. Featuring the latest on Pompeii and Her...

Learn more

15 May 2020 | Macquarie University

HSC Geography Enrichment Day 2020

Learn more

14 Sep 2020 - 15 Sep 2020 | Macquarie University

ACANS-ANSTO Conference 2020

Learn more

Twitter

Posts made by a relevant and active Twitter account can be imported as items in the Twitter feed component.

Twitter

See more tweets

@Macquarie - Jul 29

WATCH: As we enter the second half of 2019, the global #EconomicOutlook has become increasingly uncertain. Macquarie’s Chief Economist Ric …

Learn more

@MQ_Library - Jul 13

The Data Science and eResearch team and University Library invite you to the first eResearch Talk and Coffee session for 2019.Thursday 16th May 2-3

Learn more

@Macquarie - Jan 15

Who will it be? Applications for the 2019 Academic Awards have now closed. Congratulations to all applicants and nominees. Stay tuned …

Learn more

Principles

  1. Minimum of 2
  2. Maximum of 2
  3. Maximum of 1 rows only
  1. Minimum of 1
  2. Maximum of 3
  3. Maximum of 3 rows only

Best practice

Purpose

The news component should not include an interactive elements, except should include a CTA link. It should communicate important and relevant content for our users.

Placement

Only two components should be placed on on the 1 column page and 3 components on 3 column page.

Image

Use relevant images to communicate the content that will be displayed once the user links clicks.

Layout

The news component will have a max height and will only display three individual feed.

Code

Feeds

News

Discover more news

Discover Macquarie - book a campus tour

05 Mar 2019

sample alt text

You can never truly know if a uni is right for you until you visit in person and get a feel for the campus. At Macquarie University, we're ready to help you get to know your future home.

Learn more

Macquarie Business School HDR Expo

05 Mar 2019

Learn more

Macquarie Business School HDR Expo

05 Mar 2019

Learn more

Events

View more events

05 Mar 2019 - 27 Jul 2019 | Macquarie University, all day

Discover Macquarie - book a campus tour

sample alt text

You can never truly know if a uni is right for you until you visit in person and get a feel for the campus. At Macquarie University, we're ready to help you get to know your future home.

Learn more

05 Mar 2019 - 27 Jul 2019 | Macquarie University, Times vary

Macquarie Business School HDR Expo

Learn more

Twitter

See more tweets

@Macquarie - Jul 29

WATCH: As we enter the second half of 2019, the global #EconomicOutlook has become increasingly uncertain. Macquarie’s Chief Economist Ric …

Learn more

@MQ_Library - Jul 13

The Data Science and eResearch team and University Library invite you to the first eResearch Talk and Coffee session for 2019.Thursday 16th May 2-3

Learn more

@Macquarie - Jan 15

Who will it be? Applications for the 2019 Academic Awards have now closed. Congratulations to all applicants and nominees. Stay tuned …

Learn more 
                    <div class="feed margin-top--60">
                        <div class="flex flex--space border--btm--secondary">
                            <h3 class="h3 margin-btm--4"><i class="ico ico--f-news"></i> News</h3>
                            <a href="#LINK" class="link--cta">Discover more news</a>
                        </div>
                        <article class="pad-top--28 pad-btm--12 border--btm--tertiary">
                            <div class="grid grid--c10 home__feed__primary margin-btm--12">
                                <div class="grid__col grid__col--12 grid__col-lg--6 flex flex--column flex--baseline">
                                    <h4 class="h3">Discover Macquarie - book a campus tour</h4>
                                    <p class="date margin-btm--4">05 Mar 2019</p>
                                </div>
                                <div class="grid__col grid__col--12 grid__col-lg--6 text--right">
                                    <img src="https://www.mq.edu.au/__data/assets/image/0009/878112/fourthings.jpg" alt="sample alt text">
                                </div>
                            </div>
                            <p>You can never truly know if a uni is right for you until you visit in person and get a feel for the campus. At Macquarie University, we're ready to help you get to know your future home.</p>
                            <a href="#LINK" class="link--cta">Learn more</a>
                        </article>
                        <article class="pad-top--16">
                            <h4 class="h4 margin-btm--4">Macquarie Business School HDR Expo</h4>
                            <p class="date">05 Mar 2019</p>
                            <a href="#LINK" class="link--cta">Learn more</a>
                        </article>
                    </div>
                    <div class="feed margin-top--24">
                        <div class="flex flex--space border--btm--secondary">
                            <h3 class="h3 margin-btm--4"><i class="ico ico--f-calendar"></i> Events</h3>
                            <a href="#LINK" class="link--cta">View more events</a>
                        </div>
                        <article class="pad-top--28 pad-btm--12 border--btm--tertiary">
                            <div class="grid grid--c10 home__feed__primary margin-btm--12">
                                <div class="grid__col grid__col--12 grid__col-lg--6">
                                    <p class="date margin-btm--4">05 Mar 2019 - 27 Jul 2019  |  Macquarie University,  all day</p>
                                    <h4 class="h3 margin-btm--4">Discover Macquarie - book a campus tour</h4>
                                </div>
                                <div class="grid__col grid__col--12 grid__col-lg--6 text--right">
                                    <img src="https://www.mq.edu.au/__data/assets/image/0011/876818/Events-Roman_fresco_Villa_dei_Misteri_Pompeii_005.jpg" alt="sample alt text">
                                </div>
                            </div>
                            <p>You can never truly know if a uni is right for you until you visit in person and get a feel for the campus. At Macquarie University, we're ready to help you get to know your future home.</p>
                            <a href="#LINK" class="link--cta">Learn more</a>
                        </article>
                        <article class="pad-top--16">
                            <p class="date margin-btm--4">05 Mar 2019 - 27 Jul 2019  |  Macquarie University,  Times vary</p>
                            <h4 class="h4 margin-btm--4">Macquarie Business School HDR Expo</h4>
                            <a href="#LINK" class="link--cta">Learn more</a>
                        </article>
                    </div>
                    <div class="feed margin-top--24">
                        <div class="flex flex--space border--btm--secondary">
                            <h3 class="h3 margin-btm--4"><i class="ico ico--f-twitter"></i> Twitter</h3>
                            <a href="#LINK" class="link--cta">See more tweets</a>
                        </div>
                        <article class="pad--16 border--btm--tertiary">
                            <h4 class="h4 margin-btm--4">@Macquarie - Jul 29</h4>
                            <p class="margin-btm--4">WATCH: As we enter the second half of 2019, the global #EconomicOutlook has become increasingly uncertain. Macquarie’s Chief Economist Ric …</p>
                            <a href="#LINK" class="link--cta">Learn more</a>
                        </article>
                        <article class="pad--16 border--btm--tertiary">
                            <h4 class="h4 margin-btm--4">@MQ_Library - Jul 13</h4>
                            <p class="margin-btm--4">The Data Science and eResearch team and University Library invite you to the first eResearch Talk and Coffee session for 2019.Thursday 16th May 2-3</p>
                            <a href="#LINK" class="link--cta">Learn more</a>
                        </article>
                        <article class="pad-top--16">
                            <h4 class="h4 margin-btm--4">@Macquarie - Jan 15</h4>
                            <p class="margin-btm--4">Who will it be? Applications for the 2019 Academic Awards have now closed. Congratulations to all applicants and nominees.  Stay tuned …</p>
                            <a href="#LINK" class="link--cta">Learn more</a>
                        </article>
                    </div>