Skip to main content Link Menu Expand (external link) Document Search Copy Copied

Static Site

A solely static website (no backend). The contents of this directory structure can be bundled into a zip archive for manual upload and deployment or set at the root of a git repository for automated building of the image.

Directory Structure

├── site
│   ├── index.html
│   └── public
│       ├── css
│       │   └── style.css
│       └── images
│           └── logo.png
└── .decycles.json 

File Contents

.decycles.json

In here, the value of builder.source[0].path needs to align with the webroot folder. Only one source folder is permitted for static sites, but the entire directory structure will be copied recursively.

{
  "builder": {
    "type": "static-site",
    "source": [
      {
        "path": "public",
        "type": "source"
      }
    ]
  }
}

site/index.html

<!doctype html>
<html>
<head>
    <title>Hello World - Static Site</title>
    <meta name="description" content="Hello World - Static Site">
    <link rel="stylesheet" href="public/css/style.css">
    <link>
</head>
<body>
<div id="container">
    <img alt="Logo" id="logo" src="public/images/logo-white-on-black.png" />
    <h1>I am a static site</h1>
</div>
</body>
</html>

site/public/css/style.css

body {
    background: black;
}

#container {
    text-align: center;
    font-family: sans-serif;
    padding-top: 200px;
    color: #CCC;
}

#logo {
    width: 500px;
}

site/public/images/logo-white-on-black.png

Decycles Logo

Link to Image