https://github.com/ctxhou/onepage
Simple way to create onepage website.
https://github.com/ctxhou/onepage
Last synced: 11 months ago
JSON representation
Simple way to create onepage website.
- Host: GitHub
- URL: https://github.com/ctxhou/onepage
- Owner: ctxhou
- Created: 2014-11-13T17:44:23.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2014-11-23T09:17:52.000Z (over 11 years ago)
- Last Synced: 2025-03-04T07:40:36.569Z (over 1 year ago)
- Language: CSS
- Homepage: https://ctxhou.github.io/onepage
- Size: 277 KB
- Stars: 2
- Watchers: 5
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# onepage
Simple way to create onepage website.
## Usage
### Including files:
```html
```
### HTML structure
**Set one content in each page view**
```html
First View
Second View
Third View
```
**Set multi content in some page views**
insert `page_content` class in page_view
```html
First View
second view first content
second view second content
Third View
```
**Set the header anchor link**
```html
choice1
choice2
choice3
```
### Initialization
Default Initialization:
```javascript
$("#onepage").onepage();
```
Alter options:
```javascript
$("#onepage").onepage({
'resize': true,
'navLink': '.header-choice-link',
'sectionSelector': '.page_view',
'bg_color': '["yellow", "blue"]'
});
```
### Options
| Options | value | default | explain |example|
|-----------------|--------------|---------------------|--------------------------------------------|--------------------------------------------|
| resize | true / false | true | true: page_view is full height; vice versa ||
| navLink | class name | .header-choice-link | customize your header link class ||
| sectionSelector | class name | .page_view | customize your section view class ||
| bkg_color | [section color] | [ ] | customize your section color |[["#aaa","blue"], "tomato"]|
## Develop
### Environment
First, install the needed ruby gem
bundle install
### Compile css file
compass watch
#License
MIT