BigID Developer Portal
Home: Difference between revisions

Home: Difference between revisions

From BigID Developer Portal
No edit summary
Tag: Reverted
(Undo revision 1407 by [email protected] (talk))
Tag: Undo
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
    .info {
    .info {
        background: #f091ca;
        background: #f091ca;
        padding: 3px;
        padding: 3px;
        font-weight: 600;
        font-weight: 600;
        color: #ffff;
        color: #ffff;
    }
    }


    #mw-content-text.mw-body-content.mw-content-ltr {
    #mw-content-text.mw-body-content.mw-content-ltr {
        margin-left: auto !important;
        margin-left: auto !important;
    }
    }


    #bodyContent.citizen-body {
    #bodyContent.citizen-body {
min-width:0px !important;
min-width:0px !important;
max-width:900px;
max-width:900px;
}
}


    .mw-body-header {
    .mw-body-header {
        display: none !important
        display: none !important
    }
    }


    #contentSub {
    #contentSub {
        display: none
        display: none
    }
    }


    #bodyContent {
    #bodyContent {
        min-width: 80vw !important;
        min-width: 80vw !important;
    }
    }


    #why h2 {
    #why h2 {
        margin: 0px;
        margin: 0px;
    }
    }


    main {
    main {
        font-family: 'Archivo', sans-serif;
        font-family: 'Archivo', sans-serif;
        -moz-osx-font-smoothing: grayscale;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        display: flex;
        display: flex;
        margin: auto;
        margin: auto;
        font-size: 16px;
        font-size: 16px;
        align-content: center;
        align-content: center;
        flex-direction: column;
        flex-direction: column;
    }
    }


    #mega {
    #mega {
        margin: 0px;
        margin: 0px;
        align-items: center;
        align-items: center;
        justify-content: space-between;
        justify-content: space-between;
        padding-top: 5vh;
        padding-top: 5vh;
    }
    }


    #mega h1 {
    #mega h1 {
        font-size: 5em;
        font-size: 5em;
        margin-top: 0px;
        margin-top: 0px;
        margin-bottom: 3vh;
        margin-bottom: 3vh;
    }
    }


    main h1 {
    main h1 {
        font-size: 2.5em;
        font-size: 2.5em;
    }
    }


    #mega h2 {
    #mega h2 {
        font-weight: 300;
        font-weight: 300;
        font-size: 1.20em;
        font-size: 1.20em;
    }
    }


    #mega>.title {
    #mega>.title {
        padding-right: 2vw;
        padding-right: 2vw;
        flex: .4
        flex: .4
    }
    }


    main section a:link {
    main section a:link {
        text-decoration: none;
        text-decoration: none;
        color: #fff;
        color: #fff;
        font-weight: 600;
        font-weight: 600;
        display: inline-block;
        display: inline-block;
    }
    }


    main section a:visited {
    main section a:visited {
        color: inherit;
        color: inherit;
    }
    }


    main section a:hover {
    main section a:hover {
        opacity: .7;
        opacity: .7;
    }
    }


    main #mega .links {
    main #mega .links {
        display: flex;
        display: flex;
        margin-top: 4vh;
        margin-top: 4vh;
        width: 80%;
        width: 80%;
        margin-bottom: 8vh;
        margin-bottom: 8vh;
    }
    }


    main #mega .links a {
    main #mega .links a {
        padding: 10px 20px;
        padding: 10px 20px;
        border-radius: 10px;
        border-radius: 10px;
        background: #4bb6e8;
        background: #4bb6e8;


    }
    }


    main #headerimg {
    main #headerimg {
        width: 100%;
        width: 100%;
    }
    }


    main #why svg {
    main #why svg {
        width: 7vw;
        width: 7vw;
        margin: 2vh 2vw;
        margin: 2vh 2vw;
    }
    }


    main #why {
    main #why {
        font-size: 18px;
        font-size: 18px;
    }
    }


    main .row {
    main .row {
        flex-direction: row;
        flex-direction: row;
        display: flex;
        display: flex;
        align-items: center;
        align-items: center;
        padding-top: 2vh;
        padding-top: 2vh;
    }
    }


    main .column {
    main .column {
        flex-direction: column;
        flex-direction: column;
        display: flex;
        display: flex;
    }
    }


    main #getStarted>h1 {
    main #getStarted>h1 {
        text-align: center;
        text-align: center;
    }
    }


    main .card.purple {
    main .card.purple {
        background-image: linear-gradient(124deg, rgb(215, 10, 132), rgb(81, 18, 127));
        background-image: linear-gradient(124deg, rgb(215, 10, 132), rgb(81, 18, 127));
    }
    }


    main .card.red {
    main .card.red {
        background-image: linear-gradient(124deg, rgb(200, 56, 53), rgb(155, 35, 85));
        background-image: linear-gradient(124deg, rgb(200, 56, 53), rgb(155, 35, 85));
    }
    }


    main .card.orange {
    main .card.orange {
        background-image: linear-gradient(124deg, rgb(255, 163, 55), rgb(188, 67, 34));
        background-image: linear-gradient(124deg, rgb(255, 163, 55), rgb(188, 67, 34));
    }
    }


    main .card.blue {
    main .card.blue {
        background-image: linear-gradient(124deg, rgb(78, 194, 135), rgb(41, 151, 239));
        background-image: linear-gradient(124deg, rgb(78, 194, 135), rgb(41, 151, 239));
    }
    }


    main .card {
    main .card {
        flex-direction: column;
        flex-direction: column;
        border-radius: 10px;
        border-radius: 10px;
        box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.18);
        box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.18);
        color: #fff;
        color: #fff;
        font-size: 18px;
        font-size: 18px;
        overflow: hidden;
        overflow: hidden;
        margin: 1vw;
        margin: 1vw;
        flex: 1;
        flex: 1;
    }
    }


    main .card p {
    main .card p {
        color: #fff
        color: #fff
    }
    }


    main .card h1 {
    main .card h1 {
        margin: 0px;
        margin: 0px;
        font-size: 2em;
        font-size: 2em;
        color: #fff;
        color: #fff;
    }
    }


    main .card a:link {
    main .card a:link {
        display: block;
        display: block;
        text-align: center;
        text-align: center;
        padding: 2vh;
        padding: 2vh;
        background-color: rgba(0, 0, 0, .4);
        background-color: rgba(0, 0, 0, .4);
        font-weight: 600;
        font-weight: 600;
    }
    }


    main .card a:hover {
    main .card a:hover {
        opacity: .8;
        opacity: .8;
    }
    }


    main .card>.content {
    main .card>.content {
        padding: 1.5vw;
        padding: 1.5vw;
        padding-bottom: 0px;
        padding-bottom: 0px;
        min-height: 250px;
        min-height: 250px;
    }
    }


    @media only screen and (max-width: 600px) {
    @media only screen and (max-width: 600px) {
        #mega {
        #mega {
            text-align: center;
            text-align: center;
            flex-direction: column-reverse;
            flex-direction: column-reverse;
        }
        }


        #mega .links {
        #mega .links {
            margin: auto;
            margin: auto;
            text-align: center;
            text-align: center;
            align-content: center;
            align-content: center;
            justify-content: space-evenly;
            justify-content: space-evenly;
            padding-bottom: 20px
            padding-bottom: 20px
        }
        }


        #mega .title {
        #mega .title {
            padding: 0px;
            padding: 0px;
        }
        }


        main {
        main {
            width: auto;
            width: auto;
            text-align: center;
            text-align: center;
        }
        }


        main .row {
        main .row {
            flex-direction: column;
            flex-direction: column;
        }
        }


        main .chevron {
        main .chevron {
            display: none;
            display: none;
        }
        }


        main .card>.content {
        main .card>.content {
            padding: 20px;
            padding: 20px;
            min-height: 0px;
            min-height: 0px;
        }
        }


        main .card {
        main .card {
            margin: 10px 0px;
            margin: 10px 0px;
            box-shadow: none;
            box-shadow: none;
        }
        }


        main #why svg {
        main #why svg {
            width: 30vw;
            width: 30vw;
        }
        }
        #classify .try { padding-left:0px !important;}
        #classify .try { padding-left:0px !important;}
        #classify {margin:0px !important;}
        #classify {margin:0px !important;}
    }
    }


    ol.special {
    ol.special {
        list-style: none;
        list-style: none;
        margin-left: 0px;
        margin-left: 0px;
    }
    }


    ol li {
    ol li {
        display: inline-block;
        display: inline-block;
        padding: 10px;
        padding: 10px;
        background-color: #334450;
        background-color: #334450;
        border-radius: 10px;
        border-radius: 10px;
        margin-right: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-bottom: 10px;
    }
    }


    .skin-citizen-light ol li {
    .skin-citizen-light ol li {
        background-color: #e3e3e3;
        background-color: #e3e3e3;
    }
    }


    #classify {
    #classify {
        display: flex;
        display: flex;
        justify-content: space-between;
        justify-content: space-between;
        align-items: center;
        align-items: center;
        margin-top: 2.4rem;
        margin-top: 2.4rem;
        padding: 25px;
        padding: 25px;
    }
    }


    #classify .try {
    #classify .try {
        display: flex;
        display: flex;
        flex-direction: column;
        flex-direction: column;
        padding-left: 10vw;
        padding-left: 10vw;
        min-width: 300px;
        min-width: 300px;
    }
    }


    #classify .try #tryData {
    #classify .try #tryData {
        background-color: #fff;
        background-color: #fff;
        padding: 10px;
        padding: 10px;
        border-radius: 10px;
        border-radius: 10px;
        overflow: scroll;
        overflow: scroll;
        height: 90px;
        height: 90px;
        color: #54595d;
        color: #54595d;
    }
    }


    #classify .try button {
    #classify .try button {
        padding: 10px 20px;
        padding: 10px 20px;
        border-radius: 10px;
        border-radius: 10px;
        background: #4bbf8f;
        background: #4bbf8f;
        font-weight: 600;
        font-weight: 600;
        color: #fff;
        color: #fff;
        border: 0px;
        border: 0px;
        width: 100%;
        width: 100%;
        margin-top: 1vh;
        margin-top: 1vh;
    }
    }


    #classify h1 {
    #classify h1 {
        margin: 0px;
        margin: 0px;
    }
    }
</style>
</style>
<main>
<main>
    <section id="mega" class="row">
    <section id="mega" class="row">
        <div class="title">
        <div class="title">
            <h1>Discover</h1>
            <h1>Discover</h1>
            <h2>Bring enterprise-scale data intelligence to your application</h2>
            <h2>Bring enterprise-scale data intelligence to your application</h2>
            <p class="links"><a href="Get_Started" style="color:#fff;">Get Started</a></p>
            <p class="links"><a href="Get_Started" style="color:#fff;">Get Started</a></p>
        </div>
        </div>
        <div style="flex:1"><img id="headerimg" src="https://wiki-images.bigid.tools/cdn/main.svg" /></div>
        <div style="flex:1"><img id="headerimg" src="https://wiki-images.bigid.tools/cdn/main.svg" /></div>
    </section>
    </section>
    <section id="classify" class="row custom_bigid_notes">
    <section id="classify" class="row custom_bigid_notes">
        <div>
        <div>
            <h1>See into your data</h1>
            <h1>See into your data</h1>
            <p>BigID allows you to sort through large swaths of data to see what really matters. Using hundreds of
            <p>BigID allows you to sort through large swaths of data to see what really matters. Using hundreds of
                machine learning, NLP and regex classifiers, you can classify any data, anywhere. Try it on the right.
                machine learning, NLP and regex classifiers, you can classify any data, anywhere. Try it on the right.
            </p>
            </p>
        </div>
        </div>
        <div class="try">
        <div class="try">
            <div contenteditable="true" id="tryData">Hello! Can you please process payment for [email protected] to
            <div contenteditable="true" id="tryData">Hello! Can you please process payment for [email protected] to
                4199006507426062? Thank you!</div>
                4199006507426062? Thank you!</div>
            <button onclick="discover()">Discover</button>
            <button onclick="discover()">Discover</button>
        </div>
        </div>
    </section>
    </section>
    <section id="getStarted">
    <section id="getStarted">
        <h1>Start Developing</h1>
        <h1>Start Developing</h1>
        <div class="row">
        <div class="row">
            <div class="card purple " style="margin-left:0px;">
            <div class="card purple " style="margin-left:0px;">
                <div class="content ">
                <div class="content ">
                    <h1>Apps</h1>
                    <h1>Apps</h1>
                    <p>Add custom logic and screens to your BigID system.</p>
                    <p>Add custom logic and screens to your BigID system.</p>
                </div>
                </div>
                <a href="Apps">Learn more</a>
                <a href="Apps">Learn more</a>
            </div>
            </div>
            <div class="card red ">
            <div class="card red ">
                <div class="content ">
                <div class="content ">
                    <h1>REST API</h1>
                    <h1>REST API</h1>
                    <p>Manage BigID programmatically. Scan data, run SARs, and more through code.</p>
                    <p>Manage BigID programmatically. Scan data, run SARs, and more through code.</p>
                </div>
                </div>
                <a href="BigID_API">Learn More</a>
                <a href="BigID_API">Learn More</a>
            </div>
            </div>
            <div class="card blue ">
            <div class="card blue " style="margin-right:0px;">
                <div class="content ">
                <div class="content ">
                    <h1>Connectors</h1>
                    <h1>Connectors</h1>
                    <p>Scan any system, anywhere. Write your own connector in any programming language.</p>
                    <p>Scan any system, anywhere. Write your own connector in any programming language.</p>
                </div>
                </div>
                <a href="Connectors">Learn More</a>
                <a href="Connectors">Learn More</a>
            </div>
            </div>
            <div class="card orange" style="margin-right:0px;">
        </div>
                <div class="content ">
    </section>
                    <h1>LLMs</h1>
    <section>
                    <p>Interacting with BigID using MCP.</p>
        <h1>Popular Articles:</h1>
                </div>
                <a href="LLM">Learn More</a>
            </div>
        </div>
    </section>
    <section>
        <h1>Popular Articles:</h1>


</html>
</html>
Line 353: Line 346:
</main>
</main>
<script>
<script>
    async function discover() {
    async function discover() {
        let req = await window.fetch('https://classify.bigid.tools', {
        let req = await window.fetch('https://classify.bigid.tools', {
            method: 'POST',
            method: 'POST',
            headers: {
            headers: {
                'content-type': 'application/json'
                'content-type': 'application/json'
            },
            },
            body: JSON.stringify({ text: document.getElementById('tryData').innerText })
            body: JSON.stringify({ text: document.getElementById('tryData').innerText })
        });
        });
        let json = await req.json();
        let json = await req.json();
        let highlighter = json.map((item) => {
        let highlighter = json.map((item) => {
            return { start: item.pos - 1, end: item.end - 1, word: item.word }
            return { start: item.pos - 1, end: item.end - 1, word: item.word }
        });
        });
        highlighter = highlighter.reduce(function (p, c) {
        highlighter = highlighter.reduce(function (p, c) {
            if (!p.some(function (el) { return el.end === c.end; })) p.push(c);
            if (!p.some(function (el) { return el.end === c.end; })) p.push(c);
            return p;
            return p;
        }, []);
        }, []);
        highlighter = highlighter.reduce(function (p, c) {
        highlighter = highlighter.reduce(function (p, c) {
            if (!p.some(function (el) { return el.start === c.start; })) p.push(c);
            if (!p.some(function (el) { return el.start === c.start; })) p.push(c);
            return p;
            return p;
        }, []);
        }, []);
        highlighter = highlighter.sort((a, b) => b.end - a.end);
        highlighter = highlighter.sort((a, b) => b.end - a.end);
        console.log(highlighter);
        console.log(highlighter);
        let text = document.getElementById('tryData').innerText;
        let text = document.getElementById('tryData').innerText;
        for (high of highlighter) {
        for (high of highlighter) {
            text = text.substring(0, high.start) + "<span class='info' title='" + high.word + "'>" + text.substring(high.start, high.end) + "</span>" + text.substring(high.end);
            text = text.substring(0, high.start) + "<span class='info' title='" + high.word + "'>" + text.substring(high.start, high.end) + "</span>" + text.substring(high.end);
        }
        }
        document.getElementById('tryData').innerHTML = text;
        document.getElementById('tryData').innerHTML = text;
    }
    }


</script>
</script>

Revision as of 19:08, 19 August 2025

Discover

Bring enterprise-scale data intelligence to your application

Get Started

See into your data

BigID allows you to sort through large swaths of data to see what really matters. Using hundreds of machine learning, NLP and regex classifiers, you can classify any data, anywhere. Try it on the right.

Hello! Can you please process payment for [email protected] to 4199006507426062? Thank you!

Start Developing

Apps

Add custom logic and screens to your BigID system.

Learn more

REST API

Manage BigID programmatically. Scan data, run SARs, and more through code.

Learn More

Connectors

Scan any system, anywhere. Write your own connector in any programming language.

Learn More

Popular Articles:

  1. BigID API/API Tutorial
  2. Connectors/Learn
  3. BigID API/Scan Data In Motion Tutorial
  4. BigID API
  5. Apps
  6. BigID API/Add Data Source Tutorial
  7. BigID API/Scan Payload Tutorial
  8. Connectors
  9. Headless BigID
  10. BigID API/DSAR Tutorial

Retrieved from "https://developer.bigid.com/index.php?title=Home&oldid=1408"