openlp/website
1
0
Fork 0
mirror of https://gitlab.com/openlp/website.git synced 2024-12-22 04:52:49 +00:00
Code Issues Projects Releases Wiki Activity

Website trans

Browse Source 
bzr-revno: 79
This commit is contained in:
raoul@snyman.info 2017-11-18 20:08:33 +00:00 committed by Tim Bentley
commit 424b5da8ae
11 changed files with 178 additions and 125 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
blog/making-the-web-site-translation-friendly.rst Normal file
View File

@ -0,0 +1,44 @@
.. title: Making the Web Site Translation Friendly
.. slug: 2017/11/19/making-the-web-site-translation-friendly
.. date: 2017-11-19 12:00:00 UTC
.. type: text
.. previewimage: https://openlp.org/cover-images/making-the-web-site-translation-friendly.jpg
Over the years, we have tried to have a multi-lingual website. Unfortunately each time has ended up with the same
scenario:
1. User gets excited
2. User joins the translation team
3. User translates 50% to 80% of the website
4. User forgets about translation
5. Translation is no longer maintained, and we get requests to fix a language we don't speak
If you've ever wondered why our manual is only in English, this is why.
Earlier this year, however, after some more requests by users to be able to translate the website, we looked at a new
feature from online translation site `Transifex.com`_ called *Live Translation*. Essentially this allows you to
translate your website without the need for much maintenance. So we decided to silently roll out a beta phase of a
translatable website.
We're quite pleased with the result so far. We've had a number of people translate the website, and most of those
translations have stuck to 100% completion. We also don't publish a translation until it is 100% complete. This helps
us to keep a website that looks great no matter which language it is being displayed in.
Along the way, however, there have been a couple of hitches. One of them is that there was a lot of HTML in the strings
that needed to be translated. We have gone through the website and tried to address this as much as possible. There
are still some HTML tags here and there, but more complicated stuff like links and icons have been removed, which
should make translating the site much easier.
Unfortunately this does have the side effect that a lot of the strings that were already translated will now have to be
translated again, but we trust you will bear with us while those folks who have volunteered to translate the site bring
it back up to 100% translated.
Would you like to be involved in this project? Just sign up on `Transifex.com`_, and join the `website project`_.
*As a side note, the blog has been puposefully kept untranslated.*
[ Image Credit: `Whisky Zulu by Dennis van Zuijlekom`_ ]
.. _Transifex.com: https://www.transifex.com/
.. _website project: https://www.transifex.com/openlp/openlp-website/
.. _Whisky Zulu by Dennis van Zuijlekom: https://www.flickr.com/photos/dvanzuijlekom/11438391234/

6
conf.py
View File

@ -430,7 +430,7 @@ INDEX_TEASERS = True
# 'Read more...' for the index page, if INDEX_TEASERS is True (translatable) # 'Read more...' for the index page, if INDEX_TEASERS is True (translatable)
INDEX_READ_MORE_LINK = '<p class="more"><a href="{link}">{read_more}...</a></p>' INDEX_READ_MORE_LINK = '<p class="more"><a href="{link}">{read_more}...</a></p>'
# 'Read more...' for the RSS_FEED, if RSS_TEASERS is True (translatable) # 'Read more...' for the RSS_FEED, if RSS_TEASERS is True (translatable)
RSS_READ_MORE_LINK = '<p><a href="{link}">{read_more}...</a> ({min_remaining_read})</p>' FEED_READ_MORE_LINK = '<p><a href="{link}">{read_more}...</a> ({min_remaining_read})</p>'
# A HTML fragment describing the license, for the sidebar. # A HTML fragment describing the license, for the sidebar.
# (translatable) # (translatable)
@ -620,7 +620,7 @@ COPY_SOURCES = False
# RSS_LINK = None # RSS_LINK = None
# Show only teasers in the RSS feed? Default to True # Show only teasers in the RSS feed? Default to True
RSS_TEASERS = False FEED_TEASERS = False
# Strip HTML in the RSS feed? Default to False # Strip HTML in the RSS feed? Default to False
# RSS_PLAIN = False # RSS_PLAIN = False
@ -681,6 +681,7 @@ RSS_TEASERS = False
#""" #"""
EXTRA_HEAD_DATA = """ EXTRA_HEAD_DATA = """
<link href="/assets/css/ekko-lightbox.css" rel="stylesheet"> <link href="/assets/css/ekko-lightbox.css" rel="stylesheet">
<link href="/assets/css/toastr.min.css" rel="stylesheet">
""" """
# Google Analytics or whatever else you use. Added to the bottom of <body> # Google Analytics or whatever else you use. Added to the bottom of <body>
@ -701,6 +702,7 @@ BODY_END = """
<script type="text/javascript" src="//cdn.transifex.com/live.js"></script> <script type="text/javascript" src="//cdn.transifex.com/live.js"></script>
<script tyle="text/javascript" src="//cdn.jsdelivr.net/countly-sdk-web/latest/countly.min.js"></script> <script tyle="text/javascript" src="//cdn.jsdelivr.net/countly-sdk-web/latest/countly.min.js"></script>
<script type="text/javascript" src="/assets/js/ekko-lightbox.js"></script> <script type="text/javascript" src="/assets/js/ekko-lightbox.js"></script>
<script type="text/javascript" src="/assets/js/toastr.min.js"></script>
<script type="text/javascript" src="/scripts/openlp.js"></script> <script type="text/javascript" src="/scripts/openlp.js"></script>
""" """

BIN
files/cover-images/making-the-web-site-translation-friendly.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 655 KiB

29
files/scripts/openlp.js
View File

@ -57,8 +57,37 @@ function setUpStripe() {
$("#return-url").val(location.protocol + "//" + location.host + location.pathname); $("#return-url").val(location.protocol + "//" + location.host + location.pathname);
} }
function showToastr() {
var cookies = document.cookie;
if (cookies.search("hasVisitedOpenLPBefore=true") != -1) {
return;
}
else if (location.hostname != "localhost") {
document.cookie = "hasVisitedOpenLPBefore=true; expires=Fri, 31 Dec 9999 23:59:59 GMT";
}
toastr.options = {
closeButton: false,
debug: false,
newestOnTop: false,
progressBar: false,
positionClass: "toast-bottom-right",
preventDuplicates: false,
onclick: null,
showDuration: "300",
hideDuration: "300",
timeOut: "2000",
extendedTimeOut: "1000",
showEasing: "swing",
hideEasing: "linear",
showMethod: "fadeIn",
hideMethod: "fadeOut"
};
toastr.info(Transifex.live.translateText("This site may use cookies for anonymous traffic analysis."));
}
$(document).ready(function () { $(document).ready(function () {
setUpCountly(); setUpCountly();
showToastr();
if (location.pathname.substr(0, 7) == "/donate") { if (location.pathname.substr(0, 7) == "/donate") {
// Online set these up on the donate page // Online set these up on the donate page
displayErrors(); displayErrors();

6
themes/openlp2v2/assets/css/custom.css
View File

@ -29,6 +29,12 @@ iframe {
border: 0; border: 0;
} }
@media (max-width: 767px) {
.navbar-collapse {
background-color: rgba(0, 0, 0, 0.90);
}
}
div.blog-heading { div.blog-heading {
background: transparent url(/assets/images/blog-heading-2.jpg) no-repeat center center scroll; background: transparent url(/assets/images/blog-heading-2.jpg) no-repeat center center scroll;
-webkit-background-size:cover; -webkit-background-size:cover;

2
themes/openlp2v2/assets/css/style.css
View File

@ -716,10 +716,12 @@ textarea {
-webkit-transform: scale(1); -webkit-transform: scale(1);
transform: scale(1); transform: scale(1);
} }
.btn { .btn {
border-radius: 4px; border-radius: 4px;
text-transform: none; text-transform: none;
} }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { .dropdown-menu > li > a:focus {
color: #fff; color: #fff;

1
themes/openlp2v2/assets/css/toastr.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
themes/openlp2v2/assets/js/toastr.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

8
themes/openlp2v2/bundles
View File

@ -1,4 +1,4 @@
assets/css/all-nocdn.css=bootstrap.css,font-awesome.css,rst.css,code.css,colorbox.css,theme.css,animate.css,animations.css,ekko-lightbox.css,style.css,custom.css assets/css/all-nocdn.css=bootstrap.css,font-awesome.css,rst.css,code.css,colorbox.css,theme.css,animate.css,animations.css,ekko-lightbox.css,toastr.min.css,style.css,custom.css
assets/css/all.css=font-awesome.css,rst.css,code.css,colorbox.css,theme.css,animate.css,animations.css,ekko-lightbox.css,style.css,custom.css assets/css/all.css=font-awesome.css,rst.css,code.css,colorbox.css,theme.css,animate.css,animations.css,ekko-lightbox.css,toastr.min.css,style.css,custom.css
assets/js/all-nocdn.js=jquery.min.js,bootstrap.min.js,jquery.colorbox-min.js,jquery.appear.js,jquery.backstretch.js,modernizr.js,isotope.js,ekko-lightbox.js,template.js,custom.js assets/js/all-nocdn.js=jquery.min.js,bootstrap.min.js,jquery.colorbox-min.js,jquery.appear.js,jquery.backstretch.js,modernizr.js,isotope.js,ekko-lightbox.js,toastr.min.js,template.js,custom.js
assets/js/all.js=jquery.colorbox-min.js,jquery.appear.js,jquery.backstretch.js,modernizr.js,isotope.js,ekko-lightbox.js,template.js,custom.js assets/js/all.js=jquery.colorbox-min.js,jquery.appear.js,jquery.backstretch.js,modernizr.js,isotope.js,ekko-lightbox.js,toastr.min.js,template.js,custom.js

19
themes/openlp2v2/templates/base.tmpl
View File

@ -8,7 +8,7 @@ ${base.html_headstart()}
</%block> </%block>
${template_hooks['extra_head']()} ${template_hooks['extra_head']()}
</head> </head>
<body class="no-trans"> <body class="no-trans txlive">
% if permalink is not UNDEFINED and permalink == u'/index.html': % if permalink is not UNDEFINED and permalink == u'/index.html':
<%include file="front_page.html"/> <%include file="front_page.html"/>
% else: % else:
@ -42,17 +42,18 @@ ${template_hooks['extra_head']()}
</div> </div>
<div class="collapse navbar-collapse scrollspy smooth-scroll" id="navbar-collapse-1"> <div class="collapse navbar-collapse scrollspy smooth-scroll" id="navbar-collapse-1">
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a href="/#about">About</a></li>
<li><a href="/#features">Features</a></li>
<li><a href="/#downloads">Downloads</a></li>
<li><a href="/#testimonials">Testimonials</a></li>
<li><a href="/#support">Support</a></li>
<li><a href="https://forums.openlp.org/">Forums</a></li>
% if permalink.startswith(u'/blog'): % if permalink.startswith(u'/blog'):
<li class="active"><a href="/blog/">Blog</a></li> <li class="active"><a href="/blog/">Blog</a></li>
% else: % else:
<li><a href="/blog/">Blog</a></li> <li><a href="/blog/">Blog</a></li>
% endif % endif
<li><a href="/#about">About</a></li>
<li><a href="/#features">Features</a></li>
<li><a href="/#downloads">Downloads</a></li>
<li><a href="/#testimonials">Testimonials</a></li>
<li><a href="/#help">Help</a></li>
<li><a href="https://manual.openlp.org/">Manual</a></li>
<li><a href="https://forums.openlp.org/">Forums</a></li>
</ul> </ul>
</div> </div>
</div> </div>
@ -99,9 +100,9 @@ ${template_hooks['extra_head']()}
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<p class="text-center"> <p class="text-center">
Copyright &copy; 2004-2016 OpenLP Developers | Copyright &copy; 2004-<span class="notranslate">2017</span> OpenLP Developers |
Theme based on <a href="http://htmlcoder.me/worthy-free-bootstrap-template">Worthy</a> by HTML Coder | Theme based on <a href="http://htmlcoder.me/worthy-free-bootstrap-template">Worthy</a> by HTML Coder |
<i class="fa fa-fw fa-money"></i> <a href="/donate">Donate to OpenLP</a> <i class="fa fa-fw fa-money notranslate"></i> <a href="/donate">Donate to OpenLP</a>
</p> </p>
</div> </div>
</div> </div>

186
themes/openlp2v2/templates/front_page.html
View File

@ -28,13 +28,14 @@
</div> </div>
<div class="collapse navbar-collapse scrollspy smooth-scroll" id="navbar-collapse-1"> <div class="collapse navbar-collapse scrollspy smooth-scroll" id="navbar-collapse-1">
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a href="/blog/">Blog</a></li>
<li><a href="#about">About</a></li> <li><a href="#about">About</a></li>
<li><a href="#features">Features</a></li> <li><a href="#features">Features</a></li>
<li><a href="#downloads">Downloads</a></li> <li><a href="#downloads">Downloads</a></li>
<li><a href="#testimonials">Testimonials</a></li> <li><a href="#testimonials">Testimonials</a></li>
<li><a href="#support">Support</a></li> <li><a href="#help">Help</a></li>
<li><a href="https://manual.openlp.org/">Manual</a></li>
<li><a href="https://forums.openlp.org/">Forums</a></li> <li><a href="https://forums.openlp.org/">Forums</a></li>
<li><a href="/blog/">Blog</a></li>
</ul> </ul>
</div> </div>
</div> </div>
@ -67,31 +68,31 @@
<div class="space"></div> <div class="space"></div>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<img src="/assets/images/section-image-1.png" alt="OpenLP on a laptop" style="margin-top: 3em;"> <img src="/assets/images/section-image-1.png" alt="OpenLP on a Laptop" style="margin-top: 3em;">
<div class="space"></div> <div class="space"></div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<p>OpenLP is a feature rich open-source church presentation platform that doesn't tie <p>OpenLP is a feature rich open-source church presentation platform that doesn't tie
you down to subscription renewals, device platforms, or even the presentation you down to subscription renewals, device platforms, or even the presentation
computer! With OpenLP, you're free to upgrade as soon as the next release comes out; computer! With OpenLP, you're free to upgrade as soon as the next release comes out;
you're free to roam the sanctuary with our Android remote app, and you're free to you're free to roam the sanctuary with one of our remote apps, and you're free to
install as many copies of the application as you want on Windows, Linux, Mac or install as many copies of the application as you want on Windows, Linux, Mac or
FreeBSD. OpenLP continuously strives to deliver with excellence the technical FreeBSD. OpenLP continuously strives to deliver with excellence the technical
elements of your church's worship service. elements of your church's worship service.
</p> </p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><i class="fa fa-caret-right pr-10 text-colored"></i> Cross platform between Linux, Windows, OS X and FreeBSD</li> <li><i class="fa fa-caret-right pr-10 text-colored notranslate"></i> Cross platform between Linux, Windows, OS X and FreeBSD</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> Display songs, Bible verses, presentations, images and more</li> <li><i class="fa fa-caret-right pr-10 text-colored notranslate"></i> Display songs, Bible verses, presentations, images and more</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> Control OpenLP remotely via the Android remote, iOS remote or mobile web browser</li> <li><i class="fa fa-caret-right pr-10 text-colored notranslate"></i> Control OpenLP remotely via the Android remote, iOS remote or mobile web browser</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> Quickly and easily import songs from other popular presentation packages</li> <li><i class="fa fa-caret-right pr-10 text-colored notranslate"></i> Quickly and easily import songs from other popular presentation packages</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> Easy enough to use to get up and running in less than 10 minutes</li> <li><i class="fa fa-caret-right pr-10 text-colored notranslate"></i> Easy enough to use to get up and running in less than 10 minutes</li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="space"></div> <div class="space"></div>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<h2><i class="fa fa-fw fa-code-fork"></i> Open Source</h2> <h2><i class="fa fa-fw fa-code-fork notranslate"></i> Open Source</h2>
<p class="indent"> <p class="indent">
OpenLP is an open-source presentation platform created for use in churches large and OpenLP is an open-source presentation platform created for use in churches large and
small. Say good-bye to the hassle of subscription costs and device platforms; this small. Say good-bye to the hassle of subscription costs and device platforms; this
@ -107,7 +108,7 @@
</p> </p>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<h2><i class="fa fa-fw fa-wifi"></i> Remote Control</h2> <h2><i class="fa fa-fw fa-wifi notranslate"></i> Remote Control</h2>
<p class="indent"> <p class="indent">
Control your presentations from anywhere using OpenLP's first-of-its-kind remote Control your presentations from anywhere using OpenLP's first-of-its-kind remote
system. With a built-in web app, you can access your service from any network-enabled system. With a built-in web app, you can access your service from any network-enabled
@ -126,27 +127,27 @@
</div> </div>
<div class="space"></div> <div class="space"></div>
<div class="row"> <div class="row">
<h2 class="text-center"><i class="fa fw fa-desktop"></i> Screenshots</h2> <h2 class="text-center"><i class="fa fw fa-desktop notranslate"></i> Screenshots</h2>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 col-md-offset-2 col-lg-offset-2"> <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 col-md-offset-2 col-lg-offset-2">
<div class="space"></div> <div class="space"></div>
<div class="row"> <div class="row">
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3"> <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<a href="/screenshots/mainwindow.png" data-toggle="lightbox" data-gallery="screenshots" data-title="Control OpenLP from the Main Window"> <a href="/screenshots/mainwindow.png" data-toggle="lightbox" data-gallery="screenshots" data-title="Control OpenLP from the Main Window" tx-attrs="data-title">
<img src="/screenshots/mainwindow.png" class="img-responsive img-thumbnail"> <img src="/screenshots/mainwindow.png" class="img-responsive img-thumbnail">
</a> </a>
</div> </div>
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3"> <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<a href="/screenshots/songimporterchoices.png" data-toggle="lightbox" data-gallery="screenshots" data-title="Import Songs from Many Formats"> <a href="/screenshots/songimporterchoices.png" data-toggle="lightbox" data-gallery="screenshots" data-title="Import Songs from Many Formats" tx-attrs="data-title">
<img src="/screenshots/songimporterchoices.png" class="img-responsive img-thumbnail"> <img src="/screenshots/songimporterchoices.png" class="img-responsive img-thumbnail">
</a> </a>
</div> </div>
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3"> <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<a href="/screenshots/song_edit_verse_in_use.png" data-toggle="lightbox" data-gallery="screenshots" data-title="Editing a Song"> <a href="/screenshots/song_edit_verse_in_use.png" data-toggle="lightbox" data-gallery="screenshots" data-title="Editing a Song" tx-attrs="data-title">
<img src="/screenshots/song_edit_verse_in_use.png" class="img-responsive img-thumbnail"> <img src="/screenshots/song_edit_verse_in_use.png" class="img-responsive img-thumbnail">
</a> </a>
</div> </div>
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3"> <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<a href="/screenshots/stage_view_song_w_note.png" data-toggle="lightbox" data-gallery="screenshots" data-title="Browser-based Stage View"> <a href="/screenshots/stage_view_song_w_note.png" data-toggle="lightbox" data-gallery="screenshots" data-title="Browser-based Stage View" tx-attrs="data-title">
<img src="/screenshots/stage_view_song_w_note.png" class="img-responsive img-thumbnail"> <img src="/screenshots/stage_view_song_w_note.png" class="img-responsive img-thumbnail">
</a> </a>
</div> </div>
@ -157,7 +158,7 @@
</div> </div>
<div class="section translucent-bg bg-image-1 blue"> <div class="section translucent-bg bg-image-1 blue">
<div class="container object-non-visible" data-animation-effect="fadeIn" id="feature-details"> <div class="container object-non-visible" data-animation-effect="fadeIn" id="feature-details">
<h1 id="features" class="text-center title">Features</h1> <h1 id="features" class="text-center title">Features</h1>
<div class="space"></div> <div class="space"></div>
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
@ -296,58 +297,58 @@
</div> </div>
<div class="windows hidden"> <div class="windows hidden">
<h4>OpenLP for Windows 7 and higher</h4> <h4>OpenLP for Windows 7 and higher</h4>
<p>OpenLP 2.4.6</p> <p class="notranslate">OpenLP 2.4.6</p>
<p> <p>
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Windows Installer <span class="caret"></span> Windows Installer <span class="caret notranslate"></span>
</button> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="https://get.openlp.org/2.4.6/OpenLP-2.4.6-setup.exe"><i class="fa fa-fw fa-download"></i> Direct Download</a></li> <li><a href="https://get.openlp.org/2.4.6/OpenLP-2.4.6-setup.exe"><i class="fa fa-fw fa-download notranslate"></i> Direct Download</a></li>
<li><a href="https://get.openlp.org/2.4.6/OpenLP-2.4.6-setup.exe.torrent"><i class="fa fa-fw fa-cloud-download"></i> BitTorrent Download</a></li> <li><a href="https://get.openlp.org/2.4.6/OpenLP-2.4.6-setup.exe.torrent"><i class="fa fa-fw fa-cloud-download notranslate"></i> BitTorrent Download</a></li>
</ul> </ul>
</div> </div>
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Portable Version <span class="caret"></span> Portable Version <span class="caret notranslate"></span>
</button> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="https://get.openlp.org/2.4.6/OpenLPPortable_2.4.6.paf.exe"><i class="fa fa-fw fa-download"></i> Direct Download</a></li> <li><a href="https://get.openlp.org/2.4.6/OpenLPPortable_2.4.6.paf.exe"><i class="fa fa-fw fa-download notranslate"></i> Direct Download</a></li>
<li><a href="https://get.openlp.org/2.4.6/OpenLPPortable_2.4.6.paf.exe.torrent"><i class="fa fa-fw fa-cloud-download"></i> BitTorrent Download</a></li> <li><a href="https://get.openlp.org/2.4.6/OpenLPPortable_2.4.6.paf.exe.torrent"><i class="fa fa-fw fa-cloud-download notranslate"></i> BitTorrent Download</a></li>
</ul> </ul>
</div> </div>
</p> </p>
</div> </div>
<div class="macosx hidden"> <div class="macosx hidden">
<h4>OpenLP for Mac OS X 10.9 and higher</h4> <h4>OpenLP for Mac OS X 10.9 and higher</h4>
<p>OpenLP 2.4.6</p> <p class="notranslate">OpenLP 2.4.6</p>
<p> <p>
<a href="https://get.openlp.org/2.4.6/OpenLP-2.4.6.dmg" class="btn btn-success"><i class="fa fa-fw fa-download"></i> Direct Download</a> <a href="https://get.openlp.org/2.4.6/OpenLP-2.4.6.dmg" class="btn btn-success"><i class="fa fa-fw fa-download notranslate"></i> Direct Download</a>
<a href="https://get.openlp.org/2.4.6/OpenLP-2.4.6.dmg.torrent" class="btn btn-primary"><i class="fa fa-fw fa-cloud-download"></i> BitTorrent Download</a> <a href="https://get.openlp.org/2.4.6/OpenLP-2.4.6.dmg.torrent" class="btn btn-primary"><i class="fa fa-fw fa-cloud-download notranslate"></i> BitTorrent Download</a>
</p> </p>
</div> </div>
<div class="linux hidden"> <div class="linux hidden">
<h4>Linux/FreeBSD Downloads</h4> <h4>Linux/FreeBSD Downloads</h4>
<p>Select a distribution</p> <p>Select a distribution</p>
<p> <p class="notranslate">
<button type="button" class="btn btn-ubuntu" data-toggle="modal" data-target="#ubuntu-install"><img src="/images/ubuntu-logo.png" class="icon"> Ubuntu</button> <button type="button" class="btn btn-ubuntu" data-toggle="modal" data-target="#ubuntu-install"><img src="/images/ubuntu-logo.png" class="icon notranslate"> Ubuntu</button>
<button type="button" class="btn btn-fedora" data-toggle="modal" data-target="#fedora-install"><img src="/images/fedora-logo.png" class="icon"> Fedora</button> <button type="button" class="btn btn-fedora" data-toggle="modal" data-target="#fedora-install"><img src="/images/fedora-logo.png" class="icon notranslate"> Fedora</button>
<button type="button" class="btn btn-debian" data-toggle="modal" data-target="#debian-install"><img src="/images/debian-logo.png" class="icon"> Debian</button> <button type="button" class="btn btn-debian" data-toggle="modal" data-target="#debian-install"><img src="/images/debian-logo.png" class="icon notranslate"> Debian</button>
<button type="button" class="btn btn-arch" data-toggle="modal" data-target="#arch-install"><img src="/images/archlinux-logo.png" class="icon"> Arch</button> <button type="button" class="btn btn-arch" data-toggle="modal" data-target="#arch-install"><img src="/images/archlinux-logo.png" class="icon notranslate"> Arch</button>
<!-- a href="http://www.freshports.org/multimedia/py-openlp" class="btn btn-freebsd"><i class="fa fa-fw fa-external-link"></i> FreeBSD</a --> <!-- a href="http://www.freshports.org/multimedia/py-openlp" class="btn btn-freebsd"><i class="fa fa-fw fa-external-link"></i> FreeBSD</a -->
</p> </p>
<div class="modal fade" id="ubuntu-install" tabindex="-1" role="dialog" aria-labelledby="ubuntu-install-title" style="text-align: left;" data-backdrop="true"> <div class="modal fade" id="ubuntu-install" tabindex="-1" role="dialog" aria-labelledby="ubuntu-install-title" style="text-align: left;" data-backdrop="true">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close notranslate" data-dismiss="modal" aria-label="Close" tx-attrs="aria-label">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
<h4 class="modal-title" id="ubuntu-install-title">Ubuntu Installation Instructions</h4> <h4 class="modal-title" id="ubuntu-install-title">Ubuntu Installation Instructions</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="alert alert-info small" role="alert"> <div class="alert alert-info small" role="alert">
<p><i class="fa fa-fw fa-info-circle"></i> OpenLP only supports Canonical-supported versions of Ubuntu from 16.04 and up.</p> <p><i class="fa fa-fw fa-info-circle notranslate"></i> OpenLP only supports Canonical-supported versions of Ubuntu from 16.04 and up.</p>
</div> </div>
<p>To install OpenLP, either search for OpenLP in Software Center, or run the following command:</p> <p>To install OpenLP, either search for OpenLP in Software Center, or run the following command:</p>
<pre>$ sudo apt install openlp</pre> <pre>$ sudo apt install openlp</pre>
@ -364,7 +365,7 @@
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close notranslate" data-dismiss="modal" aria-label="Close" tx-attrs="aria-label">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
<h4 class="modal-title" id="fedora-install-title">Fedora Installation Instructions</h4> <h4 class="modal-title" id="fedora-install-title">Fedora Installation Instructions</h4>
@ -386,7 +387,7 @@
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close notranslate" data-dismiss="modal" aria-label="Close" tx-attrs="aria-label">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
<h4 class="modal-title" id="debian-install-title">Debian Installation Instructions</h4> <h4 class="modal-title" id="debian-install-title">Debian Installation Instructions</h4>
@ -408,7 +409,7 @@
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close notranslate" data-dismiss="modal" aria-label="Close" tx-attrs="aria-label">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
<h4 class="modal-title" id="arch-install-title">Arch Linux Installation Instructions</h4> <h4 class="modal-title" id="arch-install-title">Arch Linux Installation Instructions</h4>
@ -427,9 +428,9 @@
</div> </div>
<div class="source hidden"> <div class="source hidden">
<h4>OpenLP Source Code</h4> <h4>OpenLP Source Code</h4>
<p>OpenLP-2.4.6.tar.gz</p> <p class="notranslate">OpenLP-2.4.6.tar.gz</p>
<p> <p>
<a href="https://get.openlp.org/2.4.6/OpenLP-2.4.6.tar.gz" class="btn btn-success"><i class="fa fa-fw fa-download"></i> Direct Download</a> <a href="https://get.openlp.org/2.4.6/OpenLP-2.4.6.tar.gz" class="btn btn-success"><i class="fa fa-fw fa-download notranslate"></i> Direct Download</a>
</p> </p>
</div> </div>
</div> </div>
@ -447,7 +448,10 @@
</div> </div>
</div> </div>
<div class="space"></div> <div class="space"></div>
<p class="lead text-center">Looking for nightlies and development versions? They are now found on our <a href="https://openlp.io/">developer site</a>.</p> <div class="alert alert-info text-center col-md-8 col-md-offset-2">
<p>Older versions can be downloaded from our <a href="https://get.openlp.org/">downloads archive</a>, but <strong>we do not support these versions</strong>.</p>
</div>
<!-- p class="lead text-center">Looking for nightlies and development versions? They are now found on our <a href="https://openlp.io/">developer site</a>.</p -->
</div> </div>
</div> </div>
<div class="section translucent-bg bg-image-2 pb-clear"> <div class="section translucent-bg bg-image-2 pb-clear">
@ -552,95 +556,57 @@
<footer id="footer"> <footer id="footer">
<div class="footer section"> <div class="footer section">
<div class="container"> <div class="container">
<h1 class="title text-center" id="support">Support</h1> <h1 class="title text-center" id="help">Help</h1>
<div class="space"></div> <div class="space"></div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="footer-content"> <div class="footer-content">
<p class="large">OpenLP is not developed by a company, but by a group of volunteers who
dedicate part of their spare time to developing this application. These same
developers try to also find time to answer support requests. Every moment a
developer spends on answering a question is a moment not spent working on OpenLP.
Please use their time sparingly.</p>
<p class="large">The best place to learn how to use OpenLP is the <p class="large">The best place to learn how to use OpenLP is the
<a href="https://manual.openlp.org/" title="OpenLP Manual"><i class="fa fa-fw fa-book"></i> OpenLP Manual</a>, <a href="https://manual.openlp.org/" title="OpenLP Manual"><i class="fa fa-fw fa-book notranslate"></i> Manual</a>,
which has both <a href="https://manual.openlp.org/faq.html">Frequently Asked Questions</a> which has both <a href="https://manual.openlp.org/faq.html"><i class="fa fa-fw fa-question-circle notranslate"></i> Frequently Asked Questions</a>
and a <a href="https://manual.openlp.org/troubleshooting.html">Troubleshooting Guide</a></p> and a <a href="https://manual.openlp.org/troubleshooting.html"><i class="fa fa-fw fa-exclamation-triangle notranslate"></i> Troubleshooting Guide</a>.</p>
<p class="large">If you are unable to find the answer in the manual, browse the <p class="large">If you are unable to find the answer in the manual, browse the
<a href="https://forums.openlp.org/" title="OpenLP Forums"><i class="fa fa-fw fa-comments"></i> OpenLP Forums</a> <a href="https://forums.openlp.org/" title="OpenLP Forums"><i class="fa fa-fw fa-comments notranslate"></i> Forums</a>
where a number of folks in our community can help to answer your questions.</p> where a number of folks in our community can help to answer your questions.</p>
<div class="alert alert-info" style="font-size: 110%">
<div class="pull-left"><i class="fa fa-fw fa-info-circle"></i></div>
<div style="margin-left: 1.8em;">
OpenLP is not developed by a company, but by a group of volunteers who dedicate
part of their spare time to developing this application. These same developers
try to also find time to help users with their problems. Every moment a
developer spends on answering a question is a moment not spent working on
OpenLP. Please use their time sparingly.
</div>
</div>
</div> </div>
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<ul class="list-icons"> <ul class="list-icons">
<li><i class="fa fa-fw fa-book pr-10"></i> Manual: <a href="https://manual.openlp.org/">manual.openlp.org</a></li> <li><i class="fa fa-fw fa-book pr-10 notranslate"></i> Manual: <a href="https://manual.openlp.org/">manual.openlp.org</a></li>
<li><i class="fa fa-fw fa-money pr-10"></i> Donate: <a href="/donate">find out more</a></li> <li><i class="fa fa-fw fa-money pr-10 notranslate"></i> Donate: <a href="/donate">find out more</a></li>
<li><i class="fa fa-fw fa-envelope-o pr-10"></i> E-mail: support(at)openlp.org</li> <li><i class="fa fa-fw fa-envelope-o pr-10 notranslate"></i> E-mail: support(at)openlp.org</li>
<li><i class="fa fa-fw fa-comments-o pr-10"></i> IRC Channel: <a href="https://webchat.freenode.net/?randomnick=1&amp;channels=openlp&amp;prompt=1&amp;uio=d4">#openlp on Freenode.net</a></li> <li><i class="fa fa-fw fa-comments-o pr-10 notranslate"></i> IRC Channel: <a href="https://webchat.freenode.net/?randomnick=1&amp;channels=openlp&amp;prompt=1&amp;uio=d4">#openlp on Freenode.net</a></li>
</ul> </ul>
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<ul class="list-icons"> <ul class="list-icons">
<li><i class="fa fa-fw fa-comments pr-10"></i> Forums: <a href="https://forums.openlp.org">forums.openlp.org</a></li> <li><i class="fa fa-fw fa-comments pr-10 notranslate"></i> Forums: <a href="https://forums.openlp.org">forums.openlp.org</a></li>
<li><i class="fa fa-fw fa-pencil-square-o pr-10"></i> Wiki: <a href="https://wiki.openlp.org/">wiki.openlp.org</a></li> <li><i class="fa fa-fw fa-pencil-square-o pr-10 notranslate"></i> Wiki: <a href="https://wiki.openlp.org/">wiki.openlp.org</a></li>
<li><i class="fa fa-fw fa-handshake-o pr-10"></i> Contribute: <a href="/contribute">find out more</a></li> <li><i class="fa fa-fw fa-handshake-o pr-10 notranslate"></i> Contribute: <a href="/contribute">find out more</a></li>
<li><i class="fa fa-fw fa-wrench pr-10"></i> Developer Central: <a href="https://openlp.io/">openlp.io</a></li> <li><i class="fa fa-fw fa-wrench pr-10 notranslate"></i> Developer Central: <a href="https://openlp.io/">openlp.io</a></li>
</ul> </ul>
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<ul class="social-links"> <ul class="social-links">
<li class="googleplus"><a target="_blank" href="https://plus.google.com/b/117120749304988900189/117120749304988900189" title="Follow us on Google+"><i class="fa fa-google-plus"></i></a></li> <li class="googleplus"><a target="_blank" href="https://plus.google.com/b/117120749304988900189/117120749304988900189" title="Follow us on Google+" tx-attrs="title"><i class="fa fa-google-plus"></i></a></li>
<li class="facebook"><a target="_blank" href="https://www.facebook.com/openlp" title="Follow us on Facebook"><i class="fa fa-facebook"></i></a></li> <li class="facebook"><a target="_blank" href="https://www.facebook.com/openlp" title="Follow us on Facebook" tx-attrs="title"><i class="fa fa-facebook"></i></a></li>
<li class="twitter"><a target="_blank" href="https://twitter.com/openlp" title="Follow us on Twitter"><i class="fa fa-twitter"></i></a></li> <li class="twitter"><a target="_blank" href="https://twitter.com/openlp" title="Follow us on Twitter" tx-attrs="title"><i class="fa fa-twitter"></i></a></li>
<li class="youtube"><a target="_blank" href="https://www.youtube.com/channel/UCUFB_m4mbkUKROrbO6CxJtQ" title="Follow us on YouTube"><i class="fa fa-youtube"></i></a></li> <li class="youtube"><a target="_blank" href="https://www.youtube.com/channel/UCUFB_m4mbkUKROrbO6CxJtQ" title="Follow us on YouTube" tx-attrs="title"><i class="fa fa-youtube"></i></a></li>
<li class="reddit"><a target="_blank" href="https://www.reddit.com/r/openlp" title="Follow us on Reddit"><i class="fa fa-reddit-alien"></i></a></li> <li class="reddit"><a target="_blank" href="https://www.reddit.com/r/openlp" title="Follow us on Reddit" tx-attrs="title"><i class="fa fa-reddit-alien"></i></a></li>
<li class="linkedin"><a target="_blank" href="https://www.linkedin.com/grp/home?gid=96031" title="Follow us on LinkedIn"><i class="fa fa-linkedin"></i></a></li> <li class="linkedin"><a target="_blank" href="https://www.linkedin.com/grp/home?gid=96031" title="Follow us on LinkedIn" tx-attrs="title"><i class="fa fa-linkedin"></i></a></li>
<li class="telegram"><a target="_blank" href="https://telegram.me/openlp" title="Follow us on Telegram"><i class="fa fa-paper-plane"></i></a></li> <li class="telegram"><a target="_blank" href="https://telegram.me/openlp" title="Follow us on Telegram" tx-attrs="title"><i class="fa fa-paper-plane"></i></a></li>
</ul> </ul>
</div> </div>
<!-- /div>
<div class="col-sm-6">
<div class="footer-content">
<div id="success-alert" class="hidden alert alert-success" role="alert">
<i class="fa fa-fw fa-check"></i> Your message has been sent! We'll get back to you as soon as we can.
</div>
<div id="error-alert" class="hidden alert alert-danger" role="alert">
<i class="fa fa-fw fa-exclamation-triangle"></i> Oh dear! Something went wrong while sending your message.
</div>
<form role="form" id="footer-form" method="post" action="/contact-us.php">
<div class="form-group has-feedback">
<label class="sr-only" for="name">Name</label>
<input type="text" class="form-control" id="name" placeholder="Name" name="name" required>
<i class="fa fa-user form-control-feedback"></i>
</div>
<div class="form-group has-feedback">
<label class="sr-only" for="email">Email address</label>
<input type="email" class="form-control" id="email" placeholder="E-mail address" name="email" required>
<i class="fa fa-envelope form-control-feedback"></i>
</div>
<div class="form-group has-feedback">
<label class="sr-only" for="subject">Subject</label>
<input type="text" class="form-control" id="subject" placeholder="Subject" name="subject" required>
<i class="fa fa-comment form-control-feedback"></i>
</div>
<div class="form-group has-feedback">
<label class="sr-only" for="message">Message</label>
<textarea class="form-control" rows="8" id="message" placeholder="Message" name="message" required></textarea>
<i class="fa fa-pencil form-control-feedback"></i>
<span class="help-text">Please include the version of OpenLP you're using, and which operating system you have installed.</span>
</div>
<div class="checkbox has-feedback">
<label>
<input type="checkbox" name="me-too" value="1">&nbsp;&nbsp;Send me a copy
</label>
</div>
<div class="form-group has-feedback">
<div class="g-recaptcha" data-sitekey="6Lc7Hg4TAAAAALVlRY_kP29PpAFkF90UW1dVDgJR"></div>
</div>
<input type="submit" value="Send" class="btn btn-default">
</form>
</div>
</div -->
</div> </div>
</div> </div>
</div> </div>
@ -649,9 +615,9 @@
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<p class="text-center"> <p class="text-center">
Copyright &copy; 2004-2016 OpenLP Developers | Copyright &copy; 2004-<span class="notranslate">2017</span> OpenLP Developers |
Theme based on <a href="http://htmlcoder.me/worthy-free-bootstrap-template">Worthy</a> by HTML Coder | Theme based on <a href="http://htmlcoder.me/worthy-free-bootstrap-template">Worthy</a> by HTML Coder |
<i class="fa fa-fw fa-money"></i> <a href="/donate">Donate to OpenLP</a> <i class="fa fa-fw fa-money notranslate"></i> <a href="/donate">Donate to OpenLP</a>
</p> </p>
</div> </div>
</div> </div>