7
1
mirror of https://gitlab.com/ansol/web-ansol.org.git synced 2024-11-24 23:23:17 +00:00
web-ansol.org/content/home/demo.md
2020-06-11 16:21:13 +01:00

2.4 KiB

+++

A Demo section created with the Blank widget.

Any elements can be added in the body: https://sourcethemes.com/academic/docs/writing-markdown-latex/

Add more sections by duplicating this file and customizing to your requirements.

widget = "blank" # See https://sourcethemes.com/academic/docs/page-builder/ headless = true # This file represents a page section. active = false # Activate this widget? true/false weight = 15 # Order that this section will appear.

title = "Demos" subtitle = ""

[design]

Choose how many columns the section has. Valid values: 1 or 2.

columns = "1"

[design.background]

Apply a background color, gradient, or image.

Uncomment (by removing #) an option to apply it.

Choose a light or dark text color by setting text_color_light.

Any HTML color name or Hex value is valid.

Background color.

color = "navy"

Background gradient.

gradient_start = "DeepSkyBlue"

gradient_end = "SkyBlue"

Background image.

image = "headers/bubbles-wide.jpg" # Name of image in static/img/. image_darken = 0.6 # Darken the image? Range 0-1 where 0 is transparent and 1 is opaque. image_size = "cover" # Options are cover (default), contain, or actual size. image_position = "center" # Options include left, center (default), or right. image_parallax = true # Use a fun parallax-like fixed background effect? true/false

Text color (true=light or false=dark).

text_color_light = true

[design.spacing]

Customize the section spacing. Order is top, right, bottom, left.

padding = ["20px", "0", "20px", "0"]

[advanced]

Custom CSS.

css_style = ""

CSS class.

css_class = "" +++

Welcome to the personal demo of Academic. Other demos available include:

Over 100,000 Amazing Websites have Already Been Built with Academic

Join the Most Empowered Hugo Community

{{% alert note %}} This homepage section is an example of adding elements to the Blank widget.

Backgrounds can be applied to any section. Here, the background option is set give an image parallax effect. {{% /alert %}}