lila/app/views/mobile.scala

93 lines
2.9 KiB
Scala

package views.html
import lila.api.Context
import lila.app.templating.Environment._
import lila.app.ui.ScalatagsTemplate._
object mobile {
def apply(apkDoc: io.prismic.Document, resolver: io.prismic.DocumentLinkResolver)(implicit ctx: Context) =
views.html.base.layout(
title = "Mobile",
moreCss = cssTag("mobile")
) {
main(
div(cls := "mobile page-small box box-pad")(
h1(trans.playChessEverywhere()),
div(cls := "sides")(
div(cls := "left-side")(
div(cls := "stores")(
googlePlayButton,
appleStoreButton
),
div(cls := "apk")(
raw(~apkDoc.getHtml("doc.content", resolver))
),
h2(trans.asFreeAsLichess()),
ul(cls := "block")(
li(trans.builtForTheLoveOfChessNotMoney()),
li(trans.everybodyGetsAllFeaturesForFree()),
li(trans.zeroAdvertisement()),
li("Entirely ", a(href := "https://github.com/veloce/lichobile")("Open Source"))
),
h2(trans.fullFeatured()),
ul(cls := "block")(
li(trans.phoneAndTablet()),
li(trans.bulletBlitzClassical()),
li(trans.correspondenceChess()),
li(trans.onlineAndOfflinePlay()),
li(trans.tournaments()),
li(trans.puzzles()),
li(trans.gameAnalysis()),
li(trans.boardEditor()),
li("Lichess TV"),
li(trans.followAndChallengeFriends()),
li(trans.availableInNbLanguages.pluralSame(80))
)
),
div(cls := "right-side")(
img(
widthA := "437",
heightA := "883",
cls := "mobile-playing",
src := assetUrl("images/mobile/lichesstv-mobile.png"),
alt := "Lichess TV on mobile"
),
img(
cls := "qrcode",
widthA := "200",
heightA := "200",
src := assetUrl("images/mobile/dynamic-qrcode.png"),
alt := "Download QR code"
)
)
)
)
)
}
lazy val appleStoreButton = raw(
"""
<a class="store"
href="https://itunes.apple.com/us/app/lichess-free-online-chess/id968371784">
<img alt="Download on the Apple App Store"
width="172"
height="50"
src="https://upload.wikimedia.org/wikipedia/commons/3/3c/Download_on_the_App_Store_Badge.svg" />
</a>
"""
)
lazy val googlePlayButton = raw(
"""
<a class="store"
href="https://play.google.com/store/apps/details?id=org.lichess.mobileapp">
<img alt="Android app on Google Play"
width="192"
height="74"
src="https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png" />
</a>
"""
)
}