logo
AboutContactAuthor
Back

Lorem ipsum is Awesome.

Design

May 04, 2019

Stephan Lee

TL;DR👌🏻

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Emphasis

Emphasis, aka italics, with asterisks or underscores.

Strong emphasis, aka bold, with asterisks or underscores.

Combined emphasis with asterisks and underscores.

Strikethrough uses two tildes. Scratch this.

Lists

  1. First ordered list item
  2. Another item
  3. Actual numbers don't matter, just that it's a number
  4. Unordered list can use asterisks
  5. Or minuses
  6. Or pluses

Links

I'm an inline-style link

I'm an inline-style link with title

I'm a reference-style link

I'm a relative reference to a repository file

You can use numbers for reference-style link definitions

Or leave it empty and use the link text itself.

URLs and URLs in angle brackets will automatically get turned into links. http://www.example.com or http://www.example.com and sometimes example.com (but not on Github, for example).

Some text to show that the reference links can follow later.

Images

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Code and Syntax Highlighting

var s = "JavaScript syntax highlighting";
alert(s);
No language indicated, so no syntax highlighting.
But let's throw in a <b>tag</b>.

JSX

src/components/BaseLayout.jsx
import React, { ReactNode } from "react";
import { Helmet } from "react-helmet";
import { Button } from "components/button/Button";

import Logo from "../../assets/svg/kerry-logo.svg";
import Dribbble from "../../assets/svg/dribbble.svg";
import GitHub from "../../assets/svg/github.svg";
import Spotify from "../../assets/svg/spotify.svg";
import Letterboxd from "../../assets/svg/letterboxd.svg";

import { helmet } from "../../utils/helmet";
import { Header } from "../header/Header";
import { HeaderLink } from "../header/HeaderLink";
import { Footer } from "../footer/Footer";
import { Devtools } from "../devtools/Devtools";

import s from "./BaseLayout.scss";

interface BaseLayoutProps {
  children: ReactNode;
}

const isDev = process.env.NODE_ENV === "development";

// tslint:disable no-default-export
export default ({ children }: BaseLayoutProps) => (
  <div className={s.layout}>
    <Helmet {...helmet} />

    <Header>
      <HeaderLink to="/about" name="About" />
      <HeaderLink to="/contact" name="Contact" />
      <Button href="https://kerrytokyo.com/">Author</Button>
    </Header>

    {children}

    <Footer
      logo={<Logo />}
      social={[
        { icon: <Dribbble />, to: "https://dribbble.com/kerry-tokyo" },
        { icon: <Letterboxd />, to: "https://letterboxd.com/vivingston" },
        { icon: <GitHub />, to: "https://github.com/kerry-tokyo" },
        {
          icon: <Spotify />,
          to:
            "https://open.spotify.com/user/v8vi31q8nof0di7jzzsw7vhkd?si=rBHI-m6WQiuji_Ix0NYVow",
        },
      ]}
    />

    {isDev && <Devtools />}
  </div>
);

Blockquotes

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing.

Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

Horizontal Rule

Horizontal Rule

Three or more...


Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum


Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum