Ejemplo n.º 1
0
import epyk as pk
import __init__
from ressources import fintech_analytics

page = pk.Page()
__init__.add_banner(page, __file__, "top")
page.body.style.globals.size = 18
slides = page.ui.vignets.slides(start=1)
page.ui.contents().style.css.hide()
slides.style.css.display = "block"

slides.add_slide("This is a title", [page.ui.title("Page 1")])
slides[-1].style.css.background = 'white'

button_style = {
    "border-radius": '20px',
    'background-color': 'rgb(0, 175, 245)',
    'color': 'white',
    'padding': '8px 25px',
    'font-size': '18px'
}
button = page.ui.button(fintech_analytics.BUTTON_TRY, align="center")
button.css(button_style)
button.style.css.margin_top = 10
text_vignet = page.ui.text(fintech_analytics.BANNER_TEXT, width=(100, "%"))
text_vignet.style.css.display = False

button.click([text_vignet.dom.show()])
content = page.ui.col([text_vignet, button])
content.style.css.padding = 0
Ejemplo n.º 2
0
# https://www.paypal.com/uk/home

import epyk as pk
import __init__
from ressources import paypal_data

page = pk.Page()
__init__.add_banner(page, __file__)

page.headers.favicon(paypal_data.FAVICON)

page.ui.media.video(paypal_data.VIDEO)

bt = page.ui.banners.text(paypal_data.SLOGAN, background="#0d3685")
bt.style.css.color = "white"

page.ui.vignets.image(paypal_data.VIGNET_1['title'],
                      content=paypal_data.VIGNET_1['content'],
                      image=paypal_data.VIGNET_1['image'],
                      options={"picture": 'right'})

vignet = page.ui.vignets.image(paypal_data.VIGNET_2['title'],
                               content=paypal_data.VIGNET_2['content'],
                               image=paypal_data.VIGNET_2['image'])
vignet.style.css.background_color = '#f5f7fa'

page.ui.vignets.image(paypal_data.VIGNET_3['title'],
                      content=paypal_data.VIGNET_3['content'],
                      image=paypal_data.VIGNET_3['image'],
                      options={"picture": 'right'})