beta (#4)

Co-authored-by: mco-system <michael.costa@mcos.nc>
Reviewed-on: #4

src/thsf/static/css/slot.css

@@ -0,0 +1,66 @@
+.slot {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  align-content: center;
+  margin-bottom: 1em;
+  width: 20em;
+}
+
+.slot_header {
+  margin: 0;
+  width: 20em;
+  font-family: pfdintextcompprothin;
+  font-weight: bold;
+}
+
+.slot_title {
+  border-radius: 1em 0 0 0;
+  color: var(--main-color);
+  padding: 0.5em;
+  text-align: center;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-content: flex-start;
+  align-items: flex-start;
+  width: 20em;
+  cursor: pointer;
+}
+
+.slot_title .title{
+  margin-left: 0.5em;
+}
+
+.slot_info {
+  background-color: var(--main-color);
+  color: var(--alt-main-color);
+  margin: 0;
+  padding: 0.5em;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-content: flex-start;
+  align-items: flex-start;
+  border-radius: 0 0 0 1em;
+}
+
+.speaker {
+  cursor: pointer;
+}
+
+.speakers > .speaker > .name > span {
+  text-decoration: underline;
+}
+
+.speaker_details,
+.slot_details {
+  visibility: hidden;
+  display: none;
+}
+
+.speaker_img,
+.slot_img {
+  width: 18em;
+}