Image Added
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. Spaces below are 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% |
---|
|
|
|
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="https://communities.osce.org/display/${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/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( |
Image RemovedImage Removed
...
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.
Most spaces require registration. Please contact Virginia Yu if you are interested in developing an online collaboration space.
...
Public Online Spaces
...
...
...