Move loggedOut page text to i18n locale file

This commit is contained in:
Robbie Antenesse 2019-09-13 23:25:10 -06:00
parent e991169075
commit 2ea0015e70
2 changed files with 21 additions and 13 deletions

View File

@ -2,9 +2,14 @@
"name": "English",
"locale": "en",
"home": {
"subtitle": "An attempt at a viable alternative to Goodreads",
"temp_left": "Still gotta figure out a design.",
"temp_right": "It's early days, my friends!"
"logged_out_subtitle": "All the Book Buzz in Once Place",
"logged_out_track_books": "Keep track of books you've read, want to read, and are currently reading.",
"logged_out_share_friends": "Share your thoughts about what you're reading and see what your friends think of their books.",
"logged_out_read_rate": "Rate, review, and recommmend books or something. I dunno. It's early days, my friends!",
"logged_out_community_header": "A Look Inside the Hive",
"logged_out_recent_reviews": "Recent Reviews",
"logged_out_recent_updates": "Recent Updates",
"logged_out_join_now": "Join Now!"
},
"login": {
"email": "Email",
@ -22,6 +27,7 @@
"see_details_tooltip": "Opens Inventaire in a new tab/window"
},
"interaction": {
"reload": "Reload",
"heart": "Like",
"add": "Add to Shelf",
"average_rating": "Average Rating",

View File

@ -1,9 +1,11 @@
import html from 'choo/html';
export const loggedOutView = (homeController, emit) => {
const { i18n } = homeController;
return [
html`<section>
<h2>Read Together</h2>
<h2>${i18n.__('home.logged_out_subtitle')}</h2>
<article class="flex one three-500">
<div>
<div class="card">
@ -13,7 +15,7 @@ export const loggedOutView = (homeController, emit) => {
</span>
</header>
<footer>
Keep track of books you've read, want to read, and are currently reading.
${i18n.__('home.logged_out_track_books')}
</footer>
</div>
</div>
@ -25,7 +27,7 @@ export const loggedOutView = (homeController, emit) => {
</span>
</header>
<footer>
Share your thoughts about what you're reading and see what your friends think of their books.
${i18n.__('home.logged_out_share_friends')}
</footer>
</div>
</div>
@ -37,20 +39,20 @@ export const loggedOutView = (homeController, emit) => {
</span>
</header>
<footer>
Read, rate, and recommmend books or something. It'll be cool.
${i18n.__('home.logged_out_read_rate')}
</footer>
</div>
</div>
</article>
</section>`,
html`<section>
<h2>Join the Community</h2>
<h2>${i18n.__('home.logged_out_community_header')}</h2>
<div class="flex one two-700">
<div>
<div class="card">
<header>
<h3>Recent Reviews</h3>
<button class="small pseudo pull-right tooltip-left" data-tooltip="Reload">
<h3>${i18n.__('home.logged_out_recent_reviews')}</h3>
<button class="small pseudo pull-right tooltip-left" data-tooltip=${i18n.__('interaction.reload')}>
<i class="icon-loading"></i><!--/* This needs to get updated to a reload icon */-->
</button>
</header>
@ -62,8 +64,8 @@ export const loggedOutView = (homeController, emit) => {
<div>
<div class="card">
<header>
<h3>Recent Updates</h3>
<button class="small pseudo pull-right tooltip-left" data-tooltip="Reload">
<h3>${i18n.__('home.logged_out_recent_updates')}</h3>
<button class="small pseudo pull-right tooltip-left" data-tooltip=${i18n.__('interaction.reload')}>
<i class="icon-loading"></i><!--/* This needs to get updated to a reload icon */-->
</button>
</header>
@ -75,7 +77,7 @@ export const loggedOutView = (homeController, emit) => {
</div>
</section>`,
html`<section class="center-align">
<a href="/login" class="large success button">Join Now!</a>
<a href="/login" class="large success button">${i18n.__('home.logged_out_join_now')}</a>
</section>`,
];
}