diff --git a/src/app/app.component.html b/src/app/app.component.html index 0aa81f4..19dd0a6 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -3,4 +3,4 @@ - + diff --git a/src/app/header/components/nav-bar/nav-bar.component.html b/src/app/header/components/nav-bar/nav-bar.component.html index 698a52b..fc3055f 100644 --- a/src/app/header/components/nav-bar/nav-bar.component.html +++ b/src/app/header/components/nav-bar/nav-bar.component.html @@ -9,7 +9,7 @@ aria-label="Toggle navigation"> -
+
Accueil Categories diff --git a/src/app/pages/home-page/home-page.component.html b/src/app/pages/home-page/home-page.component.html index 70a6b32..f569c29 100644 --- a/src/app/pages/home-page/home-page.component.html +++ b/src/app/pages/home-page/home-page.component.html @@ -1,44 +1,45 @@
-

Hello {{userName}} !

+

Hello {{userName}} !

-
- Bienvenue sur Simpl'eat, l'application indispensable pour un Simplonien comme toi ! +
+ Bienvenue sur Simpl'eat, l'application indispensable pour un Simplonien comme toi !
- Photo d'un magnifique repas miam ! -

Cette application à été conçue dans le but de te permettre de visualiser les différents restaurants aux alentours de l’école SIMPLON située à MONTREUIL. + Photo d'un magnifique repas miam ! + +

Cette application à été conçue dans le but de te permettre de visualiser les différents restaurants aux alentours de l’école SIMPLON située à MONTREUIL. Tu pourras choisir choisir selon tes préférences un restaurant en particulier qui convient selon ton envie du jour. Une boulangerie, un kebab, une pizzeria ou simplement un magnifique sandwich triangle dans ton cente commercial préféré ! C'est pas magnifique ça ?

- -
- +
+
+
-

L'idée de cette application vient du fait qu'en tant que provincial, d'arriver dans une nouvelle ville, d'être presque perdu dans un environnement +

L'idée de cette application vient du fait qu'en tant que provincial, d'arriver dans une nouvelle ville, d'être presque perdu dans un environnement qui nous ait inconnu, de ne pas savoir si il y a le meilleur kebab du coin dans les environs ? Toutes ces pensées nous envahissent et nous ont amener à concevoir ceci pour vous !

- Photo d'un magnifique repas miam ! + Photo d'un magnifique repas miam !
- Photo d'un magnifique repas miam ! + Photo d'un magnifique repas miam !
    -

    Sur cette application, plusieurs fonctionnalités s'offre à toi.

    +

    Sur cette application, plusieurs fonctionnalités s'offre à toi :

  • Acceder aux différents restaurants répertoriés sur l'application !
  • Choisir la catégorie de restaurants qui donne le plus envie !
  • Sélectionner et préserver en favoris les restaurants dont tu veux garder l'adresse !
-
- A TOI DE JOUER ! +
+ A toi de jouer !
diff --git a/src/app/pages/home-page/home-page.component.scss b/src/app/pages/home-page/home-page.component.scss index bef99e6..73491e8 100644 --- a/src/app/pages/home-page/home-page.component.scss +++ b/src/app/pages/home-page/home-page.component.scss @@ -1,38 +1,165 @@ .body{ width: 100%; - padding: 15vh; + padding: 8vh 20vh; +} + +h1{ + font-size: 4vh; + padding-top: 3vh; +} + +.preface{ + text-align: center; + padding-bottom: 3vh; } .premier_bloc{ display: flex; + align-items: center; + } .deuxieme_bloc{ display: flex; + align-items: center; + } .troisieme_bloc{ display: flex; + align-items: center; } img{ - width: 600px; - height: 350px; - margin-top: 100px; + + + margin: 5vh 0 0 0; + border-radius: 10px; + width: 100%; + max-width: 500px; + height: auto; + + } -p{ - margin: 10px 50px 20px; - padding: 0 30px; +.uno{ + padding-top: 6vh; + padding-left: 6vh; text-align: justify; - padding-top: 220px; - font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif } +.dos{ + padding-top: 6vh; + padding-right: 6vh; + text-align: justify; +} + +.tres{ + padding-top: 6vh; + font-size: 3.5vh; +} + + + .separation{ display: flex; justify-content: flex-start; border-bottom: 2px solid #CE0000; max-width: 83%; padding : 20px; +} + +.ligne-rouge{ + display: flex; + justify-content: flex-end; + +} + +.separation2{ + + border-bottom: 2px solid #CE0000; + max-width: 83%; + width: 100%; + padding : 20px; + +} + +@media only screen and (max-width:1131px) { + + .body{ + display: flex; + justify-content: center; + margin: -1vh auto; + padding: 3vh; + flex-wrap: wrap; + } + + img{ + width: 100%; + max-width: 500px; + height: auto; + padding-bottom: 5vh; + border-radius: 10px; + display: flex; + justify-content: center; + } + + .premier_bloc{ + flex-wrap: wrap; + } + + .deuxieme_bloc{ + flex-wrap: wrap; + flex-direction: column-reverse; + } + + .troisieme_bloc{ + flex-wrap: wrap; + } + + .uno{ + padding-top: 0; + padding-left: 0; + padding-bottom: 2.5vh; + text-align: justify; + + } + + .dos{ + padding-top: 0; + padding-right: 0; + padding-bottom: 2.5vh; + text-align: justify; + } + + .tres{ + padding-top: 0; + font-size: 3.5vh; + } + + .separation{ + display: flex; + justify-content: center; + border-bottom: 1px solid #CE0000; + width: 100%; + padding: 0; + + } + + .ligne-rouge{ + display: flex; + justify-content: center; + width: 100%; + } + + .separation2{ + padding: 0; + border-bottom: 1px solid #CE0000; + max-width: 83%; + } + + + + + } \ No newline at end of file diff --git a/src/assets/imagesAccueil/image_accueil_1 1.png b/src/assets/imagesAccueil/image_accueil_1 1.png new file mode 100644 index 0000000..a0c48b7 Binary files /dev/null and b/src/assets/imagesAccueil/image_accueil_1 1.png differ diff --git a/src/assets/imagesAccueil/image_accueil_1.jpg b/src/assets/imagesAccueil/image_accueil_1.jpg deleted file mode 100644 index f0eafaa..0000000 Binary files a/src/assets/imagesAccueil/image_accueil_1.jpg and /dev/null differ diff --git a/src/assets/imagesAccueil/image_accueil_2 1.png b/src/assets/imagesAccueil/image_accueil_2 1.png new file mode 100644 index 0000000..1b2ee56 Binary files /dev/null and b/src/assets/imagesAccueil/image_accueil_2 1.png differ diff --git a/src/assets/imagesAccueil/image_accueil_2.jpg b/src/assets/imagesAccueil/image_accueil_2.jpg deleted file mode 100644 index 777f238..0000000 Binary files a/src/assets/imagesAccueil/image_accueil_2.jpg and /dev/null differ diff --git a/src/assets/imagesAccueil/image_accueil_3 1.png b/src/assets/imagesAccueil/image_accueil_3 1.png new file mode 100644 index 0000000..0c5d73b Binary files /dev/null and b/src/assets/imagesAccueil/image_accueil_3 1.png differ diff --git a/src/assets/imagesAccueil/image_accueil_3.jpeg b/src/assets/imagesAccueil/image_accueil_3.jpeg deleted file mode 100644 index 987cd2f..0000000 Binary files a/src/assets/imagesAccueil/image_accueil_3.jpeg and /dev/null differ diff --git a/src/environments/environment.ts b/src/environments/environment.ts index 2d9b681..04827d4 100644 --- a/src/environments/environment.ts +++ b/src/environments/environment.ts @@ -4,7 +4,7 @@ export const environment = { production: false, - apiUrl: "http://localhost:8080", + apiUrl: "http://localhost:8081", tokenKey: "TOKEN-SIMPLEAT" }; diff --git a/src/index.html b/src/index.html index 0ecced0..297e7e7 100644 --- a/src/index.html +++ b/src/index.html @@ -7,6 +7,7 @@ +