Latest revision as of 16:12, 8 April 2024

@@ Line 1: / Line 1: @@
-<mobileonly>
+<div id="teaser-homepage">
- <div class="hover-links-container">
+  <h1 id="teaser-homepage-heading">Competendo - The Digital Toolbox</h1>
-==&nbsp; &nbsp; &nbsp; Ongoing Activities==
-<div class="hover-links-gray">
+<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">
-<div class="hover-links-mt-heading">Competendo.debate</div>
+<p><i class="fas fa-mobile-alt"></i>&nbsp;[[Competendo App |Install the Competendo App]]</p></div></div>
-<p>[[File:Competendodebate.png | right | 80px]] Discussion and advocacy for key competencies and innovative learning<br>
-[[Competendo.debate | Explore]] </p>
-</div>
-<div class="hover-links-gray">
-<div class="hover-links-mt-heading">Competendo Handbooks</div>
-<p>Our handbooks for facilitators and other inspiration. <br>
-[[Handbooks for Facilitators | More]]</p>
-</div>
-<div class="hover-links-gray">
-<div class="hover-links-mt-heading">About</div>
-<p>The idea behind the open Competendo Platform and an overview over our activities.
-<br>[[About | Explore]]</p>
-</div>
-<div style= "clear: both; padding-top: 20px;">
-==&nbsp; &nbsp; &nbsp;Explore the Competendo Online Toolbox:==
+<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-gray">
-<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"> [[ Understanding | 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 attitude of a facilitator.</p>
-<div class="fp-explore-mobile">[[Before | Explore]] </div>
-</div>
+  <div class="explore-card">
+ <div class="ec-gray-box">
+      <div class="ec-heading">[[Understanding]]</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-front4mobile">
+  </div>
-<p class="image-hover-text-area4mobile"> [[My attitude as a facilitator | Attitude of a Facilitator]]</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">
+  <div class="explore-card">
-<p class="image-hover-text-area5mobile">[[Organizing | Organizing trainings or seminars]]</p>
+    <div class="ec-gray-box">
-</div>
+      <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 class="hover-links-gray"><div class="hover-links-mt-heading">During</div>
+  <div class="explore-card">
-<p>Concrete training techniques and methods from different fields of education.</p>
+    <div class="ec-gray-box">
-<div class="fp-explore-mobile">[[During | Explore]] </div>
+      <div class="ec-heading">[[During]]</div>
-</div>
+      <p><i class="fa fa-angle-right fa-xs"></i> [[First Steps]] <br>
+<i class="fa fa-angle-right fa-xs"></i> [[Guidance through the Process|Through the Process]]<br>
+ <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="explore-card">
+    <div class="ec-gray-box">
+      <div class="ec-heading">[[After]]</div>
+      <p><i class="fa fa-angle-right fa-xs"></i> [[Evaluation]] <br>
+<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 class="image-text-hover-front7mobile">
+ <div class="explore-card">
-<p class="image-hover-text-area7mobile"> [[Standard Building Blocks | Standard Building Blocks ]]</p>
+    <div class="ec-gray-box">
-</div>
+      <div class="ec-heading">[[Digitalisation]]</div>
+      <p>Digitalisation and democracy-related education</p>
+    </div><div class="ec-digitalisation ec-color-box">[[Digitalisation]]</div>
+  </div>
-<div class="image-text-hover-front8mobile">
+ <div class="explore-card">
-<p class="image-hover-text-area8mobile"> [[Educational Fields | Specific fields of education and learning]]</p>
+    <div class="ec-gray-box">
-</div>
+      <div class="ec-heading">[[Handbooks for Facilitators | Resources]]</div>
+      <p><i class="fa fa-angle-right fa-xs"></i> [[Handbooks for Facilitators | Handbooks]] <br>
+<i class="fa fa-angle-right fa-xs"></i> [[Apps and Tools| Apps & Tools]] <br>
+<i class="fa fa-angle-right fa-xs"></i>  [[Data and Reports| Data & Reports]]</p>
+    </div><div class="ec-resources ec-color-box">[[Handbooks for Facilitators]]</div>
+  </div>
-<div class="image-text-hover-front9mobile">
-<p class="image-hover-text-area9mobile"> [[Handbooks for Facilitators ]]</p>
 </div>
-<div class="hover-links-gray"><div class="hover-links-mt-heading">After</div>
-<p>Evaluation and documentation of learning processes. Validation and identification of learning outcome.</p>
-<div class="fp-explore-mobile">[[After | Explore]] </div>
 </div>
+{{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>}}
-<div class="image-text-hover-front10mobile">
-<p class="image-hover-text-area10mobile">[[Evaluation]]</p>
-</div>
-<div class="image-text-hover-front11mobile">
-<p class="image-hover-text-area11mobile">[[Validation and Identification of Learning Outcome]]</p>
-</div>
-<div class="image-text-hover-front12mobile">
-<p class="image-hover-text-area12mobile"> [[Documentation in Trainings | Documentation ]]</p>
-</div>
-</div>
-</div>
-</mobileonly>
-<nomobile>
-<div style="width:100%;">
-==&nbsp; &nbsp; &nbsp;Ongoing Activities:==
-<div class="hover-links-graynotmobile">
-<div class="hover-links-mt-heading">Competendo Handbooks</div>
-<p>Competendo's handbooks for facilitators and inspiring practice from all over the world. <br>
-[[Handbooks for Facilitators | Explore]] </p>
-</div>
-<div class="hover-links-graynotmobile">
-<div class="hover-links-mt-heading">About</div>
-<p>The idea behind the open Competendo Platform and an overview over our activities.<br>
-[[About | Explore]] </p>
-</div>
-<div style="width:550px; padding: 20px; margin-left: 20px; margin-bottom: 0px; margin-top: 10px;  background: #eee; height: 250px; float: left;">
-[[File:Competendodebate.png | right | 220px]]
-<div class="hover-links-mt-heading">Competendo.debate</div>
-<p> Discussion and advocacy for key competencies and innovative learning <br>
-[[Competendo.debate | Explore]] </p>
-</div>
-</div>
-&nbsp;
-<div class="hover-links-container" style="clear: both;">
-==&nbsp; &nbsp; Explore the Competendo Online Toolbox:==
-<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">
-[[Understanding | Key Competences & Learning]]
-</div>
-<div class="image-text-hover-front2">
-[[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 attitude of a facilitator.</p>
-<div class="fp-explore">[[Before | Explore]] </div>
-</div>
-<div class="image-text-hover-front4">
-[[My attitude as a facilitator | Attitude of a Facilitator]]
-</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">[[Standard Building Blocks  | Standard Building Blocks]]</div>
-<div class="image-text-hover-front8">[[Educational Fields | Specific fields of education and learning]]</div>
-<div class="image-text-hover-front9">[[Handbooks for Facilitators ]]</div>
-<div class="hover-links-graynotmobile">
-<div class="hover-links-mt-heading">After</div>
-<p>Evaluation and documentation of learning processes. Validation and identification 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">[[Validation and 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>