...
Aura - Background Content |
---|
Aura - Background Content |
---|
backgroundImageHrefType | link |
---|
padding | 40 |
---|
backgroundColor | #003167 |
---|
backgroundImageHref | https://images.unsplash.com/photo-1497366754035-f200968a6e72?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80 |
---|
containerMinHeight | 700 |
---|
backgroundSize | cover |
---|
contentPosition | center |
---|
backgroundPosition | center center |
---|
|
Aura - Title |
---|
color | #f3f3f3 |
---|
textAlign | center |
---|
fontSize | 90 |
---|
lineHeight | 90 |
---|
cloudText | Demo Title |
---|
tag | h1 |
---|
fontWeight | bold |
---|
| OSCE Communities |
Aura - Title |
---|
color | #ffffff |
---|
textAlign | center |
---|
fontSize | 40 |
---|
lineHeight | 40 |
---|
cloudText | Demo Title |
---|
tag | h1 |
---|
fontWeight | lighter |
---|
| OSCE Communities are online collaboration spaces developed by the OSCE in support of the activities aimed at the implementation of its comprehensive concept of security. |
Aura - Title |
---|
color | #fbaf17 |
---|
textAlign | center |
---|
fontSize | 20 |
---|
lineHeight | 20 |
---|
cloudText | Demo Title |
---|
tag | h1 |
---|
fontWeight | bold |
---|
| Most spaces are open only to registered users. TheSpaces followingbelow are public spaces.available for you: |
Aura - Divider |
---|
serializedStyles | {"alignment":{"horizontal":"center"},"icon":{"name":"faPaperPlane","color":"#333","size":24},"text":{"color":"#333","fontSize":14,"textAlign":"left","fontWeight":"bold","text":"Aura Divider"},"border":{"top":false,"right":false,"bottom":true,"left":false,"color":"#fec465","style":"solid","width":1},"size":{"width":350}} |
---|
type | regular |
---|
|
|
Aura - Background Content |
---|
backgroundImageHrefType | link |
---|
padding | 40 |
---|
backgroundColor | #003167 |
---|
backgroundImageHref | https://images.unsplash.com/photo-1497366412874-3415097a27e7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80 |
---|
containerMinHeight | 750 |
---|
backgroundSize | cover |
---|
contentPosition | center |
---|
backgroundPosition | center center |
---|
| Aura - Cards |
---|
layout | icon-center |
---|
gutter | 0 |
---|
hover | shrink |
---|
padding | 20 |
---|
cardsCollection | [{"title":"Online Version of the Compendium","body":"","color":"#a3b2ba","icon":"faPaperPlane","image":"2523665","imageType":"attachment","href":"https://communities.osce.org/pages/viewpage.action?pageId=589847","hrefType":"link","hrefTarget":"_blank"},{"title":"Onboarding ","body":"Getting started in OSCE Communities.","color":"#fec465","icon":"faPaperPlane","image":"https://images.unsplash.com/photo-1501690364027-04faa1e9cb9a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1374&q=80","imageType":"link","href":"https://communities.osce.org/display/OBWS/Onboarding+workspace","hrefType":"link","hrefTarget":"_blank"}] |
---|
columns | 1 |
---|
imagePosition | left |
---|
theme | fabric |
---|
decoration | image |
---|
imageHeight | 45 |
---|
maxWidth | 100% |
---|
|
Aura - Cards |
---|
layout | icon-center |
---|
gutter | 0 |
---|
hover | shrink |
---|
padding | 0 |
---|
cardsCollection | [{"title":"Interested in starting or joining a space? ","body":"Please email us at ICTS-onlinespace@osce.org","color":"#b6d776","icon":"faMailBulk","image":"https://images.unsplash.com/photo-1540979388789-6cee28a1cdc9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=100","imageType":"link","href":"","hrefType":""}] |
---|
columns | 1 |
---|
imagePosition | top |
---|
theme | aura |
---|
decoration | icon |
---|
imageHeight | 40 |
---|
maxWidth | 100% |
---|
|
|
|
Image Removed
Html-bobswift |
---|
<script>
OSCEUserSpaces = {
storeKey: "osce-user-spaces"
, rootNode: "#main-content div:nth-child(1) div:nth-child(1)"
, webServiceUrl : "https://communities.osce.org/rest/api/space?expand=icon"
, init() {
const cached = localStorage.getItem( this.storeKey );
cached && this.draw( JSON.parse( cached ));
this.read();
}
, async read() {
let response = await fetch(this.webServiceUrl);
let data = await response.text();
if( data ) {
try{
this.draw( JSON.parse( data ) );
localStorage.setItem( this.storeKey, data );
}
catch(e) {
console.warn(e)
}
}
}
, draw( result ) {
const spaces = result.results.filter( space => ( space.type == 'global' && ! ["WTOC","OBWS","CTHBSOURCE"].includes( space.key ) ) );
const root = document.querySelector( this.rootNode );
const main = document.createElement( "div");
const oldNode = document.getElementById( this.storeKey);
oldNode && oldNode.remove();
main.id = this.storeKey;
html = `
<section spaces>
<main spaces>
<div header>Your Communities</div>
`;
if( spaces.length > 0) {
spaces.forEach( space => {
html += `
<a href= |
Aura - Background Content |
---|
Aura - Background Content |
---|
|
backgroundImageHrefType | link |
---|
padding | 40 |
---|
backgroundColor | #003167 |
---|
backgroundImageHref | https://images.unsplash.com/photo-1497366754035-f200968a6e72?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80 |
---|
containerMinHeight | 700 |
---|
backgroundSize | cover |
---|
contentPosition | center |
---|
backgroundPosition | center center |
---|
|
Aura - Title |
---|
color | #f3f3f3 |
---|
textAlign | center |
---|
fontSize | 90 |
---|
lineHeight | 90 |
---|
cloudText | Demo Title |
---|
tag | h1 |
---|
fontWeight | bold |
---|
|
OSCE Communities |
Aura - Title |
---|
color | #ffffff |
---|
textAlign | center |
---|
fontSize | 40 |
---|
lineHeight | 40 |
---|
cloudText | Demo Title |
---|
tag | h1 |
---|
fontWeight | lighter |
---|
|
OSCE Communities are online collaboration spaces developed by the OSCE in support of the activities aimed at the implementation of its comprehensive concept of security. |
Aura - Title |
---|
color | #fbaf17 |
---|
textAlign | center |
---|
fontSize | 20 |
---|
lineHeight | 20 |
---|
cloudText | Demo Title |
---|
tag | h1 |
---|
fontWeight | bold |
---|
|
Most spaces are open only to registered users. The following are public spaces. |
Aura - Divider |
---|
serializedStyles | {"alignment":{"horizontal":"center"},"icon":{"name":"faPaperPlane","color":"#333","size":24},"text":{"color":"#333","fontSize":14,"textAlign":"left","fontWeight":"bold","text":"Aura Divider"},"border":{"top":false,"right":false,"bottom":true,"left":false,"color":"#fec465","style":"solid","width":1},"size":{"width":350}} |
---|
type | regular |
---|
|
Aura - Background Content |
---|
backgroundImageHrefType | link |
---|
padding | 40 |
---|
backgroundColor | #003167 |
---|
backgroundImageHref | https://images.unsplash.com/photo-1497366412874-3415097a27e7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80 |
---|
containerMinHeight | 750 |
---|
backgroundSize | cover |
---|
contentPosition | center |
---|
backgroundPosition | center center |
---|
|
Aura - Cards |
---|
layout | icon-center |
---|
gutter | 0 |
---|
hover | shrink |
---|
padding | 20 |
---|
cardsCollection | [{"title":"Online Version of the Compendium","body":"","color":"#a3b2ba","icon":"faPaperPlane","image":"2523665","imageType":"attachment","href":"https://communities.osce.org/
pagesdisplay/
viewpage.action?pageId=589847","hrefType":"link","hrefTarget":"_blank"},{"title":"Onboarding ","body":"Getting started in OSCE Communities.","color":"#fec465","icon":"faPaperPlane","image":"https://images.unsplash.com/photo-1501690364027-04faa1e9cb9a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1374&q=80","imageType":"link","href":"${space.key}" class="grow-on-hover">
<div space>
<img src="https://communities.osce.org${space.icon.path}" />
<div name>${space.name}</div>
</div>
</a>
`;
});
}
else {
html += `
<a href="https://communities.osce.org/
display/OBWS/Onboarding+workspace","hrefType":"link","hrefTarget":"_blank"}]columns | 1 |
---|
imagePosition | left |
---|
theme | fabric |
---|
decoration | image |
---|
imageHeight | 45 |
---|
maxWidth | 100% |
---|
Aura - Cards |
---|
layout | icon-center |
---|
gutter | 0 |
---|
hover | shrink |
---|
padding | 0 |
---|
cardsCollection | [{"title":"Interested in starting or joining a space? ","body":"Please email us at ICTS-onlinespace@osce.org","color":"#b6d776","icon":"faMailBulk","image":"https://images.unsplash.com/photo-1540979388789-6cee28a1cdc9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=100","imageType":"link","href":"","hrefType":""}] |
---|
columns | 1 |
---|
imagePosition | top |
---|
theme | aura |
---|
decoration | icon |
---|
imageHeight | 40 |
---|
maxWidth | 100% |
---|
|
Html-bobswift |
<script>console.log(1)login.action" class="grow-on-hover">
<div space>
<div filler></div>
<div name>Login to access your communities</div>
</div>
</a>
`;
}
html += `
</main>
</section>
`;
main.innerHTML = html;
root.appendChild( main );
}
}
OSCEUserSpaces.init();
</script>