Feat: add big-button plugin

If "Semaine" in tags, it does not show up

.drone.yml

@@ -0,0 +1,30 @@
+kind: pipeline
+name: Opytex 2021-2022
+type: docker
+
+trigger:
+  branch:
+    - 2021-2022
+
+steps:
+  - name: Deploy
+    image: python:3.8-alpine
+    commands:
+      - apk add --no-cache openssh-client ca-certificates bash rsync git imagemagick-dev imagemagick
+      - git submodule init
+      - git submodule update
+      - git clone https://git.opytex.org/lafrite/2021-2022.git content
+      - pip install --no-cache-dir -r requirements.txt
+      - export MAGICK_HOME=/usr
+      - pelican ./content/ -o output -s publishconf.py --relative-urls
+      - eval `ssh-agent -s`
+      - echo "$SSH_KEY" | ssh-add -
+      - mkdir -p ~/.ssh
+      - echo -e "Host *\n\tStrictHostKeyChecking no\n\n" > ~/.ssh/config
+      - ssh sshcontent@91.121.90.228 'mkdir -p ~/opytex.org/www/enseignements/2021-2022/'
+      - rsync -rv --delete -e "ssh -p 22" ./output/ sshcontent@91.121.90.228:~/opytex.org/www/enseignements/2021-2022/ --checksum
+    environment:
+      SSH_KEY:
+        from_secret: sshcontent-key
+
+

.gitignore

@@ -6,3 +6,4 @@ content
 __pycache__
 *.pid
 venv/
+.vim/

globalconf.py

@@ -10,9 +10,8 @@ MENUITEMS = [
         #("Dernières modifications", SITEURL+"blog_index.html"),
         ("Accueil", "/"),
         ("Contenus de cours", "/pages/tout-sur-mes-cours.html"),
-        ('blog', '/blog_index.html'),
+        ('Blog', '/blog_index.html'),
-        ('Opytex', "/opytex/"),
+        ('Informatique', "/pages/projets-informatiques.html"),
-        ("pyMath", "/pymath/"),
         ('À propos', "/pages/a-propos.html"),
         ]
 

pelicanconf.py

@@ -3,35 +3,35 @@
 from __future__ import unicode_literals
 import os
 import sys
+
 sys.path.append(os.curdir)
 from globalconf import *
 
-AUTHOR = 'Benjamin Bertrand'
+AUTHOR = "Benjamin Bertrand"
-SITENAME = 'OpyTex'
+SITENAME = "OpyTex"
-SITETITLE = 'OpyTex'
+SITETITLE = "OpyTex"
-SITESUBTITLE = "DEV"
+SITESUBTITLE = "2022-2023"
-#SITEURL = 'https://0.0.0.0:8000/enseignements/DEV'
+SITEURL = ""
-SITEURL = ''
 
 CC_LICENSE_COMMERCIAL = True
 CC_LICENSE = True
 
-PATH = './content'
+PATH = "./content"
 
-TIMEZONE = 'Europe/Paris'
+TIMEZONE = "Europe/Paris"
 
-DEFAULT_LANG = 'fr'
+DEFAULT_LANG = "fr"
 
 # Uncomment following line if you want document-relative URLs when developing
-#RELATIVE_URLS = True
+# RELATIVE_URLS = True
 
 # Files places
-IGNORE_FILES = ['venv', '.git', 'tools']
+IGNORE_FILES = ["venv", ".git", "tools"]
 # Pages, articles and static
-#PAGE_PATHS = ['pages']
+# PAGE_PATHS = ['pages']
-ARTICLE_PATHS = ['.']
+ARTICLE_PATHS = ["."]
-STATIC_PATHS = ['.']
+STATIC_PATHS = ["."]
-INDEX_SAVE_AS = 'blog_index.html'
+INDEX_SAVE_AS = "blog_index.html"
 
 #
 USE_FOLDER_AS_CATEGORY = False
@@ -39,18 +39,18 @@ USE_FOLDER_AS_CATEGORY = False
 # Plugins
 PLUGIN_PATHS = ["plugins"]
 PLUGINS = [
-    'i18n_subsites',
+    "i18n_subsites",
-    "pelican-page-hierarchy",
     "always_modified",
     "tag_cloud",
-    # 'pdf-img',
+    "pdf-img",
+    "big-button",
 ]
 
 ALWAYS_MODIFIED = True
 
 # Mirror source structure
-PATH_METADATA = '(?P<path_no_ext>.*)\..*'
+PATH_METADATA = "(?P<path_no_ext>.*)\..*"
-ARTICLE_URL = ARTICLE_SAVE_AS = PAGE_URL = PAGE_SAVE_AS = '{path_no_ext}.html'
+ARTICLE_URL = ARTICLE_SAVE_AS = PAGE_URL = PAGE_SAVE_AS = "{path_no_ext}.html"
 
 # USE_FOLDER_AS_CATEGORY = True
 # DEFAULT_CATEGORY = "Autre"
@@ -58,7 +58,7 @@ ARTICLE_URL = ARTICLE_SAVE_AS = PAGE_URL = PAGE_SAVE_AS = '{path_no_ext}.html'
 # Readers
 READERS = {"html": None}
 # Everythings in french
-JINJA_ENVIRONMENT = {'extensions': ['jinja2.ext.i18n']}
+JINJA_ENVIRONMENT = {"extensions": ["jinja2.ext.i18n"]}
 # Default theme language.
 I18N_TEMPLATES_LANG = "en"
 # Your language.
@@ -80,7 +80,7 @@ DISPLAY_PAGES_ON_SIDE = False
 TOCTREE = True
 TAG_CLOUD = True
 
-#SITELOGO = ""
+# SITELOGO = ""
 LINKS = ()
 DEFAULT_PAGINATION = 10
 

plugins/big-button/__init__.py

@@ -0,0 +1 @@
+from .big_button import *

plugins/big-button/big_button.py

@@ -0,0 +1,66 @@
+# -*- coding: utf-8 -*-
+"""
+big_button tags for reStructuredText
+==============================
+This plugin allows you to use big_button tags from within reST documents.
+
+.. big_button::
+    :title: Title
+    :link: ""
+    :color: default
+
+    Description
+
+"""
+
+from __future__ import unicode_literals
+from docutils import nodes
+from docutils.parsers.rst import directives, Directive
+
+
+class BigButton(Directive):
+    optional_arguments = 0
+    final_argument_whitespace = True
+    has_content = True
+    required_arguments = 0
+    optional_arguments = 0
+    final_argument_whitespace = False
+    option_spec = {
+        "title": directives.unicode_code,
+        "link": directives.path,
+    }
+
+    def settings(self):
+        self.options['content'] = '\n'.join(self.content)
+
+        if not self.options.get('title'):
+            self.options['title'] = 0
+        if not self.options.get('link'):
+            self.options['link'] = 0
+
+    def html(self):
+        html = "<div class='button'>\n"
+        if self.options["link"]:
+            html += f"<a href={self.options['link']}>"
+        else:
+            html += f"<div class='nolink'>"
+        if self.options["title"]:
+            html += f"<h3> {self.options['title']}</h3>"
+        if self.content:
+            html += "<div class='content'>"
+            html += f"{self.options['content']}"
+            html += "</div>"
+        if self.options["link"]:
+            html += "</a>"
+        else:
+            html += "</div>"
+        html += "</div>"
+        return html
+
+    def run(self):
+        self.settings()
+        return [nodes.raw('', self.html(), format='html')]
+
+
+def register():
+    directives.register_directive("big_button", BigButton)

publishconf.py

@@ -11,7 +11,7 @@ sys.path.append(os.curdir)
 from pelicanconf import *
 
 # If your site is available via HTTPS, make sure SITEURL begins with https://
-SITEURL = 'n'
+SITEURL = 'https://opytex.org/enseignements/2022-2023/'
 RELATIVE_URLS = False
 
 FEED_ALL_ATOM = 'feeds/all.atom.xml'
@@ -22,4 +22,4 @@ DELETE_OUTPUT_DIRECTORY = True
 # Following items are often useful when publishing
 
 #DISQUS_SITENAME = ""
-#GOOGLE_ANALYTICS = ""
+#GOOGLE_ANALYTICS = ""

requirements.txt

@@ -0,0 +1,15 @@
+beautifulsoup4==4.9.1
+blinker==1.4
+bs4==0.0.1
+docutils==0.16
+feedgenerator==1.9.1
+Jinja2==2.11.2
+MarkupSafe==1.1.1
+pelican==4.2.0
+Pygments==2.6.1
+python-dateutil==2.8.1
+pytz==2020.1
+six==1.15.0
+soupsieve==2.0.1
+Unidecode==1.1.1
+Wand==0.6.2

theme/static/stylesheet/style.less

@@ -71,6 +71,41 @@ hr {
 
 img {
   max-width: 100%;
+  border: 2px solid @med-light-grey;
+  box-shadow: 0px 0px 10px @light-grey;
+}
+
+.button {
+    margin: 20px;
+    border: 3px solid @orange;
+    width: 250px;
+    height: 150px;
+    border-radius: 25px;
+    display: inline-flex;
+    vertical-align: top;
+    padding: 5px 15px;
+    * {
+        display: flex;
+        justify-content: center;
+        flex-direction: column;
+        gap: 10px;
+    }
+    a {
+        width:100%;
+        height:100%;
+    }
+    .nolink {
+        width:100%;
+        height:100%;
+    }
+    h3 {
+        margin: 0px;
+    }
+
+}
+
+.button:hover {
+    background-color: @light-grey;
 }
 
 aside {
@@ -110,6 +145,11 @@ aside {
   }
 
   nav {
+      background-color: @navbar-bg;
+      h2 {
+          background-color: @navbar-bg;
+          margin-bottom: 0;
+      }
       ul {
           padding-inline-start: 0px;
           display: block;
@@ -117,7 +157,6 @@ aside {
       ul.toctree {
           li {
               a {
-                  background-color: @navbar-bg;
                   color: @navbar-text-color;
                   border: none;
               }
@@ -127,14 +166,16 @@ aside {
                   background-color: @navbar-toctree-l2-sel-bg;
                   color: @navbar-toctree-l2-sel-txt;
                   padding: 10px;
+                  border-left: solid 2px @orange;
               }
           }
           li.current{
               a {
                   background-color: @navbar-toctree-l1-sel-bg;
-                  border-bottom: solid 1px @light-grey;
-                  border-left: solid 2px @grey;
                   color: @navbar-toctree-l1-sel-txt;
+                  border-top: solid 1px @light-grey;
+                  border-bottom: solid 1px @light-grey;
+                  border-left: solid 2px @orange;
               }
               a:hover {
                   color: @orange;
@@ -166,13 +207,14 @@ aside {
 
   .tagcloud {
       h2 {
-          background-color: @sidebar-bg;
           margin-bottom: 0;
+          background-color: @sidebar-bg;
       }
 
       ul {
           list-style: none;
           padding: 0;
+          margin: 10px;
       }
 
       ul li {

theme/static/stylesheet/variables.less

@@ -4,6 +4,7 @@
 @white:  #ffffff;
 @grey: #333333;
 @light-grey:  #eeeeee;
+@med-light-grey: #d9d8d8;
 @med-grey:  #999999;
 @dark-grey: #242121;
 
@@ -20,7 +21,7 @@
 @link-hover-color: @light-orange;
 
 // Sidebar (aside)
-@sidebar-bg: @grey;
+@sidebar-bg: @dark-grey;
 @sidebar-text-color: @white;
 @sidebar-link-color: @white;
 @sidebar-link-hover-color: @light-grey;
@@ -28,8 +29,10 @@
 // NavBar
 @navbar-bg: @dark-grey;
 @navbar-text-color: @white;
-@navbar-toctree-l1-sel-bg: @dark-grey;
+
-@navbar-toctree-l1-sel-txt: @light-grey;
+@navbar-toctree-l1-sel-bg: @med-light-grey;
+@navbar-toctree-l1-sel-txt: @grey;
+
 @navbar-toctree-l2-bg: @med-grey;
 @navbar-toctree-l2-txt: @grey;
 @navbar-toctree-l2-sel-bg: @light-grey;

theme/templates/base.html

@@ -143,5 +143,6 @@
   </main>
 
   {% block additional_js %}{% endblock %}
+  <script type="text/javascript" async defer data-website-id="2cb9cd4c-66da-4e4f-9e84-a2d53c7b07bc" src="https://stat.opytex.org/umami.js"></script>
 </body>
 </html>

theme/templates/partial/toctree.html

@@ -1,13 +1,16 @@
 <ul class="toctree">
+    <h2>Niveaux</h2>
     {% for cat, articles in categories|sort %}
     {% if (article and article.category == cat) or category == cat %}
     <li class="toctree-l1 current"><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat | upper }}</a>
         <ul>
         {% for art in articles | sort(attribute="date") %}
-        {% if article == art %}
+        {% if "Semaine" not in art.tags%}
-        <li class="toctree-l2 current"><span>{{ art.title }}</span></li>
+            {% if article == art %}
-        {% else %}
+            <li class="toctree-l2 current"><span>{{ art.title }}</span></li>
-        <li class="toctree-l2"><a href="{{ SITEURL }}/{{ art.url }}">{{ art.title }}</a></li>
+            {% else %}
+            <li class="toctree-l2"><a href="{{ SITEURL }}/{{ art.url }}">{{ art.title }}</a></li>
+            {% endif %}
         {% endif %}
         {% endfor %}
         </ul>