Design

For all of the content in this portfolio (and links to my content from this portfolio), I designed the sites and created the CSS. The following links give you a couple additional examples:

• Auto-closing drop-down sections

• Content carousel

Content tabs

These are some examples of content tabs.

Plain textUnordered listOrdered list

This is some plain text

• First item
• Second item
• Third item

1. First item
2. Second item
3. Third item

Code blocks in content tabs

These content tabs provide a way to show code in various languages.

PythonJavaScript

def main():
    print("Hello world!")

if __name__ == "__main__":
    main()

function main() {
    console.log("Hello world!");
}

main();

Diagram examples

These diagrams are not .png or other images. They are created with markdown text, which is then built by python and mkdocs into diagrams.

Flowchart

 

graph LR
  A[Start] --> B{Failure?};
  B -->|Yes| C[Investigate...];
  C --> D[Debug];
  D --> B;
  B ---->|No| E[Success!];

 

 

Sequence diagram

 

sequenceDiagram
  autonumber
  Server->>Terminal: Send request
  loop Health
      Terminal->>Terminal: Check for health
  end
  Note right of Terminal: System online
  Terminal-->>Server: Everything is OK
  Terminal->>Database: Request customer data
  Database-->>Terminal: Customer data