diff --git a/static/favicon.ico b/assets/development/favicon.ico similarity index 100% rename from static/favicon.ico rename to assets/development/favicon.ico diff --git a/static/assets/img/adam.png b/assets/development/imgs/adam.png similarity index 100% rename from static/assets/img/adam.png rename to assets/development/imgs/adam.png diff --git a/static/assets/img/adam.webp b/assets/development/imgs/adam.webp similarity index 100% rename from static/assets/img/adam.webp rename to assets/development/imgs/adam.webp diff --git a/static/assets/img/cross.png b/assets/development/imgs/cross.png similarity index 100% rename from static/assets/img/cross.png rename to assets/development/imgs/cross.png diff --git a/static/assets/img/dummy-1.jpg b/assets/development/imgs/dummy-1.jpg similarity index 100% rename from static/assets/img/dummy-1.jpg rename to assets/development/imgs/dummy-1.jpg diff --git a/static/assets/img/dummy-2.jpg b/assets/development/imgs/dummy-2.jpg similarity index 100% rename from static/assets/img/dummy-2.jpg rename to assets/development/imgs/dummy-2.jpg diff --git a/static/assets/img/dummy-3.jpg b/assets/development/imgs/dummy-3.jpg similarity index 100% rename from static/assets/img/dummy-3.jpg rename to assets/development/imgs/dummy-3.jpg diff --git a/static/assets/img/dummy-4.jpg b/assets/development/imgs/dummy-4.jpg similarity index 100% rename from static/assets/img/dummy-4.jpg rename to assets/development/imgs/dummy-4.jpg diff --git a/static/assets/img/dummy-5.jpg b/assets/development/imgs/dummy-5.jpg similarity index 100% rename from static/assets/img/dummy-5.jpg rename to assets/development/imgs/dummy-5.jpg diff --git a/static/assets/img/espace_condorcet_logo.jpg b/assets/development/imgs/espace_condorcet_logo.jpg similarity index 100% rename from static/assets/img/espace_condorcet_logo.jpg rename to assets/development/imgs/espace_condorcet_logo.jpg diff --git a/static/assets/img/favicon-16x16.png b/assets/development/imgs/favicon-16x16.png similarity index 100% rename from static/assets/img/favicon-16x16.png rename to assets/development/imgs/favicon-16x16.png diff --git a/static/assets/img/favicon-32x32.png b/assets/development/imgs/favicon-32x32.png similarity index 100% rename from static/assets/img/favicon-32x32.png rename to assets/development/imgs/favicon-32x32.png diff --git a/static/assets/img/favicon.png b/assets/development/imgs/favicon.png similarity index 100% rename from static/assets/img/favicon.png rename to assets/development/imgs/favicon.png diff --git a/static/assets/img/lol.jpg b/assets/development/imgs/lol.jpg similarity index 100% rename from static/assets/img/lol.jpg rename to assets/development/imgs/lol.jpg diff --git a/static/assets/img/werobot.png b/assets/development/imgs/werobot.png similarity index 100% rename from static/assets/img/werobot.png rename to assets/development/imgs/werobot.png diff --git a/static/assets/js/home.js b/assets/development/scripts/home.js similarity index 73% rename from static/assets/js/home.js rename to assets/development/scripts/home.js index 46c9e09..5eaacd8 100644 --- a/static/assets/js/home.js +++ b/assets/development/scripts/home.js @@ -1,37 +1,37 @@ -let navOpened = false -let oldNavText = "" -let oldNavIcon = "" +let navOpened = false; +let oldNavText = ""; +let oldNavIcon = ""; -let navEnabler = document.getElementById('nav-enabler') -let navEnablerText = document.getElementById('nav-enabler-text') -let navEnablerIcon = document.getElementById('nav-enabler-icon') -let navContent = document.getElementById('nav-content') +let navEnabler = document.getElementById('nav-enabler'); +let navEnablerText = document.getElementById('nav-enabler-text'); +let navEnablerIcon = document.getElementById('nav-enabler-icon'); +let navContent = document.getElementById('nav-content'); -let mosaic = document.getElementById('mosaic') -let mosaicHeader = document.getElementById('mosaic-header') +let mosaic = document.getElementById('mosaic'); +let mosaicHeader = document.getElementById('mosaic-header'); navEnabler.onclick = async () => { if (!navOpened) { // open the menu - oldNavText = navEnablerText.textContent - navEnablerText.textContent = "Minimiser le menu" - navEnablerIcon.style.transform = "rotate(90eg)" - navContent.style.maxHeight = navContent.scrollHeight + "px" + oldNavText = navEnablerText.textContent; + navEnablerText.textContent = "Minimiser le menu"; + navEnablerIcon.style.transform = "rotate(90eg)"; + navContent.style.maxHeight = navContent.scrollHeight + "px"; } else { // close the menu - navEnablerText.textContent = oldNavText - navEnablerIcon.style.transform = "rotate(0deg)" - navContent.style.maxHeight = null + navEnablerText.textContent = oldNavText; + navEnablerIcon.style.transform = "rotate(0deg)"; + navContent.style.maxHeight = null; } - navOpened = !navOpened + navOpened = !navOpened; } function createEl(className = false, elName = "div") { - let el = document.createElement(elName) + let el = document.createElement(elName); if (className != false) { - el.className = className + el.className = className; } - return el + return el; } function renderNavItem(tag) { @@ -51,26 +51,26 @@ function renderNavItem(tag) { */ - let navItem = createEl('nav-item') - let navIcon = createEl('nav-icon') - let icon = createEl(tag.icon, 'i') + let navItem = createEl('nav-item'); + let navIcon = createEl('nav-icon'); + let icon = createEl(tag.icon, 'i'); - navIcon.appendChild(icon) - navItem.appendChild(navIcon) + navIcon.appendChild(icon); + navItem.appendChild(navIcon); - let navItemContent = createEl('nav-item-content') - let navTitle = createEl('nav-title') - navTitle.textContent = tag.name - navItemContent.appendChild(navTitle) + let navItemContent = createEl('nav-item-content'); + let navTitle = createEl('nav-title'); + navTitle.textContent = tag.name; + navItemContent.appendChild(navTitle); - let navAccess = createEl('nav-access') - let chevronIcon = createEl('fas fa-chevron-right', 'i') - navAccess.appendChild(chevronIcon) - navItemContent.appendChild(navTitle) - navItemContent.appendChild(navAccess) - navItem.appendChild(navItemContent) + let navAccess = createEl('nav-access'); + let chevronIcon = createEl('fas fa-chevron-right', 'i'); + navAccess.appendChild(chevronIcon); + navItemContent.appendChild(navTitle); + navItemContent.appendChild(navAccess); + navItem.appendChild(navItemContent); - return navItem + return navItem; } function setAttributes(node, attrs) { diff --git a/static/assets/js/organization.js b/assets/development/scripts/organization.js similarity index 100% rename from static/assets/js/organization.js rename to assets/development/scripts/organization.js diff --git a/static/assets/error.css b/assets/development/styles/error.css similarity index 100% rename from static/assets/error.css rename to assets/development/styles/error.css diff --git a/static/assets/home.css b/assets/development/styles/home.css similarity index 96% rename from static/assets/home.css rename to assets/development/styles/home.css index d40109d..52aafe8 100644 --- a/static/assets/home.css +++ b/assets/development/styles/home.css @@ -180,14 +180,13 @@ border-radius: 4px; margin-bottom: 1em; box-shadow: 0 0 8px 0px rgba(0,0,0,0.1); - transition: all 0.2s; overflow: hidden; text-decoration: none; + transition: transform 0.2s ease-in-out; } .card:hover { text-decoration: none; - transform: scale(1.02); } .card-image-container { @@ -206,8 +205,17 @@ background-position: center; background-size: cover; + transition: all 0.2s ease-in-out; + border: 0; + outline: 0; + box-shadow: 0; } +.card-image:hover { + transform: scale(1.1); +} + + .card-content { width: 100%; padding: 1.5em; @@ -235,7 +243,6 @@ } .card-title { - font-size: 1.6em; color: #B12008; margin: 0; margin-bottom: 0.5em; diff --git a/static/assets/main.css b/assets/development/styles/main.css similarity index 98% rename from static/assets/main.css rename to assets/development/styles/main.css index 567b1e9..0b62f96 100644 --- a/static/assets/main.css +++ b/assets/development/styles/main.css @@ -59,6 +59,7 @@ body { border-radius: 7px; background: #2c3e50; border: 0; + cursor: pointer; } .btn:focus { diff --git a/static/assets/organization.css b/assets/development/styles/organization.css similarity index 92% rename from static/assets/organization.css rename to assets/development/styles/organization.css index 7cddf8d..b99e60e 100644 --- a/static/assets/organization.css +++ b/assets/development/styles/organization.css @@ -194,7 +194,7 @@ } */ .media { - cursor: pointer; + cursor: zoom-in; height: 100%; border-radius: 4px; background-size: cover; @@ -561,6 +561,62 @@ section { width: .75em; } +/** +People cards +***/ +.peoples { + width: 100%; + display: flex; + justify-content: center; + margin-bottom: 1em; +} + +.people-card { + width: 100%; + margin-right: 1em; + border-radius: 3px; + padding: 1.2em 1.5em; + border: 1px solid gray; +} + +.people-card:last-of-type { + margin-right: 0; +} + +.people-header { + +} + +.people-name { + font-size: 1.4em; + margin-bottom: .5em; +} + +.people-contacts { + margin-top: .5em; +} + +.people-contact { + padding-top: .5em; + padding-bottom: .5em; + display: flex; + align-items: center; +} + +.people-name { + +} + +.people-role { + opacity: .8; +} + +.people-contact-icon { + width: 1em; + height: 1em; + margin-right: 1em; + color: #B15808; +} /* ***************************************************************************** * FOOTER @@ -741,6 +797,29 @@ RESPONSIVE .facebook .contact-content, .twitter .contact-content, .website .contact-content, .instagram .contact-content { font-size: .8em; } + + .peoples { + display: flex; + flex-direction: column; + } + + .people-card { + width: auto; + text-align: center; + margin-bottom: 1em; + margin-right: 0; + } + + .people-contacts { + display: flex; + flex-direction: column; + align-items: center; + } + + .people-card:last-of-type { + margin-bottom: 0; + } + } @media (max-width: 600px) { diff --git a/assets/production/favicon.ico b/assets/production/favicon.ico new file mode 100644 index 0000000..11e5d61 Binary files /dev/null and b/assets/production/favicon.ico differ diff --git a/assets/production/imgs/adam.png b/assets/production/imgs/adam.png new file mode 100644 index 0000000..a6a4205 Binary files /dev/null and b/assets/production/imgs/adam.png differ diff --git a/assets/production/imgs/adam.webp b/assets/production/imgs/adam.webp new file mode 100644 index 0000000..fe2cb06 Binary files /dev/null and b/assets/production/imgs/adam.webp differ diff --git a/assets/production/imgs/cross.png b/assets/production/imgs/cross.png new file mode 100644 index 0000000..bb49c0f Binary files /dev/null and b/assets/production/imgs/cross.png differ diff --git a/assets/production/imgs/dummy-1.jpg b/assets/production/imgs/dummy-1.jpg new file mode 100644 index 0000000..7176ed4 Binary files /dev/null and b/assets/production/imgs/dummy-1.jpg differ diff --git a/assets/production/imgs/dummy-2.jpg b/assets/production/imgs/dummy-2.jpg new file mode 100644 index 0000000..47b041c Binary files /dev/null and b/assets/production/imgs/dummy-2.jpg differ diff --git a/assets/production/imgs/dummy-3.jpg b/assets/production/imgs/dummy-3.jpg new file mode 100644 index 0000000..35a97eb Binary files /dev/null and b/assets/production/imgs/dummy-3.jpg differ diff --git a/assets/production/imgs/dummy-4.jpg b/assets/production/imgs/dummy-4.jpg new file mode 100644 index 0000000..03b98ff Binary files /dev/null and b/assets/production/imgs/dummy-4.jpg differ diff --git a/assets/production/imgs/dummy-5.jpg b/assets/production/imgs/dummy-5.jpg new file mode 100644 index 0000000..770d825 Binary files /dev/null and b/assets/production/imgs/dummy-5.jpg differ diff --git a/assets/production/imgs/espace_condorcet_logo.jpg b/assets/production/imgs/espace_condorcet_logo.jpg new file mode 100644 index 0000000..18cad56 Binary files /dev/null and b/assets/production/imgs/espace_condorcet_logo.jpg differ diff --git a/assets/production/imgs/favicon-16x16.png b/assets/production/imgs/favicon-16x16.png new file mode 100755 index 0000000..3f77dc2 Binary files /dev/null and b/assets/production/imgs/favicon-16x16.png differ diff --git a/assets/production/imgs/favicon-32x32.png b/assets/production/imgs/favicon-32x32.png new file mode 100755 index 0000000..3f77dc2 Binary files /dev/null and b/assets/production/imgs/favicon-32x32.png differ diff --git a/assets/production/imgs/favicon.png b/assets/production/imgs/favicon.png new file mode 100644 index 0000000..3f77dc2 Binary files /dev/null and b/assets/production/imgs/favicon.png differ diff --git a/assets/production/imgs/lol.jpg b/assets/production/imgs/lol.jpg new file mode 100644 index 0000000..c576701 Binary files /dev/null and b/assets/production/imgs/lol.jpg differ diff --git a/assets/production/imgs/werobot.png b/assets/production/imgs/werobot.png new file mode 100644 index 0000000..0bcf5cf Binary files /dev/null and b/assets/production/imgs/werobot.png differ diff --git a/assets/production/scripts/home.js b/assets/production/scripts/home.js new file mode 100644 index 0000000..0286181 --- /dev/null +++ b/assets/production/scripts/home.js @@ -0,0 +1 @@ +let navOpened=!1,oldNavText="",oldNavIcon="",navEnabler=document.getElementById("nav-enabler"),navEnablerText=document.getElementById("nav-enabler-text"),navEnablerIcon=document.getElementById("nav-enabler-icon"),navContent=document.getElementById("nav-content"),mosaic=document.getElementById("mosaic"),mosaicHeader=document.getElementById("mosaic-header");function createEl(e=!1,t="div"){let n=document.createElement(t);return 0!=e&&(n.className=e),n}function renderNavItem(e){let t=createEl("nav-item"),n=createEl("nav-icon"),a=createEl(e.icon,"i");n.appendChild(a),t.appendChild(n);let r=createEl("nav-item-content"),l=createEl("nav-title");l.textContent=e.name,r.appendChild(l);let i=createEl("nav-access"),c=createEl("fas fa-chevron-right","i");return i.appendChild(c),r.appendChild(l),r.appendChild(i),t.appendChild(r),t}function setAttributes(e,t){for(var n in t)attr=document.createAttribute(n),attr.value=t[n],e.attributes.setNamedItem(attr)}function renderCard(e){let t=createEl("card","a"),n=createEl("card-image-container"),a=createEl("card-image");a.style=`background-image: url('${e.thumbnail}')`,n.appendChild(a),t.appendChild(n);let r=createEl("card-content"),l=createEl(),i=createEl("card-title-container"),c=createEl("card-title","h2");c.textContent=e.name,i.appendChild(c);let d=createEl("card-icon");if(Array.isArray(e.tags)&&e.tags.length>0){let t=tags.filter(t=>e.tags[0]===t._id)[0];d.innerHTML=`