Skip to content

Commit

Permalink
UI tweaks. (#923)
Browse files Browse the repository at this point in the history
- Add "CLI Tools" button to home page to scroll down to the relevant
section. (Similar to "Use the API").
- Remove the $GOPATH/bin prefix to match
google/osv-scanner#77.
- Tweak wording for OSV-Scanner section on "About" page

### CLI Tools button (desktop)

![image](https://user-images.githubusercontent.com/759062/208351893-cab0bc9d-fdd8-4508-bb1c-e9e3104e1787.png)

### CLI Tools button (mobile)

![image](https://user-images.githubusercontent.com/759062/208351941-b4ccfca2-08ee-488a-a764-b52352584e7f.png)
  • Loading branch information
oliverchang authored Dec 19, 2022
1 parent fc4414d commit 5411b21
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 5 deletions.
4 changes: 2 additions & 2 deletions gcp/appengine/frontend3/src/templates/about.html
Original file line number Diff line number Diff line change
Expand Up @@ -72,8 +72,8 @@ <h3 class="question">How do I use OSV as an open source user?</h3>
<div class="answer">
<p>OSV provides an <a href="/docs/" data-turbo="false">easy-to-use API</a>
for querying against the aggregated database of vulnerabilities.</p>
<p><a href="https://github.com/google/osv-scanner">Command line tooling</a> is currently being developed to enable easy
vulnerability scanning of SBOMs, language manifests, and container images. Stay tuned!</p>
<p><a href="https://github.com/google/osv-scanner">Command line tooling</a> is also available for
vulnerability scanning of SBOMs, language manifests, and container images.</p>
</div>
<h3 class="question">How do I use OSV as a vulnerability database maintainer?</h3>
<div class="answer">
Expand Down
7 changes: 4 additions & 3 deletions gcp/appengine/frontend3/src/templates/home.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@ <h1 class="title">A distributed vulnerability database for Open Source</h1>
<div class="cta">
<a class="cta-primary link-button" href="{{ url_for('frontend_handlers.list_vulnerabilities') }}">Search Vulnerability Database</a>
<a class="cta-primary link-button" href="#use-the-api">Use the API</a>
<a class="cta-primary link-button" href="#use-the-cli">CLI Tools</a>
</div>
</div>
<div class="mdc-layout-grid__cell--span-12 ecosystems-section">
Expand Down Expand Up @@ -175,8 +176,8 @@ <h3 class="code-card-title">Install OSV&#8209;Scanner</h3>
<div class="code-card mdc-layout-grid__cell--span-6 mdc-layout-grid__cell--span-12-tablet">
<h3 class="code-card-title">Scan SBOM or Lockfiles</h3>
<pre class="code-card-content" id="example-sbom-scan">
$GOPATH/bin/osv-scanner --sbom=cycloned-or-spdx-sbom.json
$GOPATH/bin/osv-scanner --lockfile=package-lock.json
osv-scanner --sbom=cycloned-or-spdx-sbom.json
osv-scanner --lockfile=package-lock.json
</pre>
<clipboard-copy class="code-card-copy" for="example-sbom-scan">
<mwc-icon-button class="icon" icon="content_copy"></mwc-icon-button>
Expand All @@ -185,7 +186,7 @@ <h3 class="code-card-title">Scan SBOM or Lockfiles</h3>
<div class="code-card mdc-layout-grid__cell--span-6 mdc-layout-grid__cell--span-12-tablet">
<h3 class="code-card-title">Scan directory recursively</h3>
<pre class="code-card-content" id="example-dir-scan">
$GOPATH/bin/osv-scanner -r path/to/your/project
osv-scanner -r path/to/your/project
</pre>
<clipboard-copy class="code-card-copy" for="example-dir-scan">
<mwc-icon-button class="icon" icon="content_copy"></mwc-icon-button>
Expand Down

0 comments on commit 5411b21

Please sign in to comment.