Skip to content

Commit a3e4844

Browse files
author
IDR6IX DUVAL
committed
v1.0-beta
1 parent e767108 commit a3e4844

39 files changed

+1220
-106
lines changed

Diff for: index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
5+
<link rel="icon" href="/favicon.ico" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Vite + React + TS</title>
7+
<title>Guihon groupe sarl</title>
88
</head>
99
<body>
1010
<div id="root"></div>

Diff for: package-lock.json

+9
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: package.json

+1
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@
2727
"react-dom": "^18.2.0",
2828
"react-img-zoom": "^0.1.0",
2929
"react-router-dom": "^6.8.0",
30+
"react-scroll-to-top": "^3.0.0",
3031
"react-toastify": "^9.1.1",
3132
"sort-by": "^1.2.0",
3233
"styled-components": "^5.3.6",

Diff for: public/favicon.ico

4.19 KB
Binary file not shown.

Diff for: public/vite.svg

-1
This file was deleted.

Diff for: src/App.css

-42
This file was deleted.

Diff for: src/App.tsx

+8-2
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,19 @@
1-
import './App.css'
21
import {BrowserRouter as Router} from "react-router-dom"
32
import AppRouter from "./routes/Routes";
43
import { ThemeProvider, createTheme } from '@mui/material/styles';
54
import CssBaseline from '@mui/material/CssBaseline';
65

76
function App() {
87

9-
108
const Theme = createTheme({
9+
palette: {
10+
primary: {
11+
main: "#228C22",
12+
},
13+
secondary: {
14+
main: "#080b16",
15+
},
16+
},
1117
typography: {
1218
fontFamily: [
1319
'Montserrat',

Diff for: src/assets/icon/logo.png

6.68 KB
Loading

Diff for: src/assets/illus/empty.webp

15.3 KB
Binary file not shown.

Diff for: src/assets/img/fleur.jpg

141 KB
Loading

Diff for: src/assets/img/hero.jpg

145 KB
Loading

Diff for: src/assets/img/mascot.jpg

666 KB
Loading

Diff for: src/assets/style/button.scss

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
.btn{
2+
text-decoration: none !important;
3+
text-transform: none !important;
4+
&:hover{
5+
text-decoration: none !important;
6+
}
7+
8+
@media only screen and (max-width: 700px){
9+
font-size: 1rem !important;
10+
}
11+
}
12+
13+
.btn-link{
14+
color: #ffffff !important;
15+
text-decoration: none !important;
16+
@media only screen and (max-width: 700px){
17+
font-size: 1rem
18+
!important;
19+
}
20+
&:hover{
21+
color: #ffffff;
22+
text-decoration: none !important;
23+
}
24+
}
25+
26+
.btns{
27+
@media only screen and (max-width: 700px){
28+
display: flex;
29+
flex-direction: column;
30+
}
31+
}

Diff for: src/assets/style/main.scss

+195
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,195 @@
1+
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
2+
3+
4+
h1,p,h2,h3,h4,h5{
5+
padding: 0 !important;
6+
margin: 0 !important;
7+
}
8+
9+
@import "vars";
10+
@import "navbar";
11+
@import "button";
12+
13+
.bloc-title{
14+
background: $secondary;
15+
border-radius: 5px;
16+
padding: 20px;
17+
height: 170px;
18+
width: 100%;
19+
text-align: center;
20+
color: white;
21+
display: flex;
22+
align-items: center;
23+
justify-content: center;
24+
*{
25+
font-size: 1.7rem !important;
26+
font-weight: 5400 !important;
27+
}
28+
}
29+
30+
.mtb{
31+
padding-top: 50px;
32+
padding-bottom: 50px;
33+
}
34+
35+
.mt{
36+
padding-top: 50px;
37+
}
38+
39+
.mb{
40+
margin-bottom: 50px;
41+
}
42+
43+
.footer{
44+
background: $secondary;
45+
padding-top: 100px;
46+
padding-bottom: 100px;
47+
color: #ffffff;
48+
font-size: 15px;
49+
font-weight: 400;
50+
51+
@media only screen and (max-width: 900px) {
52+
.fc2{
53+
margin-top: 60px;
54+
}
55+
}
56+
57+
.footer-content{
58+
59+
.links{
60+
display: flex;
61+
align-items: flex-start;
62+
justify-content: flex-start;
63+
64+
ul{
65+
margin: 0;
66+
padding: 0;
67+
list-style: none;
68+
display: flex;
69+
}
70+
}
71+
72+
.links2{
73+
ul{
74+
list-style: none;
75+
padding: 0;
76+
margin: 0;
77+
display: flex;
78+
flex-direction: column;
79+
gap: 15px;
80+
li{
81+
display: flex;
82+
align-items: center;
83+
84+
a{
85+
display: flex;
86+
align-items: center;
87+
gap: 15px;
88+
text-decoration: none;
89+
color: white;
90+
opacity: .8;
91+
}
92+
}
93+
}
94+
}
95+
}
96+
97+
.authored{
98+
margin-top: 50px;
99+
border-top: solid 2px darken($secondary, 3);
100+
padding-top: 50px;
101+
102+
text-align: center;
103+
}
104+
}
105+
106+
.logo-text{
107+
font-size: 20px;
108+
font-weight: 700;
109+
margin-left: 15px;
110+
}
111+
112+
.hide-sm{
113+
@media only screen and (max-width: 700px){
114+
display: none !important;
115+
}
116+
}
117+
118+
.hide-pc{
119+
@media only screen and (min-width: 701px){
120+
display: none !important;
121+
}
122+
}
123+
124+
.empty{
125+
width: 100%;
126+
display: flex;
127+
flex-direction: column;
128+
align-items: center;
129+
justify-content: center;
130+
131+
.img{
132+
width: 100%;
133+
max-width: 400px;
134+
}
135+
136+
.msg{
137+
font-size: 1.1rem;
138+
font-weight: 500;
139+
}
140+
}
141+
142+
.container {
143+
max-width: 1330px;
144+
margin: auto;
145+
}
146+
147+
@media only screen and (max-width: 920px) {
148+
.container {
149+
padding-left: 15px;
150+
padding-right: 15px;
151+
}
152+
}
153+
.nav-bottom{
154+
position: fixed;
155+
bottom: 0;
156+
width: 100%;
157+
border-top: solid 1px rgba(0,0,0,.2);
158+
}
159+
.dialog-title{
160+
font-size: 20px !important;
161+
font-weight: 700 !important;
162+
text-align: center !important;
163+
line-height: 90% !important;
164+
margin-top: 30px !important;
165+
margin-bottom: 30px !important;
166+
}
167+
168+
.login{
169+
display: flex;
170+
flex-direction: column;
171+
height: 100vh;
172+
173+
.form{
174+
display: block;
175+
max-width: 400px;
176+
min-width: 100%;
177+
.form-head{
178+
display: flex;
179+
flex-direction: column;
180+
align-items: center;
181+
justify-content: center;
182+
gap: 30px;
183+
184+
img{
185+
width: 70px;
186+
height: auto;
187+
}
188+
}
189+
190+
flex-direction: column;
191+
min-width: 100%;
192+
margin: auto;
193+
gap: 20px;
194+
}
195+
}

Diff for: src/assets/style/navbar.scss

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
.navbar{
2+
background: $secondary !important;
3+
box-shadow: none;
4+
border-bottom: solid 1px rgba(0, 0, 0, .2);
5+
6+
.navbar-toolbar{
7+
background: $secondary;
8+
.navbar-item{
9+
transition: all linear 300ms;
10+
text-transform: none;
11+
12+
&:hover{
13+
color: inherit;
14+
text-decoration: underline;
15+
}
16+
}
17+
}
18+
}

Diff for: src/assets/style/vars.scss

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
$primary: #349428;
2+
$secondary: #080b16;

0 commit comments

Comments
 (0)