github/semantic-dojo
1
1
Fork 0
mirror of https://github.com/websemantics/semantic-dojo.git synced 2026-04-03 00:28:34 -06:00
Code Issues 3 Projects Releases Packages Wiki Activity
No description
182 commits 2 branches 4 tags 6.4 MiB
Find a file
Exact
Adnan M.Sagar, PhD b2bbd7827d Update README.md
2016-08-02 10:33:13 -04:00
src Update temp.html 2016-07-27 12:51:01 -04:00
.bowerrc changes to folders, and other updates 2015-08-30 03:11:12 +02:00
.gitignore Add npm-debug.log to git ignore 2016-03-29 21:56:13 -04:00
.travis.yml Adding a bower install for travis worker 2016-03-30 16:53:44 -04:00
bower.json Remove dependancy of semantic-ui, work in progress with build process 2016-03-29 23:12:26 -04:00
build.sh Add Travis build image, remove sudo from build script 2016-03-30 16:58:12 -04:00
CHANGELOG Update changlelog and adding Travis secure from Token 2016-03-30 16:40:51 -04:00
config.json make dist folder a self contained app 2016-03-30 14:02:10 -04:00
deploy.sh Adding a bower install for travis worker 2016-03-30 16:53:44 -04:00
gulpfile.js make dist folder a self contained app 2016-03-30 14:02:10 -04:00
index.html Rearrange folders in dist so that the result index.html works in isolation of the rest of the project 2016-03-30 14:53:03 -04:00
LICENSE Moved less folder into a sub module, semantic-dojo-less 2016-03-29 14:23:17 -04:00
package.json Remove gulp install script call from packages.json 2016-03-30 17:05:27 -04:00
README.md Update README.md 2016-08-02 10:33:13 -04:00

README.md 

                   __________________________ 
                  |░░░░░░░░░░░░░░░░░░░░░░░░░░|     
                  |░░░░░░░░░|`     ,|░░░░░░░░|     
                  |░░░░░░░|          |░░░░░░░|           __    _________    __    _________
                  |░░░░░░░|   |░░░░░░░░░░░░░░|          |  |  |_________|  |__|  |_________|
                  |░░░░░░░|      `|░░░░░░░░░░|    ______|  |   _________    __    _________
                  |░░░░░░░░░░|       |░░░░░░░|   (   ___   |  (   ___   )  |  |  (   ___   )
                  |░░░░░░░░░░░░░░|    |░░░░░░|   |  |   |  |  |  |   |  |  |  |  |  |   |  |
                  |░░░░░░░|   `.,.   .|░░░░░░|   |  |   |  |  |  |   |  |  |  |  |  |   |  |
                  |░░░░░░░░|        |░░░░░░░░|   |  |   |  |  |  |   |  |  |  |  |  |   |  |
                  |░░░░░░░░░░░░░░░░░░░░░░░░░░|   |  |___|  |  |  |___|  |  |  |  |  |___|  |
                  |░░░░░░░░░░░░░░░░░░░░░░░░░░|   (_________)  (_________)  |  |  (_________)
                                                                           |  |  
                                                                TOOLKIT |\_/  /  
                                                                         \___/

Last update: 2 August 2016

Build Status

A responsive Dojo theme that harnesses the style awesomeness of Semantic UI Framework with Dojo Toolkit powerful UI widgets, for modern Web apps.

A new method of building Dijit Themes following the Semantic UI approach with a similar folder structure throught this project.

Dijit widgets directly import and inherint CSS from their Semantic UI conterparts, if any!

Try live demo.

Screenshot

Install

This will generate the master Semantic Dojo styles at dist/semantic-dojo.css, assets at dist/themes and compiled Dojo app at dist/src/app

Clone locally

git clone https://github.com/websemantics/semantic-dojo

Run build script

./build.sh

View index.html or src/app/index.html

Guide

Semantic UI is an awesome CSS framework that provides a wide range of UI components. A powerful feature of Semantic UI is the ability to build various themes to each of its compoenents. For example, the Button widget comes with a varity of themes for example, flat default, basic, github, raised and many more.

Semantic Dojo brings these awesome features to Dojo Toolkit, allowing those who love DTK to build modern Web apps.

To test different themes for the supported widgets, go to 'less/theme.config' and change the Button theme for example from 'default' to 'raised': @button : 'raised';, refresh and enjoy!

This will build the dojo app to dist/app folder, and also run gulp for Semantic Dojo.

Development

To contribute to Semantic Dojo, follow the installation steps above then edit:

  • The main dev page, src/app/dev.html
  • Semantic Dojo home page, src/app/index.html

Semantic Dojo

Credits

Few of this themes elements have been a port from Dojo Flat Theme with adjucements for the Semantic UI generic styles and user experince.

Open Source Projects Used