Commit 9f88a91f authored by Tibor Katelbach's avatar Tibor Katelbach
Browse files

docs réintégré

parent 893addda
......@@ -1193,14 +1193,14 @@ var smallMenu = {
//opens any html without post processing
openAjaxHTML : function (url,title,type,nextPrev) {
smallMenu.open("",type );
dest = (type == "blockUI") ? ".blockContent" : "#openModal .modal-content .container" ;
var dest = (type == "blockUI") ? ".blockContent" : "#openModal .modal-content .container" ;
getAjax( dest , url , function () {
//next and previous btn to nav from preview to preview
if(nextPrev){
var p = 0;
var n = 0;
var found = false;
var found = false;
var l = $( '.searchEntityContainer .container-img-profil' ).length;
$.each( $( '.searchEntityContainer .container-img-profil' ), function(i,val){
if(found){
......@@ -1251,9 +1251,12 @@ var smallMenu = {
message: content
});
} else{//open inside a boostrap modal
$("#openModal").modal("show");
if(!$("#openModal").hasClass('in'))
$("#openModal").modal("show");
if(content)
$("#openModal div.modal-content div.container").html(content);
else
$("#openModal div.modal-content div.container").html("");
}
$(".blockPage").addClass(smallMenu.destination.slice(1));
......@@ -3344,15 +3347,16 @@ var keyboardNav = {
"117" : function(){ console.clear();url.loadByHash(location.hash) },//f6
},
keyMapCombo : {
"13" : function(){$('#openModal').modal('hide');elementLib.openForm('addElement')},//enter : aadd elemetn
"61" : function(){$('#openModal').modal('hide');$('#selectCreate').modal('show')},//= : votes
"13" : function(){$('#openModal').modal('hide');elementLib.openForm('addElement')},//enter : add elements
"61" : function(){$('#openModal').modal('hide');$('#selectCreate').modal('show')},//= : add elements
"65" : function(){$('#openModal').modal('hide');elementLib.openForm('action')},//a : actions
"66" : function(){$('#openModal').modal('hide'); smallMenu.destination = "#openModal"; smallMenu.openAjax(baseUrl+'/'+moduleId+'/collections/list','Mes Favoris','fa-star','yellow') },//b best : favoris
"67" : function(){$('#openModal').modal('hide');elementLib.openForm('classified')},//c : classified
"69" : function(){$('#openModal').modal('hide');elementLib.openForm('event')}, //e : event
"70" : function(){$('#openModal').modal('hide'); $(".searchIcon").trigger("click") },//f : find
"72" : function(){$('#openModal').modal('hide');smallMenu.openAjaxHTML(baseUrl+'/'+moduleId+'/default/view/page/help','Help ShortCuts')},//h : help
"72" : function(){ modalSwitcher('/default/view/page/help') },//h : help
"73" : function(){$('#openModal').modal('hide');elementLib.openForm('person')},//i : invite
"76" : function(){ modalSwitcher('/default/view/page/links')},//l : links and infos
"79" : function(){$('#openModal').modal('hide');elementLib.openForm('organization')},//o : orga
"80" : function(){$('#openModal').modal('hide');elementLib.openForm('project')},//p : project
"82" : function(){$('#openModal').modal('hide');smallMenu.openAjax(baseUrl+'/'+moduleId+'/person/directory?tpl=json','Mon répertoire','fa-book','red')},//r : annuaire
......@@ -3376,6 +3380,10 @@ var keyboardNav = {
}
}
function modalSwitcher(url) {
console.log("modalSwitcher",url);
smallMenu.openAjaxHTML(baseUrl+'/'+moduleId+url)
}
function cityKeyPart(unikey, part){
var s = unikey.indexOf("_");
......
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<img src="<?php echo Yii::app()->theme->baseUrl; ?>/assets/img/CO2r.png" style="margin-bottom:20px;" class="nc_map" height=50>
<h3 class="letter-red no-margin hidden-xs" style="margin-top:5px!important;">
INFORMATIONS & LIENS<br>
</h3>
<br><br><br>
</div>
</div>
<div class="col-xs-3">
<h1>LIENS</h1>
<h2 class="text-left"><a href="javascript:;" onclick="$('#openModal').modal('hide');smallMenu.openAjaxHTML(baseUrl+'/'+moduleId+'/default/view/page/partners/dir/docs|panels')" class="text-red ">PARTENAIRES</a></h2>
<h2 class="text-left"><a href="javascript:;" onclick="$('#openModal').modal('hide');smallMenu.openAjaxHTML(baseUrl+'/'+moduleId+'/default/view/page/index/dir/docs')">DOCS</a></h2>
<h2 class="text-left"><a href="javascript:;" onclick="$('#openModal').modal('hide');smallMenu.openAjaxHTML(baseUrl+'/'+moduleId+'/default/view/page/philosophy/dir/docs|panels')" class="text-red ">PHILOSOPHIE</a></h2>
</div>
<div class="col-xs-3">
<h1>Rejoindre</h1>
<h2 class="text-red text-right"><a href="https://chat.lescommuns.org/channel/co_dev_open" class="text-red " target="_blank">Rejoindre la dev</a></h2>
<h2 class="text-dark text-right"><a href="https://github.com/orgs/pixelhumain" target="_blank">GITHUB</a></h2>
<h2 class="text-dark text-right"><a href="https://github.com/pixelhumain/communecter/wiki" class="text-red " target="_blank">WIKI DOCS</a></h2>
<h2 class="text-red text-right"><a href="https://github.com/pixelhumain/co2/issues" target="_blank">Déclarer des bugs</a></h2>
</div>
<div class="col-xs-3">
<h1>LIENS</h1>
<h2 class="text-left"><a href="javascript:;" onclick="$('#openModal').modal('hide');smallMenu.openAjaxHTML(baseUrl+'/'+moduleId+'/default/view/page/partners/dir/docs','Information')" class="text-red ">PARTENAIRES</a></h2>
<h2 class="text-dark text-left"><a href="https://twitter.com/communecter" target="_blank">Twitter</a></h2>
<h2 class="text-red text-left"><a href="https://mamot.fr" class="text-red " target="_blank">MASTODON</a></h2>
<h2 class="text-dark text-left"><a href="https://www.facebook.com/communecter" target="_blank">FB</a></h2>
<h2 class="text-dark text-left"><a href="https://github.com/pixelhumain/buildingCommons/blob/master/codeSocialOpenSystem.md" class="text-red " target="_blank">Code Social : Open Système</a></h2>
</div>
<div class="col-xs-3">
<h1>Rejoindre</h1>
<h2 class="text-red text-right"><a href="https://chat.lescommuns.org/channel/co_dev_open" class="text-red " target="_blank">Rejoindre la dev</a></h2>
<h2 class="text-dark text-right"><a href="https://github.com/orgs/pixelhumain" target="_blank">GITHUB</a></h2>
<h2 class="text-dark text-right"><a href="https://github.com/pixelhumain/communecter/wiki" class="text-red " target="_blank">WIKI DOCS</a></h2>
<h2 class="text-red text-right"><a href="https://github.com/pixelhumain/co2/issues" target="_blank">Déclarer des bugs</a></h2>
</div>
</div>
\ No newline at end of file
<div class="panel-heading border-light center text-dark partition-white radius-10 ">
<span class="panel-title homestead"> <i class='fa fa-child faa-pulse animated fa-3x '></i> <span style="font-size: 48px">ABOUT</span></span>
</div>
<div class="space20"></div>
<style type="text/css">
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
<div class="panel panel-white">
<div class="panel-heading border-light ">
<span class="panel-title homestead"> <i class='fa fa-users fa-3x '></i> <span style="font-size: 48px; color:#E33551"> a NETWORK of NETWORKS </span></span>
</div>
<div class="panel-body" >
HUMAN PIXEL a layered organization <br/>
<ul class="list-group ">
<li class="list-group-item panel-white">
OPEN ATLAS : a Non profit Organization
<br/> garantis fonctionnement democratique
<br/> Why An N.G.O ?
<br/> The project is non profit , aimed at building commons in a transparent and open source way
<br/> The NGO format seemed the most open structure
<br/> a chain of NGOs
</li>
<li class="list-group-item panel-white">
a Group of companies managed by O.R.D
<br/> a decentralised company of trusted independant professionals
<br/> Why a company ?
</li>
<li class="list-group-item panel-white"> PIXEL HUMAIN : a community of people and organizations working, thinking and building for change</li>
<li class="list-group-item panel-white"> COMMUNECTER : a product , a modular framework, a Citizen Tool Kit</li>
<li class="list-group-item panel-white"> CITIZENS : are the heart of the system </li>
</ul>
</div>
</div>
<div class="panel panel-dark col-sm-6 col-lg-12 ">
<div class="panel-heading border-light">
<span class="text-extra-small text-blue"></span><span class="text-large text-white">WE WORK</span>
</div>
<div class="panel-body no-padding text-extra-large ">
<ul class="list-group ">
<li class="list-group-item panel-dark">For All</li>
<li class="list-group-item panel-dark">For The Commons</li>
<li class="list-group-item panel-dark">For apps</li>
<li class="list-group-item panel-dark">For innovation</li>
<li class="list-group-item panel-dark">For Knowledge</li>
</ul>
</div>
</div>
</div>
<div class="panel panel-white">
<div class="panel-heading border-light ">
<span class="panel-title homestead"> <i class='fa fa-video-camera fa-3x '></i> <span style="font-size: 48px; color:#E33551"> PIXEL HUMAIN </span></span>
</div>
<div class="panel-body videoWrapper" >
<iframe src="https://player.vimeo.com/video/74212373" style="width:100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
<div class="space20"></div>
<div class="panel panel-white">
<div class="panel-heading border-light ">
<span class="panel-title homestead"> <i class='fa fa-video-camera fa-3x '></i> <span style="font-size: 48px;color:#E33551"> COMMUNECTER </span></span>
</div>
<div class="panel-body videoWrapper">
<iframe src="https://player.vimeo.com/video/74212373" style="width:100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
<div class="panel-heading border-light center text-dark partition-white radius-10">
<span class="panel-title homestead"> <i class='fa fa-envelope-o faa-pulse animated fa-3x '></i> <span style="font-size: 48px">CONTACT</span></span>
</div>
<div class="space20"></div>
<div class="keywordList"></div>
<script type="text/javascript">
var keywords = [
{
"icon" : "fa-envelope-o",
"title":"BY MAIL : contact @ pixelhumain.com"
},
{
"icon" : "fa-envelope-o",
"title":"BY PHONE : 00262-262343686"
},
{
"icon" : "fa-paper-plane-o",
"title":"BY PAPER AIRPLANE : good luck !!"
},
{
"icon" : "fa-skype",
"title":"BY SKYPE : user oceatoon"
},
{
"icon" : "fa-paw",
"title":"BY FOOT",
"body" : "<br/> La Riviere ou Trois Bassins, Reunion Island, @PixelHumain"+
"<br/> Bastille , Paris, @Assemblée Virtuelle"+
"<br/> Auvergne, @ Chez Nous .coop"+
"<br/> Lilles, @Livin.coop or @Unissons"+
"<br/> in Noumea, New Caledonia, @PixelHumain"+
"<br/> in Berlin, Germany @PLP Elf Pavlic or Alex Corbi"+
"<br/> in Mauricius, Tony Lee Luen Len"+
"<br/> in Madagascar, Severine Berthet"+
},
{
"icon" : "fa-github",
"size":"col-md-4 ",
"title":" <a href='https://github.com/pixelhumain' target='_blank'>ON GITHUB</a>"
},
{
"icon" : "fa-bookmark-o",
"size":"col-md-4 ",
"title":" <a href='https://groups.diigo.com/group/pixelhumain' target='_blank'>BY DIIGO</a> "
},
{
"icon" : "fa-google-plus",
"size":"col-md-4",
"title":" <a href='https://plus.google.com/u/0/communities/111483652487023091469' target='_blank'>BY GOOGLE+ </a> "
},
{
"icon" : "fa-facebook-square",
"size":"col-md-4",
"title":"<a href='https://www.facebook.com/groups/pixelhumain/' target='_blank'>BY FACEBOOK </a> "
},
{
"icon" : "fa-twitter",
"size":"col-md-4 ",
"title":"<a href='https://www.twitter.com/pixelhumain/' target='_blank'>BY TWITTER</a> "
}
];
jQuery(document).ready(function()
{
$(".keywordList").html('');
$.each(keywords,function(i,obj) {
var icon = (obj.icon) ? obj.icon : "fa-tag" ;
var color = (obj.color) ? obj.color : "#E33551" ;
var body = (obj.body) ? obj.body : null ;
var size = (obj.size) ? obj.size : null ;
var str = '<div class="'+size+' col-sm-12"><div class="panel panel-white ">'+
'<div class="panel-heading border-light ">'+
'<span class="panel-title homestead"> <i class="fa '+icon+' fa-2x"></i> <span style="font-size: 35px; color:'+color+';"> '+obj.title+'</span></span>'+
'</div>';
if(body)
str += '<div class="panel-body">'+
'<blockquote class="space20">'+
body+
"</blockquote>"+
"</div>"+
"</div></div>";
$(".keywordList").append(str);
});
});
</script>
<style>
.main-col-search{ padding:0px !important; }
.home_page h3.subtitle{ font-weight: 300;
font-size:20px;}
#img-header{ display:inline;
max-height: 700px;}
.fa-caret-down{font-size:56px;line-height: 10px;}
.social-list{ padding: 0;}
.social-list li{ list-style-type: none; display:inline;margin-right:10px;}
.social-list li a{ font-size:20px;}
.social-list .btn{ margin-top: 15px;}
a.btn.btn-social{ color: #FFF; background-color: #2a3945; }
a.btn.btn-social:hover{ background: none;}
a.btn.btn-facebook:hover{ color: #3b5998;}
a.btn.btn-twitter:hover{ color: #00a0d1; border-color: #00a0d1;}
a.btn.btn-google:hover{ color: #dd4b39; border-color: #dd4b39;}
a.btn.btn-github:hover{ color: #4078C0; border-color: #4078C0;}
.yellowph{color:#F6E201;}
.information{
font-size:15px;
color:#8b91a0;
}
.contact-map { background:url(<?php echo $this->module->assetsUrl; ?>/images/people.jpg) bottom center repeat-x; background-size: 80%;background-color:#DFE7E9; }
</style>
<div class="home_page" style="margin-top:50px;">
<center>
<img id="img-header" class="img-responsive" src="<?php echo $this->module->assetsUrl; ?>/images/crowdfunding.jpg"/>
</center>
<div class="col-md-12 no-padding" id="crowfundingSection" style="float:left;">
<div class="col-md-12" style="background-color:#92BE1F;width:100%;padding:8px 0px 3px 0%;">
<h1 class="homestead text-white center"><a href="http://www.kisskissbankbank.com/fr/projects/communecter-se-connecter-a-sa-commune/contributors" target="_blank" class="text-dark">ILS NOUS SOUTIENNENT DEJA<i class="fa fa-child fa-2x"></i></h1>
</div>
<div class="col-md-12" style="background-color:#394B59;width:100%;padding:0px 0px 3px 0%; ">
<h1 class="homestead text-white center"><i class="fa fa-users fa-2x"></i> CROWDFUNDING</h1>
</div>
<center>
<i class="fa fa-caret-down" style="color:#394B59;"></i><br/>
</center>
<div class="col-md-12" style="color:#293A46;padding-bottom:40px; float:left; ">
<div class="space20 hidden-xs"></div>
<div class="col-sm-12 col-md-12">
<div class="information" style="text-align: left; color:#3c5665">
Encore une campagne de crowdfunding de plus ! Et oui ! Ces derniers temps, vous êtes très sollicités par des demandes d'aides ou de participation à des campagnes de <a href="javascript:;" data-id="explainFinancementParticipatif" class="explainLink">financement participatif</a>.
<br/><span class="text-red">Vous vous demandez pourquoi ?</span> L'état se désengage du financement du milieu associatif. Les mouvements citoyens s'intensifient et prennent de l'ampleur mais se heurtent au nerf de la guerre : où trouver l'argent pour aller plus loin?
<br/>Pour <span class="text-red">rester indépendant, citoyen et libre, le réseau sociétal Communecter </span>recherche un moyen de financement qui lui correspond le plus. Quoi de plus naturel alors que de se tourner vers ceux qui s'en serviront le plus.
<br/>A l'heure du numérique et du par-tout-le-temps connecté, nous croyons que la <span class="text-red">démocratie participative et la participation citoyenne</span> est conditionnée par la construction d'un outil simple et à destination de tous.
<br/>Dans le contexte actuel, difficile de demander aux collectivités de financer cet outil qui, pensent-elles, risque de leur faire perdre une partie de leur pouvoir.
<br/>C'est donc vers les citoyens (vers vous) que nous nous tournons : <span class="text-red">participez à la construction de ce projet innovant</span> en choisissant votre contrepartie !
</div>
</div>
</div>
</div>
<div class="col-md-12 no-padding" id="crowfundingSection" style="float:left;">
<div class="col-md-12 no-padding" style="max-width:100%; float:left;">
<div class="col-md-12" style="background-color:#E33551;width:100%;padding:0px 0px 3px 0%;">
<h1 class="homestead text-white center"><i class="fa fa-share-alt fa-2x"></i> Devenez Crowdfunder Actif</h1>
</div>
</div>
<center>
<i class="fa fa-caret-down" style="color:#E33551;"></i><br/>
</center>
<div class="col-md-12" style="color:#293A46;padding-bottom:40px; float:left; ">
<div class="space20 hidden-xs"></div>
<div class="col-sm-12">
<div class="information" style="text-align: left; color:#3c5665">
Vous pouvez contribuer au financement participatif mais aussi permettre de distribuer massivement la campagne autour de vous, dans vos reseaux.
<br/> Si ca vous interresse, vous etes au bon endroit.
<br/> Voici votre cocktail de Crowdfunder actif :
<ul style="list-style: none">
<li><i class="fa fa-angle-right"></i> Voici le <a href="http://www.kisskissbankbank.com/fr/projects/communecter-se-connecter-a-sa-commune" target="_blank">lien vers la campagne</a></li>
<li><i class="fa fa-angle-right"></i> Vous trouverez toutes <b>les documentations</b> décrivant le projet <a href="javascript:;" data-id="explainCommunectorDocs" class="explainLink text-red"><i class="fa fa-upload"></i></a> </li>
<li><i class="fa fa-angle-right"></i> Rejoignez le groupe facebook <a href="http://www.kisskissbankbank.com/fr/projects/communecter-se-connecter-a-sa-commune" target="_blank">Les communecteurs</a></li>
<li><i class="fa fa-angle-right"></i> <b>parlez en</b> autour de vous</li>
<li><i class="fa fa-angle-right"></i> Tous les matins demandez vous à qui vous n'avez pas <b>transmis la campagne</b></li>
<li><i class="fa fa-angle-right"></i> <b>Tous les moyens sont bons</b> : les rencontres, le téléphone, le fax, le pigeon voyageur, les sms, le courier, les chuchottements doux a l'oreilles</li>
<li><i class="fa fa-angle-right"></i> Notez votre liste de contact, et relancer au besoin, <b>la campagne ne dure que 45j</b></li>
<li><i class="fa fa-angle-right"></i> Faite des <a href="javascript:;" data-id="explainMOAC" class="explainLink text-red">MOAC</a> : Massifs Offline ou Online Apéros Citoyens</li>
<li><i class="fa fa-angle-right"></i> <b>Relayer massivement</b> la campagne sur reseau sociaux FaceBook, Twitter, LinkedIn, Ello,...</li>
<li><i class="fa fa-angle-right"></i> Faite des <b>mailing personnaliser</b>. Pour vous aidez voici des <a href="javascript:;" data-id="explainCrowdfundingLetters" class="explainLink text-red">lettres type</a></li>
<li><i class="fa fa-angle-right"></i> Partagez votre motivation avec les membres de la pages et du groupe</li>
<li><i class="fa fa-angle-right"></i> Soyez créatif et partagez vos idées avec <a href="https://www.facebook.com/groups/1706464852909714/" target="_blank"> vos amis communecteurs</a> </li>
<li><i class="fa fa-angle-right"></i> Partagez aussi vos retours d'experiences et les avis recoltés</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-12 no-padding" id="crowfundingSection" style="float:left;">
<div class="col-md-12 no-padding" style="max-width:100%; float:left;">
<div class="col-md-12" style="background-color:#92BE1F;width:100%;padding:0px 0px 3px 0%;">
<h1 class="homestead text-white center"><i class="fa fa-clock-o fa-2x"></i> Les étapes de la campagne</h1>
</div>
</div>
<center>
<i class="fa fa-caret-down" style="color:#92BE1F;"></i><br/>
</center>
<div class="col-md-12" style="color:#293A46;padding-bottom:40px; float:left; ">
<div class="space20 hidden-xs"></div>
<div class="col-sm-12">
<div class="information" style="text-align: left; color:#3c5665">
Une campagne, c'est un rythme soutenu de communication, de transmission...
<ul style="list-style: none">
<li><i class="fa fa-angle-right"></i> <b>ETAPE 1 PENDANT 48 HEURES</b>
<br/>Contributeurs actifs sur le projet + Communecteurs
<br/>Famille et amis du groupe porteur de projet : on donne (on demande de ne pas relayer)
</li>
<li><i class="fa fa-angle-right"></i> <b>ETAPE 2 PENDANT 48 HEURES de plus</b>
<br/>Familles et amis des Communecteurs : on demande à sa famille et amis de donner
</li>
<li><i class="fa fa-angle-right"></i> <b>ETAPE 3 COMMUNICATION MASSIVE ET VIRALE</b>
<br/> Tous les réseaux sociaux
<br/> Mailing massif
<br/> Telephone 24/24 7/7
<br/> SMS dans tous les sens
<br/> Tous les communecteurs solicités
<br/> Modèle de communication distribué et massif et concentré
<br/> 45 jours sans relache
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-12 contact-map" style="color:#293A46;padding-bottom:75px; float:left; width:100%;" id="contactSection">
<center>
<i class="fa fa-caret-down" style="color:#fff"></i>
<br/>
<h1 class="homestead"><i class="fa fa-tty headerIcon"></i><br/>CONTACT PERSONNALISé</h1>
0262 34 36 86<br><a href="#">contact@pixelhumain.com</a>
<ul class="social-list">
<li><a target="_blank" href="https://www.facebook.com/communecter" class="btn btn-facebook btn-social"><span class="fa fa-facebook"></span></a></li>
<li><a target="_blank" href="https://twitter.com/communecter" class="btn btn-twitter btn-social"><span class="fa fa-twitter"></span></a></li>
<li><a target="_blank" href="https://plus.google.com/communities/111483652487023091469" class="btn btn-google btn-social"><span class="fa fa-google-plus"></span> </a></li>
<li><a target="_blank" href="https://github.com/pixelhumain/communecter" class="btn btn-github btn-social"><span class="fa fa-github"></span> </a></li>
</ul>
<a href="javascript:;" data-id="explainOpenAtlas" class="explainLink">L'association Open Atlas</a>
<center>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
setTitle("<?php echo Yii::t("common","Crowdfunding : Build Together") ?>","");
});
</script>
\ No newline at end of file
<style>
.main-col-search{ padding:0px !important; }
.fa-caret-down{font-size:56px;line-height: 10px;}
.social-list{ padding: 0;}
.social-list li{ list-style-type: none; display:inline;margin-right:10px;}
.social-list li a{ font-size:20px;}
.social-list .btn{ margin-top: 15px;}
a.btn.btn-social{ color: #FFF; background-color: #2a3945; }
a.btn.btn-social:hover{ background: none;}
a.btn.btn-facebook:hover{ color: #3b5998;}
a.btn.btn-twitter:hover{ color: #00a0d1; border-color: #00a0d1;}
a.btn.btn-google:hover{ color: #dd4b39; border-color: #dd4b39;}
a.btn.btn-github:hover{ color: #4078C0; border-color: #4078C0;}
.yellowph{color:#F6E201;}
.information{font-size:15px;color:#8b91a0;}
.explainTitle{cursor:pointer; background-color: #449D44; padding: 10px; text-align: center; color: #fff;margin:0px;border-top: 1px solid #666;}
.explainTitle.blue{background-color: #32454E}
.explainTitle:hover{opacity: 0.8}
.explainDesc{ padding: 10px; background-color: white; }
.caretExplain{position: relative;top: 0px;background-color: white;color:#449D44;}
.caretExplain.blue{background-color: white; color:#32454E}
</style>
<div class="home_page" style="margin-top:50px">
<?php echo $this->renderPartial('explainPanels',array("class"=>"explain2")); ?>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
setTitle("<?php echo Yii::t("common","Frequently Asked Questions") ?>","");
/*
$(".explain").each(function(i,e) {
title = $(e).find(".explainTitle").text();
//$(this).removeClass('explain');
el = $(e);
$(".home_page").append( el[0] );
$(".home_page .explain").last().removeClass("explain");
//mylog.dir($(e)[0]);
});
*/
$(".explainDesc,.caretExplain").addClass("hide");
$(".home_page .explain2").removeClass("hide").click( function()
{
$(".explainDesc,.caretExplain").addClass("hide");
if( $(this).find(".explainDesc,.caretExplain").hasClass("hide"))
$(this).find(".explainDesc,.caretExplain").removeClass("hide");
else
$(this).find(".explainDesc,.caretExplain").addClass("hide");
});
});
</script>
\ No newline at end of file
This diff is collapsed.
<div class="panel-heading border-light center text-dark partition-white radius-10 ">
<span class="panel-title homestead"> <i class='fa fa-support fa-3x '></i> <span style="font-size: 48px">HELP</span></span>
</div>
<div class="space20"></div>
<div class="keywordList"></div>
<script type="text/javascript">
var keywords = [
{
"icon" : "fa-support",
"title":"I NEED SOME HELP",
"body":"<a href='#' onclick='loadPage ()'>Contact us any time</a>"
},
{
"icon" : "fa-support",
"title":"I WANNA HELP",
"body":"HELP US BUILD A BETTER PLACE"
},
{
"icon" : "fa-hand-o-up",
"title":"GET INVOLVED",
"body":"All sorts of tasks : <br/>"+
"<ul><li> DEVS : <a href='https://github.com/pixelhumain/pixelhumain' target='_blank'>GITHUB</a></li>"+
"<li> ARTISTS : design, write a song, write for change</li>"+
"<li> COMMUNICATION : </li>"+
"<li> COMMONERS : </li>"+
"<li> JURISTS : </li>"+
"<li> BUILDERS : </li>"+
"<li> THINKERS : </li>"+
"<li> FINANCERS : </li>"+
"<li> BUILDERS : </li>"+
"<li> ARCHITECTS : </li>"+
"<li> CONNECTORS : </li>"+
"<li> INVENTORS : </li>"+
"<li> TRAVELLERS : </li>"+
"<li> MAKERS : </li>"+
"</ul>"
},
{
"icon" : "fa-users",
"title":"MEETUP SESSIONS",
"body":"Different sessions for different things : <br/>"+
"We meet up on skype or Hangout <br/>"+
"<ul><li>Scrum dev sessions : daylee</li>"+
"<li>Sessions for all : every 15j to talk globally about the project</li>"+
"<li>Demo session : specific sub milestones</li>"+
"</ul>"
},
];
jQuery(document).ready(function()
{
$(".keywordList").html('');
$.each(keywords,function(i,obj) {
var icon = (obj.icon) ? obj.icon : "fa-tag" ;
var color = (obj.color) ? obj.color : "#E33551" ;
var body = (obj.body) ? obj.body : null ;
var str = '<div class="col-md-6 col-sm-12 "><div class="panel panel-white ">'+
'<div class="panel-heading border-light ">'+
'<span class="panel-title homestead"> <i class="fa '+icon+' fa-2x"></i> <span style="font-size: 35px; color:'+color+';">&nbsp;'+obj.title+'</span></span>'+
'</div>';
if(body)
str += '<div class="panel-body">'+
'<blockquote class="space20">'+
body+
"</blockquote>"+
"</div>"+
"</div></div>";
$(".keywordList").append(str);
});
});
</script>
<div class="panel-heading border-light center text-dark partition-white radius-10 ">
<span class="panel-title homestead"> <i class='fa fa-clock-o faa-pulse animated fa-3x '></i> <span style="font-size: 48px">WHERE WE'RE GOING</span></span>
</div>
<div class="space20"></div>
<div