feat: starting heijunka article

This commit is contained in:
Julien Calixte
2026-01-01 21:46:39 +01:00
parent 0cdca2136d
commit 97ba46d693
7 changed files with 68 additions and 12 deletions

9
5s.css
View File

@@ -34,15 +34,6 @@ h1 {
margin: 0 0 0.5rem;
}
.created-at {
font-size: 14pt;
margin: 0;
}
.numeric {
font-family: 'Cutive Mono', monospace;
font-weight: bold;
}
article {
display: flex;
flex-direction: column;

27
heijunka.html Normal file
View File

@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Exploring 5S</title>
<meta
name="description"
content="Author: Julien Calixte,
My understanding of how a 5S can help team."
/>
<link rel="stylesheet" href="core.css" />
<link rel="stylesheet" href="core-article.css" />
<link rel="icon" href="people-improvement.svg" />
<link rel="mask-icon" href="people-improvement.svg" color="#ffffff" />
</head>
<body>
<noscript>
<strong
>We're sorry but this app doesn't work properly without JavaScript
enabled. Please enable it to continue.</strong
>
</noscript>
<div id="app"></div>
<script type="module" src="/src/main-heijunka.ts"></script>
</body>
</html>

View File

@@ -107,7 +107,10 @@
<section class="ground">
<section class="improvement">
<ul class="improvement-list focusable">
<li class="heijunka focusable">Heijunka</li>
<li class="heijunka focusable">
<!-- <a href="/heijunka">Heijunka</a> -->
Heijunka
</li>
<li class="standards focusable">Standards</li>
<li class="kaizen focusable">Kaizen</li>
</ul>
@@ -115,7 +118,7 @@
<section class="stability">
<ul class="stability-list focusable">
<li class="5s focusable">
<!-- <a href="/5s.html">5S</a> -->
<!-- <a href="/5s">5S</a> -->
5S
</li>
<li class="problem-solving focusable">Problem solving</li>

28
src/AppHeijunka.vue Normal file
View File

@@ -0,0 +1,28 @@
<script setup lang="ts">
import { ref } from 'vue'
const createdAt = new Date('2026-01-01').toLocaleDateString(undefined, {
year: 'numeric',
month: 'long',
day: 'numeric'
})
</script>
<template>
<article id="main-app">
<h1>Heijunka</h1>
<h2 class="created-at numeric">
{{ createdAt }}
</h2>
<div class="text">
<p>You're selling shirts, jeans and shoes.</p>
</div>
<BoardGameWorkshop />
</article>
</template>
<style scoped lang="scss">
main {
min-height: calc(100vh - 2 * 1rem);
}
</style>

5
src/main-heijunka.ts Normal file
View File

@@ -0,0 +1,5 @@
import { createPinia } from 'pinia'
import { createApp } from 'vue'
import App from './AppHeijunka.vue'
createApp(App).use(createPinia()).mount('#app')

View File

@@ -0,0 +1 @@
export type ProductType = 'shirt' | 'jeans' | 'shoes'

View File

@@ -12,7 +12,8 @@ export default defineConfig({
index: 'index.html',
'pull-system': 'pull-system.html',
'team-leader': 'team-leader.html',
'5s': '5s.html'
'5s': '5s.html',
heijunka: 'heijunka.html'
}
}
},