Improve style

ippontech · Oct 15, 2024 · 5677999 · 5677999
1 parent 0ab0b22
commit 5677999
Show file tree

Hide file tree

Showing 15 changed files with 59 additions and 4 deletions.
diff --git a/src/atom/_atom.scss b/src/atom/_atom.scss
@@ -0,0 +1,2 @@
+@use 'paragraph/paragraph';
+@use 'title/title';
diff --git a/src/atom/atom.pug b/src/atom/atom.pug
@@ -13,4 +13,6 @@ block content
     .tikui-vertical-spacing--line
       include /documentation/atomic-design/quote/atom
     .tikui-vertical-spacing--line
-      // Atoms componentDoc
+      include:componentDoc(height=100) paragraph/paragraph.md
+    .tikui-vertical-spacing--line
+      include:componentDoc(height=100) title/title.md
diff --git a/src/atom/paragraph/_paragraph.scss b/src/atom/paragraph/_paragraph.scss
@@ -0,0 +1,5 @@
+.paragraph {
+  margin: 0;
+  font-family: sans-serif;
+  color: #223344;
+}
diff --git a/src/atom/paragraph/paragraph.code.pug b/src/atom/paragraph/paragraph.code.pug
@@ -0,0 +1,3 @@
+include paragraph.mixin.pug
+
++paragraph My paragraph
diff --git a/src/atom/paragraph/paragraph.md b/src/atom/paragraph/paragraph.md
@@ -0,0 +1 @@
+## Paragraph
diff --git a/src/atom/paragraph/paragraph.mixin.pug b/src/atom/paragraph/paragraph.mixin.pug
@@ -0,0 +1,3 @@
+mixin paragraph
+  p.paragraph
+    block
diff --git a/src/atom/paragraph/paragraph.render.pug b/src/atom/paragraph/paragraph.render.pug
@@ -0,0 +1,4 @@
+extends /layout
+
+block body
+  include paragraph.code.pug
diff --git a/src/atom/title/_title.scss b/src/atom/title/_title.scss
@@ -0,0 +1,6 @@
+.title {
+  margin: 0;
+  color: #234;
+  font-size: 4rem;
+  font-family: sans-serif;
+}
diff --git a/src/atom/title/title.code.pug b/src/atom/title/title.code.pug
@@ -0,0 +1,3 @@
+include title.mixin.pug
+
++title My title
diff --git a/src/atom/title/title.md b/src/atom/title/title.md
@@ -0,0 +1 @@
+## Title
diff --git a/src/atom/title/title.mixin.pug b/src/atom/title/title.mixin.pug
@@ -0,0 +1,3 @@
+mixin title
+  h1.title
+    block
diff --git a/src/atom/title/title.render.pug b/src/atom/title/title.render.pug
@@ -0,0 +1,4 @@
+extends /layout
+
+block body
+  include title.code.pug
diff --git a/src/head.mixin.pug b/src/head.mixin.pug
@@ -0,0 +1,8 @@
+mixin head
+  head
+    meta(charset='utf-8')
+    block title
+      title Mon site web
+    link(rel='icon' type='image/png' href='[[TIKUI_BASEPATH]]favicon.png')
+    link(href='[[TIKUI_BASEPATH]]tikui.css' rel='stylesheet')
+
diff --git a/src/index.pug b/src/index.pug
@@ -1,2 +1,12 @@
-block body
-  p Bonjour
+include /head.mixin.pug
+include /atom/title/title.mixin.pug
+include /atom/paragraph/paragraph.mixin.pug
+
+doctype html
+html(lang='fr')
+  +head
+  body
+    +title Mon site web à déployer
+    +paragraph Mon site web fonctionne bien en local et j'en suis fier 💪
+    +paragraph Pendant ce live, voyons comment le déployer !
+    :reload
diff --git a/src/tikui.scss b/src/tikui.scss
@@ -1 +1 @@
-// stylelint-disable-line no-empty-source
+@use 'atom/atom';
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		@use 'paragraph/paragraph';
		@use 'title/title';
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		include paragraph.mixin.pug

		+paragraph My paragraph
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		// stylelint-disable-line no-empty-source
		@use 'atom/atom';