From b9acd3bd2378f9b8167b015d940017a49a12ddd8 Mon Sep 17 00:00:00 2001 From: chris ellis Date: Tue, 2 Apr 2024 00:01:28 +0100 Subject: [PATCH] Update all main information pages --- .gitignore | 1 + static/css/main.min.css | 2 +- static/css/src/base.css | 204 +++++ static/css/src/build-css.sh | 5 + static/css/src/font.css | 127 ++++ static/css/src/icons.css | 65 ++ static/css/src/icons/.directory | 3 + static/css/src/icons/build_data_uri.sh | 18 + static/css/src/icons/caret_down.svg | 3 + static/css/src/icons/caret_up.svg | 3 + static/css/src/icons/close.svg | 3 + static/css/src/icons/email.svg | 52 ++ static/css/src/icons/github.svg | 41 + static/css/src/icons/gitlab.svg | 48 ++ static/css/src/icons/interview.svg | 3 + static/css/src/icons/linkedin.svg | 49 ++ static/css/src/icons/mastodon.svg | 45 ++ static/css/src/icons/menu.svg | 3 + static/css/src/icons/optimised/caret_down.svg | 1 + static/css/src/icons/optimised/caret_up.svg | 1 + static/css/src/icons/optimised/close.svg | 1 + static/css/src/icons/optimised/email.svg | 1 + static/css/src/icons/optimised/github.svg | 1 + static/css/src/icons/optimised/gitlab.svg | 1 + static/css/src/icons/optimised/interview.svg | 1 + static/css/src/icons/optimised/linkedin.svg | 1 + static/css/src/icons/optimised/mastodon.svg | 1 + static/css/src/icons/optimised/menu.svg | 1 + static/css/src/icons/optimised/share.svg | 1 + static/css/src/icons/optimised/twitter.svg | 12 + static/css/src/icons/optimised/web.svg | 1 + static/css/src/icons/share.svg | 3 + static/css/src/icons/twitter.svg | 60 ++ static/css/src/icons/web.svg | 3 + static/css/src/layout.css | 346 +++++++++ static/css/src/menu.css | 74 ++ static/css/src/responsive.css | 77 ++ static/css/src/socials.css | 66 ++ static/img/hero.svg | 20 +- static/img/optimised/hero.svg | 2 +- static/img/people/unknown.svg | 113 ++- static/js/pgdayuk.js | 6 +- templates/base.html | 102 ++- templates/context.json | 60 +- templates/pages/about.html | 128 ++-- templates/pages/become-sponsor.html | 314 ++++---- templates/pages/call-for-papers.html | 398 +++++----- templates/pages/code-of-conduct.html | 141 ++-- templates/pages/contact.html | 32 +- templates/pages/covid-19.html | 35 +- templates/pages/index.html | 17 +- templates/pages/organisation.html | 149 ++-- templates/pages/registration.html | 709 +++++++++--------- templates/pages/social.html | 19 +- templates/pages/sponsor-faq.html | 20 +- templates/pages/sponsor-interviews.html | 30 +- templates/pages/sponsors.html | 90 ++- templates/pages/teaser2023.html | 222 ------ templates/pages/things-to-do.html | 240 +++++- templates/pages/venue.html | 167 +++-- templates/pages/visa-letter.html | 66 +- templates/sponsorinterview.html | 40 +- 62 files changed, 2977 insertions(+), 1471 deletions(-) create mode 100644 .gitignore create mode 100644 static/css/src/base.css create mode 100755 static/css/src/build-css.sh create mode 100644 static/css/src/font.css create mode 100644 static/css/src/icons.css create mode 100644 static/css/src/icons/.directory create mode 100755 static/css/src/icons/build_data_uri.sh create mode 100644 static/css/src/icons/caret_down.svg create mode 100644 static/css/src/icons/caret_up.svg create mode 100644 static/css/src/icons/close.svg create mode 100644 static/css/src/icons/email.svg create mode 100644 static/css/src/icons/github.svg create mode 100644 static/css/src/icons/gitlab.svg create mode 100644 static/css/src/icons/interview.svg create mode 100644 static/css/src/icons/linkedin.svg create mode 100644 static/css/src/icons/mastodon.svg create mode 100644 static/css/src/icons/menu.svg create mode 100644 static/css/src/icons/optimised/caret_down.svg create mode 100644 static/css/src/icons/optimised/caret_up.svg create mode 100644 static/css/src/icons/optimised/close.svg create mode 100644 static/css/src/icons/optimised/email.svg create mode 100644 static/css/src/icons/optimised/github.svg create mode 100644 static/css/src/icons/optimised/gitlab.svg create mode 100644 static/css/src/icons/optimised/interview.svg create mode 100644 static/css/src/icons/optimised/linkedin.svg create mode 100644 static/css/src/icons/optimised/mastodon.svg create mode 100644 static/css/src/icons/optimised/menu.svg create mode 100644 static/css/src/icons/optimised/share.svg create mode 100644 static/css/src/icons/optimised/twitter.svg create mode 100644 static/css/src/icons/optimised/web.svg create mode 100644 static/css/src/icons/share.svg create mode 100644 static/css/src/icons/twitter.svg create mode 100644 static/css/src/icons/web.svg create mode 100644 static/css/src/layout.css create mode 100644 static/css/src/menu.css create mode 100644 static/css/src/responsive.css create mode 100644 static/css/src/socials.css delete mode 100644 templates/pages/teaser2023.html diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..fd19c7d --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +templates/context.local.json diff --git a/static/css/main.min.css b/static/css/main.min.css index fd404b8..537da8e 100644 --- a/static/css/main.min.css +++ b/static/css/main.min.css @@ -1 +1 @@ -@font-face{font-family:'Poppins';font-style:italic;font-weight:100;font-display:swap;src:url(/fonts/poppins-v20/Poppins-ThinItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:200;font-display:swap;src:url(/fonts/poppins-v20/Poppins-ExtraLightItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/poppins-v20/Poppins-LightItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/poppins-v20/Poppins-Italic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/poppins-v20/Poppins-MediumItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/poppins-v20/Poppins-SemiBoldItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/poppins-v20/Poppins-BoldItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/poppins-v20/Poppins-ExtraBoldItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:900;font-display:swap;src:url(/fonts/poppins-v20/Poppins-BlackItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:100;font-display:swap;src:url(/fonts/poppins-v20/Poppins-Thin.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/poppins-v20/Poppins-ExtraLight.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/poppins-v20/Poppins-Light.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-v20/Poppins-Regular.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-v20/Poppins-Medium.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-v20/Poppins-SemiBold.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-v20/Poppins-Bold.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/poppins-v20/Poppins-ExtraBold.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/poppins-v20/Poppins-Black.ttf) format('truetype')}:root{--main-font:'Inter',sans-serif;--main-font-weight-normal:400;--main-font-weight-bold:600;--main-font-weight-extra-bold:800;--main-text-colour:#202125;--light-text-colour:#fff;--main-background-colour:#f9f9f9;--section-background-colour:#fff;--primary-colour:#566BD9;--secondary-colour:#d95656;--light-border-colour:#DADBDF}*{padding:0;margin:0}body{font-family:var(--main-font);font-weight:var(--main-font-weight-normal);color:var(--main-text-colour);background-color:var(--main-background-colour);font-size:16px;line-height:1.2}h1,h2,h3,h4,h5,h6{font-weight:var(--main-font-weight-bold);color:var(--main-text-colour);line-height:1.2;width:100%;margin-bottom:1rem}h1{font-size:2.5rem;font-weight:var(--main-font-weight-extra-bold)}h2{font-size:2rem;font-weight:var(--main-font-weight-extra-bold)}h3{font-size:1.5rem}h4{font-size:1.2rem}h5{font-size:1.1rem}h6{font-size:1rem;font-weight:var(--main-font-weight-normal)}p{margin-bottom:1rem}a:visited,a{text-decoration:underline;outline:none;color:var(--main-text-colour)}a:hover,a:active,a:focus{color:var(--primary-colour)}ol,ul{list-style:none}strong,b{font-weight:var(--main-font-weight-bold)}em{font-style:italic}hr{display:block;width:100%;margin:2rem auto;border:none;border-top:2px solid var(--primary-colour)}#content ul,#content ol{margin-bottom:1rem}#content ul>li,#content ol>li{padding:.25rem 0}img{display:block;box-sizing:border-box;border-radius:1rem;margin:1rem 0;width:100%;height:10rem;object-fit:cover}a.button{display:block;box-sizing:border-box;padding:1rem;border-radius:1rem;border:1px solid var(--primary-colour);text-decoration:none;color:var(--primary-colour);font-size:1.2rem;font-weight:var(--main-font-weight-bold);text-align:center;width:fit-content;margin:0 auto;box-shadow:0 .6rem .8rem -0.2rem rgba(16,24,40,0.08),0 .4rem .6rem -0.2rem rgba(16,24,40,0.03)}a.button:hover{color:var(--main-text-colour);background-color:var(--light-border-colour);border:1px solid var(--main-text-colour)}a.button.primary{background-color:var(--primary-colour);color:var(--light-text-colour)}a.button.primary:hover{background-color:var(--main-text-colour);border:1px solid var(--main-text-colour)}nav.button-bar{margin:2rem 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}nav.button-bar>a{margin:.5rem 0;width:100%}.container{width:90%;max-width:400px;margin:0 auto}header.main{background-color:var(--section-background-colour);padding:0;border-bottom:1px solid var(--light-border-colour)}header.main>.container{display:flex;flex-direction:row}header.main a#logo>img{height:4rem;margin:.5rem 0;object-fit:contain}header.main h1{font-size:2rem;line-height:5rem;text-align:center}footer.main{margin:2rem 0}footer.main ul.links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start}footer.main ul.links>li{display:block;margin:.5rem 0;width:100%}footer.main ul.links>li>a{text-decoration:none}main#content{background-color:var(--section-background-colour);padding:1rem 0}section{margin-bottom:2rem}section>h2,section>h6{text-align:center}section.hero{text-align:center}section.hero img{height:fit-content}section.hero h2{font-size:3rem}section.hero h3{font-size:2rem}section.hero h4{font-size:1.8rem}section.news{background-color:var(--main-background-colour);padding:2rem 0}section.news details{background-color:var(--section-background-colour);border:1px solid var(--light-border-colour);border-radius:1rem;padding:1rem}section.news details>summary{list-style:none}section.news details[open]>div,section.news details>summary{border-bottom:2px solid var(--primary-colour)}section.news details[open]>summary{border-bottom:1px solid var(--light-border-colour);margin-bottom:1rem}section.news details>summary::before{display:block;float:right;width:1rem;height:1rem;content:" ";background-image:url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTYgMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDIuODUyLTggOC04LTggMi0yIDYgNiA2LTYgMiAyeiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNTY2QkQ5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K');background-position:top right;background-repeat:no-repeat;background-size:1rem 1rem;transition:.4s}section.news details[open]>summary::before{transform:rotate(180deg)}section.news details+details{margin:1rem 0}section.sponsors{}ul.sponsors-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}ul.sponsors-list>li{display:block;margin:1rem 0;width:80%}ul.sponsors-list img{height:120px;width:100%;object-fit:contain}ul.sponsors-list li>a.interview{font-size:1rem;text-decoration:none;display:block;box-sizing:border-box;padding:.5rem 1rem;text-align:center}#main-menu{margin-left:auto;width:5rem}#menu-pancake{display:block;width:100%;height:5rem;background-color:var(--section-background-colour);background-image:url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgMTIuOTI2aDE4bS0xOC02aDE4bS0xOCAxMmgxOCIgc3Ryb2tlPSIjMjAyMTI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPgo=');background-position:center right;background-repeat:no-repeat;background-size:2.5rem 2.5rem}#main-menu>div.menu-pane{padding:.5rem 0;margin:0;list-style:none;position:absolute;top:5rem;right:0;left:0;background:var(--section-background-colour);z-index:10000;display:none;visibility:hidden;opacity:0;box-shadow:0 1.2rem 1.6rem -0.4rem rgba(16,24,40,0.08),0 .4rem .6rem -0.2rem rgba(16,24,40,0.03);border-top:1px solid var(--light-border-colour)}#main-menu ul>li{}#main-menu ul>li>a{display:block;text-decoration:none;font-size:1.2rem;padding:.75rem 1rem;box-sizing:border-box}#main-menu ul>li>a:hover{background-color:var(--main-background-colour)}#main-menu ul>li:hover,#main-menu ul>li:focus-within{cursor:pointer;text-decoration:none}#main-menu:focus>div.menu-pane,#main-menu:focus-within>div.menu-pane,#main-menu:hover>div.menu-pane,#main-menu div.menu-pane:hover,#main-menu div.menu-pane:focus-within{visibility:visible;opacity:1;display:block}#main-menu ul{padding-bottom:.5rem;border-bottom:1px solid var(--light-border-colour)}ul.socials{display:flex;flex-direction:row;width:100%;margin:1rem 0}ul.socials li{display:block;margin:0 1rem 0 0;padding:0}ul.socials li a{display:block;width:2rem;height:2rem;background-position:center;background-repeat:no-repeat;background-size:2rem 2rem}.icons.email{background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzU2NmJkOSI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMSIvPjxwYXRoIGQ9Im0yMi45OSAxNS44MWMtLjAyLS43NC0uMTU1LTEuNDUtLjM4OC0yLjExNWw4LjM5OC01LjI0OXYtMS40NDZjMC0xLjEwMy0uODk3LTItMi0yaC0yNmMtMS4xMDMgMC0yIC44OTctMiAydjEuNDQ2bDguMzk4IDUuMjQ5Yy0uMjMzLjY2NS0uMzY5IDEuMzc1LS4zODggMi4xMTVsLTguMDEtNS4wMDZ2MTQuMTk2YzAgMS4xMDMuODk3IDIgMiAyaDI2YzEuMTAzIDAgMi0uODk3IDItMnYtMTQuMTk2em0tMy40OSAyLjY5Yy0uNTAxIDAtLjk2Ni0uMTUxLTEuMzU3LS40MDYtLjU0Ni41NTctMS4zMDQuOTA2LTIuMTQzLjkwNi0xLjY1NCAwLTMtMS4zNDYtMy0zczEuMzQ2LTMgMy0zIDMgMS4zNDYgMyAzYzAgLjI3Ni4yMjQuNS41LjVzLjUtLjIyNC41LS41YzAtMi4yMDYtMS43OTQtNC00LTRzLTQgMS43OTQtNCA0IDEuNzk0IDQgNCA0Yy44OCAwIDEuNzA4LS4yNzUgMi4zOTYtLjc5Ni40NDEtLjMzNCAxLjA2OC0uMjQ4IDEuNDAxLjE5Mi4zMzQuNDQuMjQ4IDEuMDY3LS4xOTIgMS40MDEtMS4wMzguNzg3LTIuMjg0IDEuMjAzLTMuNjA1IDEuMjAzLTMuMzA5IDAtNi0yLjY5MS02LTZzMi42OTEtNiA2LTYgNiAyLjY5MSA2IDZjMCAxLjM3OC0xLjEyMiAyLjUtMi41IDIuNXoiLz48L2c+PC9zdmc+Cg==')}.icons.github{background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im00OS44NTQgMmMtMjcuMDE1IDAtNDguODU0IDIyLTQ4Ljg1NCA0OS4yMTcgMCAyMS43NTYgMTMuOTkzIDQwLjE3MiAzMy40MDUgNDYuNjkgMi40MjcgMC40OSAzLjMxNi0xLjA1OSAzLjMxNi0yLjM2MiAwLTEuMTQxLTAuMDgtNS4wNTItMC4wOC05LjEyNy0xMy41OSAyLjkzNC0xNi40Mi01Ljg2Ny0xNi40Mi01Ljg2Ny0yLjE4NC01LjcwNC01LjQyLTcuMTctNS40Mi03LjE3LTQuNDQ4LTMuMDE1IDAuMzI0LTMuMDE1IDAuMzI0LTMuMDE1IDQuOTM0IDAuMzI2IDcuNTIzIDUuMDUyIDcuNTIzIDUuMDUyIDQuMzY3IDcuNDk2IDExLjQwNCA1LjM3OCAxNC4yMzUgNC4wNzQgMC40MDQtMy4xNzggMS42OTktNS4zNzggMy4wNzQtNi42LTEwLjgzOS0xLjE0MS0yMi4yNDMtNS4zNzgtMjIuMjQzLTI0LjI4MyAwLTUuMzc4IDEuOTQtOS43NzggNS4wMTQtMTMuMi0wLjQ4NS0xLjIyMi0yLjE4NC02LjI3NSAwLjQ4Ni0xMy4wMzggMCAwIDQuMTI1LTEuMzA0IDEzLjQyNiA1LjA1MmE0Ni45NyA0Ni45NyAwIDAgMSAxMi4yMTQtMS42M2M0LjEyNSAwIDguMzMgMC41NzEgMTIuMjEzIDEuNjMgOS4zMDItNi4zNTYgMTMuNDI3LTUuMDUyIDEzLjQyNy01LjA1MiAyLjY3IDYuNzYzIDAuOTcgMTEuODE2IDAuNDg1IDEzLjAzOCAzLjE1NSAzLjQyMiA1LjAxNSA3LjgyMiA1LjAxNSAxMy4yIDAgMTguOTA1LTExLjQwNCAyMy4wNi0yMi4zMjQgMjQuMjgzIDEuNzggMS41NDggMy4zMTYgNC40ODEgMy4zMTYgOS4xMjYgMCA2LjYtMC4wOCAxMS44OTctMC4wOCAxMy41MjYgMCAxLjMwNCAwLjg5IDIuODUzIDMuMzE2IDIuMzY0IDE5LjQxMi02LjUyIDMzLjQwNS0yNC45MzUgMzMuNDA1LTQ2LjY5MSAwLjA4LTI3LjIxNy0yMS44MzktNDkuMjE3LTQ4Ljc3My00OS4yMTd6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM1NjZiZDkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo=')}.icons.gitlab{background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNDIzMDdkO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODkuOTczIC04OS41MTcpIiBmaWxsPSIjNTY2YmQ5Ij48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yODIuODMgMTcwLjczLTAuMjctMC42OS0yNi4xNC02OC4yMmE2LjgxIDYuODEgMCAwIDAtMi42OS0zLjI0IDcgNyAwIDAgMC04IDAuNDMgNyA3IDAgMCAwLTIuMzIgMy41MmwtMTcuNjUgNTRoLTcxLjQ3bC0xNy42NS01NGE2Ljg2IDYuODYgMCAwIDAtMi4zMi0zLjUzIDcgNyAwIDAgMC04LTAuNDMgNi44NyA2Ljg3IDAgMCAwLTIuNjkgMy4yNGwtMjYuMTkgNjguMTktMC4yNiAwLjY5YTQ4LjU0IDQ4LjU0IDAgMCAwIDE2LjEgNTYuMWwwLjA5IDAuMDcgMC4yNCAwLjE3IDM5LjgyIDI5LjgyIDE5LjcgMTQuOTEgMTIgOS4wNmE4LjA3IDguMDcgMCAwIDAgOS43NiAwbDEyLTkuMDYgMTkuNy0xNC45MSA0MC4wNi0zMCAwLjEtMC4wOGE0OC41NiA0OC41NiAwIDAgMCAxNi4wOC01Ni4wNHoiIGZpbGw9IiM1NjZiZDkiLz48L2c+PC9zdmc+Cg==')}.icons.linkedin{background-image:url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgcm9sZT0iaW1nIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSI0LjY5NzUiIHk9IjQuNTg1OCIgd2lkdGg9IjE0LjkyOCIgaGVpZ2h0PSIxNC41MDQiIGZpbGw9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxLjUiIHN0cm9rZS13aWR0aD0iMCIvPjxwYXRoIGQ9Im0xOS43IDNoLTE1LjRjLTAuNzE4IDAtMS4zIDAuNTgyLTEuMyAxLjN2MTUuNGMwIDAuNzE4IDAuNTgyIDEuMyAxLjMgMS4zaDE1LjRjMC43MTggMCAxLjMtMC41ODIgMS4zLTEuM3YtMTUuNGMwLTAuNzE4LTAuNTgyLTEuMy0xLjMtMS4zem0tMTEuMzYxIDE1LjMzOGgtMi42NzJ2LTguNTloMi42NzJ2OC41OXptLTEuMzM1LTkuNzY0Yy0wLjg1NyAwLTEuNTQ5LTAuNjk0LTEuNTQ5LTEuNTQ4IDAtMC44NTUgMC42OTEtMS41NDggMS41NDktMS41NDggMC44NTQgMCAxLjU0NyAwLjY5NCAxLjU0NyAxLjU0OCAwIDAuODU1LTAuNjkzIDEuNTQ4LTEuNTQ3IDEuNTQ4em0xMS4zMzUgOS43NjRoLTIuNjY5di00LjE3N2MwLTAuOTk2LTAuMDE3LTIuMjc4LTEuMzg3LTIuMjc4LTEuMzg5IDAtMS42MDEgMS4wODYtMS42MDEgMi4yMDZ2NC4yNDloLTIuNjY3di04LjU5aDIuNTU5djEuMTc0aDAuMDM3YzAuMzU2LTAuNjc1IDEuMjI3LTEuMzg3IDIuNTI2LTEuMzg3IDIuNzAzIDAgMy4yMDMgMS43NzkgMy4yMDMgNC4wOTJ2NC43MTF6IiBmaWxsPSIjNTY2YmQ5Ii8+PC9zdmc+Cg==')}.icons.mastodon{background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjM0LjM4IDIzNC4zNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjIxLjE4IDEzOS45N2MtMy4xODEyIDE2LjM2Ni0yOC40OTIgMzQuMjc4LTU3LjU2MiAzNy43NDktMTUuMTU5IDEuODA4OC0zMC4wODQgMy40NzEyLTQ1Ljk5OSAyLjc0MTItMjYuMDI4LTEuMTkyNS00Ni41NjUtNi4yMTI1LTQ2LjU2NS02LjIxMjUgMCAyLjUzMzggMC4xNTYyNSA0Ljk0NjIgMC40Njg3NSA3LjIwMjUgMy4zODM4IDI1LjY4NiAyNS40NyAyNy4yMjUgNDYuMzkxIDI3Ljk0MiAyMS4xMTYgMC43MjI1IDM5LjkxOS01LjIwNjIgMzkuOTE5LTUuMjA2MmwwLjg2NzUgMTkuMDlzLTE0Ljc3IDcuOTMxMi00MS4wODEgOS4zOWMtMTQuNTA5IDAuNzk3NS0zMi41MjQtMC4zNjUtNTMuNTA2LTUuOTE4OC00NS41MDgtMTIuMDQ1LTUzLjMzNC02MC41NTQtNTQuNTMxLTEwOS43Ny0wLjM2NS0xNC42MTQtMC4xNC0yOC4zOTQtMC4xNC0zOS45MTkgMC01MC4zMyAzMi45NzYtNjUuMDgyIDMyLjk3Ni02NS4wODIgMTYuNjI4LTcuNjM2MyA0NS4xNTktMTAuODQ4IDc0LjgyLTExLjA5aDAuNzI4NzVjMjkuNjYxIDAuMjQyNSA1OC4yMTEgMy40NTM4IDc0LjgzOCAxMS4wOSAwIDAgMzIuOTc1IDE0Ljc1MiAzMi45NzUgNjUuMDgyIDAgMCAwLjQxMzc1IDM3LjEzNC00LjU5ODggNjIuOTE1IiBmaWxsPSIjNTY2YmQ5Ii8+PHBhdGggZD0ibTE4Ni44OCA4MC45NjN2NjAuOTQxaC0yNC4xNDR2LTU5LjE1YzAtMTIuNDY5LTUuMjQ2Mi0xOC43OTgtMTUuNzQtMTguNzk4LTExLjYwMiAwLTE3LjQxOCA3LjUwNzUtMTcuNDE4IDIyLjM1MnYzMi4zNzZoLTI0LjAwMXYtMzIuMzc2YzAtMTQuODQ1LTUuODE2Mi0yMi4zNTItMTcuNDE5LTIyLjM1Mi0xMC40OTQgMC0xNS43NCA2LjMyODgtMTUuNzQgMTguNzk4djU5LjE1aC0yNC4xNDR2LTYwLjk0MWMwLTEyLjQ1NSAzLjE3MTItMjIuMzUyIDkuNTQxMi0yOS42NzUgNi41Njg4LTcuMzIyNSAxNS4xNzEtMTEuMDc2IDI1Ljg1LTExLjA3NiAxMi4zNTUgMCAyMS43MTEgNC43NDg4IDI3Ljg5OCAxNC4yNDhsNi4wMTM4IDEwLjA4MSA2LjAxNS0xMC4wODFjNi4xODUtOS40OTg4IDE1LjU0MS0xNC4yNDggMjcuODk4LTE0LjI0OCAxMC42NzggMCAxOS4yOCAzLjc1MzggMjUuODUgMTEuMDc2IDYuMzY4OCA3LjMyMjUgOS41NCAxNy4yMiA5LjU0IDI5LjY3NSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPgo=')}.icons.share{background-image:url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTcgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEzLjUgMC4xMDIwNWMtMC40NzU1LTEuNmUtNCAtMC45NDUyIDAuMTA0MDItMS4zNzYxIDAuMzA1MTktMC40MzA4IDAuMjAxMTctMC44MTIzIDAuNDk0NDMtMS4xMTc0IDAuODU5MDktMC4zMDUyIDAuMzY0NjYtMC41MjY2IDAuNzkxODMtMC42NDg3IDEuMjUxNC0wLjEyMiAwLjQ1OTU2LTAuMTQxOCAwLjk0MDMxLTAuMDU3OCAxLjQwODNsLTQuNzMgMy4zMTJjLTAuMDIzNjUgMC4wMTYzNi0wLjA0NjM2IDAuMDM0MDYtMC4wNjggMC4wNTMtMC40Nzk4Ni0wLjM3NTEyLTEuMDU1NS0wLjYwNzg0LTEuNjYxMi0wLjY3MTYzLTAuNjA1NzMtMC4wNjM3OS0xLjIxNzIgMC4wNDM5My0xLjc2NDcgMC4zMTA4NnMtMS4wMDg5IDAuNjgyMzQtMS4zMzE3IDEuMTk4OGMtMC4zMjI4IDAuNTE2NTEtMC40OTM5NiAxLjExMzMtMC40OTM5NiAxLjcyMjQgMCAwLjYwOTA1IDAuMTcxMTYgMS4yMDYgMC40OTM5NiAxLjcyMjQgMC4zMjI4IDAuNTE2NSAwLjc4NDI0IDAuOTMxOSAxLjMzMTcgMS4xOTg4IDAuNTQ3NDggMC4yNjcgMS4xNTkgMC4zNzQ3IDEuNzY0NyAwLjMxMDkgMC42MDU3NC0wLjA2MzggMS4xODE0LTAuMjk2NSAxLjY2MTItMC42NzE2IDAuMDIxNjEgMC4wMTkyIDAuMDQ0MzIgMC4wMzczIDAuMDY4IDAuMDU0bDQuNzMgMy4zMTJjLTAuMTQwNCAwLjc4MjcgMC4wMTEgMS41ODk4IDAuNDI1NyAyLjI2ODQgMC40MTQ2IDAuNjc4NiAxLjA2MzcgMS4xODE2IDEuODI0MyAxLjQxMzhzMS41Nzk5IDAuMTc3NSAyLjMwMjktMC4xNTM4YzAuNzIyOS0wLjMzMTMgMS4yOTkzLTAuOTE2MiAxLjYyLTEuNjQzOXMwLjM2MzUtMS41NDc4IDAuMTIwMi0yLjMwNDljLTAuMjQzMi0wLjc1NzEtMC43NTU3LTEuMzk4OC0xLjQ0MDItMS44MDM1LTAuNjg0Ni0wLjQwNDctMS40OTM4LTAuNTQ0My0yLjI3NDQtMC4zOTI1cy0xLjQ3ODUgMC41ODQ2LTEuOTYxNSAxLjIxNjNsLTQuNDc5LTMuMTM0OWMwLjItMC40MjIgMC4zMTItMC44OTMgMC4zMTItMS4zOTEgMC0wLjQ5OC0wLjExMi0wLjk3LTAuMzEyLTEuMzkxbDQuNDgtMy4xMzZjMC4zMzU2IDAuNDM5MjcgMC43Nzc3IDAuNzg1NjggMS4yODQ1IDEuMDA2NSAwLjUwNjcgMC4yMjA4IDEuMDYxNCAwLjMwODY5IDEuNjExNyAwLjI1NTM2IDAuNTUwMi0wLjA1MzMzIDEuMDc3Ny0wLjI0NjEyIDEuNTMyNi0wLjU2MDE0czAuODIyMy0wLjczODg5IDEuMDY3Mi0xLjIzNDRjMC4yNDUtMC40OTU1NSAwLjM1OTUtMS4wNDU0IDAuMzMyOC0xLjU5NzUtMC4wMjY4LTAuNTUyMTQtMC4xOTM5LTEuMDg4My0wLjQ4NTYtMS41NTc5cy0wLjY5ODQtMC44NTY5Mi0xLjE4MTYtMS4xMjU1Yy0wLjQ4MzEtMC4yNjg1OC0xLjAyNjgtMC40MDk0Ny0xLjU3OTYtMC40MDkzN3ptLTEuNzUgMy4yNWMwLTAuNDY0MTMgMC4xODQ0LTAuOTA5MjUgMC41MTI2LTEuMjM3NCAwLjMyODItMC4zMjgxOCAwLjc3MzMtMC41MTI1NiAxLjIzNzQtMC41MTI1NnMwLjkwOTMgMC4xODQzOCAxLjIzNzQgMC41MTI1NmMwLjMyODIgMC4zMjgxOSAwLjUxMjYgMC43NzMzMSAwLjUxMjYgMS4yMzc0cy0wLjE4NDQgMC45MDkyNS0wLjUxMjYgMS4yMzc0Yy0wLjMyODEgMC4zMjgxOS0wLjc3MzMgMC41MTI1Ni0xLjIzNzQgMC41MTI1NnMtMC45MDkyLTAuMTg0MzctMS4yMzc0LTAuNTEyNTYtMC41MTI2LTAuNzczMzEtMC41MTI2LTEuMjM3NHptLTguMjUgNC43NWMtMC40NjQxMyAwLTAuOTA5MjUgMC4xODQzNy0xLjIzNzQgMC41MTI1Ni0wLjMyODE4IDAuMzI4MTktMC41MTI1NiAwLjc3MzMxLTAuNTEyNTYgMS4yMzc0IDAgMC40NjQxNSAwLjE4NDM4IDAuOTA5MjUgMC41MTI1NiAxLjIzNzQgMC4zMjgxOSAwLjMyODIgMC43NzMzMSAwLjUxMjYgMS4yMzc0IDAuNTEyNnMwLjkwOTI1LTAuMTg0NCAxLjIzNzQtMC41MTI2IDAuNTEyNTYtMC43NzMzIDAuNTEyNTYtMS4yMzc0YzAtMC40NjQxMy0wLjE4NDM3LTAuOTA5MjUtMC41MTI1Ni0xLjIzNzRzLTAuNzczMzEtMC41MTI1Ni0xLjIzNzQtMC41MTI1NnptMTAgNi41Yy0wLjQ2NDEgMC0wLjkwOTIgMC4xODQzLTEuMjM3NCAwLjUxMjVzLTAuNTEyNiAwLjc3MzMtMC41MTI2IDEuMjM3NWMwIDAuNDY0MSAwLjE4NDQgMC45MDkyIDAuNTEyNiAxLjIzNzRzMC43NzMzIDAuNTEyNiAxLjIzNzQgMC41MTI2IDAuOTA5My0wLjE4NDQgMS4yMzc0LTAuNTEyNmMwLjMyODItMC4zMjgyIDAuNTEyNi0wLjc3MzMgMC41MTI2LTEuMjM3NCAwLTAuNDY0Mi0wLjE4NDQtMC45MDkzLTAuNTEyNi0xLjIzNzUtMC4zMjgxLTAuMzI4Mi0wLjc3MzMtMC41MTI1LTEuMjM3NC0wLjUxMjV6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo=')}.icons.twitter{background-image:url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MDAgNDAwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0MDAgNDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOjU2NmJkOWZmO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KCgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMDAiIGN5PSIyMDAiIHI9IjIwMCIgZmlsbD0iIzU2NmJkOSIvPgoKCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJtMTYzLjQgMzA1LjVjODguNyAwIDEzNy4yLTczLjUgMTM3LjItMTM3LjIgMC0yLjEgMC00LjItMC4xLTYuMiA5LjQtNi44IDE3LjYtMTUuMyAyNC4xLTI1LTguNiAzLjgtMTcuOSA2LjQtMjcuNyA3LjYgMTAtNiAxNy42LTE1LjQgMjEuMi0yNi43LTkuMyA1LjUtMTkuNiA5LjUtMzAuNiAxMS43LTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMi0yNi42IDAtNDguMiAyMS42LTQ4LjIgNDguMiAwIDMuOCAwLjQgNy41IDEuMyAxMS00MC4xLTItNzUuNi0yMS4yLTk5LjQtNTAuNC00LjEgNy4xLTYuNSAxNS40LTYuNSAyNC4yIDAgMTYuNyA4LjUgMzEuNSAyMS41IDQwLjEtNy45LTAuMi0xNS4zLTIuNC0yMS44LTZ2MC42YzAgMjMuNCAxNi42IDQyLjggMzguNyA0Ny4zLTQgMS4xLTguMyAxLjctMTIuNyAxLjctMy4xIDAtNi4xLTAuMy05LjEtMC45IDYuMSAxOS4yIDIzLjkgMzMuMSA0NSAzMy41LTE2LjUgMTIuOS0zNy4zIDIwLjYtNTkuOSAyMC42LTMuOSAwLTcuNy0wLjItMTEuNS0wLjcgMjEuMSAxMy44IDQ2LjUgMjEuOCA3My43IDIxLjgiLz4KCjwvc3ZnPgo=')}.profile-card ul.socials{margin:0 auto}#footer ul.socials{margin:.25rem 0}.author-socials ul.socials{margin:1rem auto}@media(min-width:800px){.container{max-width:780px}footer.main ul.links>li{width:calc((100% - 1rem) / 2)}ul.sponsors-list>li{width:50%}nav.button-bar>a{width:calc((100% - 2rem) / 2)}}@media(min-width:1000px){.container{max-width:960px}footer.main ul.links>li{width:calc((100% - 3rem) / 4)}ul.sponsors-list>li{width:40%}nav.button-bar>a{width:calc((100% - 2rem) / 2)}}@media(min-width:1600px){} \ No newline at end of file +@font-face{font-family:'Poppins';font-style:italic;font-weight:100;font-display:swap;src:url(/fonts/poppins-v20/Poppins-ThinItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:200;font-display:swap;src:url(/fonts/poppins-v20/Poppins-ExtraLightItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/poppins-v20/Poppins-LightItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/poppins-v20/Poppins-Italic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/poppins-v20/Poppins-MediumItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/poppins-v20/Poppins-SemiBoldItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/poppins-v20/Poppins-BoldItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/poppins-v20/Poppins-ExtraBoldItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:italic;font-weight:900;font-display:swap;src:url(/fonts/poppins-v20/Poppins-BlackItalic.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:100;font-display:swap;src:url(/fonts/poppins-v20/Poppins-Thin.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/poppins-v20/Poppins-ExtraLight.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/poppins-v20/Poppins-Light.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-v20/Poppins-Regular.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-v20/Poppins-Medium.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-v20/Poppins-SemiBold.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-v20/Poppins-Bold.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/poppins-v20/Poppins-ExtraBold.ttf) format('truetype')}@font-face{font-family:'Poppins';font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/poppins-v20/Poppins-Black.ttf) format('truetype')}:root{--main-font:'Inter',sans-serif;--main-font-weight-normal:400;--main-font-weight-bold:600;--main-font-weight-extra-bold:800;--main-text-colour:#202125;--light-text-colour:#fff;--main-background-colour:#f9f9f9;--section-background-colour:#fff;--primary-colour:#566BD9;--secondary-colour:#d95656;--light-border-colour:#DADBDF}*{padding:0;margin:0}body{font-family:var(--main-font);font-weight:var(--main-font-weight-normal);color:var(--main-text-colour);background-color:var(--main-background-colour);font-size:16px;line-height:1.2}h1,h2,h3,h4,h5,h6{font-weight:var(--main-font-weight-bold);color:var(--main-text-colour);line-height:1.2;width:100%;margin-bottom:1rem}h1{font-size:2.5rem;font-weight:var(--main-font-weight-extra-bold)}h2{font-size:2rem;font-weight:var(--main-font-weight-extra-bold)}h3{font-size:1.5rem}h4{font-size:1.2rem}h5{font-size:1.1rem}h6{font-size:1rem;font-weight:var(--main-font-weight-normal)}p{margin-bottom:1rem;line-height:1.4}a:visited,a{text-decoration:underline;outline:none;color:var(--main-text-colour)}a:hover,a:active,a:focus{color:var(--primary-colour)}ol,ul{list-style:none}strong,b{font-weight:var(--main-font-weight-bold)}em{font-style:italic}hr{display:block;width:100%;margin:2rem auto;border:none;border-top:2px solid var(--primary-colour)}main ul,main ol{margin-bottom:1rem}main ul>li,main ol>li{padding:.25rem 0}img{display:block;box-sizing:border-box;border-radius:1rem;margin:1rem 0;width:100%;height:10rem;object-fit:cover}a.button,a.button.hollow.primary{display:block;box-sizing:border-box;padding:1rem;border-radius:1rem;border:2px solid var(--primary-colour);text-decoration:none;color:var(--primary-colour);background-color:var(--section-background-colour);font-size:1.2rem;font-weight:var(--main-font-weight-bold);text-align:center;width:fit-content;margin:0 auto;box-shadow:0 .6rem .8rem -0.2rem rgba(16,24,40,0.08),0 .4rem .6rem -0.2rem rgba(16,24,40,0.03);text-transform:uppercase}a.button:hover,a.button.hollow.primary:hover{color:var(--main-text-colour);background-color:var(--light-border-colour);border:2px solid var(--main-text-colour)}a.button.hollow.secondary{background-color:var(--section-background-colour);border:2px solid var(--secondary-colour);color:var(--secondary-colour)}a.button.hollow.secondary:hover{color:var(--main-text-colour);background-color:var(--light-border-colour);border:2px solid var(--main-text-colour)}a.button.primary{background-color:var(--primary-colour);color:var(--light-text-colour)}a.button.primary:hover{background-color:var(--main-text-colour);border:2px solid var(--main-text-colour)}a.button.secondary{background-color:var(--secondary-colour);border:2px solid var(--secondary-colour);color:var(--light-text-colour)}a.button.secondary:hover{background-color:var(--main-text-colour);border:2px solid var(--main-text-colour)}nav.button-bar{padding:1rem 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}nav.button-bar>a{margin:.5rem 0;width:100%}.centred{text-align:center}table{border:2px solid var(--light-border-colour);border-collapse:collapse;margin-bottom:1rem;width:100%;box-sizing:border-box}table td,table th{padding:.5rem 1rem;border:2px solid var(--light-border-colour)}table th{font-weight:var(--main-font-weight-bold)}.container{width:90%;max-width:400px;margin:0 auto}header.main{background-color:var(--section-background-colour);padding:0;border-bottom:1px solid var(--light-border-colour)}header.main>.container{position:relative;display:flex;flex-direction:row;justify-content:space-between}header.main a#logo{display:block;z-index:100}header.main a#logo>img{height:4rem;margin:.5rem 0;object-fit:contain}header.main h1{display:block;position:absolute;top:0;left:0;width:100%;z-index:0;font-size:2rem;line-height:5rem;text-align:center;text-transform:uppercase}footer.main{margin:2rem 0}footer.main ul.links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start}footer.main ul.links>li{display:block;margin:.5rem 0;width:100%}footer.main ul.links>li>a{text-decoration:none}main#content{background-color:var(--section-background-colour)}section{padding:2rem 0 1rem 0}main#content>h1,main#content>h2,main#content>h3,main#content>h4,main#content>h5,main#content>h6,section>h1,section>h2,section>h3,section>h4,section>h5,section>h6{text-align:center}main>section,section.grey{background-color:var(--main-background-colour);padding:2rem 0}section.page,section.header{background-color:var(--section-background-colour);padding:1rem 0}section.header>h1,section.header>h2,section.header>h3,section.header>h4,section.header>h5,section.header>h6,section.header>p{text-align:center}.card,details{background-color:var(--section-background-colour);border:2px solid var(--light-border-colour);border-radius:1rem;padding:1rem}details>summary{list-style:none}details[open]>div,details>summary{border-bottom:1px solid var(--primary-colour)}details[open]>summary{border-bottom:1px solid var(--light-border-colour);margin-bottom:1rem}details>summary::before{display:block;float:right;width:1rem;height:1rem;content:" ";background-image:url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTYgMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDIuODUyLTggOC04LTggMi0yIDYgNiA2LTYgMiAyeiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNTY2QkQ5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K');background-position:top right;background-repeat:no-repeat;background-size:1rem 1rem;transition:.4s}details[open]>summary::before{transform:rotate(180deg)}.card+.card,details+details{margin:1rem 0}section.hero{background-color:var(--section-background-colour);padding:1rem 0;text-align:center}section.hero img{height:fit-content}section.hero h2{font-size:3rem;text-transform:uppercase}section.hero h3{font-size:2rem}section.hero h4{font-size:1.8rem}section.news{background-color:var(--main-background-colour);padding:2rem 0}section.sponsors{background-color:var(--section-background-colour);padding:2rem 0}ul.sponsors-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:0}ul.sponsors-list>li{display:block;margin:1rem 0;width:80%}ul.sponsors-list img{height:120px;width:100%;object-fit:contain}ul.sponsors-list li>a.interview{font-size:1rem;text-decoration:none;display:block;box-sizing:border-box;padding:.5rem 1rem;text-align:center}section.cta{text-align:center;background-color:var(--primary-colour);color:var(--light-text-colour);padding:3rem 0 1rem 0}section.cta h2,section.cta h3,section.cta h4,section.cta h5,section.cta h6{color:var(--light-text-colour)}section.cta h2{text-transform:uppercase}.map>iframe{width:100%;margin-bottom:1rem}section.committe{padding-bottom:1rem}ul.people{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:0}ul.people>li{display:block;background-color:var(--section-background-colour);border-radius:1rem;text-align:center;margin:1rem 0;width:calc(100% - 2rem)}ul.people img{margin:1rem auto;width:12rem;height:12rem;border-radius:50%;object-fit:cover}ul.people li>a.interview{font-size:1rem;text-decoration:none;display:block;box-sizing:border-box;padding:.5rem 1rem;text-align:center}.container.sponsor-options{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.container.sponsor-options>div{margin:1rem 0;width:100%}.sponsor-options .card{display:flex;flex-direction:column}.sponsor-options .card .button{margin-top:auto;width:100%}main section.sponsors{background-color:var(--main-background-colour);padding:2rem 0}main section.sponsors>.container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:0}main section.sponsors>.container>div{background-color:var(--section-background-colour);border-radius:1rem;box-sizing:border-box;padding:1rem;margin:1rem 0;width:calc(100% - 2rem)}main section.sponsors>.container>div img{height:120px;width:100%;object-fit:contain}main section.sponsors>.container>div a{font-size:1rem;text-decoration:none;display:block;box-sizing:border-box;padding:.5rem 1rem}main section.sponsors>.container>div .description{margin-top:1rem}a.icon.web{line-height:1.5rem;padding-left:2rem!important;background-position:center left;background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-image:url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE3LjkgMTguMjQyYy0wLjI2LTAuODAwMS0xLjAxLTEuMzktMS45LTEuMzloLTF2LTNjMC0wLjI2NTMtMC4xMDU0LTAuNTE5Ni0wLjI5MjktMC43MDcyLTAuMTg3NS0wLjE4NzUtMC40NDE5LTAuMjkyOC0wLjcwNzEtMC4yOTI4aC02di0yaDJjMC4yNjUyIDAgMC41MTk2LTAuMTA1NCAwLjcwNzEtMC4yOTI5IDAuMTg3NS0wLjE4NzYgMC4yOTI5LTAuNDQxOSAwLjI5MjktMC43MDcxNXYtMmgyYzAuNTMwNCAwIDEuMDM5MS0wLjIxMDcxIDEuNDE0Mi0wLjU4NTc5IDAuMzc1MS0wLjM3NTA3IDAuNTg1OC0wLjg4Mzc4IDAuNTg1OC0xLjQxNDJ2LTAuNDFjMS4xOTY1IDAuNDgyMzcgMi4yNTgyIDEuMjQ3NSAzLjA5NDQgMi4yMjk4IDAuODM2MiAwLjk4MjM2IDEuNDIxOSAyLjE1MjcgMS43MDY5IDMuNDEwOSAwLjI4NTEgMS4yNTgxIDAuMjYxIDIuNTY2Ni0wLjA3MDEgMy44MTM1LTAuMzMxMSAxLjI0NjgtMC45NTk1IDIuMzk0OC0xLjgzMTIgMy4zNDU4em0tNi45IDIuNTRjLTMuOTUtMC40OS03LTMuODUtNy03LjkzIDAtMC42MiAwLjA4LTEuMjIgMC4yMS0xLjc5bDQuNzkgNC43OXYxYzAgMC41MzA0IDAuMjEwNzEgMS4wMzkxIDAuNTg1NzkgMS40MTQyIDAuMzc1MDcgMC4zNzUgMC44ODM4MSAwLjU4NTggMS40MTQyIDAuNTg1OG0xLTE2Yy0xLjMxMzIgMC0yLjYxMzYgMC4yNTg2Ni0zLjgyNjggMC43NjEyMS0xLjIxMzMgMC41MDI1NC0yLjMxNTYgMS4yMzkxLTMuMjQ0MiAyLjE2NzctMS44NzU0IDEuODc1NC0yLjkyODkgNC40MTg5LTIuOTI4OSA3LjA3MTEgMCAyLjY1MjEgMS4wNTM2IDUuMTk1NyAyLjkyODkgNy4wNzEgMC45Mjg1OSAwLjkyODYgMi4wMzEgMS42NjUyIDMuMjQ0MiAyLjE2NzcgMS4yMTMyIDAuNTAyNiAyLjUxMzYgMC43NjEzIDMuODI2OCAwLjc2MTMgMi42NTIyIDAgNS4xOTU3LTEuMDUzNiA3LjA3MTEtMi45MjkgMS44NzUzLTEuODc1MyAyLjkyODktNC40MTg5IDIuOTI4OS03LjA3MSAwLTEuMzEzMy0wLjI1ODctMi42MTM2LTAuNzYxMi0zLjgyNjktMC41MDI2LTEuMjEzMy0xLjIzOTEtMi4zMTU2LTIuMTY3Ny0zLjI0NDItMC45Mjg2LTAuOTI4NTgtMi4wMzEtMS42NjUyLTMuMjQ0My0yLjE2NzctMS4yMTMyLTAuNTAyNTUtMi41MTM2LTAuNzYxMjEtMy44MjY4LTAuNzYxMjF6IiBmaWxsPSIjMDAwIi8+PC9zdmc+Cg==')}a.icon.interview{line-height:1.5rem;padding-left:2rem!important;background-position:center left;background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-image:url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjAgMTkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjEgMTguODUyYy0wLjI4MzMzIDAtMC41MjA2Ny0wLjA5Ni0wLjcxMi0wLjI4OHMtMC4yODczMy0wLjQyOTQtMC4yODgtMC43MTJjMC0wLjExNjcgMC4wMjUtMC4yMzc3IDAuMDc1LTAuMzYzIDAuMDUtMC4xMjU0IDAuMTI1LTAuMjM3NyAwLjIyNS0wLjMzN2w0LjYyNS00LjYyNS0wLjcyNS0wLjcyNS00LjYgNC42MjVjLTAuMSAwLjEtMC4yMDgzMyAwLjE3NS0wLjMyNSAwLjIyNXMtMC4yNDE2NyAwLjA3NS0wLjM3NSAwLjA3NWMtMC4yODMzMyAwLTAuNTIwNjctMC4wOTU3LTAuNzEyLTAuMjg3LTAuMTkxMzMtMC4xOTE0LTAuMjg3MzMtMC40MjktMC4yODgtMC43MTMgMC0wLjE2NjcgMC4wMjUtMC4zMDQ0IDAuMDc1LTAuNDEzIDAuMDUtMC4xMDg3IDAuMTE2NjctMC4yMDQ0IDAuMi0wLjI4N2w0LjYyNS00LjYyNS0wLjctMC43MDAwNS00LjYyNSA0LjZjLTAuMSAwLjEtMC4yMDgzMyAwLjE3NS0wLjMyNSAwLjIyNXMtMC4yNSAwLjA3NS0wLjQgMC4wNzVjLTAuMjY2NjcgMC0wLjUtMC4xLTAuNy0wLjNzLTAuMy0wLjQzMzQtMC4zLTAuN2MwLTAuMTMzNCAwLjAyNS0wLjI1ODQgMC4wNzUtMC4zNzUgMC4wNS0wLjExNjcgMC4xMjUtMC4yMjUgMC4yMjUtMC4zMjVsNC42MjUtNC42MjUtMC43MjUtMC43LTQuNiA0LjYyNWMtMC4wODMzMyAwLjA4MzMtMC4xODMzMyAwLjE1LTAuMyAwLjJzLTAuMjU4MzMgMC4wNzUtMC40MjUgMC4wNzVjLTAuMjgzMzMgMC0wLjUyMS0wLjA5Ni0wLjcxMy0wLjI4OHMtMC4yODc2Ny0wLjQyOTQtMC4yODctMC43MTJjMC0wLjEzMzQgMC4wMjUtMC4yNTg0IDAuMDc1LTAuMzc1IDAuMDUtMC4xMTY3IDAuMTI1LTAuMjI1IDAuMjI1LTAuMzI1bDUuNTc1LTUuNTc1IDMuNzUgMy43NzVjMC4xODMzIDAuMTgzMzQgMC40IDAuMzI5MzQgMC42NSAwLjQzOCAwLjI1IDAuMTA4NjcgMC41IDAuMTYyNjcgMC43NSAwLjE2MiAwLjUzMzMgMCAxLTAuMTg3MzMgMS40LTAuNTYyIDAuNC0wLjM3NDY2IDAuNi0wLjg1Mzk5IDAuNi0xLjQzOCAwLTAuMjMzMzQtMC4wNDE3LTAuNDc1LTAuMTI1LTAuNzI1cy0wLjIzMzMtMC40ODMzNC0wLjQ1LTAuN2wtNC40NzUtNC40NzVjMC4yODMzLTAuMjY2NjcgMC42LTAuNDcwNjcgMC45NS0wLjYxMiAwLjM1LTAuMTQxMzQgMC43LTAuMjEyMzQgMS4wNS0wLjIxMyAwLjQzMzMgMCAwLjgzMzMgMC4wNzEgMS4yIDAuMjEzIDAuMzY2NyAwLjE0MiAwLjcgMC4zNjI2NiAxIDAuNjYxOTlsNC4yMjUgNC4yNWMwLjMgMC4zIDAuNTIxIDAuNjMzMzMgMC42NjMgMSAwLjE0MiAwLjM2NjY2IDAuMjEyNyAwLjc5MTY2IDAuMjEyIDEuMjc1IDAgMC4zMzMzNC0wLjA3NSAwLjY3MS0wLjIyNSAxLjAxM3MtMC4zNjY3IDAuNjU0MzQtMC42NSAwLjkzNzA1bC04LjMyNSA4LjM1Yy0wLjEzMzMgMC4xMzMzLTAuMjUgMC4yMTY2LTAuMzUgMC4yNS0wLjEgMC4wMzMzLTAuMjE2NyAwLjA1LTAuMzUgMC4wNXptLTguNTc1LTgtMC42NS0wLjY1Yy0wLjI4MzMzLTAuMjY2NzEtMC41LTAuNTgzMzgtMC42NS0wLjk1MDA1LTAuMTUtMC4zNjY2Ni0wLjIyNS0wLjc0OTk5LTAuMjI1LTEuMTUgMC0wLjQzMzM0IDAuMDgzMzMzLTAuODMzMzQgMC4yNS0xLjIgMC4xNjY2Ny0wLjM2NjY3IDAuMzc1LTAuNjc1IDAuNjI1LTAuOTI1bDQuMjI1LTQuMjVjMC4yNjY2Ny0wLjI2NjY2IDAuNTgzMzMtMC40NzkzMyAwLjk1LTAuNjM4IDAuMzY2NjctMC4xNTg2NiAwLjcyNS0wLjIzNzY2IDEuMDc1LTAuMjM3IDAuNDUgMCAwLjg1IDAuMDYyNjY3IDEuMiAwLjE4OCAwLjM1IDAuMTI1MzQgMC42OTE2NyAwLjM1NDM0IDEuMDI1IDAuNjg3bDUuMTI1IDUuMTI1YzAuMSAwLjA5OTk5IDAuMTc1IDAuMjA4MzMgMC4yMjUgMC4zMjQ5OSAwLjA1IDAuMTE2NjcgMC4wNzUgMC4yNDE2NyAwLjA3NSAwLjM3NSAwIDAuMjY2NjctMC4xIDAuNS0wLjMgMC43cy0wLjQzMzMgMC4zLTAuNyAwLjNjLTAuMTUgMC0wLjI3NS0wLjAyMDY2LTAuMzc1LTAuMDYyLTAuMS0wLjA0MTMzLTAuMjA4My0wLjEyMDY2LTAuMzI1LTAuMjM4bC00LjUtNC40NS03LjA1IDcuMDV6IiBmaWxsPSIjMDAwIi8+PC9zdmc+Cg==')}#main-menu{width:5rem;z-index:100}#menu-pancake{display:block;width:5rem;height:5rem;background-color:var(--section-background-colour);background-image:url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgMTIuOTI2aDE4bS0xOC02aDE4bS0xOCAxMmgxOCIgc3Ryb2tlPSIjMjAyMTI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPgo=');background-position:center right;background-repeat:no-repeat;background-size:2.5rem 2.5rem}#main-menu>div.menu-pane{padding:.5rem 0;margin:0;list-style:none;position:absolute;top:5rem;right:0;left:0;background:var(--section-background-colour);z-index:10000;display:none;visibility:hidden;opacity:0;box-shadow:0 1.2rem 1.6rem -0.4rem rgba(16,24,40,0.08),0 .4rem .6rem -0.2rem rgba(16,24,40,0.03);border-top:1px solid var(--light-border-colour)}#main-menu ul>li{}#main-menu ul>li>a{display:block;text-decoration:none;font-size:1.2rem;padding:.75rem 1rem;box-sizing:border-box}#main-menu ul>li>a:hover{background-color:var(--main-background-colour)}#main-menu ul>li:hover,#main-menu ul>li:focus-within{cursor:pointer;text-decoration:none}#main-menu:focus>div.menu-pane,#main-menu:focus-within>div.menu-pane,#main-menu:hover>div.menu-pane,#main-menu div.menu-pane:hover,#main-menu div.menu-pane:focus-within{visibility:visible;opacity:1;display:block}#main-menu ul{padding-bottom:.5rem;border-bottom:1px solid var(--light-border-colour)}ul.socials{display:flex;flex-direction:row;width:100%;margin:1rem 0}ul.socials li{display:block;margin:0 1rem 0 0;padding:0}ul.socials li a{display:block;width:2rem;height:2rem;background-position:center;background-repeat:no-repeat;background-size:2rem 2rem}.icons.email{background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzU2NmJkOSI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMSIvPjxwYXRoIGQ9Im0yMi45OSAxNS44MWMtLjAyLS43NC0uMTU1LTEuNDUtLjM4OC0yLjExNWw4LjM5OC01LjI0OXYtMS40NDZjMC0xLjEwMy0uODk3LTItMi0yaC0yNmMtMS4xMDMgMC0yIC44OTctMiAydjEuNDQ2bDguMzk4IDUuMjQ5Yy0uMjMzLjY2NS0uMzY5IDEuMzc1LS4zODggMi4xMTVsLTguMDEtNS4wMDZ2MTQuMTk2YzAgMS4xMDMuODk3IDIgMiAyaDI2YzEuMTAzIDAgMi0uODk3IDItMnYtMTQuMTk2em0tMy40OSAyLjY5Yy0uNTAxIDAtLjk2Ni0uMTUxLTEuMzU3LS40MDYtLjU0Ni41NTctMS4zMDQuOTA2LTIuMTQzLjkwNi0xLjY1NCAwLTMtMS4zNDYtMy0zczEuMzQ2LTMgMy0zIDMgMS4zNDYgMyAzYzAgLjI3Ni4yMjQuNS41LjVzLjUtLjIyNC41LS41YzAtMi4yMDYtMS43OTQtNC00LTRzLTQgMS43OTQtNCA0IDEuNzk0IDQgNCA0Yy44OCAwIDEuNzA4LS4yNzUgMi4zOTYtLjc5Ni40NDEtLjMzNCAxLjA2OC0uMjQ4IDEuNDAxLjE5Mi4zMzQuNDQuMjQ4IDEuMDY3LS4xOTIgMS40MDEtMS4wMzguNzg3LTIuMjg0IDEuMjAzLTMuNjA1IDEuMjAzLTMuMzA5IDAtNi0yLjY5MS02LTZzMi42OTEtNiA2LTYgNiAyLjY5MSA2IDZjMCAxLjM3OC0xLjEyMiAyLjUtMi41IDIuNXoiLz48L2c+PC9zdmc+Cg==')}.icons.github{background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im00OS44NTQgMmMtMjcuMDE1IDAtNDguODU0IDIyLTQ4Ljg1NCA0OS4yMTcgMCAyMS43NTYgMTMuOTkzIDQwLjE3MiAzMy40MDUgNDYuNjkgMi40MjcgMC40OSAzLjMxNi0xLjA1OSAzLjMxNi0yLjM2MiAwLTEuMTQxLTAuMDgtNS4wNTItMC4wOC05LjEyNy0xMy41OSAyLjkzNC0xNi40Mi01Ljg2Ny0xNi40Mi01Ljg2Ny0yLjE4NC01LjcwNC01LjQyLTcuMTctNS40Mi03LjE3LTQuNDQ4LTMuMDE1IDAuMzI0LTMuMDE1IDAuMzI0LTMuMDE1IDQuOTM0IDAuMzI2IDcuNTIzIDUuMDUyIDcuNTIzIDUuMDUyIDQuMzY3IDcuNDk2IDExLjQwNCA1LjM3OCAxNC4yMzUgNC4wNzQgMC40MDQtMy4xNzggMS42OTktNS4zNzggMy4wNzQtNi42LTEwLjgzOS0xLjE0MS0yMi4yNDMtNS4zNzgtMjIuMjQzLTI0LjI4MyAwLTUuMzc4IDEuOTQtOS43NzggNS4wMTQtMTMuMi0wLjQ4NS0xLjIyMi0yLjE4NC02LjI3NSAwLjQ4Ni0xMy4wMzggMCAwIDQuMTI1LTEuMzA0IDEzLjQyNiA1LjA1MmE0Ni45NyA0Ni45NyAwIDAgMSAxMi4yMTQtMS42M2M0LjEyNSAwIDguMzMgMC41NzEgMTIuMjEzIDEuNjMgOS4zMDItNi4zNTYgMTMuNDI3LTUuMDUyIDEzLjQyNy01LjA1MiAyLjY3IDYuNzYzIDAuOTcgMTEuODE2IDAuNDg1IDEzLjAzOCAzLjE1NSAzLjQyMiA1LjAxNSA3LjgyMiA1LjAxNSAxMy4yIDAgMTguOTA1LTExLjQwNCAyMy4wNi0yMi4zMjQgMjQuMjgzIDEuNzggMS41NDggMy4zMTYgNC40ODEgMy4zMTYgOS4xMjYgMCA2LjYtMC4wOCAxMS44OTctMC4wOCAxMy41MjYgMCAxLjMwNCAwLjg5IDIuODUzIDMuMzE2IDIuMzY0IDE5LjQxMi02LjUyIDMzLjQwNS0yNC45MzUgMzMuNDA1LTQ2LjY5MSAwLjA4LTI3LjIxNy0yMS44MzktNDkuMjE3LTQ4Ljc3My00OS4yMTd6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM1NjZiZDkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo=')}.icons.gitlab{background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNDIzMDdkO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODkuOTczIC04OS41MTcpIiBmaWxsPSIjNTY2YmQ5Ij48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yODIuODMgMTcwLjczLTAuMjctMC42OS0yNi4xNC02OC4yMmE2LjgxIDYuODEgMCAwIDAtMi42OS0zLjI0IDcgNyAwIDAgMC04IDAuNDMgNyA3IDAgMCAwLTIuMzIgMy41MmwtMTcuNjUgNTRoLTcxLjQ3bC0xNy42NS01NGE2Ljg2IDYuODYgMCAwIDAtMi4zMi0zLjUzIDcgNyAwIDAgMC04LTAuNDMgNi44NyA2Ljg3IDAgMCAwLTIuNjkgMy4yNGwtMjYuMTkgNjguMTktMC4yNiAwLjY5YTQ4LjU0IDQ4LjU0IDAgMCAwIDE2LjEgNTYuMWwwLjA5IDAuMDcgMC4yNCAwLjE3IDM5LjgyIDI5LjgyIDE5LjcgMTQuOTEgMTIgOS4wNmE4LjA3IDguMDcgMCAwIDAgOS43NiAwbDEyLTkuMDYgMTkuNy0xNC45MSA0MC4wNi0zMCAwLjEtMC4wOGE0OC41NiA0OC41NiAwIDAgMCAxNi4wOC01Ni4wNHoiIGZpbGw9IiM1NjZiZDkiLz48L2c+PC9zdmc+Cg==')}.icons.linkedin{background-image:url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgcm9sZT0iaW1nIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSI0LjY5NzUiIHk9IjQuNTg1OCIgd2lkdGg9IjE0LjkyOCIgaGVpZ2h0PSIxNC41MDQiIGZpbGw9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxLjUiIHN0cm9rZS13aWR0aD0iMCIvPjxwYXRoIGQ9Im0xOS43IDNoLTE1LjRjLTAuNzE4IDAtMS4zIDAuNTgyLTEuMyAxLjN2MTUuNGMwIDAuNzE4IDAuNTgyIDEuMyAxLjMgMS4zaDE1LjRjMC43MTggMCAxLjMtMC41ODIgMS4zLTEuM3YtMTUuNGMwLTAuNzE4LTAuNTgyLTEuMy0xLjMtMS4zem0tMTEuMzYxIDE1LjMzOGgtMi42NzJ2LTguNTloMi42NzJ2OC41OXptLTEuMzM1LTkuNzY0Yy0wLjg1NyAwLTEuNTQ5LTAuNjk0LTEuNTQ5LTEuNTQ4IDAtMC44NTUgMC42OTEtMS41NDggMS41NDktMS41NDggMC44NTQgMCAxLjU0NyAwLjY5NCAxLjU0NyAxLjU0OCAwIDAuODU1LTAuNjkzIDEuNTQ4LTEuNTQ3IDEuNTQ4em0xMS4zMzUgOS43NjRoLTIuNjY5di00LjE3N2MwLTAuOTk2LTAuMDE3LTIuMjc4LTEuMzg3LTIuMjc4LTEuMzg5IDAtMS42MDEgMS4wODYtMS42MDEgMi4yMDZ2NC4yNDloLTIuNjY3di04LjU5aDIuNTU5djEuMTc0aDAuMDM3YzAuMzU2LTAuNjc1IDEuMjI3LTEuMzg3IDIuNTI2LTEuMzg3IDIuNzAzIDAgMy4yMDMgMS43NzkgMy4yMDMgNC4wOTJ2NC43MTF6IiBmaWxsPSIjNTY2YmQ5Ii8+PC9zdmc+Cg==')}.icons.mastodon{background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjM0LjM4IDIzNC4zNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjIxLjE4IDEzOS45N2MtMy4xODEyIDE2LjM2Ni0yOC40OTIgMzQuMjc4LTU3LjU2MiAzNy43NDktMTUuMTU5IDEuODA4OC0zMC4wODQgMy40NzEyLTQ1Ljk5OSAyLjc0MTItMjYuMDI4LTEuMTkyNS00Ni41NjUtNi4yMTI1LTQ2LjU2NS02LjIxMjUgMCAyLjUzMzggMC4xNTYyNSA0Ljk0NjIgMC40Njg3NSA3LjIwMjUgMy4zODM4IDI1LjY4NiAyNS40NyAyNy4yMjUgNDYuMzkxIDI3Ljk0MiAyMS4xMTYgMC43MjI1IDM5LjkxOS01LjIwNjIgMzkuOTE5LTUuMjA2MmwwLjg2NzUgMTkuMDlzLTE0Ljc3IDcuOTMxMi00MS4wODEgOS4zOWMtMTQuNTA5IDAuNzk3NS0zMi41MjQtMC4zNjUtNTMuNTA2LTUuOTE4OC00NS41MDgtMTIuMDQ1LTUzLjMzNC02MC41NTQtNTQuNTMxLTEwOS43Ny0wLjM2NS0xNC42MTQtMC4xNC0yOC4zOTQtMC4xNC0zOS45MTkgMC01MC4zMyAzMi45NzYtNjUuMDgyIDMyLjk3Ni02NS4wODIgMTYuNjI4LTcuNjM2MyA0NS4xNTktMTAuODQ4IDc0LjgyLTExLjA5aDAuNzI4NzVjMjkuNjYxIDAuMjQyNSA1OC4yMTEgMy40NTM4IDc0LjgzOCAxMS4wOSAwIDAgMzIuOTc1IDE0Ljc1MiAzMi45NzUgNjUuMDgyIDAgMCAwLjQxMzc1IDM3LjEzNC00LjU5ODggNjIuOTE1IiBmaWxsPSIjNTY2YmQ5Ii8+PHBhdGggZD0ibTE4Ni44OCA4MC45NjN2NjAuOTQxaC0yNC4xNDR2LTU5LjE1YzAtMTIuNDY5LTUuMjQ2Mi0xOC43OTgtMTUuNzQtMTguNzk4LTExLjYwMiAwLTE3LjQxOCA3LjUwNzUtMTcuNDE4IDIyLjM1MnYzMi4zNzZoLTI0LjAwMXYtMzIuMzc2YzAtMTQuODQ1LTUuODE2Mi0yMi4zNTItMTcuNDE5LTIyLjM1Mi0xMC40OTQgMC0xNS43NCA2LjMyODgtMTUuNzQgMTguNzk4djU5LjE1aC0yNC4xNDR2LTYwLjk0MWMwLTEyLjQ1NSAzLjE3MTItMjIuMzUyIDkuNTQxMi0yOS42NzUgNi41Njg4LTcuMzIyNSAxNS4xNzEtMTEuMDc2IDI1Ljg1LTExLjA3NiAxMi4zNTUgMCAyMS43MTEgNC43NDg4IDI3Ljg5OCAxNC4yNDhsNi4wMTM4IDEwLjA4MSA2LjAxNS0xMC4wODFjNi4xODUtOS40OTg4IDE1LjU0MS0xNC4yNDggMjcuODk4LTE0LjI0OCAxMC42NzggMCAxOS4yOCAzLjc1MzggMjUuODUgMTEuMDc2IDYuMzY4OCA3LjMyMjUgOS41NCAxNy4yMiA5LjU0IDI5LjY3NSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPgo=')}.icons.share{background-image:url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTcgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEzLjUgMC4xMDIwNWMtMC40NzU1LTEuNmUtNCAtMC45NDUyIDAuMTA0MDItMS4zNzYxIDAuMzA1MTktMC40MzA4IDAuMjAxMTctMC44MTIzIDAuNDk0NDMtMS4xMTc0IDAuODU5MDktMC4zMDUyIDAuMzY0NjYtMC41MjY2IDAuNzkxODMtMC42NDg3IDEuMjUxNC0wLjEyMiAwLjQ1OTU2LTAuMTQxOCAwLjk0MDMxLTAuMDU3OCAxLjQwODNsLTQuNzMgMy4zMTJjLTAuMDIzNjUgMC4wMTYzNi0wLjA0NjM2IDAuMDM0MDYtMC4wNjggMC4wNTMtMC40Nzk4Ni0wLjM3NTEyLTEuMDU1NS0wLjYwNzg0LTEuNjYxMi0wLjY3MTYzLTAuNjA1NzMtMC4wNjM3OS0xLjIxNzIgMC4wNDM5My0xLjc2NDcgMC4zMTA4NnMtMS4wMDg5IDAuNjgyMzQtMS4zMzE3IDEuMTk4OGMtMC4zMjI4IDAuNTE2NTEtMC40OTM5NiAxLjExMzMtMC40OTM5NiAxLjcyMjQgMCAwLjYwOTA1IDAuMTcxMTYgMS4yMDYgMC40OTM5NiAxLjcyMjQgMC4zMjI4IDAuNTE2NSAwLjc4NDI0IDAuOTMxOSAxLjMzMTcgMS4xOTg4IDAuNTQ3NDggMC4yNjcgMS4xNTkgMC4zNzQ3IDEuNzY0NyAwLjMxMDkgMC42MDU3NC0wLjA2MzggMS4xODE0LTAuMjk2NSAxLjY2MTItMC42NzE2IDAuMDIxNjEgMC4wMTkyIDAuMDQ0MzIgMC4wMzczIDAuMDY4IDAuMDU0bDQuNzMgMy4zMTJjLTAuMTQwNCAwLjc4MjcgMC4wMTEgMS41ODk4IDAuNDI1NyAyLjI2ODQgMC40MTQ2IDAuNjc4NiAxLjA2MzcgMS4xODE2IDEuODI0MyAxLjQxMzhzMS41Nzk5IDAuMTc3NSAyLjMwMjktMC4xNTM4YzAuNzIyOS0wLjMzMTMgMS4yOTkzLTAuOTE2MiAxLjYyLTEuNjQzOXMwLjM2MzUtMS41NDc4IDAuMTIwMi0yLjMwNDljLTAuMjQzMi0wLjc1NzEtMC43NTU3LTEuMzk4OC0xLjQ0MDItMS44MDM1LTAuNjg0Ni0wLjQwNDctMS40OTM4LTAuNTQ0My0yLjI3NDQtMC4zOTI1cy0xLjQ3ODUgMC41ODQ2LTEuOTYxNSAxLjIxNjNsLTQuNDc5LTMuMTM0OWMwLjItMC40MjIgMC4zMTItMC44OTMgMC4zMTItMS4zOTEgMC0wLjQ5OC0wLjExMi0wLjk3LTAuMzEyLTEuMzkxbDQuNDgtMy4xMzZjMC4zMzU2IDAuNDM5MjcgMC43Nzc3IDAuNzg1NjggMS4yODQ1IDEuMDA2NSAwLjUwNjcgMC4yMjA4IDEuMDYxNCAwLjMwODY5IDEuNjExNyAwLjI1NTM2IDAuNTUwMi0wLjA1MzMzIDEuMDc3Ny0wLjI0NjEyIDEuNTMyNi0wLjU2MDE0czAuODIyMy0wLjczODg5IDEuMDY3Mi0xLjIzNDRjMC4yNDUtMC40OTU1NSAwLjM1OTUtMS4wNDU0IDAuMzMyOC0xLjU5NzUtMC4wMjY4LTAuNTUyMTQtMC4xOTM5LTEuMDg4My0wLjQ4NTYtMS41NTc5cy0wLjY5ODQtMC44NTY5Mi0xLjE4MTYtMS4xMjU1Yy0wLjQ4MzEtMC4yNjg1OC0xLjAyNjgtMC40MDk0Ny0xLjU3OTYtMC40MDkzN3ptLTEuNzUgMy4yNWMwLTAuNDY0MTMgMC4xODQ0LTAuOTA5MjUgMC41MTI2LTEuMjM3NCAwLjMyODItMC4zMjgxOCAwLjc3MzMtMC41MTI1NiAxLjIzNzQtMC41MTI1NnMwLjkwOTMgMC4xODQzOCAxLjIzNzQgMC41MTI1NmMwLjMyODIgMC4zMjgxOSAwLjUxMjYgMC43NzMzMSAwLjUxMjYgMS4yMzc0cy0wLjE4NDQgMC45MDkyNS0wLjUxMjYgMS4yMzc0Yy0wLjMyODEgMC4zMjgxOS0wLjc3MzMgMC41MTI1Ni0xLjIzNzQgMC41MTI1NnMtMC45MDkyLTAuMTg0MzctMS4yMzc0LTAuNTEyNTYtMC41MTI2LTAuNzczMzEtMC41MTI2LTEuMjM3NHptLTguMjUgNC43NWMtMC40NjQxMyAwLTAuOTA5MjUgMC4xODQzNy0xLjIzNzQgMC41MTI1Ni0wLjMyODE4IDAuMzI4MTktMC41MTI1NiAwLjc3MzMxLTAuNTEyNTYgMS4yMzc0IDAgMC40NjQxNSAwLjE4NDM4IDAuOTA5MjUgMC41MTI1NiAxLjIzNzQgMC4zMjgxOSAwLjMyODIgMC43NzMzMSAwLjUxMjYgMS4yMzc0IDAuNTEyNnMwLjkwOTI1LTAuMTg0NCAxLjIzNzQtMC41MTI2IDAuNTEyNTYtMC43NzMzIDAuNTEyNTYtMS4yMzc0YzAtMC40NjQxMy0wLjE4NDM3LTAuOTA5MjUtMC41MTI1Ni0xLjIzNzRzLTAuNzczMzEtMC41MTI1Ni0xLjIzNzQtMC41MTI1NnptMTAgNi41Yy0wLjQ2NDEgMC0wLjkwOTIgMC4xODQzLTEuMjM3NCAwLjUxMjVzLTAuNTEyNiAwLjc3MzMtMC41MTI2IDEuMjM3NWMwIDAuNDY0MSAwLjE4NDQgMC45MDkyIDAuNTEyNiAxLjIzNzRzMC43NzMzIDAuNTEyNiAxLjIzNzQgMC41MTI2IDAuOTA5My0wLjE4NDQgMS4yMzc0LTAuNTEyNmMwLjMyODItMC4zMjgyIDAuNTEyNi0wLjc3MzMgMC41MTI2LTEuMjM3NCAwLTAuNDY0Mi0wLjE4NDQtMC45MDkzLTAuNTEyNi0xLjIzNzUtMC4zMjgxLTAuMzI4Mi0wLjc3MzMtMC41MTI1LTEuMjM3NC0wLjUxMjV6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo=')}.icons.twitter{background-image:url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MDAgNDAwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0MDAgNDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOjU2NmJkOWZmO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KCgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMDAiIGN5PSIyMDAiIHI9IjIwMCIgZmlsbD0iIzU2NmJkOSIvPgoKCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJtMTYzLjQgMzA1LjVjODguNyAwIDEzNy4yLTczLjUgMTM3LjItMTM3LjIgMC0yLjEgMC00LjItMC4xLTYuMiA5LjQtNi44IDE3LjYtMTUuMyAyNC4xLTI1LTguNiAzLjgtMTcuOSA2LjQtMjcuNyA3LjYgMTAtNiAxNy42LTE1LjQgMjEuMi0yNi43LTkuMyA1LjUtMTkuNiA5LjUtMzAuNiAxMS43LTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMi0yNi42IDAtNDguMiAyMS42LTQ4LjIgNDguMiAwIDMuOCAwLjQgNy41IDEuMyAxMS00MC4xLTItNzUuNi0yMS4yLTk5LjQtNTAuNC00LjEgNy4xLTYuNSAxNS40LTYuNSAyNC4yIDAgMTYuNyA4LjUgMzEuNSAyMS41IDQwLjEtNy45LTAuMi0xNS4zLTIuNC0yMS44LTZ2MC42YzAgMjMuNCAxNi42IDQyLjggMzguNyA0Ny4zLTQgMS4xLTguMyAxLjctMTIuNyAxLjctMy4xIDAtNi4xLTAuMy05LjEtMC45IDYuMSAxOS4yIDIzLjkgMzMuMSA0NSAzMy41LTE2LjUgMTIuOS0zNy4zIDIwLjYtNTkuOSAyMC42LTMuOSAwLTcuNy0wLjItMTEuNS0wLjcgMjEuMSAxMy44IDQ2LjUgMjEuOCA3My43IDIxLjgiLz4KCjwvc3ZnPgo=')}.profile-card ul.socials{margin:0 auto}#footer ul.socials{margin:.25rem 0}.author-socials ul.socials{margin:1rem auto}@media(min-width:800px){.container{max-width:780px}#main-menu,#menu-pancake{width:8rem}footer.main ul.links>li{width:calc((100% - 1rem) / 2)}ul.sponsors-list>li{width:calc((100% - 4rem) / 2)}nav.button-bar>a{width:calc((100% - 2rem) / 2)}ul.people>li{width:calc((100% - 4rem) / 2)}.container.sponsor-options>div{width:calc((100% - 4rem) / 2)}main section.sponsors>.container>div{width:calc((100% - 4rem) / 2)}}@media(min-width:1000px){.container{max-width:960px}#main-menu,#menu-pancake{width:10rem}footer.main ul.links>li{width:calc((100% - 3rem) / 4)}ul.sponsors-list>li{width:calc((100% - 4rem) / 2)}nav.button-bar>a{width:calc((100% - 2rem) / 2)}ul.people>li{width:calc((100% - 6rem) / 3)}.container.sponsor-options>div{width:40%}main section.sponsors>.container>div{width:calc((100% - 4rem) / 2)}}@media(min-width:1600px){} \ No newline at end of file diff --git a/static/css/src/base.css b/static/css/src/base.css new file mode 100644 index 0000000..2709aca --- /dev/null +++ b/static/css/src/base.css @@ -0,0 +1,204 @@ +/* Root variables */ +:root { + /* Main font settings */ + --main-font: 'Inter', sans-serif; + --main-font-weight-normal: 400; + --main-font-weight-bold: 600; + --main-font-weight-extra-bold: 800; + /* Main colours */ + --main-text-colour: #202125; + --light-text-colour: #ffffff; + --main-background-colour: #f9f9f9; + --section-background-colour: #ffffff; + --primary-colour: #566BD9; + --secondary-colour: #d95656; + /* Borders */ + --light-border-colour: #DADBDF; +} + +/* Reset */ +* { + padding: 0; + margin: 0; +} + +/* Main body style */ +body { + font-family: var(--main-font); + font-weight: var(--main-font-weight-normal); + color: var(--main-text-colour); + background-color: var(--main-background-colour); + font-size: 16px; + line-height: 1.2; +} + +/* Core text styles */ +h1, h2, h3, h4, h5, h6 { + font-weight: var(--main-font-weight-bold); + color: var(--main-text-colour); + line-height: 1.2; + width: 100%; + margin-bottom: 1rem; +} +h1 { font-size: 2.5rem; font-weight: var(--main-font-weight-extra-bold); } +h2 { font-size: 2rem; font-weight: var(--main-font-weight-extra-bold); } +h3 { font-size: 1.5rem; } +h4 { font-size: 1.2rem; } +h5 { font-size: 1.1rem; } +h6 { font-size: 1rem; font-weight: var(--main-font-weight-normal); } + +p { + margin-bottom: 1rem; + line-height: 1.4; +} + +a:visited, +a { + text-decoration: underline; + outline: none; + color: var(--main-text-colour); +} + +a:hover, +a:active, +a:focus { + color: var(--primary-colour); +} + +ol, +ul { + list-style: none; +} + +strong, b { + font-weight: var(--main-font-weight-bold); +} + +em { + font-style: italic; +} + +hr { + display: block; + width: 100%; + margin: 2rem auto; + border: none; + border-top: 2px solid var(--primary-colour); +} + +main ul, +main ol { + margin-bottom: 1rem; +} + +main ul > li, +main ol > li { + padding: 0.25rem 0; +} + +/* Core image styles */ +img { + display: block; + box-sizing: border-box; + border-radius: 1rem; + margin: 1rem 0; + width: 100%; + height: 10rem; + object-fit: cover; +} + +/* Buttons */ +a.button, +a.button.hollow.primary { + display: block; + box-sizing: border-box; + padding: 1rem; + border-radius: 1rem; + border: 2px solid var(--primary-colour); + text-decoration: none; + color: var(--primary-colour); + background-color: var(--section-background-colour); + font-size: 1.2rem; + font-weight: var(--main-font-weight-bold); + text-align: center; + width: fit-content; + margin: 0 auto; + box-shadow: 0 0.6rem 0.8rem -0.2rem rgba(16, 24, 40, 0.08), 0 0.4rem 0.6rem -0.2rem rgba(16, 24, 40, 0.03); + text-transform: uppercase; +} + +a.button:hover, +a.button.hollow.primary:hover { + color: var(--main-text-colour); + background-color: var(--light-border-colour); + border: 2px solid var(--main-text-colour); +} + +a.button.hollow.secondary { + background-color: var(--section-background-colour); + border: 2px solid var(--secondary-colour); + color: var(--secondary-colour); +} + +a.button.hollow.secondary:hover { + color: var(--main-text-colour); + background-color: var(--light-border-colour); + border: 2px solid var(--main-text-colour); +} + +a.button.primary { + background-color: var(--primary-colour); + color: var(--light-text-colour); +} + +a.button.primary:hover { + background-color: var(--main-text-colour); + border: 2px solid var(--main-text-colour); +} + +a.button.secondary { + background-color: var(--secondary-colour); + border: 2px solid var(--secondary-colour); + color: var(--light-text-colour); +} + +a.button.secondary:hover { + background-color: var(--main-text-colour); + border: 2px solid var(--main-text-colour); +} + +nav.button-bar { + padding: 1rem 0; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-evenly; + +} + +nav.button-bar > a { + margin: 0.5rem 0; + width: 100%; +} + +.centred { + text-align: center; +} + +table { + border: 2px solid var(--light-border-colour); + border-collapse: collapse; + margin-bottom: 1rem; + width: 100%; + box-sizing: border-box; +} + +table td, table th { + padding: 0.5rem 1rem; + border: 2px solid var(--light-border-colour); +} + +table th { + font-weight: var(--main-font-weight-bold); +} + diff --git a/static/css/src/build-css.sh b/static/css/src/build-css.sh new file mode 100755 index 0000000..062da4b --- /dev/null +++ b/static/css/src/build-css.sh @@ -0,0 +1,5 @@ +#!/bin/sh + +echo "/* Building CSS */" +cat ./font.css ./base.css ./layout.css ./menu.css ./socials.css ./responsive.css | cssmin > ../main.min.css + diff --git a/static/css/src/font.css b/static/css/src/font.css new file mode 100644 index 0000000..dba1995 --- /dev/null +++ b/static/css/src/font.css @@ -0,0 +1,127 @@ + +@font-face { + font-family: 'Poppins'; + font-style: italic; + font-weight: 100; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-ThinItalic.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: italic; + font-weight: 200; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-ExtraLightItalic.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: italic; + font-weight: 300; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-LightItalic.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-Italic.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: italic; + font-weight: 500; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-MediumItalic.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: italic; + font-weight: 600; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-SemiBoldItalic.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-BoldItalic.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: italic; + font-weight: 800; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-ExtraBoldItalic.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: italic; + font-weight: 900; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-BlackItalic.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 100; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-Thin.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 200; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-ExtraLight.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-Light.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-Regular.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-Medium.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-SemiBold.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-Bold.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 800; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-ExtraBold.ttf) format('truetype'); +} +@font-face { + font-family: 'Poppins'; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url(/fonts/poppins-v20/Poppins-Black.ttf) format('truetype'); +} diff --git a/static/css/src/icons.css b/static/css/src/icons.css new file mode 100644 index 0000000..0ca4c30 --- /dev/null +++ b/static/css/src/icons.css @@ -0,0 +1,65 @@ +/* Processing caret_down.svg */ +.icons.caret_down { + background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTYgMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDIuODUyLTggOC04LTggMi0yIDYgNiA2LTYgMiAyeiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNTY2QkQ5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K'); +} + +/* Processing caret_up.svg */ +.icons.caret_up { + background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTYgMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgOC44NTIgOC04IDggOC0yIDItNi02LTYgNi0yLTJ6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM1NjZCRDkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo='); +} + +/* Processing close.svg */ +.icons.close { + background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE4IDYuOTI2LTEyIDEybTAtMTIgMTIgMTIiIHN0cm9rZT0iIzIwMjEyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4K'); +} + +/* Processing email.svg */ +.icons.email { + background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzU2NmJkOSI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMSIvPjxwYXRoIGQ9Im0yMi45OSAxNS44MWMtLjAyLS43NC0uMTU1LTEuNDUtLjM4OC0yLjExNWw4LjM5OC01LjI0OXYtMS40NDZjMC0xLjEwMy0uODk3LTItMi0yaC0yNmMtMS4xMDMgMC0yIC44OTctMiAydjEuNDQ2bDguMzk4IDUuMjQ5Yy0uMjMzLjY2NS0uMzY5IDEuMzc1LS4zODggMi4xMTVsLTguMDEtNS4wMDZ2MTQuMTk2YzAgMS4xMDMuODk3IDIgMiAyaDI2YzEuMTAzIDAgMi0uODk3IDItMnYtMTQuMTk2em0tMy40OSAyLjY5Yy0uNTAxIDAtLjk2Ni0uMTUxLTEuMzU3LS40MDYtLjU0Ni41NTctMS4zMDQuOTA2LTIuMTQzLjkwNi0xLjY1NCAwLTMtMS4zNDYtMy0zczEuMzQ2LTMgMy0zIDMgMS4zNDYgMyAzYzAgLjI3Ni4yMjQuNS41LjVzLjUtLjIyNC41LS41YzAtMi4yMDYtMS43OTQtNC00LTRzLTQgMS43OTQtNCA0IDEuNzk0IDQgNCA0Yy44OCAwIDEuNzA4LS4yNzUgMi4zOTYtLjc5Ni40NDEtLjMzNCAxLjA2OC0uMjQ4IDEuNDAxLjE5Mi4zMzQuNDQuMjQ4IDEuMDY3LS4xOTIgMS40MDEtMS4wMzguNzg3LTIuMjg0IDEuMjAzLTMuNjA1IDEuMjAzLTMuMzA5IDAtNi0yLjY5MS02LTZzMi42OTEtNiA2LTYgNiAyLjY5MSA2IDZjMCAxLjM3OC0xLjEyMiAyLjUtMi41IDIuNXoiLz48L2c+PC9zdmc+Cg=='); +} + +/* Processing github.svg */ +.icons.github { + background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im00OS44NTQgMmMtMjcuMDE1IDAtNDguODU0IDIyLTQ4Ljg1NCA0OS4yMTcgMCAyMS43NTYgMTMuOTkzIDQwLjE3MiAzMy40MDUgNDYuNjkgMi40MjcgMC40OSAzLjMxNi0xLjA1OSAzLjMxNi0yLjM2MiAwLTEuMTQxLTAuMDgtNS4wNTItMC4wOC05LjEyNy0xMy41OSAyLjkzNC0xNi40Mi01Ljg2Ny0xNi40Mi01Ljg2Ny0yLjE4NC01LjcwNC01LjQyLTcuMTctNS40Mi03LjE3LTQuNDQ4LTMuMDE1IDAuMzI0LTMuMDE1IDAuMzI0LTMuMDE1IDQuOTM0IDAuMzI2IDcuNTIzIDUuMDUyIDcuNTIzIDUuMDUyIDQuMzY3IDcuNDk2IDExLjQwNCA1LjM3OCAxNC4yMzUgNC4wNzQgMC40MDQtMy4xNzggMS42OTktNS4zNzggMy4wNzQtNi42LTEwLjgzOS0xLjE0MS0yMi4yNDMtNS4zNzgtMjIuMjQzLTI0LjI4MyAwLTUuMzc4IDEuOTQtOS43NzggNS4wMTQtMTMuMi0wLjQ4NS0xLjIyMi0yLjE4NC02LjI3NSAwLjQ4Ni0xMy4wMzggMCAwIDQuMTI1LTEuMzA0IDEzLjQyNiA1LjA1MmE0Ni45NyA0Ni45NyAwIDAgMSAxMi4yMTQtMS42M2M0LjEyNSAwIDguMzMgMC41NzEgMTIuMjEzIDEuNjMgOS4zMDItNi4zNTYgMTMuNDI3LTUuMDUyIDEzLjQyNy01LjA1MiAyLjY3IDYuNzYzIDAuOTcgMTEuODE2IDAuNDg1IDEzLjAzOCAzLjE1NSAzLjQyMiA1LjAxNSA3LjgyMiA1LjAxNSAxMy4yIDAgMTguOTA1LTExLjQwNCAyMy4wNi0yMi4zMjQgMjQuMjgzIDEuNzggMS41NDggMy4zMTYgNC40ODEgMy4zMTYgOS4xMjYgMCA2LjYtMC4wOCAxMS44OTctMC4wOCAxMy41MjYgMCAxLjMwNCAwLjg5IDIuODUzIDMuMzE2IDIuMzY0IDE5LjQxMi02LjUyIDMzLjQwNS0yNC45MzUgMzMuNDA1LTQ2LjY5MSAwLjA4LTI3LjIxNy0yMS44MzktNDkuMjE3LTQ4Ljc3My00OS4yMTd6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM1NjZiZDkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo='); +} + +/* Processing gitlab.svg */ +.icons.gitlab { + background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNDIzMDdkO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODkuOTczIC04OS41MTcpIiBmaWxsPSIjNTY2YmQ5Ij48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yODIuODMgMTcwLjczLTAuMjctMC42OS0yNi4xNC02OC4yMmE2LjgxIDYuODEgMCAwIDAtMi42OS0zLjI0IDcgNyAwIDAgMC04IDAuNDMgNyA3IDAgMCAwLTIuMzIgMy41MmwtMTcuNjUgNTRoLTcxLjQ3bC0xNy42NS01NGE2Ljg2IDYuODYgMCAwIDAtMi4zMi0zLjUzIDcgNyAwIDAgMC04LTAuNDMgNi44NyA2Ljg3IDAgMCAwLTIuNjkgMy4yNGwtMjYuMTkgNjguMTktMC4yNiAwLjY5YTQ4LjU0IDQ4LjU0IDAgMCAwIDE2LjEgNTYuMWwwLjA5IDAuMDcgMC4yNCAwLjE3IDM5LjgyIDI5LjgyIDE5LjcgMTQuOTEgMTIgOS4wNmE4LjA3IDguMDcgMCAwIDAgOS43NiAwbDEyLTkuMDYgMTkuNy0xNC45MSA0MC4wNi0zMCAwLjEtMC4wOGE0OC41NiA0OC41NiAwIDAgMCAxNi4wOC01Ni4wNHoiIGZpbGw9IiM1NjZiZDkiLz48L2c+PC9zdmc+Cg=='); +} + +/* Processing interview.svg */ +.icons.interview { + background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjAgMTkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjEgMTguODUyYy0wLjI4MzMzIDAtMC41MjA2Ny0wLjA5Ni0wLjcxMi0wLjI4OHMtMC4yODczMy0wLjQyOTQtMC4yODgtMC43MTJjMC0wLjExNjcgMC4wMjUtMC4yMzc3IDAuMDc1LTAuMzYzIDAuMDUtMC4xMjU0IDAuMTI1LTAuMjM3NyAwLjIyNS0wLjMzN2w0LjYyNS00LjYyNS0wLjcyNS0wLjcyNS00LjYgNC42MjVjLTAuMSAwLjEtMC4yMDgzMyAwLjE3NS0wLjMyNSAwLjIyNXMtMC4yNDE2NyAwLjA3NS0wLjM3NSAwLjA3NWMtMC4yODMzMyAwLTAuNTIwNjctMC4wOTU3LTAuNzEyLTAuMjg3LTAuMTkxMzMtMC4xOTE0LTAuMjg3MzMtMC40MjktMC4yODgtMC43MTMgMC0wLjE2NjcgMC4wMjUtMC4zMDQ0IDAuMDc1LTAuNDEzIDAuMDUtMC4xMDg3IDAuMTE2NjctMC4yMDQ0IDAuMi0wLjI4N2w0LjYyNS00LjYyNS0wLjctMC43MDAwNS00LjYyNSA0LjZjLTAuMSAwLjEtMC4yMDgzMyAwLjE3NS0wLjMyNSAwLjIyNXMtMC4yNSAwLjA3NS0wLjQgMC4wNzVjLTAuMjY2NjcgMC0wLjUtMC4xLTAuNy0wLjNzLTAuMy0wLjQzMzQtMC4zLTAuN2MwLTAuMTMzNCAwLjAyNS0wLjI1ODQgMC4wNzUtMC4zNzUgMC4wNS0wLjExNjcgMC4xMjUtMC4yMjUgMC4yMjUtMC4zMjVsNC42MjUtNC42MjUtMC43MjUtMC43LTQuNiA0LjYyNWMtMC4wODMzMyAwLjA4MzMtMC4xODMzMyAwLjE1LTAuMyAwLjJzLTAuMjU4MzMgMC4wNzUtMC40MjUgMC4wNzVjLTAuMjgzMzMgMC0wLjUyMS0wLjA5Ni0wLjcxMy0wLjI4OHMtMC4yODc2Ny0wLjQyOTQtMC4yODctMC43MTJjMC0wLjEzMzQgMC4wMjUtMC4yNTg0IDAuMDc1LTAuMzc1IDAuMDUtMC4xMTY3IDAuMTI1LTAuMjI1IDAuMjI1LTAuMzI1bDUuNTc1LTUuNTc1IDMuNzUgMy43NzVjMC4xODMzIDAuMTgzMzQgMC40IDAuMzI5MzQgMC42NSAwLjQzOCAwLjI1IDAuMTA4NjcgMC41IDAuMTYyNjcgMC43NSAwLjE2MiAwLjUzMzMgMCAxLTAuMTg3MzMgMS40LTAuNTYyIDAuNC0wLjM3NDY2IDAuNi0wLjg1Mzk5IDAuNi0xLjQzOCAwLTAuMjMzMzQtMC4wNDE3LTAuNDc1LTAuMTI1LTAuNzI1cy0wLjIzMzMtMC40ODMzNC0wLjQ1LTAuN2wtNC40NzUtNC40NzVjMC4yODMzLTAuMjY2NjcgMC42LTAuNDcwNjcgMC45NS0wLjYxMiAwLjM1LTAuMTQxMzQgMC43LTAuMjEyMzQgMS4wNS0wLjIxMyAwLjQzMzMgMCAwLjgzMzMgMC4wNzEgMS4yIDAuMjEzIDAuMzY2NyAwLjE0MiAwLjcgMC4zNjI2NiAxIDAuNjYxOTlsNC4yMjUgNC4yNWMwLjMgMC4zIDAuNTIxIDAuNjMzMzMgMC42NjMgMSAwLjE0MiAwLjM2NjY2IDAuMjEyNyAwLjc5MTY2IDAuMjEyIDEuMjc1IDAgMC4zMzMzNC0wLjA3NSAwLjY3MS0wLjIyNSAxLjAxM3MtMC4zNjY3IDAuNjU0MzQtMC42NSAwLjkzNzA1bC04LjMyNSA4LjM1Yy0wLjEzMzMgMC4xMzMzLTAuMjUgMC4yMTY2LTAuMzUgMC4yNS0wLjEgMC4wMzMzLTAuMjE2NyAwLjA1LTAuMzUgMC4wNXptLTguNTc1LTgtMC42NS0wLjY1Yy0wLjI4MzMzLTAuMjY2NzEtMC41LTAuNTgzMzgtMC42NS0wLjk1MDA1LTAuMTUtMC4zNjY2Ni0wLjIyNS0wLjc0OTk5LTAuMjI1LTEuMTUgMC0wLjQzMzM0IDAuMDgzMzMzLTAuODMzMzQgMC4yNS0xLjIgMC4xNjY2Ny0wLjM2NjY3IDAuMzc1LTAuNjc1IDAuNjI1LTAuOTI1bDQuMjI1LTQuMjVjMC4yNjY2Ny0wLjI2NjY2IDAuNTgzMzMtMC40NzkzMyAwLjk1LTAuNjM4IDAuMzY2NjctMC4xNTg2NiAwLjcyNS0wLjIzNzY2IDEuMDc1LTAuMjM3IDAuNDUgMCAwLjg1IDAuMDYyNjY3IDEuMiAwLjE4OCAwLjM1IDAuMTI1MzQgMC42OTE2NyAwLjM1NDM0IDEuMDI1IDAuNjg3bDUuMTI1IDUuMTI1YzAuMSAwLjA5OTk5IDAuMTc1IDAuMjA4MzMgMC4yMjUgMC4zMjQ5OSAwLjA1IDAuMTE2NjcgMC4wNzUgMC4yNDE2NyAwLjA3NSAwLjM3NSAwIDAuMjY2NjctMC4xIDAuNS0wLjMgMC43cy0wLjQzMzMgMC4zLTAuNyAwLjNjLTAuMTUgMC0wLjI3NS0wLjAyMDY2LTAuMzc1LTAuMDYyLTAuMS0wLjA0MTMzLTAuMjA4My0wLjEyMDY2LTAuMzI1LTAuMjM4bC00LjUtNC40NS03LjA1IDcuMDV6IiBmaWxsPSIjMDAwIi8+PC9zdmc+Cg=='); +} + +/* Processing linkedin.svg */ +.icons.linkedin { + background-image: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgcm9sZT0iaW1nIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSI0LjY5NzUiIHk9IjQuNTg1OCIgd2lkdGg9IjE0LjkyOCIgaGVpZ2h0PSIxNC41MDQiIGZpbGw9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxLjUiIHN0cm9rZS13aWR0aD0iMCIvPjxwYXRoIGQ9Im0xOS43IDNoLTE1LjRjLTAuNzE4IDAtMS4zIDAuNTgyLTEuMyAxLjN2MTUuNGMwIDAuNzE4IDAuNTgyIDEuMyAxLjMgMS4zaDE1LjRjMC43MTggMCAxLjMtMC41ODIgMS4zLTEuM3YtMTUuNGMwLTAuNzE4LTAuNTgyLTEuMy0xLjMtMS4zem0tMTEuMzYxIDE1LjMzOGgtMi42NzJ2LTguNTloMi42NzJ2OC41OXptLTEuMzM1LTkuNzY0Yy0wLjg1NyAwLTEuNTQ5LTAuNjk0LTEuNTQ5LTEuNTQ4IDAtMC44NTUgMC42OTEtMS41NDggMS41NDktMS41NDggMC44NTQgMCAxLjU0NyAwLjY5NCAxLjU0NyAxLjU0OCAwIDAuODU1LTAuNjkzIDEuNTQ4LTEuNTQ3IDEuNTQ4em0xMS4zMzUgOS43NjRoLTIuNjY5di00LjE3N2MwLTAuOTk2LTAuMDE3LTIuMjc4LTEuMzg3LTIuMjc4LTEuMzg5IDAtMS42MDEgMS4wODYtMS42MDEgMi4yMDZ2NC4yNDloLTIuNjY3di04LjU5aDIuNTU5djEuMTc0aDAuMDM3YzAuMzU2LTAuNjc1IDEuMjI3LTEuMzg3IDIuNTI2LTEuMzg3IDIuNzAzIDAgMy4yMDMgMS43NzkgMy4yMDMgNC4wOTJ2NC43MTF6IiBmaWxsPSIjNTY2YmQ5Ii8+PC9zdmc+Cg=='); +} + +/* Processing mastodon.svg */ +.icons.mastodon { + background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjM0LjM4IDIzNC4zNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjIxLjE4IDEzOS45N2MtMy4xODEyIDE2LjM2Ni0yOC40OTIgMzQuMjc4LTU3LjU2MiAzNy43NDktMTUuMTU5IDEuODA4OC0zMC4wODQgMy40NzEyLTQ1Ljk5OSAyLjc0MTItMjYuMDI4LTEuMTkyNS00Ni41NjUtNi4yMTI1LTQ2LjU2NS02LjIxMjUgMCAyLjUzMzggMC4xNTYyNSA0Ljk0NjIgMC40Njg3NSA3LjIwMjUgMy4zODM4IDI1LjY4NiAyNS40NyAyNy4yMjUgNDYuMzkxIDI3Ljk0MiAyMS4xMTYgMC43MjI1IDM5LjkxOS01LjIwNjIgMzkuOTE5LTUuMjA2MmwwLjg2NzUgMTkuMDlzLTE0Ljc3IDcuOTMxMi00MS4wODEgOS4zOWMtMTQuNTA5IDAuNzk3NS0zMi41MjQtMC4zNjUtNTMuNTA2LTUuOTE4OC00NS41MDgtMTIuMDQ1LTUzLjMzNC02MC41NTQtNTQuNTMxLTEwOS43Ny0wLjM2NS0xNC42MTQtMC4xNC0yOC4zOTQtMC4xNC0zOS45MTkgMC01MC4zMyAzMi45NzYtNjUuMDgyIDMyLjk3Ni02NS4wODIgMTYuNjI4LTcuNjM2MyA0NS4xNTktMTAuODQ4IDc0LjgyLTExLjA5aDAuNzI4NzVjMjkuNjYxIDAuMjQyNSA1OC4yMTEgMy40NTM4IDc0LjgzOCAxMS4wOSAwIDAgMzIuOTc1IDE0Ljc1MiAzMi45NzUgNjUuMDgyIDAgMCAwLjQxMzc1IDM3LjEzNC00LjU5ODggNjIuOTE1IiBmaWxsPSIjNTY2YmQ5Ii8+PHBhdGggZD0ibTE4Ni44OCA4MC45NjN2NjAuOTQxaC0yNC4xNDR2LTU5LjE1YzAtMTIuNDY5LTUuMjQ2Mi0xOC43OTgtMTUuNzQtMTguNzk4LTExLjYwMiAwLTE3LjQxOCA3LjUwNzUtMTcuNDE4IDIyLjM1MnYzMi4zNzZoLTI0LjAwMXYtMzIuMzc2YzAtMTQuODQ1LTUuODE2Mi0yMi4zNTItMTcuNDE5LTIyLjM1Mi0xMC40OTQgMC0xNS43NCA2LjMyODgtMTUuNzQgMTguNzk4djU5LjE1aC0yNC4xNDR2LTYwLjk0MWMwLTEyLjQ1NSAzLjE3MTItMjIuMzUyIDkuNTQxMi0yOS42NzUgNi41Njg4LTcuMzIyNSAxNS4xNzEtMTEuMDc2IDI1Ljg1LTExLjA3NiAxMi4zNTUgMCAyMS43MTEgNC43NDg4IDI3Ljg5OCAxNC4yNDhsNi4wMTM4IDEwLjA4MSA2LjAxNS0xMC4wODFjNi4xODUtOS40OTg4IDE1LjU0MS0xNC4yNDggMjcuODk4LTE0LjI0OCAxMC42NzggMCAxOS4yOCAzLjc1MzggMjUuODUgMTEuMDc2IDYuMzY4OCA3LjMyMjUgOS41NCAxNy4yMiA5LjU0IDI5LjY3NSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPgo='); +} + +/* Processing menu.svg */ +.icons.menu { + background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgMTIuOTI2aDE4bS0xOC02aDE4bS0xOCAxMmgxOCIgc3Ryb2tlPSIjMjAyMTI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPgo='); +} + +/* Processing share.svg */ +.icons.share { + background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTcgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEzLjUgMC4xMDIwNWMtMC40NzU1LTEuNmUtNCAtMC45NDUyIDAuMTA0MDItMS4zNzYxIDAuMzA1MTktMC40MzA4IDAuMjAxMTctMC44MTIzIDAuNDk0NDMtMS4xMTc0IDAuODU5MDktMC4zMDUyIDAuMzY0NjYtMC41MjY2IDAuNzkxODMtMC42NDg3IDEuMjUxNC0wLjEyMiAwLjQ1OTU2LTAuMTQxOCAwLjk0MDMxLTAuMDU3OCAxLjQwODNsLTQuNzMgMy4zMTJjLTAuMDIzNjUgMC4wMTYzNi0wLjA0NjM2IDAuMDM0MDYtMC4wNjggMC4wNTMtMC40Nzk4Ni0wLjM3NTEyLTEuMDU1NS0wLjYwNzg0LTEuNjYxMi0wLjY3MTYzLTAuNjA1NzMtMC4wNjM3OS0xLjIxNzIgMC4wNDM5My0xLjc2NDcgMC4zMTA4NnMtMS4wMDg5IDAuNjgyMzQtMS4zMzE3IDEuMTk4OGMtMC4zMjI4IDAuNTE2NTEtMC40OTM5NiAxLjExMzMtMC40OTM5NiAxLjcyMjQgMCAwLjYwOTA1IDAuMTcxMTYgMS4yMDYgMC40OTM5NiAxLjcyMjQgMC4zMjI4IDAuNTE2NSAwLjc4NDI0IDAuOTMxOSAxLjMzMTcgMS4xOTg4IDAuNTQ3NDggMC4yNjcgMS4xNTkgMC4zNzQ3IDEuNzY0NyAwLjMxMDkgMC42MDU3NC0wLjA2MzggMS4xODE0LTAuMjk2NSAxLjY2MTItMC42NzE2IDAuMDIxNjEgMC4wMTkyIDAuMDQ0MzIgMC4wMzczIDAuMDY4IDAuMDU0bDQuNzMgMy4zMTJjLTAuMTQwNCAwLjc4MjcgMC4wMTEgMS41ODk4IDAuNDI1NyAyLjI2ODQgMC40MTQ2IDAuNjc4NiAxLjA2MzcgMS4xODE2IDEuODI0MyAxLjQxMzhzMS41Nzk5IDAuMTc3NSAyLjMwMjktMC4xNTM4YzAuNzIyOS0wLjMzMTMgMS4yOTkzLTAuOTE2MiAxLjYyLTEuNjQzOXMwLjM2MzUtMS41NDc4IDAuMTIwMi0yLjMwNDljLTAuMjQzMi0wLjc1NzEtMC43NTU3LTEuMzk4OC0xLjQ0MDItMS44MDM1LTAuNjg0Ni0wLjQwNDctMS40OTM4LTAuNTQ0My0yLjI3NDQtMC4zOTI1cy0xLjQ3ODUgMC41ODQ2LTEuOTYxNSAxLjIxNjNsLTQuNDc5LTMuMTM0OWMwLjItMC40MjIgMC4zMTItMC44OTMgMC4zMTItMS4zOTEgMC0wLjQ5OC0wLjExMi0wLjk3LTAuMzEyLTEuMzkxbDQuNDgtMy4xMzZjMC4zMzU2IDAuNDM5MjcgMC43Nzc3IDAuNzg1NjggMS4yODQ1IDEuMDA2NSAwLjUwNjcgMC4yMjA4IDEuMDYxNCAwLjMwODY5IDEuNjExNyAwLjI1NTM2IDAuNTUwMi0wLjA1MzMzIDEuMDc3Ny0wLjI0NjEyIDEuNTMyNi0wLjU2MDE0czAuODIyMy0wLjczODg5IDEuMDY3Mi0xLjIzNDRjMC4yNDUtMC40OTU1NSAwLjM1OTUtMS4wNDU0IDAuMzMyOC0xLjU5NzUtMC4wMjY4LTAuNTUyMTQtMC4xOTM5LTEuMDg4My0wLjQ4NTYtMS41NTc5cy0wLjY5ODQtMC44NTY5Mi0xLjE4MTYtMS4xMjU1Yy0wLjQ4MzEtMC4yNjg1OC0xLjAyNjgtMC40MDk0Ny0xLjU3OTYtMC40MDkzN3ptLTEuNzUgMy4yNWMwLTAuNDY0MTMgMC4xODQ0LTAuOTA5MjUgMC41MTI2LTEuMjM3NCAwLjMyODItMC4zMjgxOCAwLjc3MzMtMC41MTI1NiAxLjIzNzQtMC41MTI1NnMwLjkwOTMgMC4xODQzOCAxLjIzNzQgMC41MTI1NmMwLjMyODIgMC4zMjgxOSAwLjUxMjYgMC43NzMzMSAwLjUxMjYgMS4yMzc0cy0wLjE4NDQgMC45MDkyNS0wLjUxMjYgMS4yMzc0Yy0wLjMyODEgMC4zMjgxOS0wLjc3MzMgMC41MTI1Ni0xLjIzNzQgMC41MTI1NnMtMC45MDkyLTAuMTg0MzctMS4yMzc0LTAuNTEyNTYtMC41MTI2LTAuNzczMzEtMC41MTI2LTEuMjM3NHptLTguMjUgNC43NWMtMC40NjQxMyAwLTAuOTA5MjUgMC4xODQzNy0xLjIzNzQgMC41MTI1Ni0wLjMyODE4IDAuMzI4MTktMC41MTI1NiAwLjc3MzMxLTAuNTEyNTYgMS4yMzc0IDAgMC40NjQxNSAwLjE4NDM4IDAuOTA5MjUgMC41MTI1NiAxLjIzNzQgMC4zMjgxOSAwLjMyODIgMC43NzMzMSAwLjUxMjYgMS4yMzc0IDAuNTEyNnMwLjkwOTI1LTAuMTg0NCAxLjIzNzQtMC41MTI2IDAuNTEyNTYtMC43NzMzIDAuNTEyNTYtMS4yMzc0YzAtMC40NjQxMy0wLjE4NDM3LTAuOTA5MjUtMC41MTI1Ni0xLjIzNzRzLTAuNzczMzEtMC41MTI1Ni0xLjIzNzQtMC41MTI1NnptMTAgNi41Yy0wLjQ2NDEgMC0wLjkwOTIgMC4xODQzLTEuMjM3NCAwLjUxMjVzLTAuNTEyNiAwLjc3MzMtMC41MTI2IDEuMjM3NWMwIDAuNDY0MSAwLjE4NDQgMC45MDkyIDAuNTEyNiAxLjIzNzRzMC43NzMzIDAuNTEyNiAxLjIzNzQgMC41MTI2IDAuOTA5My0wLjE4NDQgMS4yMzc0LTAuNTEyNmMwLjMyODItMC4zMjgyIDAuNTEyNi0wLjc3MzMgMC41MTI2LTEuMjM3NCAwLTAuNDY0Mi0wLjE4NDQtMC45MDkzLTAuNTEyNi0xLjIzNzUtMC4zMjgxLTAuMzI4Mi0wLjc3MzMtMC41MTI1LTEuMjM3NC0wLjUxMjV6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo='); +} + +/* Processing twitter.svg */ +.icons.twitter { + background-image: url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MDAgNDAwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0MDAgNDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOjU2NmJkOWZmO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KCgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMDAiIGN5PSIyMDAiIHI9IjIwMCIgZmlsbD0iIzU2NmJkOSIvPgoKCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJtMTYzLjQgMzA1LjVjODguNyAwIDEzNy4yLTczLjUgMTM3LjItMTM3LjIgMC0yLjEgMC00LjItMC4xLTYuMiA5LjQtNi44IDE3LjYtMTUuMyAyNC4xLTI1LTguNiAzLjgtMTcuOSA2LjQtMjcuNyA3LjYgMTAtNiAxNy42LTE1LjQgMjEuMi0yNi43LTkuMyA1LjUtMTkuNiA5LjUtMzAuNiAxMS43LTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMi0yNi42IDAtNDguMiAyMS42LTQ4LjIgNDguMiAwIDMuOCAwLjQgNy41IDEuMyAxMS00MC4xLTItNzUuNi0yMS4yLTk5LjQtNTAuNC00LjEgNy4xLTYuNSAxNS40LTYuNSAyNC4yIDAgMTYuNyA4LjUgMzEuNSAyMS41IDQwLjEtNy45LTAuMi0xNS4zLTIuNC0yMS44LTZ2MC42YzAgMjMuNCAxNi42IDQyLjggMzguNyA0Ny4zLTQgMS4xLTguMyAxLjctMTIuNyAxLjctMy4xIDAtNi4xLTAuMy05LjEtMC45IDYuMSAxOS4yIDIzLjkgMzMuMSA0NSAzMy41LTE2LjUgMTIuOS0zNy4zIDIwLjYtNTkuOSAyMC42LTMuOSAwLTcuNy0wLjItMTEuNS0wLjcgMjEuMSAxMy44IDQ2LjUgMjEuOCA3My43IDIxLjgiLz4KCjwvc3ZnPgo='); +} + +/* Processing web.svg */ +.icons.web { + background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE3LjkgMTguMjQyYy0wLjI2LTAuODAwMS0xLjAxLTEuMzktMS45LTEuMzloLTF2LTNjMC0wLjI2NTMtMC4xMDU0LTAuNTE5Ni0wLjI5MjktMC43MDcyLTAuMTg3NS0wLjE4NzUtMC40NDE5LTAuMjkyOC0wLjcwNzEtMC4yOTI4aC02di0yaDJjMC4yNjUyIDAgMC41MTk2LTAuMTA1NCAwLjcwNzEtMC4yOTI5IDAuMTg3NS0wLjE4NzYgMC4yOTI5LTAuNDQxOSAwLjI5MjktMC43MDcxNXYtMmgyYzAuNTMwNCAwIDEuMDM5MS0wLjIxMDcxIDEuNDE0Mi0wLjU4NTc5IDAuMzc1MS0wLjM3NTA3IDAuNTg1OC0wLjg4Mzc4IDAuNTg1OC0xLjQxNDJ2LTAuNDFjMS4xOTY1IDAuNDgyMzcgMi4yNTgyIDEuMjQ3NSAzLjA5NDQgMi4yMjk4IDAuODM2MiAwLjk4MjM2IDEuNDIxOSAyLjE1MjcgMS43MDY5IDMuNDEwOSAwLjI4NTEgMS4yNTgxIDAuMjYxIDIuNTY2Ni0wLjA3MDEgMy44MTM1LTAuMzMxMSAxLjI0NjgtMC45NTk1IDIuMzk0OC0xLjgzMTIgMy4zNDU4em0tNi45IDIuNTRjLTMuOTUtMC40OS03LTMuODUtNy03LjkzIDAtMC42MiAwLjA4LTEuMjIgMC4yMS0xLjc5bDQuNzkgNC43OXYxYzAgMC41MzA0IDAuMjEwNzEgMS4wMzkxIDAuNTg1NzkgMS40MTQyIDAuMzc1MDcgMC4zNzUgMC44ODM4MSAwLjU4NTggMS40MTQyIDAuNTg1OG0xLTE2Yy0xLjMxMzIgMC0yLjYxMzYgMC4yNTg2Ni0zLjgyNjggMC43NjEyMS0xLjIxMzMgMC41MDI1NC0yLjMxNTYgMS4yMzkxLTMuMjQ0MiAyLjE2NzctMS44NzU0IDEuODc1NC0yLjkyODkgNC40MTg5LTIuOTI4OSA3LjA3MTEgMCAyLjY1MjEgMS4wNTM2IDUuMTk1NyAyLjkyODkgNy4wNzEgMC45Mjg1OSAwLjkyODYgMi4wMzEgMS42NjUyIDMuMjQ0MiAyLjE2NzcgMS4yMTMyIDAuNTAyNiAyLjUxMzYgMC43NjEzIDMuODI2OCAwLjc2MTMgMi42NTIyIDAgNS4xOTU3LTEuMDUzNiA3LjA3MTEtMi45MjkgMS44NzUzLTEuODc1MyAyLjkyODktNC40MTg5IDIuOTI4OS03LjA3MSAwLTEuMzEzMy0wLjI1ODctMi42MTM2LTAuNzYxMi0zLjgyNjktMC41MDI2LTEuMjEzMy0xLjIzOTEtMi4zMTU2LTIuMTY3Ny0zLjI0NDItMC45Mjg2LTAuOTI4NTgtMi4wMzEtMS42NjUyLTMuMjQ0My0yLjE2NzctMS4yMTMyLTAuNTAyNTUtMi41MTM2LTAuNzYxMjEtMy44MjY4LTAuNzYxMjF6IiBmaWxsPSIjMDAwIi8+PC9zdmc+Cg=='); +} + diff --git a/static/css/src/icons/.directory b/static/css/src/icons/.directory new file mode 100644 index 0000000..c9983b7 --- /dev/null +++ b/static/css/src/icons/.directory @@ -0,0 +1,3 @@ +[Dolphin] +Timestamp=2024,3,31,23,13,3.943 +Version=4 diff --git a/static/css/src/icons/build_data_uri.sh b/static/css/src/icons/build_data_uri.sh new file mode 100755 index 0000000..7ab5e0a --- /dev/null +++ b/static/css/src/icons/build_data_uri.sh @@ -0,0 +1,18 @@ +#!/bin/sh + +mkdir -p optimised +rm -f optimised/* +for f in $(ls -1 *.svg); do + echo "/* Processing ${f} */" + # optimise the SVG + scour -i "./$f" -o "./optimised/$f" --enable-viewboxing --enable-id-stripping --enable-comment-stripping --shorten-ids --strip-xml-prolog --remove-descriptive-elements --no-line-breaks --indent=none &>/dev/null + # build class name + g=$(basename $(pwd)) + n=$(echo "$f" | sed 's/.svg//') + # build data uri + data=$(cat "./optimised/$f" | base64 -w 0) + echo ".${g}.${n} {" + echo " background-image: url('data:image/svg+xml;base64,${data}');" + echo "}" + echo +done; diff --git a/static/css/src/icons/caret_down.svg b/static/css/src/icons/caret_down.svg new file mode 100644 index 0000000..3eed8ce --- /dev/null +++ b/static/css/src/icons/caret_down.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/css/src/icons/caret_up.svg b/static/css/src/icons/caret_up.svg new file mode 100644 index 0000000..b383703 --- /dev/null +++ b/static/css/src/icons/caret_up.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/css/src/icons/close.svg b/static/css/src/icons/close.svg new file mode 100644 index 0000000..e1caba3 --- /dev/null +++ b/static/css/src/icons/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/css/src/icons/email.svg b/static/css/src/icons/email.svg new file mode 100644 index 0000000..8992e6d --- /dev/null +++ b/static/css/src/icons/email.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/static/css/src/icons/github.svg b/static/css/src/icons/github.svg new file mode 100644 index 0000000..eceae08 --- /dev/null +++ b/static/css/src/icons/github.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/static/css/src/icons/gitlab.svg b/static/css/src/icons/gitlab.svg new file mode 100644 index 0000000..7d1f0c2 --- /dev/null +++ b/static/css/src/icons/gitlab.svg @@ -0,0 +1,48 @@ + + + + + + + + diff --git a/static/css/src/icons/interview.svg b/static/css/src/icons/interview.svg new file mode 100644 index 0000000..177d1f9 --- /dev/null +++ b/static/css/src/icons/interview.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/css/src/icons/linkedin.svg b/static/css/src/icons/linkedin.svg new file mode 100644 index 0000000..7bcdc67 --- /dev/null +++ b/static/css/src/icons/linkedin.svg @@ -0,0 +1,49 @@ + + diff --git a/static/css/src/icons/mastodon.svg b/static/css/src/icons/mastodon.svg new file mode 100644 index 0000000..c1a7450 --- /dev/null +++ b/static/css/src/icons/mastodon.svg @@ -0,0 +1,45 @@ + + + + + + + diff --git a/static/css/src/icons/menu.svg b/static/css/src/icons/menu.svg new file mode 100644 index 0000000..da149c9 --- /dev/null +++ b/static/css/src/icons/menu.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/css/src/icons/optimised/caret_down.svg b/static/css/src/icons/optimised/caret_down.svg new file mode 100644 index 0000000..95f324a --- /dev/null +++ b/static/css/src/icons/optimised/caret_down.svg @@ -0,0 +1 @@ + diff --git a/static/css/src/icons/optimised/caret_up.svg b/static/css/src/icons/optimised/caret_up.svg new file mode 100644 index 0000000..bc68d1b --- /dev/null +++ b/static/css/src/icons/optimised/caret_up.svg @@ -0,0 +1 @@ + diff --git a/static/css/src/icons/optimised/close.svg b/static/css/src/icons/optimised/close.svg new file mode 100644 index 0000000..78e4cc0 --- /dev/null +++ b/static/css/src/icons/optimised/close.svg @@ -0,0 +1 @@ + diff --git a/static/css/src/icons/optimised/email.svg b/static/css/src/icons/optimised/email.svg new file mode 100644 index 0000000..2f54b7d --- /dev/null +++ b/static/css/src/icons/optimised/email.svg @@ -0,0 +1 @@ + diff --git a/static/css/src/icons/optimised/github.svg b/static/css/src/icons/optimised/github.svg new file mode 100644 index 0000000..edcf762 --- /dev/null +++ b/static/css/src/icons/optimised/github.svg @@ -0,0 +1 @@ + diff --git a/static/css/src/icons/optimised/gitlab.svg b/static/css/src/icons/optimised/gitlab.svg new file mode 100644 index 0000000..033c81e --- /dev/null +++ b/static/css/src/icons/optimised/gitlab.svg @@ -0,0 +1 @@ + diff --git a/static/css/src/icons/optimised/interview.svg b/static/css/src/icons/optimised/interview.svg new file mode 100644 index 0000000..937200e --- /dev/null +++ b/static/css/src/icons/optimised/interview.svg @@ -0,0 +1 @@ + diff --git a/static/css/src/icons/optimised/linkedin.svg b/static/css/src/icons/optimised/linkedin.svg new file mode 100644 index 0000000..83ed64d --- /dev/null +++ b/static/css/src/icons/optimised/linkedin.svg @@ -0,0 +1 @@ + diff --git a/static/css/src/icons/optimised/mastodon.svg b/static/css/src/icons/optimised/mastodon.svg new file mode 100644 index 0000000..8fc0a68 --- /dev/null +++ b/static/css/src/icons/optimised/mastodon.svg @@ -0,0 +1 @@ + diff --git a/static/css/src/icons/optimised/menu.svg b/static/css/src/icons/optimised/menu.svg new file mode 100644 index 0000000..6608f88 --- /dev/null +++ b/static/css/src/icons/optimised/menu.svg @@ -0,0 +1 @@ + diff --git a/static/css/src/icons/optimised/share.svg b/static/css/src/icons/optimised/share.svg new file mode 100644 index 0000000..ec9e3e1 --- /dev/null +++ b/static/css/src/icons/optimised/share.svg @@ -0,0 +1 @@ + diff --git a/static/css/src/icons/optimised/twitter.svg b/static/css/src/icons/optimised/twitter.svg new file mode 100644 index 0000000..cef135e --- /dev/null +++ b/static/css/src/icons/optimised/twitter.svg @@ -0,0 +1,12 @@ + + + + + + + + + diff --git a/static/css/src/icons/optimised/web.svg b/static/css/src/icons/optimised/web.svg new file mode 100644 index 0000000..7a63460 --- /dev/null +++ b/static/css/src/icons/optimised/web.svg @@ -0,0 +1 @@ + diff --git a/static/css/src/icons/share.svg b/static/css/src/icons/share.svg new file mode 100644 index 0000000..bf98a8c --- /dev/null +++ b/static/css/src/icons/share.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/css/src/icons/twitter.svg b/static/css/src/icons/twitter.svg new file mode 100644 index 0000000..09bae23 --- /dev/null +++ b/static/css/src/icons/twitter.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + + diff --git a/static/css/src/icons/web.svg b/static/css/src/icons/web.svg new file mode 100644 index 0000000..275219a --- /dev/null +++ b/static/css/src/icons/web.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/css/src/layout.css b/static/css/src/layout.css new file mode 100644 index 0000000..0eda537 --- /dev/null +++ b/static/css/src/layout.css @@ -0,0 +1,346 @@ +/* Main page layout */ + +.container { + width: 90%; + max-width: 400px; + margin: 0 auto; +} + + +/* main header */ +header.main { + background-color: var(--section-background-colour); + padding: 0; + border-bottom: 1px solid var(--light-border-colour); +} + +header.main > .container { + position: relative; + display: flex; + flex-direction: row; + justify-content: space-between; +} + +header.main a#logo { + display: block; + z-index: 100; +} + +header.main a#logo > img { + height: 4rem; + margin: 0.5rem 0; + object-fit: contain; +} + +header.main h1 { + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 0; + font-size: 2rem; + line-height: 5rem; + text-align: center; + text-transform: uppercase; +} + +/* main footer */ +footer.main { + margin: 2rem 0; +} + +footer.main ul.links { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: start; +} + +footer.main ul.links > li { + display: block; + margin: 0.5rem 0; + width: 100%; +} + +footer.main ul.links > li > a { + text-decoration: none; +} + +/* Content */ +main#content { + background-color: var(--section-background-colour); +} + +section { + padding: 2rem 0 1rem 0; +} + +main#content > h1, main#content > h2, main#content > h3, main#content > h4, main#content > h5, main#content > h6, +section > h1, section > h2, section > h3, section > h4, section > h5, section > h6 { + text-align: center; +} + +main > section, +section.grey { + background-color: var(--main-background-colour); + padding: 2rem 0; +} + +section.page, +section.header { + background-color: var(--section-background-colour); + padding: 1rem 0; +} + +section.header > h1, section.header > h2, section.header > h3, section.header > h4, section.header > h5, section.header > h6, section.header > p { + text-align: center; +} + +/* Cards */ + +.card, +details { + background-color: var(--section-background-colour); + border: 2px solid var(--light-border-colour); + border-radius: 1rem; + padding: 1rem; +} + +details > summary { + list-style: none; +} + +details[open] > div, +details > summary { + border-bottom: 1px solid var(--primary-colour); +} + +details[open] > summary { + border-bottom: 1px solid var(--light-border-colour); + margin-bottom: 1rem; +} + +details > summary::before { + display: block; + float: right; + width: 1rem; + height: 1rem; + content: " "; + background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTYgMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDIuODUyLTggOC04LTggMi0yIDYgNiA2LTYgMiAyeiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNTY2QkQ5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K'); + background-position: top right; + background-repeat: no-repeat; + background-size: 1rem 1rem; + transition: 0.4s; +} + +details[open] > summary::before { + transform: rotate(180deg); +} + +.card + .card, +details + details { + margin: 1rem 0; +} + +/* Main hero section */ +section.hero { + background-color: var(--section-background-colour); + padding: 1rem 0; + text-align: center; +} + +section.hero img { + height: fit-content; +} + +section.hero h2 { font-size: 3rem; text-transform: uppercase; } +section.hero h3 { font-size: 2rem; } +section.hero h4 { font-size: 1.8rem; } + +/* News section */ +section.news { + background-color: var(--main-background-colour); + padding: 2rem 0; +} + +/* Sponsors section */ +section.sponsors { + background-color: var(--section-background-colour); + padding: 2rem 0; +} + +ul.sponsors-list { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-evenly; + margin-bottom: 0; +} + +ul.sponsors-list > li { + display: block; + margin: 1rem 0; + width: 80%; +} + +ul.sponsors-list img { + height: 120px; + width: 100%; + object-fit: contain; +} + +ul.sponsors-list li > a.interview { + font-size: 1rem; + text-decoration: none; + display: block; + box-sizing: border-box; + padding: 0.5rem 1rem; + text-align: center; +} + +/* CTA section */ +section.cta { + text-align: center; + background-color: var(--primary-colour); + color: var(--light-text-colour); + padding: 3rem 0 1rem 0; +} + +section.cta h2, section.cta h3, section.cta h4, section.cta h5, section.cta h6 { + color: var(--light-text-colour); +} + +section.cta h2 { + text-transform: uppercase; +} + +/* Map tweaks */ +.map > iframe { + width: 100%; + margin-bottom: 1rem; +} + +/* People lists / committes */ +section.committe { + padding-bottom: 1rem; +} + +ul.people { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-evenly; + margin-bottom: 0; +} + +ul.people > li { + display: block; + background-color: var(--section-background-colour); + border-radius: 1rem; + text-align: center; + margin: 1rem 0; + width: calc(100% - 2rem); +} + +ul.people img { + margin: 1rem auto; + width: 12rem; + height: 12rem; + border-radius: 50%; + object-fit: cover; +} + +ul.people li > a.interview { + font-size: 1rem; + text-decoration: none; + display: block; + box-sizing: border-box; + padding: 0.5rem 1rem; + text-align: center; +} + +/* Become a sponsor */ + +.container.sponsor-options { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-evenly; +} + +.container.sponsor-options > div { + margin: 1rem 0; + width: 100%; +} + +.sponsor-options .card { + display: flex; + flex-direction: column; +} + +.sponsor-options .card .button { + margin-top: auto; + width: 100%; +} + +/* Sponsors page */ +main section.sponsors { + background-color: var(--main-background-colour); + padding: 2rem 0; +} + +main section.sponsors > .container { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-evenly; + margin-bottom: 0; +} + +main section.sponsors > .container > div { + background-color: var(--section-background-colour); + border-radius: 1rem; + box-sizing: border-box; + padding: 1rem; + margin: 1rem 0; + width: calc(100% - 2rem); +} + +main section.sponsors > .container > div img { + height: 120px; + width: 100%; + object-fit: contain; +} + +main section.sponsors > .container > div a { + font-size: 1rem; + text-decoration: none; + display: block; + box-sizing: border-box; + padding: 0.5rem 1rem; +} + +main section.sponsors > .container > div .description { + margin-top: 1rem; +} + +/* Web iconned links */ +a.icon.web { + line-height: 1.5rem; + padding-left: 2rem !important; + background-position: center left; + background-repeat: no-repeat; + background-size: 1.5rem 1.5rem; + background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE3LjkgMTguMjQyYy0wLjI2LTAuODAwMS0xLjAxLTEuMzktMS45LTEuMzloLTF2LTNjMC0wLjI2NTMtMC4xMDU0LTAuNTE5Ni0wLjI5MjktMC43MDcyLTAuMTg3NS0wLjE4NzUtMC40NDE5LTAuMjkyOC0wLjcwNzEtMC4yOTI4aC02di0yaDJjMC4yNjUyIDAgMC41MTk2LTAuMTA1NCAwLjcwNzEtMC4yOTI5IDAuMTg3NS0wLjE4NzYgMC4yOTI5LTAuNDQxOSAwLjI5MjktMC43MDcxNXYtMmgyYzAuNTMwNCAwIDEuMDM5MS0wLjIxMDcxIDEuNDE0Mi0wLjU4NTc5IDAuMzc1MS0wLjM3NTA3IDAuNTg1OC0wLjg4Mzc4IDAuNTg1OC0xLjQxNDJ2LTAuNDFjMS4xOTY1IDAuNDgyMzcgMi4yNTgyIDEuMjQ3NSAzLjA5NDQgMi4yMjk4IDAuODM2MiAwLjk4MjM2IDEuNDIxOSAyLjE1MjcgMS43MDY5IDMuNDEwOSAwLjI4NTEgMS4yNTgxIDAuMjYxIDIuNTY2Ni0wLjA3MDEgMy44MTM1LTAuMzMxMSAxLjI0NjgtMC45NTk1IDIuMzk0OC0xLjgzMTIgMy4zNDU4em0tNi45IDIuNTRjLTMuOTUtMC40OS03LTMuODUtNy03LjkzIDAtMC42MiAwLjA4LTEuMjIgMC4yMS0xLjc5bDQuNzkgNC43OXYxYzAgMC41MzA0IDAuMjEwNzEgMS4wMzkxIDAuNTg1NzkgMS40MTQyIDAuMzc1MDcgMC4zNzUgMC44ODM4MSAwLjU4NTggMS40MTQyIDAuNTg1OG0xLTE2Yy0xLjMxMzIgMC0yLjYxMzYgMC4yNTg2Ni0zLjgyNjggMC43NjEyMS0xLjIxMzMgMC41MDI1NC0yLjMxNTYgMS4yMzkxLTMuMjQ0MiAyLjE2NzctMS44NzU0IDEuODc1NC0yLjkyODkgNC40MTg5LTIuOTI4OSA3LjA3MTEgMCAyLjY1MjEgMS4wNTM2IDUuMTk1NyAyLjkyODkgNy4wNzEgMC45Mjg1OSAwLjkyODYgMi4wMzEgMS42NjUyIDMuMjQ0MiAyLjE2NzcgMS4yMTMyIDAuNTAyNiAyLjUxMzYgMC43NjEzIDMuODI2OCAwLjc2MTMgMi42NTIyIDAgNS4xOTU3LTEuMDUzNiA3LjA3MTEtMi45MjkgMS44NzUzLTEuODc1MyAyLjkyODktNC40MTg5IDIuOTI4OS03LjA3MSAwLTEuMzEzMy0wLjI1ODctMi42MTM2LTAuNzYxMi0zLjgyNjktMC41MDI2LTEuMjEzMy0xLjIzOTEtMi4zMTU2LTIuMTY3Ny0zLjI0NDItMC45Mjg2LTAuOTI4NTgtMi4wMzEtMS42NjUyLTMuMjQ0My0yLjE2NzctMS4yMTMyLTAuNTAyNTUtMi41MTM2LTAuNzYxMjEtMy44MjY4LTAuNzYxMjF6IiBmaWxsPSIjMDAwIi8+PC9zdmc+Cg=='); +} + +a.icon.interview { + line-height: 1.5rem; + padding-left: 2rem !important; + background-position: center left; + background-repeat: no-repeat; + background-size: 1.5rem 1.5rem; + background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjAgMTkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjEgMTguODUyYy0wLjI4MzMzIDAtMC41MjA2Ny0wLjA5Ni0wLjcxMi0wLjI4OHMtMC4yODczMy0wLjQyOTQtMC4yODgtMC43MTJjMC0wLjExNjcgMC4wMjUtMC4yMzc3IDAuMDc1LTAuMzYzIDAuMDUtMC4xMjU0IDAuMTI1LTAuMjM3NyAwLjIyNS0wLjMzN2w0LjYyNS00LjYyNS0wLjcyNS0wLjcyNS00LjYgNC42MjVjLTAuMSAwLjEtMC4yMDgzMyAwLjE3NS0wLjMyNSAwLjIyNXMtMC4yNDE2NyAwLjA3NS0wLjM3NSAwLjA3NWMtMC4yODMzMyAwLTAuNTIwNjctMC4wOTU3LTAuNzEyLTAuMjg3LTAuMTkxMzMtMC4xOTE0LTAuMjg3MzMtMC40MjktMC4yODgtMC43MTMgMC0wLjE2NjcgMC4wMjUtMC4zMDQ0IDAuMDc1LTAuNDEzIDAuMDUtMC4xMDg3IDAuMTE2NjctMC4yMDQ0IDAuMi0wLjI4N2w0LjYyNS00LjYyNS0wLjctMC43MDAwNS00LjYyNSA0LjZjLTAuMSAwLjEtMC4yMDgzMyAwLjE3NS0wLjMyNSAwLjIyNXMtMC4yNSAwLjA3NS0wLjQgMC4wNzVjLTAuMjY2NjcgMC0wLjUtMC4xLTAuNy0wLjNzLTAuMy0wLjQzMzQtMC4zLTAuN2MwLTAuMTMzNCAwLjAyNS0wLjI1ODQgMC4wNzUtMC4zNzUgMC4wNS0wLjExNjcgMC4xMjUtMC4yMjUgMC4yMjUtMC4zMjVsNC42MjUtNC42MjUtMC43MjUtMC43LTQuNiA0LjYyNWMtMC4wODMzMyAwLjA4MzMtMC4xODMzMyAwLjE1LTAuMyAwLjJzLTAuMjU4MzMgMC4wNzUtMC40MjUgMC4wNzVjLTAuMjgzMzMgMC0wLjUyMS0wLjA5Ni0wLjcxMy0wLjI4OHMtMC4yODc2Ny0wLjQyOTQtMC4yODctMC43MTJjMC0wLjEzMzQgMC4wMjUtMC4yNTg0IDAuMDc1LTAuMzc1IDAuMDUtMC4xMTY3IDAuMTI1LTAuMjI1IDAuMjI1LTAuMzI1bDUuNTc1LTUuNTc1IDMuNzUgMy43NzVjMC4xODMzIDAuMTgzMzQgMC40IDAuMzI5MzQgMC42NSAwLjQzOCAwLjI1IDAuMTA4NjcgMC41IDAuMTYyNjcgMC43NSAwLjE2MiAwLjUzMzMgMCAxLTAuMTg3MzMgMS40LTAuNTYyIDAuNC0wLjM3NDY2IDAuNi0wLjg1Mzk5IDAuNi0xLjQzOCAwLTAuMjMzMzQtMC4wNDE3LTAuNDc1LTAuMTI1LTAuNzI1cy0wLjIzMzMtMC40ODMzNC0wLjQ1LTAuN2wtNC40NzUtNC40NzVjMC4yODMzLTAuMjY2NjcgMC42LTAuNDcwNjcgMC45NS0wLjYxMiAwLjM1LTAuMTQxMzQgMC43LTAuMjEyMzQgMS4wNS0wLjIxMyAwLjQzMzMgMCAwLjgzMzMgMC4wNzEgMS4yIDAuMjEzIDAuMzY2NyAwLjE0MiAwLjcgMC4zNjI2NiAxIDAuNjYxOTlsNC4yMjUgNC4yNWMwLjMgMC4zIDAuNTIxIDAuNjMzMzMgMC42NjMgMSAwLjE0MiAwLjM2NjY2IDAuMjEyNyAwLjc5MTY2IDAuMjEyIDEuMjc1IDAgMC4zMzMzNC0wLjA3NSAwLjY3MS0wLjIyNSAxLjAxM3MtMC4zNjY3IDAuNjU0MzQtMC42NSAwLjkzNzA1bC04LjMyNSA4LjM1Yy0wLjEzMzMgMC4xMzMzLTAuMjUgMC4yMTY2LTAuMzUgMC4yNS0wLjEgMC4wMzMzLTAuMjE2NyAwLjA1LTAuMzUgMC4wNXptLTguNTc1LTgtMC42NS0wLjY1Yy0wLjI4MzMzLTAuMjY2NzEtMC41LTAuNTgzMzgtMC42NS0wLjk1MDA1LTAuMTUtMC4zNjY2Ni0wLjIyNS0wLjc0OTk5LTAuMjI1LTEuMTUgMC0wLjQzMzM0IDAuMDgzMzMzLTAuODMzMzQgMC4yNS0xLjIgMC4xNjY2Ny0wLjM2NjY3IDAuMzc1LTAuNjc1IDAuNjI1LTAuOTI1bDQuMjI1LTQuMjVjMC4yNjY2Ny0wLjI2NjY2IDAuNTgzMzMtMC40NzkzMyAwLjk1LTAuNjM4IDAuMzY2NjctMC4xNTg2NiAwLjcyNS0wLjIzNzY2IDEuMDc1LTAuMjM3IDAuNDUgMCAwLjg1IDAuMDYyNjY3IDEuMiAwLjE4OCAwLjM1IDAuMTI1MzQgMC42OTE2NyAwLjM1NDM0IDEuMDI1IDAuNjg3bDUuMTI1IDUuMTI1YzAuMSAwLjA5OTk5IDAuMTc1IDAuMjA4MzMgMC4yMjUgMC4zMjQ5OSAwLjA1IDAuMTE2NjcgMC4wNzUgMC4yNDE2NyAwLjA3NSAwLjM3NSAwIDAuMjY2NjctMC4xIDAuNS0wLjMgMC43cy0wLjQzMzMgMC4zLTAuNyAwLjNjLTAuMTUgMC0wLjI3NS0wLjAyMDY2LTAuMzc1LTAuMDYyLTAuMS0wLjA0MTMzLTAuMjA4My0wLjEyMDY2LTAuMzI1LTAuMjM4bC00LjUtNC40NS03LjA1IDcuMDV6IiBmaWxsPSIjMDAwIi8+PC9zdmc+Cg=='); +} + diff --git a/static/css/src/menu.css b/static/css/src/menu.css new file mode 100644 index 0000000..84f52d4 --- /dev/null +++ b/static/css/src/menu.css @@ -0,0 +1,74 @@ + +/* + * Menu bar + */ +#main-menu { + width: 5rem; + z-index: 100; +} + +/* Mobile Menu */ +#menu-pancake { + display: block; + width: 5rem; + height: 5rem; + /* Pankcake icon */ + background-color: var(--section-background-colour); + background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgMTIuOTI2aDE4bS0xOC02aDE4bS0xOCAxMmgxOCIgc3Ryb2tlPSIjMjAyMTI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPgo='); + background-position: center right; + background-repeat: no-repeat; + background-size: 2.5rem 2.5rem; +} + +#main-menu > div.menu-pane { + padding: 0.5rem 0; + margin: 0; + list-style: none; + position: absolute; + top: 5rem; + right: 0; + left: 0; + background: var(--section-background-colour); + z-index: 10000; + display: none; + visibility: hidden; + opacity: 0; + box-shadow: 0 1.2rem 1.6rem -0.4rem rgba(16, 24, 40, 0.08), 0 0.4rem 0.6rem -0.2rem rgba(16, 24, 40, 0.03); + border-top: 1px solid var(--light-border-colour); +} + +#main-menu ul > li { +} + +#main-menu ul > li > a { + display: block; + text-decoration: none; + font-size: 1.2rem; + padding: 0.75rem 1rem; + box-sizing: border-box; +} + +#main-menu ul > li > a:hover { + background-color: var(--main-background-colour); +} + +#main-menu ul > li:hover, +#main-menu ul > li:focus-within { + cursor: pointer; + text-decoration: none; +} + +#main-menu:focus > div.menu-pane, +#main-menu:focus-within > div.menu-pane, +#main-menu:hover > div.menu-pane, +#main-menu div.menu-pane:hover, +#main-menu div.menu-pane:focus-within { + visibility: visible; + opacity: 1; + display: block; +} + +#main-menu ul { + padding-bottom: 0.5rem; + border-bottom: 1px solid var(--light-border-colour); +} diff --git a/static/css/src/responsive.css b/static/css/src/responsive.css new file mode 100644 index 0000000..8f6dec5 --- /dev/null +++ b/static/css/src/responsive.css @@ -0,0 +1,77 @@ +/* Responsive */ + +/* Tablet */ +@media (min-width: 800px) { + /* main container */ + .container { + max-width: 780px; + } + #main-menu, + #menu-pancake { + width: 8rem; + } + /* Multi column footer */ + footer.main ul.links > li { + width: calc((100% - 1rem) / 2); + } + /* Multi column sponsors */ + ul.sponsors-list > li { + width: calc((100% - 4rem) / 2); + } + /* Button Nav */ + nav.button-bar > a { + width: calc((100% - 2rem) / 2); + } + /* People lists */ + ul.people > li { + width: calc((100% - 4rem) / 2); + } + /* Sponsor Options */ + .container.sponsor-options > div { + width: calc((100% - 4rem) / 2); + } + /* Sponsors Page */ + main section.sponsors > .container > div { + width: calc((100% - 4rem) / 2); + } +} + +/* Low res laptop */ +@media (min-width: 1000px) { + .container { + max-width: 960px; + } + #main-menu, + #menu-pancake { + width: 10rem; + } + /* Multi column footer */ + footer.main ul.links > li { + width: calc((100% - 3rem) / 4); + } + /* Multi column sponsors */ + ul.sponsors-list > li { + width: calc((100% - 4rem) / 2); + } + /* Button Nav */ + nav.button-bar > a { + width: calc((100% - 2rem) / 2); + } + /* People lists */ + ul.people > li { + width: calc((100% - 6rem) / 3); + } + /* Sponsor Options */ + .container.sponsor-options > div { + width: 40%; + } + /* Sponsors Page */ + main section.sponsors > .container > div { + width: calc((100% - 4rem) / 2); + } +} + +/* High res laptop */ +@media (min-width: 1600px) { + +} diff --git a/static/css/src/socials.css b/static/css/src/socials.css new file mode 100644 index 0000000..c0a9ce8 --- /dev/null +++ b/static/css/src/socials.css @@ -0,0 +1,66 @@ + +/* Social link bar */ +ul.socials { + display: flex; + flex-direction: row; + width: 100%; + margin: 1rem 0; +} +ul.socials li { + display: block; + margin: 0 1rem 0 0; + padding: 0; +} +ul.socials li a { + display: block; + width: 2rem; + height: 2rem; + background-position: center; + background-repeat: no-repeat; + background-size: 2rem 2rem; +} + +/* Processing email.svg */ +.icons.email { + background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzU2NmJkOSI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMSIvPjxwYXRoIGQ9Im0yMi45OSAxNS44MWMtLjAyLS43NC0uMTU1LTEuNDUtLjM4OC0yLjExNWw4LjM5OC01LjI0OXYtMS40NDZjMC0xLjEwMy0uODk3LTItMi0yaC0yNmMtMS4xMDMgMC0yIC44OTctMiAydjEuNDQ2bDguMzk4IDUuMjQ5Yy0uMjMzLjY2NS0uMzY5IDEuMzc1LS4zODggMi4xMTVsLTguMDEtNS4wMDZ2MTQuMTk2YzAgMS4xMDMuODk3IDIgMiAyaDI2YzEuMTAzIDAgMi0uODk3IDItMnYtMTQuMTk2em0tMy40OSAyLjY5Yy0uNTAxIDAtLjk2Ni0uMTUxLTEuMzU3LS40MDYtLjU0Ni41NTctMS4zMDQuOTA2LTIuMTQzLjkwNi0xLjY1NCAwLTMtMS4zNDYtMy0zczEuMzQ2LTMgMy0zIDMgMS4zNDYgMyAzYzAgLjI3Ni4yMjQuNS41LjVzLjUtLjIyNC41LS41YzAtMi4yMDYtMS43OTQtNC00LTRzLTQgMS43OTQtNCA0IDEuNzk0IDQgNCA0Yy44OCAwIDEuNzA4LS4yNzUgMi4zOTYtLjc5Ni40NDEtLjMzNCAxLjA2OC0uMjQ4IDEuNDAxLjE5Mi4zMzQuNDQuMjQ4IDEuMDY3LS4xOTIgMS40MDEtMS4wMzguNzg3LTIuMjg0IDEuMjAzLTMuNjA1IDEuMjAzLTMuMzA5IDAtNi0yLjY5MS02LTZzMi42OTEtNiA2LTYgNiAyLjY5MSA2IDZjMCAxLjM3OC0xLjEyMiAyLjUtMi41IDIuNXoiLz48L2c+PC9zdmc+Cg=='); +} + +/* Processing github.svg */ +.icons.github { + background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im00OS44NTQgMmMtMjcuMDE1IDAtNDguODU0IDIyLTQ4Ljg1NCA0OS4yMTcgMCAyMS43NTYgMTMuOTkzIDQwLjE3MiAzMy40MDUgNDYuNjkgMi40MjcgMC40OSAzLjMxNi0xLjA1OSAzLjMxNi0yLjM2MiAwLTEuMTQxLTAuMDgtNS4wNTItMC4wOC05LjEyNy0xMy41OSAyLjkzNC0xNi40Mi01Ljg2Ny0xNi40Mi01Ljg2Ny0yLjE4NC01LjcwNC01LjQyLTcuMTctNS40Mi03LjE3LTQuNDQ4LTMuMDE1IDAuMzI0LTMuMDE1IDAuMzI0LTMuMDE1IDQuOTM0IDAuMzI2IDcuNTIzIDUuMDUyIDcuNTIzIDUuMDUyIDQuMzY3IDcuNDk2IDExLjQwNCA1LjM3OCAxNC4yMzUgNC4wNzQgMC40MDQtMy4xNzggMS42OTktNS4zNzggMy4wNzQtNi42LTEwLjgzOS0xLjE0MS0yMi4yNDMtNS4zNzgtMjIuMjQzLTI0LjI4MyAwLTUuMzc4IDEuOTQtOS43NzggNS4wMTQtMTMuMi0wLjQ4NS0xLjIyMi0yLjE4NC02LjI3NSAwLjQ4Ni0xMy4wMzggMCAwIDQuMTI1LTEuMzA0IDEzLjQyNiA1LjA1MmE0Ni45NyA0Ni45NyAwIDAgMSAxMi4yMTQtMS42M2M0LjEyNSAwIDguMzMgMC41NzEgMTIuMjEzIDEuNjMgOS4zMDItNi4zNTYgMTMuNDI3LTUuMDUyIDEzLjQyNy01LjA1MiAyLjY3IDYuNzYzIDAuOTcgMTEuODE2IDAuNDg1IDEzLjAzOCAzLjE1NSAzLjQyMiA1LjAxNSA3LjgyMiA1LjAxNSAxMy4yIDAgMTguOTA1LTExLjQwNCAyMy4wNi0yMi4zMjQgMjQuMjgzIDEuNzggMS41NDggMy4zMTYgNC40ODEgMy4zMTYgOS4xMjYgMCA2LjYtMC4wOCAxMS44OTctMC4wOCAxMy41MjYgMCAxLjMwNCAwLjg5IDIuODUzIDMuMzE2IDIuMzY0IDE5LjQxMi02LjUyIDMzLjQwNS0yNC45MzUgMzMuNDA1LTQ2LjY5MSAwLjA4LTI3LjIxNy0yMS44MzktNDkuMjE3LTQ4Ljc3My00OS4yMTd6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM1NjZiZDkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo='); +} + +/* Processing gitlab.svg */ +.icons.gitlab { + background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNDIzMDdkO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODkuOTczIC04OS41MTcpIiBmaWxsPSIjNTY2YmQ5Ij48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yODIuODMgMTcwLjczLTAuMjctMC42OS0yNi4xNC02OC4yMmE2LjgxIDYuODEgMCAwIDAtMi42OS0zLjI0IDcgNyAwIDAgMC04IDAuNDMgNyA3IDAgMCAwLTIuMzIgMy41MmwtMTcuNjUgNTRoLTcxLjQ3bC0xNy42NS01NGE2Ljg2IDYuODYgMCAwIDAtMi4zMi0zLjUzIDcgNyAwIDAgMC04LTAuNDMgNi44NyA2Ljg3IDAgMCAwLTIuNjkgMy4yNGwtMjYuMTkgNjguMTktMC4yNiAwLjY5YTQ4LjU0IDQ4LjU0IDAgMCAwIDE2LjEgNTYuMWwwLjA5IDAuMDcgMC4yNCAwLjE3IDM5LjgyIDI5LjgyIDE5LjcgMTQuOTEgMTIgOS4wNmE4LjA3IDguMDcgMCAwIDAgOS43NiAwbDEyLTkuMDYgMTkuNy0xNC45MSA0MC4wNi0zMCAwLjEtMC4wOGE0OC41NiA0OC41NiAwIDAgMCAxNi4wOC01Ni4wNHoiIGZpbGw9IiM1NjZiZDkiLz48L2c+PC9zdmc+Cg=='); +} + +/* Processing linkedin.svg */ +.icons.linkedin { + background-image: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgcm9sZT0iaW1nIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSI0LjY5NzUiIHk9IjQuNTg1OCIgd2lkdGg9IjE0LjkyOCIgaGVpZ2h0PSIxNC41MDQiIGZpbGw9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxLjUiIHN0cm9rZS13aWR0aD0iMCIvPjxwYXRoIGQ9Im0xOS43IDNoLTE1LjRjLTAuNzE4IDAtMS4zIDAuNTgyLTEuMyAxLjN2MTUuNGMwIDAuNzE4IDAuNTgyIDEuMyAxLjMgMS4zaDE1LjRjMC43MTggMCAxLjMtMC41ODIgMS4zLTEuM3YtMTUuNGMwLTAuNzE4LTAuNTgyLTEuMy0xLjMtMS4zem0tMTEuMzYxIDE1LjMzOGgtMi42NzJ2LTguNTloMi42NzJ2OC41OXptLTEuMzM1LTkuNzY0Yy0wLjg1NyAwLTEuNTQ5LTAuNjk0LTEuNTQ5LTEuNTQ4IDAtMC44NTUgMC42OTEtMS41NDggMS41NDktMS41NDggMC44NTQgMCAxLjU0NyAwLjY5NCAxLjU0NyAxLjU0OCAwIDAuODU1LTAuNjkzIDEuNTQ4LTEuNTQ3IDEuNTQ4em0xMS4zMzUgOS43NjRoLTIuNjY5di00LjE3N2MwLTAuOTk2LTAuMDE3LTIuMjc4LTEuMzg3LTIuMjc4LTEuMzg5IDAtMS42MDEgMS4wODYtMS42MDEgMi4yMDZ2NC4yNDloLTIuNjY3di04LjU5aDIuNTU5djEuMTc0aDAuMDM3YzAuMzU2LTAuNjc1IDEuMjI3LTEuMzg3IDIuNTI2LTEuMzg3IDIuNzAzIDAgMy4yMDMgMS43NzkgMy4yMDMgNC4wOTJ2NC43MTF6IiBmaWxsPSIjNTY2YmQ5Ii8+PC9zdmc+Cg=='); +} + +/* Processing mastodon.svg */ +.icons.mastodon { + background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjM0LjM4IDIzNC4zNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjIxLjE4IDEzOS45N2MtMy4xODEyIDE2LjM2Ni0yOC40OTIgMzQuMjc4LTU3LjU2MiAzNy43NDktMTUuMTU5IDEuODA4OC0zMC4wODQgMy40NzEyLTQ1Ljk5OSAyLjc0MTItMjYuMDI4LTEuMTkyNS00Ni41NjUtNi4yMTI1LTQ2LjU2NS02LjIxMjUgMCAyLjUzMzggMC4xNTYyNSA0Ljk0NjIgMC40Njg3NSA3LjIwMjUgMy4zODM4IDI1LjY4NiAyNS40NyAyNy4yMjUgNDYuMzkxIDI3Ljk0MiAyMS4xMTYgMC43MjI1IDM5LjkxOS01LjIwNjIgMzkuOTE5LTUuMjA2MmwwLjg2NzUgMTkuMDlzLTE0Ljc3IDcuOTMxMi00MS4wODEgOS4zOWMtMTQuNTA5IDAuNzk3NS0zMi41MjQtMC4zNjUtNTMuNTA2LTUuOTE4OC00NS41MDgtMTIuMDQ1LTUzLjMzNC02MC41NTQtNTQuNTMxLTEwOS43Ny0wLjM2NS0xNC42MTQtMC4xNC0yOC4zOTQtMC4xNC0zOS45MTkgMC01MC4zMyAzMi45NzYtNjUuMDgyIDMyLjk3Ni02NS4wODIgMTYuNjI4LTcuNjM2MyA0NS4xNTktMTAuODQ4IDc0LjgyLTExLjA5aDAuNzI4NzVjMjkuNjYxIDAuMjQyNSA1OC4yMTEgMy40NTM4IDc0LjgzOCAxMS4wOSAwIDAgMzIuOTc1IDE0Ljc1MiAzMi45NzUgNjUuMDgyIDAgMCAwLjQxMzc1IDM3LjEzNC00LjU5ODggNjIuOTE1IiBmaWxsPSIjNTY2YmQ5Ii8+PHBhdGggZD0ibTE4Ni44OCA4MC45NjN2NjAuOTQxaC0yNC4xNDR2LTU5LjE1YzAtMTIuNDY5LTUuMjQ2Mi0xOC43OTgtMTUuNzQtMTguNzk4LTExLjYwMiAwLTE3LjQxOCA3LjUwNzUtMTcuNDE4IDIyLjM1MnYzMi4zNzZoLTI0LjAwMXYtMzIuMzc2YzAtMTQuODQ1LTUuODE2Mi0yMi4zNTItMTcuNDE5LTIyLjM1Mi0xMC40OTQgMC0xNS43NCA2LjMyODgtMTUuNzQgMTguNzk4djU5LjE1aC0yNC4xNDR2LTYwLjk0MWMwLTEyLjQ1NSAzLjE3MTItMjIuMzUyIDkuNTQxMi0yOS42NzUgNi41Njg4LTcuMzIyNSAxNS4xNzEtMTEuMDc2IDI1Ljg1LTExLjA3NiAxMi4zNTUgMCAyMS43MTEgNC43NDg4IDI3Ljg5OCAxNC4yNDhsNi4wMTM4IDEwLjA4MSA2LjAxNS0xMC4wODFjNi4xODUtOS40OTg4IDE1LjU0MS0xNC4yNDggMjcuODk4LTE0LjI0OCAxMC42NzggMCAxOS4yOCAzLjc1MzggMjUuODUgMTEuMDc2IDYuMzY4OCA3LjMyMjUgOS41NCAxNy4yMiA5LjU0IDI5LjY3NSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPgo='); +} + +/* Processing share.svg */ +.icons.share { + background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTcgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEzLjUgMC4xMDIwNWMtMC40NzU1LTEuNmUtNCAtMC45NDUyIDAuMTA0MDItMS4zNzYxIDAuMzA1MTktMC40MzA4IDAuMjAxMTctMC44MTIzIDAuNDk0NDMtMS4xMTc0IDAuODU5MDktMC4zMDUyIDAuMzY0NjYtMC41MjY2IDAuNzkxODMtMC42NDg3IDEuMjUxNC0wLjEyMiAwLjQ1OTU2LTAuMTQxOCAwLjk0MDMxLTAuMDU3OCAxLjQwODNsLTQuNzMgMy4zMTJjLTAuMDIzNjUgMC4wMTYzNi0wLjA0NjM2IDAuMDM0MDYtMC4wNjggMC4wNTMtMC40Nzk4Ni0wLjM3NTEyLTEuMDU1NS0wLjYwNzg0LTEuNjYxMi0wLjY3MTYzLTAuNjA1NzMtMC4wNjM3OS0xLjIxNzIgMC4wNDM5My0xLjc2NDcgMC4zMTA4NnMtMS4wMDg5IDAuNjgyMzQtMS4zMzE3IDEuMTk4OGMtMC4zMjI4IDAuNTE2NTEtMC40OTM5NiAxLjExMzMtMC40OTM5NiAxLjcyMjQgMCAwLjYwOTA1IDAuMTcxMTYgMS4yMDYgMC40OTM5NiAxLjcyMjQgMC4zMjI4IDAuNTE2NSAwLjc4NDI0IDAuOTMxOSAxLjMzMTcgMS4xOTg4IDAuNTQ3NDggMC4yNjcgMS4xNTkgMC4zNzQ3IDEuNzY0NyAwLjMxMDkgMC42MDU3NC0wLjA2MzggMS4xODE0LTAuMjk2NSAxLjY2MTItMC42NzE2IDAuMDIxNjEgMC4wMTkyIDAuMDQ0MzIgMC4wMzczIDAuMDY4IDAuMDU0bDQuNzMgMy4zMTJjLTAuMTQwNCAwLjc4MjcgMC4wMTEgMS41ODk4IDAuNDI1NyAyLjI2ODQgMC40MTQ2IDAuNjc4NiAxLjA2MzcgMS4xODE2IDEuODI0MyAxLjQxMzhzMS41Nzk5IDAuMTc3NSAyLjMwMjktMC4xNTM4YzAuNzIyOS0wLjMzMTMgMS4yOTkzLTAuOTE2MiAxLjYyLTEuNjQzOXMwLjM2MzUtMS41NDc4IDAuMTIwMi0yLjMwNDljLTAuMjQzMi0wLjc1NzEtMC43NTU3LTEuMzk4OC0xLjQ0MDItMS44MDM1LTAuNjg0Ni0wLjQwNDctMS40OTM4LTAuNTQ0My0yLjI3NDQtMC4zOTI1cy0xLjQ3ODUgMC41ODQ2LTEuOTYxNSAxLjIxNjNsLTQuNDc5LTMuMTM0OWMwLjItMC40MjIgMC4zMTItMC44OTMgMC4zMTItMS4zOTEgMC0wLjQ5OC0wLjExMi0wLjk3LTAuMzEyLTEuMzkxbDQuNDgtMy4xMzZjMC4zMzU2IDAuNDM5MjcgMC43Nzc3IDAuNzg1NjggMS4yODQ1IDEuMDA2NSAwLjUwNjcgMC4yMjA4IDEuMDYxNCAwLjMwODY5IDEuNjExNyAwLjI1NTM2IDAuNTUwMi0wLjA1MzMzIDEuMDc3Ny0wLjI0NjEyIDEuNTMyNi0wLjU2MDE0czAuODIyMy0wLjczODg5IDEuMDY3Mi0xLjIzNDRjMC4yNDUtMC40OTU1NSAwLjM1OTUtMS4wNDU0IDAuMzMyOC0xLjU5NzUtMC4wMjY4LTAuNTUyMTQtMC4xOTM5LTEuMDg4My0wLjQ4NTYtMS41NTc5cy0wLjY5ODQtMC44NTY5Mi0xLjE4MTYtMS4xMjU1Yy0wLjQ4MzEtMC4yNjg1OC0xLjAyNjgtMC40MDk0Ny0xLjU3OTYtMC40MDkzN3ptLTEuNzUgMy4yNWMwLTAuNDY0MTMgMC4xODQ0LTAuOTA5MjUgMC41MTI2LTEuMjM3NCAwLjMyODItMC4zMjgxOCAwLjc3MzMtMC41MTI1NiAxLjIzNzQtMC41MTI1NnMwLjkwOTMgMC4xODQzOCAxLjIzNzQgMC41MTI1NmMwLjMyODIgMC4zMjgxOSAwLjUxMjYgMC43NzMzMSAwLjUxMjYgMS4yMzc0cy0wLjE4NDQgMC45MDkyNS0wLjUxMjYgMS4yMzc0Yy0wLjMyODEgMC4zMjgxOS0wLjc3MzMgMC41MTI1Ni0xLjIzNzQgMC41MTI1NnMtMC45MDkyLTAuMTg0MzctMS4yMzc0LTAuNTEyNTYtMC41MTI2LTAuNzczMzEtMC41MTI2LTEuMjM3NHptLTguMjUgNC43NWMtMC40NjQxMyAwLTAuOTA5MjUgMC4xODQzNy0xLjIzNzQgMC41MTI1Ni0wLjMyODE4IDAuMzI4MTktMC41MTI1NiAwLjc3MzMxLTAuNTEyNTYgMS4yMzc0IDAgMC40NjQxNSAwLjE4NDM4IDAuOTA5MjUgMC41MTI1NiAxLjIzNzQgMC4zMjgxOSAwLjMyODIgMC43NzMzMSAwLjUxMjYgMS4yMzc0IDAuNTEyNnMwLjkwOTI1LTAuMTg0NCAxLjIzNzQtMC41MTI2IDAuNTEyNTYtMC43NzMzIDAuNTEyNTYtMS4yMzc0YzAtMC40NjQxMy0wLjE4NDM3LTAuOTA5MjUtMC41MTI1Ni0xLjIzNzRzLTAuNzczMzEtMC41MTI1Ni0xLjIzNzQtMC41MTI1NnptMTAgNi41Yy0wLjQ2NDEgMC0wLjkwOTIgMC4xODQzLTEuMjM3NCAwLjUxMjVzLTAuNTEyNiAwLjc3MzMtMC41MTI2IDEuMjM3NWMwIDAuNDY0MSAwLjE4NDQgMC45MDkyIDAuNTEyNiAxLjIzNzRzMC43NzMzIDAuNTEyNiAxLjIzNzQgMC41MTI2IDAuOTA5My0wLjE4NDQgMS4yMzc0LTAuNTEyNmMwLjMyODItMC4zMjgyIDAuNTEyNi0wLjc3MzMgMC41MTI2LTEuMjM3NCAwLTAuNDY0Mi0wLjE4NDQtMC45MDkzLTAuNTEyNi0xLjIzNzUtMC4zMjgxLTAuMzI4Mi0wLjc3MzMtMC41MTI1LTEuMjM3NC0wLjUxMjV6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo='); +} + +/* Processing twitter.svg */ +.icons.twitter { + background-image: url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MDAgNDAwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0MDAgNDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOjU2NmJkOWZmO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KCgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMDAiIGN5PSIyMDAiIHI9IjIwMCIgZmlsbD0iIzU2NmJkOSIvPgoKCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJtMTYzLjQgMzA1LjVjODguNyAwIDEzNy4yLTczLjUgMTM3LjItMTM3LjIgMC0yLjEgMC00LjItMC4xLTYuMiA5LjQtNi44IDE3LjYtMTUuMyAyNC4xLTI1LTguNiAzLjgtMTcuOSA2LjQtMjcuNyA3LjYgMTAtNiAxNy42LTE1LjQgMjEuMi0yNi43LTkuMyA1LjUtMTkuNiA5LjUtMzAuNiAxMS43LTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMi0yNi42IDAtNDguMiAyMS42LTQ4LjIgNDguMiAwIDMuOCAwLjQgNy41IDEuMyAxMS00MC4xLTItNzUuNi0yMS4yLTk5LjQtNTAuNC00LjEgNy4xLTYuNSAxNS40LTYuNSAyNC4yIDAgMTYuNyA4LjUgMzEuNSAyMS41IDQwLjEtNy45LTAuMi0xNS4zLTIuNC0yMS44LTZ2MC42YzAgMjMuNCAxNi42IDQyLjggMzguNyA0Ny4zLTQgMS4xLTguMyAxLjctMTIuNyAxLjctMy4xIDAtNi4xLTAuMy05LjEtMC45IDYuMSAxOS4yIDIzLjkgMzMuMSA0NSAzMy41LTE2LjUgMTIuOS0zNy4zIDIwLjYtNTkuOSAyMC42LTMuOSAwLTcuNy0wLjItMTEuNS0wLjcgMjEuMSAxMy44IDQ2LjUgMjEuOCA3My43IDIxLjgiLz4KCjwvc3ZnPgo='); +} + +.profile-card ul.socials { + margin: 0 auto; +} +#footer ul.socials { + margin: 0.25rem 0; +} +.author-socials ul.socials { + margin: 1rem auto; +} diff --git a/static/img/hero.svg b/static/img/hero.svg index 9e03a0c..dbd3593 100644 --- a/static/img/hero.svg +++ b/static/img/hero.svg @@ -326,11 +326,11 @@ inkscape:pageopacity="0" inkscape:pagecheckerboard="1" inkscape:deskcolor="#d1d1d1" - inkscape:zoom="3.2525585" - inkscape:cx="283.31543" - inkscape:cy="177.39881" - inkscape:window-width="3840" - inkscape:window-height="2100" + inkscape:zoom="2.2999062" + inkscape:cx="283.27242" + inkscape:cy="177.39854" + inkscape:window-width="2560" + inkscape:window-height="1382" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" @@ -356,7 +356,7 @@ sodipodi:nodetypes="ccccc" inkscape:label="BlueTriangle" />2024LondonPGDAY UK2024London +PGDAY UK2024London diff --git a/static/img/people/unknown.svg b/static/img/people/unknown.svg index 2674e5f..d02c397 100644 --- a/static/img/people/unknown.svg +++ b/static/img/people/unknown.svg @@ -2,85 +2,62 @@ + + + + id="layer1"> + + + + + diff --git a/static/js/pgdayuk.js b/static/js/pgdayuk.js index 4ee45f7..e78a791 100644 --- a/static/js/pgdayuk.js +++ b/static/js/pgdayuk.js @@ -10,11 +10,13 @@ async function update_frontpage_news(url) { data.forEach((n, i) => { if (i <= 5) { let article = document.createElement('details'); + // auto open the first item + if (i == 0) { + article.setAttribute('open', 'open'); + } // article header let summary = document.createElement('summary'); - if (i == 0) - summary.setAttribute('open', ''); let title = document.createElement('h4'); title.innerText = n.title; let byline = document.createElement('h6'); diff --git a/templates/base.html b/templates/base.html index f787cb5..ea069a0 100644 --- a/templates/base.html +++ b/templates/base.html @@ -46,27 +46,30 @@
- -

{{ confname }} {{ year }}

+

{{ confname }}