Skip to main content

HTML builder

The HTML Builder driver in Naas enables you to create HTML content in a flexible and easy-to-use manner. Here are the key functionalities:

Title​

Solo​

email_content = naas_drivers.emailbuilder.title("My title")

Subtitle​

email_content = naas_drivers.emailbuilder.title("My title", "My subtitle")

Style​

email_content = naas_drivers.emailbuilder.title("My title", bold=False, underline=True, italic=True)

Color​

email_content = naas_drivers.emailbuilder.title("My title", color='blue')

Align​

email_content = naas_drivers.emailbuilder.title("My title", text_align='right')

Font size​

email_content = naas_drivers.emailbuilder.title("My title", font_size=32)

Heading​

email_content = naas_drivers.emailbuilder.heading("My heading")

Font Style​

email_content = naas_drivers.emailbuilder.heading("My heading", bold=False, underline=True, italic=True)

Color​

email_content = naas_drivers.emailbuilder.heading("My heading", color='blue')

Align​

email_content = naas_drivers.emailbuilder.heading("My heading", text_align='left')

Font size​

email_content = naas_drivers.emailbuilder.heading("My heading", font_size=28)

Subheading​

email_content = naas_drivers.emailbuilder.subheading("My subheading")

Style​

email_content = naas_drivers.emailbuilder.subheading("My subheading", bold=False, underline=True, italic=True)

Color​

email_content = naas_drivers.emailbuilder.subheading("My subheading", color='blue')

Align​

email_content = naas_drivers.emailbuilder.subheading("My subheading", text_align='left')

Font size​

email_content = naas_drivers.emailbuilder.subheading("My subheading", font_size=28)

Text​

Simple​

email_content = naas_drivers.emailbuilder.text("My text")

Style​

email_content = naas_drivers.emailbuilder.text("My text", bold=True, underline=True, italic=True)

Color​

email_content = naas_drivers.emailbuilder.text("My text", color='blue')

Align​

email_content = naas_drivers.emailbuilder.text("My text", text_align='center')

Font size​

email_content = naas_drivers.emailbuilder.text("My text", font_size=22)

Simple​

link = "https://google.com"
email_content = naas_drivers.emailbuilder.link(link)

Title​

link = "https://google.com"
email_content = naas_drivers.emailbuilder.link(link, title="My title")

Style​

email_content = naas_drivers.emailbuilder.text("My text", bold=True, underline=True, italic=True)

Color​

link = "https://google.com"
email_content = naas_drivers.emailbuilder.link(link, color="#F2F2F2")

Align​

email_content = naas_drivers.emailbuilder.text("My text", text_align='center')

Font size​

email_content = naas_drivers.emailbuilder.text("My text", font_size=22)

Info​

Create infobox

text = naas_drivers.emailbuilder.text("My text")
email_content = naas_drivers.emailbuilder.info(text)

Space​

Add a empty line

email_content = naas_drivers.emailbuilder.space()

Separator​

Add a line separator

email_content = naas_drivers.emailbuilder.separator()

Button​

email_content = naas_drivers.emailbuilder.button("https://www.google.com")

Title​

url = "https://www.google.com"
email_content = naas_drivers.emailbuilder.button(url, title="Open me")

Size​

url = "https://www.google.com"
email_content = naas_drivers.emailbuilder.button(url, width="300px")

Colors​

url = "https://www.google.com"
email_content = naas_drivers.emailbuilder.button(url, color="blue", background_color="white")

Address​

email_content = naas_drivers.emailbuilder.address("My title", "My content")

List​

list_ = ["First element",
         "Second element",
         "Third element"]

email_content = naas_drivers.emailbuilder.list(list_)

Table​

Simple​

data = [["😁 Happier subscribers!", "👌 Touchable interface!", "❤️ No more frustration!"],["💌 Semantic email markup!", "🦻 Screenreader friendly!", "💬 Commented for easy use!"]]
email_content = naas_drivers.emailbuilder.table(data)

Dataframe​

The drivers will try to transform all your column with they column title you can pass parameters with_ exemple: text_14px link_Read

``

data = pandas.DataFrame()
# each column title will be tranform in any html type
email_content = naas_drivers.emailbuilder.table(data)
email_content = naas_drivers.emailbuilder.table(data,
    header=True,             # Add a header to the table
    header_bg_color="black", # Set the background color of the header
    header_ft_color="white") # Set the font color of the header

Border​

email_content = naas_drivers.emailbuilder.table(data,
    border=True,          # Add a border to the table
    border_color="black") # Set the color of the border

Align​

align = {
    0: "left",
    1: "center",
    2: "righ"
}

email_content = naas_drivers.emailbuilder.table(data, col_align=align)

Column size​

size = {
    0: "50%",
    1: "10em",
    2: "30px"
}

email_content = naas_drivers.emailbuilder.table(data, col_size=size)

Image​

Simple​

url = "https://raw.githubusercontent.com/jupyter-naas/naas/main/images/naas_logo.svg"
email_content = naas_drivers.emailbuilder.image(url)
url = "https://raw.githubusercontent.com/jupyter-naas/naas/main/images/naas_logo.svg"
link = "https://google.com"
email_content = naas_drivers.emailbuilder.image(url, link=link)

Name​

url = "https://raw.githubusercontent.com/jupyter-naas/naas/main/images/naas_logo.svg"
name = "Image name"
email_content = naas_drivers.emailbuilder.image(url, name=name)

Align​

url = "https://raw.githubusercontent.com/jupyter-naas/naas/main/images/naas_logo.svg"
align = "right" # can be right left or center
email_content = naas_drivers.emailbuilder.image(url, align=align)

Size​

url = "https://raw.githubusercontent.com/jupyter-naas/naas/main/images/naas_logo.svg"
width="90%"
height="80%"
email_content = naas_drivers.emailbuilder.image(url, width=width, height=height)

Simple​

url = "https://raw.githubusercontent.com/jupyter-naas/naas/main/images/naas_logo.svg"
email_content = naas_drivers.emailbuilder.image(url)
url = "https://raw.githubusercontent.com/jupyter-naas/naas/main/images/naas_logo.svg"
link = "https://google.com"
email_content = naas_drivers.emailbuilder.image(url, link=link)

Name​

url = "https://raw.githubusercontent.com/jupyter-naas/naas/main/images/naas_logo.svg"
name = "Image name"
email_content = naas_drivers.emailbuilder.image(url, name=name)

Align​

url = "https://raw.githubusercontent.com/jupyter-naas/naas/main/images/naas_logo.svg"
align = "right" # can be right left or center
email_content = naas_drivers.emailbuilder.image(url, align=align)

Size​

url = "https://raw.githubusercontent.com/jupyter-naas/naas/main/images/naas_logo.svg"
size="90px"
email_content = naas_drivers.emailbuilder.image(url, size=size)

Header​

elems = [naas_drivers.html().text("My text")]
email_content = naas_drivers.emailbuilder.header(elems)
elem = naas_drivers.html().title("My title")
elems = [naas_drivers.html().text("My text")]
email_content = naas_drivers.emailbuilder.footer("My title", elem, elems)

Social networks icons​

networks = [{
    'img_src': 'https://about.twitter.com/content/dam/about-twitter/en/brand-toolkit/brand-download-img-1.jpg.twimg.1920.jpg',
    'href': 'https://twitter.com/'
}]

naas_drivers.emailbuilder.footer_company(networks=networks)
naas_drivers.emailbuilder.footer_company(networks=networks,
                                        logo_width='5%',
                                        logo_padding='5px',
                                        logo_margin='0px 15px')

Company informations​

company = ["Naas: Notebooks-as-a-service",
    "https://www.naas.ai/"]

naas_drivers.emailbuilder.footer_company(company=company)
legal = ["Powered by CASHSTORY © 2021",
    "CashStory SAS, 5 rue Hermel, 75018 Paris, France"]

naas_drivers.emailbuilder.footer_company(legal=legal)

Generate​

stock="TSLA"

title=f'Evolution of {stock} stock'
heading="👉 Analyze daily performance over time."
content:"""
        🚀 Explore the data, zoom, and get deeply insights over the 100 last days Below. 
        Picture are nice but dynamic chart below are way more fun  :
"""
display = 'iframe' # can be iframe, embed or False ( for display in notebook)
email_content = naas_drivers.emailbuilder.generate(
        title=title,
        heading=heading,
        content=content,
        button_Explore_300px=url_html,
        display=display
)

Export​

email_content = ""
filenames = "myfile.html" # can be .html .png .pdf or .jpeg file
# can be a list too
filenames = ["myfile.html", "myfile.pdf"]
css = ".class{ color: white;}" # allow css injection
naas_drivers.emailbuilder.export(email_content, filenames, css)

Convert​

only support markdown to html for now

data = """
# Welcome Title

text here
"""
naas_drivers.emailbuilder.convert(data, input_type="markdown")