add the setup part and now we can erase
This commit is contained in:
17
src/icons/EraserIcon.vue
Normal file
17
src/icons/EraserIcon.vue
Normal file
@@ -0,0 +1,17 @@
|
||||
<script setup lang="ts">
|
||||
import BaseIcon from './BaseIcon.vue'
|
||||
|
||||
withDefaults(defineProps<{ color?: string }>(), {
|
||||
color: 'var(--primary-color)'
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<BaseIcon :color="color">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path
|
||||
d="M19 20h-10.5l-4.21 -4.3a1 1 0 0 1 0 -1.41l10 -10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41l-9.2 9.3"
|
||||
/>
|
||||
<path d="M18 13.3l-6.3 -6.3" />
|
||||
</BaseIcon>
|
||||
</template>
|
||||
@@ -2,6 +2,7 @@
|
||||
import SeparatorIcon from '@/icons/SeparatorIcon.vue'
|
||||
import FlowHypothesis from '@/modules/article/FlowHypothesis.vue'
|
||||
import FlowIntro from '@/modules/article/FlowIntro.vue'
|
||||
import FlowSetup from '@/modules/article/FlowSetup.vue'
|
||||
import FeatureSteps from '@/modules/feature/FeatureSteps.vue'
|
||||
import FlowDashboard from '@/modules/feature/FlowDashboard.vue'
|
||||
import SimulationControls from '@/modules/simulation/SimulationControls.vue'
|
||||
@@ -14,6 +15,7 @@ import SimulationDashboard from '@/modules/simulation/SimulationDashboard.vue'
|
||||
<SeparatorIcon />
|
||||
<FlowHypothesis class="text" />
|
||||
<SeparatorIcon />
|
||||
<FlowSetup class="text" />
|
||||
<FeatureSteps alias="introducing" />
|
||||
<FlowDashboard class="above" />
|
||||
<FeatureSteps alias="playground" />
|
||||
@@ -35,7 +37,7 @@ import SimulationDashboard from '@/modules/simulation/SimulationDashboard.vue'
|
||||
|
||||
.text {
|
||||
font-size: 16pt;
|
||||
max-width: 800px;
|
||||
max-width: 650px;
|
||||
margin: auto;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
36
src/modules/article/FlowSetup.vue
Normal file
36
src/modules/article/FlowSetup.vue
Normal file
@@ -0,0 +1,36 @@
|
||||
<script setup lang="ts">
|
||||
import ProblemSolvingIcon from '@/icons/ProblemSolvingIcon.vue'
|
||||
import PullSystemIcon from '@/icons/PullSystemIcon.vue'
|
||||
import PushSystemIcon from '@/icons/PushSystemIcon.vue'
|
||||
import FlowControls from '@/modules/feature/FlowControls.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<p>
|
||||
You're a Product Manager in a project who has just started, your goal is
|
||||
to make a product as fast as you can. With you, you'll have the product
|
||||
team, designers, developers and a release team.
|
||||
</p>
|
||||
<p>Each day, you can choose between 3 strategies:</p>
|
||||
<ol>
|
||||
<li>
|
||||
Push system
|
||||
<PushSystemIcon />
|
||||
</li>
|
||||
<li>
|
||||
Pull system
|
||||
<PullSystemIcon />
|
||||
</li>
|
||||
<li>
|
||||
Problem solving
|
||||
<ProblemSolvingIcon />
|
||||
</li>
|
||||
</ol>
|
||||
<p>
|
||||
In this article we'll focus on how these strategies are efficient and what
|
||||
are the impact on the quality the teams produce.
|
||||
</p>
|
||||
<FlowControls />
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user