home page

This commit is contained in:
Kybo09 2021-12-02 22:30:17 +01:00
parent b20034a79a
commit bd61d18009
20 changed files with 1391 additions and 8 deletions

View file

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

View file

@ -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

1
static/css/base/font.css Normal file
View file

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

View file

View file

@ -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 */

1
static/css/style.css.map Normal file
View file

@ -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"}

BIN
static/images/bateau.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

BIN
static/images/pesquet.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

BIN
static/images/sauvetage.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 391 KiB

924
static/prepros.config Normal file
View file

@ -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
}
}
]
}
}

View file

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

View file

@ -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');

View file

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

View file

@ -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;
}
}
}
}

View file

@ -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;
}
}

View file

@ -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;
}
}
}
}

8
static/scss/style.scss Normal file
View file

@ -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";

30
templates/base.html Normal file
View file

@ -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>

View file

@ -1,5 +1,42 @@
{% extends 'base.html' %}
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
<script src="{% static 'js/script.js' %}"></script>
<h1>Hewo World :3</h1>
{% block content %}
<section>
<h2>Carte dynamique</h2>
</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 %}

View file

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