codifiedconduct.github.io/index.html at master · CodifiedConduct/codifiedconduct.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html>
  <head>
    <title>Codified Conduct</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique&display=swap" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
  </head>
  <body>
    <div id="app">
      <svg viewBox="0 0 420 420" width="100" height="100" xmlns="http://www.w3.org/2000/svg" class="logo">
        <mask id="cocmask">
          <polyline r="20" points="0,0 420,0 370,14 172,113 304,217 370,14 420,0 420,420 0,420 0,0" fill="#FFF"></polyline>
        </mask>
        <circle cx="217" cy="199" r="178" stroke="#000" stroke-width="8" mask="url(#cocmask)" fill="#C0C6C9"></circle>
        <polyline r="20" points="89,361 172,113 370,14 304,217 89,361" stroke="#000" stroke-width="8" fill="#F9CF51"></polyline>
        <circle cx="113" cy="302" r="103" stroke="#000" stroke-width="8" fill="#9AD173"></circle>
      </svg>
      <h1>Codified Conduct</h1>
      <ul class="flex-container">
        <li v-for="(item, itemIndex) in items" :key="'item' + itemIndex">
          <a :href="item.url">{{ item.title }}</a>
          <span v-if="item.description">
            - {{ item.description }}
          </span>
        </li>
      </ul>

      <p>
        If you'd like to make this page more awesome, click the icon in the corner and make a pull-request.
      </p>
      <p>
        <a href="https://opensource.guide/code-of-conduct/">Here</a>
        is a guide on using a code of conduct for your open source projects.
      </p>

      <!-- GitHub Corner -->
      <a href="https://github.com/CodifiedConduct/codifiedconduct.github.io" class="github-corner"><svg width="80" height="80" viewBox="0 0 250 250" style="position:absolute;border:0;top:0;right:0;" fill="#151515" color="#FFFFFF"><path d="M0 0l115 115h15l12 27 108 108v-250z"/><path d="M128.3 109c-14.5-9.3-9.3-19.4-9.3-19.4 3-6.9 1.5-11 1.5-11-1.3-6.6 2.9-2.3 2.9-2.3 3.9 4.6 2.1 11 2.1 11-2.6 10.3 5.1 14.6 8.9 15.9" fill="#FFFFFF" style="transform-origin:130px 106px" class="octo-arm"/><path d="M115 115c-.1.1 3.7 1.5 4.8.4l13.9-13.8c3.2-2.4 6.2-3.2 8.5-3-8.4-10.6-14.7-24.2 1.6-40.6 4.7-4.6 10.2-6.8 15.9-7 .6-1.6 3.5-7.4 11.7-10.9 0 0 4.7 2.4 7.4 16.1 4.3 2.4 8.4 5.6 12.1 9.2 3.6 3.6 6.8 7.8 9.2 12.2 13.7 2.6 16.2 7.3 16.2 7.3-3.6 8.2-9.4 11.1-10.9 11.7-.3 5.8-2.4 11.2-7.1 15.9-16.4 16.4-30 10-40.6 1.6.2 2.8-1 6.8-5 10.8l-11.7 11.6c-1.2 1.2.6 5.4.8 5.3z" fill="#FFFFFF" class="octo-body"/></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
    </div>

    <script>
      let app = new Vue({
        el: '#app',
        data: {
          items: [
            {
              title: '"No Ideologies"',
              url: 'https://github.com/CodifiedConduct/coc-no-ideologies',
              description: ''
            },
            {
              title: 'Django',
              url: 'https://www.djangoproject.com/conduct',
              description: ''
            },
            {
              title: 'Citizen',
              url: 'https://web.archive.org/web/20200330154000/http://citizencodeofconduct.org/',
              description: ''
            },
            {
              title: 'Contributor Covenant',
              url: 'https://www.contributor-covenant.org/version/2/1/code_of_conduct/',
              description: ''
            },
            {
              title: 'SQL Lite',
              url: 'https://www.sqlite.org/codeofethics.html',
              description: 'This CoC is in accordance with the "instruments of good works" from chapter 4 of The Rule of St. Benedict. This document is based on a Christian doctrine and includes rules such as "love the Lord God with your whole heart", "Deny oneself in order to follow Christ", and "Fulfill God\'s commandments daily in your deeds". It also contains more pertinent rules such as "Do not swear", "Do not give way to anger", "Be a help in times of trouble", and "Do not return evil for evil".'
            }
          ]
        }
      });
    </script>
  </body>
</html>