README.md in repres-hyper_text-1.1 vs README.md in repres-hyper_text-1.2
- old
+ new
@@ -1,36 +1,41 @@
# Repres HyperText 超文本资源表现引擎
[](http://opensource.org/licenses/MIT)
[](https://badge.fury.io/rb/repres-hyper_text)
+[](https://gemnasium.com/github.com/topbitdu/repres-hyper_text)
Repres (REsource PRESentation) is a series of resource presentation engines. The Hyper Text resource presentation engine includes HyperText-based resource presentation templates & snippets.
Repres (资源表现)是一系列的资源表现引擎。超文本资源表现引擎包括基于超文本的资源表现模版和片段。
## Recent Update
+
Check out the [Road Map](ROADMAP.md) to find out what's the next.
Check out the [Change Log](CHANGELOG.md) to find out what's new.
## Usage in Gemfile
+
```ruby
gem 'repres-hyper_text'
```
## Include the Helper in your Application Controller before Render the Style or Script
+
```ruby
helper Repres::HyperText::ApplicationHelper
```
## Render the Pre-defined Partials
+
```erb
<html>
<head>
@@ -62,13 +67,12 @@
</body>
</html>
```
-
-
### Render the Meta
+
The Meta partial includes the HTML meta tags for HTML 5.
```erb
<%= render partial: 'repres/hyper_text/meta' %>
<!-- or the following line works identically -->
<%= hyper_text_meta %>
@@ -82,13 +86,12 @@
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
```
-
-
### Render the Favorite Icon
+
The Icon partial includes the HTML link tags for Favorite Icons.
```erb
<%= render partial: 'repres/hyper_text/icon',
locals: {
options: {
@@ -100,15 +103,14 @@
%>
<!-- or the following line works identically -->
<%= hyper_text_icon safari_mask_icon_color: '#5bbad5', microsoft_application_title_color: '#da532c', theme_color: '#ffffff' %>
```
-
-
### Render the Script
-The Script partial includes the HTML script tags. Only the [Boot CDN](http://cdn.bootcss.com/) servers are supported.
+The Script partial includes the HTML script tags. The [Boot CDN](http://cdn.bootcss.com/) server is supported by default. However, the :cdn option could be passed in to support other CDN servers. The CDN servers must syncrhonize with [cdnjs](https://github.com/cdnjs/cdnjs).
+
The following code snippet does not load any JavaScript library.
```erb
<%= render partial: 'repres/hyper_text/script' %>
<!-- or the following line works identically -->
<%= hyper_text_script %>
@@ -121,24 +123,23 @@
<%= hyper_text_script jquery: true %>
```
The following code snippet loads the jQuery with the given version.
```erb
-<%= render partial: 'repres/hyper_text/script', locals: { options: { jquery: { version: '2.2.0' } } } %>
+<%= render partial: 'repres/hyper_text/script', locals: { options: { jquery: { version: '2.2.0', cdn: 'cdn.server.com' } } } %>
<!-- or the following line works identically -->
-<%= hyper_text_script jquery: { version: '2.2.0' } %>
+<%= hyper_text_script jquery: { version: '2.2.0', cdn: 'cdn.server.com' } %>
```
The following JavaScript libraries are switchable, and the version can be configurable:
- :modernizr
- :jquery
-
-
### Render the Style
-The Style partial includes the HTML style tags. Only the [Boot CDN](http://cdn.bootcss.com/) servers are supported.
+The Style partial includes the HTML style tags. The [Boot CDN](http://cdn.bootcss.com/) server is supported by default. However, the :cdn option could be passed in to support other CDN servers. The CDN servers must syncrhonize with [cdnjs](https://github.com/cdnjs/cdnjs).
+
The following code snippet does not load any CSS library.
```erb
<%= render partial: 'repres/hyper_text/style' %>
<!-- or the following line works identically -->
<%= hyper_text_style %>
@@ -151,12 +152,12 @@
<%= hyper_text_style :'font-awesome' => true %>
```
The following code snippet loads the Font Awesome with the given version.
```erb
-<%= render partial: 'repres/hyper_text/style', locals: { options: { :'font-awesome' => { version: '4.4.0' } } } %>
+<%= render partial: 'repres/hyper_text/style', locals: { options: { :'font-awesome' => { version: '4.4.0', cdn: 'cdn.server.com' } } } %>
<!-- or the following line works identically -->
-<%= hyper_text_style :'font-awesome' => { version: '4.4.0' } %>
+<%= hyper_text_style :'font-awesome' => { version: '4.4.0', cdn: 'cdn.server.com' } %>
```
The following CSS libraries are switchable, and the version can be configurable:
- :'font-awesome'
- :buttons