diff --git a/www/css/main.css b/www/css/main.css new file mode 100644 index 0000000..d15ae16 --- /dev/null +++ b/www/css/main.css @@ -0,0 +1,111 @@ +header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px; + background-color: #FF8444; + height: 80px; +} +body{ + margin: 0; + padding: 0; + font-family: sans-serif; + background: #34495e; +} +.header-left { + display: flex; + align-items: center; +} + +.header-left img { + width: 50px; + height: 50px; +} + +.header-center h2 { + margin: 0; +} + +.submit-button { + background-color: #34495e; + color: white; + padding: 12px 20px; + border: none; + border-radius: 4px; + cursor: pointer; + float: right; + font-size: 16px; +} + +#teams-section { + display: flex; + flex-direction: column; + padding: 20px; + background-color: #f2f2f2; + border-radius: 10px; +} + +#teams-section h2 { + text-align: center; + font-size: 24px; + margin-bottom: 20px; +} + +#schemas-section { + padding: 20px; + background-color: #f2f2f2; + border-radius: 10px; + margin-top: 20px; +} + +#schemas-section h2 { + text-align: center; + font-size: 24px; + margin-bottom: 20px; +} + +.teams-container { + display: flex; + flex-wrap: wrap; + justify-content: center; +} + + +#team-list{ + display: flex; + flex-direction: row; +} +.team-item { + display: flex; + flex-direction: column; + align-items: center; + width: 200px; + height: 200px; + margin: 10px; + background-color: #ccc; + border-radius: 5px; + overflow: hidden; +} +/* +.team-item { + display: block; + width: calc(100% * (1/4) - 10px - 1px); + margin: 10px; + text-align: center; + width: 200px; + height: 200px; + float: left; + margin: 10px; +} +*/ +.team-name { + font-size: 18px; + margin-top: 10px; +} + +.team-item img { + width: 100%; + height: auto; + max-width: 150px; + max-height: 150px; +} \ No newline at end of file diff --git a/www/img/logo2.png b/www/img/logo2.png new file mode 100644 index 0000000..3f0e3ea Binary files /dev/null and b/www/img/logo2.png differ diff --git a/www/index.html b/www/index.html index 2a08da5..16a3d0a 100644 --- a/www/index.html +++ b/www/index.html @@ -1,16 +1,91 @@ - + - - hello + Accueil + - + +
+
+ logo +
+
+

Bienvenue, Prénom Nom

+
+
+ + +
+
+
+
+
+

Mes équipes

+
+
+ +
+ +

Equipe 1

+
+
+ +

Equipe 2

+
+
+ +

Equipe 3

+
+
+ +

Equipe 3

+
+
+ +

Equipe 3

+
+
+ +

Equipe 3

+
+
+ +

Equipe 3

+
+
+ +

Equipe 3

+
+
+ +

Equipe 3

+
+
+
-
- -
- - +
+

Mes schémas

+
+ +
+
+
- \ No newline at end of file +