diff --git a/blueprints/risdeveau/static/img/88x31/gf.png b/blueprints/risdeveau/static/img/88x31/gf.png new file mode 100644 index 0000000..822515f Binary files /dev/null and b/blueprints/risdeveau/static/img/88x31/gf.png differ diff --git a/blueprints/risdeveau/static/img/88x31/nixos.webp b/blueprints/risdeveau/static/img/88x31/nixos.webp new file mode 100644 index 0000000..98b5a44 Binary files /dev/null and b/blueprints/risdeveau/static/img/88x31/nixos.webp differ diff --git a/blueprints/risdeveau/static/img/88x31/teto.webp b/blueprints/risdeveau/static/img/88x31/teto.webp new file mode 100644 index 0000000..88854db Binary files /dev/null and b/blueprints/risdeveau/static/img/88x31/teto.webp differ diff --git a/blueprints/risdeveau/static/img/88x31/withpie.gif b/blueprints/risdeveau/static/img/88x31/withpie.gif new file mode 100644 index 0000000..e2d8214 Binary files /dev/null and b/blueprints/risdeveau/static/img/88x31/withpie.gif differ diff --git a/blueprints/risdeveau/static/style/risdeveau.scss b/blueprints/risdeveau/static/style/risdeveau.scss index 4f8f124..146d956 100644 --- a/blueprints/risdeveau/static/style/risdeveau.scss +++ b/blueprints/risdeveau/static/style/risdeveau.scss @@ -78,3 +78,17 @@ table, tbody { } } } + +#pie:hover { + animation: rotateY-animation 2s linear infinite; + transform-style: preserve-3d; + + @keyframes rotateY-animation { + to { + transform: rotateY(0deg); + } + from { + transform: rotateY(360deg); + } + } +} diff --git a/blueprints/risdeveau/templates/index.html b/blueprints/risdeveau/templates/index.html index cafbabe..99e0e05 100644 --- a/blueprints/risdeveau/templates/index.html +++ b/blueprints/risdeveau/templates/index.html @@ -51,4 +51,19 @@ + +
+ + + + + + +
+
+ + + + +
{% endblock %} \ No newline at end of file diff --git a/blueprints/root/static/style/main.scss b/blueprints/root/static/style/main.scss index 0fae7fb..3cf662d 100644 --- a/blueprints/root/static/style/main.scss +++ b/blueprints/root/static/style/main.scss @@ -206,6 +206,27 @@ footer { } } +.\38 8-31 { + margin-top: 2rem; + display: flex; + justify-content: center; + + & + & { + margin-top: 0; + } + + img { + width: 88px; + height: 31px; + transition-timing-function: ease-out; + transition-duration: .2s; + + &:hover { + transform: scale(1.5); + } + } +} + .disabled { opacity: 50%; cursor: not-allowed;