Commit a8fdd639 authored by Axel Dürkop's avatar Axel Dürkop
Browse files

Updates

parent 09fb7352
......@@ -110,7 +110,6 @@ svg.motivation-logo {
font-weight: normal;
}
/* Group */
.group-description {
......@@ -188,10 +187,8 @@ svg.motivation-logo {
}
.card-body .vue-simple-markdown.more {
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
white-space: nowrap;
height: 30px;
}
.card-footer:last-child {
......@@ -264,7 +261,12 @@ svg.motivation-logo {
/* Markdown Override */
.vue-simple-markdown .markdown-body b {
.vue-simple-markdown .markdown-body > *:last-child {
margin-bottom: 10px !important;
}
.markdown-body > h4 {
margin-bottom: 14px !important;
}
/* Responsiveness */
......
<template>
<div class="abstractNote" v-show="abstractNote != ''">
<vue-simple-markdown :class="{ more: moreToggle }" :source="abstractNote"></vue-simple-markdown>
<vue-simple-markdown
:postrender="prerender"
:class="{ more: moreToggle }"
:source="abstractNote"
></vue-simple-markdown>
<Curator :extra="extra" />
<a class="more-link" href="#" @click.prevent="moreToggle = !moreToggle">
<span v-if="moreToggle">{{ $t('abstract.show_more') }}</span>
<span v-else>{{ $t('abstract.show_less') }}</span>
</a>
<a class="more-link" href="#" @click.prevent="moreToggle = !moreToggle">
<span v-if="moreToggle">{{ $t('abstract.show_more') }}</span>
<span v-else>{{ $t('abstract.show_less') }}</span>
</a>
</div>
</template>
<script>
import Curator from "@/components/Curator"
import Curator from "@/components/Curator";
export default {
name: 'AbstractNote',
name: "AbstractNote",
components: {
Curator
},
props: [ 'abstractNote', 'extra' ],
props: ["abstractNote", "extra"],
data() {
return {
moreToggle: true
}
moreToggle: true,
prerender: function(pr) {
return pr.replace(/(\r\n\t|\n|\r\t)/gm,"");
}
};
}
}
};
</script>
\ No newline at end of file
......@@ -28,7 +28,7 @@
<div class="container">
<div class="row pt-5">
<div class="col-lg-6 col-md-12 text-center text-md-left">
<h1>Motivation and Idea</h1>
<h1>{{ $t('home.motivation-idea.headline') }}</h1>
</div>
</div>
<div class="row">
......@@ -39,8 +39,7 @@
src="@/assets/img/zotero.png"
alt
/>
<b>Zotero</b> is great for collecting and distributing Open Access literature and Open Educational Resources in a reading community. But as
<b>Zotero</b> reading lists and collections do not provide a back channel, you usually need additional tools to track and share comments, annotations and discussions.
<span v-html="$t('home.motivation-idea.zotero')"></span>
</p>
</div>
<div class="col-lg-6 col-md-12">
......@@ -59,18 +58,14 @@
fill-rule="evenodd"
/>
</svg>
Here,
<b>Hypothesis</b> comes in handy. All online media in your reading list can be annotated and discussed among community members with this smart browser tool.
<span v-html="$t('home.motivation-idea.hypothesis')"></span>
</p>
</div>
</div>
<div class="row justify-content-center text-center">
<div class="col-6 pt-4">
<p class="lead">
<b>
But how do you and your community track this activity on your reading list? Enter
<em>Zocurelia</em>!
</b>
<span v-html="$t('home.motivation-idea.zocurelia')"></span>
</p>
</div>
</div>
......@@ -78,16 +73,9 @@
<div class="container">
<div class="row pt-5">
<div class="col-md-12 text-center text-md-left">
<h1>Zocurelia Features</h1>
<h1>{{ $t('home.features.headline') }}</h1>
<p class="lead">
<em>Zocurelia</em> is short for
<b>Zo</b>tero
<b>cu</b>rated
<b>re</b>ading
<b>li</b>sts
<b>a</b>nnotated.
It integrates the features of Zotero and Hypothesis seamlessly. With a
<em>Zocurelia</em> list you can show the Hypothesis activity for each text on a Zotero reading list.
<span v-html="$t('home.features.subline')"></span>
</p>
</div>
</div>
......@@ -103,9 +91,9 @@
width="1500"
/>
<h4 class="my-3">
<b>Collect</b>
<b>{{ $t('home.features.collect.headline') }}</b>
</h4>
<p>Choose texts for your curriculum and structure them in Zotero collections. Invite others to add to the list.</p>
<p>{{ $t('home.features.collect.description') }}</p>
</div>
<div class="col-md-4 col-lg-3 p-4">
<img
......@@ -114,9 +102,9 @@
width="1500"
/>
<h4 class="my-3">
<b>Curate</b>
<b>{{ $t('home.features.curate.headline') }}</b>
</h4>
<p>Add a curation note with Markdown in Zotero. Tell your community the reasons why a text was chosen.</p>
<p>{{ $t('home.features.curate.description') }}</p>
</div>
<div class="col-md-4 col-lg-3 p-4">
<img
......@@ -125,9 +113,9 @@
width="1500"
/>
<h4 class="my-3">
<b>Tag</b>
<b>{{ $t('home.features.tag.headline') }}</b>
</h4>
<p>Allow your community to classify texts in Zotero with tags and thus help each other to adjust their learning curve.</p>
<p>{{ $t('home.features.tag.description') }}</p>
</div>
</div>
<!-- Second row -->
......@@ -139,9 +127,9 @@
width="1500"
/>
<h4 class="my-3">
<b>Annotate</b>
<b>{{ $t('home.features.annotate.headline') }}</b>
</h4>
<p>Link from Zotero to Open Access versions of articles and books. Use Hypothesis to annotate and discuss while reading.</p>
<p>{{ $t('home.features.annotate.description') }}</p>
</div>
<div class="col-md-4 col-lg-3 p-4">
<img
......@@ -150,9 +138,9 @@
width="1500"
/>
<h4 class="my-3">
<b>Share</b>
<b>{{ $t('home.features.share.headline') }}</b>
</h4>
<p>Invite other to participate in your reading community and share a link to the Zocurelia list within your class or in social media.</p>
<p>{{ $t('home.features.share.description') }}</p>
</div>
<div class="col-md-4 col-lg-3 p-4">
<img
......@@ -161,9 +149,9 @@
width="1500"
/>
<h4 class="my-3">
<b>Follow and React</b>
<b>{{ $t('home.features.track.headline') }}</b>
</h4>
<p>Curious what others think about the texts you are reading? Track what's going on in your reading community and react.</p>
<p>{{ $t('home.features.track.description') }}</p>
</div>
</div>
</div>
......
......@@ -8,7 +8,41 @@
"home": {
"mainclaim": "Spaß am Lesen in verteilten Communitys",
"subclaim": "Zocurelia unterstützt das Lesen in Gruppen, besonders wenn deine Community über die ganze Welt, deine Schule, deine Hochschule oder deine Stadt verteilt ist.",
"action-button": "Schau dir ein Beispiel an"
"action-button": "Schau dir ein Beispiel an",
"motivation-idea": {
"headline": "Motivation und Idee",
"zotero": "<b>Zotero</b> eignet sich hervorragend zum Sammeln und Verteilen von Open-Access-Literatur und Open Educational Resources in einer Lesegruppe. Aber da <b>Zotero</b>-Leselisten und -Sammlungen keinen Rückkanal bieten, benötigst du in der Regel zusätzliche Werkzeuge, um Kommentare, Anmerkungen und Diskussionen zu verfolgen und zu teilen.",
"hypothesis": "Hier ist <b>Hypothesis</b> hilfreich. Alle Online-Medien in deiner Leseliste können mit diesem praktischen Browser-Tool kommentiert und unter den Community-Mitgliedern diskutiert werden.",
"zocurelia": "<b>Aber wie verfolgst du und deine Community diese Aktivität auf deiner Leseliste? Auftritt <em>Zocurelia</em>!</b>"
},
"features": {
"headline": "Zocurelia Features",
"subline": "<em>Zocurelia</em> steht für <b>Zo</b>tero <b>cu</b>cu</b>rated <b>re</b>ading <b>li</b>sts <b>a</b>nnotated. Es integriert nahtlos die Funktionen von Zotero und Hypothesis. Mit einer <em>Zocurelia</em>-Liste kannst du die Hypothesis-Aktivität für jeden Text auf einer Zotero-Leseliste anzeigen.",
"collect": {
"headline": "Sammeln",
"description": "Wähle Texte für deine Gruppe aus und strukturiere sie in Zotero-Sammlungen. Lade andere ein, sich an der Liste zu beteiligen."
},
"curate": {
"headline": "Kuratieren",
"description": "Füge eine Notiz mit Markdown in Zotero hinzu. Erläutere deiner Community die Gründe, warum ein Text ausgewählt wurde."
},
"tag": {
"headline": "Verschlagworten",
"description": "Lass deine Leserinnen und Leser Texte in Zotero mit Tags klassifizieren. Auf diese Weise helfen sie sich gegenseitig, ihre Lernkurve anzupassen."
},
"annotate": {
"headline": "Annotatieren",
"description": "Verlinke von Zotero zu Open-Access-Versionen von Artikeln und Büchern. Verwende Hypothesis, um beim Lesen Anmerkungen zu machen und zu diskutieren."
},
"share": {
"headline": "Teilen",
"description": "Lade andere ein, an deiner Lese-Community teilzunehmen und teile einen Link zur Zocurelia-Liste in deiner Klasse oder über Social Media."
},
"track": {
"headline": "Dranbleiben und reagieren",
"description": "Bist du neugierig, was andere über die Texte denken, die du gerade liest? Verfolge, was in deiner Gruppe vor sich geht und reagieren drauf."
}
}
},
"group": {
"headline": "Zotero-Gruppe"
......@@ -48,5 +82,4 @@
"item": {
"nofulltext": "Text online nicht verfügbar"
}
}
......@@ -8,7 +8,41 @@
"home": {
"mainclaim": "Enjoy Reading in Distributed Communities",
"subclaim": "Zocurelia supports reading together, especially when your community is spread all over the world, your school, your university or your city.",
"action-button": "Check out an example"
"action-button": "Check out an example",
"motivation-idea": {
"headline": "Motivation and Idea",
"zotero": "<b>Zotero</b> is great for collecting and distributing Open Access literature and Open Educational Resources in a reading community. But as <b>Zotero</b> reading lists and collections do not provide a back channel, you usually need additional tools to track and share comments, annotations and discussions.",
"hypothesis": "Here, <b>Hypothesis</b> comes in handy. All online media in your reading list can be annotated and discussed among community members with this smart browser tool.",
"zocurelia": "<b>But how do you and your community track this activity on your reading list? Enter <em>Zocurelia</em>!</b>"
},
"features": {
"headline": "Zocurelia Features",
"subline": "<em>Zocurelia</em> is short for <b>Zo</b>tero <b>cu</b>rated <b>re</b>ading <b>li</b>sts <b>a</b>nnotated. It integrates the features of Zotero and Hypothesis seamlessly. With a <em>Zocurelia</em> list you can show the Hypothesis activity for each text on a Zotero reading list.",
"collect": {
"headline": "Collect",
"description": "Choose texts for your community and structure them in Zotero collections. Invite others to add to the list."
},
"curate": {
"headline": "Curate",
"description": "Add a curation note with Markdown in Zotero. Tell your community the reasons why a text was chosen."
},
"tag": {
"headline": "Tag",
"description": "Allow your community to classify texts in Zotero with tags and thus help each other to adjust their learning curve."
},
"annotate": {
"headline": "Annotate",
"description": "Link from Zotero to Open Access versions of articles and books. Use Hypothesis to annotate and discuss while reading."
},
"share": {
"headline": "Share",
"description": "Invite other to participate in your reading community and share a link to the Zocurelia list within your class or in social media."
},
"track": {
"headline": "Track and React",
"description": "Curious what others think about the texts you are reading? Track what's going on in your reading community and react."
}
}
},
"group": {
"headline": "Zotero Group"
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment