https://github.com/vixalien/ios.html
iOS human design interface completely (re)written in HTML
https://github.com/vixalien/ios.html
Last synced: over 1 year ago
JSON representation
iOS human design interface completely (re)written in HTML
- Host: GitHub
- URL: https://github.com/vixalien/ios.html
- Owner: vixalien
- License: apache-2.0
- Created: 2020-03-17T21:47:24.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-21T14:38:44.000Z (over 3 years ago)
- Last Synced: 2025-02-05T01:29:46.062Z (over 1 year ago)
- Language: JavaScript
- Homepage: ios-html-vixalien.vercel.app
- Size: 3.97 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# iOS-UI
iOS UI is a project, to transcribe [iOS Human Design Interface](https://developer.apple.com/design/human-design-interface/ios) into pure HTML
## Building
### 1. [Stylus](stylus-lang.com)
Stylus is an easy generator that transcribes into CSS, we use it to facilitate CSS
```bash
stylus stylus/ -o css/ -w -l -r --resolve-url-nocheck -U
```
Explanation of Options
----------------------
- -w watch: compile as any change is made
- -l line-number: Emits comments in the generated CSS indicating the corresponding Stylus line
- -r Resolve relative urls inside imports
- --resolve-url-nocheck Like -r but without file existence check
- -U inline-image: Utilize image inlining via data URI support
## Serving
Go to `docs/index.html` to view the docs
## Conributing
Any Contribution is important, especially those that add new elements specified in [iOS Human Design Interface](https://developer.apple.com/design/human-design-interface/ios) or those that improve the existing status
To contribute is very easy
### 1. Clone
First ensure you have git
Clone this repository onto your local filesystem
```bash
git clone https://github.com/vixalien/ios.html.git
```
### 2. Make your changes
### 3. Push it back to the server
```bash
git push master origin -U
```
# Thanks!!!