This project is used to generate static HTML pages and accompanying assets for Nanobox quickstarts/bootstraps. It's built using Middleman and is designed to run using Nanobox. If you haven't already, create a free Nanobox account and download and install Nanobox.
From the root of the the project, run:
# add a convenient way to access the app in a browser
nanobox dns add local bootstrap-landing.dev
# start Nanobox and drop into a console
nanobox run
# start the middleman server
middlemanTo generate all the static files, from inside the Nanobox console, run:
middlman buildAll static files will be generated in the build directory. When including them in the actual projects, be sure to update the stylesheet and favicon paths in the <head>.
Projects are organized by language. Each project needs the following files:
This is simply an svg file renamed with the .erb so Middleman can load it into the template as a partial.
Simply favicon using the project icon. It should be 32px × 32px.
While this is used to generate the actual page, it only contains yaml front-matter and basically serves as a variable declaration file. Each index.html.x must include the following:
---
project: Project Name
language: Runtime Language
more_info:
links:
- text: Link Text
href: Link href
---This to is used to generate the css for each landing page, but really only serves as a variable declaration file. It must contain the following:
@import "../../stylesheets/base";
// Colors
$bg-left: #333; // Background Grandient Left
$bg-right: #000; // Background Grandient Right
$burst: #fff; // Burst Line Color
$shadow: #000; // Icon Shadow Color
$heading: #fff; // H2 $ H4 Color
$text: #999; // Text Color
$link: #999; // Link Color
$link-hover: #fff; // Link Hover Color
@import "../../stylesheets/project-template"
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent