nicnocqueenicnocquee
405

Appolo

screenshot of Appolo

Plugins and Themes for Jekyll to create App Portfolio for Developers

GithubDemo

Overview

Appolo is a set of plugins and themes for Jekyll that allows app developers to create a static portfolio website to showcase their work. Its minimalistic theme and playful animations make it perfect for displaying the amazing apps that developers have created. The responsive design ensures a great user experience on both desktop and mobile devices. In addition to the theme itself, Appolo also includes a set of plugins that make formatting app pages much easier. Overall, Appolo is a developer-friendly solution for showcasing multiple apps on a Jekyll website.

Features

  • Minimalistic theme with playful animations
  • Responsive design for desktop and mobile devices
  • Set of plugins to simplify formatting app pages
  • Custom Liquid tags for easier writing and formatting of app pages

Adding a New App

To add a new app to the website, follow these steps:

  1. Create a markdown file in the _posts directory or duplicate the sample markdown file in _posts/2015-12-26-appolo.markdown.

  2. Set the variables in the YAML Front Matter block with your app's parameters. The available variables are:

    • layout: Always use "post".
    • title: Title that appears on the top of the app's page.
    • subtitle: Subtitle that appears after the title in the app's page.
    • description: Used in the head's meta.
    • date: Published date.
    • categories: Not used currently.
    • permalink: NEEDED. This sets the app's URL to baseurl/permalink.
    • device: Type of device to use for this app in the landing page. Available options: imac, macbook, iphone, ipad, and apple-watch.
    • name: Name of the app that is shown on the landing page.
    • tagline: Shown under the name on the landing page.
    • external_url: OPTIONAL. If you want to open an external URL when the user clicks on the app, set this variable.

Writing a New App Page

Appolo includes custom Liquid tags to make writing an app page easier. The available tags and their descriptions are:

  • {% section_title "Section Title Here" %}: Use this tag to render a section title.
  • {% img alignment | relative_path_to_image | alt %}: Use the img tag to render an image with an assigned alignment. Available alignments: center, right, left, fill-width.
  • {% textalign center %}: Use the textalign block to set the paragraph alignment.
  • {% youtube youtube_id %}: Use the youtube tag followed by the ID of the video to show a responsive YouTube frame.
  • {% features %}: Use the features block to list the features of your apps.
  • {% download type | url %}: Use the download tag to render a button to download your app. Available options for type: app_store, play_store, direct, and coming_soon.

Summary

Appolo is a set of plugins and themes for Jekyll that allows developers to create a static portfolio website to showcase their apps. It provides a minimalistic theme with playful animations and a responsive design that looks great on both desktop and mobile devices. The included plugins make it easy to format app pages, and custom Liquid tags simplify the writing process. Overall, Appolo is a developer-friendly solution for showcasing multiple apps with Jekyll.