Merge branch 'main' into 177-change-website-colors-to-new-asknet-colo…

…r-scheme
ASKnetCommunity · Nov 22, 2023 · 7d02110 · 7d02110
2 parents e9dbe1b + 167da78
commit 7d02110
Show file tree

Hide file tree

Showing 18 changed files with 245 additions and 98 deletions.
diff --git a/.gitignore b/.gitignore
@@ -7,3 +7,4 @@ Gemfile.lock
 unused
 bootstrap-reference.html
 */.directory
+.directory
diff --git a/_config.yml b/_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

diff --git a/_data/settings.yml b/_data/settings.yml
@@ -12,7 +12,7 @@ screenshot: https://raw.githubusercontent.com/ASKnetCommunity/ASKnet.Community/5
 
 menu:
 - {name: About, link: '/#about'}
-- {name: Hubs, link: '/#hubs'}
+- {name: Members, link: '/#members'}
 - {name: Experts, link: '/#lead'}
 - {name: Resources, link: '/#resources'}
 - {name: Media, link: '/media'}
@@ -46,14 +46,25 @@ 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"
+
+
+#-------------------------------
+# Member Hubs Section
+
+hub-section-title: YOUTH LED HUBS
+hub-section-description: "#ASKnet is a capacity building and hub development program linking South Sudanese youth-led community hubs, be they in South Sudan or neighboring regions. \n \n The program started in 2015 with the creation of a community-based media training center, Juba’s Open Knowledge and Innovation Hub (jHUB) which aimed to provide an open forum to discuss, identify, and develop solutions for South Sudan’s post-conflict challenges. Conflict flared up again at the end of 2016 and the jHUB community was dispersed. The program has since evolved into a collection of smaller hubs and local initiatives in South Sudan and Uganda known as #ASKnet. \n \n This community continues to grow, move and intersect with other like-minded individuals and organizations at the grassroots and beyond creating opportunities for collaborations, training, and knowledge sharing. Meet the #ASKnet Hubs!"
+hub-section-contact: "Are you interested to become a member? Get in contact with us!"
 
 #-------------------------------
 # LEAD Section
@@ -158,13 +169,6 @@ services:
   }
 
 
-#-------------------------------
-# Hubs Section
-
-hub-section-title: YOUTH LED HUBS
-hub-section-description: "#ASKnet is a capacity building and hub development program linking South Sudanese youth-led community hubs, be they in South Sudan or neighboring regions. \n \n The program started in 2015 with the creation of a community-based media training center, Juba’s Open Knowledge and Innovation Hub (jHUB) which aimed to provide an open forum to discuss, identify, and develop solutions for South Sudan’s post-conflict challenges. Conflict flared up again at the end of 2016 and the jHUB community was dispersed. The program has since evolved into a collection of smaller hubs and local initiatives in South Sudan and Uganda known as #ASKnet. \n \n This community continues to grow, move and intersect with other like-minded individuals and organizations at the grassroots and beyond creating opportunities for collaborations, training, and knowledge sharing. Meet the #ASKnet Hubs!"
-
-
 #-------------------------------
 # Client Slider Section
 

diff --git a/_data/sitetext.yml b/_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"

diff --git a/_hubs/ataka-hub.md b/_hubs/ataka-hub.md
diff --git a/_hubs/ma-mara.md b/_hubs/ma-mara.md
@@ -0,0 +1,27 @@
+---
+layout: hub
+
+title: Ma’Mara Sakit Village
+subtitle: A South Sudanese Feminist Community that Creates Platforms & Opportunities, and Amplifies Voices to Actualize Individual & Collective Agency
+image: assets/img/hubs/07-mamara-full.jpg
+keyphrase: A South Sudan where every person feels valued and dignified with the utmost autonomy and control over their lives.
+location: Juba, South Sudan
+logo-file-name: 07-mamara-logo.jpg
+social-media: 
+  website-url: https://mamarasakitvillage.org/
+  platforms:  # icon codes can be found here: https://fontawesome.com/v5/search?o=r&m=free
+  - { fa-icon-code: "fa-twitter", url: "https://twitter.com/mamarasakit_v" }
+  - { fa-icon-code: "fa-facebook-f", url: "https://www.facebook.com/mamarasakitvillage/" }
+  - { fa-icon-code: "fa-instagram", url: "https://www.instagram.com/mamarasakitvillage/" }
+
+caption:
+  title: Ma’Mara Sakit Village
+  subtitle: Juba, South Sudan
+  thumbnail: assets/img/hubs/07-mamara-thumbnail.jpg
+---
+
+Ma’Mara Sakit Village is a feminist community that amplifies voices and creates platforms and opportunities to facilitate processes that contribute to the attainment of individual and collective agency using research, art, culture, and multimedia.
+
+‘Ma’Mara Sakit’ is a South Sudanese Arabic phrase that loosely translates to ‘not just a woman.’
+
+The entity focuses on generating, raising, and facilitating sustainable funding processes for feminist informal groups, networks, and small organizations that funding agencies often discriminate against due to perceptions regarding their limited institutional capacity or registration status.
diff --git a/_includes/about-section.html b/_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 -->
diff --git a/_includes/hub-section.html b/_includes/hub-section.html
@@ -1,6 +1,6 @@
 <!-- hubs -->
 <section id="hubs-section" class="section">
-  <div id="hubs" class="jump-mark"></div>
+  <div id="members" class="jump-mark"></div>
   <div class="container">
     <div class="row">
       <div class="col-12">
@@ -25,7 +25,8 @@ <h4>{{ hub.caption.title }}</h4>
         </div>
       </div>
       {% endfor %}
-      <div class="col-md-4 col-sm-6 mb-4 shuffle-item">
+
+      {% comment %} <div class="col-md-4 col-sm-6 mb-4 shuffle-item">
         <div class="position-relative hover-wrapper">
           <div id="grid-add-item"></div>
           <a class="hover-overlay" href="https://github.com/ASKnetCommunity/ASKnet.Community/issues/new?assignees=&labels=content-submit%2Cnew-hub&template=new-hub.yml&title=Add+Hub%3A+">
@@ -38,7 +39,18 @@ <h4>{{ hub.caption.title }}</h4>
           <h4>Add new Hub</h4>
           <p class="text-muted">you can register your hub here</p>
         </div>
-      </div>
+      </div> {% endcomment %}
+
+    </div>
+    <div class="row text-center">
+      <p class="text-center w-100">
+        {{ site.data.settings.hub-section-contact }}
+      </p>
+    </div>
+    <div class="row text-center">
+      <p class="text-center w-100">
+        <a class="btn btn-sm btn-primary" href="#contact">Contact</a>
+      </p>
     </div>
   </div>
 </section>

diff --git a/_layouts/hub.html b/_layouts/hub.html
@@ -10,9 +10,28 @@
     <div class="row">
       <div class="col-lg-9 col-12 mx-auto">
         <h3 class="mb-3 mt-5 text-center">{{ page.title | escape }}</h3>
-        <p class="text-muted mx-auto" style="max-width: 500px;">{{ page.subtitle }}</p>
+        <p class="mx-auto">{{ page.subtitle }}</p>
         <div class="content">
           <img src="{{ page.image | relative_url }}" class="img-fluid rounded mx-auto mb-4 d-block" alt="{{page.title}}">
+          <div class="card">
+            <div class="card-body mb-0">
+              <p class="card-text">{{ page.keyphrase }}</p>
+            </div>
+          </div>
+          <div class="row align-items-center">
+            <div class="col-md-5 col-12 mb-0 logo">
+              <img src="{{ site.baseurl }}/assets/img/hubs/{{ page.logo-file-name }}" alt="{{ page.title }} Logo">
+            </div>
+            <div class="col-md-7 col-12 mb-0 text-center">
+              {% if page.social-media.website-url %}
+                <a href="{{ page.social-media.website-url }}" class="btn btn-primary visit-website" target="_blank">Visit Website</a>  
+              {% endif %}
+              {% for platform in page.social-media.platforms %}
+                <a href="{{ platform.url }}" class="btn btn-primary visit-website" target="_blank"><i class="fab {{ platform.fa-icon-code }}"></i></a>
+              {% endfor %}
+            </div>
+          </div>
+          <p>Location: {{ page.caption.subtitle }}</p>
           {{ content }}
         </div>
       </div>