First commit
This commit is contained in:
+34
@@ -0,0 +1,34 @@
|
|||||||
|
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||||
|
|
||||||
|
# dependencies
|
||||||
|
/node_modules
|
||||||
|
/.pnp
|
||||||
|
.pnp.js
|
||||||
|
|
||||||
|
# testing
|
||||||
|
/coverage
|
||||||
|
|
||||||
|
# next.js
|
||||||
|
/.next/
|
||||||
|
/out/
|
||||||
|
|
||||||
|
# production
|
||||||
|
/build
|
||||||
|
|
||||||
|
# misc
|
||||||
|
.DS_Store
|
||||||
|
*.pem
|
||||||
|
|
||||||
|
# debug
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
|
||||||
|
# local env files
|
||||||
|
.env.local
|
||||||
|
.env.development.local
|
||||||
|
.env.test.local
|
||||||
|
.env.production.local
|
||||||
|
|
||||||
|
# vercel
|
||||||
|
.vercel
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
## Nextjs 10.0.3
|
||||||
|
|
||||||
|
[API](https://gitlab.com/cedric-famibelle-pronzola/oki-api)
|
||||||
|
|
||||||
|
Organisation KA Internationale
|
||||||
|
|
||||||
|
#OKi API
|
||||||
|
|
||||||
@@ -0,0 +1,40 @@
|
|||||||
|
{
|
||||||
|
"name": "oki-front",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"private": true,
|
||||||
|
"scripts": {
|
||||||
|
"lint": "xo",
|
||||||
|
"dev": "next dev",
|
||||||
|
"build": "next build",
|
||||||
|
"start": "next start"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@material-ui/core": "^4.11.2",
|
||||||
|
"@material-ui/icons": "^4.11.2",
|
||||||
|
"fontsource-roboto": "^3.0.3",
|
||||||
|
"next": "10.0.3",
|
||||||
|
"react": "17.0.1",
|
||||||
|
"react-dom": "17.0.1"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"eslint": "^7.14.0",
|
||||||
|
"eslint-config-xo-nextjs": "^1.6.0",
|
||||||
|
"eslint-plugin-react": "^7.21.5",
|
||||||
|
"eslint-plugin-react-hooks": "^4.2.0",
|
||||||
|
"xo": "^0.35.0"
|
||||||
|
},
|
||||||
|
"xo": {
|
||||||
|
"extends": "xo-nextjs",
|
||||||
|
"semicolon": false,
|
||||||
|
"space": 2,
|
||||||
|
"envs": [
|
||||||
|
"browser",
|
||||||
|
"es2020"
|
||||||
|
],
|
||||||
|
"rules": {
|
||||||
|
"react/no-danger": "warn",
|
||||||
|
"react/require-default-props": "warn",
|
||||||
|
"react/react-in-jsx-scope": "off"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,50 @@
|
|||||||
|
import React from 'react'
|
||||||
|
import PropTypes from 'prop-types'
|
||||||
|
import Head from 'next/head'
|
||||||
|
import {ThemeProvider} from '@material-ui/core/styles'
|
||||||
|
import CssBaseline from '@material-ui/core/CssBaseline'
|
||||||
|
import theme from '../src/theme'
|
||||||
|
|
||||||
|
export default function MyApp(props) {
|
||||||
|
const {Component, pageProps} = props
|
||||||
|
|
||||||
|
React.useEffect(() => {
|
||||||
|
const jssStyles = document.querySelector('#jss-server-side')
|
||||||
|
if (jssStyles) {
|
||||||
|
jssStyles.remove()
|
||||||
|
}
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Head>
|
||||||
|
<title>#OKi - Organisation KA Internationale</title>
|
||||||
|
<meta charSet='utf-8' />
|
||||||
|
<meta name='description' content='#OKi (Organisation KA Internationale) a pour but de promouvoir les langues afro-diasporiques.' />
|
||||||
|
<meta name='author' content='Ced' />
|
||||||
|
<meta name='viewport' content='minimum-scale=1, initial-scale=1, width=device-width' />
|
||||||
|
<meta property='og:url' content='https://o-k-i.net' />
|
||||||
|
<meta property='og:type' content='website' />
|
||||||
|
<meta property='og:site_name' content='#OKi' />
|
||||||
|
<meta property='og:title' content='#OKi - Organisation KA Internationale' />
|
||||||
|
<meta property='og:description' content='#OKi (Organisation KA Internationale) a pour but de promouvoir les langues afro-diasporiques.' />
|
||||||
|
<meta property='og:locale' content='fr_FR' />
|
||||||
|
<meta property='og:image' content='http://o-k-i.net/logo.png' />
|
||||||
|
<meta property='og:image:secure_url' content='https://o-k-i.net/logo.png' />
|
||||||
|
<meta property='og:image:type' content='image/png' />
|
||||||
|
<meta property='og:image:width' content='551' />
|
||||||
|
<meta property='og:image:height' content='315' />
|
||||||
|
<meta property='og:image:alt' content='Logo #OKi - Organisation KA Internationale' />
|
||||||
|
</Head>
|
||||||
|
<ThemeProvider theme={theme}>
|
||||||
|
<CssBaseline />
|
||||||
|
<Component {...pageProps} />
|
||||||
|
</ThemeProvider>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
MyApp.propTypes = {
|
||||||
|
Component: PropTypes.elementType.isRequired,
|
||||||
|
pageProps: PropTypes.object.isRequired
|
||||||
|
}
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
import React from 'react'
|
||||||
|
import Document, {
|
||||||
|
Html, Head, Main, NextScript
|
||||||
|
} from 'next/document'
|
||||||
|
import {ServerStyleSheets} from '@material-ui/core/styles'
|
||||||
|
|
||||||
|
export default class MyDocument extends Document {
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<Html lang='fr' prefix='website: https://ogp.me/ns/website#'>
|
||||||
|
<Head />
|
||||||
|
<body>
|
||||||
|
<Main />
|
||||||
|
<NextScript />
|
||||||
|
</body>
|
||||||
|
</Html>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
MyDocument.getInitialProps = async ctx => {
|
||||||
|
const sheets = new ServerStyleSheets()
|
||||||
|
const originalRenderPage = ctx.renderPage
|
||||||
|
|
||||||
|
ctx.renderPage = () => originalRenderPage({
|
||||||
|
enhanceApp: App => props => sheets.collect(<App {...props} />)
|
||||||
|
})
|
||||||
|
|
||||||
|
const initialProps = await Document.getInitialProps(ctx)
|
||||||
|
|
||||||
|
return {
|
||||||
|
...initialProps,
|
||||||
|
styles: [...React.Children.toArray(initialProps.styles), sheets.getStyleElement()]
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
import {Button} from '@material-ui/core'
|
||||||
|
|
||||||
|
export default function Home() {
|
||||||
|
return (
|
||||||
|
<Button variant='contained' color='primary'>
|
||||||
|
#OKi
|
||||||
|
</Button>
|
||||||
|
)
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
@@ -0,0 +1,21 @@
|
|||||||
|
import {createMuiTheme} from '@material-ui/core/styles'
|
||||||
|
import {red} from '@material-ui/core/colors'
|
||||||
|
|
||||||
|
const theme = createMuiTheme({
|
||||||
|
palette: {
|
||||||
|
primary: {
|
||||||
|
main: '#556cd6'
|
||||||
|
},
|
||||||
|
secondary: {
|
||||||
|
main: '#19857b'
|
||||||
|
},
|
||||||
|
error: {
|
||||||
|
main: red.A400
|
||||||
|
},
|
||||||
|
background: {
|
||||||
|
default: '#fff'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
export default theme
|
||||||
@@ -0,0 +1,122 @@
|
|||||||
|
.container {
|
||||||
|
min-height: 100vh;
|
||||||
|
padding: 0 0.5rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
padding: 5rem 0;
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
|
border-top: 1px solid #eaeaea;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer img {
|
||||||
|
margin-left: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer a {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title a {
|
||||||
|
color: #0070f3;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title a:hover,
|
||||||
|
.title a:focus,
|
||||||
|
.title a:active {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
margin: 0;
|
||||||
|
line-height: 1.15;
|
||||||
|
font-size: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title,
|
||||||
|
.description {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.description {
|
||||||
|
line-height: 1.5;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code {
|
||||||
|
background: #fafafa;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 0.75rem;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||||
|
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
max-width: 800px;
|
||||||
|
margin-top: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
margin: 1rem;
|
||||||
|
flex-basis: 45%;
|
||||||
|
padding: 1.5rem;
|
||||||
|
text-align: left;
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
border: 1px solid #eaeaea;
|
||||||
|
border-radius: 10px;
|
||||||
|
transition: color 0.15s ease, border-color 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:hover,
|
||||||
|
.card:focus,
|
||||||
|
.card:active {
|
||||||
|
color: #0070f3;
|
||||||
|
border-color: #0070f3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card h3 {
|
||||||
|
margin: 0 0 1rem 0;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card p {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 1.25rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
height: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
.grid {
|
||||||
|
width: 100%;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
html,
|
||||||
|
body {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||||
|
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user