npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@cagovweb/go-site-topic-viewer

v0.0.1-beta1

Published

Topic viewer for GO site update

Downloads

3

Readme

go-site-topic-viewer

Topic viewer for GO site

<div class="topic-viewer-container">
  <div class="topics">
    <h4>Progress in your community</h4>
    <ol class="topic-list">
      <li>
        <a href="#section1"
          ><span>01</span>The most ambitious climate action plan in the world</a
        >
      </li>
      <hr />
      <li>
        <a href="#section2"><span>02</span>Investing in workers and families</a>
      </li>
      <hr />
      <li>
        <a href="#section3"> <span>03</span>Keeping Californians Safe</a>
      </li>
      <hr />
      <li>
        <a href="#section4"><span>04</span>Combating gun violence</a>
      </li>
      <hr />
      <li>
        <a href="#section5"
          ><span>05</span>Fighting the fentanyl and opioid crisis</a
        >
      </li>
      <hr />
      <li>
        <a href="#section6"
          ><span>06</span>Protecting abortion access and rights</a
        >
      </li>
      <hr />
      <li>
        <a href="#section7"
          ><span>07</span>Making health care more affordable for California
          families</a
        >
      </li>
      <hr />
      <li>
        <a href="#section8"
          ><span>08</span>Better mental health care for all Californians</a
        >
      </li>
      <hr />
      <li>
        <a href="#section9"><span>09</span>Pushing treatment, not tents</a>
      </li>
      <hr />
      <li>
        <a href="#section10"
          ><span>10</span>Making college more affordable and accessible</a
        >
      </li>
      <hr />
      <li>
        <a href="#section11"
          ><span>11</span>Tackling California's homelessness crisis head-on</a
        >
      </li>
      <hr />
      <li>
        <a href="#section12"
          ><span>12</span>Transforming K-12 education with a parents agenda</a
        >
      </li>
      <!-- Add more list items as needed -->
    </ol>
    <button>View full list</button>
  </div>

  <div class="content">
    <section id="section1">
      <figure>
        <img src="" alt="Image goes here" />
      </figure>
      <p class="topic-category">Topic Category</p>
      <span>Large Headline</span>
      <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla, corporis
        earum! Veritatis vitae natus accusamus. Ut necessitatibus esse
        laboriosam doloremque tempore cupiditate itaque at rerum excepturi
        expedita culpa, saepe voluptate.
      </p>
      <ul>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
      </ul>
      <p>
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugiat,
        tenetur sed. Qui illum alias, ad a aut voluptatem rem. Laudantium,
        deleniti in! Saepe, pariatur praesentium. Blanditiis illo vero labore
        adipisci.
      </p>
    </section>

    <section id="section2">
      <figure>
        <img src="" alt="Image goes here" />
      </figure>
      <p class="topic-category">Topic Category</p>
      <span>Large Headline</span>
      <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla, corporis
        earum! Veritatis vitae natus accusamus. Ut necessitatibus esse
        laboriosam doloremque tempore cupiditate itaque at rerum excepturi
        expedita culpa, saepe voluptate.
      </p>
      <ul>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
      </ul>
      <p>
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugiat,
        tenetur sed. Qui illum alias, ad a aut voluptatem rem. Laudantium,
        deleniti in! Saepe, pariatur praesentium. Blanditiis illo vero labore
        adipisci.
      </p>
    </section>

    <section id="section3">
      <figure>
        <img src="../images/c12.png" alt="Governor Newsom picking up trash" />
      </figure>
      <p class="topic-category">Public safety</p>
      <span>Keeping Californians Safe</span>
      <p>
        Under Governor Newsom, California has made major investments in local
        law enforcement and prosecutors to combat violent crime. The Governor is
        deploying a Public Safety Plan backed by a record investment to:
      </p>
      <ul>
        <li>combat organized retail theft</li>
        <li>increase opioid enforcement</li>
        <li>address gun violence</li>
      </ul>
      <p>
        Part of the Public Safety Plan includes a multi-year recruitment
        campaign to fill 1,000 CHP vacancies.
      </p>
    </section>

    <section id="section4">
      <figure>
        <img src="" alt="Image goes here" />
      </figure>
      <p class="topic-category">Topic Category</p>
      <span>Large Headline</span>
      <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla, corporis
        earum! Veritatis vitae natus accusamus. Ut necessitatibus esse
        laboriosam doloremque tempore cupiditate itaque at rerum excepturi
        expedita culpa, saepe voluptate.
      </p>
      <ul>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
      </ul>
      <p>
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugiat,
        tenetur sed. Qui illum alias, ad a aut voluptatem rem. Laudantium,
        deleniti in! Saepe, pariatur praesentium. Blanditiis illo vero labore
        adipisci.
      </p>
    </section>

    <section id="section5">
      <figure>
        <img src="" alt="Image goes here" />
      </figure>
      <p class="topic-category">Topic Category</p>
      <span>Large Headline</span>
      <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla, corporis
        earum! Veritatis vitae natus accusamus. Ut necessitatibus esse
        laboriosam doloremque tempore cupiditate itaque at rerum excepturi
        expedita culpa, saepe voluptate.
      </p>
      <ul>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
      </ul>
      <p>
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugiat,
        tenetur sed. Qui illum alias, ad a aut voluptatem rem. Laudantium,
        deleniti in! Saepe, pariatur praesentium. Blanditiis illo vero labore
        adipisci.
      </p>
    </section>

    <section id="section6">
      <figure>
        <img src="" alt="Image goes here" />
      </figure>
      <p class="topic-category">Topic Category</p>
      <span>Large Headline</span>
      <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla, corporis
        earum! Veritatis vitae natus accusamus. Ut necessitatibus esse
        laboriosam doloremque tempore cupiditate itaque at rerum excepturi
        expedita culpa, saepe voluptate.
      </p>
      <ul>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
      </ul>
      <p>
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugiat,
        tenetur sed. Qui illum alias, ad a aut voluptatem rem. Laudantium,
        deleniti in! Saepe, pariatur praesentium. Blanditiis illo vero labore
        adipisci.
      </p>
    </section>
    <!-- Add more content sections as needed -->
  </div>
</div>