Welcome Page done

1 year ago · e44ea4721e
parent 66410afa20
commit e44ea4721e
4 changed files with 41 additions and 11 deletions
--- a/public/img/welcomePage/account.png
+++ b/public/img/welcomePage/account.png
--- a/public/img/welcomePage/account.svg
+++ b/public/img/welcomePage/account.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M234-276q51-39 114-61.5T480-360q69 0 132 22.5T726-276q35-41 54.5-93T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 59 19.5 111t54.5 93Zm246-164q-59 0-99.5-40.5T340-580q0-59 40.5-99.5T480-720q59 0 99.5 40.5T620-580q0 59-40.5 99.5T480-440Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q53 0 100-15.5t86-44.5q-39-29-86-44.5T480-280q-53 0-100 15.5T294-220q39 29 86 44.5T480-160Zm0-360q26 0 43-17t17-43q0-26-17-43t-43-17q-26 0-43 17t-17 43q0 26 17 43t43 17Zm0-60Zm0 360Z"/></svg>
--- a/src/Views/home.css
+++ b/src/Views/home.css
@ -2,5 +2,5 @@
    background-color: red;
 }
 body {
-    background-color: blue;
+    
 }
--- a/src/Views/home.twig
+++ b/src/Views/home.twig
@ -7,19 +7,56 @@
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Page d'accueil</title>
    <style>
+        body {
+            padding-left: 10%;
+            padding-right: 10%;
+        }
+
        #bandeau {
            display : flex;
            flex-direction : row;
        }
-        #bandeau:h1 {
+
+        #bandeau > h1  {
            self-align : center;
+            padding : 0%;
+            margin : 0%;
+            justify-content : center;
+        }
+        
+        #account {
+            display : flex;
+            flex-direction : column;
+            align-content : center;
+        }
+
+        #account img {
+            width : 70%;
+            height : auto;
+            align-self : center;
+            padding : 5%;
+            margin : 0%;
+        }
+
+        #account p {
+            align-self : center;
        }
+        
+        
+
+
    </style>
 </head>
 <body>
    <div id="bandeau">
        <h1>IQ Ball</h1>
-        <p>Profil</p>
+        <div id="account">
+            <img
+                src="img/welcomePage/account.svg"
+                alt="Account logo"
+            />
+            <p>Mon profil<p>
+        </div>
    </div>

    <h2>Mes équipes</h2>
@ -49,13 +86,5 @@
        <p> Aucune tactique créé !</p>
    {% endif %}

-
-    <h2> 
-
- 
-
-
-
-
 </body>
 </html>
				`@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M234-276q51-39 114-61.5T480-360q69 0 132 22.5T726-276q35-41 54.5-93T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 59 19.5 111t54.5 93Zm246-164q-59 0-99.5-40.5T340-580q0-59 40.5-99.5T480-720q59 0 99.5 40.5T620-580q0 59-40.5 99.5T480-440Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q53 0 100-15.5t86-44.5q-39-29-86-44.5T480-280q-53 0-100 15.5T294-220q39 29 86 44.5T480-160Zm0-360q26 0 43-17t17-43q0-26-17-43t-43-17q-26 0-43 17t-17 43q0 26 17 43t43 17Zm0-60Zm0 360Z"/></svg>