Merge branch 'main' into 173-rework-member-hub-pages-add-new-hubs

_config.yml

@@ -1,4 +1,4 @@
-baseurl: "" # the subpath of your site, e.g. /blog
+baseurl: "/ASKnet.Community_teaser" # the subpath of your site, e.g. /blog
 url: "" # the base hostname & protocol for your site, e.g. http://example.com
 
 # Build settings

_data/settings.yml

@@ -15,7 +15,7 @@ menu:
 - {name: Members, link: '/#members'}
 - {name: Experts, link: '/#lead'}
 - {name: Resources, link: '/#resources'}
-- {name: Media, link: '/media.html'}
+- {name: Media, link: '/media'}
 - {name: "#ASKtools", link: '/#asktools'}
 - {name: Timeline, link: '/#timeline'}
 - {name: Contact, link: '/#contact'}
@@ -46,14 +46,17 @@ social:
 #-------------------------------
 # About Section
 
-about-title: "#ASKnet<br />Access to Skills & Knowledge Network"
-about-description: "The #ASKnet community aims to build a sustainable network of trainers and empowered individuals, to address specific challenges their communities are facing and transform cultural patterns that fuel conflict and inequality."
+about-title: "#ASKnet<br />The Access to Skills & Knowledge network"
+about-description: "#ASKnet is a cross-border consortium of community driven organizations with an aim to build a transformative and sustainable open society and a professional media skills ecosystem. The network provides access to a range of open source knowledge and information, media and IT related training as well as community oriented hands-on skills."
 about:
-- {name: '#ASKnet is a network of hubs and community members', icon: 'fas fa-project-diagram' }
-- {name: 'who subscribe to the vision of educating on media literacy', icon: 'fas fa-graduation-cap' }
-- {name: 'and creating communities with hands-on experience,', icon: 'fas fa-users' }
-- {name: 'while providing open access to skills and knowledge,', icon: 'fas fa-book-open' }
-- {name: 'that can impact a community using the available resources.', icon: 'fas fa-cogs' }
+- {name: '#ASKnet is a network of hubs and community members,', icon: 'fas fa-project-diagram' }
+- {name: 'founded by young South Sudanese innovators,', icon: 'fas fa-lightbulb' }
+- {name: 'governed by a Steering Committee drawn from all of its member organizations,', icon: 'fas fa-users' }
+- {name: 'to build a transformative and sustainable media development ecosystem.', icon: 'fas fa-photo-video' }
+about-description-2: "The nine members of #ASKnet address local community challenges, support empowerment with knowledge and skills, inspire regional innovation and creativity, and engage peacebuilding and community empowerment among all members of society."
+about-description-3: "#ASKnet is supported by r0g_agency (Berlin, Germany) and Hive Colab (Kampala, Uganda) as implementing partners. The project in the period of 2022-2025 is funded by the German Ministry of Economic Development and Cooperation (BMZ)."
+about-profile-button-title: "Our Organizational Framework"
+about-flyer-link-title: "#ASKnet Flyer"
 
 
 #-------------------------------
@@ -78,8 +81,12 @@ hub-section-contact: "Are you interested to become a member? Get in contact with
 #-------------------------------
 # LEAD Section
 
-lead-title: "LEAD<br />Local Experts Action Directory"
-lead-description: "The #ASKnet Local Expert Action Directory (LEAD) is a growing and functioning tool to connect people who have specific expertise and skills in media, ICT, and a range of various technologies - be they device repair, software programming, or mechanical skills with potential clients. \n \n The directory makes it easier for organizations be they international donors and non-governmental agencies, local, national, and international governmental organizations, local companies, etc., - to contact and commission #ASKnet media and technology experts in the region. \n \n The LEAD directory allows professionals, and individuals with special skills in South Sudan and refugee-hosting regions to develop profiles, share their expertise, and promote themselves both locally and internationally. We require experts to add references/links to their work to allow partners and/or future clients to access the experts' previous work and portfolios in order to create confidence and credibility. \n \n Consider hiring an #ASKnet LEAD Expert for your local training or development project!"
+lead-title: "#ASKlead"
+lead-description: |
+  Many of the #ASKnet members and their communities have undergone training of trainer programs and peer-to-peer learning in self-taught formats, developed collaboratively through workshops and programs run by the initiative.
+  
+  The #ASKnet Local Expert Action Directory (LEAD) is a growing and functioning tool to connect people who have specific expertise and skills in media, ICT, and a range of various technologies with important backgrounds on local and regional contexts - be they storytelling, videography, device repair, software programming, or mechanical skills with potential clients, other community members, and all those seeking advice and information about youth-led South Sudanese innovation culture.
+
 lead-button-title: "Go to LEAD"
 lead-button-link: "https://lead.asknet.community/"
 
@@ -223,5 +230,12 @@ client-slider-items:
 # Contact-Section
 
 contact-title: Contact Info
-contact-email: [email protected]
+contact-text: |
+  For general information about the network please contact our #ASKnet – Network Coordination in Juba by email: <a href="mailto:[email protected]">[email protected]</a>.
+  
+  #ASKnet is supported by r0g_agency (Berlin, Germany) and Hive Colab (Kampala, Uganda) as implementing partners.
+  
+  #ASKnet  2022-2025 is funded by the German Ministry of Economic Development and Cooperation (BMZ).
+
+contact-email: [email protected]
 formspree-path: f/myylarkr

_data/sitetext.yml

@@ -17,31 +17,31 @@ en: &DEFAULT_EN
     buttonlink: "#about"
 
   services:
-    title: "#ASKnet<br />Access to Skills & Knowledge Network"
-    text: ' 
-    The #ASKnet community aims to build a sustainable network of trainers and empowered individuals, to address specific challenges their communities are facing and transform cultural patterns that fuel conflict and inequality.  <br> <br>   
+    # title: "#ASKnet<br />The Access to Skills & Knowledge network"
+    # text: ' 
+    # #ASKnet is a cross-border consortium of community driven organizations with an aim to build a transformative and sustainable open society and a professional media skills ecosystem. The network provides access to a range of open source knowledge and information, media and IT related training as well as community oriented hands-on skills. <br> <br>   
 
-    <div class="row my-3 justify-content-center no-gutters">
-      <div class="col-auto mt-2 mr-3"><i class="fas fa-project-diagram fa-2x"></i> &nbsp; </div> 
-      <div class="col-md-4 col-8 text-left text-nowrap">#ASKnet is a <b>network of hubs <br />and community members</b> </div>
-    </div>
-    <div class="row my-3 justify-content-center no-gutters">
-      <div class="col-md-4 col-8 text-right text-nowrap"><div style="float: right;">who subscribe to the <b>vision of <br />educating on media literacy </b> </div></div>
-      <div class="col-auto mt-2 ml-3"> &nbsp; <i class="fas fa-graduation-cap fa-2x"></i></div> 
-    </div>
-    <div class="row my-3 justify-content-center no-gutters">
-      <div class="col-auto mt-2 mr-3"><i class="fas fa-users fa-2x"></i> &nbsp; </div> 
-      <div class="col-md-4 col-8 text-left text-nowrap">and <b>creating communities <br />with hands-on experience,</b> </div>
-    </div>
-    <div class="row my-3 justify-content-center no-gutters">
-      <div class="col-md-4 col-8 text-right text-nowrap"><div style="float: right;">while providing <b>open access</b> <br />to <b>skills and knowledge </b></div></div>
-      <div class="col-auto mt-2 ml-3"> &nbsp; <i class="fas fa-book-open fa-2x"></i></div> 
-    </div>
-    <div class="row my-3 justify-content-center no-gutters">
-      <div class="col-auto mt-2 mr-3"><i class="fas fa-cogs fa-2x"></i> &nbsp; </div> 
-      <div class="col-md-4 col-8 text-left text-nowrap">that can <b>impact a community</b> <br> using the <b>available resources.</b> </div>
-    </div>
-    '
+    # <div class="row my-3 justify-content-center no-gutters">
+    #   <div class="col-auto mt-2 mr-3"><i class="fas fa-project-diagram fa-2x"></i> &nbsp; </div> 
+    #   <div class="col-md-4 col-8 text-left text-nowrap">#ASKnet is a <b>network of hubs <br />and community members</b> </div>
+    # </div>
+    # <div class="row my-3 justify-content-center no-gutters">
+    #   <div class="col-md-4 col-8 text-right text-nowrap"><div style="float: right;">who subscribe to the <b>vision of <br />educating on media literacy </b> </div></div>
+    #   <div class="col-auto mt-2 ml-3"> &nbsp; <i class="fas fa-graduation-cap fa-2x"></i></div> 
+    # </div>
+    # <div class="row my-3 justify-content-center no-gutters">
+    #   <div class="col-auto mt-2 mr-3"><i class="fas fa-users fa-2x"></i> &nbsp; </div> 
+    #   <div class="col-md-4 col-8 text-left text-nowrap">and <b>creating communities <br />with hands-on experience,</b> </div>
+    # </div>
+    # <div class="row my-3 justify-content-center no-gutters">
+    #   <div class="col-md-4 col-8 text-right text-nowrap"><div style="float: right;">while providing <b>open access</b> <br />to <b>skills and knowledge </b></div></div>
+    #   <div class="col-auto mt-2 ml-3"> &nbsp; <i class="fas fa-book-open fa-2x"></i></div> 
+    # </div>
+    # <div class="row my-3 justify-content-center no-gutters">
+    #   <div class="col-auto mt-2 mr-3"><i class="fas fa-cogs fa-2x"></i> &nbsp; </div> 
+    #   <div class="col-md-4 col-8 text-left text-nowrap">that can <b>impact a community</b> <br> using the <b>available resources.</b> </div>
+    # </div>
+    # '
     section: about
     list:
       - title: "Community"

_includes/about-section.html

@@ -3,14 +3,14 @@
   <div id="about" class="jump-mark"></div>
   <div class="container">
     <div class="row">
-      <div class="col-lg-10 mx-auto mb-60">
+      <div class="col-lg-12 mx-auto mb-5">
         <h2 class="text-center">{{ site.data.settings.about-title }}</h2>
         <p>{{ site.data.settings.about-description }}</p>
       </div>
       {% for about in site.data.settings.about %}
         <div class="col-lg-6 col-md-6 mb-20">
           <div class="d-flex">
-            <div class="mr-lg-5 mr-3">
+            <div class="about-icon mr-lg-4 mr-3">
               <i class="{{ about.icon }} icon d-block"></i>
             </div>
             <div>
@@ -21,6 +21,18 @@ <h5>{{ about.name }}</h5>
         </div>
       {% endfor %}
     </div>
+    <div class="row">
+      <div class="col-lg-12 mx-auto mt-5 mb-3">
+        <p>{{ site.data.settings.about-description-2 }}</p>
+        <p>{{ site.data.settings.about-description-3 }}</p>
+      </div>  
+    </div>
+    <div class="row">
+      <a class="btn btn-sm btn-primary mb-2 mx-auto" href="{{ site.baseurl }}{% link _pages/profile.md %}">{{ site.data.settings.about-profile-button-title }}</a>
+    </div>
+    <div class="row">
+      <a class="mb-5 mx-auto" href="{{ site.baseurl }}{% link assets/docs/ASKnet_Flyer_07_2023.pdf %}">{{ site.data.settings.about-flyer-link-title }}</a>
+    </div>
   </div>
 </section>
 <!-- /about -->

_includes/contact-section.html

@@ -3,10 +3,11 @@
   <div id="contact" class="jump-mark"></div>
   <div class="container">
     <div class="row">
-      <div class="col-lg-12 text-center">
+      <div class="col-lg-12 mb-3 text-center">
         <h2 class="section-title text-white" id="contact-section">
           {{ site.data.settings.contact-title }}
         </h2>
+        {{ site.data.settings.contact-text | markdownify }}
       </div>
     </div>
     <div class="row">

_includes/header.html

@@ -1,6 +1,6 @@
 <header class="navigation fixed-top">
   <nav class="navbar navbar-expand-lg navbar-dark">
-    <a class="navbar-brand font-tertiary btn btn-primary px-3 py-2" href="{{ site.baseurl }}/">
+    <a class="navbar-brand btn px-3 py-2" href="{{ site.baseurl }}/">
       {% if site.data.settings.logo %}
         <img height="40" src="{{ site.data.settings.logo | absolute_url }}" alt="{{ site.data.settings.title }}">
         {% else if %}

_includes/lead-section.html

@@ -3,12 +3,14 @@
   <div id="lead" class="jump-mark"></div>
   <div class="container">
     <div class="row">
-      <div class="col-lg-10 mx-auto mb-60">
+      <div class="col-lg-10 mx-auto">
         <h2 class="text-center">{{ site.data.settings.lead-title }}</h2>
         {{ site.data.settings.lead-description | markdownify }}
-        <a class="btn btn-dark mt-4" href="{{ site.data.settings.lead-button-link }}">{{ site.data.settings.lead-button-title }} <i class="fas fa-external-link-alt"></i></a>
       </div>
     </div>
+    <div class="row">
+      <a class="btn btn-dark mx-auto" href="{{ site.data.settings.lead-button-link }}">{{ site.data.settings.lead-button-title }} <i class="fas fa-external-link-alt"></i></a>
+    </div>
   </div>
 </section>
 <!-- /about -->

_layouts/page.html

@@ -6,6 +6,6 @@
 </section>
 
 
-<section class="page-content">
+<section class="page-content {{ page.css-id }}">
   {{ content }}
 </section>

_pages/imprint.md

@@ -5,6 +5,10 @@ title: Imprint
 
 # Imprint
 
+For general information about the network please contact the #ASKnet – Network Coordination Office Email: [email protected]
+
+#ASKnet is supported by r0g_agency (Berlin, Germany) and Hive Colab (Kampala, Uganda) as implementing partners and is funded by the German Ministry of Economic Development and Cooperation (BMZ) 2022-2025.
+
 ## Information according to [§ 5 TMG](https://www.gesetze-im-internet.de/tmg/__5.html)
 
 **r0g_agency for open culture and critical transformation gGmbH**