From 947f15bc339efb29671286b3e34b310e4c574f5c Mon Sep 17 00:00:00 2001 From: jlukic Date: Mon, 24 Nov 2014 01:21:09 -0500 Subject: [PATCH] Update some copy --- server/documents/behaviors/api.html.eco | 5 ++-- server/documents/elements/header.html.eco | 28 +++++++++-------------- server/documents/index.html.eco | 21 +++++++++++++---- server/documents/modules/sticky.html.eco | 22 ++++++++++++++---- server/files/stylesheets/docs.css | 5 +--- 5 files changed, 48 insertions(+), 33 deletions(-) mode change 100644 => 100755 server/documents/behaviors/api.html.eco diff --git a/server/documents/behaviors/api.html.eco b/server/documents/behaviors/api.html.eco old mode 100644 new mode 100755 index cb3290000..18384c7cd --- a/server/documents/behaviors/api.html.eco +++ b/server/documents/behaviors/api.html.eco @@ -26,7 +26,7 @@ type : 'UI Behavior'
Deal with resources not URLs
-

Create named actions like 'follow user' and have API handle URL templating, parameters, and other annoyances for you.

+

Use API actions like 'follow user' and not server urls in your code. Centrally manage your entire API making sure you aren't caught modifying urls across your codebase. Define your endpoints using an intuitive templating system that automatically passes data found in your UI.

@@ -34,7 +34,8 @@ type : 'UI Behavior'
State Management
-

Easily tie server events like AJAX loading elements using intuitive defaults based on the context inside your interface. Set maximum and minimum request times, toggle between UI states, and easily sync state between multiple elements with the same API actions.

+

API helps your UI keep track of server events, and is designed to work with Semantic's state naming conventions to track loading, disabled, and active stats.

+

Allowing you to do things like set maximum and minimum request times, toggle between text states, and sync state between multiple buttons with the same API actions.

diff --git a/server/documents/elements/header.html.eco b/server/documents/elements/header.html.eco index e4dceccdc..e869cb31c 100755 --- a/server/documents/elements/header.html.eco +++ b/server/documents/elements/header.html.eco @@ -9,7 +9,7 @@ title : 'Header' description : 'A header provides a short summary of content' type : 'UI Element' -themes : ['Default', 'Classic', 'Bookish', 'Chubby'] +themes : ['Default', 'Classic', 'Bookish', 'Chubby', 'Material'] --- <%- @partial('header') %> @@ -25,22 +25,16 @@ themes : ['Default', 'Classic', 'Bookish', 'Chubby']

Page Headings

Headers may be oriented to give the heirarchy of a section in the context of the page

Page headings use standard h1-h6 tags, and size themselves relative to the base font of the entire page.
-
- Base Font - Base Font -
-
-

First header

- -

Second header

- -

Third header

- -

Fourth header

- -
Fifth header
- -
+

First header

+ +

Second header

+ +

Third header

+ +

Fourth header

+ +
Fifth header
+
diff --git a/server/documents/index.html.eco b/server/documents/index.html.eco index e4c6099bd..8937628ff 100755 --- a/server/documents/index.html.eco +++ b/server/documents/index.html.eco @@ -23,6 +23,17 @@ type : 'Semantic'
+
+ + +
@@ -48,7 +59,7 @@ type : 'Semantic'
- 1.0.0 Beta + 1.0.0

@@ -84,7 +95,7 @@ type : 'Semantic' Unbelievable Theming

-

Semantic provides real design freedom. High level variables and an intuitive inheritance system lets you change the look and feel of your components with just a handful of lines.

+

Semantic offers complete design freedom. High level variables and an intuitive inheritance system lets you change the look and feel of your components with just a handful of lines. Intui

@@ -167,7 +178,7 @@ type : 'Semantic' 3000+ CSS Variables

The only dogma from this framework: everything arbitrary is mutable.

- Customization Guide + Integration Guide

@@ -907,14 +918,14 @@ type : 'Semantic' Responsively Designed

-

Semantic lets you choose from built in responsive patterns that let you tailor-fit your designs for tablet and mobile.

+

Semantic is designed complely with em making reponsive sizing a breeze. Design variations built into elements allow you to choose how content adjusts for tablet and mobile.

Partners with Libraries You Love

-

Semantic works alongside Angular, Meteor, Ember and other frameworks to help organize your UI layer alongside your application logic.

+

Semantic has integrations with Angular, Meteor, Ember and many other frameworks to help organize your UI layer alongside your application logic.

diff --git a/server/documents/modules/sticky.html.eco b/server/documents/modules/sticky.html.eco index be23432fd..09d0facdc 100755 --- a/server/documents/modules/sticky.html.eco +++ b/server/documents/modules/sticky.html.eco @@ -276,11 +276,21 @@ type : 'UI Module'

Initializing

-

Sticky is initialized on the content that should be stuck to viewport. Most instances require specifying a secondary context which will define the top and bottom bounds of the sticky element.

+

Sticky is initialized on content that should be stuck to viewport. Most instances require specifying a secondary context which will define the top and bottom bounds of the sticky element. Sticky content must be included inside a containing element. This container can be a ui rail or your own arbitrary container, but should exist parallel to your context.

+
+
+
+ +
+
+
+ +
+
$('.ui.sticky') .sticky({ - context: '#element-to-follow' + context: '#context' }) ;
@@ -303,6 +313,7 @@ type : 'UI Module' ;
+

Sticky Conditions

Sticky content is required to be inside its own position: relative container that is either the sticky context, or shares vertical positioning with the context element.

@@ -342,11 +353,13 @@ type : 'UI Module'

Adjusting Offset and Padding

-

If you have

+

If you have content fixed to the viewport it might make sense to include a top or bottom offset. An offset will adjust all values so that content does not overlap any content between the top of the browser and the specified value. A bottomOffset will do the same thing for content fixed to the bottom of the viewport.

$('.ui.sticky') .sticky({ - context: '#element-to-follow' + offset : 50, + bottomOffset : 50, + context : '#element-to-follow' }) ;
@@ -402,7 +415,6 @@ type : 'UI Module' - Parameters Context Description diff --git a/server/files/stylesheets/docs.css b/server/files/stylesheets/docs.css index df27d2896..55afd5673 100755 --- a/server/files/stylesheets/docs.css +++ b/server/files/stylesheets/docs.css @@ -637,9 +637,6 @@ body#example.hide { padding: 3em 0em 0em; -webkit-tap-highlight-color: transparent; } -#example .example:last-child { - margin-bottom: 5em; -} /* Header */ #example .example > h4:first-child { @@ -1482,7 +1479,7 @@ body.progress.animated .ui.progress .bar { border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; - padding: 2em 2em; + padding: 2em 2em 7em; z-index: 1; } #example .wide.main.container {