From 6180e733b3e843cfaa249031c5789ff0c5f12795 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tom=C3=A1s=20Capretto?= Date: Sun, 2 Jun 2024 13:08:34 -0300 Subject: [PATCH] Add Contact form to our webpage (#816) * Update code of conduct and add reporting form * Add acknowledgements to our Contact form --- CODE_OF_CONDUCT.md | 14 ++++-------- docs/_quarto.yml | 6 ++++-- docs/contact.qmd | 53 ++++++++++++++++++++++++++++++++++++++++++++++ docs/styles.css | 42 +++++++++++++++++++++++++++++++++++- 4 files changed, 102 insertions(+), 13 deletions(-) create mode 100644 docs/contact.qmd diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md index 930baed28..7d0205621 100644 --- a/CODE_OF_CONDUCT.md +++ b/CODE_OF_CONDUCT.md @@ -1,6 +1,7 @@ # Bambi Community Code of Conduct -Bambi adopts the NumFOCUS Code of Conduct directly. In other words, we expect our community to treat others with kindness and understanding. +Bambi adopts the NumFOCUS Code of Conduct directly. +In other words, we expect our community to treat others with kindness and understanding. # The short version @@ -34,16 +35,9 @@ If you have experienced or witnessed behavior that violates this Code of Conduct, please complete the form below to make a report. -**REPORTING FORM:** https://numfocus.typeform.com/to/ynjGdT - -Reports are sent to the NumFOCUS Code of Conduct Enforcement Team -(see below). - -You can view the Privacy Policy and Terms of Service for TypeForm here. -The NumFOCUS Privacy Policy is here: -https://www.numfocus.org/privacy-policy +**REPORTING FORM:** https://bambinos.github.io/bambi/contact.html # Full Code of Conduct The full text of the NumFOCUS/Bambi Code of Conduct can be found on -NumFOCUS's website https://numfocus.org/code-of-conduct \ No newline at end of file +NumFOCUS's website https://numfocus.org/code-of-conduct diff --git a/docs/_quarto.yml b/docs/_quarto.yml index 7d504524f..e76d98b87 100644 --- a/docs/_quarto.yml +++ b/docs/_quarto.yml @@ -20,7 +20,7 @@ website: page-navigation: true favicon: "logos/favicon.png" page-footer: - center: © Copyright 2023, The developers of Bambi. + center: © Copyright 2024, The developers of Bambi. navbar: title: false background: light @@ -39,6 +39,8 @@ website: file: faq.qmd - text: Changelog file: changelog.qmd + - text: Contact + file: contact.qmd - icon: github href: https://github.com/bambinos/bambi @@ -155,4 +157,4 @@ format: toc: true -# https://github.com/quarto-dev/quarto-web/tree/main/docs/gallery \ No newline at end of file +# https://github.com/quarto-dev/quarto-web/tree/main/docs/gallery diff --git a/docs/contact.qmd b/docs/contact.qmd new file mode 100644 index 000000000..01fe56182 --- /dev/null +++ b/docs/contact.qmd @@ -0,0 +1,53 @@ +--- +toc: false +title: "Contact" +pagetitle: "Contact" +--- + +Bambi is dedicated to providing a harassment-free community for everyone, regardless of gender, +sexual orientation, gender identity, and expression, disability, physical appearance, +body size, race, or religion. We do not tolerate harassment of community members in any form. + +However, it is not uncommon to suffer or witness abusive behaviors online. +If you have experienced or witnessed any behaviour that violates our +[Code of Conduct](https://github.com/bambinos/bambi/blob/main/CODE_OF_CONDUCT.md), +we encourage you to report it through the form below. + +When reporting an incident, please provide as much detail as possible, including: + +* The approximate date, time and location of the incident (please be as specific as possible). +* Any identifying information of the individual whose behavior is being reported (e.g. name, nickname, screen name, physical description). +* A description of the behavior, your account of what happened, and any available supporting records (e.g. email, GitHub issue url, screenshots, etc.). +* If reporting harassing language, please be specific about the words used. +* A description of the circumstances/context surrounding the incident. +* Is the incident ongoing, and/or is this part of an ongoing pattern of behavior by this individual? +* Did anyone else observe the incident? If possible, please provide names and contact info of anyone else who witnessed or was involved in this incident. +* Any other information you believe we should have about what happened or that you'd like us to know. + +**All the information be kept confidential**. +If you wish to remain anonymous, your information will not be shared beyond the person +receiving the initial report. + +We take every report of Code of Conduct violations very seriously and will handle each one +with care and confidentiality. If you're unsure whether certain behavior is a violation, +or if you need help with the reporting process, don't hesitate to reach out to us. +We are here to help and support you. + +```{=html} +
+ + + +
+ + +
+
+``` + +
+ +Form adapted from the [JAXGP Contact Form](https://jaxgaussianprocesses.com/contact/) +and the [NumFOCUS Reporting Form](https://numfocus.typeform.com/to/ynjGdT). diff --git a/docs/styles.css b/docs/styles.css index c8f8bdac7..1738d46df 100644 --- a/docs/styles.css +++ b/docs/styles.css @@ -216,4 +216,44 @@ a:hover { /*Add scroll bar if needed, nothing if not*/ section > .level2 { overflow-x: auto; -} \ No newline at end of file +} + +/* Form styles */ + +.bambi-form { + display: flex; + flex-direction: column; + gap: 1em; +} + +.feedback-input { + background-color: transparent; + border-radius: 5px; + border: 2px solid #dcdcdc; + box-sizing: border-box; + outline: 0; + padding: 10px; + transition: all 0.3s; + width: 100%; +} + +.feedback-input:focus { + border: 2px solid #12698a; +} + +.form-submit { + background: #12698a; + border-radius: 5px; + border: 2px solid #12698a; + color: #ffffff; + cursor: pointer; + font-size: 24px; + font-weight: 700; + padding: 8px; + transition: all 0.3s; + width: 100%; +} + +.form-submit:hover { + opacity: 0.8; +}