Add Copilot instructions, update README, and implement new features in the theme (#71)

Author: ngeorger

.github/copilot-instructions.md …hub/instructions/copilot-instructions.md.github/copilot-instructions.md renamed to .github/instructions/copilot-instructions.md .github/copilot-instructions.md renamed to .github/instructions/copilot-instructions.md

@@ -20,7 +20,7 @@ Our Ghost v5 Theme made for [SREDevOps.org](https://sredevops.org) based on Tail
 - [ ] Ghost Cards assets CSS Cleanup
 - [ ] Migrate Tailwind classes from inline styles into stylesheets files
 - ~~[ ] Improve Algolia Search~~ (Replaced with Ghost Search)
-- [ ] Implement custom options
+- [x] Implement custom options
 
 ## Repo
 
@@ -70,7 +70,8 @@ Check out the live demo at [SREDevOps.org](https://sredevops.org).
 - Sidebar main navigation
 - Dark schema
 - Responsive design
-- Customizable image sizes
+- Customizable sections for sidebar navigation and post sharing
+- Optional lazy loading for images in homepage
 
 ## Contributing
 

README.md

@@ -2,7 +2,7 @@
     "name": "sredevopsorg-ghost-theme",
     "description": "Ghost v5 Theme made for SREDevOps.org (https://sredevops.org) based on Tailwind CSS v3, responsive, dark color schema, SVG icons, sidebar + footer navgation, customized tags and recommendations pages.",
     "demo": "https://sredevops.org",
-    "version": "1.2.4",
+    "version": "1.2.5",
     "engines": {
         "ghost": ">=5.0.0"
     },
@@ -76,6 +76,18 @@
                 "default": true,
                 "description": "Enable share buttons on posts",
                 "group": "post"
+            },
+            "show_langs": {
+                "type": "boolean",
+                "default": false,
+                "description": "Enable language menu in sidebar",
+                "group": "homepage"
+            },
+            "show_sso": {
+                "type": "boolean",
+                "default": false,
+                "description": "Enable SSO menu in sidebar",
+                "group": "homepage"
             }
         },
         "image_sizes": {

package.json

@@ -3,14 +3,14 @@
     <section class="flex flex-col items-center gap-1 mx-auto text-xs text-light">
         <ul class="text-center">
             <li>
-                <a href="{{@site.url}}" rel="me" alt="{{@site.title}}" aria-label="SREDevOps.org">
-                    <img src="{{@site.logo}}" alt="SREDevOps.org" />
+                <a href="{{@site.url}}" rel="me" alt="{{@site.title}}" aria-label="{{@site.title}}">
+                    <img src="{{@site.logo}}" alt="{{@site.title}}" />
                 </a>
             </li>
 
             <li>
                 <p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
-                <a property="dct:title" rel="cc:attributionURL" href="https://sredevops.org">SREDevOps.org</a>
+                <a property="dct:title" rel="cc:attributionURL" href="{{@site.url}}">{{@site.title}}</a>
                 <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://sredevops.org/author/ngeorger" class="hidden ">by Nicolás Georger</a>
                 is licensed under <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="license noopener noreferrer">CC BY 4.0</a>
                 </p>

partials/components/footer.hbs

@@ -37,6 +37,7 @@
         </kbd>
     </button>
     </section>
+    {{#match @custom.show_langs}}
     <section class="mb-6">
         <button type="button" class="inline-flex justify-between w-full px-4 py-2 border rounded-md border-dark bg-dark text-lighter" id="languageMenuButton" aria-expanded="true" aria-haspopup="true">
                 <svg class="w-5 h-5 text-light" role="img" aria-label="{{label}}">
@@ -61,11 +62,14 @@
             </div>
         </div>
     </section>
-
+    {{/match}}
 <!-- Main menu -->
     <section id="nav" class="mb-6">
         {{navigation}}
     </section>
+
+    {{#match @custom.show_sso}}
+
     <section id="members" class="pb-4 text-light">
         {{#if @member}}
             {{!-- Add CryptoJS library --}}
@@ -93,5 +97,6 @@
             {{> "social-sso"}}
         {{/if}}
     </section>
+    {{/match}}
 </aside>