diff --git a/core/static/core/img/badge_pere_200.svg b/core/static/core/img/badge_pere_200.svg new file mode 100644 index 00000000..65945b1a --- /dev/null +++ b/core/static/core/img/badge_pere_200.svg @@ -0,0 +1 @@ + 200 GRIA \ No newline at end of file diff --git a/core/static/core/style.scss b/core/static/core/style.scss index 21481454..deea7e85 100644 --- a/core/static/core/style.scss +++ b/core/static/core/style.scss @@ -8,6 +8,15 @@ $large-devices: 992px; /*--------------------------------GENERAL------------------------------*/ body { + background: url("img/badge_pere_200.svg") repeat space right; + // the main content has width: 90% + // so a bgc of 5% makes the picture perfectly fit + // between the screen border and the main div + // However, it's ugly on small screens + background-size: 5%; + @media (max-width: 700px) { + background-size: 100px; + } position: relative; width: 100%; font-family: sans-serif; @@ -321,6 +330,14 @@ a:not(.button) { } } + #pere-200-background { + opacity: 20%; + background-size: 100%; + position: absolute; + left: 50%; + transform: translateX(-50%); + } + #content { padding: 1em 1%; box-shadow: $shadow-color 0 5px 10px; diff --git a/core/templates/core/base.jinja b/core/templates/core/base.jinja index 3849bb87..f67f763e 100644 --- a/core/templates/core/base.jinja +++ b/core/templates/core/base.jinja @@ -45,9 +45,11 @@ {% if not popup %}