Plone Mosaic Demo - Building a Department Home Page e2fad8a695ba4b58a53ea846c7a04e96

This is how we can create a departmental frontpage using Plone Mosaic (and some customized theme).

Plone Mosaic Demo - Building a Department Home Page

Downloads

You may save the media on your computer in following formats:

Embed

You can use this code to embed this media to other pages. This embed has fixed size and should work well on most use cases.

<iframe style="border: 0px" frameborder="0" type="text/html" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true" src="https://m3.jyu.fi/jyumv/embed?uid=e2fad8a695ba4b58a53ea846c7a04e96" height="307" width="560">
  <p>
    Cannot display this embedded content because your browser does not
    support iframes.
  </p>
</iframe>

This page also supports oEmbed.

Responsive embed

You can use this code to embed this media to other pages. This embed has responsive size and is intended to be used on responsive web sites.

<div style="height: 0;overflow: hidden;padding-top: min(676px, calc(((676.0 - 20.0) / 1280.0 * 100%) + 20px));max-width: 1280px;position: relative; margin-left: auto; margin-right: auto;">
<iframe style="border: 0px; position: absolute;top: 0;left: 0;width: 100%;height: 100%;" frameborder="0" type="text/html" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true" width="100%" src="https://m3.jyu.fi/jyumv/embed?uid=e2fad8a695ba4b58a53ea846c7a04e96" height="676">
  <p>
    Cannot display this embedded content because your browser does not
    support iframes.
  </p>
</iframe>
</div>

This page also supports oEmbed.

Time link

You can use this URL to link to the current position of the video.

You may also bookmark this URL and resume playback afterwards from where you left.

Mobile streaming

If you're having difficulty playing this video on your mobile device, try the following links.

Android

iPhone/iPad

Plone Mosaic has many features:

Drag'n drop layout change
Easy to add and edit content in a browser
Responsive layout built in
Different templates available
Possibility to append features on the theme

Some additional features at JYU theme

Image/News carosel
Different color hues for images, easily selectable
RSS lists
TINT-integration (social media)
Social media integrations (Facebook, Twitter, Instagram)
Image hot spot feature
Etc.