Contact.vue 4.5 KB
Newer Older
1
<template>
Agate's avatar
Agate committed
2 3 4
  <div class="row">
    <section>
      <h1>
Agate's avatar
Agate committed
5 6 7
        <translate translate-context="Content/Contact/Header"
          >Contact informations</translate
        >
Agate's avatar
Agate committed
8 9
      </h1>
      <p>
Agate's avatar
Agate committed
10
        <translate translate-context="Content/Contact/Paragraph">
Agate's avatar
Agate committed
11
          If you need to personally contact contributors or moderator of the project, you will find contact information below.
Agate's avatar
Agate committed
12
        </translate>
Agate's avatar
Agate committed
13 14 15
      </p>
      <p>
        <strong>
Agate's avatar
Agate committed
16
          <translate translate-context="Content/Contact/Paragraph">
Agate's avatar
Agate committed
17
            Please, use those channels responsibly and prefer the community channels whenever possible.
Agate's avatar
Agate committed
18
          </translate>
Agate's avatar
Agate committed
19 20 21
        </strong>
      </p>
      <h2>
Agate's avatar
Agate committed
22
        <i class="fa fa-shield"></i>&nbsp;
Agate's avatar
Agate committed
23
        <translate translate-context="Content/Contact/Header"
Agate's avatar
Agate committed
24
          >Report a Code of Conduct violation</translate
Agate's avatar
Agate committed
25
        >
Agate's avatar
Agate committed
26 27
      </h2>
      <p>
Agate's avatar
Agate committed
28
        <translate translate-context="Content/Contact/Paragraph">
Agate's avatar
Agate committed
29
          If you widtnessed an abuse, a violation of our Code of Conduct or are yourself in a situation where you need the involvement of a moderator, contact:
Agate's avatar
Agate committed
30
        </translate>
Agate's avatar
Agate committed
31
      </p>
Agate's avatar
Agate committed
32 33 34 35 36
      <div class="table-wrapper">
        <table>
          <thead>
            <tr>
              <th>
Agate's avatar
Agate committed
37 38 39
                <translate translate-context="Content/Contact/Table.Header"
                  >Moderator name</translate
                >
Agate's avatar
Agate committed
40 41
              </th>
              <th>
Agate's avatar
Agate committed
42 43 44
                <translate translate-context="Content/Contact/Table.Header"
                  >Email address</translate
                >
Agate's avatar
Agate committed
45 46
              </th>
              <th>
Agate's avatar
Agate committed
47 48 49
                <translate translate-context="Content/Contact/Table.Header"
                  >Languages</translate
                >
Agate's avatar
Agate committed
50 51 52 53 54 55 56
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Eliot Berriot</td>
              <td>
Agate's avatar
Agate committed
57 58 59
                <a href="'mailto:contact@eliotberriot.com"
                  >contact@eliotberriot.com</a
                >
Agate's avatar
Agate committed
60 61 62 63 64 65 66 67 68 69 70 71 72
              </td>
              <td>french, english</td>
            </tr>
            <tr>
              <td>Ginny McQueen</td>
              <td>
                <a href="'mailto:email@ginny.today">email@ginny.today</a>
              </td>
              <td>english</td>
            </tr>
          </tbody>
        </table>
      </div>
Agate's avatar
Agate committed
73
      <p>
Agate's avatar
Agate committed
74 75 76
        <translate translate-context="Content/Contact/Paragraph"
          >We will get back to you as soon as possible.</translate
        >
Agate's avatar
Agate committed
77 78
      </p>
      <h2>
Agate's avatar
Agate committed
79
        <i class="fa fa-send-o"></i>&nbsp;
Agate's avatar
Agate committed
80 81 82
        <translate translate-context="Content/Contact/Header"
          >Other requests and messages</translate
        >
Agate's avatar
Agate committed
83 84
      </h2>
      <p>
Agate's avatar
Agate committed
85
        <translate translate-context="Content/Contact/Paragraph">
Agate's avatar
Agate committed
86
          If you need to get in touch with core contributors about the project, potential partnerships, interviews or any other matter you don't want to share publicly on our community spaces, use the contact information below.
Agate's avatar
Agate committed
87
        </translate>
Agate's avatar
Agate committed
88
      </p>
Agate's avatar
Agate committed
89 90 91 92 93
      <div class="table-wrapper">
        <table>
          <thead>
            <tr>
              <th>
Agate's avatar
Agate committed
94 95 96
                <translate translate-context="Content/Contact/Table.Header"
                  >Name</translate
                >
Agate's avatar
Agate committed
97 98
              </th>
              <th>
Agate's avatar
Agate committed
99 100 101
                <translate translate-context="Content/Contact/Table.Header"
                  >Roles</translate
                >
Agate's avatar
Agate committed
102 103
              </th>
              <th>
Agate's avatar
Agate committed
104 105 106
                <translate translate-context="Content/Contact/Table.Header"
                  >Email address</translate
                >
Agate's avatar
Agate committed
107 108
              </th>
              <th>
Agate's avatar
Agate committed
109 110 111
                <translate translate-context="Content/Contact/Table.Header"
                  >Languages</translate
                >
Agate's avatar
Agate committed
112 113 114 115 116 117 118
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Eliot Berriot</td>
              <td>
Agate's avatar
Agate committed
119 120 121
                <translate translate-context="Content/Contact/Table.Header"
                  >Project maintainer</translate
                >
Agate's avatar
Agate committed
122 123
              </td>
              <td>
Agate's avatar
Agate committed
124 125 126
                <a href="'mailto:contact@eliotberriot.com"
                  >contact@eliotberriot.com</a
                >
Agate's avatar
Agate committed
127 128 129 130 131 132
              </td>
              <td>french, english</td>
            </tr>
          </tbody>
        </table>
      </div>
Agate's avatar
Agate committed
133 134
    </section>
  </div>
135 136 137
</template>

<script>
Agate's avatar
Agate committed
138
import PageMixin from "../PageMixin";
139

Agate's avatar
Agate committed
140
export default {
141 142 143
  mixins: [PageMixin],
  methods: {
    getInnerTitle() {
Agate's avatar
Agate committed
144
      return this.$pgettext("Content/Contact/Header", "Contact");
Agate's avatar
Agate committed
145
    }
Agate's avatar
Agate committed
146 147
  }
};
148
</script>