diff --git a/assets/images/decision-matrix.jpg b/assets/images/decision-matrix.jpg new file mode 100644 index 0000000..3e60423 Binary files /dev/null and b/assets/images/decision-matrix.jpg differ diff --git a/assets/images/game-theory.jpg b/assets/images/game-theory.jpg new file mode 100644 index 0000000..452a7e7 Binary files /dev/null and b/assets/images/game-theory.jpg differ diff --git a/assets/images/risk-mgnt.png b/assets/images/risk-mgnt.png new file mode 100644 index 0000000..0fe22e4 Binary files /dev/null and b/assets/images/risk-mgnt.png differ diff --git a/assets/images/userstory.jpg b/assets/images/userstory.jpg new file mode 100644 index 0000000..ab32ee1 Binary files /dev/null and b/assets/images/userstory.jpg differ diff --git a/config/_default/menus.en.toml b/config/_default/menus.en.toml index 01c46c2..6d87d65 100755 --- a/config/_default/menus.en.toml +++ b/config/_default/menus.en.toml @@ -2,18 +2,18 @@ # main menu [[main]] -name = "My Notes" +name = "Blog" pageRef = "/blog" weight = 1 [[main]] -name = "About Me" +name = "About" pageRef = "/about" weight = 2 # footer menu [[footer]] -name = "About" +name = "About Me" pageRef = "/about" weight = 1 diff --git a/content/english/blog/agile-userstory.md b/content/english/blog/agile-userstory.md new file mode 100755 index 0000000..a644e62 --- /dev/null +++ b/content/english/blog/agile-userstory.md @@ -0,0 +1,44 @@ +--- +title: "Why Text is still the most powerful tool to get things actionable" +meta_title: "The Who, What, Why of User Stories" +description: "this is meta description" +date: 2016-11-11T07:11:00Z +image: "/images/userstory.jpg" +draft: false +--- + +One of the cornerstones of Scrum is the user story—a simple, yet profoundly effective tool that captures the essence of what needs to be built, for whom, and why. At its core, a user story follows the "Who, What, Why" format. I experience this format as one of the most powerful, yet "cheapest" format to get things done. + + +### Understanding the "Who, What, Why" Format + +The structure of a user story is both straightforward and insightful: + +- **Who**: Identifies the user or stakeholder who will benefit from the feature. +- **What**: Describes the feature or functionality to be implemented. +- **Why**: Explains the reason or benefit behind the feature. + +Let's break this down with an example: +- **Who**: As a frequent traveler, +- **What**: I want to receive real-time flight updates, +- **Why**: so that I can stay informed about any delays or changes to my schedule. + +This simplicity is its strength. It keeps the focus sharp and the goals clear. + +### The Workability of the "Who, What, Why" Format + +The "Who, What, Why" format forces the team to distill the feature down to its essence. This clarity helps in understanding exactly what needs to be built and why, ensuring that no effort is wasted on superfluous features. By starting with the "Who," the focus remains on the end user. This user-centric approach is crucial for building products that genuinely solve user problems and deliver value. The "Why" component acts as a constant reminder of the feature's purpose. This is where you, along with your sparring partner, can double-check the value proposition. Is this feature truly valuable from a user perspective? Does it align with our overall business goals? This step is critical for ensuring that every piece of work contributes meaningfully to the product. User stories written in the "Who, What, Why" format are easy to understand for everyone involved—developers, testers, product owners, and stakeholders. This common understanding fosters better communication and collaboration across the team. + +### A Real-World Application: Sparring with Your Partner + +Imagine you're part of a team developing a new project management tool. You've identified a potential feature: a customizable dashboard. Here's how the "Who, What, Why" format can help: + +- **Who**: As a project manager, +- **What**: I want to customize my dashboard with relevant project metrics, +- **Why**: so that I can quickly access the information I need to make informed decisions. + +Before committing to this feature, you bring it to your sparring partner—a fellow team member, a stakeholder, or even a potential user. This collaborative review process is invaluable. Your sparring partner might point out that while the feature sounds good, it might be more beneficial to include real-time collaboration tools instead. Or, they might affirm that this customization is exactly what's needed to enhance productivity. + +This iterative validation ensures that the feature is not only feasible but also valuable. It helps in catching potential issues early, saving time and resources in the long run. + +"Who, What, Why" - Its simplicity belies its power! \ No newline at end of file diff --git a/content/english/blog/decision-matrix.md b/content/english/blog/decision-matrix.md new file mode 100755 index 0000000..cab2519 --- /dev/null +++ b/content/english/blog/decision-matrix.md @@ -0,0 +1,110 @@ +--- +title: "Decision-Matrix: Improve the self-ogranisation skills of your team" +meta_title: "" +description: "Understanding Decision-Making Levels: A Simple Guide" +date: 2020-10-04T07:30:00Z +image: "/images/decision-matrix.jpg" +draft: false +--- + +Often, teams struggle because no one knows who should make decisions. This confusion can lead to long, unproductive meetings, delayed actions, and general frustration. Having clear guidelines on who makes decisions can help teams work better and faster. One way to achieve this is by using a decision matrix, which outlines who decides and how they do it. We'll explore an eight-level decision matrix that shows the different ways decisions can be made and who is involved at each level. + +## The Decision Matrix + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Who decides... howDecision Level
+ + The owner... decides.Level 1
... decides and explains.Level 2
... seeks advice and decides.Level 3
+ A group... decides if everyone supports it.Level 4
... decides if no one is against it.Level 5
+ +Each individual... seeks advice and decides.Level 6
... decides and explains.Level 7
... decides silently.Level 8
+ + +## The Decision Matrix Explained + +The decision matrix categorizes decisions based on who makes them and the extent of consultation or explanation involved. Here’s a breakdown of the eight levels: + +### Levels 1-3: Owner-Centric Decisions + +#### Level 1: The Owner Decides +At the most autonomous level, the owner or leader makes decisions unilaterally. This approach can be effective for urgent decisions or when the owner has the most expertise. + +#### Level 2: The Owner Decides and Explains +Here, the owner still makes the decision but provides an explanation to the team. This fosters transparency and helps the team understand the rationale, potentially increasing buy-in. + +#### Level 3: The Owner Seeks Advice and Decides +In this scenario, the owner consults with team members before making a decision. This approach leverages collective input while retaining final decision-making authority. + +### Levels 4-5: Group-Centric Decisions + +#### Level 4: The Group Decides if Everyone Supports It +Decisions are made collectively, requiring unanimous support. This ensures total agreement but can be time-consuming and challenging to achieve consensus. + +#### Level 5: The Group Decides if No One is Against It +A slightly more flexible approach, decisions are made as long as there are no objections. This method balances inclusivity and efficiency, allowing for quicker consensus while addressing major concerns. + +### Levels 6-8: Individual-Centric Decisions + +#### Level 6: Each Individual Seeks Advice and Decides +Individuals make their own decisions but seek advice beforehand. This encourages collaboration and informed decision-making while maintaining personal autonomy. + +#### Level 7: Each Individual Decides and Explains +Here, individuals make decisions independently but must explain their choices to the team. This promotes accountability and transparency within the organization. + +#### Level 8: Each Individual Decides Silently +The most autonomous level for individuals, decisions are made without consulting others or providing explanations. This can be efficient for minor or routine decisions but may lack transparency and cohesion. + +## Practical Applications of the Decision Matrix + +Implementing this decision matrix can significantly enhance clarity within an organization. By clearly defining who is responsible for what decisions and how they should approach them, teams can avoid confusion and streamline processes. + +Different situations may call for different levels of decision-making. For example, in crisis situations, Level 1 (The Owner Decides) might be most appropriate. Conversely, for strategic planning, involving the group (Levels 4 or 5) could yield better results. + +Encouraging various levels of consultation and explanation fosters a culture of engagement and accountability. When team members feel their input is valued, they are more likely to be committed and motivated. + +The matrix also helps balance the need for individual autonomy with the benefits of collaborative input. Levels 6 and 7, for instance, empower individuals while ensuring they remain connected to the team’s objectives and insights. + diff --git a/content/english/blog/design-risk-mgnt.md b/content/english/blog/design-risk-mgnt.md new file mode 100755 index 0000000..268fd22 --- /dev/null +++ b/content/english/blog/design-risk-mgnt.md @@ -0,0 +1,100 @@ +--- +title: "How to Navigate UX Risks" +meta_title: "" +description: "this is meta description" +date: 2017-02-09T05:00:00Z +image: "/images/risk-mgnt.png" +draft: false +--- + +Risk is an inherent part of any design process. Whether you're launching a new product, updating a service, or implementing a novel feature, understanding and managing potential risks is crucial. Effective risk management not only helps in avoiding pitfalls but also maximizes the potential for success by balancing risks with rewards. The core idea is to identify, assess, mitigate, and continuously monitor risks to maintain control over the design process. + +## The Risk Management Framework + +The risk management process is a structured approach consisting of six essential steps: + +1. **Establish Organizational Objectives** +2. **Identify Hazards** +3. **Assess Hazards** +4. **Develop Risk-Reduction Controls** +5. **Implement Controls** +6. **Evaluate and Monitor Controls** + +### 1. Establish Organizational Objectives + +Aligning on organizational objectives is the foundation of effective risk management. Clear objectives provide a benchmark against which potential risks can be measured. For example, an e-commerce team might aim to increase revenue per visitor through features like 1-click purchasing. Understanding the strategic goals helps in prioritizing risks and aligning mitigation efforts with business priorities. + +### 2. Identify Hazards + +Identifying hazards involves recognizing any aspects of the design that could potentially cause harm to the business or its customers. Hazards can range from usability issues leading to customer dissatisfaction to financial risks such as increased operational costs. A comprehensive hazard identification process includes input from various stakeholders to cover all possible angles. + +### 3. Assess Hazards + +Assessing hazards requires evaluating both their likelihood and impact. This step quantifies risks, helping prioritize them based on their potential effect on the project. The risk assessment can be mathematically represented as: + +\[ \text{Risk} = \text{Likelihood} \times \text{Impact} \] + +#### Example Hazard Assessment + +| Hazard | Likelihood | Impact | +|------------------------------------------|-------------|------------| +| Increased number of accidental transactions | Likely | Moderate | +| Increased number of fraudulent transactions | Occasional | Critical | +| Increased shipping costs and CO2 emissions | Frequent | Moderate | + +### 4. Develop Risk-Reduction Controls + +Once hazards are assessed, the next step is to develop strategies to reduce these risks. Mitigation strategies should aim to lower either the likelihood or the severity of the risks, or both. This might involve design changes, process adjustments, or introducing new tools and technologies. + +#### Example Risk Mitigation Strategies + +| Hazard | Mitigation Strategy | New Risk Probability | New Risk Severity | +|------------------------------------------|--------------------------------------------------------------|----------------------|-------------------| +| Accidental transactions | Provide confirmation and cancellation options; delay fulfillment by 12 hours | Occasional | Negligible | +| Fraudulent transactions | Require authentication within 12–24 hours of 1-click ordering | Seldom | Critical | +| Increased shipping costs and CO2 emissions | Offer "Ship Now" and "Ship with Next Batch" options | Likely | Moderate | + +### 5. Implement Controls + +Effective implementation of risk-reduction controls is critical. This step involves translating mitigation strategies into actionable changes within the organization. Clear documentation and communication ensure that all team members understand their roles in managing and reducing risks. + +### 6. Evaluate and Monitor Controls + +Risk management is an ongoing process. Regular evaluation and monitoring of controls ensure that they remain effective over time. As the design evolves, new risks may emerge, necessitating continuous adjustments. Feedback loops and periodic reviews help in maintaining an up-to-date risk management framework. + +## Case Study: Implementing a 1-Click Purchase Feature + +To illustrate the risk management process, let's consider the example of an e-commerce team implementing a 1-click purchase feature. The primary objective is to increase revenue per visitor by simplifying the purchasing process. + +- **Objective**: Increase revenue per visitor +- **Hazards Identified**: + - Increased accidental transactions + - Increased fraudulent transactions + - Increased shipping costs and CO2 emissions + +- **Risk Assessment**: + - Likelihood of accidental transactions: Likely + - Impact of accidental transactions: Moderate + - Likelihood of fraudulent transactions: Occasional + - Impact of fraudulent transactions: Critical + - Likelihood of increased shipping costs: Frequent + - Impact of increased shipping costs: Moderate + +- **Risk-Reduction Controls**: + - Accidental transactions: Add confirmation and cancellation options, delay fulfillment by 12 hours + - Fraudulent transactions: Implement authentication for high-value purchases within 12-24 hours + - Shipping costs: Provide options for immediate or batched shipping to optimize costs and reduce emissions + +- **Implementation**: + - Design the user interface to include confirmation steps and cancellation options + - Integrate authentication mechanisms for high-value transactions + - Develop backend systems to manage shipping options effectively + +- **Evaluation and Monitoring**: + - Track accidental transaction rates and adjust confirmation processes as needed + - Monitor fraud rates and refine authentication protocols + - Analyze shipping data to ensure cost and emissions targets are met + +## Watch out! + +Risk management in design is a dynamic and essential aspect of project success. By systematically identifying, assessing, controlling, and monitoring risks, organizations can navigate the complexities of design with greater confidence and effectiveness. The structured approach outlined in "Design Risks: How to Assess, Mitigate, and Manage Them" provides a valuable framework for minimizing negative impacts and enhancing the potential for successful design outcomes. \ No newline at end of file diff --git a/content/english/blog/game-theory.md b/content/english/blog/game-theory.md index a53ec9d..184d6ec 100755 --- a/content/english/blog/game-theory.md +++ b/content/english/blog/game-theory.md @@ -1,56 +1,78 @@ --- -title: "Using Game Theory for Strategic Decisions" +title: "Understanding Game Theory for Strategic Decisions" meta_title: "Game theory may sound like a complex concept reserved for mathematicians and strategists, but its principles are surprisingly applicable to everyday life. " description: "this is meta description" date: 2016-04-04T05:00:00Z -image: "/images/image-placeholder.png" +image: "/images/game-theory.jpg" draft: false --- Game theory may sound like a complex concept reserved for mathematicians and strategists, but its principles are surprisingly applicable to everyday life. At its core, game theory studies decision-making in situations where outcomes depend on the choices of multiple parties. From international diplomacy to personal relationships, understanding game theory can provide valuable insights into making optimal decisions. -### The Famous "Prisoner's Dilemma" +Game theory provides a structured way to analyze situations involving multiple decision-makers. By modeling these scenarios as "games," we can identify the strategies that players might use and predict the potential outcomes. This analytical approach helps us understand the motivations and likely actions of others, allowing us to make more informed choices. + +## The Famous "Prisoner's Dilemma" One of the most renowned problems in game theory is the "prisoner's dilemma." This scenario encapsulates the tension between individual rationality and collective cooperation. Imagine two prisoners interrogated separately: if both stay silent (cooperate), they receive a moderate sentence. If one betrays the other (defects), the betrayer goes free while the other gets a harsh sentence. If both betray each other, both receive a moderate sentence. This dilemma illustrates how individual incentives can conflict with collective interests. -## Practical Applications in Real Life +The prisoner's dilemma shows the potential for conflict between self-interest and mutual benefit. It highlights the difficulty in achieving cooperation even when it is in everyone's best interest. This dilemma is not just theoretical; it applies to various real-world situations, such as business negotiations, environmental agreements, and everyday interactions where trust and cooperation are essential. + +# Practical Applications in Real Life -### From Nuclear Standoffs to Everyday Interactions +## From Nuclear Standoffs to Everyday Interactions Game theory's practical applications are vast, ranging from nuclear disarmament strategies during the Cold War to mundane household chores among roommates. For instance, during the Cold War, the US and Soviet Union faced a prisoner's dilemma with nuclear weapons: both countries built massive arsenals, yet neither could use them without catastrophic consequences. This led to the strategic arms limitation talks (SALT) and other agreements aimed at mutual cooperation. -### Lessons for Negotiations and Relationships +In more everyday scenarios, game theory can help resolve conflicts and improve cooperation. Consider a household where chores need to be divided. If everyone tries to avoid doing their share, the home becomes unpleasant for all. However, if each person takes responsibility for their tasks, the household runs smoothly. Game theory can help identify fair and efficient ways to allocate tasks and encourage cooperation. + +## Lessons for Negotiations and Relationships In personal and professional settings, game theory offers insights into negotiation strategies. Strategies like "Tit for Tat" — starting with cooperation and mirroring the opponent's previous move thereafter — have proven successful in game theory tournaments. This simple yet effective approach emphasizes cooperation, forgiveness (not holding grudges), retaliatory responses (responding to defections), and clarity (easy to understand intentions). +In business negotiations, understanding game theory can lead to better outcomes by identifying mutually beneficial solutions and avoiding unnecessary conflicts. In personal relationships, applying game theory can improve communication, build trust, and resolve disputes more effectively. For example, being willing to forgive past wrongs and respond to positive actions with cooperation can strengthen relationships and foster a more collaborative environment. + ## Winning Strategies: Tit for Tat and Beyond ### The Success of Tit for Tat In game theory tournaments, "Tit for Tat" consistently outperforms more complex strategies. It begins cooperatively and then mirrors the opponent's previous move. This strategy demonstrates the effectiveness of being nice (cooperative), forgiving (not holding grudges), retaliatory (responding to defections), and clear (easy to understand intentions). +The success of "Tit for Tat" lies in its simplicity and balance. By starting with cooperation, it sets a positive tone. Its retaliatory nature discourages exploitation, while its forgiving aspect promotes a return to cooperation after conflicts. This strategy shows that sometimes, straightforward and principled approaches can be more effective than intricate and cunning plans. + ### Adaptability and Long-Term Success Game theory teaches us that while it's natural to seek the best outcome for oneself, true success often lies in fostering cooperation and mutual benefit. For example, in scenarios where ongoing interaction occurs, such as repeated games, strategies like "Tit for Tat with forgiveness" can break cycles of retaliation and lead to better overall outcomes. +Adaptability is crucial in long-term interactions. By adjusting strategies based on the opponent's actions, players can navigate changing circumstances and maintain cooperation. This flexibility is vital in real life, where relationships and situations are dynamic. Understanding when to be firm and when to be forgiving can make a significant difference in achieving long-term success. + ## Applying Game Theory in Your Life ### Practical Tips for Decision-Making - **Cooperation Pays:** Look for opportunities where both parties can benefit from mutual cooperation rather than viewing interactions as zero-sum games. - + + In many situations, finding common ground and working together can lead to better outcomes for all involved. Whether in business, personal relationships, or community activities, fostering a cooperative spirit can create win-win scenarios and build stronger connections. + - **Forgiveness and Retaliation:** Adopting a forgiving yet retaliatory stance can deter exploitation and encourage reciprocal cooperation. - + + Being willing to forgive past mistakes can help rebuild trust and encourage positive behavior. At the same time, standing up against exploitation by responding to negative actions ensures that cooperation is respected and maintained. + - **Clarity in Communication:** Clearly communicating intentions and expectations can prevent misunderstandings and build trust over time. + Open and honest communication is essential for effective cooperation. By being transparent about your goals and expectations, you can reduce the likelihood of conflicts and misunderstandings, paving the way for more productive and harmonious interactions. + ### Case Studies and Examples - **International Relations:** The evolution of nuclear disarmament strategies between major powers. - + + Historical examples like the Cold War highlight how game theory can guide strategic decisions in high-stakes situations. The mutual interest in avoiding nuclear war led to treaties and agreements that reduced the risk of conflict and promoted stability. + - **Social Interactions:** How everyday conflicts and negotiations can benefit from game theory insights. -## Strategic Thinkingess + From resolving disputes with neighbors to negotiating with colleagues, game theory provides practical tools for finding fair solutions and improving cooperation. Understanding the motivations and potential actions of others can help you navigate social dynamics more effectively. + +## Strategic Thinking for Success Game theory offers valuable tools for navigating complex decision-making scenarios in both personal and professional life. By understanding the principles of cooperation, forgiveness, and clarity, individuals can enhance their problem-solving skills and achieve better outcomes. Next time you face a dilemma, think like a game theorist — consider the broader implications of your decisions and how they can shape the outcomes for everyone involved. -Game theory isn't just for mathematicians; it's a practical framework for understanding human behavior and making smarter choices in a complex world. \ No newline at end of file +Game theory isn't just for mathematicians; it's a practical framework for understanding human behavior and making smarter choices in a complex world. By applying game theory principles, you can improve your decision-making, build stronger relationships, and find more effective solutions to the challenges you encounter. \ No newline at end of file diff --git a/content/english/blog/post-1.md b/content/english/blog/post-1.md deleted file mode 100755 index 2d56ffd..0000000 --- a/content/english/blog/post-1.md +++ /dev/null @@ -1,76 +0,0 @@ ---- -title: "How to build an Application with modern Technology" -meta_title: "" -description: "this is meta description" -date: 2022-04-04T05:00:00Z -image: "/images/image-placeholder.png" -categories: ["Application", "Data"] -author: "John Doe" -tags: ["nextjs", "tailwind"] -draft: false ---- - -Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod. - -Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius! - -## Creative Design - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Who decides... howDecision Level
- - The owner... decides.Level 1
... decides and explains.Level 2
... seeks advice and decides.Level 3
- A group... decides if everyone supports it.Level 4
... decides if no one is against it.Level 5
- - - Each individual... seeks advice and decides.Level 6
... decides and explains.Level 7
... decides silently.Level 8
- -Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod. - -> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius! - -Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius! diff --git a/content/english/blog/post-3.md b/content/english/blog/post-3.md deleted file mode 100755 index ef70402..0000000 --- a/content/english/blog/post-3.md +++ /dev/null @@ -1,23 +0,0 @@ ---- -title: "How to build an Application with modern Technology" -meta_title: "" -description: "this is meta description" -date: 2022-04-04T05:00:00Z -image: "/images/image-placeholder.png" -categories: ["Software"] -author: "John Doe" -tags: ["software", "tailwind"] -draft: false ---- - -Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod. - -Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius! - -## Creative Design - -Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod. - -> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius! - -Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius! diff --git a/content/english/blog/post-4.md b/content/english/blog/post-4.md deleted file mode 100755 index c9ff372..0000000 --- a/content/english/blog/post-4.md +++ /dev/null @@ -1,23 +0,0 @@ ---- -title: "How to build an Application with modern Technology" -meta_title: "" -description: "this is meta description" -date: 2022-04-04T05:00:00Z -image: "/images/image-placeholder.png" -categories: ["Architecture"] -author: "John Doe" -tags: ["silicon", "technology"] -draft: false ---- - -Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod. - -Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius! - -## Creative Design - -Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod. - -> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius! - -Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius! diff --git a/data/theme.json b/data/theme.json index 7b5c65e..af304b7 100644 --- a/data/theme.json +++ b/data/theme.json @@ -37,8 +37,8 @@ "secondary_type": "sans-serif" }, "font_size": { - "base": "19", - "scale": "1.22" + "base": "17.5", + "scale": "1.2" } } } diff --git a/hugo.toml b/hugo.toml index c796d54..814aee5 100755 --- a/hugo.toml +++ b/hugo.toml @@ -101,7 +101,7 @@ style = 'monokai' # see https://xyproto.github.io/splash/docs/all.html [markup.tableOfContents] startLevel = 2 endLevel = 5 -ordered = true +ordered = false ########################### Media types ########################### diff --git a/layouts/blog/single.html b/layouts/blog/single.html new file mode 100644 index 0000000..f6ebf1e --- /dev/null +++ b/layouts/blog/single.html @@ -0,0 +1,92 @@ +{{ define "main" }} +
+
+
+
+ {{ $image:= .Params.image }} + {{ if $image }} +
+ {{ partial "image" (dict "Src" $image "Context" .Page "Alt" .Title "Class" "w-full rounded") }} +
+ {{ end }} +

+ {{ .Title }} +

+ +
+ {{ .Content }} +
+
+ {{ $tags:= .Params.tags }} + {{ if $tags }} +
+
{{ T "tags" }} :
+ +
+ {{ end }} + +
+ + {{ if site.Config.Services.Disqus.Shortname }} +
+ {{ template "_internal/disqus.html" . }} +
+ {{ end }} +
+
+ + + {{ $related := (where site.RegularPages "Section" "in" site.Params.mainSections) | intersect (where site.RegularPages ".Title" "!=" .Title) | union (site.RegularPages.Related . ) }} + {{ $related = $related | shuffle | first 3 }} + {{ with $related }} +
+

{{ T "related_posts" }}

+
+ {{ range . }} +
+ {{ partial "components/blog-card" . }} +
+ {{ end }} +
+
+ {{ end }} +
+
+{{ end }}