Latest revision as of 16:12, 8 April 2024

@@ Line 1: / Line 1: @@
-<div class="teaserhomepage" style="background:#b5d247;">
+<div id="teaser-homepage">
-<strong>Competendo - The Open Source Toolbox for Civic Education</strong><br>Competendo is committed to develop better learning spaces for civic competences and empowerment. The toolbox offers and shares experience, methods and inspiration for competency based learning in community, school, organization, non-formal group or institution.  <br>▸&nbsp;[[Handbooks for Facilitators]] &emsp; ▸&nbsp;[[Competendo - Tools for Facilitators:Copyrights  |Free and open!]] &emsp;  ▸&nbsp;[[About |About]]&emsp; &emsp; [[Special:Search | &#128270;&nbsp;Search]]</div>
+  <h1 id="teaser-homepage-heading">Competendo - The Digital Toolbox</h1>
-&nbsp;
-<mobileonly>
+<div id="pwa-info-start" class="hidden"><h3>Get the <i>app</i></h3><p>Install it from your browser.</p><div id="pwa-ios" class="hidden"><p>To install the app on iOS / Safari, tap "Share" (<span id="ios-share"></span>) and then "Add to Home Screen"</p></div><div id="pwa-install"></div><div id="pwa-unsupported" class="hidden">
-==Explore the Competendo Online Toolbox:==
+<p><i class="fas fa-mobile-alt"></i>&nbsp;[[Competendo App |Install the Competendo App]]</p></div></div>
-<div class="hover-links-gray">
+<div style="width: 120px; height: 120px; border: 0px; border-radius: 65px; padding: 10px; background-color: #fff; text-align: center; float: right;">[[File: Competence-explorer.png | link= Competence Explorer | 70px]]
-<div class="hover-links-mt-heading">Understanding  </div>
-<p>Theory about empowerment, competency based learning and facilitation</p>
-<div class="fp-explore-mobile">[[Understanding | Explore]]</div>
 </div>
+The free and open toolbox for democracy learning, digitalisation and non-formal education. From [[DARE Network]],&shy; [[Competendo - Tools for Facilitators:Copyrights|<i class="fab fa-creative-commons"></i>&nbsp; free & open]]. [[About|<i class="fas fa-info-circle" ></i> About]].
-<div class="image-text-hover-front1mobile">
+<div id="teaser-homepage-links"><p>[[Handbooks for Facilitators|<i class="fas fa-book-open"></i>&nbsp; Resources]]  &shy; [[Apps and Tools|<i style="white-space: nowrap;" class="fa fa-tablet"></i>&nbsp; Apps &amp; Tools]] [[Special:Search|<i class="fas fa-search"></i> &nbsp; Search]]</div>
-<p class="image-hover-text-area1mobile"> [[What is competency-based learning? | Key Competences & Learning  ]]</p>
 </div>
-<div class="image-text-hover-front2mobile">
+<div id="explore-cards-wrapper">
-<p class="image-hover-text-area2mobile"> [[Empowerment ]]</p>
+==Discover what's inside:==
-</div>
+<div class="explore-cards new-homepage">
-<div class="image-text-hover-front3mobile">
-<p class="image-hover-text-area3mobile"> [[Group-related and Interpersonal Aspects ]]</p>
-</div>
-<div class="hover-links-gray">
-<div class="hover-links-mt-heading">Before</div>
-<p>Planning goals, content, methods. Organizing seminars. The facilitation mindset.</p>
-<div class="fp-explore-mobile">[[Before | Explore]] </div>
-</div>
-<div class="image-text-hover-front4mobile">
-<p class="image-hover-text-area4mobile">[[The Facilitation Mindset]]</p>
-</div>
-<div class="image-text-hover-front6mobile">
-<p class="image-hover-text-area6mobile"> [[Planning |Planning goals, content, methods  ]]</p>
-</div>
-<div class="image-text-hover-front5mobile">
-<p class="image-hover-text-area5mobile">[[Organizing | Organizing trainings or seminars]]</p>
-</div>
-<div class="hover-links-gray"><div class="hover-links-mt-heading">During</div>
-<p>Concrete training techniques and methods from different fields of education.</p>
-<div class="fp-explore-mobile">[[During | Explore]] </div>
-</div>
-<div class="image-text-hover-front7mobile">
-<p class="image-hover-text-area7mobile"> [[First Steps | First Steps ]]</p>
-</div>
-<div class="image-text-hover-front9mobile">
-<p class="image-hover-text-area9mobile"> [[Guidance through the Process]]</p>
-</div>
-<div class="image-text-hover-front8mobile">
-<p class="image-hover-text-area8mobile"> [[During | Specific fields of education and learning]]</p>
-</div>
-<div class="hover-links-gray"><div class="hover-links-mt-heading">After</div>
-<p>Evaluation and documentation of learning processes. Identification and description of learning outcome.</p>
-<div class="fp-explore-mobile">[[After | Explore]] </div>
-</div>
-<div class="image-text-hover-front10mobile">
+  <div class="explore-card">
-<p class="image-hover-text-area10mobile">[[Evaluation]]</p>
-</div>
-<div class="image-text-hover-front11mobile">
+ <div class="ec-gray-box">
-<p class="image-hover-text-area11mobile">[[Identification of Learning Outcome]]</p>
+      <div class="ec-heading">[[Understanding]]</div>
-</div>
+<i class="fa fa-angle-right fa-xs"></i> [[What Competency-based learning is... |Competences]] <br>
+<i class="fa fa-angle-right fa-xs"></i> [[Group-related and Interpersonal Aspects | Groups]] <br>
+<i class="fa fa-angle-right fa-xs"></i> [[Digital@Learning| Digital]]
+</div><div class="ec-understanding ec-color-box">[[Understanding]]</div>
-<div class="image-text-hover-front12mobile">
+  </div>
-<p class="image-hover-text-area12mobile"> [[Documentation in Trainings | Documentation ]]</p>
-</div>
-</mobileonly>
-<nomobile>
+  <div class="explore-card">
-<!-- Ausblenden der ersten Reihe
+    <div class="ec-gray-box">
+      <div class="ec-heading">[[Before]]</div>
+      <p>Facilitation mindset, planning and organising</p>
+</div><div class="ec-before ec-color-box">[[Before]]</div>
+  </div>
-<div style="width:100%;">
-==&nbsp; &nbsp; &nbsp;Ongoing Activities:==
-<div class="hover-links-graynotmobile">
+  <div class="explore-card">
-<div class="hover-links-mt-heading">Handbooks</div>
+    <div class="ec-gray-box">
-[[File:Hbteaser.png | right | 70px]]
+      <div class="ec-heading">[[During]]</div>
-<p>Competendo's handbooks for facilitators and inspiring practice from all over the world. <br>
+      <p><i class="fa fa-angle-right fa-xs"></i> [[First Steps]] <br>
-[[Handbooks for Facilitators | Explore]] </p>
+<i class="fa fa-angle-right fa-xs"></i> [[Guidance through the Process|Through the Process]]<br>
-</div>
+ <i class="fa fa-angle-right fa-xs"></i>    [[Social Skills]] <br>
+<i class="fa fa-angle-right fa-xs"></i>  [[During | Educational Fields]]
+</p>
+    </div><div class="ec-during ec-color-box">[[During]]</div>
+  </div>
-<div class="hover-links-graynotmobile">
+  <div class="explore-card">
-<div class="hover-links-mt-heading">About</div>
+    <div class="ec-gray-box">
-<p>The idea behind the open Competendo Platform and an overview over our activities.<br>
+      <div class="ec-heading">[[After]]</div>
-[[About | Explore]] </p>
+      <p><i class="fa fa-angle-right fa-xs"></i> [[Evaluation]] <br>
-</div>
+<i class="fa fa-angle-right fa-xs"></i>  [[Documentation in Trainings | Documentation]]<br>
+<i class="fa fa-angle-right fa-xs"></i> [[Identification and Recognition of Learning Outcome|Learning Outcome]].</p>
+    </div><div class="ec-after  ec-color-box">[[After]]</div>
+  </div>
-<div style="width:550px; padding: 20px; margin-left: 20px; margin-bottom: 0px; margin-top: 10px;  background: #eee; height: 250px; float: left;">
+ <div class="explore-card">
-[[File:Competendodebate.png | right | 220px]]
+    <div class="ec-gray-box">
-<div class="hover-links-mt-heading">Competendo.debate</div>
+      <div class="ec-heading">[[Digitalisation]]</div>
-<p> Discussion and advocacy for key competencies and innovative learning <br>
+      <p>Digitalisation and democracy-related education</p>
-[[Competendo.debate | Explore]] </p>
+    </div><div class="ec-digitalisation ec-color-box">[[Digitalisation]]</div>
-</div>
+  </div>
-</div>
+ <div class="explore-card">
-<inputbox>
+    <div class="ec-gray-box">
-bgcolor= #ffffff
+      <div class="ec-heading">[[Handbooks for Facilitators | Resources]]</div>
-type              = search
+       <p><i class="fa fa-angle-right fa-xs"></i> [[Handbooks for Facilitators | Handbooks]] <br>
-placeholder       = Search Competendo
+<i class="fa fa-angle-right fa-xs"></i> [[Apps and Tools| Apps & Tools]] <br>
-searchbuttonlabel = full text
+<i class="fa fa-angle-right fa-xs"></i>  [[Data and Reports| Data & Reports]]</p>
-buttonlabel=  pages
+    </div><div class="ec-resources ec-color-box">[[Handbooks for Facilitators]]</div>
-break             = no
+  </div>
-</inputbox>
--->
-<div  style="padding-left:20px;" >
-==Explore the Competendo Online Toolbox:==
-</div>
-<div class="hover-links-container" style="clear: both">
-<div class="hover-links-graynotmobile">
-<div class="hover-links-mt-heading">Understanding  </div>
-<p>Theory about empowerment, competency based learning and facilitation</p>
-<div class="fp-explore">[[Understanding | Explore]] </div>
 </div>
-<div class="image-text-hover-front1">
-[[What is competency-based learning? | Key Competences & Learning]]
 </div>
-<div class="image-text-hover-front2">
+{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px);">{{FULLPAGENAME}}</span>}}{{#if:{{{text|{{{1|}}}}}}|<div style="font-family: serif; font-size:{{{2|220%}}}">{{{text|{{{1|}}}}}}</div>}}
-[[Empowerment ]]
-</div>
-<div class="image-text-hover-front3">
-[[Group-related and Interpersonal Aspects ]]
-</div>
-<div class="hover-links-graynotmobile">
-<div class="hover-links-mt-heading">Before</div>
-<p>Planning goals, content, methods. Organizing seminars. The facilitation mindset.</p>
-<div class="fp-explore">[[Before | Explore]] </div>
-</div>
-<div class="image-text-hover-front4">
-[[The Facilitation Mindset]]
-</div>
-<div class="image-text-hover-front6">
-[[Planning |Planning goals, content, methods ]]
-</div>
-<div class="image-text-hover-front5">
-[[Organizing | Organizing trainings or seminars]]</div>
-<div class="hover-links-graynotmobile">
-<div class="hover-links-mt-heading">During</div>
-<p>Concrete training techniques and methods from different fields of education.</p>
-<div class="fp-explore">[[During | Explore]] </div>
-</div>
-<div class="image-text-hover-front7">[[First Steps  | First Steps]]</div>
-<div class="image-text-hover-front9">[[Guidance through the Process]]</div>
-<div class="image-text-hover-front8">[[During | Specific fields of education and learning]]</div>
-<div class="hover-links-graynotmobile">
-<div class="hover-links-mt-heading">After</div>
-<p>Evaluation and documentation of learning processes. Identification and description of learning outcome.</p>
-<div class="fp-explore">[[After | Explore]] </div>
-</div>
-<div class="image-text-hover-front10">[[Evaluation]]</div>
-<div class="image-text-hover-front11">[[Identification of Learning Outcome]]</div>
-<div class="image-text-hover-front12">[[Documentation in Trainings | Documentation ]]</div>
-<!--
-<div class="hover-links-graynotmobile"><div class="hover-links-mt-heading">About</div>
-<p>Learn about the idea behind and the community around Competendo-Tools for Facilitators.</p>
-<div class="fp-explore-mobile">[[About | Explore]] </div>
-</div>
-<div class="hover-links-graynotmobile"><div class="hover-links-mt-heading">Handbooks</div>
-<p>Our handbooks for facilitators.</p>
-<div class="fp-explore-mobile">[[Handbooks for Facilitators | Explore]] </div>
-</div>
-<div class="hover-links-graynotmobile"><div class="hover-links-mt-heading">Community</div>
-<p>The Competendo Community.</p>
-<div class="fp-explore-mobile">[[Competendo Community | Explore]] </div>
-</div>
--->
-</div>
-</nomobile>