Giter Site home page Giter Site logo

Comments (3)

isaisabel avatar isaisabel commented on June 3, 2024

See feature/#28-subtechniques-tour for the current implementation of the tour.

from attack-website.

isaisabel avatar isaisabel commented on June 3, 2024

It would be useful to break the tour out into multiple sub-tours. For example, on the matrix page, the user could click a "help" button and just walk through the matrix segment of the tour. On the technique or subtechnique pages, clicking the "help" button would walk the user through the layout of that page as well.

Clicking the "take a tour" button on the home page would walk the user through all help submodules in order.

With this design in mind, we should consider updating the tour to be less sub-techniques specific.

from attack-website.

isaisabel avatar isaisabel commented on June 3, 2024

Overall tour route/steps

  1. Introduction (index page)
  2. sub-techniques matrix
    • show how to show/hide sub-techniques under side layout
    • show how to change layout
    • show how to show/hide sub-techniques under flat layout
  3. technique page
    • show sub-techniques of the technique in sidenav
    • show sub-techniques of the technique in main content
    • explain how sub-technique IDs are suffixes to their parent IDs
  4. sub-technique page
    • Explain parent name prefixing
    • show other sub-techniques (sibling sub-techniques)
    • explain how to tell the parent ID from the sub-technique ID.
  5. One other page (mitigation, group of software)
    • Show how relationships with sub-techniques are represented
      - relationship with a technique but none of its sub-techniques
      - relationship with a sub-technique but not its parent
      - relationships with both a sub-technique and it's parent-technique.

from attack-website.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.