diff --git a/html b/html new file mode 120000 index 0000000..f58a7ce --- /dev/null +++ b/html @@ -0,0 +1 @@ +/var/www/html \ No newline at end of file diff --git a/index.html b/index.html index 6ae740e..f9772b2 100644 --- a/index.html +++ b/index.html @@ -2,118 +2,125 @@ + LangProg - Main - LangProg - - + +
-

LangProg - Main

- ImgTitle +

LangProg

+

Main page

-
-
-

actualités des languages

-
-
-

Quelques données...

-

Voici quelques données sur les différants languages de +

+ + +
+

actualités du site

+ +
+
+

initialisation du site

+

08/09/2022: création de la page d'acceuil, des 3 premiers articles, + et de la table.

+
+ +
+

ajouts des stylesheets

+

15/09/2022: ajouts de styles.css.

+
+ +
+

maj complete de la structuration du site

+

29/09/2022: création de multiple fichiers de styles adaptive, + arrangement du code pour une meilleur lisibilité.

+
+ +
+

maj du style 1

+

05/10/2022: mise à niveau du style: style pour les pages d'article, + de donnée, création de la page de gallerie avec des photos et des + vidéos, nouvelles bordures, overflow, position (stiky).

+
+
+ +
+
+ +
+
+

Actualités des languages

+ +
+ +
-
-

Le C

-

C est un langage de programmation impératif - généraliste, de bas niveau. Inventé au début des années 1970 +

+

Le C

+

C est un langage de programmation impératif + généraliste, de bas niveau. Inventé au début des années 1970 pour réécrire Unix, C est devenu un des langages les plus utilisés, encore de nos jours.

- Lire la suite... -
+ Lire la suite... +
-
-

Le C++

-

C++ est un langage de programmation compilé +

+

Le C++

+

C++ est un langage de programmation compilé permettant la programmation sous de multiples paradigmes, dont la programmation procédurale, la programmation orientée objet et la programmation générique. Ses bonnes performances, et sa compatibilité avec le C en font un des langages de programmation les plus utilisés dans les applications où la performance est critique.

- Lire la suite... -
+ Lire la suite... +
-
-

Le C#

-

C# est un langage de programmation orientée objet, +

+

Le C#

+

C# est un langage de programmation orientée objet, fortement typé, dérivé de C et de C++, ressemblant au langage Java. Il est utilisé pour développer des applications web, ainsi que des applications de bureau, des services web, des commandes, des widgets ou des bibliothèques de classes.

- Lire la suite... -
-
-
- -
-

Actualités du site

- -
-
-

Initialisation du site

-

08/09/2022: Création de la page d'acceuil, des 3 premiers articles, - et de la table.

-
- -
-

Ajouts des stylesheets

-

15/09/2022: Ajouts de styles.css.

-
- -
-

MAJ complete de la structuration du site

-

29/09/2022: Création de multiple fichiers de styles adaptive, - arrangement du code pour une meilleur lisibilité.

-
+ Lire la suite... + +
+
+
-
-

MAJ du style 1

-

05/10/2022: Mise à niveau du style: style pour les pages d'article, - de donnée, création de la page de Gallerie avec des photos et des - vidéos, nouvelles bordures, overflow, position (stiky).

-
- - - - - - diff --git a/old/index.html b/old/index.html new file mode 100644 index 0000000..6ae740e --- /dev/null +++ b/old/index.html @@ -0,0 +1,119 @@ + + + + + + LangProg + + + + + + +
+
+

LangProg - Main

+ ImgTitle +
+ + +
+ +
+
+

actualités des languages

+ +
+
+

Quelques données...

+

Voici quelques données sur les différants languages de + programmation.

+ Voir les données... +
+ +
+

Le C

+

C est un langage de programmation impératif + généraliste, de bas niveau. Inventé au début des années 1970 + pour réécrire Unix, C est devenu un des langages les plus utilisés, + encore de nos jours.

+ Lire la suite... +
+ +
+

Le C++

+

C++ est un langage de programmation compilé + permettant la programmation sous de multiples paradigmes, + dont la programmation procédurale, la programmation orientée + objet et la programmation générique. Ses bonnes + performances, et sa compatibilité avec le C en font un des langages + de programmation les plus utilisés dans les applications où la + performance est critique.

+ Lire la suite... +
+ +
+

Le C#

+

C# est un langage de programmation orientée objet, + fortement typé, dérivé de C et de C++, ressemblant au langage Java. + Il est utilisé pour développer des applications + web, ainsi que des applications de bureau, des + services web, des commandes, des widgets ou des bibliothèques de + classes.

+ Lire la suite... +
+
+
+ +
+

Actualités du site

+ +
+
+

Initialisation du site

+

08/09/2022: Création de la page d'acceuil, des 3 premiers articles, + et de la table.

+
+ +
+

Ajouts des stylesheets

+

15/09/2022: Ajouts de styles.css.

+
+ +
+

MAJ complete de la structuration du site

+

29/09/2022: Création de multiple fichiers de styles adaptive, + arrangement du code pour une meilleur lisibilité.

+
+ +
+

MAJ du style 1

+

05/10/2022: Mise à niveau du style: style pour les pages d'article, + de donnée, création de la page de Gallerie avec des photos et des + vidéos, nouvelles bordures, overflow, position (stiky).

+
+
+
+
+ + + + + + + diff --git a/old/pages/article1.html b/old/pages/article1.html new file mode 100644 index 0000000..2268726 --- /dev/null +++ b/old/pages/article1.html @@ -0,0 +1,116 @@ + + + + + + LangProg - Le C + + + + + + +
+
+

LangProg - C

+ ImgTitle +
+ + +
+ + + +
+
+

le language de programmation c

+ +
+

c est un langage de programmation impératif + généraliste, de bas niveau. inventé au début des années 1970 + pour réécrire unix, c est devenu un des langages les plus utilisés, + encore de nos jours. de nombreux langages plus modernes comme c++, c#, + java et php ou javascript ont repris une syntaxe similaire au c et + reprennent en partie sa logique. c offre au développeur une + marge de contrôle importante sur la machine + (notamment sur la gestion de la mémoire) et est de ce fait utilisé + pour réaliser les « fondations » (compilateurs, + interpréteurs…) de ces langages plus modernes.

+
+ +
+

histoire

+

le langage c a été inventé au cours de l'année 1972 dans les + laboratoires bell. il était développé en même temps qu'unix par + dennis ritchie et kenneth thompson. kenneth thompson avait développé + le prédécesseur direct de c, le langage b, qui est lui-même + largement inspiré de bcpl. dennis ritchie a fait évoluer le langage + b dans une nouvelle version suffisamment différente, en ajoutant + notamment les types, pour qu'elle soit appelée c1. + + bien que c soit directement dérivé de b, ritchie relève aussi des influences de + pl/i, fortran et algol 68. en outre, ritchie signale que l'équipe + était convaincue du bien-fondé de l'idée d'écrire un système + d'exploitation dans un langage de plus haut niveau que l'assembleur, + un aspect pionnier de multics, écrit en pl/i. + + par la suite, brian kernighan aida à populariser le langage c. il procéda aussi + à quelques modifications de dernière minute. en 1978, kernighan fut + le principal auteur du livre the c programming language décrivant le + langage enfin stabilisé ; ritchie s'était occupé des appendices et + des exemples avec unix. on appelle aussi ce livre « le k&r », et + l'on parle de c traditionnel ou de c k&r lorsqu'on se réfère au + langage tel qu'il existait à cette époque.

+
+ +
+

qualités et défauts

+
    +

    principale qualitées

    +
  • il existe depuis longtemps, le début des années 1970 ;
  • +
  • il est fondé sur un standard ouvert ;
  • +
  • de nombreux informaticiens le connaissent ;
  • +
  • il permet la minimisation de l'allocation mémoire nécessaire, son contrôle complet et la maximisation de la performance, notamment par l'utilisation de pointeurs ;
  • +
  • il permet la construction de structures de données complexes et ad-hoc, au plus près des besoins ;
  • +
  • des compilateurs et bibliothèques logicielles existent sur la plupart des architectures ;
  • +
  • il a influencé de nombreux langages plus récents dont c++, java, c# et php ; sa syntaxe en particulier est largement reprise ;
  • +
  • il met en œuvre un nombre restreint de concepts, ce qui facilite sa maîtrise et l'écriture de compilateurs simples et rapides ;
  • +
  • il ne spécifie pas rigidement le comportement du fichier exécutable produit, ce qui aide à tirer parti des capacités propres à chaque ordinateur ;
  • +
  • il permet, par la compilation directe vers le langage machine (via l'assembleur), l'écriture de logiciels qui n'ont besoin d'aucun support à l'exécution (ni bibliothèque logicielle ni machine virtuelle), au comportement prévisible en temps d'exécution comme en consommation de mémoire vive, comme des noyaux de système d'exploitation et des logiciels embarqués.
  • +

    principaux inconvénients

    +
  • le peu de vérifications offertes par les compilateurs d'origine (k&r c), et l'absence de vérifications à l'exécution, ce qui fait que des erreurs qui auraient pu être automatiquement détectées lors du développement ne l’étaient qu’à l'exécution, donc au prix d’un plantage du logiciel ; +
      +
    • sous unix, on pouvait utiliser les utilitaires lint et cflow pour éviter de tels mécomptes,
    • +
    • des vérifications sont ajoutées avec le temps, mais elles restent partielles,
    • +
    +
  • +
  • son approche de la modularité restée au niveau de ce qui se faisait au début des années 1970, et largement dépassée depuis par d'autres langages : +
      +
    • il ne facilite pas la programmation orientée objet,
    • +
    • il ne permet pas de créer des espaces de noms,
    • +
    +
  • +
  • la gestion d'exceptions très sommaire ;
  • +
  • le support très limité de la généricité, malgré l’introduction des expressions à type générique en c11 ;
  • +
  • les subtilités de l'écriture de programmes portables, car le comportement exact des exécutables dépend de l'ordinateur cible ;
  • +
  • le support minimaliste de l'allocation de mémoire et des chaînes de caractères, ce qui oblige les programmeurs à s'occuper de détails fastidieux et sources de bugs ; il n'y a notamment pas de ramasse-miettes standard ;
  • +
  • les bugs graves qui peuvent être causés par un simple manque d'attention du développeur ; tel le dépassement de tampon qui constitue une faille de sécurité informatique exploitable par les logiciels malveillants ;
  • +
  • certaines erreurs ne peuvent être détectées automatiquement qu'à l'aide d'outils supplémentaires et non standardisés, comme lint et valgrind ;
  • +
  • la faible productivité du langage par rapport aux langages plus récents[réf. souhaitée].
  • +
+
+ +
+
+ + + + + diff --git a/pages/article2.html b/old/pages/article2.html similarity index 100% rename from pages/article2.html rename to old/pages/article2.html diff --git a/pages/article3.html b/old/pages/article3.html similarity index 100% rename from pages/article3.html rename to old/pages/article3.html diff --git a/pages/donnees.html b/old/pages/donnees.html similarity index 100% rename from pages/donnees.html rename to old/pages/donnees.html diff --git a/pages/galerie.html b/old/pages/galerie.html similarity index 100% rename from pages/galerie.html rename to old/pages/galerie.html diff --git a/styles/articles.css b/old/styles/articles.css similarity index 100% rename from styles/articles.css rename to old/styles/articles.css diff --git a/styles/donnees.css b/old/styles/donnees.css similarity index 100% rename from styles/donnees.css rename to old/styles/donnees.css diff --git a/styles/galerie.css b/old/styles/galerie.css similarity index 100% rename from styles/galerie.css rename to old/styles/galerie.css diff --git a/old/styles/main.css b/old/styles/main.css new file mode 100644 index 0000000..c14231e --- /dev/null +++ b/old/styles/main.css @@ -0,0 +1,152 @@ +body { + background-color: #ebebeb; + margin: 0; +} + +a { + background-color: darkgrey; + text-decoration: none; + padding-left: 10px; + padding-right: 10px; +} + +a:link, a:visited { color: white; } +a:hover { color: cadetblue; background-color: white; } +a:active { color: darkgrey; } + +/* HEADER */ + +.header { + border-left: 10px solid cadetblue; + background-image: linear-gradient(to right, #ebebeb, cadetblue); + position: sticky; + top: 0px; +} + +.header .title { + display: block; +} + +.header h1 { + margin-left: 10px; + margin-bottom: 4px; + margin-top: 0; +} + +.header img { + position: absolute; + right: 0; + top: 0; + width: 124px; +} + +.header nav { + background-color: cadetblue; +} + +.header nav a { + background-color: cadetblue; + margin-inline: 10px; +} + +.header a:hover { color: darkgrey; } +.header a:active { color: cadetblue; } + +/* MAIN CONTENT */ + +.main-content { + border-left: 10px solid cadetblue; + border-right: 2px solid cadetblue; + border-radius: 0 14px 0 0; + margin-right: 20%; +} + +.main-content section { + margin-left: 10px; + border-bottom: 2px solid cadetblue; +} + +.main-content .articles div { + height: 600px; + overflow: scroll; +} + +.main-content .actus div { + height: 200px; + overflow: scroll; +} + +.main-content .articles article { + margin-bottom: 50px; +} + +.main-content h2,h3 { + border-bottom: 6px solid cadetblue; + border-left: 6px solid darkgrey; + border-radius: 0 14px; + padding-bottom: 4px; + padding-left: 10px; +} + +.main-content h2 { + background-color: cadetblue; + border-bottom: 6px solid darkgrey; + margin-bottom: 3px; +} + +.main-content h4 { + border-bottom: 2px solid cadetblue; + padding-bottom: 4px; +} + +.main-content p, li { + padding-right: 20px; + text-align: justify; +} + +.main-content .actus h4 { + margin-bottom: 0; + padding-bottom: 2px; +} + +.main-content .actus p { + margin-top: 2px; +} + +/* ASIDE */ + +.links { + background-color: #ebebebca; + padding-left: 2%; + padding-right: 2%; + padding-top: 1%; + border: 6px solid cadetblue; + border-radius: 0 14px; + position: fixed; + top: 113px; + right: 1%; + left: 80%; + height: 400px; + margin-left: 1%; +} + +.links h3, ul { + text-align: justify; +} + +/* FOOTER */ + +footer { + background-color: darkgray; + padding: 0; + margin: 0; + position: sticky; + bottom: 0px; +} + +footer p { + display: inline-block; + text-align: right; + padding: 0; + margin: 0; +} diff --git a/pages/article1.html b/pages/article1.html index 03c6863..35a9e4b 100644 --- a/pages/article1.html +++ b/pages/article1.html @@ -2,40 +2,89 @@ - - LangProg - Le C - - + Le C + + + +
-

LangProg - C

- ImgTitle +

LangProg

+

Le langage C article

-
- -
+ +
+ + +
+

actualités du site

+ +
+
+

initialisation du site

+

08/09/2022: création de la page d'acceuil, des 3 premiers articles, + et de la table.

+
+ +
+

ajouts des stylesheets

+

15/09/2022: ajouts de styles.css.

+
+ +
+

maj complete de la structuration du site

+

29/09/2022: création de multiple fichiers de styles adaptive, + arrangement du code pour une meilleur lisibilité.

+
+ +
+

maj du style 1

+

05/10/2022: mise à niveau du style: style pour les pages d'article, + de donnée, création de la page de gallerie avec des photos et des + vidéos, nouvelles bordures, overflow, position (stiky).

+
+
+ +
+
+ +
+
-

Le language de programmation C

+

le language de programmation c

-

C est un langage de programmation impératif - généraliste, de bas niveau. Inventé au début des années 1970 - pour réécrire Unix, C est devenu un des langages les plus utilisés, - encore de nos jours. De nombreux langages plus modernes comme C++, C#, - Java et PHP ou JavaScript ont repris une syntaxe similaire au C et - reprennent en partie sa logique. C offre au développeur une +

c est un langage de programmation impératif + généraliste, de bas niveau. inventé au début des années 1970 + pour réécrire unix, c est devenu un des langages les plus utilisés, + encore de nos jours. de nombreux langages plus modernes comme c++, c#, + java et php ou javascript ont repris une syntaxe similaire au c et + reprennent en partie sa logique. c offre au développeur une marge de contrôle importante sur la machine (notamment sur la gestion de la mémoire) et est de ce fait utilisé pour réaliser les « fondations » (compilateurs, @@ -43,48 +92,48 @@

-

Histoire

-

Le langage C a été inventé au cours de l'année 1972 dans les - Laboratoires Bell. Il était développé en même temps qu'Unix par - Dennis Ritchie et Kenneth Thompson. Kenneth Thompson avait développé - le prédécesseur direct de C, le langage B, qui est lui-même - largement inspiré de BCPL. Dennis Ritchie a fait évoluer le langage - B dans une nouvelle version suffisamment différente, en ajoutant - notamment les types, pour qu'elle soit appelée C1. - - Bien que C soit directement dérivé de B, Ritchie relève aussi des influences de - PL/I, FORTRAN et ALGOL 68. En outre, Ritchie signale que l'équipe +

histoire

+

le langage c a été inventé au cours de l'année 1972 dans les + laboratoires bell. il était développé en même temps qu'unix par + dennis ritchie et kenneth thompson. kenneth thompson avait développé + le prédécesseur direct de c, le langage b, qui est lui-même + largement inspiré de bcpl. dennis ritchie a fait évoluer le langage + b dans une nouvelle version suffisamment différente, en ajoutant + notamment les types, pour qu'elle soit appelée c1. + + bien que c soit directement dérivé de b, ritchie relève aussi des influences de + pl/i, fortran et algol 68. en outre, ritchie signale que l'équipe était convaincue du bien-fondé de l'idée d'écrire un système d'exploitation dans un langage de plus haut niveau que l'assembleur, - un aspect pionnier de Multics, écrit en PL/I. - - Par la suite, Brian Kernighan aida à populariser le langage C. Il procéda aussi - à quelques modifications de dernière minute. En 1978, Kernighan fut - le principal auteur du livre The C Programming Language décrivant le - langage enfin stabilisé ; Ritchie s'était occupé des appendices et - des exemples avec Unix. On appelle aussi ce livre « le K&R », et - l'on parle de C traditionnel ou de C K&R lorsqu'on se réfère au + un aspect pionnier de multics, écrit en pl/i. + + par la suite, brian kernighan aida à populariser le langage c. il procéda aussi + à quelques modifications de dernière minute. en 1978, kernighan fut + le principal auteur du livre the c programming language décrivant le + langage enfin stabilisé ; ritchie s'était occupé des appendices et + des exemples avec unix. on appelle aussi ce livre « le k&r », et + l'on parle de c traditionnel ou de c k&r lorsqu'on se réfère au langage tel qu'il existait à cette époque.

-

Qualités et défauts

+

qualités et défauts

    -

    Principale qualitées

    +

    principale qualitées

  • il existe depuis longtemps, le début des années 1970 ;
  • il est fondé sur un standard ouvert ;
  • de nombreux informaticiens le connaissent ;
  • il permet la minimisation de l'allocation mémoire nécessaire, son contrôle complet et la maximisation de la performance, notamment par l'utilisation de pointeurs ;
  • il permet la construction de structures de données complexes et ad-hoc, au plus près des besoins ;
  • des compilateurs et bibliothèques logicielles existent sur la plupart des architectures ;
  • -
  • il a influencé de nombreux langages plus récents dont C++, Java, C# et PHP ; sa syntaxe en particulier est largement reprise ;
  • +
  • il a influencé de nombreux langages plus récents dont c++, java, c# et php ; sa syntaxe en particulier est largement reprise ;
  • il met en œuvre un nombre restreint de concepts, ce qui facilite sa maîtrise et l'écriture de compilateurs simples et rapides ;
  • il ne spécifie pas rigidement le comportement du fichier exécutable produit, ce qui aide à tirer parti des capacités propres à chaque ordinateur ;
  • il permet, par la compilation directe vers le langage machine (via l'assembleur), l'écriture de logiciels qui n'ont besoin d'aucun support à l'exécution (ni bibliothèque logicielle ni machine virtuelle), au comportement prévisible en temps d'exécution comme en consommation de mémoire vive, comme des noyaux de système d'exploitation et des logiciels embarqués.
  • -

    Principaux inconvénients

    -
  • le peu de vérifications offertes par les compilateurs d'origine (K&R C), et l'absence de vérifications à l'exécution, ce qui fait que des erreurs qui auraient pu être automatiquement détectées lors du développement ne l’étaient qu’à l'exécution, donc au prix d’un plantage du logiciel ; +

    principaux inconvénients

    +
  • le peu de vérifications offertes par les compilateurs d'origine (k&r c), et l'absence de vérifications à l'exécution, ce qui fait que des erreurs qui auraient pu être automatiquement détectées lors du développement ne l’étaient qu’à l'exécution, donc au prix d’un plantage du logiciel ;
      -
    • sous UNIX, on pouvait utiliser les utilitaires lint et cflow pour éviter de tels mécomptes,
    • +
    • sous unix, on pouvait utiliser les utilitaires lint et cflow pour éviter de tels mécomptes,
    • des vérifications sont ajoutées avec le temps, mais elles restent partielles,
  • @@ -95,11 +144,11 @@
  • la gestion d'exceptions très sommaire ;
  • -
  • le support très limité de la généricité, malgré l’introduction des expressions à type générique en C11 ;
  • +
  • le support très limité de la généricité, malgré l’introduction des expressions à type générique en c11 ;
  • les subtilités de l'écriture de programmes portables, car le comportement exact des exécutables dépend de l'ordinateur cible ;
  • le support minimaliste de l'allocation de mémoire et des chaînes de caractères, ce qui oblige les programmeurs à s'occuper de détails fastidieux et sources de bugs ; il n'y a notamment pas de ramasse-miettes standard ;
  • les bugs graves qui peuvent être causés par un simple manque d'attention du développeur ; tel le dépassement de tampon qui constitue une faille de sécurité informatique exploitable par les logiciels malveillants ;
  • -
  • certaines erreurs ne peuvent être détectées automatiquement qu'à l'aide d'outils supplémentaires et non standardisés, comme lint et Valgrind ;
  • +
  • certaines erreurs ne peuvent être détectées automatiquement qu'à l'aide d'outils supplémentaires et non standardisés, comme lint et valgrind ;
  • la faible productivité du langage par rapport aux langages plus récents[réf. souhaitée].
  • @@ -107,10 +156,8 @@
    - + +
    diff --git a/proto/css/pr-header.css b/proto/css/pr-header.css index dc65361..47ec474 100644 --- a/proto/css/pr-header.css +++ b/proto/css/pr-header.css @@ -69,13 +69,13 @@ body { } .side { - flex: 30%; + flex: 20%; background-color: #f1f1f1; padding: 20px; } .main { - flex: 70%; + flex: 80%; background-color: #ebebeb; padding: 20px; } diff --git a/styles/main.css b/styles/main.css index c14231e..b12daf4 100644 --- a/styles/main.css +++ b/styles/main.css @@ -1,152 +1,103 @@ -body { - background-color: #ebebeb; - margin: 0; +* { + box-sizing: border-box; } -a { - background-color: darkgrey; - text-decoration: none; - padding-left: 10px; - padding-right: 10px; +body { + font-family: Arial; + margin: 0; } -a:link, a:visited { color: white; } -a:hover { color: cadetblue; background-color: white; } -a:active { color: darkgrey; } -/* HEADER */ +/* HEADER --------------------------------------------*/ .header { - border-left: 10px solid cadetblue; - background-image: linear-gradient(to right, #ebebeb, cadetblue); position: sticky; - top: 0px; } .header .title { - display: block; -} - -.header h1 { - margin-left: 10px; - margin-bottom: 4px; - margin-top: 0; -} - -.header img { - position: absolute; - right: 0; - top: 0; - width: 124px; -} - -.header nav { - background-color: cadetblue; -} - -.header nav a { - background-color: cadetblue; - margin-inline: 10px; -} - -.header a:hover { color: darkgrey; } -.header a:active { color: cadetblue; } - -/* MAIN CONTENT */ - -.main-content { - border-left: 10px solid cadetblue; - border-right: 2px solid cadetblue; - border-radius: 0 14px 0 0; - margin-right: 20%; + background-image: linear-gradient(to right, #ebebeb, cadetblue); + text-align: center; + padding: 60px; + color: #ebebeb; } -.main-content section { - margin-left: 10px; - border-bottom: 2px solid cadetblue; +.nav-bar a:link { color: white; } +.nav-bar a:visited { color: white; } +.nav-bar a:hover { + color: #555; + background-color: #ebebeb; + border: 10px solid #ebebeb; + border-radius: 25px; + font-size: 20px; } -.main-content .articles div { - height: 600px; - overflow: scroll; -} -.main-content .actus div { - height: 200px; - overflow: scroll; +.nav-bar { + display: flex; + justify-content: space-between; + padding: 5px; + align-items: baseline; + background-color: #555; } -.main-content .articles article { - margin-bottom: 50px; +.nav-bar a { + padding: 5px 20px; + margin: 0 10px 0 10px; + text-align: center; + text-decoration: none; + border-radius: 25%; + transition: + border 300ms, + font-size 300ms, + background-color 300ms, + color 300ms; } -.main-content h2,h3 { - border-bottom: 6px solid cadetblue; - border-left: 6px solid darkgrey; - border-radius: 0 14px; - padding-bottom: 4px; - padding-left: 10px; +.nav-left { + display: flex; + justify-content: flex-start; + align-items: baseline; } -.main-content h2 { - background-color: cadetblue; - border-bottom: 6px solid darkgrey; - margin-bottom: 3px; +.nav-right { + display: flex; + justify-content: flex-end; + align-items: baseline; } -.main-content h4 { - border-bottom: 2px solid cadetblue; - padding-bottom: 4px; -} +/* MAIN CONTENT --------------------------------------------*/ -.main-content p, li { - padding-right: 20px; - text-align: justify; +.main-content { + display: flex; + flex-wrap: wrap; } -.main-content .actus h4 { - margin-bottom: 0; - padding-bottom: 2px; +.side { + flex: 20%; + background-color: #f1f1f1; + padding: 20px; } -.main-content .actus p { - margin-top: 2px; +.main { + flex: 80%; + background-color: #ebebeb; + padding: 20px; } -/* ASIDE */ - -.links { - background-color: #ebebebca; - padding-left: 2%; - padding-right: 2%; - padding-top: 1%; - border: 6px solid cadetblue; - border-radius: 0 14px; - position: fixed; - top: 113px; - right: 1%; - left: 80%; - height: 400px; - margin-left: 1%; +article { + border-bottom: 1px solid #555; } -.links h3, ul { - text-align: justify; +.title-link { + text-decoration: none; + color: black; } -/* FOOTER */ -footer { - background-color: darkgray; - padding: 0; - margin: 0; - position: sticky; - bottom: 0px; -} +/* RESPONSIVE -----------------------------------------------------*/ -footer p { - display: inline-block; - text-align: right; - padding: 0; - margin: 0; +@media screen and (max-width: 700px) { + .main-content, .nav-bar { + flex-direction: column; + } }