wip: planning

build/lib/thsf/__init__.py

@@ -0,0 +1,126 @@
+import sys
+import json
+import logging
+from logging import config
+import yaml
+from flask import Flask, render_template, redirect, request, url_for
+from thsf.backend import Backend
+from thsf.schedule import Schedule
+
+
+# ------------------------------------------------------------------------------
+# -- Configuration
+# ------------------------------------------------------------------------------
+class AppConfig:
+    """ Flask application config """
+    CONFIG_FILENAME = "config.yml"
+
+
+# ------------------------------------------------------------------------------
+# -- Application
+# ------------------------------------------------------------------------------
+logger = logging.getLogger('wsgi')
+app = Flask(__name__)
+
+
+# ------------------------------------------------------------------------------
+# -- Local configuration
+# ------------------------------------------------------------------------------
+app.config.from_object(__name__ + '.AppConfig')
+try:
+  with open(app.config["CONFIG_FILENAME"], mode="r", encoding="utf-8") as local_config_file:
+    app.local_config = yaml.load(local_config_file, Loader=yaml.SafeLoader)
+    app.config["SECRET_KEY"] = app.local_config["app"]["secret_key"]
+    app.config["LANGUAGES"] = app.local_config["app"]["languages"]
+    config.dictConfig(app.local_config["log"])
+    backend = Backend(url=app.local_config["pretalx"]["url"],
+                      apiprefix=app.local_config["pretalx"]["apiprefix"],
+                      apikey=app.local_config["pretalx"]["apikey"])
+    schedule = Schedule()
+except Exception as err:
+  logger.critical("[{}] {}".format(err.__class__, str(err)))
+  sys.exit(1)
+
+
+# ------------------------------------------------------------------------------
+# -- Tools
+# ------------------------------------------------------------------------------
+@app.errorhandler(404)
+def page_not_found(err):
+  return redirect(url_for('index'))
+
+
+# ------------------------------------------------------------------------------
+# -- Routes
+# ------------------------------------------------------------------------------
+@app.route('/favicon.ico', methods=['GET'])
+def favicon():
+  return redirect(url_for('static', filename='images/favicon.png'))
+
+
+@app.route('/', methods=['GET'])
+def index():
+  return render_template("index.html")
+
+
+@app.route('/planning', methods=['GET'])
+def planning():
+  slots = backend.get(endpoint=f"events/{app.local_config['pretalx']['event']}/schedules/{app.local_config['pretalx']['schedule']}").json()
+  # schedule.set_slots(slots["slots"])
+  return render_template("planning.html", slots=slots["slots"])
+  # return "toto"
+  # for slot in sched["slots"]:
+  #   schedule.add_slot(slot)
+  # return schedule.df.to_html()
+
+
+
+
+
+
+
+@app.route('/concerts', methods=['GET'])
+def concerts():
+  return "concerts"
+
+
+@app.route('/djsets', methods=['GET'])
+def djsets():
+  return "djsets"
+
+
+@app.route('/exhibitions', methods=['GET'])
+def exhibitions():
+  return "exhibitions"
+
+
+@app.route('/lighttalks', methods=['GET'])
+def lighttalks():
+  return "lighttalks"
+
+
+@app.route('/paneldiscussions', methods=['GET'])
+def paneldiscussions():
+  return "paneldiscussions"
+
+
+@app.route('/screenings', methods=['GET'])
+def screenings():
+  return "screenings"
+
+
+@app.route('/talks', methods=['GET'])
+def talks():
+  return "talks"
+
+
+@app.route('/workshops', methods=['GET'])
+def workshops():
+  return "workshops"
+
+
+# ------------------------------------------------------------------------------
+# -- Main
+# ------------------------------------------------------------------------------
+if __name__ == '__main__':
+  app.run(host='127.0.0.1', port=5000, debug=True)

build/lib/thsf/backend/__init__.py

@@ -0,0 +1,15 @@
+import requests
+import logging
+
+class Backend:
+  def __init__(self, url, apiprefix, apikey):
+    self.url = url
+    self.apiprefix = apiprefix
+    self.apikey = apikey
+    self.session = requests.Session()
+
+  def get(self, endpoint, params=None):
+    url = f"{self.url}/{self.apiprefix}/{endpoint}"
+    headers = {"Authorization": f"Token {self.apikey}",
+               "Accept": "application/json"}
+    return self.session.get(url, params=params, headers=headers)

build/lib/thsf/schedule/__init__.py

@@ -0,0 +1,6 @@
+class Schedule:
+  def __init__(self):
+    self.slots = list()
+
+  def set_slots(self, slots):
+    self.slots = slots

build/lib/thsf/static/css/planning.css

@@ -0,0 +1,50 @@
+#schedule {
+  display: flex;
+  flex-direction: column;
+  justify-content: start;
+  align-items: flex-start;
+  align-content: flex-start;
+  margin-bottom: 5em;
+}
+
+.slot {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  align-content: flex-start;
+  margin: 1em;
+  border-radius: 5px;
+  border-color: var(--alt-color);
+  background-color: var(--main-color);
+  border-style: solid;
+  border-width: 1px;
+  font-size: 2em;
+  width: 25em;
+}
+
+.metadata {
+  display: flex;
+  flex-direction: column;
+  justify-content: start;
+  align-items: flex-start;
+  align-content: flex-start;
+}
+
+.data {
+  display: flex;
+  flex-direction: column;
+  justify-content: start;
+  align-items: flex-start;
+  align-content: flex-start;
+  margin-left: 2em;
+}
+
+.speaker_avatar {
+  height: 50px;
+  width: 50px;
+}
+
+.data_img {
+  height: 50px;
+  width: 50px;
+}

build/lib/thsf/static/css/style.css

@@ -0,0 +1,156 @@
+@font-face {
+  font-family: pfdintextcomppromedium;
+  src: url(../fonts/PFDinTextCompPro-Medium.ttf);
+}
+
+@font-face {
+  font-family: pfdintextcompprothin;
+  src: url(../fonts/PFDinTextCompPro-Thin.ttf);
+}
+
+:root {
+  --main-bg-color: #e6007e;
+  --main-color: #ffffff;
+  --alt-color: #1A000D;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  background-color: var(--main-bg-color);
+  font-family: pfdintextcomppromedium;
+}
+
+.white {
+  color: var(--main-color);
+}
+
+.black {
+  color: var(--alt-color);
+}
+
+.thin {
+  font-family: pfdintextcompprothin;
+}
+
+.bold {
+  font-family: pfdintextcomppromedium;
+}
+
+.button {
+  font-size: 2.5em;
+  transition-property: color;
+  transition-duration: 1s;
+}
+
+.button:hover {
+  color: var(--main-color);
+  cursor: pointer;
+}
+
+.logo {
+  width: inherit;
+}
+
+.cursor {
+  width: 0;
+  height: 0;
+  border-left: 0.75em solid transparent;
+  border-right: 0.75em solid transparent;
+  border-bottom: 0.75em solid var(--alt-color);
+}
+
+a {
+  font-family: pfdintextcomppromedium;
+  font-weight: 250;
+  color: var(--alt-color);
+  transition-property: color;
+  transition-duration: 1s;
+  text-decoration: wavy;
+}
+
+a:hover {
+  color: var(--main-color);
+  cursor: pointer;
+}
+
+#main_wrapper {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-start;
+  align-content: flex-start;
+  margin-bottom: 5em;
+}
+
+#center_wrapper, #header_wrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+#header {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  gap: 0;
+  text-align: center;
+  font-size: 9.75em;
+  font-weight: bold;
+  padding: 0;
+}
+
+#header > span {
+  margin: 0;
+}
+
+#subheader {
+  margin: -1em 0 0 0;
+  font-size: 3.47em;
+}
+
+#place {
+  margin: 0;
+  font-size: 2.145em;
+}
+
+#logo_wrapper {
+  margin-top: 1em;
+  width: 40em;
+}
+
+#navbar_wrapper {
+  position: fixed;
+  bottom: 0;
+  padding: 1em 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: 2em;
+  background-color: var(--main-bg-color);
+  width: 100vw;
+}
+
+#cursorbar {
+  margin-top: 1em;
+}
+
+#blah {
+  margin: 2em 0 2em;
+  font-size: 2em;
+  font-family: pfdintextcompprothin;
+  color: var(--main-color);
+  width: 20em;
+  text-align:justify;
+  text-justify:inter-word;
+}
+
+#blah > p, blah.h2 {
+  margin-top: 1em;
+}

build/lib/thsf/static/css/tooltip.css

@@ -0,0 +1,36 @@
+.tooltip {
+  position: relative;
+  display: inline-block;
+}
+
+.tooltip .tooltiptext {
+  visibility: hidden;
+  background-color: var(--main-color);
+  color: var(--alt-color);
+  text-align: center;
+  border-radius: 6px;
+  padding: 5px 0;
+  position: absolute;
+  z-index: 1;
+  bottom: 125%;
+  left: 50%;
+  margin-left: -60px;
+  opacity: 0;
+  transition: opacity 1s;
+}
+
+.tooltip .tooltiptext::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px;
+}
+
+.tooltip:hover .tooltiptext {
+  visibility: visible;
+  opacity: 1;
+  font-size: 0.7em;
+  padding: 0.2em;
+}

build/lib/thsf/templates/base.html

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang='zxx'>
+<head>
+  <title>THSF 2023: S/Extraire</title>
+  <meta name="viewport" content="initial-scale=1.0" />
+  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+  <link rel="stylesheet"
+        href="{{ url_for('static', filename='css/style.css') }}">
+  <link rel="stylesheet"
+        href="{{ url_for('static', filename='css/tooltip.css') }}">
+  <link rel="icon"
+        type="image/png"
+        href="{{ url_for('static', filename='images/favicon.png') }}" />
+  <link rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+  {% block headers %}
+  {% endblock %}
+</head>
+
+<body>
+{% block content %}
+{% endblock %}
+  <div id="navbar_wrapper">
+    <i class="button tooltip black fa-regular fa-calendar"
+      title="Programme"
+      alt="Programme"
+      onclick="document.location='/planning'">
+      <span class="tooltiptext thin">Programme</span>
+    </i>
+    <i class="button tooltip black fa-solid fa-map-location-dot"
+      title="Le Lieu"
+      alt="Le Lieu">
+      <span class="tooltiptext thin">Le lieu</span>
+    </i>
+    <i class="button tooltip black fa-solid fa-burger"
+      title="Restauration"
+      alt="Restauration">
+      <span class="tooltiptext thin">Restauration</span>
+    </i>
+    <i class="button tooltip black fa-solid fa-shirt"
+      title="T-shirt et goodies"
+      alt="T-shirt et goodies">
+      <span class="tooltiptext thin">Goodies</span>
+    </i>
+    <i class="button tooltip black fa-solid fa-guitar"
+      title="Concerts et DJ sets"
+      alt="Concerts et DJ sets">
+      <span class="tooltiptext thin">Concerts et DJ sets</span>
+    </i>
+    <i class="button tooltip black fa-solid fa-screwdriver-wrench"
+      title="Ateliers"
+      alt="Ateliers">
+      <span class="tooltiptext thin">Ateliers</span>
+    </i>
+    <i class="button tooltip black fa-solid fa-film"
+      title="Projections"
+      alt="Projections">
+      <span class="tooltiptext thin">Projections</span>
+    </i>
+    <i class="button tooltip black fa-solid fa-users-line"
+      title="Tables rondes"
+      alt="Tables rondes">
+      <span class="tooltiptext thin">Tables rondes</span>
+    </i>
+    <i class="button tooltip black fa-solid fa-palette"
+      title="Expositions"
+      alt="Expositions">
+      <span class="tooltiptext thin">Expositions</span>
+    </i>
+    <i class="button tooltip black fa-solid fa-person-chalkboard"
+      title="Conférences"
+      alt="Conférences">
+      <span class="tooltiptext thin">Conférences</span>
+    </i>
+  </div>
+</body>
+</html>

build/lib/thsf/templates/index.html

@@ -0,0 +1,36 @@
+{% extends "base.html" %}
+{% block content %}
+  <div id="main_wrapper">
+    <div id="center_wrapper">
+      <div id="header_wrapper">
+        <div id="header">
+            <span class="black bold">THSF</span>
+            <span class="white thin">2023</span>
+        </div>
+        <div id="subheader">
+          <span class="white thin">Toulouse Hacker Space Factory</span>
+        </div>
+        <div id="place">
+          <span class="black thin">26 28 mai 2023 - </span>
+          <span class="white bold">CINÉMA UTOPIA BORDEROUGE</span>
+        </div>
+      </div>
+      <div id="logo_wrapper">
+        <img class="logo"
+            src="{{ url_for('static', filename='images/logo.svg') }}"
+            alt="THSF 2023 - S/Extraire"
+            title="THSF 2023 - S/Extraire"/>
+      </div>
+      <div id="blah">
+        <h2>Le T.H.S.F est enfin de retour !</h2>
+        <p>Nous vous invitons à passer un week-end de 3 jours à <a href="https://www.cinemas-utopia.org/toulouse/">Utopia Borderouge Toulouse</a> pour partager avec vous nos projets, nos réflexions, nos performances, nos poésies et nos doutes sur la technologie.</p>
+
+        <p>Après avoir été soutenu et accueilli pendant 10 ans par <a href="https://vive.mixart-myrys.org/">Mix'Art Myrys</a>, le <strong>Toulouse HackerSpace Factory (T.H.S.F)</strong> se tient désormais dans un autre lieu où l'utopie nécessaire est inscrite programme.</p>
+
+        <p>Cette année nous mettrons en avant des réflexions sur <a href="https://fr.wikipedia.org/wiki/Extractivisme" target="_new">l'extractivisme des ressources</a> planétaires, des données, de la valeur travail.</p>
+
+        <p>Comme toujours, notre objectif est de créer un festival qui poétise les bifurcations de nos idées communes et qui réinvente le sens de certains schémas imposés par notre époque. Rejoignez-nous pour une expérience enrichissante et pleine de surprises !</p>
+      </div>
+    </div>
+  </div>
+{% endblock %}

build/lib/thsf/templates/planning.html

@@ -0,0 +1,44 @@
+{% extends "base.html" %}
+{% block headers %}
+  <link rel="stylesheet"
+        href="{{ url_for('static', filename='css/planning.css') }}">
+{% endblock %}
+{% block content %}
+<div id="main_wrapper">
+  <div id="#schedule">
+    {% for slot in slots %}
+    <div class="slot">
+      <div class="metadata">
+        <div class="title">{{slot["title"]}}</div>
+        <div class="speakers">
+          {% for speaker in slot["speakers"] %}
+          <div class="speaker">
+            <div class="name">{{speaker["name"]}}</div>
+            <img class="speaker_avatar" src="{{speaker['avatar']}}"/>
+            <div class="speaker_biography">{{speaker["biography"]}}</div>
+          </div>
+          {% endfor %}
+        </div>
+        <div class="type">{{slot["submission_type"]["fr"]}}</div>
+        <div class="start">{{slot["slot"]["start"]}}</div>
+        <div class="duration">{{slot["duration"]}}</div>
+        <div class="room">{{slot["slot"]["room"]["fr"]}}</div>
+        <div class="locale">{{slot["content_locale"]}}</div>
+      </div>
+      <div class="data">
+        <div class="abstract">{{slot["abstract"]}}</div>
+        <div class="description">{{slot["description"]}}</div>
+        <img class="data_img" src="{{slot['image']}}"/>
+        <div class="resources">
+          {% for resource in slot["resources"] %}
+          <div class="resources">
+            <a href="{{resource['resource']}}">{{resource["description"]}}</a>
+          </div>
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+    {% endfor %}
+  </div>
+</div>
+{% endblock %}