landing/index.html at main · NodeSecure/landing · 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
    rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="./public/css/reset.css" />
  <link rel="stylesheet" href="./public/css/index.css" />
  <title>NodeSecure - Securing the Node.js Ecosystem</title>
</head>

<body>
  <canvas id="network-bg"></canvas>

  <header>
    <div class="header-background"></div>
    <div class="header-content centered-content">
      <img src="https://avatars.githubusercontent.com/u/85318671?s=200&v=4" alt="NodeSecure Logo"
        style="width:80px;height:80px;border-radius:20px;background:#fff2;box-shadow:0 2px 8px #0002;margin-bottom:1.2rem;">
      <h1>
        NodeSecure
      </h1>
      <p class="subtitle">
        Building a safer Node.js and JavaScript ecosystem
      </p>
      <p class="description">We are a community of developers building free open source tools to secure the Node.js & JavaScript ecosystem. Our area of expertise is <b>SCA</b> (Software Composition Analysis).</p>
      <div class="header-buttons">
        <a href="https://github.com/NodeSecure" target="_blank" title="NodeSecure on GitHub" class="view-on-github">
          <img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/github.svg" alt="GitHub"
            style="width:28px;height:28px;filter:invert(1) brightness(2);">
          <span>View on GitHub</span>
        </a>
        <a href="https://discord.gg/4Wn8rjAtB4" target="_blank" title="Join our Discord" class="view-on-discord">
          <img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/discord.svg" alt="Discord"
            style="width:28px;height:28px;filter:invert(1) brightness(2);">
          <span>Join Discord</span>
        </a>
      </div>
    </div>
  </header>

  <section class="cli-demo centered-content">
    <div class="cli-demo-video">
      <iframe src="https://www.youtube.com/embed/hmrKI1jZLGc" title="NodeSecure Video" frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        allowfullscreen></iframe>
    </div>
    <div class="cli-demo-terminal">
      <div class="cli-demo-window-bar">
        <span class="cli-demo-window-dot dot-red"></span>
        <span class="cli-demo-window-dot dot-yellow"></span>
        <span class="cli-demo-window-dot dot-green"></span>
      </div>
      <pre>
<span class="cli-comment"># Installing the project globally with NPM</span>
<span class="cli-cmd">$ <span class="cli-npm">npm</span> i @nodesecure/cli <span class="cli-flag">-g</span></span>

<span class="cli-comment"># Analyze a package on a remote registry</span>
<span class="cli-cmd">$ <span class="cli-nsecure">nsecure</span> auto fastify</span>

<span class="cli-comment"># Analyze a local package.json</span>
<span class="cli-cmd">$ <span class="cli-nsecure">nsecure</span> auto</span>

<span class="cli-comment"># Fetch OpenSSF scorecard for a specific package or GIT.</span>
<span class="cli-cmd">$ <span class="cli-nsecure">nsecure</span> scorecard express</span>

<span class="cli-comment"># Performs a deep analysis of a specified NPM package.</span>
<span class="cli-cmd">$ <span class="cli-nsecure">nsecure</span> verify mocha</span>
      </pre>
    </div>
  </section>

  <section class="getting-started">
    <div class="getting-started-background"></div>
    <div class="centered-content">
      <p>🐤 New to <b>NodeSecure</b>? Check out our beginner guides to start contributing.</p>
      <div class="cta-buttons">
        <a href="https://github.com/NodeSecure/Governance/blob/main/guides/contributor-en.md" target="_blank" class="button primary" style="font-size: 1.1rem; padding: 0.8rem 1.5rem;">
          <svg height="20" width="20" viewBox="0 0 16 16" fill="currentColor" style="margin-right: 8px;">
            <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
          </svg>
          English
        </a>
        <a href="https://github.com/NodeSecure/Governance/blob/main/guides/contributor-fr.md" target="_blank" class="button secondary" style="font-size: 1.1rem; padding: 0.8rem 1.5rem;">
          <svg height="20" width="20" viewBox="0 0 16 16" fill="currentColor" style="margin-right: 8px;">
            <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
          </svg>
          Français
        </a>
      </div>
    </div>
  </section>

  <hr class="section-separator">

  <section class="projects">
    <div class="centered-content">
      <h2 style="text-align:center;font-size:2.2rem;font-weight:900;margin-bottom:2.2rem;">Open Source back-end 🚀</h2>
      <p>We do not just provide cool tools, we also build our own open source back-end to power them. You can easily install and use them in your own projects or build your own tools on top of them.</p>
      <div class="projects-rows">
        <div class="project-card skew">
          <div class="project-content">
            <h3>⚡ Scanner</h3>
            <p>A collection of tools to run a static analysis of your module's dependencies tree and NPM metadata.</p>
            <div class="npm-terminal">
              <span class="prompt">$</span>
              <span class="cmd">npm i @nodesecure/scanner</span>
            </div>
            <a href="https://github.com/NodeSecure/scanner" target="_blank" class="github-link" title="Voir sur GitHub">
              <img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/github.svg" alt="GitHub">
            </a>
          </div>
        </div>
        <div class="project-card skew">
          <div class="project-content">
            <h3>🔬 JS-X-Ray</h3>
            <p>JavaScript open-source SAST scanner. A static analyser crafted for detecting most common malicious patterns.</p>
            <div class="npm-terminal">
              <span class="prompt">$</span>
              <span class="cmd">npm i @nodesecure/js-x-ray</span>
            </div>
            <a href="https://github.com/NodeSecure/js-x-ray" target="_blank" class="github-link" title="Voir sur GitHub">
              <img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/github.svg" alt="GitHub">
            </a>
          </div>
        </div>
        <div class="project-card skew">
          <div class="project-content">
            <div class="project-title">
              <img src="./public/images/vulnera.png" alt="Vulnera" class="logo">
              <h3>Vulnera</h3>
            </div>
            <p>Programmatically fetch security vulnerabilities with one or many strategies (NPM Audit, Sonatype, Snyk, OSV...).</p>
            <div class="npm-terminal">
              <span class="prompt">$</span>
              <span class="cmd">npm i @nodesecure/vulnera</span>
            </div>
            <a href="https://github.com/NodeSecure/vulnera" target="_blank" class="github-link" title="Voir sur GitHub">
              <img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/github.svg" alt="GitHub">
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <hr class="section-separator">

  <section class="contributors">
    <div class="centered-content">
      <h2 style="text-align:center;font-size:2.2rem;font-weight:900;margin-bottom:2.2rem;">Contributors</h2>
      <div id="core-row"></div>
      <div id="contributors-row"></div>
    </div>
  </section>

  <hr class="section-separator">

  <section class="contribute">
    <div class="centered-content">
      <h2>Join Us</h2>
      <p>We welcome new contributors! Whether you're a security expert or just starting out, there's a place for you in
        our community.</p>
      <div class="cta-buttons">
        <a href="https://github.com/NodeSecure/Governance" class="button primary">
          <svg height="20" width="20" viewBox="0 0 16 16" fill="currentColor" style="margin-right: 8px;">
            <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38
            0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52
            -.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2
            -3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64
            -.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08
            2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01
            1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
          </svg>
          Governance
        </a>
        <a href="https://github.com/NodeSecure/Governance/blob/main/CODE_OF_CONDUCT.md" class="button secondary">Code of Conduct</a>
      </div>
    </div>
  </section>

  <script type="module" src="./src/particules.js"></script>
  <script type="module" src="./src/hydrate-contributors.js"></script>
</body>

</html>