Ajouter CSS pour header et pages principales #75

Merged
vlbeaudoin merged 10 commits from css-general into main 2023-07-25 14:18:16 -04:00
10 changed files with 62 additions and 29 deletions

View file

@ -1,3 +1,36 @@
h1 {
.header {
width: 100%;
}
.headerMenu {
font-family: Poppins;
font-weight: 400; /*regular*/
font-size: 1.25rem; /*20px*/
color: #000; /*Noir pur*/
display: flex;
flex-flow: row;
justify-content: space-around;
align-items: center;
}
.headerMenuElement:hover {
border-bottom: 5px #FF563C solid; /*Orange Highlight*/
cursor: pointer;
}
.heading1 {
font-family: Poppins;
font-weight: 600; /*semi-bold*/
font-size: 6rem; /*96px*/
color: #394596; /*Bleu AGECEM*/
text-align: center;
}
.heading2 {
font-family: Poppins;
font-weight: 600; /*semi-bold*/
font-size: 1.5rem; /*24px*/
color: #394596; /*Bleu AGECEM*/
text-align: center;
}

View file

@ -8,7 +8,7 @@
</head>
<body>
{{ template "header-html" }}
<h1>À propos</h1>
<h1 class="heading1">À propos</h1>
</body>
</html>
{{ end }}

View file

@ -8,7 +8,7 @@
</head>
<body>
{{ template "header-html" }}
<h1>Actualité</h1>
<h1 class="heading1">Actualité</h1>
</body>
</html>
{{ end }}

View file

@ -8,19 +8,19 @@
</head>
<body>
{{ template "header-html" }}
<h1>Upload</h1>
<form action="/admin/documents/upload" method="post" enctype="multipart/form-data">
<label for="bucket">Type de document:</label>
<h1 class="heading1">Upload</h1>
<form class="form adminUploadForm" action="/admin/documents/upload" method="post" enctype="multipart/form-data">
<label class="formLabel" for="bucket">Type de document:</label>
<select name="bucket" id="bucket">
<option value="proces-verbaux">Procès verbaux</option>
<option value="politiques-et-reglements">Politiques et Règlements</option>
<select class="formSelect" name="bucket" id="bucket">
<option class="formOption" value="proces-verbaux">Procès verbaux</option>
<option class="formOption" value="politiques-et-reglements">Politiques et Règlements</option>
</select>
<br>
Document: <input type="file" name="document">
Document: <input class="formDocUpload" type="file" name="document">
<br>
<br>
<input type="submit" value="Submit">
<input class="formSubmit" type="submit" value="Submit">
</form>
<p>{{ .Message }}</p>
</body>

View file

@ -8,7 +8,7 @@
</head>
<body>
{{ template "header-html" }}
<h1>Admin</h1>
<h1 class="heading1">Admin</h1>
<ul>
<li><a href="/admin/documents/upload">Ajout de document</a></li>
</ul>

View file

@ -8,11 +8,11 @@
</head>
<body>
{{ template "header-html" }}
<h1>Documentation</h1>
<h1 class="heading1">Documentation</h1>
<p>
{{ range . }}
{{ $bucket_name := .Name }}
<h2>{{ $bucket_name }}</h2>
<h2 class="heading2">{{ $bucket_name }}</h2>
<ul>
{{ range .Documents }}

View file

@ -8,7 +8,7 @@
</head>
<body>
{{ template "header-html" }}
<h1>Formulaires</h1>
<h1 class="heading1">Formulaires</h1>
</body>
</html>
{{ end }}

View file

@ -1,16 +1,16 @@
{{ define "header-html" }}
<ul>
<li><a href="/">index</a></li>
<li><a href="/a-propos">À propos</a></li>
<li><a href="/actualite">Actualité</a></li>
<li><a href="/vie-etudiante">Vie étudiante</a></li>
<li><a href="/documentation">Documentation</a></li>
<li><a href="/formulaires">Formulaires</a></li>
<div class="header">
<ul class="headerMenu">
<li class="headerMenuElement"><a href="/">index</a></li>
<li class="headerMenuElement"><a href="/a-propos">À propos</a></li>
<li class="headerMenuElement"><a href="/actualite">Actualité</a></li>
<li class="headerMenuElement"><a href="/vie-etudiante">Vie étudiante</a></li>
<li class="headerMenuElement"><a href="/documentation">Documentation</a></li>
<li class="headerMenuElement"><a href="/formulaires">Formulaires</a></li>
<li class="headerMenuElement"><a href="/admin">admin</a></li>
</ul>
</div>
<ul>
<li><a href="/admin">admin</a></li>
</ul>
{{ end }}

View file

@ -9,7 +9,7 @@
</head>
<body>
{{ template "header-html" }}
<h1>Association Générale Étudiante du Cégep Édouard-Montpetit</h1>
<h1 class="heading1">Association Générale Étudiante du Cégep Édouard-Montpetit</h1>
</body>
</html>
{{ end }}

View file

@ -8,7 +8,7 @@
</head>
<body>
{{ template "header-html" }}
<h1>Vie étudiante</h1>
<h1 class="heading1">Vie étudiante</h1>
</body>
</html>
{{ end }}