home page

manage.py

@@ -17,6 +17,6 @@ def main():
         ) from exc
     execute_from_command_line(sys.argv)
 
-
+                                                                                                                                                                                                                                                                                                                                                                    
 if __name__ == '__main__':
     main()

nuitdelinfo_2021/settings.py

@@ -25,7 +25,7 @@ SECRET_KEY = 'django-insecure-85h5=0vw&7e)%9+^n69y!b1ti@7gij_ic3u+66eln838s=!n+l
 # SECURITY WARNING: don't run with debug turned on in production!
 DEBUG = True
 
-ALLOWED_HOSTS = ["3cab-134-214-214-199.ngrok.io", "localhost"]
+ALLOWED_HOSTS = ["3cab-134-214-214-199.ngrok.io", "localhost", "30b2-134-214-214-181.ngrok.io"]
 
 
 # Application definition

static/css/base/font.css

@@ -0,0 +1 @@
+@import url("https://fonts.googleapis.com/css2?family=Courgette&display=swap");

static/css/style.css

@@ -1,3 +1,198 @@
-h1 {
+@import url("https://fonts.googleapis.com/css2?family=Courgette&display=swap");
-    color: red;
+@import url("https://fonts.googleapis.com/css2?family=Play&display=swap");
+body {
+  background-color: #414142;
+  padding: 0;
+  margin: 0;
 }
+
+h1, h2 {
+  font-family: "Courgette", cursive;
+  color: #efefef;
+}
+
+a {
+  text-decoration: none;
+}
+
+h1 {
+  font-size: 60px;
+}
+
+h2 {
+  font-size: 40px;
+}
+
+img {
+  max-width: 100%;
+}
+
+a.btn {
+  display: block;
+  width: -webkit-fit-content;
+  width: fit-content;
+  width: -moz-fit-content;
+  color: #efefef;
+  padding: 10px 20px;
+  border: 2px solid #efefef;
+  font-size: 18px;
+}
+
+p {
+  margin: 5px 0;
+}
+
+a, p, span {
+  font-family: "Play", sans-serif;
+  -webkit-transition-duration: 0.3s;
+          transition-duration: 0.3s;
+  color: #efefef;
+}
+
+a:hover {
+  color: #00E8C2 !important;
+}
+
+.container {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width: 768px) {
+  .container {
+    width: 750px;
+  }
+}
+@media (min-width: 992px) {
+  .container {
+    width: 970px;
+  }
+}
+@media (min-width: 1200px) {
+  .container {
+    width: 1170px;
+  }
+}
+nav {
+  background-color: #303030;
+  padding: 5px 20px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+nav .logo {
+  margin: 0;
+  cursor: pointer;
+  font-size: 50px;
+  font-family: "Courgette", cursive;
+  color: #efefef;
+  margin-right: 30px;
+}
+nav .left {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+nav .left .submenu {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+nav .left .submenu a {
+  font-size: 20px;
+  color: #efefef;
+  padding: 0 20px;
+}
+nav .right {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: right;
+      -ms-flex-pack: right;
+          justify-content: right;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+nav .right img {
+  width: 50px;
+  cursor: pointer;
+  border: 2px solid #efefef;
+  -webkit-transition-duration: 0.3s;
+          transition-duration: 0.3s;
+}
+nav .right img:hover {
+  border-color: #00E8C2;
+}
+nav .right .search {
+  color: #efefef;
+  font-size: 50px;
+  margin-right: 20px;
+  cursor: pointer;
+  -webkit-transition-duration: 0.3s;
+          transition-duration: 0.3s;
+}
+nav .right .search:hover {
+  color: #00E8C2;
+}
+
+.flex-card {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: space-evenly;
+      -ms-flex-pack: space-evenly;
+          justify-content: space-evenly;
+}
+.flex-card .card {
+  background: #333333;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 1 25%;
+          flex: 0 1 25%;
+  margin-bottom: 30px;
+}
+.flex-card .card .img-container {
+  width: 100%;
+  overflow: hidden;
+}
+.flex-card .card .img-container img {
+  -webkit-transition: all ease-in-out 0.3s;
+  transition: all ease-in-out 0.3s;
+  width: 100%;
+}
+.flex-card .card:hover img {
+  cursor: pointer;
+  -webkit-filter: grayscale(70%);
+          filter: grayscale(70%);
+  -webkit-transform: scale(1.2) !important;
+          transform: scale(1.2) !important;
+}
+.flex-card .card .content {
+  padding: 20px;
+}
+.flex-card .card .content .date {
+  color: #00E8C2;
+  font-style: italic;
+  font-size: 15px;
+}
+.flex-card .card .content .titre {
+  font-size: 20px;
+}
+.flex-card .card .content a {
+  margin: auto;
+  margin-top: 30px;
+}
+/*# sourceMappingURL=style.css.map */

static/css/style.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../scss/base/font.scss","../scss/layouts/global.scss","../scss/base/colors.scss","style.css","../scss/base/mixins.scss","../scss/layouts/nav.scss","../scss/layouts/cards.scss"],"names":[],"mappings":"AAAQ,8EAAA;AACA,yEAAA;ACDR;EACI,yBCDS;EDET,UAAA;EACA,SAAA;AEGJ;;AFAA;EGLE,iCAAA;EHOE,cCJI;ACOR;;AFAA;EACI,qBAAA;AEGJ;;AFAA;EACI,eAAA;AEGJ;;AFAA;EACI,eAAA;AEGJ;;AFAA;EACI,eAAA;AEGJ;;AFAA;EACI,cAAA;EACA,0BAAA;EAAA,kBAAA;EACA,uBAAA;EACA,cC3BI;ED4BJ,kBAAA;EACA,yBAAA;EACA,eAAA;AEGJ;;AFAA;EACI,aAAA;AEGJ;;AFAA;EGpCE,+BAAA;EHsCE,iCAAA;UAAA,yBAAA;EACA,cCxCI;AC2CR;;AFAA;EACI,yBAAA;AEGJ;;AFAA;EACE,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;AEGF;;AFDA;EACE;IACE,YAAA;EEIF;AACF;AFFA;EACE;IACE,YAAA;EEIF;AACF;AFFA;EACE;IACE,aAAA;EEIF;AACF;AE1EA;EACE,yBAAA;EACA,iBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,qBAAA;MAAA,iBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;AF4EF;AE3EE;EACE,SAAA;EACA,eAAA;EACA,eAAA;EDRF,iCAAA;ECUE,cHPI;EGQJ,kBAAA;AF6EJ;AE3EE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;AF6EJ;AE5EI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;AF8EN;AE7EM;EACE,eAAA;EACA,cHlBA;EGmBA,eAAA;AF+ER;AE3EE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,uBAAA;MAAA,oBAAA;UAAA,sBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;AF6EJ;AE5EI;EACE,WAAA;EACA,eAAA;EACA,yBAAA;EACA,iCAAA;UAAA,yBAAA;AF8EN;AE7EM;EACE,qBHlCC;ACiHT;AE5EI;EACE,cHrCE;EGsCF,eAAA;EACA,kBAAA;EACA,eAAA;EACA,iCAAA;UAAA,yBAAA;AF8EN;AE7EM;EACE,cH5CC;AC2HT;;AG9HA;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,8BAAA;MAAA,2BAAA;UAAA,6BAAA;AHiIF;AGhIE;EACE,mBJFU;EIGV,mBAAA;MAAA,iBAAA;UAAA,aAAA;EACA,mBAAA;AHkIJ;AGjII;EACE,WAAA;EACA,gBAAA;AHmIN;AGlIM;EACE,wCAAA;EAAA,gCAAA;EACA,WAAA;AHoIR;AGhIM;EACE,eAAA;EACA,8BAAA;UAAA,sBAAA;EACA,wCAAA;UAAA,gCAAA;AHkIR;AG/HI;EACE,aAAA;AHiIN;AGhIM;EACE,cJtBC;EIuBD,kBAAA;EACA,eAAA;AHkIR;AGhIM;EACE,eAAA;AHkIR;AGhIM;EACE,YAAA;EACA,gBAAA;AHkIR","file":"style.css"}

static/prepros.config

@@ -0,0 +1,924 @@
+{
+  "version": "7",
+  "about": "This is a Prepros (https://prepros.io) configuration file. You can commit this file to a git repo to backup and sync project configurations.",
+  "config": {
+    "proxy": {
+      "enable": false,
+      "target": "",
+      "useLocalAssets": false
+    },
+    "reload": {
+      "enable": true,
+      "delay": 0,
+      "animate": true,
+      "afterUpload": false
+    },
+    "sync": {
+      "enable": false,
+      "mouse": true,
+      "keyboard": true,
+      "form": true,
+      "scroll": true
+    },
+    "watcher": {
+      "enable": true,
+      "maxFiles": 2000,
+      "usePolling": false,
+      "pollingInterval": 500,
+      "extensions": [
+        ".html",
+        ".htm",
+        ".php"
+      ],
+      "ignore": {
+        "patterns": [
+          ".*",
+          "wp-admin",
+          "wp-includes",
+          "node_modules",
+          "Prepros Export",
+          "bower_components"
+        ],
+        "exceptions": []
+      }
+    },
+    "exporter": {
+      "ignore": {
+        "patterns": [
+          ".*",
+          "desktop.ini",
+          "prepros.cfg",
+          "node_modules",
+          "Prepros Export",
+          "prepros.config",
+          "prepros-6.config",
+          "*-original.jpg",
+          "*-original.jpeg",
+          "*-original.png",
+          "*-original.svg",
+          "*.scss",
+          "*.sass",
+          "*.less",
+          "*.pug",
+          "*.jade",
+          "*.styl",
+          "*.haml",
+          "*.slim",
+          "*.coffee",
+          "*.kit",
+          "*.turf",
+          "*.ts"
+        ],
+        "exceptions": []
+      }
+    },
+    "uploader": {
+      "remotePath": "",
+      "timeout": 20000,
+      "autoUpload": false,
+      "reuseConnection": true,
+      "connectionType": "ftp",
+      "history": []
+    },
+    "packages": {
+      "createPackageLock": true
+    },
+    "images": {
+      "preserveOriginal": true
+    },
+    "tasks": {
+      "autoprefixer": {
+        "cascade": true,
+        "add": true,
+        "remove": true,
+        "supports": true,
+        "flexbox": true,
+        "grid": "autoplace",
+        "browsers": [
+          "last 2 versions"
+        ],
+        "sourceMap": false
+      },
+      "babel": {
+        "sourceMap": false,
+        "presets": {
+          "@babel/preset-env": {
+            "enable": true,
+            "options": {
+              "targets": [
+                "last 2 versions"
+              ],
+              "preserveImports": false,
+              "polyfills": false
+            }
+          },
+          "@babel/preset-react": true,
+          "@babel/preset-flow": false
+        },
+        "plugins": {
+          "@babel/plugin-proposal-class-static-block": false,
+          "@babel/plugin-proposal-class-properties": false,
+          "@babel/plugin-proposal-decorators": {
+            "enable": false,
+            "options": {
+              "decoratorsBeforeExport": true
+            }
+          },
+          "@babel/plugin-proposal-export-namespace-from": false,
+          "@babel/plugin-proposal-function-sent": false,
+          "@babel/plugin-proposal-logical-assignment-operators": false,
+          "@babel/plugin-proposal-nullish-coalescing-operator": false,
+          "@babel/plugin-proposal-numeric-separator": false,
+          "@babel/plugin-proposal-optional-chaining": false,
+          "@babel/plugin-proposal-private-methods": false,
+          "@babel/plugin-proposal-throw-expressions": false
+        },
+        "customPresets": [],
+        "customPlugins": []
+      },
+      "bundle-js": {
+        "sourceMap": false,
+        "exclude": [
+          "node_modules",
+          "bower_components"
+        ],
+        "devMode": true,
+        "globals": [],
+        "externals": [],
+        "babel": {
+          "enable": true,
+          "options": {
+            "sourceMap": false,
+            "presets": {
+              "@babel/preset-env": {
+                "enable": true,
+                "options": {
+                  "targets": [
+                    "last 2 versions"
+                  ],
+                  "preserveImports": false,
+                  "polyfills": false
+                }
+              },
+              "@babel/preset-react": true,
+              "@babel/preset-flow": false
+            },
+            "plugins": {
+              "@babel/plugin-proposal-class-static-block": false,
+              "@babel/plugin-proposal-class-properties": false,
+              "@babel/plugin-proposal-decorators": {
+                "enable": false,
+                "options": {
+                  "decoratorsBeforeExport": true
+                }
+              },
+              "@babel/plugin-proposal-export-namespace-from": false,
+              "@babel/plugin-proposal-function-sent": false,
+              "@babel/plugin-proposal-logical-assignment-operators": false,
+              "@babel/plugin-proposal-nullish-coalescing-operator": false,
+              "@babel/plugin-proposal-numeric-separator": false,
+              "@babel/plugin-proposal-optional-chaining": false,
+              "@babel/plugin-proposal-private-methods": false,
+              "@babel/plugin-proposal-throw-expressions": false
+            },
+            "customPresets": [],
+            "customPlugins": []
+          }
+        },
+        "css": {
+          "enable": true
+        },
+        "fonts": {
+          "enable": true
+        }
+      },
+      "coffeescript": {
+        "header": false,
+        "bare": false,
+        "sourceMap": false
+      },
+      "command": {
+        "command": "",
+        "rootDir": ""
+      },
+      "concat-js": {
+        "sourceMap": false,
+        "rootDir": ""
+      },
+      "copy": {
+        "sourceMap": false
+      },
+      "dart-sass": {
+        "indentType": "space",
+        "allowWildcardImports": false,
+        "indentWidth": 2,
+        "linefeed": "lf",
+        "sourceMap": false
+      },
+      "haml": {
+        "doubleQuoteAttributes": true
+      },
+      "jpg": {
+        "quality": 90
+      },
+      "less": {
+        "javascriptEnabled": false,
+        "strictImports": false,
+        "insecure": false,
+        "math": "always",
+        "strictUnits": false,
+        "dumpLineNumbers": false,
+        "sourceMap": false
+      },
+      "markdown": {
+        "githubFlavored": true,
+        "wrapWithHtml": false
+      },
+      "minify-css": {
+        "sourceMap": false
+      },
+      "minify-html": {
+        "caseSensitive": false,
+        "collapseBooleanAttributes": true,
+        "collapseInlineTagWhitespace": false,
+        "collapseWhitespace": true,
+        "conservativeCollapse": false,
+        "decodeEntities": false,
+        "html5": true,
+        "includeAutoGeneratedTags": true,
+        "keepClosingSlash": false,
+        "minifyCSS": true,
+        "minifyJS": true,
+        "preserveLineBreaks": false,
+        "preventAttributesEscaping": false,
+        "processConditionalComments": false,
+        "removeAttributeQuotes": false,
+        "removeComments": true,
+        "removeEmptyAttributes": false,
+        "removeEmptyElement": false,
+        "removeOptionalTags": false,
+        "removeRedundantAttributes": false,
+        "removeScriptTypeAttributes": false,
+        "removeStyleLinkTypeAttributes": false,
+        "removeTagWhitespace": false,
+        "sortAttributes": false,
+        "sortClassName": false,
+        "useShortDoctype": true
+      },
+      "minify-js": {
+        "parse": {
+          "bare_returns": false
+        },
+        "compress": {
+          "arrows": true,
+          "arguments": false,
+          "booleans": true,
+          "booleans_as_integers": false,
+          "collapse_vars": true,
+          "comparisons": true,
+          "computed_props": true,
+          "conditionals": true,
+          "dead_code": true,
+          "directives": true,
+          "drop_console": false,
+          "drop_debugger": true,
+          "evaluate": true,
+          "expression": false,
+          "global_defs": [],
+          "hoist_funs": false,
+          "hoist_props": true,
+          "hoist_vars": false,
+          "if_return": true,
+          "inline": 3,
+          "join_vars": true,
+          "keep_fargs": true,
+          "keep_infinity": false,
+          "loops": true,
+          "negate_iife": true,
+          "properties": true,
+          "pure_funcs": [],
+          "pure_getters": false,
+          "reduce_funcs": true,
+          "reduce_vars": true,
+          "sequences": true,
+          "side_effects": true,
+          "switches": true,
+          "top_retain": [],
+          "typeofs": true,
+          "unsafe": false,
+          "unsafe_arrows": false,
+          "unsafe_comps": false,
+          "unsafe_Function": false,
+          "unsafe_math": false,
+          "unsafe_proto": false,
+          "unsafe_regexp": false,
+          "unsafe_undefined": false,
+          "unused": true
+        },
+        "mangle": {
+          "eval": false,
+          "reserved": []
+        },
+        "output": {
+          "ascii_only": false,
+          "braces": false,
+          "comments": "none",
+          "inline_script": true,
+          "keep_numbers": false,
+          "keep_quoted_props": false,
+          "preamble": null,
+          "quote_keys": false,
+          "quote_style": 0,
+          "semicolons": true,
+          "shebang": true,
+          "webkit": false,
+          "wrap_iife": false,
+          "wrap_func_args": true
+        },
+        "sourceMap": false,
+        "toplevel": false,
+        "ie8": false,
+        "keep_classnames": false,
+        "keep_fnames": false,
+        "safari10": false
+      },
+      "node-sass": {
+        "indentType": "space",
+        "allowWildcardImports": false,
+        "indentWidth": 2,
+        "linefeed": "lf",
+        "outputStyle": "expanded",
+        "precision": 10,
+        "sourceMap": false,
+        "sourceComments": false
+      },
+      "png": {
+        "quality": 90
+      },
+      "postcss-import": {
+        "ignoreKeywords": [],
+        "sourceMap": false
+      },
+      "postcss-preset-env": {
+        "stage": 2,
+        "browsers": [
+          "last 2 versions"
+        ],
+        "sourceMap": false
+      },
+      "pug": {
+        "pretty": true
+      },
+      "slim": {
+        "indent": "space",
+        "indentSize": 2,
+        "pretty": true
+      },
+      "stylus": {
+        "useNib": true,
+        "sourceMap": false,
+        "linenos": false
+      },
+      "svg": {
+        "cleanupAttrs": true,
+        "removeDoctype": true,
+        "removeXMLProcInst": true,
+        "removeComments": true,
+        "removeMetadata": true,
+        "removeTitle": true,
+        "removeDesc": true,
+        "removeUselessDefs": true,
+        "removeEditorsNSData": true,
+        "removeEmptyAttrs": true,
+        "removeHiddenElems": true,
+        "removeEmptyText": true,
+        "removeEmptyContainers": true,
+        "removeViewBox": false,
+        "cleanupEnableBackground": true,
+        "convertStyleToAttrs": true,
+        "convertColors": true,
+        "convertPathData": true,
+        "convertTransform": true,
+        "removeUnknownsAndDefaults": true,
+        "removeNonInheritableGroupAttrs": true,
+        "removeUselessStrokeAndFill": true,
+        "removeUnusedNS": true,
+        "cleanupIDs": true,
+        "cleanupNumericValues": true,
+        "moveElemsAttrsToGroup": true,
+        "moveGroupAttrsToElems": true,
+        "collapseGroups": true,
+        "removeRasterImages": false,
+        "mergePaths": true,
+        "convertShapeToPath": true,
+        "sortAttrs": true,
+        "removeDimensions": true
+      },
+      "turf": {
+        "rootDir": ""
+      },
+      "typescript": {
+        "allowJs": false,
+        "allowSyntheticDefaultImports": true,
+        "allowUmdGlobalAccess": false,
+        "allowUnreachableCode": false,
+        "allowUnusedLabels": false,
+        "alwaysStrict": false,
+        "charset": "utf8",
+        "checkJs": false,
+        "declaration": false,
+        "disableSizeLimit": false,
+        "downlevelIteration": false,
+        "emitBOM": false,
+        "emitDecoratorMetadata": false,
+        "experimentalDecorators": false,
+        "forceConsistentCasingInFileNames": false,
+        "importHelpers": false,
+        "jsx": "React",
+        "keyofStringsOnly": false,
+        "lib": [],
+        "maxNodeModuleJsDepth": 0,
+        "module": "ES2015",
+        "moduleResolution": "NodeJs",
+        "newLine": "LineFeed",
+        "noFallthroughCasesInSwitch": false,
+        "noImplicitAny": false,
+        "noImplicitReturns": false,
+        "noImplicitThis": false,
+        "noStrictGenericChecks": false,
+        "noUnusedLocals": false,
+        "noUnusedParameters": false,
+        "noImplicitUseStrict": false,
+        "noLib": false,
+        "noResolve": false,
+        "preserveConstEnums": false,
+        "jsxFactory": "React.createElement",
+        "removeComments": false,
+        "skipLibCheck": false,
+        "sourceMap": false,
+        "strict": false,
+        "strictFunctionTypes": false,
+        "strictBindCallApply": false,
+        "strictNullChecks": false,
+        "strictPropertyInitialization": false,
+        "suppressExcessPropertyErrors": false,
+        "suppressImplicitAnyIndexErrors": false,
+        "target": "ES3",
+        "resolveJsonModule": false,
+        "esModuleInterop": false,
+        "useDefineForClassFields": false
+      }
+    },
+    "fileTypes": {
+      "sass": {
+        "extensions": [
+          ".scss",
+          ".sass"
+        ],
+        "autoCompile": true,
+        "sourceMap": false,
+        "tasks": [
+          {
+            "task": "dart-sass",
+            "enable": true
+          },
+          {
+            "task": "autoprefixer",
+            "enable": true
+          },
+          {
+            "task": "minify-css",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".css",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "scss",
+              "replaceWith": "css"
+            },
+            {
+              "segment": "sass",
+              "replaceWith": "css"
+            }
+          ]
+        }
+      },
+      "less": {
+        "extensions": [
+          ".less"
+        ],
+        "autoCompile": true,
+        "sourceMap": false,
+        "tasks": [
+          {
+            "task": "less",
+            "enable": true
+          },
+          {
+            "task": "autoprefixer",
+            "enable": true
+          },
+          {
+            "task": "minify-css",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".css",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "less",
+              "replaceWith": "css"
+            }
+          ]
+        }
+      },
+      "pug": {
+        "extensions": [
+          ".pug",
+          ".jade"
+        ],
+        "autoCompile": true,
+        "tasks": [
+          {
+            "task": "pug",
+            "enable": true
+          },
+          {
+            "task": "minify-html",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".html",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "pug",
+              "replaceWith": "html"
+            }
+          ]
+        }
+      },
+      "css": {
+        "extensions": [
+          ".css"
+        ],
+        "autoCompile": false,
+        "sourceMap": false,
+        "tasks": [
+          {
+            "task": "copy",
+            "enable": true
+          },
+          {
+            "task": "postcss-import",
+            "enable": false
+          },
+          {
+            "task": "postcss-preset-env",
+            "enable": false
+          },
+          {
+            "task": "autoprefixer",
+            "enable": true
+          },
+          {
+            "task": "minify-css",
+            "enable": true
+          }
+        ],
+        "output": {
+          "extension": ".css",
+          "type": "SOURCE_RELATIVE",
+          "relativePath": "",
+          "suffix": "-dist",
+          "alwaysSuffix": false
+        }
+      },
+      "javascript": {
+        "extensions": [
+          ".js",
+          ".jsx"
+        ],
+        "autoCompile": false,
+        "sourceMap": false,
+        "tasks": [
+          {
+            "task": "copy",
+            "enable": true
+          },
+          {
+            "task": "concat-js",
+            "enable": false
+          },
+          {
+            "task": "babel",
+            "enable": false
+          },
+          {
+            "task": "bundle-js",
+            "enable": false
+          },
+          {
+            "task": "minify-js",
+            "enable": true
+          }
+        ],
+        "output": {
+          "extension": ".js",
+          "type": "SOURCE_RELATIVE",
+          "relativePath": "",
+          "suffix": "-dist",
+          "alwaysSuffix": false
+        }
+      },
+      "stylus": {
+        "extensions": [
+          ".styl"
+        ],
+        "autoCompile": true,
+        "sourceMap": false,
+        "tasks": [
+          {
+            "task": "stylus",
+            "enable": true
+          },
+          {
+            "task": "autoprefixer",
+            "enable": true
+          },
+          {
+            "task": "minify-css",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".css",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "stylus",
+              "replaceWith": "css"
+            },
+            {
+              "segment": "styl",
+              "replaceWith": "css"
+            }
+          ]
+        }
+      },
+      "markdown": {
+        "extensions": [
+          ".md",
+          ".markdown",
+          ".mkd"
+        ],
+        "autoCompile": false,
+        "tasks": [
+          {
+            "task": "markdown",
+            "enable": true
+          },
+          {
+            "task": "minify-html",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".html",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "markdown",
+              "replaceWith": "html"
+            }
+          ]
+        }
+      },
+      "haml": {
+        "extensions": [
+          ".haml"
+        ],
+        "autoCompile": true,
+        "tasks": [
+          {
+            "task": "haml",
+            "enable": true
+          },
+          {
+            "task": "minify-html",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".html",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "haml",
+              "replaceWith": "html"
+            }
+          ]
+        }
+      },
+      "slim": {
+        "extensions": [
+          ".slim"
+        ],
+        "autoCompile": true,
+        "tasks": [
+          {
+            "task": "slim",
+            "enable": true
+          },
+          {
+            "task": "minify-html",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".html",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "slim",
+              "replaceWith": "html"
+            }
+          ]
+        }
+      },
+      "coffeescript": {
+        "extensions": [
+          ".coffee"
+        ],
+        "autoCompile": true,
+        "sourceMap": false,
+        "tasks": [
+          {
+            "task": "coffeescript",
+            "enable": true
+          },
+          {
+            "task": "babel",
+            "enable": false
+          },
+          {
+            "task": "bundle-js",
+            "enable": false
+          },
+          {
+            "task": "minify-js",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".js",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "coffee-script",
+              "replaceWith": "js"
+            },
+            {
+              "segment": "coffeescript",
+              "replaceWith": "js"
+            },
+            {
+              "segment": "coffee",
+              "replaceWith": "js"
+            }
+          ]
+        }
+      },
+      "turf": {
+        "extensions": [
+          ".turf",
+          ".kit"
+        ],
+        "autoCompile": true,
+        "tasks": [
+          {
+            "task": "turf",
+            "enable": true
+          },
+          {
+            "task": "minify-html",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".html",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "turf",
+              "replaceWith": "html"
+            }
+          ]
+        }
+      },
+      "typescript": {
+        "extensions": [
+          ".ts",
+          ".tsx"
+        ],
+        "autoCompile": true,
+        "sourceMap": false,
+        "tasks": [
+          {
+            "task": "typescript",
+            "enable": true
+          },
+          {
+            "task": "babel",
+            "enable": false
+          },
+          {
+            "task": "bundle-js",
+            "enable": false
+          },
+          {
+            "task": "minify-js",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".js",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "typescript",
+              "replaceWith": "js"
+            },
+            {
+              "segment": "ts",
+              "replaceWith": "js"
+            }
+          ]
+        }
+      },
+      "jpg": {
+        "extensions": [
+          ".jpg",
+          ".jpeg"
+        ],
+        "tasks": [
+          {
+            "task": "jpg",
+            "enable": true
+          }
+        ],
+        "output": {
+          "extension": ".jpg",
+          "type": "SOURCE_RELATIVE",
+          "relativePath": ""
+        }
+      },
+      "png": {
+        "extensions": [
+          ".png"
+        ],
+        "tasks": [
+          {
+            "task": "png",
+            "enable": true
+          }
+        ],
+        "output": {
+          "extension": ".png",
+          "type": "SOURCE_RELATIVE",
+          "relativePath": ""
+        }
+      },
+      "svg": {
+        "extensions": [
+          ".svg"
+        ],
+        "tasks": [
+          {
+            "task": "svg",
+            "enable": true
+          }
+        ],
+        "output": {
+          "extension": ".svg",
+          "type": "SOURCE_RELATIVE",
+          "relativePath": ""
+        }
+      }
+    },
+    "files": [
+      {
+        "file": "scss/style.scss",
+        "config": {
+          "sourceMap": true
+        }
+      }
+    ]
+  }
+}

static/scss/base/colors.scss

@@ -0,0 +1,5 @@
+$background: #414142;
+$background2: #303030;
+$background3: #333333;
+$accent: #00E8C2;
+$light: #efefef;

static/scss/base/font.scss

@@ -0,0 +1,2 @@
+@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');

static/scss/base/mixins.scss

@@ -0,0 +1,7 @@
+@mixin font-courgette {
+  font-family: 'Courgette', cursive;
+}
+
+@mixin font-play{
+  font-family: 'Play', sans-serif;
+}

static/scss/layouts/cards.scss

@@ -0,0 +1,39 @@
+.flex-card{
+  display: flex;
+  justify-content: space-evenly;
+  .card{
+    background: $background3;
+    flex: 0 1 25%;
+    margin-bottom: 30px;
+    .img-container{
+      width: 100%;
+      overflow: hidden;
+      img{
+        transition: all ease-in-out 0.3s;
+        width: 100%;
+      }
+    }
+    &:hover{
+      img{
+        cursor: pointer;
+        filter: grayscale(70%);
+        transform: scale(1.2) !important;
+      }
+    }
+    .content{
+      padding: 20px;
+      .date{
+        color: $accent;
+        font-style: italic;
+        font-size: 15px;
+      }
+      .titre{
+        font-size: 20px;
+      }
+      a{
+        margin: auto;
+        margin-top: 30px;
+      }
+    }
+  }
+}

static/scss/layouts/global.scss

@@ -0,0 +1,72 @@
+body{
+    background-color: $background;
+    padding: 0;
+    margin: 0;
+}
+
+h1, h2{
+    @include font-courgette;
+    color: $light;
+}
+
+a{
+    text-decoration: none;
+}
+
+h1{
+    font-size: 60px;
+}
+
+h2{
+    font-size: 40px;
+}
+
+img{
+    max-width: 100%;
+}
+
+a.btn{
+    display: block;
+    width: fit-content;
+    width: -moz-fit-content;
+    color: $light;
+    padding: 10px 20px;
+    border: 2px solid $light;
+    font-size: 18px;
+}
+
+p{
+    margin: 5px 0;
+}
+
+a, p, span{
+    @include font-play;
+    transition-duration: 0.3s;
+    color: $light;
+}
+
+a:hover{
+    color: $accent !important;
+}
+
+.container {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+@media (min-width: 768px) {
+  .container {
+    width: 750px;
+  }
+}
+@media (min-width: 992px) {
+  .container {
+    width: 970px;
+  }
+}
+@media (min-width: 1200px) {
+  .container {
+    width: 1170px;
+  }
+}

static/scss/layouts/nav.scss

@@ -0,0 +1,52 @@
+nav{
+  background-color: $background2;
+  padding: 5px 20px;
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  .logo{
+    margin: 0;
+    cursor: pointer;
+    font-size: 50px;
+    @include font-courgette;
+    color: $light;
+    margin-right: 30px;
+  }
+  .left{
+    display: flex;
+    align-items: center;
+    .submenu{
+      display: flex;
+      align-items: center;
+      a{
+        font-size: 20px;
+        color: $light;
+        padding: 0 20px;
+      }
+    }
+  }
+  .right{
+    display: flex;
+    justify-content: right;
+    align-items: center;
+    img{
+      width: 50px;
+      cursor: pointer;
+      border: 2px solid $light;
+      transition-duration: 0.3s;
+      &:hover{
+        border-color: $accent;
+      }
+    }
+    .search{
+      color: $light;
+      font-size: 50px;
+      margin-right: 20px;
+      cursor: pointer;
+      transition-duration: 0.3s;
+      &:hover{
+        color: $accent;
+      }
+    }
+  }
+}

static/scss/style.scss

@@ -0,0 +1,8 @@
+@import 'base/colors.scss';
+@import 'base/font.scss';
+@import "base/mixins.scss";
+
+@import 'layouts/global.scss';
+@import "layouts/nav.scss";
+@import "layouts/cards.scss";
+

templates/base.html

@@ -0,0 +1,30 @@
+{% load static %}
+
+<head>
+    <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <script src="{% static 'js/script.js' %}"></script>
+</head>
+
+<body>
+    <nav>
+        <div class="left">
+            <a href="" class="logo">LSDD</a>
+            <div class="submenu">
+                <a href="">Articles</a>
+                <a href="">Personnes</a>
+                <a href="">Equipages</a>
+            </div>
+        </div>
+        <div class="right">
+            <i class="material-icons search">search</i>
+            <img src="{% static 'images/pesquet.jpg' %}">
+        </div>
+    </nav>
+
+    <div class="container">
+    {% block content %}
+    {% endblock %}
+    </div>
+</body>
+

templates/index.html

@@ -1,5 +1,42 @@
+{% extends 'base.html' %}
 {% load static %}
-
+{% block content %}
-<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
+    <section>
-<script src="{% static 'js/script.js' %}"></script>
+        <h2>Carte dynamique</h2>
-<h1>Hewo World :3</h1>
+    </section>
+    <section>
+        <h2>Articles récents</h2>
+        <div class="flex-card">
+            <div class="card">
+                <div class="img-container">
+                    <img src="{% static 'images/sauvetage.png' %}">
+                </div>
+                <div class="content">
+                    <p class="date">16/02/2020</p>
+                    <p class="titre">Sauvetage risqué en côte d'Ivoire</p>
+                    <a class="btn" href="">Voir l'article</a>
+                </div>
+            </div>
+            <div class="card">
+                <div class="img-container">
+                    <img src="{% static 'images/sauvetage.png' %}">
+                </div>
+                <div class="content">
+                    <p class="date">16/02/2020</p>
+                    <p class="titre">Sauvetage risqué en côte d'Ivoire</p>
+                    <a class="btn" href="">Voir l'article</a>
+                </div>
+            </div>
+            <div class="card">
+                <div class="img-container">
+                    <img src="{% static 'images/sauvetage.png' %}">
+                </div>
+                <div class="content">
+                    <p class="date">16/02/2020</p>
+                    <p class="titre">Sauvetage risqué en côte d'Ivoire</p>
+                    <a class="btn" href="">Voir l'article</a>
+                </div>
+            </div>
+        </div>
+    </section>
+{% endblock %}

templates/quicksearch.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+
+</body>
+</html>