From de65e93e8858965a1b159fc88f5be65e2e674b2f Mon Sep 17 00:00:00 2001 From: Audrey Lebret Date: Tue, 3 Aug 2021 14:46:52 +0200 Subject: [PATCH 01/25] =?UTF-8?q?feat(saisir=20coordonn=C3=A9es):=20Initia?= =?UTF-8?q?lisation=20du=20menu=20&=20footer?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 27 +- pages/_app.js | 39 ++ pages/index.js | 228 +------ public/img/logo-1000j.png | Bin 0 -> 6729 bytes src/bootstrap-theme.scss | 6 + src/components/Footer.js | 59 ++ src/components/Layout.js | 20 + src/components/Nav.js | 42 ++ src/main.scss | 21 + yarn.lock | 1282 ++++++++++++++++++++++++++++++++++++- 10 files changed, 1503 insertions(+), 221 deletions(-) create mode 100644 pages/_app.js create mode 100644 public/img/logo-1000j.png create mode 100644 src/bootstrap-theme.scss create mode 100644 src/components/Footer.js create mode 100644 src/components/Layout.js create mode 100644 src/components/Nav.js create mode 100644 src/main.scss diff --git a/package.json b/package.json index 28167d2..dacf069 100644 --- a/package.json +++ b/package.json @@ -1,15 +1,36 @@ { - "name": "learn-starter", + "name": "nos1000jours-web-pro", "version": "0.1.0", "private": true, + "license": "MIT", + "repository": "https://github.com/SocialGouv/nos1000jours-web-pro", "scripts": { "dev": "next dev", "build": "next build", "start": "next start" }, "dependencies": { + "bootstrap": "^4.6.0", "next": "^11.0.0", "react": "17.0.2", - "react-dom": "17.0.2" + "react-bootstrap": "^1.5.2", + "react-dom": "17.0.2", + "react-leaflet": "^3.1.0", + "sass": "^1.32.10", + "styled-components": "^5.2.3" + }, + "devDependencies": { + "@socialgouv/eslint-config-react": "^1.61.0" + }, + "eslintConfig": { + "rules": { + "react/prop-types": "warn", + "simple-import-sort/sort": "off", + "jsx-a11y/anchor-is-valid": "warn", + "react/no-unescaped-entities": "warn" + }, + "extends": [ + "@socialgouv/eslint-config-react" + ] } -} +} \ No newline at end of file diff --git a/pages/_app.js b/pages/_app.js new file mode 100644 index 0000000..9b86b2f --- /dev/null +++ b/pages/_app.js @@ -0,0 +1,39 @@ +import "bootstrap/dist/css/bootstrap.css"; +import "../src/bootstrap-theme.scss"; +import "../src/main.scss"; + +import App from "next/app"; +import Head from "next/head"; +import React from "react"; +import { ThemeProvider } from "styled-components"; + +const theme = { + colors: {}, +}; + +class MyApp extends App { + render() { + const { Component, pageProps } = this.props; + return ( + + + + + + + + + + + ); + } +} + +export default MyApp; + diff --git a/pages/index.js b/pages/index.js index 0443431..9d72320 100644 --- a/pages/index.js +++ b/pages/index.js @@ -1,209 +1,33 @@ -import Head from 'next/head' +import React from "react"; -export default function Home() { - return ( -
- - Create Next App - - - -
-

- Welcome to Next.js! -

- -

- Get started by editing pages/index.js -

- -
- -

Documentation →

-

Find in-depth information about Next.js features and API.

- - - -

Learn →

-

Learn about Next.js in an interactive course with quizzes!

- - - -

Examples →

-

Discover and deploy boilerplate example Next.js projects.

- - - -

Deploy →

-

- Instantly deploy your Next.js site to a public URL with Vercel. -

- -
-
- - - - +function Home() { + return ( +
- + +); diff --git a/public/img/logo-1000j.png b/public/img/logo-1000j.png new file mode 100644 index 0000000000000000000000000000000000000000..2aeb2d221f06656c790cd3075519cf67ae98d6a8 GIT binary patch literal 6729 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 ( + + {children} + +); + +const Separator = () => ( + - +); + +export function Footer() { + return ( +