diff --git a/Makefile b/Makefile index 1d54f47..525efa7 100644 --- a/Makefile +++ b/Makefile @@ -17,7 +17,7 @@ wait-for-change: serve: build ## Launch a development server @echo "-----> http://localhost:8042/academy" - @python3 -m http.server --bind localhost 8042 -d _build + @python -m http.server --bind localhost 8042 -d _build docker-build: ## Build the Docker image docker build --tag ${DOCKER_TAG} . diff --git a/layout/base.html b/layout/base.html index 1453a64..321b37a 100644 --- a/layout/base.html +++ b/layout/base.html @@ -1,95 +1,146 @@ - - + Edly Academy + {% block css %}{% endblock%} - - + + - +
-
- - menu - -
- - - -
-
- - - github -

Edit on GitHub

- +
+ + menu + +
+ + + +
+
+ + + github +

Edit on GitHub

+ +
+
+
+ + cross + + + + +
+
+ About + Contribute
-
-
- - cross - - - - -
-
- About - Contribute -
-
- - github -

Edit on GitHub

- -
+
+ + github +

Edit on GitHub

+
+
- {% block content %}{% endblock %} + {% block content %}{% endblock %} -
-
- - -
-

Edly 2024 All rights reserved

-

Privacy Policy

-

Terms & Conditions

-
-

edX and Open edX are registered trademarks of edX Inc

-
+
+
+ + +
+

Edly 2024 All rights reserved

+

Privacy Policy

+

Terms & Conditions

+
+

+ edX and Open edX are registered trademarks of edX Inc +

+
{% block js %}{% endblock%} + + - {% block footer %}{% endblock %} - + + {% block footer %}{% endblock %} + diff --git a/layout/index.html b/layout/index.html index e864989..ba19763 100644 --- a/layout/index.html +++ b/layout/index.html @@ -12,30 +12,30 @@

All Resources

Resource type

- +

Topics

- +
diff --git a/layout/resource.html b/layout/resource.html index 8812abb..9ee568e 100644 --- a/layout/resource.html +++ b/layout/resource.html @@ -1,22 +1,28 @@ -{% extends "base.html" %} -{% block css %} +{% extends "base.html" %} {% block css %} - - - -{% endblock%} - -{% block content %} + + + +{% endblock%} {% block content %}
-
- Home / - {{ resource.title }} -
- - -
- {{ resource_html|safe }} - +
+ {{ resource_html|safe }} + +
-{% endblock %} - -{% block js %} +{% endblock %} {% block js %} {# https://github.com/arronhunt/highlightjs-copy #} {% endblock%} diff --git a/layout/static/css/academy.css b/layout/static/css/academy.css index 01052f4..bf01ac4 100644 --- a/layout/static/css/academy.css +++ b/layout/static/css/academy.css @@ -1,8 +1,7 @@ * { - font-family: "Inter", sans-serif; + font-family: "Gilroy"; font-style: normal; } - /* body */ body { margin: 0; @@ -164,6 +163,7 @@ img.arrow { .resource-type-label { display: flex; align-items: center; + user-select: none; } .resource-type-filter { @@ -175,24 +175,31 @@ img.arrow { min-width: 120px; padding: 25px 30px 25px 20px; z-index: 1; -} - -.resource-type-filter div { - margin: 10px; + list-style-type: none; } .resource-type-filter.invisible { display: none; } +.resource-type-option { + margin: 10px; + cursor: pointer; +} +.resource-type-input, +.resource-label { + cursor: pointer; +} + /* filter by category */ -#category-button { +#categories-button { cursor: pointer; } .categories-label { display: flex; align-items: center; + user-select: none; } .categories-filter { @@ -204,20 +211,26 @@ img.arrow { min-width: 180px; padding: 25px 20px 25px 20px; z-index: 2; + list-style-type: none; +} +.right-arrow { + height: 14px; + width: 14px; + margin: 0px 5px; } .categories-filter.invisible { display: none; } -.categories-filter div { +.category-option { margin: 10px; + cursor: pointer; } -.right-arrow { - height: 14px; - width: 14px; - margin: 0px 5px; +.category-input, +.category-label { + cursor: pointer; } /* content cards */ @@ -232,11 +245,11 @@ img.arrow { .card { width: 25%; - min-height: 250px; - min-width: 300px; + min-height: 280px; + min-width: 320px; border: 1px solid #e5e5e5; border-radius: 20px; - margin: 20px 20px 20px 0; + margin: 20px 55px 20px 0; padding: 30px; display: flex; flex-direction: column; @@ -275,7 +288,7 @@ img.arrow { flex-direction: row; align-items: center; justify-content: center; - width: 20%; + width: 22%; height: auto; min-width: 60px; margin: 0px; @@ -381,7 +394,7 @@ img.arrow { /* footer */ .footer { - padding: 0px 120px; + padding: 30px 120px; min-height: 400px; height: auto; background-color: #f4f4f4; @@ -425,10 +438,13 @@ img.arrow { border-bottom-left-radius: 5px; padding-left: 10px; letter-spacing: 1.2px; - text-transform: uppercase; font-size: 12px; } +.email-input::placeholder { + text-transform: uppercase; +} + .email-button { flex: 2; height: 50px; @@ -637,7 +653,7 @@ img.arrow { flex-direction: column; align-items: flex-start; justify-content: space-between; - z-index: 1; + z-index: 5; background-color: white; visibility: hidden; } @@ -725,7 +741,8 @@ img.arrow { code, pre code.hljs, pre code.hljs * { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, + Liberation Mono, Courier New, monospace; font-size: 1em; line-height: normal; } diff --git a/layout/static/css/resource.css b/layout/static/css/resource.css index db3eae4..68357c0 100644 --- a/layout/static/css/resource.css +++ b/layout/static/css/resource.css @@ -10,7 +10,9 @@ color: black; } -.main p, .main ol, .main ul { +.main p, +.main ol, +.main ul { margin: 10px 0; } @@ -27,13 +29,11 @@ .audience-list { text-transform: capitalize; - line-height: 25px; } .outcomes-list { text-transform: capitalize; - line-height: 25px; } @@ -44,17 +44,55 @@ width: 100%; } +.content-description { + width: 90%; +} + +li::marker { + font-size: 14px; +} + +/* video player portion */ + .video-content { + position: relative; height: 60vh; width: 100%; border-radius: 20px; margin: 10px 0px; } -.content-description { - width: 90%; +.play-container { + position: absolute; + left: 40%; + top: 35%; + width: 150px; + height: 150px; + background-color: rgba(64, 78, 95, 0.8); + display: flex; + align-items: center; + justify-content: center; + border-radius: 75px; + cursor: pointer; } +.play-container:hover { + transform: scale(1.1); +} +.play-button { + height: 100px; + width: 100px; + margin-left: 20px; +} + +.iframe { + height: 100%; + width: 100%; + display: none; + margin: 0px; + padding: 0px; + border-radius: 20px; +} @media screen and (max-width: 425px) { .main { width: auto; diff --git a/layout/static/font/.DS_Store b/layout/static/font/.DS_Store new file mode 100644 index 0000000..c21fc73 Binary files /dev/null and b/layout/static/font/.DS_Store differ diff --git a/layout/static/font/Gilroy-Black.eot b/layout/static/font/Gilroy-Black.eot new file mode 100644 index 0000000..3b00c0e Binary files /dev/null and b/layout/static/font/Gilroy-Black.eot differ diff --git a/layout/static/font/Gilroy-Black.ttf b/layout/static/font/Gilroy-Black.ttf new file mode 100644 index 0000000..c4ca0ca Binary files /dev/null and b/layout/static/font/Gilroy-Black.ttf differ diff --git a/layout/static/font/Gilroy-Black.woff b/layout/static/font/Gilroy-Black.woff new file mode 100644 index 0000000..53d879d Binary files /dev/null and b/layout/static/font/Gilroy-Black.woff differ diff --git a/layout/static/font/Gilroy-Black.woff2 b/layout/static/font/Gilroy-Black.woff2 new file mode 100644 index 0000000..e3272a1 Binary files /dev/null and b/layout/static/font/Gilroy-Black.woff2 differ diff --git a/layout/static/font/Gilroy-BlackItalic.eot b/layout/static/font/Gilroy-BlackItalic.eot new file mode 100644 index 0000000..b2c818f Binary files /dev/null and b/layout/static/font/Gilroy-BlackItalic.eot differ diff --git a/layout/static/font/Gilroy-BlackItalic.ttf b/layout/static/font/Gilroy-BlackItalic.ttf new file mode 100644 index 0000000..3c5e740 Binary files /dev/null and b/layout/static/font/Gilroy-BlackItalic.ttf differ diff --git a/layout/static/font/Gilroy-BlackItalic.woff b/layout/static/font/Gilroy-BlackItalic.woff new file mode 100644 index 0000000..084496d Binary files /dev/null and b/layout/static/font/Gilroy-BlackItalic.woff differ diff --git a/layout/static/font/Gilroy-BlackItalic.woff2 b/layout/static/font/Gilroy-BlackItalic.woff2 new file mode 100644 index 0000000..d94ee3d Binary files /dev/null and b/layout/static/font/Gilroy-BlackItalic.woff2 differ diff --git a/layout/static/font/Gilroy-Bold.eot b/layout/static/font/Gilroy-Bold.eot new file mode 100644 index 0000000..f4d88a2 Binary files /dev/null and b/layout/static/font/Gilroy-Bold.eot differ diff --git a/layout/static/font/Gilroy-Bold.ttf b/layout/static/font/Gilroy-Bold.ttf new file mode 100644 index 0000000..9cf55b7 Binary files /dev/null and b/layout/static/font/Gilroy-Bold.ttf differ diff --git a/layout/static/font/Gilroy-Bold.woff b/layout/static/font/Gilroy-Bold.woff new file mode 100644 index 0000000..f53387b Binary files /dev/null and b/layout/static/font/Gilroy-Bold.woff differ diff --git a/layout/static/font/Gilroy-Bold.woff2 b/layout/static/font/Gilroy-Bold.woff2 new file mode 100644 index 0000000..9b36f02 Binary files /dev/null and b/layout/static/font/Gilroy-Bold.woff2 differ diff --git a/layout/static/font/Gilroy-BoldItalic.eot b/layout/static/font/Gilroy-BoldItalic.eot new file mode 100644 index 0000000..34abf53 Binary files /dev/null and b/layout/static/font/Gilroy-BoldItalic.eot differ diff --git a/layout/static/font/Gilroy-BoldItalic.ttf b/layout/static/font/Gilroy-BoldItalic.ttf new file mode 100644 index 0000000..1fa4bb4 Binary files /dev/null and b/layout/static/font/Gilroy-BoldItalic.ttf differ diff --git a/layout/static/font/Gilroy-BoldItalic.woff b/layout/static/font/Gilroy-BoldItalic.woff new file mode 100644 index 0000000..fed1330 Binary files /dev/null and b/layout/static/font/Gilroy-BoldItalic.woff differ diff --git a/layout/static/font/Gilroy-BoldItalic.woff2 b/layout/static/font/Gilroy-BoldItalic.woff2 new file mode 100644 index 0000000..4358da0 Binary files /dev/null and b/layout/static/font/Gilroy-BoldItalic.woff2 differ diff --git a/layout/static/font/Gilroy-Extrabold.eot b/layout/static/font/Gilroy-Extrabold.eot new file mode 100644 index 0000000..44856c5 Binary files /dev/null and b/layout/static/font/Gilroy-Extrabold.eot differ diff --git a/layout/static/font/Gilroy-Extrabold.ttf b/layout/static/font/Gilroy-Extrabold.ttf new file mode 100644 index 0000000..8a402f8 Binary files /dev/null and b/layout/static/font/Gilroy-Extrabold.ttf differ diff --git a/layout/static/font/Gilroy-Extrabold.woff b/layout/static/font/Gilroy-Extrabold.woff new file mode 100644 index 0000000..41a82d4 Binary files /dev/null and b/layout/static/font/Gilroy-Extrabold.woff differ diff --git a/layout/static/font/Gilroy-Extrabold.woff2 b/layout/static/font/Gilroy-Extrabold.woff2 new file mode 100644 index 0000000..42c39fc Binary files /dev/null and b/layout/static/font/Gilroy-Extrabold.woff2 differ diff --git a/layout/static/font/Gilroy-ExtraboldItalic.eot b/layout/static/font/Gilroy-ExtraboldItalic.eot new file mode 100644 index 0000000..17c3e02 Binary files /dev/null and b/layout/static/font/Gilroy-ExtraboldItalic.eot differ diff --git a/layout/static/font/Gilroy-ExtraboldItalic.ttf b/layout/static/font/Gilroy-ExtraboldItalic.ttf new file mode 100644 index 0000000..ceec8e9 Binary files /dev/null and b/layout/static/font/Gilroy-ExtraboldItalic.ttf differ diff --git a/layout/static/font/Gilroy-ExtraboldItalic.woff b/layout/static/font/Gilroy-ExtraboldItalic.woff new file mode 100644 index 0000000..b520bb2 Binary files /dev/null and b/layout/static/font/Gilroy-ExtraboldItalic.woff differ diff --git a/layout/static/font/Gilroy-ExtraboldItalic.woff2 b/layout/static/font/Gilroy-ExtraboldItalic.woff2 new file mode 100644 index 0000000..99e0ca6 Binary files /dev/null and b/layout/static/font/Gilroy-ExtraboldItalic.woff2 differ diff --git a/layout/static/font/Gilroy-Heavy.eot b/layout/static/font/Gilroy-Heavy.eot new file mode 100644 index 0000000..08ff5b1 Binary files /dev/null and b/layout/static/font/Gilroy-Heavy.eot differ diff --git a/layout/static/font/Gilroy-Heavy.ttf b/layout/static/font/Gilroy-Heavy.ttf new file mode 100644 index 0000000..f8a5e56 Binary files /dev/null and b/layout/static/font/Gilroy-Heavy.ttf differ diff --git a/layout/static/font/Gilroy-Heavy.woff b/layout/static/font/Gilroy-Heavy.woff new file mode 100644 index 0000000..6ce0d58 Binary files /dev/null and b/layout/static/font/Gilroy-Heavy.woff differ diff --git a/layout/static/font/Gilroy-Heavy.woff2 b/layout/static/font/Gilroy-Heavy.woff2 new file mode 100644 index 0000000..fa08e30 Binary files /dev/null and b/layout/static/font/Gilroy-Heavy.woff2 differ diff --git a/layout/static/font/Gilroy-HeavyItalic.eot b/layout/static/font/Gilroy-HeavyItalic.eot new file mode 100644 index 0000000..1ce22f6 Binary files /dev/null and b/layout/static/font/Gilroy-HeavyItalic.eot differ diff --git a/layout/static/font/Gilroy-HeavyItalic.ttf b/layout/static/font/Gilroy-HeavyItalic.ttf new file mode 100644 index 0000000..af05de9 Binary files /dev/null and b/layout/static/font/Gilroy-HeavyItalic.ttf differ diff --git a/layout/static/font/Gilroy-HeavyItalic.woff b/layout/static/font/Gilroy-HeavyItalic.woff new file mode 100644 index 0000000..973535c Binary files /dev/null and b/layout/static/font/Gilroy-HeavyItalic.woff differ diff --git a/layout/static/font/Gilroy-HeavyItalic.woff2 b/layout/static/font/Gilroy-HeavyItalic.woff2 new file mode 100644 index 0000000..0b6f8c4 Binary files /dev/null and b/layout/static/font/Gilroy-HeavyItalic.woff2 differ diff --git a/layout/static/font/Gilroy-Light.eot b/layout/static/font/Gilroy-Light.eot new file mode 100644 index 0000000..978679b Binary files /dev/null and b/layout/static/font/Gilroy-Light.eot differ diff --git a/layout/static/font/Gilroy-Light.ttf b/layout/static/font/Gilroy-Light.ttf new file mode 100644 index 0000000..f85744b Binary files /dev/null and b/layout/static/font/Gilroy-Light.ttf differ diff --git a/layout/static/font/Gilroy-Light.woff b/layout/static/font/Gilroy-Light.woff new file mode 100644 index 0000000..edcac64 Binary files /dev/null and b/layout/static/font/Gilroy-Light.woff differ diff --git a/layout/static/font/Gilroy-Light.woff2 b/layout/static/font/Gilroy-Light.woff2 new file mode 100644 index 0000000..50b8f49 Binary files /dev/null and b/layout/static/font/Gilroy-Light.woff2 differ diff --git a/layout/static/font/Gilroy-LightItalic.eot b/layout/static/font/Gilroy-LightItalic.eot new file mode 100644 index 0000000..3f3f815 Binary files /dev/null and b/layout/static/font/Gilroy-LightItalic.eot differ diff --git a/layout/static/font/Gilroy-LightItalic.ttf b/layout/static/font/Gilroy-LightItalic.ttf new file mode 100644 index 0000000..d684c7b Binary files /dev/null and b/layout/static/font/Gilroy-LightItalic.ttf differ diff --git a/layout/static/font/Gilroy-LightItalic.woff b/layout/static/font/Gilroy-LightItalic.woff new file mode 100644 index 0000000..1d921dd Binary files /dev/null and b/layout/static/font/Gilroy-LightItalic.woff differ diff --git a/layout/static/font/Gilroy-LightItalic.woff2 b/layout/static/font/Gilroy-LightItalic.woff2 new file mode 100644 index 0000000..6ca8eaf Binary files /dev/null and b/layout/static/font/Gilroy-LightItalic.woff2 differ diff --git a/layout/static/font/Gilroy-Medium.eot b/layout/static/font/Gilroy-Medium.eot new file mode 100644 index 0000000..a154933 Binary files /dev/null and b/layout/static/font/Gilroy-Medium.eot differ diff --git a/layout/static/font/Gilroy-Medium.ttf b/layout/static/font/Gilroy-Medium.ttf new file mode 100644 index 0000000..c9ebeb5 Binary files /dev/null and b/layout/static/font/Gilroy-Medium.ttf differ diff --git a/layout/static/font/Gilroy-Medium.woff b/layout/static/font/Gilroy-Medium.woff new file mode 100644 index 0000000..ac5d8ac Binary files /dev/null and b/layout/static/font/Gilroy-Medium.woff differ diff --git a/layout/static/font/Gilroy-Medium.woff2 b/layout/static/font/Gilroy-Medium.woff2 new file mode 100644 index 0000000..ccc2fc6 Binary files /dev/null and b/layout/static/font/Gilroy-Medium.woff2 differ diff --git a/layout/static/font/Gilroy-MediumItalic.eot b/layout/static/font/Gilroy-MediumItalic.eot new file mode 100644 index 0000000..f38aa64 Binary files /dev/null and b/layout/static/font/Gilroy-MediumItalic.eot differ diff --git a/layout/static/font/Gilroy-MediumItalic.ttf b/layout/static/font/Gilroy-MediumItalic.ttf new file mode 100644 index 0000000..1adf5b2 Binary files /dev/null and b/layout/static/font/Gilroy-MediumItalic.ttf differ diff --git a/layout/static/font/Gilroy-MediumItalic.woff b/layout/static/font/Gilroy-MediumItalic.woff new file mode 100644 index 0000000..f00fe88 Binary files /dev/null and b/layout/static/font/Gilroy-MediumItalic.woff differ diff --git a/layout/static/font/Gilroy-MediumItalic.woff2 b/layout/static/font/Gilroy-MediumItalic.woff2 new file mode 100644 index 0000000..bebb214 Binary files /dev/null and b/layout/static/font/Gilroy-MediumItalic.woff2 differ diff --git a/layout/static/font/Gilroy-Regular.eot b/layout/static/font/Gilroy-Regular.eot new file mode 100644 index 0000000..0e7a4ad Binary files /dev/null and b/layout/static/font/Gilroy-Regular.eot differ diff --git a/layout/static/font/Gilroy-Regular.ttf b/layout/static/font/Gilroy-Regular.ttf new file mode 100644 index 0000000..586e79a Binary files /dev/null and b/layout/static/font/Gilroy-Regular.ttf differ diff --git a/layout/static/font/Gilroy-Regular.woff b/layout/static/font/Gilroy-Regular.woff new file mode 100644 index 0000000..eb2e7a3 Binary files /dev/null and b/layout/static/font/Gilroy-Regular.woff differ diff --git a/layout/static/font/Gilroy-Regular.woff2 b/layout/static/font/Gilroy-Regular.woff2 new file mode 100644 index 0000000..7f4b61c Binary files /dev/null and b/layout/static/font/Gilroy-Regular.woff2 differ diff --git a/layout/static/font/Gilroy-RegularItalic.eot b/layout/static/font/Gilroy-RegularItalic.eot new file mode 100644 index 0000000..d80e703 Binary files /dev/null and b/layout/static/font/Gilroy-RegularItalic.eot differ diff --git a/layout/static/font/Gilroy-RegularItalic.ttf b/layout/static/font/Gilroy-RegularItalic.ttf new file mode 100644 index 0000000..697cb3d Binary files /dev/null and b/layout/static/font/Gilroy-RegularItalic.ttf differ diff --git a/layout/static/font/Gilroy-RegularItalic.woff b/layout/static/font/Gilroy-RegularItalic.woff new file mode 100644 index 0000000..6b05a66 Binary files /dev/null and b/layout/static/font/Gilroy-RegularItalic.woff differ diff --git a/layout/static/font/Gilroy-RegularItalic.woff2 b/layout/static/font/Gilroy-RegularItalic.woff2 new file mode 100644 index 0000000..5f43b07 Binary files /dev/null and b/layout/static/font/Gilroy-RegularItalic.woff2 differ diff --git a/layout/static/font/Gilroy-Semibold.eot b/layout/static/font/Gilroy-Semibold.eot new file mode 100644 index 0000000..d041b7e Binary files /dev/null and b/layout/static/font/Gilroy-Semibold.eot differ diff --git a/layout/static/font/Gilroy-Semibold.ttf b/layout/static/font/Gilroy-Semibold.ttf new file mode 100644 index 0000000..8268469 Binary files /dev/null and b/layout/static/font/Gilroy-Semibold.ttf differ diff --git a/layout/static/font/Gilroy-Semibold.woff b/layout/static/font/Gilroy-Semibold.woff new file mode 100644 index 0000000..dfa1680 Binary files /dev/null and b/layout/static/font/Gilroy-Semibold.woff differ diff --git a/layout/static/font/Gilroy-Semibold.woff2 b/layout/static/font/Gilroy-Semibold.woff2 new file mode 100644 index 0000000..1fc312f Binary files /dev/null and b/layout/static/font/Gilroy-Semibold.woff2 differ diff --git a/layout/static/font/Gilroy-SemiboldItalic.eot b/layout/static/font/Gilroy-SemiboldItalic.eot new file mode 100644 index 0000000..0712ecd Binary files /dev/null and b/layout/static/font/Gilroy-SemiboldItalic.eot differ diff --git a/layout/static/font/Gilroy-SemiboldItalic.ttf b/layout/static/font/Gilroy-SemiboldItalic.ttf new file mode 100644 index 0000000..2b8f458 Binary files /dev/null and b/layout/static/font/Gilroy-SemiboldItalic.ttf differ diff --git a/layout/static/font/Gilroy-SemiboldItalic.woff b/layout/static/font/Gilroy-SemiboldItalic.woff new file mode 100644 index 0000000..3b0c20c Binary files /dev/null and b/layout/static/font/Gilroy-SemiboldItalic.woff differ diff --git a/layout/static/font/Gilroy-SemiboldItalic.woff2 b/layout/static/font/Gilroy-SemiboldItalic.woff2 new file mode 100644 index 0000000..bd2cfaf Binary files /dev/null and b/layout/static/font/Gilroy-SemiboldItalic.woff2 differ diff --git a/layout/static/font/Gilroy-Thin.eot b/layout/static/font/Gilroy-Thin.eot new file mode 100644 index 0000000..3e55564 Binary files /dev/null and b/layout/static/font/Gilroy-Thin.eot differ diff --git a/layout/static/font/Gilroy-Thin.ttf b/layout/static/font/Gilroy-Thin.ttf new file mode 100644 index 0000000..eecb810 Binary files /dev/null and b/layout/static/font/Gilroy-Thin.ttf differ diff --git a/layout/static/font/Gilroy-Thin.woff b/layout/static/font/Gilroy-Thin.woff new file mode 100644 index 0000000..e3e48d8 Binary files /dev/null and b/layout/static/font/Gilroy-Thin.woff differ diff --git a/layout/static/font/Gilroy-Thin.woff2 b/layout/static/font/Gilroy-Thin.woff2 new file mode 100644 index 0000000..9b46c8d Binary files /dev/null and b/layout/static/font/Gilroy-Thin.woff2 differ diff --git a/layout/static/font/Gilroy-ThinItalic.eot b/layout/static/font/Gilroy-ThinItalic.eot new file mode 100644 index 0000000..71aaa9b Binary files /dev/null and b/layout/static/font/Gilroy-ThinItalic.eot differ diff --git a/layout/static/font/Gilroy-ThinItalic.ttf b/layout/static/font/Gilroy-ThinItalic.ttf new file mode 100644 index 0000000..09ab36f Binary files /dev/null and b/layout/static/font/Gilroy-ThinItalic.ttf differ diff --git a/layout/static/font/Gilroy-ThinItalic.woff b/layout/static/font/Gilroy-ThinItalic.woff new file mode 100644 index 0000000..f4b8252 Binary files /dev/null and b/layout/static/font/Gilroy-ThinItalic.woff differ diff --git a/layout/static/font/Gilroy-ThinItalic.woff2 b/layout/static/font/Gilroy-ThinItalic.woff2 new file mode 100644 index 0000000..d179f8e Binary files /dev/null and b/layout/static/font/Gilroy-ThinItalic.woff2 differ diff --git a/layout/static/font/Gilroy-UltraLight.eot b/layout/static/font/Gilroy-UltraLight.eot new file mode 100644 index 0000000..89a7d27 Binary files /dev/null and b/layout/static/font/Gilroy-UltraLight.eot differ diff --git a/layout/static/font/Gilroy-UltraLight.ttf b/layout/static/font/Gilroy-UltraLight.ttf new file mode 100644 index 0000000..4feb0b4 Binary files /dev/null and b/layout/static/font/Gilroy-UltraLight.ttf differ diff --git a/layout/static/font/Gilroy-UltraLight.woff b/layout/static/font/Gilroy-UltraLight.woff new file mode 100644 index 0000000..ea0fa9e Binary files /dev/null and b/layout/static/font/Gilroy-UltraLight.woff differ diff --git a/layout/static/font/Gilroy-UltraLight.woff2 b/layout/static/font/Gilroy-UltraLight.woff2 new file mode 100644 index 0000000..4b543e1 Binary files /dev/null and b/layout/static/font/Gilroy-UltraLight.woff2 differ diff --git a/layout/static/font/Gilroy-UltraLightItalic.eot b/layout/static/font/Gilroy-UltraLightItalic.eot new file mode 100644 index 0000000..d087e52 Binary files /dev/null and b/layout/static/font/Gilroy-UltraLightItalic.eot differ diff --git a/layout/static/font/Gilroy-UltraLightItalic.ttf b/layout/static/font/Gilroy-UltraLightItalic.ttf new file mode 100644 index 0000000..6231150 Binary files /dev/null and b/layout/static/font/Gilroy-UltraLightItalic.ttf differ diff --git a/layout/static/font/Gilroy-UltraLightItalic.woff b/layout/static/font/Gilroy-UltraLightItalic.woff new file mode 100644 index 0000000..bb7579b Binary files /dev/null and b/layout/static/font/Gilroy-UltraLightItalic.woff differ diff --git a/layout/static/font/Gilroy-UltraLightItalic.woff2 b/layout/static/font/Gilroy-UltraLightItalic.woff2 new file mode 100644 index 0000000..3440a41 Binary files /dev/null and b/layout/static/font/Gilroy-UltraLightItalic.woff2 differ diff --git a/layout/static/font/fonts.css b/layout/static/font/fonts.css new file mode 100644 index 0000000..f51dde0 --- /dev/null +++ b/layout/static/font/fonts.css @@ -0,0 +1,239 @@ +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-Regular.eot"); + src: local("Gilroy Regular"), local("Gilroy-Regular"), + url("Gilroy-Regular.eot?#iefix") format("embedded-opentype"), + url("Gilroy-Regular.woff2") format("woff2"), + url("Gilroy-Regular.woff") format("woff"), + url("Gilroy-Regular.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-ExtraboldItalic.eot"); + src: local("Gilroy Extrabold Italic"), local("Gilroy-ExtraboldItalic"), + url("Gilroy-ExtraboldItalic.eot?#iefix") format("embedded-opentype"), + url("Gilroy-ExtraboldItalic.woff2") format("woff2"), + url("Gilroy-ExtraboldItalic.woff") format("woff"), + url("Gilroy-ExtraboldItalic.ttf") format("truetype"); + font-weight: 800; + font-style: italic; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-Bold.eot"); + src: local("Gilroy Bold"), local("Gilroy-Bold"), + url("Gilroy-Bold.eot?#iefix") format("embedded-opentype"), + url("Gilroy-Bold.woff2") format("woff2"), + url("Gilroy-Bold.woff") format("woff"), + url("Gilroy-Bold.ttf") format("truetype"); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-Black.eot"); + src: local("Gilroy Black"), local("Gilroy-Black"), + url("Gilroy-Black.eot?#iefix") format("embedded-opentype"), + url("Gilroy-Black.woff2") format("woff2"), + url("Gilroy-Black.woff") format("woff"), + url("Gilroy-Black.ttf") format("truetype"); + font-weight: 900; + font-style: normal; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-Light.eot"); + src: local("Gilroy Light"), local("Gilroy-Light"), + url("Gilroy-Light.eot?#iefix") format("embedded-opentype"), + url("Gilroy-Light.woff2") format("woff2"), + url("Gilroy-Light.woff") format("woff"), + url("Gilroy-Light.ttf") format("truetype"); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-Semibold.eot"); + src: local("Gilroy Semibold"), local("Gilroy-Semibold"), + url("Gilroy-Semibold.eot?#iefix") format("embedded-opentype"), + url("Gilroy-Semibold.woff2") format("woff2"), + url("Gilroy-Semibold.woff") format("woff"), + url("Gilroy-Semibold.ttf") format("truetype"); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-Medium.eot"); + src: local("Gilroy Medium"), local("Gilroy-Medium"), + url("Gilroy-Medium.eot?#iefix") format("embedded-opentype"), + url("Gilroy-Medium.woff2") format("woff2"), + url("Gilroy-Medium.woff") format("woff"), + url("Gilroy-Medium.ttf") format("truetype"); + font-weight: 500; + font-style: normal; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-MediumItalic.eot"); + src: local("Gilroy Medium Italic"), local("Gilroy-MediumItalic"), + url("Gilroy-MediumItalic.eot?#iefix") format("embedded-opentype"), + url("Gilroy-MediumItalic.woff2") format("woff2"), + url("Gilroy-MediumItalic.woff") format("woff"), + url("Gilroy-MediumItalic.ttf") format("truetype"); + font-weight: 500; + font-style: italic; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-BlackItalic.eot"); + src: local("Gilroy Black Italic"), local("Gilroy-BlackItalic"), + url("Gilroy-BlackItalic.eot?#iefix") format("embedded-opentype"), + url("Gilroy-BlackItalic.woff2") format("woff2"), + url("Gilroy-BlackItalic.woff") format("woff"), + url("Gilroy-BlackItalic.ttf") format("truetype"); + font-weight: 900; + font-style: italic; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-UltraLight.eot"); + src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"), + url("Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"), + url("Gilroy-UltraLight.woff2") format("woff2"), + url("Gilroy-UltraLight.woff") format("woff"), + url("Gilroy-UltraLight.ttf") format("truetype"); + font-weight: 200; + font-style: normal; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-RegularItalic.eot"); + src: local("Gilroy Regular Italic"), local("Gilroy-RegularItalic"), + url("Gilroy-RegularItalic.eot?#iefix") format("embedded-opentype"), + url("Gilroy-RegularItalic.woff2") format("woff2"), + url("Gilroy-RegularItalic.woff") format("woff"), + url("Gilroy-RegularItalic.ttf") format("truetype"); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-SemiboldItalic.eot"); + src: local("Gilroy Semibold Italic"), local("Gilroy-SemiboldItalic"), + url("Gilroy-SemiboldItalic.eot?#iefix") format("embedded-opentype"), + url("Gilroy-SemiboldItalic.woff2") format("woff2"), + url("Gilroy-SemiboldItalic.woff") format("woff"), + url("Gilroy-SemiboldItalic.ttf") format("truetype"); + font-weight: 600; + font-style: italic; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-HeavyItalic.eot"); + src: local("Gilroy Heavy Italic"), local("Gilroy-HeavyItalic"), + url("Gilroy-HeavyItalic.eot?#iefix") format("embedded-opentype"), + url("Gilroy-HeavyItalic.woff2") format("woff2"), + url("Gilroy-HeavyItalic.woff") format("woff"), + url("Gilroy-HeavyItalic.ttf") format("truetype"); + font-weight: 900; + font-style: italic; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-Extrabold.eot"); + src: local("Gilroy Extrabold"), local("Gilroy-Extrabold"), + url("Gilroy-Extrabold.eot?#iefix") format("embedded-opentype"), + url("Gilroy-Extrabold.woff2") format("woff2"), + url("Gilroy-Extrabold.woff") format("woff"), + url("Gilroy-Extrabold.ttf") format("truetype"); + font-weight: 800; + font-style: normal; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-BoldItalic.eot"); + src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"), + url("Gilroy-BoldItalic.eot?#iefix") format("embedded-opentype"), + url("Gilroy-BoldItalic.woff2") format("woff2"), + url("Gilroy-BoldItalic.woff") format("woff"), + url("Gilroy-BoldItalic.ttf") format("truetype"); + font-weight: bold; + font-style: italic; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-UltraLightItalic.eot"); + src: local("Gilroy UltraLight Italic"), local("Gilroy-UltraLightItalic"), + url("Gilroy-UltraLightItalic.eot?#iefix") format("embedded-opentype"), + url("Gilroy-UltraLightItalic.woff2") format("woff2"), + url("Gilroy-UltraLightItalic.woff") format("woff"), + url("Gilroy-UltraLightItalic.ttf") format("truetype"); + font-weight: 200; + font-style: italic; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-LightItalic.eot"); + src: local("Gilroy Light Italic"), local("Gilroy-LightItalic"), + url("Gilroy-LightItalic.eot?#iefix") format("embedded-opentype"), + url("Gilroy-LightItalic.woff2") format("woff2"), + url("Gilroy-LightItalic.woff") format("woff"), + url("Gilroy-LightItalic.ttf") format("truetype"); + font-weight: 300; + font-style: italic; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-Heavy.eot"); + src: local("Gilroy Heavy"), local("Gilroy-Heavy"), + url("Gilroy-Heavy.eot?#iefix") format("embedded-opentype"), + url("Gilroy-Heavy.woff2") format("woff2"), + url("Gilroy-Heavy.woff") format("woff"), + url("Gilroy-Heavy.ttf") format("truetype"); + font-weight: 900; + font-style: normal; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-Thin.eot"); + src: local("Gilroy Thin"), local("Gilroy-Thin"), + url("Gilroy-Thin.eot?#iefix") format("embedded-opentype"), + url("Gilroy-Thin.woff2") format("woff2"), + url("Gilroy-Thin.woff") format("woff"), + url("Gilroy-Thin.ttf") format("truetype"); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: "Gilroy"; + src: url("Gilroy-ThinItalic.eot"); + src: local("Gilroy Thin Italic"), local("Gilroy-ThinItalic"), + url("Gilroy-ThinItalic.eot?#iefix") format("embedded-opentype"), + url("Gilroy-ThinItalic.woff2") format("woff2"), + url("Gilroy-ThinItalic.woff") format("woff"), + url("Gilroy-ThinItalic.ttf") format("truetype"); + font-weight: 100; + font-style: italic; +} diff --git a/layout/static/js/search.js b/layout/static/js/search.js index 9fc014b..7636da7 100644 --- a/layout/static/js/search.js +++ b/layout/static/js/search.js @@ -3,10 +3,16 @@ const no_filter = "all"; function applySearchFilters() { for (let card of document.getElementsByClassName("card")) { let visible = true; - if (categoriesFilterValue != no_filter && categoriesFilterValue != card.getAttribute("attr-category")) { + if ( + categoriesFilterValue != no_filter && + categoriesFilterValue != card.getAttribute("attr-category") + ) { visible = false; } - if (resourceTypeFilterValue != no_filter && resourceTypeFilterValue != card.getAttribute("attr-resource-type")) { + if ( + resourceTypeFilterValue != no_filter && + resourceTypeFilterValue != card.getAttribute("attr-resource-type") + ) { visible = false; } card.style.display = visible ? "flex" : "none"; @@ -36,25 +42,45 @@ function displayTutorials(tutorialsData) { // Filter by resource type const resourceFilter = document.getElementById("resource-type-filter"); var resourceTypeFilterValue = no_filter; -resourceFilter.onchange = function (event) { - resourceTypeFilterValue = event.target.nextElementSibling.innerHTML; - resourceFilterToggle(); - applySearchFilters(); -}; + +for (let option of document.getElementsByClassName("resource-type-option")) { + option.addEventListener("click", (event) => { + resourceTypeFilterValue = event.currentTarget.lastElementChild.innerHTML; + resourceFilterToggle(); + applySearchFilters(); + + const input = event.currentTarget.firstElementChild; + + input.checked = true; + }); +} + function resourceFilterToggle() { resourceFilter.classList.toggle("invisible"); } -document.getElementById("resource-type-button").addEventListener("click", resourceFilterToggle); +document + .getElementById("resource-type-button") + .addEventListener("click", resourceFilterToggle); // Filter by category const categoriesFilter = document.getElementById("categories-filter"); var categoriesFilterValue = no_filter; -categoriesFilter.onchange = function (event) { - categoriesFilterValue = event.target.value; - categoriesFilterToggle(); - applySearchFilters(); -}; + +for (let option of document.getElementsByClassName("category-option")) { + option.addEventListener("click", (event) => { + categoriesFilterValue = event.currentTarget.lastElementChild.innerHTML; + categoriesFilterToggle(); + applySearchFilters(); + + const input = event.currentTarget.firstElementChild; + + input.checked = true; + }); +} + function categoriesFilterToggle() { categoriesFilter.classList.toggle("invisible"); } -document.getElementById("categories-button").addEventListener("click", categoriesFilterToggle); +document + .getElementById("categories-button") + .addEventListener("click", categoriesFilterToggle);