Solen's Typography

Author Solen Reading time 8 minutes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non enim eget nisi facilisis ullamcorper. Nam scelerisque tellus mi, quis consequat diam maximus eget. Integer scelerisque, dui eget pretium aliquam, felis tellus sagittis justo, ut pharetra nulla justo nec ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos

Mauris feugiat condimentum ligula, in consequat leo gravida ac. Quisque nec molestie mi. Maecenas tincidunt, neque at porttitor hendrerit, nisi ipsum convallis nulla, quis feugiat ipsum velit a mi. Duis dapibus vel ante sed consectetur. Fusce egestas lacus diam, ac varius lorem vestibulum ac. Aliquam feugiat quam tellus, tincidunt sagittis tortor iaculis iaculis. Cras ut velit tempor, molestie ex et, tristique enim.

Heading H2

Donec fringilla ornare est. Suspendisse in iaculis sapien. Fusce nulla ex, consequat eu neque quis, malesuada vestibulum ante. Sed sit amet pharetra lorem. Donec convallis blandit dictum. Proin quam erat, pharetra sit amet lacus sit amet, convallis porta nisl. Vivamus placerat enim dolor, vel dapibus sem vehicula vel. Maecenas malesuada diam non nibh lacinia, quis aliquam sem suscipit.

Heading H3



Heading H4

Heading H5
Heading H6

Donec fringilla ornare est. Suspendisse in iaculis sapien. Fusce nulla ex, consequat eu neque quis, malesuada vestibulum ante. Sed sit amet pharetra lorem. Donec convallis blandit dictum. Proin quam erat, pharetra sit amet lacus sit amet, convallis porta nisl. Vivamus placerat enim dolor, vel dapibus sem vehicula vel. Maecenas malesuada diam non nibh lacinia, quis aliquam sem suscipit.

Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl. Suspendisse mauris. Fusce accumsan mollis eros.

Donec fringilla ornare est. Suspendisse in iaculis sapien. Fusce nulla ex, consequat eu neque quis, malesuada vestibulum ante. Sed sit amet pharetra lorem. Donec convallis blandit dictum. Proin quam erat, pharetra sit amet lacus sit amet, convallis porta nisl. Vivamus placerat enim dolor, vel dapibus sem vehicula vel. Maecenas malesuada diam non nibh lacinia, quis aliquam sem suscipit.

Donec fringilla ornare est. Suspendisse in iaculis sapien. Fusce nulla ex, consequat eu neque quis, malesuada vestibulum ante. Sed sit amet pharetra lorem. Donec convallis blandit dictum. Proin quam erat, pharetra sit amet lacus sit amet, convallis porta nisl. Vivamus placerat enim dolor, vel dapibus sem vehicula vel. Maecenas malesuada diam non nibh lacinia, quis aliquam sem suscipit.


// JavaScript program to find the area of a triangle

const side1 = parseInt(prompt('Enter side1: '));
const side2 = parseInt(prompt('Enter side2: '));
const side3 = parseInt(prompt('Enter side3: '));

// calculate the semi-perimeter
const s = (side1 + side2 + side3) / 2;

//calculate the area
const areaValue = Math.sqrt(
  s * (s - side1) * (s - side2) * (s - side3)
);

console.log(
  `The area of the triangle is ${areaValue}`
);

Donec fringilla ornare est. Suspendisse in iaculis sapien. Fusce nulla ex, consequat eu neque quis, malesuada vestibulum ante. Sed sit amet pharetra lorem. Donec convallis blandit dictum. Proin quam erat, pharetra sit amet lacus sit amet, convallis porta nisl. Vivamus placerat enim dolor, vel dapibus sem vehicula vel. Maecenas malesuada diam non nibh lacinia, quis aliquam sem suscipit.

  • Unordered list 1
  • Unordered list 2
    • Sub Unordered List 1
    • Sub Unordered List 2
  • Unordered list 3
  • Unordered list 4

Donec fringilla ornare est. Suspendisse in iaculis sapien. Fusce nulla ex, consequat eu neque quis, malesuada vestibulum ante. Sed sit amet pharetra lorem. Donec convallis blandit dictum. Proin quam erat, pharetra sit amet lacus sit amet, convallis porta nisl. Vivamus placerat enim dolor, vel dapibus sem vehicula vel. Maecenas malesuada diam non nibh lacinia, quis aliquam sem suscipit.

  1. Ordered list 1
  2. Ordered list 2
    1. Dump in bowl
    2. Stir with whisk Donec fringilla ornare est. Suspendisse in iaculis sapien.
  3. Ordered list 3
  4. Ordered list 4 Donec fringilla ornare est. Suspendisse img/logo.svg in iaculis sapien.
Testing Tabel Header 1 Testing Tabel Header 2 Testing Tabel Header 3
1 2 3
5asdf asdfasd 234234

English

Solen for Bludit Theme

A bright and simple Bludit blogging theme made with Picnic CSS with support for screen reader users.

Features

  • Very light on various desktop and mobile browser with responsive design
  • Support for screen reader users
  • Three languages support: Indonesian, English, and Japanese
  • Good contrast ratio (WCAG 2.1 AA Compliant)
  • Critical inline CSS and asynchronous CSS load
  • Made with Picnic CSS
  • Minimal and non-intrusive use of Javascript

Compatibility

Bludit 3.15.0

License

MIT

How to Install

  • Download the compressed file from the link above
  • Upload the compressed file to bl-themes folder on your bludit installation
  • Unzip the compressed file
  • Activate the theme from your bludit admin panel

How to Change the Logo and Welcome Message

  • You can change the logo by uploading your logo to the img folder and then altering the header.php file inside the php folder. Change img/logo.svg to img/YOUR_LOGO_HERE.EXT
  • You can also change the welcome message by altering your language file inside the languages folder. Example from "welcome": "Welcome!", to "welcome": "Welkom!",