Skip to content

Commit

Permalink
add copyright text; update youtube link
Browse files Browse the repository at this point in the history
  • Loading branch information
@huiua
huiua committed Jul 2, 2024
1 parent 0c6abd5 commit 83d9211
Show file tree
Hide file tree
Showing 2 changed files with 38 additions and 19 deletions.
8 changes: 4 additions & 4 deletions src/App.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,8 +45,8 @@
<!-- Inserted video for stolen generations only -->
<div v-for="(year, index) in YEAR_DATA.filter(y => y.eraId === era.id)" class="pb-1">
<div v-if="year.standalone" :id="`year-${era.id}-${index}`" class="w-4/5 mx-auto mb-2 snap-start">
<div class="relative pb-[56.25%] h-0">
<iframe title="YouTube video player" src="https://www.youtube.com/embed/iQMZZ8ng7oI" allowfullscreen allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" class="absolute w-[100%] h-[100%] top-0 left-0"></iframe>
<div v-if="year.media.type === 'youtube'" class="relative pb-[56.25%] h-0">
<iframe title="YouTube video player" :src="`https://www.youtube.com/embed/${year.media.src}`" allowfullscreen allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" class="absolute w-[100%] h-[100%] top-0 left-0"></iframe>
</div>
</div>
<div v-else :id="`year-${era.id}-${index}`" class="relative flex w-1/2 py-1 snap-start" :class="index%2 ? 'flex-row-reverse justify-start ml-[50%] pl-2' : 'text-right justify-end ml-[50%] -translate-x-full pr-2'" :style="{marginTop: year.gap * 10 + 'px'}">
Expand Down Expand Up @@ -127,8 +127,8 @@
<iframe title="YouTube video player" :src="`https://www.youtube.com/embed/${currentMedia.src}`" allowfullscreen allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" class="absolute w-[95%] h-[95%] top-0 left-1/2 -translate-x-1/2" />
</div>
</div>
<div v-if="currentMedia && currentMedia.text" class="text-white text-center text-base leading-5 mt-2 px-2">
<p v-for="(line, index) in currentMedia.text" :class="currentMedia.text.length > 1 && index === currentMedia.text.length - 1 ? 'italic' : ''">{{ line }}</p>
<div v-if="currentMedia && currentMedia.text" class="text-white text-center text-lg mt-2 px-2 w-10/12 mx-auto">
<p v-for="(line, index) in currentMedia.text" :class="index === 0 ? 'font-bold': ( index === 1 ? 'italic' : 'text-sm text-gray-400 leading-5 mt-3') ">{{ line }}</p>
</div>
</div>
</div>
Expand Down
49 changes: 34 additions & 15 deletions src/assets/data.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -110,8 +110,11 @@ export const YEAR_DATA = [
media: {
type: 'image',
src: 'https://mediaproduction.adelaide.edu.au/aboriginal-cultural-timeline/images/bce65000.jpg',
text: ['Piece of ochre used in what is now Kakadu National Park, 53,000–59,000 years ago.',
'Museum and Gallery of the Northern Territory.']
text: [
'Piece of ochre used in what is now Kakadu National Park, 53,000–59,000 years ago.',
'Museum and Gallery of the Northern Territory.',
'This material has been copied and communicated under the Statutory Licence pursuant to s113P of the Copyright Act 1968 for the educational purposes of the University of Adelaide. Any further copying or communication of this material by you may be the subject of copyright protection.'
]
}
},

Expand Down Expand Up @@ -148,8 +151,10 @@ export const YEAR_DATA = [
media: {
type: 'image',
src: 'https://mediaproduction.adelaide.edu.au/aboriginal-cultural-timeline/images/1834.jpg',
text: ['Letters Patent under the Great Seal of the United Kingdom erecting and establishing the Province of South Australia and fixing the boundaries thereof, 19 February 1836',
'State Records of South Australia SRSA: GRG 2/64']
text: [
'Letters Patent under the Great Seal of the United Kingdom erecting and establishing the Province of South Australia and fixing the boundaries thereof, 19 February 1836',
'State Records of South Australia SRSA: GRG 2/64'
]
}
},

Expand All @@ -169,8 +174,10 @@ export const YEAR_DATA = [
media: {
type: 'image',
src: 'https://mediaproduction.adelaide.edu.au/aboriginal-cultural-timeline/images/1881.jpg',
text: ['William Barak and the Aboriginal community of Coranderrk.',
'State Library of Victoria 1903SLV']
text: [
'William Barak and the Aboriginal community of Coranderrk.',
'State Library of Victoria 1903SLV'
]
}
},
{
Expand Down Expand Up @@ -199,8 +206,10 @@ export const YEAR_DATA = [
media: {
type: 'image',
src: 'https://mediaproduction.adelaide.edu.au/aboriginal-cultural-timeline/images/1938.jpg',
text: ['Left to right: William (Bill) Ferguson, Jack Kinchela, Isaac Ingram, Doris Williams, Esther Ingram, Arthur Williams Jr, Phillip Ingram, unknown, Louisa Agnes Ingram holding daughter Olive, Jack Patten.',
'Mitchell Library, State Library of New South Wales Q 059/9']
text: [
'Left to right: William (Bill) Ferguson, Jack Kinchela, Isaac Ingram, Doris Williams, Esther Ingram, Arthur Williams Jr, Phillip Ingram, unknown, Louisa Agnes Ingram holding daughter Olive, Jack Patten.',
'Mitchell Library, State Library of New South Wales Q 059/9'
]
}
},
{
Expand All @@ -215,7 +224,11 @@ export const YEAR_DATA = [
media: {
type: 'image',
src: 'https://mediaproduction.adelaide.edu.au/aboriginal-cultural-timeline/images/1956.jpg',
text: ['\'You can have it all back now ... we\'ve finished with it\', Geoff Pryor, 1984.', 'National Library of Australia nla.obj-156502334']
text: [
'\'You can have it all back now ... we\'ve finished with it\', Geoff Pryor, 1984.',
'National Library of Australia nla.obj-156502334',
'This material has been copied and communicated under the Statutory Licence pursuant to s113P of the Copyright Act 1968 for the educational purposes of the University of Adelaide. Any further copying or communication of this material by you may be the subject of copyright protection.'
]
}
},

Expand All @@ -228,8 +241,8 @@ export const YEAR_DATA = [
details: [],
media: {
type: 'youtube',
src: 'iQMZZ8ng7oI',
thumbnail: 'https://i.ytimg.com/vi/iQMZZ8ng7oI/maxresdefault.jpg',
src: 'vlqx8EYvRbQ',
thumbnail: 'https://i.ytimg.com/vi/vlqx8EYvRbQ/maxresdefault.jpg',
text: []
}
},
Expand Down Expand Up @@ -268,8 +281,11 @@ export const YEAR_DATA = [
media: {
type: 'image',
src: 'https://mediaproduction.adelaide.edu.au/aboriginal-cultural-timeline/images/1985.jpg',
text: ['Left to right: Sir Ninian Stephen, Clyde Holding, traditional owners Peter Bulla, Peter Kanari, Nipper Winmarti and his wife, Barbara Tjirkadu, Barry Cohen, 26 October 1985.',
'National Museum of Australia']
text: [
'Left to right: Sir Ninian Stephen, Clyde Holding, traditional owners Peter Bulla, Peter Kanari, Nipper Winmarti and his wife, Barbara Tjirkadu, Barry Cohen, 26 October 1985.',
'National Museum of Australia',
'This material has been copied and communicated under the Statutory Licence pursuant to s113P of the Copyright Act 1968 for the educational purposes of the University of Adelaide. Any further copying or communication of this material by you may be the subject of copyright protection.'
]
}
},
{
Expand All @@ -289,8 +305,11 @@ export const YEAR_DATA = [
media: {
type: 'image',
src: 'https://mediaproduction.adelaide.edu.au/aboriginal-cultural-timeline/images/1992.jpg',
text: ['Eddie Koiki Mabo at Las, Murray Island, 1989. Photo: John Whitterron. Yarra Bank Films.',
'National Museum of Australia']
text: [
'Eddie Koiki Mabo at Las, Murray Island, 1989. Photo: John Whitterron. Yarra Bank Films.',
'National Museum of Australia',
'This material has been copied and communicated under the Statutory Licence pursuant to s113P of the Copyright Act 1968 for the educational purposes of the University of Adelaide. Any further copying or communication of this material by you may be the subject of copyright protection.'
]
}
},
{
Expand Down

0 comments on commit 83d9211

Please sign in to comment.