Penyedia Layanan Cloud Computing

Use markdown to write contents and render with WebSlides to HTML.

Github

Apa Itu Cloud Computing ?

You can modify WebSlides settings directly from your project config.toml.

[params.webslides]
  banner = false
  slideshow = true
  vertical = false
  autoslide = false
  changeOnClick = false
  disableLoop = false
  minWheelDelta = 40
  disableNavigateOnScroll = false
  scrollWait = 450
  slideOffset = 50
  hideIndex = false

More Examples

Note. None of these slides are currently not ported to Hugo-Webslides…YET.

All from one markdown file

Use three dashes “-” to create a separate slide page.

Slide1

---

Slide2
content
├── home
│   ├── home1.md (weight: 1)
│   └── home2.md (weight: 2)
└── _index.md (initial page)

Or not.

You can combine and arrange files with the weight parameter in front matter, and categorize .md files into different folders.

Simple Class Assignment

Assign class to a block by using the following notation without quote.

<!-- : .class -->Content

You can assign class to many elements

  • Slides

    <!-- : sectionClass .divClass ..subClass -->
    Content

    <section class="sectionClass">
      <div class="divClass">
        <div class="subClass">
        Content
        </div>
      </div>
    </section>
  • Headers and Paragraphs

    # <!-- : .hClass -->Header
    <!-- : .pClass -->Paragraph

    <h1 class="hClass">Header</h1>
    <p class="pClass">Paragraph</p>
  • Lists

    <!-- : .listClass -->
    - list1
    - list2

    <ul class="listClass">
      <li>list1</li>
      <li>list2</li>
    </ul>