diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..e1f7de4 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +robots.txt +sitemap.xml \ No newline at end of file diff --git a/assets/affaire-fond.jpg b/assets/affaire-fond.jpg new file mode 100644 index 0000000..eee2050 Binary files /dev/null and b/assets/affaire-fond.jpg differ diff --git a/assets/affaire.png b/assets/affaire.png new file mode 100644 index 0000000..1cf7f17 Binary files /dev/null and b/assets/affaire.png differ diff --git a/assets/saoul.png b/assets/contact-fond.jpg similarity index 51% rename from assets/saoul.png rename to assets/contact-fond.jpg index 3727be2..58aae11 100644 Binary files a/assets/saoul.png and b/assets/contact-fond.jpg differ diff --git a/assets/contact.png b/assets/contact.png new file mode 100644 index 0000000..f8b3992 Binary files /dev/null and b/assets/contact.png differ diff --git a/assets/coordonnees-fond.jpg b/assets/coordonnees-fond.jpg new file mode 100644 index 0000000..498f32a Binary files /dev/null and b/assets/coordonnees-fond.jpg differ diff --git a/assets/coordonnees.png b/assets/coordonnees.png new file mode 100644 index 0000000..bfe9b0c Binary files /dev/null and b/assets/coordonnees.png differ diff --git a/assets/index.png b/assets/index.png new file mode 100644 index 0000000..5f8a122 Binary files /dev/null and b/assets/index.png differ diff --git a/assets/penal-fond.jpg b/assets/penal-fond.jpg new file mode 100644 index 0000000..0926394 Binary files /dev/null and b/assets/penal-fond.jpg differ diff --git a/assets/penal.png b/assets/penal.png new file mode 100644 index 0000000..3313d13 Binary files /dev/null and b/assets/penal.png differ diff --git a/assets/poto.jpg b/assets/poto.jpg new file mode 100644 index 0000000..fbdc949 Binary files /dev/null and b/assets/poto.jpg differ diff --git a/avocat/index.html b/avocat/index.html index 9e72f2e..da6392d 100644 --- a/avocat/index.html +++ b/avocat/index.html @@ -14,8 +14,8 @@ -
-
+
+

Saoul Bonmonsieur

@@ -60,17 +60,17 @@ routes, des petites voitures par millier. Il a décidé de passer le permis assez jeune (35 ans) et s’est vite acheté une Fiat Multiplat, la voiture de ses rêves. Après avoir fait des drifts ainsi que les courses de la semaine il se dirige vers l’école pour récupérer son enfant. - Malheureusement M. Cunier n’avait pas fait attention et à causer la mort de deux enfants : Enzo + Malheureusement M. Cunier n’avait pas fait attention et a causé la mort de deux enfants : Enzo et Timéo.


Mon constat :

-

Bien que la passion des voitures n’excuse rien j’ai mis toute mes forces pour comprendre les - motivations de Monsieur Cunier. Bien qu’involontaire la mort de ces enfants ne soit pas sans +

Bien que la passion des voitures n’excuse rien j’ai mis toutes mes forces pour comprendre les + motivations de Monsieur Cunier. Bien qu’involontaire la mort de ces enfants ne sera pas sans conséquence. En regardant les caméras de sécurité certaines informations pouvaient nous indiquer - la réelle mesure de la situation.

+ la réalité de la situation.


Peine :

-

En observant avec attention les caméras le juge ainsi que moi-même avons pu être témoin d’un +

En observant avec attention les caméras le juge ainsi que moi-même avons pu être témoins d’un délit pour les deux jeunes Enzo et Timéo. Ils ne regardaient pas des deux côtés de la route, selon l’article L145-6 du permis piéton une amende de plus de 10’000 euros est applicable. Les deux enfants étant morts les deux familles devront donc réunir l’argent pour dédommager Monsieur diff --git a/components/footer.html b/components/footer.html index 2945eec..f03a659 100644 --- a/components/footer.html +++ b/components/footer.html @@ -11,7 +11,8 @@

En collaboration avec Lemiament.

- Nom du site : saoulbonmonsieur.etheryo.fr
+ Nom du site : saoulbonmonsieur.etheryo.fr
Propriétaire du site : M. Saoul Bonmonsieur
Email : saoulbonmonsieur@skyblog.fr


@@ -45,9 +46,11 @@ ce dernier.



- Le présent site est la propriété de LeMiament, réalisé par Yohan Boujon - yo.boujon@gmail.com + Le présent site est la propriété de LeMiament, réalisé par Yohan Boujon - yo.boujon@gmail.com
- Le code source est disponible sur Github + Le code source est disponible sur Github

Ce site web est une parodie basée sur avocat-fonvieille
@@ -60,7 +63,10 @@ le cas d'un site d'un particulier. Toutes les mentions suivantes sont également à visée parodique et ne reflète en aucun cas la réalité. Aucune donnée n'est récupérée sur ce site.
- Les images de la page Avocat ont été générés à l'aide d'une intelligence artificielle à l'aide du site thispersondoesnotexist + Les images de la page Avocat ont été + générés à l'aide d'une intelligence artificielle à l'aide du site thispersondoesnotexist

@@ -71,8 +77,10 @@

Informations

-

Color Palette based on this one and - this one +

Color Palette based on this one and + this one

diff --git a/css/base.css b/css/base.css index a7991f2..85cfb40 100644 --- a/css/base.css +++ b/css/base.css @@ -140,6 +140,30 @@ p { float: right; margin: 0 2rem; } + + .page-header { + background-position-y: 50%; + background-size: cover; + overflow: hidden; + width: 100%; + height: 50rem; + display: flex; + position: relative; + } + + .page-header_text h1 { + position: absolute; + top: 22rem; + padding: 0 5rem; + font-size: 4rem; + } + + .page-header_text p { + position: absolute; + top: 28rem; + padding: 0 5rem; + font-size: 4rem; + } } @media screen and (max-width: 1000px) { @@ -169,6 +193,40 @@ p { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } + + .page-header { + background-position-y: 50%; + background-size: cover; + overflow: hidden; + width: 100%; + height: 30rem; + display: flex; + position: relative; + } + + .page-header_text h1 { + position: absolute; + top: 12.5rem; + padding: 0 2rem; + font-size: 2.5rem; + } + + .page-header_text p { + position: absolute; + top: 22rem; + padding: 0 2rem; + font-size: 2.5rem; + } +} + +.page-header_text { + flex: 2; + height: 100%; +} + +.page-header_img { + flex: 1; + height: 100%; } .block em { diff --git a/css/droit-affaire.css b/css/droit-affaire.css new file mode 100644 index 0000000..0393894 --- /dev/null +++ b/css/droit-affaire.css @@ -0,0 +1,16 @@ +@media screen and (min-width: 1000px) { + .page-header_img img { + width: auto; + height: 100%; + float: right; + } +} + +@media screen and (max-width: 1000px) { + .page-header_img img { + width: auto; + height: 70%; + margin-top: 9rem; + float: right; + } +} \ No newline at end of file diff --git a/css/droit-penal.css b/css/droit-penal.css new file mode 100644 index 0000000..d860dad --- /dev/null +++ b/css/droit-penal.css @@ -0,0 +1,16 @@ +@media screen and (min-width: 1000px) { + .page-header_img img { + width: auto; + height: 100%; + float: right; + } +} + +@media screen and (max-width: 1000px) { + .page-header_img img { + width: auto; + height: 60%; + margin-top: 12rem; + float: right; + } +} \ No newline at end of file diff --git a/css/footer.css b/css/footer.css index e560441..c5ab1b0 100644 --- a/css/footer.css +++ b/css/footer.css @@ -114,9 +114,10 @@ .legal-text { overflow-y: scroll; - margin: 2rem; + padding: 2rem 2rem; height: inherit; font-size: small; + margin: 0 1rem; } .legal-close-container diff --git a/css/index.css b/css/index.css index 4292892..8968d48 100644 --- a/css/index.css +++ b/css/index.css @@ -16,14 +16,18 @@ } .presentation-text { - width: 100%; - margin: 1rem; - padding: 0 0 0 2rem; z-index: 1; font-size: larger; color: var(--color-dark); - position: relative; - top: 45%; + } + + .presentation-text h1 { + top: 21rem; + } + + .presentation-text p { + top: 27rem; + font-size: larger; } .photosaoul { @@ -85,13 +89,9 @@ @media screen and (max-width: 700px) { .presentation-text { - width: 100%; - padding: 0 0 0 2rem; z-index: 1; font-size: small; color: var(--color-dark); - position: relative; - top: 45%; } .photosaoul { @@ -116,6 +116,18 @@ position: relative; } + .presentation-text h1 { + top: 15rem; + font-size: 2rem; + padding: 0 2rem; + } + + .presentation-text p { + top: 18rem; + font-size: larger; + padding: 0 2rem; + } + .description { background-color: var(--color-main-light); width: 100%; @@ -172,7 +184,6 @@ } .presentation-img { - width: 100%; height: 100%; z-index: 10; } diff --git a/css/join-contact.css b/css/join-contact.css new file mode 100644 index 0000000..0393894 --- /dev/null +++ b/css/join-contact.css @@ -0,0 +1,16 @@ +@media screen and (min-width: 1000px) { + .page-header_img img { + width: auto; + height: 100%; + float: right; + } +} + +@media screen and (max-width: 1000px) { + .page-header_img img { + width: auto; + height: 70%; + margin-top: 9rem; + float: right; + } +} \ No newline at end of file diff --git a/css/join-coordonees.css b/css/join-coordonees.css new file mode 100644 index 0000000..0cea4b6 --- /dev/null +++ b/css/join-coordonees.css @@ -0,0 +1,33 @@ +@media screen and (min-width: 1000px) { + .page-header_img img { + width: auto; + height: 100%; + float: right; + } + + .page-header { + background-position-y: 70%; + } + + .page-header_text { + color: var(--color-white); + } +} + +@media screen and (max-width: 1000px) { + .page-header_img img { + width: auto; + height: 50%; + margin-top: 15rem; + float: right; + } + + .page-header { + background-position-y: 50%; + } + + .page-header_text { + color: var(--color-dark); + } +} + diff --git a/droits/affaire.html b/droits/affaire.html index 29dff6f..9095db8 100644 --- a/droits/affaire.html +++ b/droits/affaire.html @@ -8,10 +8,19 @@ + +
+
+

Droits des affaires

+
+
+ +
+
diff --git a/droits/penal.html b/droits/penal.html index db81632..92fe37d 100644 --- a/droits/penal.html +++ b/droits/penal.html @@ -8,10 +8,19 @@ + +
+
+

Droit pénal

+
+
+ +
+
diff --git a/index.html b/index.html index 1f691d1..c6f418e 100644 --- a/index.html +++ b/index.html @@ -14,13 +14,13 @@ -
-
+
+

Saoul Bonmonsieur

Avocat sur loi de Toulouse

- +
diff --git a/join/contact.html b/join/contact.html index 0f92cf7..56496c4 100644 --- a/join/contact.html +++ b/join/contact.html @@ -8,10 +8,19 @@ + +
+
+

Me contacter

+
+
+ +
+
diff --git a/join/coordonees.html b/join/coordonees.html index 2c8711e..36911b7 100644 --- a/join/coordonees.html +++ b/join/coordonees.html @@ -8,10 +8,19 @@ + +
+
+

Mes coordonnées

+
+
+ +
+