Perplex
  • News
  • Docs
  • Blog
  • About
  • GitHub

Category: Design

About the Design & Layout of this Theme

  • Fluid frame
    • Docs
    • ›
    • Intro

    Perplex

    The theme layout adapts fluid-responsively to modern screens. It’s designed for optimal legibility down to a view-port of 320px width.

    • Georg Makowski
  • surrealistic glowing corridor
    • Docs
    • ›
    • Site

    Color Scheme

    The theme includes a WCAG-compliant color scheme that switches between a light and a dark mode when the OS environment does.

    • Georg Makowski
  • Some animation CSS code
    • Docs
    • ›
    • Site

    Custom CSS

    The theme can deliver your own additional CSS files if you need to add special instructions.

    • Georg Makowski
  • 3D printer with copies
    • News
    • •
    • Design
    Feb 24, 2024

    Copy Button for Code Blocks

    Copy the content of code blocks easily into your clipboard.

    • Georg Makowski
  • surrealistic glowing corridor
    • News
    • •
    • Design
    Jan 2, 2024

    Customize Colors

    We can include a custom color scheme instead of the default one.

    • Georg Makowski
  • Logos of popular web services
    • News
    • •
    • Design
    Dec 8, 2023

    Icon as Featured Image

    We can use the menu icon also as the featured image on documentation pages.

    • Georg Makowski
    • News
    • •
    • Design
    Dec 6, 2023

    Accessible Theme Colors

    The contrast values of the theme are WCGA-compliant in both color modes, light & dark.

    • Georg Makowski
  • magnifiying glass over old scripture
    • News
    • •
    • Design
    Jul 4, 2023

    Search

    The theme is now prepared for Pagefind, a fast open-source full-text search engine for self-hosting.

    • Georg Makowski
  • Full moon
    • News
    • •
    • Design
    Jul 2, 2023

    Dark Mode

    The theme offers a dark mode now. The colors follow the setting of the browser or operating system.

    • Georg Makowski
    • Blog
    • •
    • Design
    Jul 12, 2022

    Accessible fluid Design

    Websites with a fluid-responsive design can be especially user-friendly and accessible. This site is an example.

    • Georg Makowski

All Taxonomies

    • Markdown (54)‍•
    • Configuration (13)‍•
    • Design (10)‍•
    • Template (9)‍•
    • Module (8)‍•
    • Getting Started (7)‍•
    • Overview (4)‍•
    • Release (3)
    • Block (15)‍•
    • Image (13)‍•
    • Inline (10)‍•
    • Hugo (9)‍•
    • Replacement (9)‍•
    • Attribute (7)‍•
    • Workflow (6)‍•
    • Fluid Responsive (5)‍•
    • Page (5)‍•
    • Site (5)‍•
    • Accessible (4)‍•
    • Color (4)‍•
    • Linebreak (4)‍•
    • List (4)‍•
    • Menu (4)‍•
    • Security (4)‍•
    • Code (3)‍•
    • Diagram (3)‍•
    • Feature (3)‍•
    • Punctuation (3)‍•
    • Shortcode (3)‍•
    • Author (2)‍•
    • Embedded (2)‍•
    • Headings (2)‍•
    • Icon (2)‍•
    • Latex (2)‍•
    • Marginal Note (2)‍•
    • Mermaid (2)‍•
    • Navigation (2)‍•
    • Paragraph (2)‍•
    • Related (2)‍•
    • Resources (2)‍•
    • Search (2)‍•
    • Stand-Alone (2)‍•
    • CSS (1)‍•
    • Installation (1)‍•
    • License (1)‍•
    • Privacy (1)‍•
    • Quote (1)‍•
    • Spacing (1)‍•
    • Table (1)‍•
    • Taxonomies (1)‍•
    • Title (1)‍•
    • Tracking (1)‍•
    • VSCode (1)
    • Images (7)‍•
    • Demo (2)

Theme

Apache 2.0 license

Credits

 Thanks to you all!

Content

Creative Commons 4.0 logo

unless noted otherwise.

Generated by

Hugo logo

Apache 2.0 license

Deployed by

  • Netlify
  • GitHub

Tested with

  • PageSpeed Insights
  • HTML-Proofer
  • Sonarcloud
  • Wave
  • Browserstack

Legal matters

  • Licenses
  • Impressum