-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
5 changed files
with
11 additions
and
11 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -3,7 +3,7 @@ | |
Add the following piece (~no~ pun intended) of code before the closing ```</body>``` tag on your website to promote **PEACE.JS**: | ||
|
||
```html | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected].0/peace.min.js" async></script> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected].1/peace.min.js" async></script> | ||
``` | ||
|
||
*You can actually paste it anywhere inside the ```<body>```. It will inject itself at the same DOM level as the ```<script>``` tag.* | ||
|
@@ -13,31 +13,31 @@ Add the following piece (~no~ pun intended) of code before the closing ```</body | |
By default, **PEACE.JS** will be appeneded to the parent element of the ```<script>``` tag. If you'd like to inject it somewhere else, simply add the `data-target` attribute: | ||
|
||
```html | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected].0/peace.min.js" data-target="#footer" async></script> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected].1/peace.min.js" data-target="#footer" async></script> | ||
``` | ||
|
||
## Link | ||
|
||
**PEACE.JS** will automatically link the generated peace banner to the project's homepage. By default the link will open in a new window. You can either change it to open in the same window or to not have any link at all (why would you want to do that though is beyond me :smirk:). Possible values are: anything supported by the [a[target]](https://www.w3schools.com/tags/att_a_target.asp) attribute or `false` to disable the link. | ||
|
||
```html | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected].0/peace.min.js" data-link="_self" async></script> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected].1/peace.min.js" data-link="_self" async></script> | ||
``` | ||
|
||
## Themes | ||
|
||
The default text color for **PEACE.JS** is black. This can be controlled via the `data-theme` attribute. Possible values are: `black`, `white`, `green`, `blue` & `red`. | ||
|
||
```html | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected].0/peace.min.js" data-theme="blue" async></script> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected].1/peace.min.js" data-theme="blue" async></script> | ||
``` | ||
|
||
## Style | ||
|
||
By default, **PEACE.JS** will show the word Peace in different languages. If you prefer instead to show a peace symbol, simply add the `data-style="symbol"` attribute to the script tag. Possible values are: `text`, `symbol` | ||
|
||
```html | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected].0/peace.min.js" data-style="symbol" async></script> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected].1/peace.min.js" data-style="symbol" async></script> | ||
``` | ||
|
||
## Autoloading | ||
|
@@ -47,7 +47,7 @@ You can also disable the automatic activation of the banner by adding the attrib | |
The ```peaceJS()``` function accepts an optional argument of either a hash of options, DOM element, DOM selector or jQuery object. Any option passed to ```peaceJS()``` has precedence over what was defined on the ```<script>``` tag. | ||
|
||
```html | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected].0/peace.min.js" data-auto="false" data-theme="green" data-link="_self" async></script> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected].1/peace.min.js" data-auto="false" data-theme="green" data-link="_self" async></script> | ||
|
||
<script> | ||
// Default behaviour | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,7 @@ | ||
/** | ||
* PEACE.js - http://humancopy.net/peace-js.html | ||
* Peace please, humancopy.net 2017 | ||
* Version 1.3.0 | ||
* Version 1.3.1 | ||
* | ||
*/ | ||
|
||
|
@@ -42,7 +42,7 @@ var peaceJS; | |
if (target_element) { | ||
// Load the CSS | ||
link = document.createElement('link'); | ||
link.href = 'https://cdn.jsdelivr.net/npm/[email protected].0/peace.min.css'; | ||
link.href = 'https://cdn.jsdelivr.net/npm/[email protected].1/peace.min.css'; | ||
link.type = 'text/css'; | ||
link.rel = 'stylesheet'; | ||
link.media = 'screen,print'; | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters