Merge pull request #1 from fedecan-ca/staging

Staging

docs/announcements/posts/2024-04-08_incorporated.md

@@ -2,8 +2,14 @@
 date: 2024-04-08
 ---
 
-# Non-Profit Status
+# Non-Profit Incorporation
+
+<figure markdown>
+  ![banner](../../assets/img/blog/banners/2024-04-08_incorporated.jpg){ .skip-lightbox }
+</figure>
 
 We are pleased to announce that Fedecan has been officially incorporated as a not-for-profit organization! This is a significant milestone for us, and we are excited to get everything organized. 
 
-Stay tuned for more updates!
+Stay tuned for more updates!
+
+<!-- more -->

docs/index.md

@@ -6,18 +6,20 @@ hide:
 
 <!-- ![Image title](https://dummyimage.com/500x300/eee/aaa){ align=right } -->
 
-# Welcome!
-
-Dedicated to providing safe and inclusive platforms, we enable Canadians to participate in online communities through federated software. See below for more information on what this means, what we are working on, and how you can get involved.
-
-**We're an officially registered non-profit organization in Canada! 🍁**
+<div style="text-align: center; margin: 50px; 0px">
+  <h1 style="color: var(--md-primary-fg-color);">Welcome | Bienvenue</h1>
+  <p style="font-size: 1.1em; color: var(--md-default-fg-color); line-height: 1.5; margin: 20px 0;">
+    Dedicated to providing safe and inclusive platforms, we enable Canadians to participate in online communities through <b>federated software</b>.
+  </p>
+  <p style="font-size: 1.2em; color: var(--md-accent-fg-color);">
+    <strong>We're an officially registered non-profit organization in Canada! 🍁</strong>
+  </p>
+</div>
 
 <br> <br>
 
 # What are we working on?
 
-As we grow, we plan to expand our services to include other federated platforms. Below are some of the things we are currently working on!
-
 <div class="grid cards" markdown>
 
 -   :simple-lemmy:{ .lg .middle } __Lemmy.ca__
@@ -34,7 +36,7 @@ As we grow, we plan to expand our services to include other federated platforms.
 
     ---
 
-    Stay tuned for more information!
+    As we grow, we plan to expand our services to include other federated platforms. Stay tuned for more information!
 
     <br>
 
@@ -46,16 +48,31 @@ As we grow, we plan to expand our services to include other federated platforms.
 
 # Want to learn more?
 
-If you would like to learn more, you can see the guide section of our website. See below for a list of guides that may be of interest to you.
+<div class="grid cards" markdown>
 
-<!-- General Guides -->
+-   :octicons-globe-24:{ .lg .middle } __What is the Fediverse? What is federation?__
 
-- [What is the **Fediverse**?](guides/fediverse.md)
-- [What is **Open Source** software, and why is it important?](guides/open-source.md)
+    ---
+
+    The **Fediverse** is a network of websites that can all communicate with each other. Similar to email, you can have an account on one website and still interact with people on other websites. This limits the power of any single website or company, and allows for more freedom and diversity online.
 
-<!-- Platform Specific Guides -->
+    [:material-arrow-right-bottom: Read more](guides/fediverse.md)
 
-- [What is **Lemmy**?](guides/lemmy.md)
+-   :octicons-tools-24:{ .lg .middle } __Why is Open Source software important?__
+
+    ---
+
+    **Open Source** software is created by a community of developers in a manner that is transparent and open to everyone. Often this allows for anyone to contribute to the software, understand how it works, and use it for free.
+
+    [:material-arrow-right-bottom: Read more](guides/open-source.md)
+
+-  :material-bookshelf:{ .lg .middle } __Discover more guides__
+
+    ---
+
+    We are working on more guides on how to use the platforms we support, how to set up your own instance, and more. Check out the guides section for more information!
+
+</div>
 
 <br> <br>
 

docs/stylesheets/extra.css

@@ -0,0 +1,41 @@
+[data-md-color-scheme="fedecan-light"] {
+    /* Primary colors */
+    --md-primary-fg-color: #A83232;
+    --md-primary-fg-color--light: #D64545;
+    --md-primary-fg-color--dark: #822424;
+    --md-primary-bg-color: #ffffff;
+    --md-primary-bg-color--light: #F2F2F2;
+
+    /* Accent colors */
+    --md-accent-fg-color: #A83232;
+    --md-accent-fg-color--transparent: rgba(168, 50, 50, 0.5);
+    --md-accent-bg-color: #A83232;
+    --md-accent-bg-color--light: #D64545;
+
+    /* Additional optional customizations */
+    --md-typeset-a-color: var(--md-accent-fg-color);
+    --md-typeset-mark-color: rgba(168, 50, 50, 0.2);
+}
+
+.chart-card--datawrapper {
+	width: 90%;
+	margin: auto;
+	padding: 20px;
+	border-radius: 10px;
+	background-color: rgba(61, 61, 55, 0.04);
+	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.chart-card--image {
+	width: 90%;
+	margin: auto;
+	padding: 0px 17.6px;
+	border-radius: 30px;
+	background-color: rgba(61, 61, 55, 0.04);
+	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.chart-card--image-rounded {
+	border-radius: 12.4px;
+	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
+}

mkdocs.yml

@@ -24,9 +24,9 @@ theme:
   favicon: assets/img/canadian-maple-leaf.svg
 
   palette:
-    - scheme: default
-      primary: red
-      accent: red
+    - scheme: fedecan-light
+      primary: custom
+      accent: custom
       toggle:
         icon: material/weather-sunny
         name: Switch to dark mode
@@ -69,13 +69,16 @@ markdown_extensions:
       emoji_generator: !!python/name:material.extensions.emoji.to_svg
 
 plugins:
-  - glightbox
+  - glightbox:
+      skip_classes:
+        - skip-lightbox
   - search
   - blog:
       blog_dir: announcements
       archive: false
       categories: false
       authors: false
+      post_excerpt: required
       pagination_per_page: 10
   - group:
       enabled: !ENV CI
@@ -84,5 +87,8 @@ plugins:
             cards_layout_options:
               font_family: Noto Sans
 
+extra_css:
+  - stylesheets/extra.css
+
 extra:
   generator: false