Skip to main content

Website Style Guide

PropertyValue
descriptionWebsite Style Guide
tagsview

Callouts​

Note​

Abstract​

Info​

Todo​

Tip​

Success​

Question​

Warning​

Failure​

Danger​

Bug​

Example​

Quote​

Admonitions​

Note​

Note

This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

Tip​

Tip

This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

Info​

Info

This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

Warning​

Warning

This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

Danger​

Danger

This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

Headings​

No preview for heading levels, because it would break the table of contents.

H1 Heading​

This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

H2 Heading​

This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

H3 Heading​

This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

H4 Heading​

This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

H5 Heading​

This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

H6 Heading​

This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

Paragraph​

This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

Internal​

Internal link

External​

External link

Strikethrough​

This is strikethrough text inside a sentence.

Emphasized​

This is emphasized text inside a sentence.

Bold / Strong​

This is bold / strong text inside a sentence.

Highlighted​

This is highlighted text inside a sentence.

Inline Code​

This is inline code inside a sentence.

Keyboard​

This is a keyboard shortcut CTRL+SHIFT+R.

Lists​

Unordered​

  • Item one
  • Item two
  • Item three

Ordered​

  1. First
  2. Second
  3. Third

Todo​

  • Todo one
  • Todo two
  • Todo three

Done​

  • Done one
  • Done two
  • Done three

Blockquote​

This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

Details​

Click this summary to expand details block

This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

Table​

Column AColumn BColumn CColumn D
LabelValueValueValue
LabelValueValueValue
LabelValueValueValue
LabelValueValueValue

Tabs​

console.log('Hello JS');

Code Block​

import fs from 'fs';

const TAX_RATE = 0.19;

type OrderItem = {
  name: string;
  qty: number;
  price: number;
};

class Order {
  id: number;
  customer: string;
  items: OrderItem[];
  createdAt: Date;

  constructor(id: number, customer: string) {
    this.id = id;
    this.customer = customer;
    this.items = [];
    this.createdAt = new Date();
  }

  addItem(name: string, qty = 1, price = 0) {
    this.items.push({ name, qty, price });
  }

  calculateTotal() {
    return this.items.reduce((sum, item) => {
      return sum + item.qty * item.price;
    }, 0);
  }

  getTotalWithTax() {
    const total = this.calculateTotal();

    if (total <= 0) {
      throw new Error('Invalid total');
    }

    return total + total * TAX_RATE;
  }
}

// usage
const order = new Order(1, 'Mihai');

order.addItem('Product A', 2, 19.99);
order.addItem('Product B', 1, 9.5);

const total = order.getTotalWithTax();

console.log(total > 0 ? `Total: ${total}` : 'Empty order');

Image​

Example Image

Document​

Open Glove80 Glorious Engrammer v52 in a new tab

Base​

NameTitleRatingHumanDescriptionTags
ddev-guide.mdHow to Use DDEV for Local DevelopmentHow to Use DDEV for Local Developmentkb, ddev, docker
manage-multiple-emails-from-one.mdHow to Manage Multiple Email Addresses From a Single Gmail AccountHow to Manage Multiple Email Addresses From a Single Gmail Accountkb, gmail, email
mihai-circea-glove80-keymap.mdMihai Cîrcea's Glove80 KeymapGE52-based Windows Glove80 configuration, local exports, flashing notes, and working assumptions.kb
update-discourse-forum.mdHow to Update a Discourse ForumHow to Update a Discourse Forumkb
wpgb-facets-with-bricks-components.mdHow to Use WPGB Facets with Bricks ComponentsHow to Use WPGB Facets with Bricks Componentskb, bricks, wpgb