diff --git a/app/components/ContentThumbnailTemplate.js b/app/components/ContentThumbnailTemplate.js index 76e989a..44de50f 100644 --- a/app/components/ContentThumbnailTemplate.js +++ b/app/components/ContentThumbnailTemplate.js @@ -24,7 +24,7 @@ const ContentThumbnailTemplate = ({ : post.frontmatter.thumbnail.horizontal; if (imageName) { - // Return path to image in content/blog directory + // Return path to image in public/content/blog directory return `/content/blog/${imageName}`; } } diff --git a/app/learn/page.js b/app/learn/page.js index 6de9350..1c0eb05 100644 --- a/app/learn/page.js +++ b/app/learn/page.js @@ -30,10 +30,12 @@ export default function LearnPage() {
-
+
{allPosts.slice(0, 3).map((post, index) => ( diff --git a/app/tailwind.css b/app/tailwind.css index 5ce56f7..1f790d3 100644 --- a/app/tailwind.css +++ b/app/tailwind.css @@ -20,6 +20,7 @@ --breakpoint-xsm: 429px; --breakpoint-sm: 430px; --breakpoint-sm2: 440px; + --breakpoint-smd: 540px; --breakpoint-md: 640px; --breakpoint-xmd: 768px; --breakpoint-lg: 1024px; @@ -29,15 +30,12 @@ --color-*: initial; /* Font families */ - --font-sans: - var(--font-inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", - Roboto, "Helvetica Neue", Arial, sans-serif; - --font-display: - var(--font-bricolage-grotesque), ui-sans-serif, system-ui, -apple-system, + --font-sans: var(--font-inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - --font-mono: - var(--font-space-grotesk), ui-monospace, SFMono-Regular, "SF Mono", - Consolas, "Liberation Mono", Menlo, monospace; + --font-display: var(--font-bricolage-grotesque), ui-sans-serif, system-ui, + -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + --font-mono: var(--font-space-grotesk), ui-monospace, SFMono-Regular, + "SF Mono", Consolas, "Liberation Mono", Menlo, monospace; /* Dimension */ --spacing-scale-000: 0px; diff --git a/content/blog/making-decisions-without-hierarchy.md b/content/blog/making-decisions-without-hierarchy.md deleted file mode 100644 index e37790b..0000000 --- a/content/blog/making-decisions-without-hierarchy.md +++ /dev/null @@ -1,36 +0,0 @@ ---- -title: "Sample: Making Decisions Without Hierarchy" -description: "A brief guide to collaborative nonhierarchical decision making" -author: "Author name" -date: "2025-04-05" -related: ["resolving-active-conflicts", "operational-security-mutual-aid"] -thumbnail: - vertical: "making-decisions-without-hierarchy-vertical.svg" - horizontal: "making-decisions-without-hierarchy-horizontal.svg" ---- - -Traditional organizations rely on hierarchical structures where decisions flow from top to bottom. But what if you want to create a more collaborative, egalitarian approach? This guide explores practical methods for making decisions without traditional power structures. - -Before diving into methods, it's worth understanding why groups choose to avoid hierarchy. Benefits include increased participation with more voices in decision-making, better solutions through diverse perspectives leading to creative outcomes, stronger commitment as people support decisions they helped create, skill development as members learn leadership and facilitation skills, and reduced power abuse with less opportunity for exploitation. However, challenges include being time intensive as consensus takes longer than top-down decisions, requiring training as people need to learn new skills, being frustrating as not everyone is comfortable with the process, and the risk of paralysis as groups can get stuck on difficult decisions. - -Effective nonhierarchical decision making is built on several key principles. Equality means all members have equal voice and influence in decisions that affect them. Transparency requires information to be shared openly and decision-making processes to be clear to everyone. Participation means everyone is encouraged and supported to participate in decisions. Accountability means members are responsible for their commitments and actions. - -Consensus is perhaps the most well-known nonhierarchical decision-making method. It works by presenting the proposal clearly, allowing time for questions and clarification, discussing concerns and potential improvements, seeking to address all concerns, testing for consensus with no blocking objections, and implementing the decision. Use consensus for important decisions affecting the whole group, when you need strong commitment to implementation, and for policy decisions or major changes. Tips for success include using a skilled facilitator, allowing plenty of time, focusing on interests rather than positions, and being willing to modify proposals. - -Consent-based decision making focuses on finding decisions that are "good enough" rather than perfect. It works by presenting a proposal, checking for objections rather than preferences, addressing any objections, adopting the proposal if there are no blocking objections, and implementing and reviewing regularly. Use this method for operational decisions, when you need to move quickly, and for decisions that can be easily changed later. - -Sociocracy uses circles or teams to make decisions within their domain. It works by organizing into functional circles, having each circle make decisions in its domain, using consent-based decision making within circles, connecting circles through representatives, and conducting regular review and adaptation. Use sociocracy for larger organizations, when you need clear domains of responsibility, and for ongoing operations. - -Good facilitation is crucial for nonhierarchical decision making. Basic facilitation includes active listening by paying full attention to speakers, reflecting back what you've heard, asking clarifying questions, and avoiding interrupting. Managing discussion involves keeping discussions focused, ensuring everyone has a chance to speak, managing time effectively, and summarizing key points. Handling conflict requires addressing tensions directly, focusing on interests rather than positions, looking for common ground, and knowing when to take breaks. - -Advanced techniques include progressive stack by keeping a list of people who want to speak, prioritizing voices that haven't been heard, balancing different perspectives, and managing dominant speakers. Small group work involves breaking into smaller groups for discussion, using different formats like pairs or triads, reporting back to the larger group, and synthesizing insights. Visual tools include using flip charts or whiteboards, creating visual representations of ideas, tracking decisions and action items, and making processes visible. - -Common challenges include the dominant speaker where one person talks too much, limiting others' participation. Solutions include using progressive stack, setting time limits for individual contributions, directly addressing the behavior, and creating structured discussion formats. Analysis paralysis occurs when groups get stuck in endless discussion without making decisions. Solutions include setting clear time limits, using consent-based methods, focusing on "good enough" solutions, and implementing with regular review. The silent majority problem occurs when many people don't participate in discussions. Solutions include using small group formats, asking direct questions, creating safer spaces for participation, and addressing power dynamics. Veto power abuse happens when people block decisions for personal rather than group reasons. Solutions include clarifying what constitutes a valid objection, distinguishing between preferences and concerns, using consent-based methods, and addressing underlying issues. - -Creating effective nonhierarchical decision making requires cultural change. Training and education should include skills development through regular facilitation training, decision-making method workshops, conflict resolution skills, and communication skills. Process education involves explaining methods clearly, practicing with low-stakes decisions, learning from other groups, and conducting regular process review. Creating safe spaces requires psychological safety by encouraging respectful disagreement, addressing power dynamics, supporting quieter voices, and handling conflict constructively. Inclusive practices include considering different communication styles, providing multiple ways to participate, addressing accessibility needs, and being aware of cultural differences. - -Modern technology can support nonhierarchical decision making. Digital platforms include collaborative tools like shared documents for proposals, online voting platforms, video conferencing for remote participation, and project management tools. Communication tools include discussion forums, chat platforms, email lists, and social media groups. Hybrid approaches combine methods by using online tools for preparation, making final decisions in person, using digital tools for implementation, and conducting regular online check-ins. - -Measuring success involves looking at participation indicators like high attendance at decision-making meetings, diverse voices in discussions, new people taking on leadership roles, and reduced reliance on a few key people. Quality of decisions indicators include decisions being implemented effectively, fewer decisions needing to be revisited, creative solutions emerging, and group satisfaction with outcomes. Group health indicators include low conflict and high trust, strong commitment to decisions, good communication, and sustainable participation levels. Regular review involves process evaluation through monthly process check-ins, annual decision-making reviews, member surveys, and external facilitation. Continuous improvement includes learning from mistakes, adapting methods to your context, sharing learnings with other groups, and staying updated on new approaches. - -Nonhierarchical decision making is not about eliminating leadership—it's about distributing it more broadly and creating more inclusive, effective decision-making processes. While it requires more time and skill than traditional approaches, the benefits in terms of participation, creativity, and commitment can be significant. Remember: there's no one "right" way to make decisions without hierarchy. The key is finding methods that work for your specific group, context, and goals, and being willing to adapt as you learn and grow. diff --git a/content/blog/operational-security-mutual-aid-horizontal.svg b/content/blog/operational-security-mutual-aid-horizontal.svg deleted file mode 100644 index 838dafd..0000000 --- a/content/blog/operational-security-mutual-aid-horizontal.svg +++ /dev/null @@ -1,31 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/content/blog/operational-security-mutual-aid-vertical.svg b/content/blog/operational-security-mutual-aid-vertical.svg deleted file mode 100644 index ff5f25f..0000000 --- a/content/blog/operational-security-mutual-aid-vertical.svg +++ /dev/null @@ -1,31 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/lib/validation.js b/lib/validation.js index 9cf8c43..f5ba039 100644 --- a/lib/validation.js +++ b/lib/validation.js @@ -39,6 +39,21 @@ export const BLOG_POST_SCHEMA = { maxLength: 50, }, }, + thumbnail: { + type: "object", + required: false, + default: null, + properties: { + vertical: { + type: "string", + required: false, + }, + horizontal: { + type: "string", + required: false, + }, + }, + }, }; /** @@ -81,12 +96,12 @@ export function validateBlogPost(frontmatter) { if (config.type === "string" && typeof frontmatter[field] === "string") { if (config.minLength && frontmatter[field].length < config.minLength) { errors.push( - `Field ${field} must be at least ${config.minLength} characters`, + `Field ${field} must be at least ${config.minLength} characters` ); } if (config.maxLength && frontmatter[field].length > config.maxLength) { errors.push( - `Field ${field} must be no more than ${config.maxLength} characters`, + `Field ${field} must be no more than ${config.maxLength} characters` ); } } @@ -105,12 +120,12 @@ export function validateBlogPost(frontmatter) { } if (config.items.minLength && item.length < config.items.minLength) { errors.push( - `Item ${i} in ${field} must be at least ${config.items.minLength} characters`, + `Item ${i} in ${field} must be at least ${config.items.minLength} characters` ); } if (config.items.maxLength && item.length > config.items.maxLength) { errors.push( - `Item ${i} in ${field} must be no more than ${config.items.maxLength} characters`, + `Item ${i} in ${field} must be no more than ${config.items.maxLength} characters` ); } } @@ -134,7 +149,12 @@ export function sanitizeBlogPost(frontmatter) { for (const [field, config] of Object.entries(BLOG_POST_SCHEMA)) { if (frontmatter[field] !== undefined) { - sanitized[field] = frontmatter[field]; + // Special handling for thumbnail object + if (field === "thumbnail" && typeof frontmatter[field] === "object") { + sanitized[field] = frontmatter[field]; + } else { + sanitized[field] = frontmatter[field]; + } } else if (config.default !== undefined) { sanitized[field] = config.default; } diff --git a/content/blog/building-community-trust-horizontal.svg b/public/content/blog/building-community-trust-horizontal.svg similarity index 100% rename from content/blog/building-community-trust-horizontal.svg rename to public/content/blog/building-community-trust-horizontal.svg diff --git a/content/blog/building-community-trust-vertical.svg b/public/content/blog/building-community-trust-vertical.svg similarity index 100% rename from content/blog/building-community-trust-vertical.svg rename to public/content/blog/building-community-trust-vertical.svg diff --git a/content/blog/making-decisions-without-hierarchy-horizontal.svg b/public/content/blog/operational-security-mutual-aid-horizontal.svg similarity index 100% rename from content/blog/making-decisions-without-hierarchy-horizontal.svg rename to public/content/blog/operational-security-mutual-aid-horizontal.svg diff --git a/content/blog/making-decisions-without-hierarchy-vertical.svg b/public/content/blog/operational-security-mutual-aid-vertical.svg similarity index 100% rename from content/blog/making-decisions-without-hierarchy-vertical.svg rename to public/content/blog/operational-security-mutual-aid-vertical.svg diff --git a/content/blog/resolving-active-conflicts-horizontal.svg b/public/content/blog/resolving-active-conflicts-horizontal.svg similarity index 100% rename from content/blog/resolving-active-conflicts-horizontal.svg rename to public/content/blog/resolving-active-conflicts-horizontal.svg diff --git a/content/blog/resolving-active-conflicts-vertical.svg b/public/content/blog/resolving-active-conflicts-vertical.svg similarity index 100% rename from content/blog/resolving-active-conflicts-vertical.svg rename to public/content/blog/resolving-active-conflicts-vertical.svg