Elements

At Aspire Themes I use a lot of tools to help me create WordPress, Ghost and Jekyll themes. Tools will range from development, design, services, hosting and automation.

Graphic design is the paradise of individuality, eccentricity, heresy, abnormality, hobbies, and humors. — George Santayana.


Simple default styles for headings

Simple default styles for headings

Simple default styles for headings

Simple default styles for headings

Simple default styles for headings
Simple default styles for headings

  • Ut at interdum nunc. Maecenas commodo turpis quis elementum gravida.
  • Nunc ac sapien tellus. Quisque risus enim, tempus eget porttitor.
  • Donec nibh massa, rutrum a sollicitudin eu, lacinia in lorem.

  1. Ut at interdum nunc. Maecenas commodo turpis quis elementum gravida.
  2. Nunc ac sapien tellus. Quisque risus enim, tempus eget porttitor in.
  3. Donec nibh massa, rutrum a sollicitudin eu.

Graphic design is the paradise of individuality, eccentricity, heresy, abnormality, hobbies, and humors. — George Santayana

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

attr

HTML


Responsive Tables

# Heading Heading Heading Heading Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell Cell Cell Cell Cell
2 Cell Cell Cell Cell Cell Cell Cell Cell Cell
3 Cell Cell Cell Cell Cell Cell Cell Cell Cell

YouTube Responsive Embed
Vimeo Responsive Embed
Purpose

Taken from a collection of 1200 interviews on the streets of New York City, this week's episode features people searching for a purpose.

Gepostet von Humans of New York: The Series am Donnerstag, 21. September 2017
Facebook Responsive Embed
TED Responsive Embed
Dailymotion Responsive Embed
SoundCloud Embed
CodePen Embed
Twitter Embed
Instagram Embed

Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be adapted for most purposes. However, Ghost can also be completely themed to suit your needs. Rather than just giving you a few basic settings which act as a poor proxy for code, we just let you write code.

Responsive & Medium Style Image Zoom
Wide Image
Full Width Image

Syntax Highlighting

'use strict';
var markdown = require('markdown').markdown;
function Editor(input, preview) {
  this.update = function() {
    preview.innerHTML = markdown.toHTML(input.value);
  };
  input.editor = this;
  this.update();
}

You can add inline code just like this, E.g. {{image absolute="true"}}

pre {
  background-color: #f4f4f4;
  max-width: 100%;
  overflow: auto;
}

GitHub gist Embed


Input Style


Buttons Style


<button class='c-btn'>Button</button>
<button class='c-btn c-btn--small'>Button</button>
<button class='c-btn c-btn--full'>Button</button>


<button class='c-btn c-btn--active'>Button</button>
<button class='c-btn c-btn--active c-btn--small'>Button</button>
<button class='c-btn c-btn--active c-btn--full'>Button</button>