epfl-elements 4.2.0 → 4.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/assets/config/variables.scss +3 -2
  2. package/dist/components/atoms/nav-user/nav-user-login.twig +6 -0
  3. package/dist/components/atoms/nav-user/nav-user.twig +16 -0
  4. package/dist/components/atoms/nav-user/nav-user.yml +10 -0
  5. package/dist/components/atoms/tag/tag.twig +6 -6
  6. package/dist/components/content-types/event/event-listing-featured.twig +3 -3
  7. package/dist/components/content-types/event/event-listing.twig +3 -3
  8. package/dist/components/content-types/event/event.twig +46 -16
  9. package/dist/components/molecules/card/card-event.twig +7 -0
  10. package/dist/components/molecules/list-group/list-group-event.twig +74 -0
  11. package/dist/components/organisms/footer/footer-buttons.twig +3 -3
  12. package/dist/components/organisms/header/header-light.twig +12 -1
  13. package/dist/components/organisms/header/header.twig +4 -0
  14. package/dist/components/organisms/restauration/restauration.twig +4 -4
  15. package/dist/components/pages/association-homepage/association-homepage.twig +1 -1
  16. package/dist/components/pages/event-list/event-list.twig +13 -13
  17. package/dist/components/pages/lab-homepage/lab-homepage.twig +4 -0
  18. package/dist/css/elements.css +479 -77
  19. package/dist/css/elements.min.css +1 -1
  20. package/dist/css/elements.min.css.map +1 -1
  21. package/dist/css/reader.css +58 -59
  22. package/dist/css/reader.min.css +1 -1
  23. package/dist/css/reader.min.css.map +1 -1
  24. package/dist/docs/user documentation/reports.md +27 -22
  25. package/dist/js/reader.js +93 -66
  26. package/dist/js/reader.min.js +1 -1
  27. package/dist/js/reader.min.js.map +1 -1
  28. package/dist/package.json +14 -6
  29. package/package.json +8 -5
package/dist/docs/user documentation/reports.md CHANGED
@@ -2,34 +2,39 @@
2
2
 
3
3
  ## Google Analytics
4
4
 
5
- To be able to generate EPFL reports, paste the following snippet inside the ```<head>``` tag on each page of your site.
5
+ ### Official EPFL measurement ID
6
6
 
7
- Email <1234@epfl.ch> to request a report for your website.
8
-
9
-
7
+ To be able to generate EPFL reports, paste this code as high in the ```<head>``` of your site or tool as possible:
8
+ ```html
9
+ <!-- Google Tag Manager -->
10
+ <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
11
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
12
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
13
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
14
+ })(window,document,'script','dataLayer','GTM-PJGBG5R');</script>
15
+ <!-- End Google Tag Manager -->
10
16
  ```
11
- <!-- Global Site Tag (gtag.js) - Google Analytics -->
12
- <script async src='https://www.googletagmanager.com/gtag/js?id=UA-4833294-1'></script>
13
- <script>
14
- window.dataLayer = window.dataLayer || [];
15
- function gtag(){dataLayer.push(arguments);}
16
- gtag('js', new Date());
17
- gtag('config', 'UA-4833294-1', { 'anonymize_ip': true });
18
- </script>
17
+ ` `
18
+ Additionally, paste this code immediately after the opening ```<body>``` tag:
19
+ ```html
20
+ <!-- Google Tag Manager (noscript) -->
21
+ <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PJGBG5R"
22
+ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
23
+ <!-- End Google Tag Manager (noscript) -->
19
24
  ```
20
25
 
26
+ ` `
27
+ ` `
28
+ #### Request a report
29
+
30
+ Email <1234@epfl.ch> to request a report for your website or tool.
31
+
32
+ ` `
33
+ ` `
21
34
  ### Personal measurement ID
22
35
 
23
36
  If you already have a Google Analytics account or are considering creating one, you can add your measurement ID like this.
24
37
 
25
- ```
26
- <!-- Global Site Tag (gtag.js) - Google Analytics -->
27
- <script async src='https://www.googletagmanager.com/gtag/js?id=UA-4833294-1'></script>
28
- <script>
29
- window.dataLayer = window.dataLayer || [];
30
- function gtag(){dataLayer.push(arguments);}
31
- gtag('js', new Date());
32
- gtag('config', 'UA-4833294-1', { 'anonymize_ip': true });
33
- gtag('config', 'YOUR-GA-MEASUREMENT-ID', { 'anonymize_ip': true });
34
- </script>
38
+ ```html
39
+ <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-additional-ID"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-additional-ID'); </script>
35
40
  ```