From 37f78972a5eb5a35c6c809799c7ed79e9e88e5d2 Mon Sep 17 00:00:00 2001 From: Kazhnuz Date: Thu, 28 Nov 2019 15:21:56 +0100 Subject: [PATCH] improvement: break down the theme in reusable components --- dist/color-test.html | 344 ++++++++++----------- dist/index.html | 343 ++++++++++++--------- dist/minimal.html | 127 ++++---- dist/preview.html | 519 +++++++++++++++++--------------- src/color-test.html | 209 +------------ src/includes/_article-meta.html | 6 + src/includes/_breadcrumb.html | 7 + src/includes/_comment.html | 12 + src/includes/_footer.html | 26 ++ src/includes/_header.html | 35 +++ src/includes/_prev-text.html | 17 ++ src/includes/_preview.html | 15 + src/includes/_sidebar.html | 101 +++++++ src/includes/_social.html | 8 + src/index.html | 204 +------------ src/minimal.html | 78 +---- src/preview.html | 287 +++--------------- 17 files changed, 1000 insertions(+), 1338 deletions(-) create mode 100644 src/includes/_article-meta.html create mode 100644 src/includes/_breadcrumb.html create mode 100644 src/includes/_comment.html create mode 100644 src/includes/_footer.html create mode 100644 src/includes/_header.html create mode 100644 src/includes/_prev-text.html create mode 100644 src/includes/_preview.html create mode 100644 src/includes/_sidebar.html create mode 100644 src/includes/_social.html diff --git a/dist/color-test.html b/dist/color-test.html index e52a9ea..422d6b0 100644 --- a/dist/color-test.html +++ b/dist/color-test.html @@ -25,42 +25,41 @@
- + + -
-
-

Test des couleurs

-
-
+
+

Blue Sky

+
+ +
@@ -175,131 +174,149 @@ In id suscipit elit. -
-

Commentaires :

+
+

Commentaires :

+
+
+
...
+
Écrit par Pseudo
+
+
+

Lorem ipsum dolor sit amet[1], consectetur adipiscing elit. Praesent varius ullamcorper diam, non sagittis lectus rutrum id. Integer eros urna, egestas et libero a, finibus egestas odio. Nunc vel hendrerit quam, eget malesuada sem. Sed hendrerit ligula pharetra leo aliquam volutpat. Integer auctor urna ac convallis laoreet. Nunc vestibulum ipsum sed tortor aliquam porta. Cras nunc est, lobortis in est at, rhoncus auctor nunc. Sed dignissim erat non sollicitudin ultricies. Integer vel consectetur urna. Etiam fermentum ligula vitae nunc viverra, a fringilla sem aliquam. Suspendisse potenti. Morbi sem mi, malesuada quis odio vitae, suscipit congue metus. Sed ut ullamcorper urna, eget molestie est. Sed pulvinar justo ac urna consectetur fringilla. Donec tristique eget leo sit amet mollis.

-
-
-
...
-
Écrit par Pseudo
-
-
+

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.

-

Lorum Ipsem…

+
+
+
+
+
...
+
Écrit par Pseudo
+
+
+

Lorem ipsum dolor sit amet[1], consectetur adipiscing elit. Praesent varius ullamcorper diam, non sagittis lectus rutrum id. Integer eros urna, egestas et libero a, finibus egestas odio. Nunc vel hendrerit quam, eget malesuada sem. Sed hendrerit ligula pharetra leo aliquam volutpat. Integer auctor urna ac convallis laoreet. Nunc vestibulum ipsum sed tortor aliquam porta. Cras nunc est, lobortis in est at, rhoncus auctor nunc. Sed dignissim erat non sollicitudin ultricies. Integer vel consectetur urna. Etiam fermentum ligula vitae nunc viverra, a fringilla sem aliquam. Suspendisse potenti. Morbi sem mi, malesuada quis odio vitae, suscipit congue metus. Sed ut ullamcorper urna, eget molestie est. Sed pulvinar justo ac urna consectetur fringilla. Donec tristique eget leo sit amet mollis.

-
-
+

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.

-
-
-
...
-
Écrit par Pseudo
-
-
+
+
+
+
+
...
+
Écrit par Pseudo
+
+
+

Lorem ipsum dolor sit amet[1], consectetur adipiscing elit. Praesent varius ullamcorper diam, non sagittis lectus rutrum id. Integer eros urna, egestas et libero a, finibus egestas odio. Nunc vel hendrerit quam, eget malesuada sem. Sed hendrerit ligula pharetra leo aliquam volutpat. Integer auctor urna ac convallis laoreet. Nunc vestibulum ipsum sed tortor aliquam porta. Cras nunc est, lobortis in est at, rhoncus auctor nunc. Sed dignissim erat non sollicitudin ultricies. Integer vel consectetur urna. Etiam fermentum ligula vitae nunc viverra, a fringilla sem aliquam. Suspendisse potenti. Morbi sem mi, malesuada quis odio vitae, suscipit congue metus. Sed ut ullamcorper urna, eget molestie est. Sed pulvinar justo ac urna consectetur fringilla. Donec tristique eget leo sit amet mollis.

-

Lorum Ipsem…

- -
-
- -
-
-
...
-
Écrit par Pseudo
-
-
- -

Lorum Ipsem…

- -
-
+

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.

+
+
+
@@ -308,40 +325,31 @@ In id suscipit elit. - diff --git a/dist/index.html b/dist/index.html index 392a432..cb16877 100644 --- a/dist/index.html +++ b/dist/index.html @@ -26,38 +26,38 @@
@@ -117,7 +117,7 @@
-
+
@@ -128,61 +128,64 @@
-
+ +
+
...
+
Écrit par Pseudo
-
+ +
+
- + + + + @@ -194,64 +197,118 @@
...
Écrit par Pseudo
-
-

Lorem ipsum dolor sit amet[1], consectetur adipiscing elit. Praesent varius ullamcorper diam, non sagittis lectus rutrum id. Integer eros urna, egestas et libero a, finibus egestas odio. Nunc vel hendrerit quam, eget malesuada sem. Sed hendrerit ligula pharetra leo aliquam volutpat. Integer auctor urna ac convallis laoreet. Nunc vestibulum ipsum sed tortor aliquam porta. Cras nunc est, lobortis in est at, rhoncus auctor nunc. Sed dignissim erat non sollicitudin ultricies. Integer vel consectetur urna. Etiam fermentum ligula vitae nunc viverra, a fringilla sem aliquam. Suspendisse potenti. Morbi sem mi, malesuada quis odio vitae, suscipit congue metus. Sed ut ullamcorper urna, eget molestie est. Sed pulvinar justo ac urna consectetur fringilla. Donec tristique eget leo sit amet mollis.

+
+

Lorem ipsum dolor sit amet[1], consectetur adipiscing elit. Praesent varius ullamcorper diam, non sagittis lectus rutrum id. Integer eros urna, egestas et libero a, finibus egestas odio. Nunc vel hendrerit quam, eget malesuada sem. Sed hendrerit ligula pharetra leo aliquam volutpat. Integer auctor urna ac convallis laoreet. Nunc vestibulum ipsum sed tortor aliquam porta. Cras nunc est, lobortis in est at, rhoncus auctor nunc. Sed dignissim erat non sollicitudin ultricies. Integer vel consectetur urna. Etiam fermentum ligula vitae nunc viverra, a fringilla sem aliquam. Suspendisse potenti. Morbi sem mi, malesuada quis odio vitae, suscipit congue metus. Sed ut ullamcorper urna, eget molestie est. Sed pulvinar justo ac urna consectetur fringilla. Donec tristique eget leo sit amet mollis.

-

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.

+

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.

-
+
-
+
-

Catégories

-
- +
-
+
-

Archive

-
- +
-
-
-

Navigation

-
- -
+
- + -
-
-

Ce theme est diffusé sous licence Creative Common Attribution - Partage à l'Identique 4.0 - hors mention contraire.

-

Cette licence vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager !

-
+
+
+

Ce theme est diffusé sous licence Creative Common Attribution - Partage à l'Identique 4.0 - hors mention contraire.

+

Cette licence vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager !

+
-
-

Theme réalisé avec le quadriciel Bootstrap4 et la banque d'icone Fork-Awesome.

-
+
+

Theme réalisé avec le quadriciel Bootstrap4 et la banque d'icone Fork-Awesome.

+
-
-

Lorem Ipsum.

-
-
-
- - - - - - +
+

Lorem Ipsum.

+
+
+ diff --git a/dist/minimal.html b/dist/minimal.html index 6481bd5..ad265a0 100644 --- a/dist/minimal.html +++ b/dist/minimal.html @@ -25,80 +25,75 @@ -
- + -
+
+
+

Ce theme est diffusé sous licence Creative Common Attribution - Partage à l'Identique 4.0 - hors mention contraire.

+

Cette licence vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager !

+
-
+
+

Theme réalisé avec le quadriciel Bootstrap4 et la banque d'icone Fork-Awesome.

+
-
+
+

Lorem Ipsum.

+
+
+ -
- - - -
-
-

Ce theme est diffusé sous licence Creative Common Attribution - Partage à l'Identique 4.0 - hors mention contraire.

-

Cette licence vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager !

-
- -
-

Theme réalisé avec le quadriciel Bootstrap4 et la banque d'icone Fork-Awesome.

-
- -
-

Lorem Ipsum.

-
-
-
- - - - - - diff --git a/dist/preview.html b/dist/preview.html index 41c1b44..cf8ae2b 100644 --- a/dist/preview.html +++ b/dist/preview.html @@ -24,259 +24,288 @@ -
+
+ + +
+
+ + + + + + +
+ + + +
+ + + + + + +
+ +
+ +
+
- -
+ diff --git a/src/color-test.html b/src/color-test.html index f28d7d9..cf1051b 100644 --- a/src/color-test.html +++ b/src/color-test.html @@ -17,42 +17,7 @@
- - -
-
-

Test des couleurs

-
-
+
@@ -156,142 +121,22 @@ In id suscipit elit.
-
- - - - - - -
+ -
-

Commentaires :

+
+

Commentaires :

+ -
-
-
...
-
Écrit par Pseudo
-
-
- -

Lorum Ipsem…

- -
-
- -
-
-
...
-
Écrit par Pseudo
-
-
- -

Lorum Ipsem…

- -
-
- -
-
-
...
-
Écrit par Pseudo
-
-
- -

Lorum Ipsem…

- -
-
+ + +
@@ -300,40 +145,6 @@ In id suscipit elit. -
- - - -
-
-

Ce theme est diffusé sous licence Creative Common Attribution - Partage à l'Identique 4.0 - hors mention contraire.

-

Cette licence vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager !

-
- -
-

Theme réalisé avec le quadriciel Bootstrap4 et la banque d'icone Fork-Awesome.

-
- -
-

Lorem Ipsum.

-
-
-
- - - - - - - - - + diff --git a/src/includes/_article-meta.html b/src/includes/_article-meta.html new file mode 100644 index 0000000..932290f --- /dev/null +++ b/src/includes/_article-meta.html @@ -0,0 +1,6 @@ +
+
+
...
+
Écrit par Pseudo
+
+
diff --git a/src/includes/_breadcrumb.html b/src/includes/_breadcrumb.html new file mode 100644 index 0000000..bd603b5 --- /dev/null +++ b/src/includes/_breadcrumb.html @@ -0,0 +1,7 @@ + diff --git a/src/includes/_comment.html b/src/includes/_comment.html new file mode 100644 index 0000000..661c53a --- /dev/null +++ b/src/includes/_comment.html @@ -0,0 +1,12 @@ +
+
+
...
+
Écrit par Pseudo
+
+
+

Lorem ipsum dolor sit amet[1], consectetur adipiscing elit. Praesent varius ullamcorper diam, non sagittis lectus rutrum id. Integer eros urna, egestas et libero a, finibus egestas odio. Nunc vel hendrerit quam, eget malesuada sem. Sed hendrerit ligula pharetra leo aliquam volutpat. Integer auctor urna ac convallis laoreet. Nunc vestibulum ipsum sed tortor aliquam porta. Cras nunc est, lobortis in est at, rhoncus auctor nunc. Sed dignissim erat non sollicitudin ultricies. Integer vel consectetur urna. Etiam fermentum ligula vitae nunc viverra, a fringilla sem aliquam. Suspendisse potenti. Morbi sem mi, malesuada quis odio vitae, suscipit congue metus. Sed ut ullamcorper urna, eget molestie est. Sed pulvinar justo ac urna consectetur fringilla. Donec tristique eget leo sit amet mollis.

+ +

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.

+ +
+
diff --git a/src/includes/_footer.html b/src/includes/_footer.html new file mode 100644 index 0000000..74c935d --- /dev/null +++ b/src/includes/_footer.html @@ -0,0 +1,26 @@ +
+ + + +
+
+

Ce theme est diffusé sous licence Creative Common Attribution - Partage à l'Identique 4.0 - hors mention contraire.

+

Cette licence vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager !

+
+ +
+

Theme réalisé avec le quadriciel Bootstrap4 et la banque d'icone Fork-Awesome.

+
+ +
+

Lorem Ipsum.

+
+
+
diff --git a/src/includes/_header.html b/src/includes/_header.html new file mode 100644 index 0000000..4430161 --- /dev/null +++ b/src/includes/_header.html @@ -0,0 +1,35 @@ + diff --git a/src/includes/_prev-text.html b/src/includes/_prev-text.html new file mode 100644 index 0000000..4a85794 --- /dev/null +++ b/src/includes/_prev-text.html @@ -0,0 +1,17 @@ + diff --git a/src/includes/_preview.html b/src/includes/_preview.html new file mode 100644 index 0000000..f8a7aa5 --- /dev/null +++ b/src/includes/_preview.html @@ -0,0 +1,15 @@ + diff --git a/src/includes/_sidebar.html b/src/includes/_sidebar.html new file mode 100644 index 0000000..09109c5 --- /dev/null +++ b/src/includes/_sidebar.html @@ -0,0 +1,101 @@ +
+
+   Dernières publications +
+ +
+ +
+
+   Catégories +
+ +
+ +
+
+   Archive +
+ +
+ +
+
+   Badge colors +
+ +
diff --git a/src/includes/_social.html b/src/includes/_social.html new file mode 100644 index 0000000..1c40228 --- /dev/null +++ b/src/includes/_social.html @@ -0,0 +1,8 @@ +
+ + + + + + +
diff --git a/src/index.html b/src/index.html index 41e6d85..e359931 100644 --- a/src/index.html +++ b/src/index.html @@ -17,52 +17,12 @@
- +
- +
@@ -109,142 +69,29 @@
- + -
-
-
...
-
Écrit par Pseudo
-
-
+

Commentaires :

-
-
-
...
-
Écrit par Pseudo
-
-
-

Lorem ipsum dolor sit amet[1], consectetur adipiscing elit. Praesent varius ullamcorper diam, non sagittis lectus rutrum id. Integer eros urna, egestas et libero a, finibus egestas odio. Nunc vel hendrerit quam, eget malesuada sem. Sed hendrerit ligula pharetra leo aliquam volutpat. Integer auctor urna ac convallis laoreet. Nunc vestibulum ipsum sed tortor aliquam porta. Cras nunc est, lobortis in est at, rhoncus auctor nunc. Sed dignissim erat non sollicitudin ultricies. Integer vel consectetur urna. Etiam fermentum ligula vitae nunc viverra, a fringilla sem aliquam. Suspendisse potenti. Morbi sem mi, malesuada quis odio vitae, suscipit congue metus. Sed ut ullamcorper urna, eget molestie est. Sed pulvinar justo ac urna consectetur fringilla. Donec tristique eget leo sit amet mollis.

- -

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.

- -
-
+
@@ -252,37 +99,6 @@
-
- - - -
-
-

Ce theme est diffusé sous licence Creative Common Attribution - Partage à l'Identique 4.0 - hors mention contraire.

-

Cette licence vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager !

-
- -
-

Theme réalisé avec le quadriciel Bootstrap4 et la banque d'icone Fork-Awesome.

-
- -
-

Lorem Ipsum.

-
-
-
- - - - - - + diff --git a/src/minimal.html b/src/minimal.html index 9d59825..3a168cd 100644 --- a/src/minimal.html +++ b/src/minimal.html @@ -17,80 +17,16 @@ -
- - -
- -
- -
- -
- - - -
-
-

Ce theme est diffusé sous licence Creative Common Attribution - Partage à l'Identique 4.0 - hors mention contraire.

-

Cette licence vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager !

-
- -
-

Theme réalisé avec le quadriciel Bootstrap4 et la banque d'icone Fork-Awesome.

-
- -
-

Lorem Ipsum.

-
-
-
- - - - - - diff --git a/src/preview.html b/src/preview.html index d5beec4..024a68c 100644 --- a/src/preview.html +++ b/src/preview.html @@ -16,259 +16,48 @@ -
+
+ - - -
- -
-
-

Previews

-
-
- -
-
- - - - -
- - - -
- - - - - - - - - - -
- -
- -
-
- - -
- -
- - - -
-
-

Ce theme est diffusé sous licence Creative Common Attribution - Partage à l'Identique 4.0 - hors mention contraire.

-

Cette licence vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager !

-
- -
-

Theme réalisé avec le quadriciel Bootstrap4 et la banque d'icone Fork-Awesome.

-
- -
-

Lorem Ipsum.

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