https://github.com/spacenectar/site-placeholder

A template to make a placeholder for an upcoming site/project
https://github.com/spacenectar/site-placeholder

Last synced: 13 days ago
JSON representation

A template to make a placeholder for an upcoming site/project

• Host: GitHub
• URL: https://github.com/spacenectar/site-placeholder
• Owner: spacenectar
• License: gpl-3.0
• Created: 2022-08-04T08:26:54.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2022-08-05T10:13:18.000Z (almost 4 years ago)
• Last Synced: 2025-01-20T07:08:13.407Z (over 1 year ago)
• Language: CSS
• Size: 3.11 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

          
# Site placeholder

A template to make a placeholder for an upcoming site/project. It has no dependencies and can be deployed to static hosting.

![Example Screenshot](https://raw.githubusercontent.com/spacenectar/site-placeholder/f2eabc2fb56097ae9908f1aa4e253c29e536f953/screenshot.png)

## Getting started

This is an incredibly basic project. So getting started is as simple as opening `globals.json` and adding your own data and replacing the logo, bg and favion files.

Done.

## Customising

Once you have cloned a copy of the repo down, you are free to customise anything you like. All items are targetable via css classes.

**NOTE:**: The images are embedded in the page via js and will either be an `img` tag or an `svg` tag. They do not have classes of their own but can be targeted via their parent class which is `.logo`.

## Description of each variable in globals.json

| Variable | Description | Required | Default

| --- | --- | --- | --- |

| name | The name of your application | true | '' |

| description | The contents of the meta description tag | true | '' |

| logoPath | The path to your logo file | true | './logo.svg' |

| backgroundPath | The path to your background image | false | './bg.jpg' |

| titleColour | The colour you wish to use as the title text | false | '#bdbdbd' |