Base scaffold

mainsite/admin.py

@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.

mainsite/apps.py

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class MainsiteConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'mainsite'

mainsite/models.py

@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.

mainsite/scss/Makefile

@@ -0,0 +1,10 @@
+STYLES=style.scss
+IMPORTS=$(shell ls -1 _*.scss)
+OUTDIR=../static/css
+
+SASS=sassc
+
+all: $(addprefix $(OUTDIR)/,$(STYLES:.scss=.css))
+
+$(OUTDIR)/%.css: %.scss $(IMPORTS)
+	$(SASS) "$<" "$@"

mainsite/scss/_params.scss

@@ -0,0 +1,14 @@
+// vim: tabstop=2 shiftwidth=2 expandtab
+
+$bg_color: white;
+$link_color: #07a;
+$fg_color: #555;
+$fg_color_light: #555555bb;
+$head_bg_color: #060033;
+
+$resp_small: 1350px;
+$resp_vsmall: 1000px;
+
+$profile_pic_wid: 350px;
+$profile_pic_wid_small: 180px;
+$profile_pic_wid_vsmall: 250px;

mainsite/scss/style.scss

@@ -0,0 +1,141 @@
+// vim: tabstop=2 shiftwidth=2 expandtab
+
+@import url('fonts.css');
+@import 'params';
+
+html {
+  background-color: $bg_color;
+}
+
+body {
+  font-family:Open Sans,Arial;
+  color:#555;
+  font-size:16px;
+  line-height:1.4;
+  text-align:justify;
+  margin: 0;
+  padding: 0;
+}
+
+header {
+  background-color: $head_bg_color;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-between;
+  align-items: center;
+  margin: 0;
+  padding: 30px 60px;
+  color: $bg_color;
+
+  @media (max-width: $resp_vsmall) {
+    padding: 20px;
+  }
+
+  .title, .whoami {
+    font-size: 1.4em;
+    font-weight: bold;
+  }
+
+  a, a:visited {
+    color: $bg_color;
+  }
+}
+
+#content {
+  display: flex;
+  justify-content: space-between;
+
+  @media (max-width: $resp_vsmall) {
+    flex-wrap: wrap;
+  }
+
+  main {
+    margin:2em auto;
+    max-width:800px;
+    padding:1em;
+    flex-basis: 800px;
+  }
+}
+
+.items {
+  display: grid;
+  grid-template-columns: 100px auto;
+
+  .head {
+    grid-column: 1/span 1;
+    font-weight: bold;
+  }
+}
+
+.phdtitle {
+  font-size: 1.1em;
+  text-align: center;
+  font-weight: bold;
+}
+
+a, a:visited {
+  color: $link_color;
+  text-decoration:none;
+}
+
+.fa {
+  color:#555
+}
+
+h1 {
+  margin-left:-10px;
+}
+h2 {
+  margin-top: 30px;
+  margin-left:20px;
+
+  .fa {
+    margin-right: 10px;
+  }
+}
+
+#whoami {
+  text-align: right;
+  font-size: 1.2em;
+  font-style: italic;
+}
+
+ul.docsline {
+  list-style: none;
+  text-align: center;
+  margin-top: 30px;
+  font-size: 1.1em;
+
+  li {
+    display: inline-block;
+
+    a {
+      display: inline-block;
+      padding: 0 15px;
+    }
+  }
+}
+
+dl {
+  list-style: none;
+  display: grid;
+  grid-template-columns: 1fr 3fr;
+
+  dt {
+    grid-column: 1 / span 1;
+    justify-self: end;
+    text-align: right;
+    margin-right: 20px;
+    font-weight: bold;
+  }
+  dd {
+    margin-left: 20px;
+    justify-self: start;
+    text-align: left;
+  }
+}
+
+.antispam {
+  unicode-bidi: bidi-override;
+  direction: rtl;
+}

mainsite/static/css/style.css

@@ -0,0 +1,105 @@
+@import url("fonts.css");
+html {
+  background-color: white; }
+
+body {
+  font-family: Open Sans,Arial;
+  color: #555;
+  font-size: 16px;
+  line-height: 1.4;
+  text-align: justify;
+  margin: 0;
+  padding: 0; }
+
+header {
+  background-color: #060033;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-between;
+  align-items: center;
+  margin: 0;
+  padding: 30px 60px;
+  color: white; }
+  @media (max-width: 1000px) {
+    header {
+      padding: 20px; } }
+  header .title, header .whoami {
+    font-size: 1.4em;
+    font-weight: bold; }
+  header a, header a:visited {
+    color: white; }
+
+#content {
+  display: flex;
+  justify-content: space-between; }
+  @media (max-width: 1000px) {
+    #content {
+      flex-wrap: wrap; } }
+  #content main {
+    margin: 2em auto;
+    max-width: 800px;
+    padding: 1em;
+    flex-basis: 800px; }
+
+.items {
+  display: grid;
+  grid-template-columns: 100px auto; }
+  .items .head {
+    grid-column: 1/span 1;
+    font-weight: bold; }
+
+.phdtitle {
+  font-size: 1.1em;
+  text-align: center;
+  font-weight: bold; }
+
+a, a:visited {
+  color: #07a;
+  text-decoration: none; }
+
+.fa {
+  color: #555; }
+
+h1 {
+  margin-left: -10px; }
+
+h2 {
+  margin-top: 30px;
+  margin-left: 20px; }
+  h2 .fa {
+    margin-right: 10px; }
+
+#whoami {
+  text-align: right;
+  font-size: 1.2em;
+  font-style: italic; }
+
+ul.docsline {
+  list-style: none;
+  text-align: center;
+  margin-top: 30px;
+  font-size: 1.1em; }
+  ul.docsline li {
+    display: inline-block; }
+    ul.docsline li a {
+      display: inline-block;
+      padding: 0 15px; }
+
+dl {
+  list-style: none;
+  display: grid;
+  grid-template-columns: 1fr 3fr; }
+  dl dt {
+    grid-column: 1 / span 1;
+    justify-self: end;
+    text-align: right;
+    margin-right: 20px;
+    font-weight: bold; }
+  dl dd {
+    margin-left: 20px;
+    justify-self: start;
+    text-align: left; }
+
+.antispam {
+  unicode-bidi: bidi-override;
+  direction: rtl; }

mainsite/templates/base.html

@@ -0,0 +1,25 @@
+{% load static %}
+
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Soutenance de thèse — Théophile Bastian</title>
+    <link rel="stylesheet" href="{% static "css/style.css" %}">
+  </head>
+
+  <body>
+      <header>
+          {% include "navbar.html" %}
+      </header>
+
+      <div id="content">
+          <main>
+              {% block content %}
+              {% endblock content %}
+          <main>
+      </div>
+  </body>
+</html>
+

mainsite/templates/navbar.html

@@ -0,0 +1,2 @@
+<div class="title"><a href="/">Théophile Bastian</a></div>
+<div class="whoami">Soutenance de thèse</div>

mainsite/templates/phd/home.html

@@ -0,0 +1,44 @@
+{% extends "base.html" %}
+{% load lucide %}
+
+{% block content %}
+<h1>Soutenance de thèse</h1>
+
+<p>
+Le <b>lundi 9 décembre 2024</b> prochain, je vais soutenir ma thèse de doctorat
+d'informatique à l'Université Grenoble Alpes, intitulée
+</p>
+
+<div class="phdtitle">
+Étude de performance&nbsp;: identification de bottlenecks par analyse de
+sensitivité
+</div>
+
+<p>La soutenance sera <b>en anglais</b>, et retransmise en visio (lien
+prochainement disponible), une partie du jury étant à distance.</p>
+
+<p>Toute personne qui le souhaite est bienvenue pour y assister !</p>
+
+<h2>Détails pratiques</h2>
+
+
+<dl>
+<dt>{% lucide "calendar" %}</dt>
+<dd>Lundi 9 décembre 2024</dd>
+
+<dt>{% lucide "clock" %}</dt>
+<dd>14h</dd>
+
+<dt>{% lucide "map-pin" %}</dt>
+<dd>Salle Séminaire 2, RDC, bâtiment IMAG<br/>
+Campus universitaire, Université Grenoble Alpes<br/>
+<a href="https://osm.org/go/0CASk7WTo--?relation=6158280">Voir sur une carte</a></dd>
+</dd>
+
+<dt>{% lucide "tram-front" %}</dt>
+<dd>B/C Gabriel Fauré<br/>
+C5/C8 Université Bibliothèques</dd>
+</dl>
+
+{% endblock content %}
+

mainsite/urls.py

@@ -0,0 +1,4 @@
+from django.urls import path
+from . import views
+
+urlpatterns = [path("", views.HomeView.as_view(), name="home")]

mainsite/views.py

@@ -0,0 +1,8 @@
+from django.shortcuts import render
+from django.views.generic import TemplateView
+
+
+class HomeView(TemplateView):
+    """Home page"""
+
+    template_name = "phd/home.html"