https://github.com/Semantic-Org/example-github

Example repo using Semantic UI to replicate GitHub Project Home
https://github.com/Semantic-Org/example-github

Last synced: about 2 months ago
JSON representation

Example repo using Semantic UI to replicate GitHub Project Home

• Host: GitHub
• URL: https://github.com/Semantic-Org/example-github
• Owner: Semantic-Org
• Created: 2015-07-28T16:26:08.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2020-12-17T14:17:44.000Z (almost 4 years ago)
• Last Synced: 2024-07-31T17:15:41.478Z (4 months ago)
• Language: CSS
• Homepage: http://semantic-org.github.io/example-github/
• Size: 4.2 MB
• Stars: 151
• Watchers: 16
• Forks: 83
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-semantic-ui - Recreating GitHub - UI project designed to showcase theming with examples to create a packaged theme, using component CSS overrides, and managing themes with `theme.config`. (Themes)

README

        
# GitHub Theming Example

This repo is intended to help give an example of the power of theming in Semantic UI. 

#### Example Layouts

* [GitHub Modern Layout](http://semantic-org.github.io/example-github/index.html)

* [GitHub Classic Layout](http://semantic-org.github.io/example-github/index-classic.html)

### About 

* GitHub's repo homepage is redone using Semantic UI and a packaged [GitHub Theme](https://github.com/Semantic-Org/example-github/tree/master/semantic/src/themes/github)

* To view how this page would look using other themes, simply clone the repo and adjust component's themes in [theme.config](https://github.com/Semantic-Org/example-github/blob/master/semantic/src/theme.config)

* This is also intended to help provide insight into when CSS changes should be included in theme `.overrides` or in custom [layout specific css](https://github.com/Semantic-Org/example-github/blob/master/css/layouts/home.css)

* For example, check out how [theming variables](https://github.com/Semantic-Org/example-github/blob/master/semantic/src/themes/github/collections/menu.variables#L29) and [css overrides](https://github.com/Semantic-Org/example-github/blob/master/semantic/src/themes/github/collections/menu.overrides) create GitHub's unique style of `tabular menu`.