From ebe21a776f22488b5eb50f31640d45fa9d1f521d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=88=9A=28noham=29=C2=B2?= <100566912+NohamR@users.noreply.github.com> Date: Fri, 7 Apr 2023 23:15:56 +0200 Subject: [PATCH] changes --- main.py | 136 +++++++++++++++++-------------------- static/css/common.css | 27 +------- static/css/erreur.css | 46 +++++++++++++ static/css/fiche.css | 12 ++-- static/css/infopaypal.css | 24 +++++++ static/css/liste.css | 51 ++++++++++++-- static/css/main.css | 2 + static/css/nouvelle.css | 23 ++----- templates/404.html | 24 +++++++ templates/405.html | 24 +++++++ templates/500.html | 24 +++++++ templates/don.html | 1 - templates/fiche.html | 61 ++--------------- templates/infopaypal.html | 39 +++++++---- templates/liste.html | 26 +++++-- templates/listepaypal.html | 12 ++-- templates/main.html | 22 ++---- templates/nouvelle.html | 17 ++--- templates/paypal.html | 47 +++---------- templates/template.html | 84 +++++++++++++---------- 20 files changed, 396 insertions(+), 306 deletions(-) create mode 100644 static/css/erreur.css create mode 100644 static/css/infopaypal.css create mode 100644 templates/404.html create mode 100644 templates/405.html create mode 100644 templates/500.html diff --git a/main.py b/main.py index 7eac675..bb36428 100644 --- a/main.py +++ b/main.py @@ -3,121 +3,113 @@ from flask import Flask, render_template, request app = Flask('app') classes = [ - 'Sentimentale', 'Anticipation', 'Science-fiction', 'Aventure', 'Philosophie', 'Policier', 'Apprentissage', 'Fable', 'Horreur', 'Espionnage', 'Biographie' + 'Sentimental', 'Anticipation', 'Science-fiction', 'Aventure', 'Philosophie', + 'Policier', 'Apprentissage', 'Fable', 'Horreur', 'Espionnage', 'Biographie' ] -personnages = [] +histoire = [] @app.route('/') @app.route('/main') def main(): - return render_template('main.html', classes=classes) + return render_template('main.html', classes=classes) - -# histoire +# partie histoire @app.route('/liste') def liste(): - global personnages - return render_template('liste.html', liste=personnages) - + global histoire + return render_template('liste.html', liste=histoire) @app.route('/ficheDepuisListe', methods=['POST']) def ficheDepuisListe(): - perso = {'nom': 'Legere', 'titre': 'Napoléon ', 'classe': 'Biographie', 'histoire': "Napoléon Bonaparte, né le 15 août 1769 à Ajaccio et mort le 5 mai 1821 sur l'île de Sainte-Hélène, est un militaire et homme d'État français, premier empereur des Français du 18 mai 1804 au 6 avril 1814 et du 20 mars au 22 juin 1815, sous le nom de Napoléon Ier.\r\n\r\nSecond enfant de Charles Bonaparte et Letizia Ramolino, Napoléon Bonaparte devient en 1793 général dans les armées de la Première République française, née de la Révolution, où il est notamment commandant en chef de l'armée d'Italie puis de l'armée d'Orient. Arrivé au pouvoir en 1799 par le coup d'État du 18 Brumaire, il est Premier consul — consul à vie à partir du 2 août 1802 — jusqu'au 18 mai 1804, date à laquelle l'Empire est proclamé par un sénatus-consulte suivi d'un plébiscite. Il est sacré empereur, en la cathédrale Notre-Dame de Paris, le 2 décembre 1804, par le pape Pie VII, en même temps que son épouse Joséphine de Beauharnais.\r\n\r\nEn tant que général en chef et chef d'État, Napoléon tente de briser les coalitions montées et financées par le royaume de Grande-Bretagne et qui rassemblent, à partir de 1792, les monarchies européennes contre la France et son régime né de la Révolution. Il conduit les armées françaises d'Italie au Nil et d'Autriche à la Prusse et à la Pologne : les nombreuses et brillantes victoires de Bonaparte (Arcole, Rivoli, Pyramides, Marengo, Austerlitz, Iéna, Friedland), dans des campagnes militaires rapides, disloquent les quatre premières coalitions. Les paix successives, qui mettent un terme à chacune de ces coalitions, renforcent la France et donnent à Napoléon un degré de puissance jusqu'alors rarement égalé en Europe, lors de la paix de Tilsit (1807).\r\n\r\nNapoléon réforme durablement l'État, en restaurant son autorité et sa primauté. La France connaît d'importantes réformes, qui font de Napoléon l'un des pères fondateurs des institutions contemporaines françaises. En ce sens, les codifications napoléoniennes, dont le Code civil de 1804, permettent de renforcer les libertés individuelles ou l'égalité des citoyens devant la loi, en opérant une synthèse par la garantie de certains acquis révolutionnaires et la reprise de principes traditionnels issus de l'Ancien Régime. L'administration française est réorganisée, avec la création des préfets dans les départements. De même, une nouvelle monnaie émerge, le franc, tandis qu'est instaurée la Banque de France. Le Conseil d'État est également créé, tout comme les lycées.\r\n\r\nNapoléon tente également de renforcer l'empire colonial français de l'Ancien Régime en outre-mer. Alors que la révolution haïtienne tourne à la sécession dans cette colonie, Napoléon rétablit l'esclavage en 1802, rétablissement qu’il souhaite provisoire, notamment pour empêcher l’indépendance proclamée de l'île par le général Toussaint Louverture. Toujours pour des raisons politiques, Napoléon revend paradoxalement la Louisiane aux États-Unis, en 1803. Il perd cependant la plupart des colonies qui l’intéressaient face aux Britanniques, et perd Saint-Domingue à la suite de l'échec de l'expédition militaire préalable (1802-1803), visant à combattre les indépendantistes.\r\n\r\nNapoléon porte le territoire français à son extension maximale en Europe, avec 134 départements en 1812, transformant Rome, Hambourg, Barcelone ou Amsterdam en chefs-lieux de départements français. Il est aussi président de la République italienne de 1802 à 1805, roi d'Italie de 1805 à 1814, médiateur de la Confédération suisse de 1803 à 1813 et protecteur de la confédération du Rhin de 1806 à 1813. Ses victoires lui permettent d'annexer à la France de vastes territoires et de gouverner la majeure partie de l'Europe continentale en plaçant les membres de sa famille sur les trônes de plusieurs royaumes : Joseph à Naples puis en Espagne, Louis en Hollande, Jérôme en Westphalie et son beau-frère Joachim Murat à Naples. Il crée également un duché de Varsovie, sans restaurer formellement l'indépendance polonaise, et soumet temporairement à son influence des puissances vaincues telles que le royaume de Prusse et l'empire d'Autriche.\r\n\r\nAlors qu'ils financent des coalitions de plus en plus générales, les alliés contre la France finissent par remporter des succès décisifs en Espagne (bataille de Vitoria) et en Allemagne (bataille de Leipzig) en 1813. L'intransigeance de Napoléon devant ces revers lui fait perdre le soutien de pans entiers de la nation française, tandis que ses anciens alliés ou vassaux se retournent contre lui. Amené à abdiquer en 1814 après la prise de Paris, capitale de l'Empire français, et à se retirer à l'île d'Elbe, il tente de reprendre le pouvoir en France, lors de l'épisode des Cent-Jours en 1815. Capable de reconquérir la France et d'y rétablir le régime impérial sans coup férir, il amène pourtant, à la suite de diverses trahisons et dissensions de ses maréchaux, le pays dans une impasse avec la lourde défaite de Waterloo, qui met fin à l'Empire napoléonien et assure la restauration de la dynastie des Bourbons. Sa mort en exil, à Sainte-Hélène, sous la garde des Britanniques, fait l'objet de nombreuses controverses.\r\n\r\nObjet dès son vivant d'une légende dorée comme d'une légende noire, il doit sa très grande notoriété à son habileté militaire, récompensée par de nombreuses victoires, et à sa trajectoire politique étonnante, mais aussi à son régime despotique et très centralisé ainsi qu'à son ambition, qui se traduit par des guerres meurtrières (au Portugal, en Espagne et en Russie) avec des millions de morts et blessés, militaires et civils pour l'ensemble de l'Europe. Il est considéré[Par qui ?] comme l'un des plus grands commandants de l'histoire, et ses guerres et campagnes sont étudiées dans les écoles militaires du monde entier.\r\n\r\nUne tradition romantique fait de Napoléon l'archétype du « grand homme » appelé à bouleverser le monde. C'est ainsi que le comte de Las Cases, auteur du Mémorial de Sainte-Hélène, tente de présenter Napoléon au Parlement britannique dans une pétition rédigée en 1818. Élie Faure, dans son ouvrage Napoléon, qui a inspiré le film d’Abel Gance, le compare à un « prophète des temps modernes ». D'autres auteurs, tel Victor Hugo, font du vaincu de Sainte-Hélène le « Prométhée moderne ». L'ombre de « Napoléon le Grand » plane sur de nombreux ouvrages de Balzac, Stendhal, Musset, mais aussi de Dostoïevski, de Tolstoï et de bien d'autres encore. Par ailleurs, un courant politique français émerge au xixe siècle, le bonapartisme, se réclamant de l'action et du mode de gouvernement de Napoléon.", 'resume': "La Biographie d'un des empereurs les plus emblématique de son époque. Une des plus grandes réussites de mère nature un homme qui sort la France du chaos de la Révolution sous les bases solides d’une expérience militaire.", 'note_personnelle': 'La biographie vaut le détour !!!'} - for e in personnages: - if e['nom'] == request.form["nom"]: - perso = e - break - print('perso') - print(perso) - return afficherFiche(perso) - + hist = None + for e in histoire: + if e['nom'] == request.form["nom"]: + hist = e + break + print(hist) + return afficherFiche(hist) @app.route('/fiche', methods=['POST']) def fiche(): - dico = {key: value for key, value in request.form.items()} - print('dico') - print(dico) - print('personnages') - print(personnages) - return afficherFiche(dico) - -def afficherFiche(perso): - return render_template('fiche.html', perso=perso, exemple = {'nom': 'Legere', 'titre': 'Napoléon ', 'classe': 'Biographie', 'histoire': "Napoléon Bonaparte, né le 15 août 1769 à Ajaccio et mort le 5 mai 1821 sur l'île de Sainte-Hélène, est un militaire et homme d'État français, premier empereur des Français du 18 mai 1804 au 6 avril 1814 et du 20 mars au 22 juin 1815, sous le nom de Napoléon Ier.\r\n\r\nSecond enfant de Charles Bonaparte et Letizia Ramolino, Napoléon Bonaparte devient en 1793 général dans les armées de la Première République française, née de la Révolution, où il est notamment commandant en chef de l'armée d'Italie puis de l'armée d'Orient. Arrivé au pouvoir en 1799 par le coup d'État du 18 Brumaire, il est Premier consul — consul à vie à partir du 2 août 1802 — jusqu'au 18 mai 1804, date à laquelle l'Empire est proclamé par un sénatus-consulte suivi d'un plébiscite. Il est sacré empereur, en la cathédrale Notre-Dame de Paris, le 2 décembre 1804, par le pape Pie VII, en même temps que son épouse Joséphine de Beauharnais.\r\n\r\nEn tant que général en chef et chef d'État, Napoléon tente de briser les coalitions montées et financées par le royaume de Grande-Bretagne et qui rassemblent, à partir de 1792, les monarchies européennes contre la France et son régime né de la Révolution. Il conduit les armées françaises d'Italie au Nil et d'Autriche à la Prusse et à la Pologne : les nombreuses et brillantes victoires de Bonaparte (Arcole, Rivoli, Pyramides, Marengo, Austerlitz, Iéna, Friedland), dans des campagnes militaires rapides, disloquent les quatre premières coalitions. Les paix successives, qui mettent un terme à chacune de ces coalitions, renforcent la France et donnent à Napoléon un degré de puissance jusqu'alors rarement égalé en Europe, lors de la paix de Tilsit (1807).\r\n\r\nNapoléon réforme durablement l'État, en restaurant son autorité et sa primauté. La France connaît d'importantes réformes, qui font de Napoléon l'un des pères fondateurs des institutions contemporaines françaises. En ce sens, les codifications napoléoniennes, dont le Code civil de 1804, permettent de renforcer les libertés individuelles ou l'égalité des citoyens devant la loi, en opérant une synthèse par la garantie de certains acquis révolutionnaires et la reprise de principes traditionnels issus de l'Ancien Régime. L'administration française est réorganisée, avec la création des préfets dans les départements. De même, une nouvelle monnaie émerge, le franc, tandis qu'est instaurée la Banque de France. Le Conseil d'État est également créé, tout comme les lycées.\r\n\r\nNapoléon tente également de renforcer l'empire colonial français de l'Ancien Régime en outre-mer. Alors que la révolution haïtienne tourne à la sécession dans cette colonie, Napoléon rétablit l'esclavage en 1802, rétablissement qu’il souhaite provisoire, notamment pour empêcher l’indépendance proclamée de l'île par le général Toussaint Louverture. Toujours pour des raisons politiques, Napoléon revend paradoxalement la Louisiane aux États-Unis, en 1803. Il perd cependant la plupart des colonies qui l’intéressaient face aux Britanniques, et perd Saint-Domingue à la suite de l'échec de l'expédition militaire préalable (1802-1803), visant à combattre les indépendantistes.\r\n\r\nNapoléon porte le territoire français à son extension maximale en Europe, avec 134 départements en 1812, transformant Rome, Hambourg, Barcelone ou Amsterdam en chefs-lieux de départements français. Il est aussi président de la République italienne de 1802 à 1805, roi d'Italie de 1805 à 1814, médiateur de la Confédération suisse de 1803 à 1813 et protecteur de la confédération du Rhin de 1806 à 1813. Ses victoires lui permettent d'annexer à la France de vastes territoires et de gouverner la majeure partie de l'Europe continentale en plaçant les membres de sa famille sur les trônes de plusieurs royaumes : Joseph à Naples puis en Espagne, Louis en Hollande, Jérôme en Westphalie et son beau-frère Joachim Murat à Naples. Il crée également un duché de Varsovie, sans restaurer formellement l'indépendance polonaise, et soumet temporairement à son influence des puissances vaincues telles que le royaume de Prusse et l'empire d'Autriche.\r\n\r\nAlors qu'ils financent des coalitions de plus en plus générales, les alliés contre la France finissent par remporter des succès décisifs en Espagne (bataille de Vitoria) et en Allemagne (bataille de Leipzig) en 1813. L'intransigeance de Napoléon devant ces revers lui fait perdre le soutien de pans entiers de la nation française, tandis que ses anciens alliés ou vassaux se retournent contre lui. Amené à abdiquer en 1814 après la prise de Paris, capitale de l'Empire français, et à se retirer à l'île d'Elbe, il tente de reprendre le pouvoir en France, lors de l'épisode des Cent-Jours en 1815. Capable de reconquérir la France et d'y rétablir le régime impérial sans coup férir, il amène pourtant, à la suite de diverses trahisons et dissensions de ses maréchaux, le pays dans une impasse avec la lourde défaite de Waterloo, qui met fin à l'Empire napoléonien et assure la restauration de la dynastie des Bourbons. Sa mort en exil, à Sainte-Hélène, sous la garde des Britanniques, fait l'objet de nombreuses controverses.\r\n\r\nObjet dès son vivant d'une légende dorée comme d'une légende noire, il doit sa très grande notoriété à son habileté militaire, récompensée par de nombreuses victoires, et à sa trajectoire politique étonnante, mais aussi à son régime despotique et très centralisé ainsi qu'à son ambition, qui se traduit par des guerres meurtrières (au Portugal, en Espagne et en Russie) avec des millions de morts et blessés, militaires et civils pour l'ensemble de l'Europe. Il est considéré[Par qui ?] comme l'un des plus grands commandants de l'histoire, et ses guerres et campagnes sont étudiées dans les écoles militaires du monde entier.\r\n\r\nUne tradition romantique fait de Napoléon l'archétype du « grand homme » appelé à bouleverser le monde. C'est ainsi que le comte de Las Cases, auteur du Mémorial de Sainte-Hélène, tente de présenter Napoléon au Parlement britannique dans une pétition rédigée en 1818. Élie Faure, dans son ouvrage Napoléon, qui a inspiré le film d’Abel Gance, le compare à un « prophète des temps modernes ». D'autres auteurs, tel Victor Hugo, font du vaincu de Sainte-Hélène le « Prométhée moderne ». L'ombre de « Napoléon le Grand » plane sur de nombreux ouvrages de Balzac, Stendhal, Musset, mais aussi de Dostoïevski, de Tolstoï et de bien d'autres encore. Par ailleurs, un courant politique français émerge au xixe siècle, le bonapartisme, se réclamant de l'action et du mode de gouvernement de Napoléon.", 'resume': "La Biographie d'un des empereurs les plus emblématique de son époque. Une des plus grandes réussites de mère nature un homme qui sort la France du chaos de la Révolution sous les bases solides d’une expérience militaire.", 'note_personnelle': 'La biographie vaut le détour !!!'}) + dico = {key: value for key, value in request.form.items()} + return afficherFiche(dico) +def afficherFiche(hist): + return render_template('fiche.html', hist=hist) @app.route('/nouvelle') def nouvelle(): - return render_template('nouvelle.html', classes=classes) - + return render_template('nouvelle.html', classes=classes) @app.route('/ajouter', methods=['POST']) def ajouter(): - global personnages - dico = {} - for key, value in request.form.items(): - dico[key] = value - personnages += [dico] - return afficherFiche(dico) - - - -# partie don -@app.route('/don') -def don(): - print('/don') - return render_template('don.html') - + global histoire + dico = {} + for key, value in request.form.items(): + dico[key] = value + histoire += [dico] + return afficherFiche(dico) +# partie /don (inactif) +# @app.route('/don') +# def don(): +# print('/don') +# return render_template('don.html') donneepaypal = [] # parie paypal @app.route('/paypal') def paypal(): - print('/paypal') - return render_template('paypal.html') + print('/paypal') + return render_template('paypal.html') -# @app.route('/listepaypal') def listepaypal(): - global donneepaypal - return render_template('listepaypal.html', liste2=donneepaypal) - + global donneepaypal + return render_template('listepaypal.html', liste2=donneepaypal) @app.route('/ficheDepuisListepaypal', methods=['POST']) def ficheDepuisListepaypal(): - account = None - for e in donneepaypal: - if e['nom'] == request.form["nom"]: - account = e - break - print(account) - return afficherPayPal(account) - + account = None + for e in donneepaypal: + if e['nom'] == request.form["nom"]: + account = e + break + print(account) + return afficherPayPal(account) @app.route('/infopaypal', methods=['POST']) def infopaypal(): - dico2 = {key: value for key, value in request.form.items()} - - print('/infopaypal') - return afficherPayPal(dico2) - + dico2 = {key: value for key, value in request.form.items()} + print('/infopaypal') + return afficherPayPal(dico2) def afficherPayPal(account): - return render_template('infopaypal.html', account=account) - - + return render_template('infopaypal.html', account=account) @app.route('/addinfopaypal', methods=['POST']) def addinfopaypal(): - global donneepaypal - dico2 = {} - for key, value in request.form.items(): - dico2[key] = value - donneepaypal += [dico2] - print('//addinfopaypal') - return afficherPayPal(dico2) + global donneepaypal + dico2 = {} + for key, value in request.form.items(): + dico2[key] = value + donneepaypal += [dico2] + print('//addinfopaypal') + return afficherPayPal(dico2) +# partie erreur +@app.errorhandler(404) +def page_not_found(e): + return render_template('404.html'), 404 + +@app.errorhandler(405) +def page_not_found(e): + return render_template('405.html'), 405 + +@app.errorhandler(500) +def page_not_found(e): + return render_template('500.html'), 500 app.run(host='0.0.0.0', port=8080) \ No newline at end of file diff --git a/static/css/common.css b/static/css/common.css index 7f01f51..541e327 100644 --- a/static/css/common.css +++ b/static/css/common.css @@ -1,3 +1,4 @@ +/* importation de la police dyslexique */ @font-face { font-family: OpenDyslexic; src: url(../font/open_dyslexic/OpenDyslexic-Regular.otf); @@ -9,13 +10,6 @@ --police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } - -test { - font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - font-family: Arial, Helvetica, sans-serif; - font-family: 'Courier New', Courier, monospace; -} - html { background: var(--background); color: var(--ecriture); @@ -34,7 +28,7 @@ body { justify-content: center; } - +/* barre de navigation */ nav { width: 99%; position: sticky; @@ -48,7 +42,6 @@ nav { border-collapse: collapse; width: 100%; text-align: center; - /* background-color: rgba(255, 255, 255, 0.4); */ } .menuItem { @@ -89,7 +82,7 @@ a:visited { text-decoration: none; } - +/* bouton dyslexique */ #dyslexique { background-color: #5c5cfd; padding-bottom: 0px; @@ -100,10 +93,7 @@ a:visited { font-size: .7rem; } - - /* slider */ - .slider { display: flex; justify-content: center; @@ -112,15 +102,4 @@ a:visited { margin-bottom: auto; font-size: 300px; font-weight: 500; -} - -.minuteur { - display: flex; - justify-content: center; - align-items: center; - margin-top: auto; - margin-bottom: auto; - font-size: 300px; - font-weight: 500; - } \ No newline at end of file diff --git a/static/css/erreur.css b/static/css/erreur.css new file mode 100644 index 0000000..7320957 --- /dev/null +++ b/static/css/erreur.css @@ -0,0 +1,46 @@ +html { + font-size: 1.5rem; + font-family: var(--police); +} + +#content2 { + text-align: center; + justify-content: center; + width: 900px; +} + +.contentchild { + margin: 50px; +} + +/* bouton retour à l'accueil */ +.clique { + display: flex; + background-color: #0000ff94; + padding: 20px; + padding-bottom: 0px; + border-radius: 30px; + box-shadow: 0px 25px 80px rgb(0 0 0 / 50%); + width: auto; + height: auto; + max-width: 700; + transition: all ,0.5s; +} + + +.clique:hover { + box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.60); +} + +.clique>a>img { + height: 50px; + width: 50px; + margin-left: auto; + margin-right: auto; + display: flex; + /* padding: 20px; */ +} + +.clique>a>h2 { + text-align: center; +} diff --git a/static/css/fiche.css b/static/css/fiche.css index 233e90a..abccb42 100644 --- a/static/css/fiche.css +++ b/static/css/fiche.css @@ -1,21 +1,23 @@ #fiche { - padding-top: 5rem; - width: 400px; + padding-top: 3rem; + width: 1200px; margin: auto; - text-align: center; + text-align: left; border-collapse: collapse; } #content2 { - padding-top: 5rem; + padding-top: 3rem; } #fiche>tbody>tr { + margin: 50px; height: 50px; padding: 10px; } - #fiche>tbody>tr>td { + margin: 50px; + padding: 20px; font-weight: 600; } \ No newline at end of file diff --git a/static/css/infopaypal.css b/static/css/infopaypal.css new file mode 100644 index 0000000..9151410 --- /dev/null +++ b/static/css/infopaypal.css @@ -0,0 +1,24 @@ +#fiche { + padding-top: 3rem; + width: 1200px; + margin: auto; + text-align: left; + border-collapse: collapse; +} + +#content2 { + padding-top: 3rem; +} + +#fiche>tbody>tr { + margin: 50px; + height: 50px; + padding: 10px; +} + +#fiche>tbody>tr>td { + font-size: 1.5rem; + margin: 50px; + padding: 20px; + font-weight: 600; +} \ No newline at end of file diff --git a/static/css/liste.css b/static/css/liste.css index 20795c4..4153573 100644 --- a/static/css/liste.css +++ b/static/css/liste.css @@ -1,3 +1,8 @@ +#content2 { + padding-top: 3rem; +} + +/* lorsqu'il y a une histoire */ #button { display: flex; align-items: center; @@ -6,10 +11,6 @@ margin: 30px; } -#content2 { - padding-top: 3rem; -} - #submit { display: inline-block; border-radius: 20px; @@ -23,10 +24,9 @@ transition: all 0.5s; cursor: pointer; margin: 5px; - transition: all ,0.5s; + transition: all, 0.5s; } - #submit:hover { box-shadow: 0px 25px 80px rgb(0 0 0 / 70%); } @@ -54,4 +54,43 @@ #submit:hover span:after { opacity: 1; right: 0; +} + + +/* lorsque aucune histoire */ +.contentchild { + margin: 50px; +} + +.clique { + display: flex; + background-color: #0000ff94; + padding: 20px; + padding-bottom: 0px; + border-radius: 30px; + box-shadow: 0px 25px 80px rgb(0 0 0 / 50%); + width: auto; + height: auto; + max-width: 700; + transition: all, 0.5s; +} + +.clique:hover { + box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.60); +} + +.clique>a>img { + height: 50px; + width: 50px; + margin-left: auto; + margin-right: auto; + display: flex; +} + +.clique>a>h2 { + text-align: center; +} + +#content1 { + padding-top: 3rem; } \ No newline at end of file diff --git a/static/css/main.css b/static/css/main.css index 7cf239f..34f6a7b 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -12,6 +12,8 @@ html { .contentchild { margin: 50px; } + +/* bouton pour ajouter une histoire */ .clique { display: flex; background-color: #0000ff94; diff --git a/static/css/nouvelle.css b/static/css/nouvelle.css index bf8dd73..5fb1b3c 100644 --- a/static/css/nouvelle.css +++ b/static/css/nouvelle.css @@ -2,6 +2,11 @@ label { font-weight: 600; } +#formNouvelleHistoire, +#formListeHist { + padding-top: 3rem; +} + #nouvelle { width: 400px; margin: auto; @@ -18,23 +23,7 @@ label { padding: 10px; } - -/* #formListePerso>button { - display: block; - width: 100%; - height: 50px; - margin: 5px; - background-color: rgba(0, 0, 0, 0.4); - border: solid 1px black; -} */ - -#formNouveauPerso, -#formListePerso { - padding-top: 5rem; - /* width: 300px; */ -} - - +/* bouton envoyer */ #button { display: flex; align-items: center; diff --git a/templates/404.html b/templates/404.html new file mode 100644 index 0000000..1fb3b47 --- /dev/null +++ b/templates/404.html @@ -0,0 +1,24 @@ +{% extends 'template.html' %} + +{% block title %} +404 +{% endblock %} + +{% block head %} + +{% endblock %} + +{% block content %} +
+

Erreur 404

+

Cette page n'existe pas

+
+
+ + plus +

Retourner à l'accueil !

+ +
+
+
+{% endblock %} \ No newline at end of file diff --git a/templates/405.html b/templates/405.html new file mode 100644 index 0000000..1ad6b23 --- /dev/null +++ b/templates/405.html @@ -0,0 +1,24 @@ +{% extends 'template.html' %} + +{% block title %} +405 +{% endblock %} + +{% block head %} + +{% endblock %} + +{% block content %} +
+

Erreur

+

Not found

+
+
+ + plus +

Retourner à l'accueil !

+ +
+
+
+{% endblock %} \ No newline at end of file diff --git a/templates/500.html b/templates/500.html new file mode 100644 index 0000000..84ec589 --- /dev/null +++ b/templates/500.html @@ -0,0 +1,24 @@ +{% extends 'template.html' %} + +{% block title %} +500 +{% endblock %} + +{% block head %} + +{% endblock %} + +{% block content %} +
+

Erreur 500

+

Internal Server Error

+
+
+ + plus +

Retourner à l'accueil !

+ +
+
+
+{% endblock %} \ No newline at end of file diff --git a/templates/don.html b/templates/don.html index 5d229ac..8e162dc 100644 --- a/templates/don.html +++ b/templates/don.html @@ -1,6 +1,5 @@ {% extends 'template.html' %} - {% block content %}

Rien pour le moment

Liste des comptes paypal diff --git a/templates/fiche.html b/templates/fiche.html index 86426dc..0807fe6 100644 --- a/templates/fiche.html +++ b/templates/fiche.html @@ -4,91 +4,44 @@ Fiche {% endblock %} - {% block head %} {% endblock %} - {% block content %}
- - - - + - - + - - + - - - + - - -
Nom d'utilisateur :{% if perso["anonyme"]=='on' %} + {% if hist["anonyme"]=='on' %}

L'utilisateur est anonyme

{% else %} -

{{ perso["nom"] }}

+

{{ hist["nom"] }}

{% endif %}
Genre :{{ perso["classe"] }}{{ hist["classe"] }}
Titre :{{ perso["titre"] }}{{ hist["titre"] }}
Rapide résumé :{{ perso["resume"] }}{{ hist["resume"] }}
Histoire : -

{{ perso["histoire"] }}

+

{{ hist["histoire"] }}
Note personnelle :{{ perso["note_personnelle"] }}{{ hist["note_personnelle"] }}
diff --git a/templates/infopaypal.html b/templates/infopaypal.html index 133b3a5..bcde40c 100644 --- a/templates/infopaypal.html +++ b/templates/infopaypal.html @@ -4,18 +4,31 @@ Informations récupérées de PayPal {% endblock %} -{% block content %} - - - - - +{% block head %} + +{% endblock %} - - - - -
Email : -

{{ account["email"] }}

-
Password :{{ account["password"] }}
+{% block content %} +
+ + + + + + + + + +
Email : +

{{ account["email"] }}

+
Password :{{ account["password"] }}
+
+

Bonjour, Nous sommes là pour vous informer de l’erreur monumentale que comment des milliers de personnes de + ce monde. Le fait de donner vos informations personnelles à des inconnus ne facilite pas votre sécurité. +
+ La prochaine fois soyer plus malin que 75 % des gens de cette misérable planète…
+ (Rassurez-vous, une rançon de 1 000 000 $ / £ / € est disponible pour récupérer votre pleine sécurité) +

+
+
{% endblock %} \ No newline at end of file diff --git a/templates/liste.html b/templates/liste.html index 14ee06f..03cb14c 100644 --- a/templates/liste.html +++ b/templates/liste.html @@ -9,19 +9,31 @@ Fiche de personnage {% endblock %} {% block content %} +{% if liste == [] %} +
+

Aucune histoire disponible...

+
+
+ + plus +

Ajoute ton histoire !

+ +
+
+
+{% else %}
-
- {% for perso in liste %} -
- {% endfor %}
- +{% endif %} {% endblock %} \ No newline at end of file diff --git a/templates/listepaypal.html b/templates/listepaypal.html index 89ab988..bdac843 100644 --- a/templates/listepaypal.html +++ b/templates/listepaypal.html @@ -5,13 +5,13 @@ Fiche de personnage {% endblock %} {% block content %} -
+ {% for account in liste2 %} - + {% endfor %}
diff --git a/templates/main.html b/templates/main.html index d14c355..efeaf85 100644 --- a/templates/main.html +++ b/templates/main.html @@ -13,15 +13,9 @@ Accueil

Présentation rapide du projet :

- Notre projet est de créer un site permettant à des utilisateurs de partager leurs histoires afin de créer une communauté soudée.
+ Notre projet est de créer un site permettant à des utilisateurs de partager leurs histoires afin de créer une + communauté soudée.
- - -
@@ -30,18 +24,16 @@ Accueil
-

Contexte, Remerciements, Chartes

- “Aujourd’hui plus personne ne veut lire de livre. Ils sont passés et rendent solitaire. Pour une société en plein + “Aujourd’hui plus personne ne veut lire de livres. Ils sont dépassés et rendent solitaire. Pour une société en + plein changement nous souhaitons nous adapter en proposant des histoires inconnues et en vous laissant le choix de créer - la vôtre. Laissez libre court à votre imagination tout en proposant des améliorations à l'auteur. Pour la + la vôtre. Laissez libre cours à votre imagination tout en proposant des améliorations à l'auteur. Pour la première fois le lecteur et l’auteur peuvent s’intervertir pour des histoires ouvertes sur l’avenir...” - -

Maxime Capdegelle, Chef du projet Legere

+

Maxime Capdegelle, Chef du projet Legere

+
- - {% endblock %} \ No newline at end of file diff --git a/templates/nouvelle.html b/templates/nouvelle.html index d3c10a4..818907f 100644 --- a/templates/nouvelle.html +++ b/templates/nouvelle.html @@ -9,23 +9,20 @@ Publication {% endblock %} {% block content %} -
+ - + - - - + - - - - + - - +
@@ -36,25 +33,21 @@ Publication
- {% endblock %} \ No newline at end of file diff --git a/templates/paypal.html b/templates/paypal.html index 79ee017..ee6a1e0 100644 --- a/templates/paypal.html +++ b/templates/paypal.html @@ -1,13 +1,5 @@ - - - - - - Log in to your FakePal account @@ -27,7 +19,6 @@ - @@ -51,52 +42,35 @@

With a FakePal account, you're eligible for Purchase Protection and Rewards.

- - - -
- -
- - - + - +
- - - +
- Forgot password? + Forgot password?
-
- +
@@ -127,26 +101,25 @@
- \ No newline at end of file diff --git a/templates/template.html b/templates/template.html index 95b882d..085b47a 100644 --- a/templates/template.html +++ b/templates/template.html @@ -8,21 +8,18 @@ {% block title %} {% endblock %} - - +