diff --git a/manage.py b/manage.py index 9977725..7940a86 100755 --- a/manage.py +++ b/manage.py @@ -17,6 +17,6 @@ def main(): ) from exc execute_from_command_line(sys.argv) - + if __name__ == '__main__': main() diff --git a/nuitdelinfo_2021/settings.py b/nuitdelinfo_2021/settings.py index 99314c7..fb392e3 100644 --- a/nuitdelinfo_2021/settings.py +++ b/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 diff --git a/static/css/base/font.css b/static/css/base/font.css new file mode 100644 index 0000000..45c061e --- /dev/null +++ b/static/css/base/font.css @@ -0,0 +1 @@ +@import url("https://fonts.googleapis.com/css2?family=Courgette&display=swap"); \ No newline at end of file diff --git a/static/css/base/mixins.css b/static/css/base/mixins.css new file mode 100644 index 0000000..e69de29 diff --git a/static/css/style.css b/static/css/style.css index d224431..e458a23 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1,3 +1,198 @@ -h1 { - color: red; +@import url("https://fonts.googleapis.com/css2?family=Courgette&display=swap"); +@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 */ \ No newline at end of file diff --git a/static/css/style.css.map b/static/css/style.css.map new file mode 100644 index 0000000..9b00c7e --- /dev/null +++ b/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"} \ No newline at end of file diff --git a/static/images/bateau.jpg b/static/images/bateau.jpg new file mode 100644 index 0000000..6a78c98 Binary files /dev/null and b/static/images/bateau.jpg differ diff --git a/static/images/pesquet.jpg b/static/images/pesquet.jpg new file mode 100644 index 0000000..705d53d Binary files /dev/null and b/static/images/pesquet.jpg differ diff --git a/static/images/sauvetage.png b/static/images/sauvetage.png new file mode 100644 index 0000000..ea5baf3 Binary files /dev/null and b/static/images/sauvetage.png differ diff --git a/static/prepros.config b/static/prepros.config new file mode 100644 index 0000000..67d3453 --- /dev/null +++ b/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 + } + } + ] + } +} diff --git a/static/scss/base/colors.scss b/static/scss/base/colors.scss new file mode 100644 index 0000000..ed6c211 --- /dev/null +++ b/static/scss/base/colors.scss @@ -0,0 +1,5 @@ +$background: #414142; +$background2: #303030; +$background3: #333333; +$accent: #00E8C2; +$light: #efefef; \ No newline at end of file diff --git a/static/scss/base/font.scss b/static/scss/base/font.scss new file mode 100644 index 0000000..87b7091 --- /dev/null +++ b/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'); \ No newline at end of file diff --git a/static/scss/base/mixins.scss b/static/scss/base/mixins.scss new file mode 100644 index 0000000..ef4de03 --- /dev/null +++ b/static/scss/base/mixins.scss @@ -0,0 +1,7 @@ +@mixin font-courgette { + font-family: 'Courgette', cursive; +} + +@mixin font-play{ + font-family: 'Play', sans-serif; +} \ No newline at end of file diff --git a/static/scss/layouts/cards.scss b/static/scss/layouts/cards.scss new file mode 100644 index 0000000..2369d93 --- /dev/null +++ b/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; + } + } + } +} \ No newline at end of file diff --git a/static/scss/layouts/global.scss b/static/scss/layouts/global.scss new file mode 100644 index 0000000..5d66421 --- /dev/null +++ b/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; + } +} \ No newline at end of file diff --git a/static/scss/layouts/nav.scss b/static/scss/layouts/nav.scss new file mode 100644 index 0000000..a09882b --- /dev/null +++ b/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; + } + } + } +} \ No newline at end of file diff --git a/static/scss/style.scss b/static/scss/style.scss new file mode 100644 index 0000000..a4ec44e --- /dev/null +++ b/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"; + diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..33a40ed --- /dev/null +++ b/templates/base.html @@ -0,0 +1,30 @@ +{% load static %} + + + + + + + + + + +
+ {% block content %} + {% endblock %} +
+ + diff --git a/templates/index.html b/templates/index.html index 9ab041c..ff8b270 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,5 +1,42 @@ +{% extends 'base.html' %} {% load static %} - - - -

Hewo World :3

+{% block content %} +
+

Carte dynamique

+
+
+

Articles récents

+
+
+
+ +
+
+

16/02/2020

+

Sauvetage risqué en côte d'Ivoire

+ Voir l'article +
+
+
+
+ +
+
+

16/02/2020

+

Sauvetage risqué en côte d'Ivoire

+ Voir l'article +
+
+
+
+ +
+
+

16/02/2020

+

Sauvetage risqué en côte d'Ivoire

+ Voir l'article +
+
+
+
+{% endblock %} \ No newline at end of file diff --git a/templates/quicksearch.html b/templates/quicksearch.html new file mode 100644 index 0000000..bfd4517 --- /dev/null +++ b/templates/quicksearch.html @@ -0,0 +1,10 @@ + + + + + Title + + + + + \ No newline at end of file