diff --git a/truthinquiry/static/css/admin_ui.css b/truthinquiry/static/css/admin_ui.css
index e263f7c..c1b5e9a 100644
--- a/truthinquiry/static/css/admin_ui.css
+++ b/truthinquiry/static/css/admin_ui.css
@@ -11,18 +11,92 @@
:root {
--admin-grey-color: #5A5656;
--admin-red-color: #FF0000;
+ --admin-white-color: #FFFFFF;
--adming-yellow-color: #FFC800;
--body-margin: 0.375em;
font-family: "Roboto Mono", sans-serif;
}
+a {
+ text-decoration: none;
+}
+
+a, body {
+ color: var(--admin-white-color);
+}
+
+a:visited {
+ color: unset;
+}
+
+body {
+ margin: var(--body-margin);
+}
+
+header {
+ align-content: center;
+ align-items: center;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+}
+
+header a {
+ border-radius: 1em;
+ border-style: solid;
+ border-width: 0.125em;
+ font-size: 1.25em;
+ margin: 1em;
+ padding: 0.5em;
+ text-decoration: none;
+}
+
+header a:hover {
+ background-color: var(--admin-white-color);
+ color: var(--admin-grey-color);
+}
+
html {
background-color: var(--admin-grey-color);
margin: 0;
}
-body {
- margin: var(--body-margin);
+svg {
+ fill: var(--admin-white-color);
+}
+
+.page_category {
+ font-size: 2em;
+}
+
+.page_category, .page_title {
+ font-weight: bold;
+}
+
+.page_category, .page_description, .page_title {
+ margin: 1em;
+ text-align: center;
+}
+
+.page_description {
+ font-size: 1.25em;
+}
+
+.page_title {
+ font-size: 3em;
+ overflow-wrap: anywhere;
+}
+
+.short_color_transition {
+ transition-property: background-color, color;
+ transition-duration: 0.25s;
+ transition-timing-function: linear;
+}
+
+.short_color_transition:hover {
+ transition-property: background-color, color;
+ transition-duration: 0.25s;
+ transition-timing-function: linear;
}
#places>section {
diff --git a/truthinquiry/static/css/admin_ui_home.css b/truthinquiry/static/css/admin_ui_home.css
new file mode 100644
index 0000000..24d3dec
--- /dev/null
+++ b/truthinquiry/static/css/admin_ui_home.css
@@ -0,0 +1,57 @@
+.add_npc_icon {
+ height: 2em;
+ transition-property: fill;
+ width: 2em;
+}
+
+.add_npc_icon:hover {
+ transition-property: fill;
+}
+
+.add_npc_link {
+ align-items: center;
+ border-color: var(--admin-white-color);
+ border-radius: 1em;
+ border-style: solid;
+ border-width: 0.125em;
+ display: flex;
+ flex-direction: row;
+ font-size: 1.25em;
+ justify-content: center;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 15em;
+ padding: 0.25em;
+}
+
+.add_npc_link:hover {
+ background-color: var(--admin-white-color);
+ color: var(--admin-grey-color);
+}
+
+.add_npc_link:hover > .add_npc_icon {
+ fill: var(--admin-grey-color);
+}
+
+.character_item {
+ font-size: 1.5em;
+ list-style-type: none;
+ margin: 1em;
+}
+
+.character_item a {
+ text-decoration: underline;
+ text-decoration-color: var(--admin-white-color);
+}
+
+.character_list {
+ align-content: center;
+ align-items: center;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+ margin-bottom: 1em;
+ margin-top: 1em;
+ padding: 0;
+}
diff --git a/truthinquiry/templates/admin/index.html b/truthinquiry/templates/admin/index.html
index 56b7d00..2ce2a50 100644
--- a/truthinquiry/templates/admin/index.html
+++ b/truthinquiry/templates/admin/index.html
@@ -1,27 +1,43 @@
- Admin Page
-
-
+ Truth Inquiry - Interface d'administration
+
+
+
+
+
+
+
+
+
+
+
- Questions
-
- Places
-
- Traits
-
- NPC list :
+
+ Truth Inquiry - Interface d'administration
+ Gestion des personnages
+ Cliquez sur un personnage pour le gérer ou créez-un autre à l'aide du bouton ci-dessous.
+
-
- Logout
+
+
+
+ Nouveau personnage
+