Commit 82106a92 authored by Hamid's avatar Hamid
Browse files

page A

parent 92e65bcb
Le serveur web de notre projet,consiste la partie executable sur le web .
Pour tester ce projet, vous devez suivre les etapes suivantes ci-dessous:
Pour executer le projet il suffit de suivre les etapes suivantes :
-Installer la version 3 de python ,
-Se rendre sur le repertoire contenant votre code server
-Executer le code avec la commande :
python3 sever.python
Vous deviez installer au prealable la version 3 du python .
VOus remarquerez que le server a demarer avec un message sur votre terminal
En suite ,vous deviez cloner le projet avec la commande suivantes :
-Consulter votre navigateur avec l'url
https://localhost:8080
--> git clone lien(le lien de la branch master )
Et l'affichage de votre page html index serra afficher .
Maintenant installer flask avec les commandes suivantes :
Enjoy
=> virtualenv env -p python3
=>. env / bin / activate n'oubliez pas le point (.)
=> pip install flask
Alors vous etes deja arriver, il suffit juste de lancer le server en executant le fichier run.py la commande est :
=> python3 run.py
Une fois que vous verrez quelque chose comme ça dans votre terminal, cela signifie que votre application est en cours d'exécution.
Application Flask "fbapp.views" (chargement différé)
Environnement: production
AVERTISSEMENT: Il s'agit d'un serveur de développement. Ne l'utilisez pas dans un déploiement de production.
Utilisez plutôt un serveur WSGI de production.
Mode de débogage: sur
Exécution sur http://127.0.0.1:5000/ (Appuyez sur CTRL + C pour quitter) Le
redémarrage avec stat Le
débogueur est actif!
Code PIN du débogueur: 134-874-021
127.0.0.1 - - [03 / Mar / 2021 22:45:59] "GET / HTTP / 1.1" 200 -
\ No newline at end of file
from flask import Flask
from .views import app
/*!
* Start Bootstrap - Landing Page v5.0.9 (https://startbootstrap.com/theme/landing-page)
* Copyright 2013-2020 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)
*/
body {
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
}
header.masthead {
position: relative;
background-color: #343a40;
background: url("../img/bg-masthead.jpg") no-repeat center center;
background-size: cover;
padding-top: 8rem;
padding-bottom: 8rem;
}
header.masthead .overlay {
position: absolute;
background-color: #212529;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0.3;
}
header.masthead h1 {
font-size: 2rem;
}
@media (min-width: 768px) {
header.masthead {
padding-top: 12rem;
padding-bottom: 12rem;
}
header.masthead h1 {
font-size: 3rem;
}
}
.showcase .showcase-text {
padding: 3rem;
}
.showcase .showcase-img {
min-height: 30rem;
background-size: cover;
}
@media (min-width: 768px) {
.showcase .showcase-text {
padding: 7rem;
}
}
.features-icons {
padding-top: 7rem;
padding-bottom: 7rem;
}
.features-icons .features-icons-item {
max-width: 20rem;
}
.features-icons .features-icons-item .features-icons-icon {
height: 7rem;
}
.features-icons .features-icons-item .features-icons-icon i {
font-size: 4.5rem;
}
.features-icons .features-icons-item:hover .features-icons-icon i {
font-size: 5rem;
}
.testimonials {
padding-top: 7rem;
padding-bottom: 7rem;
}
.testimonials .testimonial-item {
max-width: 18rem;
}
.testimonials .testimonial-item img {
max-width: 12rem;
box-shadow: 0px 5px 5px 0px #adb5bd;
}
.call-to-action {
position: relative;
background-color: #343a40;
background: url("../img/bg-masthead.jpg") no-repeat center center;
background-size: cover;
padding-top: 7rem;
padding-bottom: 7rem;
}
.call-to-action .overlay {
position: absolute;
background-color: #212529;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0.3;
}
footer.footer {
padding-top: 4rem;
padding-bottom: 4rem;
}
/*!
* Start Bootstrap - Landing Page v5.0.9 (https://startbootstrap.com/theme/landing-page)
* Copyright 2013-2020 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)
*/body{font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700}header.masthead{position:relative;background-color:#343a40;background:url(../img/bg-masthead.jpg) no-repeat center center;background-size:cover;padding-top:8rem;padding-bottom:8rem}header.masthead .overlay{position:absolute;background-color:#212529;height:100%;width:100%;top:0;left:0;opacity:.3}header.masthead h1{font-size:2rem}@media (min-width:768px){header.masthead{padding-top:12rem;padding-bottom:12rem}header.masthead h1{font-size:3rem}}.showcase .showcase-text{padding:3rem}.showcase .showcase-img{min-height:30rem;background-size:cover}@media (min-width:768px){.showcase .showcase-text{padding:7rem}}.features-icons{padding-top:7rem;padding-bottom:7rem}.features-icons .features-icons-item{max-width:20rem}.features-icons .features-icons-item .features-icons-icon{height:7rem}.features-icons .features-icons-item .features-icons-icon i{font-size:4.5rem}.features-icons .features-icons-item:hover .features-icons-icon i{font-size:5rem}.testimonials{padding-top:7rem;padding-bottom:7rem}.testimonials .testimonial-item{max-width:18rem}.testimonials .testimonial-item img{max-width:12rem;box-shadow:0 5px 5px 0 #adb5bd}.call-to-action{position:relative;background-color:#343a40;background:url(../img/bg-masthead.jpg) no-repeat center center;background-size:cover;padding-top:7rem;padding-bottom:7rem}.call-to-action .overlay{position:absolute;background-color:#212529;height:100%;width:100%;top:0;left:0;opacity:.3}footer.footer{padding-top:4rem;padding-bottom:4rem}
\ No newline at end of file
.call-to-action {
position: relative;
background-color: $gray-800;
background: url('../img/bg-masthead.jpg') no-repeat center center;
@include background-cover;
padding-top: 7rem;
padding-bottom: 7rem;
.overlay {
position: absolute;
background-color: $gray-900;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0.3;
}
}
footer.footer {
padding-top: 4rem;
padding-bottom: 4rem;
}
body {
@include body-font;
}
h1,
h2,
h3,
h4,
h5,
h6 {
@include body-font;
font-weight: 700;
}
.features-icons {
padding-top: 7rem;
padding-bottom: 7rem;
.features-icons-item {
max-width: 20rem;
.features-icons-icon {
height: 7rem;
i {
font-size: 4.5rem;
}
}
&:hover {
.features-icons-icon {
i {
font-size: 5rem;
}
}
}
}
}
header.masthead {
position: relative;
background-color: $gray-800;
background: url('../img/bg-masthead.jpg') no-repeat center center;
@include background-cover;
padding-top: 8rem;
padding-bottom: 8rem;
.overlay {
position: absolute;
background-color: $gray-900;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0.3;
}
h1 {
font-size: 2rem;
}
@media (min-width: 768px) {
padding-top: 12rem;
padding-bottom: 12rem;
h1 {
font-size: 3rem;
}
}
}
// Mixins
// Background Cover Mixin
@mixin background-cover {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
// Font Mixins
@mixin body-font {
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.showcase {
.showcase-text {
padding: 3rem;
}
.showcase-img {
min-height: 30rem;
background-size: cover;
}
@media (min-width: 768px) {
.showcase-text {
padding: 7rem;
}
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment