Contribute-To-This-Project/index.html at master · msftyago/Contribute-To-This-Project · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="assets/style.css" />
    <link rel="stylesheet" href="assets/themes.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" />
    <link href="https://fonts.googleapis.com/css2?family=Domine&amp;display=swap" rel="stylesheet" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.4.2/css/all.css" />
    <link rel="icon" type="image/png" href="favicon.png" />
    <title>Contribute To This Project</title>
    <script type="module" src="assets/main.js" defer=""></script>
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self'; script-src 'self'; style-src 'self' https://fonts.googleapis.com https://use.fontawesome.com; font-src 'self' https://fonts.gstatic.com https://use.fontawesome.com; img-src * data:; object-src 'none'; base-uri 'self';"
    />
  </head>
  <body data-theme="candid-orange">
    <div class="container">
      <!-- Theme switcher -->
      <div class="theme-switcher">
        <button
          type="button"
          class="theme-swatch"
          data-theme="candid-orange"
          title="Candid Orange"
          aria-label="Candid Orange theme"
        ></button>
        <button
          type="button"
          class="theme-swatch"
          data-theme="mauritius"
          title="Mauritius"
          aria-label="Mauritius theme"
        ></button>
        <button
          type="button"
          class="theme-swatch"
          data-theme="classic"
          title="Classic"
          aria-label="Classic theme"
        ></button>
        <button type="button" class="theme-swatch" data-theme="retro" title="Retro" aria-label="Retro theme"></button>
      </div>
      <!-- / Theme switcher -->

      <div class="row">
        <div class="column-double">
          <div class="column-left">
            <h1>CONTRIBUTE TO THIS PROJECT</h1>
            <h2>A project for first-time contributions</h2>
            <p>
              This is a tutorial to help first-time contributors participate in a simple and easy project. Get more
              comfortable using GitHub and make your first open source contribution. It's quick and easy.
            </p>
            <a
              class="button"
              href="https://github.com/Syknapse/Contribute-To-This-Project/blob/master/README.md"
              target="_blank"
              title="Go to project README - A step by step tutorial"
            >
              Learn how to contribute
              <i class="fas fa-long-arrow-alt-right"></i>
            </a>
          </div>
        </div>
        <div class="column">
          <div class="column-right">
            <div class="share-button-container">
              <button id="shareButton" type="button" aria-label="Share this project">
                <i class="fas fa-share-nodes"></i>
                Share
              </button>
            </div>
            <p>Contributions so far...</p>
            <div class="animated" id="contributions-number">0</div>
          </div>
        </div>
      </div>

      <div class="searchContainer">
        <label for="searchbar" class="visually-hidden">Search contributor cards</label>
        <input id="searchbar" type="search" name="search" placeholder="Search for your card here!" />
      </div>

      <div class="grid" id="contributions">
        <!-- Card template is in cards/template.html — copy that file to add your card -->
        <!-- Do not make any modifications in this file -->
      </div>
      <hr />
      <button id="topButton" type="button" aria-label="Go to top">
        <svg
          fill="currentColor"
          preserveAspectRatio="xMidYMid meet"
          height="1em"
          width="1em"
          viewBox="0 0 40 40"
          style="vertical-align: middle; font-size: 2.25em"
        >
          <g>
            <path
              d="m21.7 9.3l-7.9 7.9c-0.6 0.6-0.6 1.7 0 2.3s1.7 0.7 2.4 0l3.8-3.8v12.6c0 1 0.7 1.7 1.7 1.7s1.6-0.7 1.6-1.7v-12.6l3.9 3.8c0.3 0.3 0.7 0.5 1.1 0.5s0.9-0.2 1.2-0.5c0.7-0.6 0.7-1.7 0-2.3l-7.8-7.9z"
            ></path>
          </g>
        </svg>
      </button>
      <footer>
        Project by
        <a href="https://twitter.com/Syknapse" target="_blank">Syk Houdeib</a>
        2017-
        <span id="currentYear"></span>
      </footer>
    </div>
  </body>
</html>