From 709c704390fe427059cc99e4aba06bad65216fbb Mon Sep 17 00:00:00 2001 From: Kazhnuz Date: Sat, 4 Jan 2020 22:24:30 +0100 Subject: [PATCH] improvement: first separation into components --- dist/apropos.html | 68 +++-- dist/blog.html | 68 ++--- dist/color-test.html | 109 ++++++-- dist/index.html | 219 ++++++++------- dist/preview.html | 284 ++++++++++++++------ dist/writing-test.html | 49 +++- src/apropos.html | 54 +--- src/blog.html | 49 +--- src/color-test.html | 20 +- src/includes/components/_breadcrumb.html | 5 + src/includes/components/_preview-image.html | 15 ++ src/includes/components/_preview-text.html | 15 ++ src/includes/components/_share.html | 8 + src/includes/components/_sidebar.html | 42 +++ src/index.html | 166 +++--------- src/preview.html | 125 ++------- src/writing-test.html | 9 +- 17 files changed, 661 insertions(+), 644 deletions(-) create mode 100644 src/includes/components/_breadcrumb.html create mode 100644 src/includes/components/_preview-image.html create mode 100644 src/includes/components/_preview-text.html create mode 100644 src/includes/components/_share.html create mode 100644 src/includes/components/_sidebar.html diff --git a/dist/apropos.html b/dist/apropos.html index 413442c..91a2e0b 100644 --- a/dist/apropos.html +++ b/dist/apropos.html @@ -106,16 +106,7 @@ - -
- - - - - - -
- + diff --git a/dist/blog.html b/dist/blog.html index f2fd72f..5116941 100644 --- a/dist/blog.html +++ b/dist/blog.html @@ -50,11 +50,12 @@
- + +

Attention, cet article a été importé automatiquement des mes précédants blogs/journaux/etc. Il s'agit donc donc de quelque chose d'ancien, et qui n'est peut-être plus pertinent.

@@ -153,38 +154,39 @@ #WRITOBER2019 - Ring
- +
-
Catégories
- -
- +
-
Archives
- -
+ diff --git a/dist/color-test.html b/dist/color-test.html index 9670f5a..3662a7b 100644 --- a/dist/color-test.html +++ b/dist/color-test.html @@ -52,14 +52,12 @@
- - + +
A simple primary toast with an example link. Give it a click if you like. @@ -147,20 +145,97 @@ In id suscipit elit.
-
- - - - - - -
+ + + + +
+
Archives
+ +
+
diff --git a/dist/index.html b/dist/index.html index cc87ee5..1ab0d26 100644 --- a/dist/index.html +++ b/dist/index.html @@ -71,21 +71,22 @@
- +
+
@@ -118,100 +120,119 @@
+ -
- -
-

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

-
-

Exemple titre

- -
-
-
-
+
+ +
+

Card image cap

+
+

Exemple titre

+ +
+
+
+
+ +
+ +
+

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

+
+

Exemple titre

+ +
+
+
+
+ Une armée de cochon regarde de manière menaçante. + diff --git a/dist/preview.html b/dist/preview.html index 42f0f7a..b2850b4 100644 --- a/dist/preview.html +++ b/dist/preview.html @@ -54,72 +54,179 @@ +
- +
+ +
+

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

+
+

Exemple titre

+ +
+
+
+
+ -
- -
-

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

-
-

Exemple titre

- -
-
-
-
+
+ +
+

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

+
+

Exemple titre

+ +
+
+
+
+ -
- -
-

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

-
-

Exemple titre

- -
-
-
-
+
+ +
+

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

+
+

Exemple titre

+ +
+
+
+
+ -
- -
-

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

-
-

Exemple titre

- -
-
-
-
+ + + +
+ +
+

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

+
+

Exemple titre

+ +
+
+
+
+ + + + + +
+ +
+

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

+
+

Exemple titre

+ +
+
+
+
+ + +
+ +
+

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

+
+

Exemple titre

+ +
+
+
+
+ + + + + + +
@@ -147,38 +254,39 @@ #WRITOBER2019 - Ring - +
-
Catégories
- -
- +
-
Archives
- -
+ diff --git a/dist/writing-test.html b/dist/writing-test.html index 6895832..ff733a6 100644 --- a/dist/writing-test.html +++ b/dist/writing-test.html @@ -91,14 +91,49 @@

[1] : Sed et odio volutpat, convallis est et, interdum sapien.

-
- - - - - - + + + + +
+
Archives
+ +
+
diff --git a/src/apropos.html b/src/apropos.html index 9ec6bea..fd7a226 100644 --- a/src/apropos.html +++ b/src/apropos.html @@ -76,61 +76,11 @@ - - - +
diff --git a/src/blog.html b/src/blog.html index 03d707e..8fcd92a 100644 --- a/src/blog.html +++ b/src/blog.html @@ -20,11 +20,7 @@
- +

Attention, cet article a été importé automatiquement des mes précédants blogs/journaux/etc. Il s'agit donc donc de quelque chose d'ancien, et qui n'est peut-être plus pertinent.

@@ -113,48 +109,7 @@
diff --git a/src/color-test.html b/src/color-test.html index 95f9e04..75ef4b3 100644 --- a/src/color-test.html +++ b/src/color-test.html @@ -22,14 +22,7 @@
- - +
A simple primary toast with an example link. Give it a click if you like. @@ -117,20 +110,13 @@ In id suscipit elit.
-
- - - - - - -
+
diff --git a/src/includes/components/_breadcrumb.html b/src/includes/components/_breadcrumb.html new file mode 100644 index 0000000..1db11ac --- /dev/null +++ b/src/includes/components/_breadcrumb.html @@ -0,0 +1,5 @@ + diff --git a/src/includes/components/_preview-image.html b/src/includes/components/_preview-image.html new file mode 100644 index 0000000..4c6f45b --- /dev/null +++ b/src/includes/components/_preview-image.html @@ -0,0 +1,15 @@ +
+ +
+

Card image cap

+
+

Exemple titre

+ +
+
+
+
diff --git a/src/includes/components/_preview-text.html b/src/includes/components/_preview-text.html new file mode 100644 index 0000000..b6b4fd3 --- /dev/null +++ b/src/includes/components/_preview-text.html @@ -0,0 +1,15 @@ +
+ +
+

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

+
+

Exemple titre

+ +
+
+
+
diff --git a/src/includes/components/_share.html b/src/includes/components/_share.html new file mode 100644 index 0000000..223a7a9 --- /dev/null +++ b/src/includes/components/_share.html @@ -0,0 +1,8 @@ +
+ + + + + + +
diff --git a/src/includes/components/_sidebar.html b/src/includes/components/_sidebar.html new file mode 100644 index 0000000..d3e2a94 --- /dev/null +++ b/src/includes/components/_sidebar.html @@ -0,0 +1,42 @@ +
+
Publications
+ +
+ +
+
Catégories
+ +
+ +
+
Archives
+ +
diff --git a/src/index.html b/src/index.html index 07fb2fa..cb90b91 100644 --- a/src/index.html +++ b/src/index.html @@ -41,147 +41,51 @@
- + -
- -
-

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

-
-

Exemple titre

- -
-
-
-
+ -
- -
-

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

-
-

Exemple titre

- -
-
-
-
+ -
- -
-

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

-
-

Exemple titre

- -
-
-
-
+ +
Une armée de cochon regarde de manière menaçante. + diff --git a/src/preview.html b/src/preview.html index 12cc31f..d35fc9a 100644 --- a/src/preview.html +++ b/src/preview.html @@ -19,77 +19,29 @@
- +
- + -
- -
-

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

-
-

Exemple titre

- -
-
-
-
+ -
- -
-

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

-
-

Exemple titre

- -
-
-
-
+ -
- -
-

Proin bibendum felis sit amet nisl iaculis, vel blandit purus dictum. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. Sed posuere lectus eu orci tristique maximus. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. Nulla luctus est nec arcu volutpat blandit. Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.

-
-

Exemple titre

- -
-
-
-
+ + + + + + + + + + + + +
@@ -107,48 +59,7 @@
-
-
Publications
- -
- -
-
Catégories
- -
- -
-
Archives
- -
+ diff --git a/src/writing-test.html b/src/writing-test.html index 318e68f..075ffe8 100644 --- a/src/writing-test.html +++ b/src/writing-test.html @@ -61,14 +61,7 @@

[1] : Sed et odio volutpat, convallis est et, interdum sapien.

-
- - - - - - -
+