BigID Developer Portal
Home: Difference between revisions

Home: Difference between revisions

From BigID Developer Portal
No edit summary
No edit summary
 
(49 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
#mw-content-text.mw-body-content.mw-content-ltr {
    .info {
    margin-left: auto !important;
        background: #f091ca;
        padding: 3px;
        font-weight: 600;
        color: #ffff;
    }
 
    #mw-content-text.mw-body-content.mw-content-ltr {
        margin-left: auto !important;
    }
 
    #bodyContent.citizen-body {
min-width:0px !important;
max-width:900px;
}
}
        .mw-body-header{ display:none !important}
 
        #contentSub{display:none}
    .mw-body-header {
        #bodyContent {
        display: none !important
    }
 
    #contentSub {
        display: none
    }
 
    #bodyContent {
         min-width: 80vw !important;
         min-width: 80vw !important;
    }
    #why h2 {
        margin: 0px;
    }
    main {
        font-family: 'Archivo', sans-serif;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: flex;
        margin: auto;
        font-size: 16px;
        align-content: center;
        flex-direction: column;
    }
    #mega {
        margin: 0px;
        align-items: center;
        justify-content: space-between;
        padding-top: 5vh;
    }
    #mega h1 {
        font-size: 5em;
        margin-top: 0px;
        margin-bottom: 3vh;
    }
    main h1 {
        font-size: 2.5em;
    }
    #mega h2 {
        font-weight: 300;
        font-size: 1.20em;
    }
    #mega>.title {
        padding-right: 2vw;
        flex: .4
    }
    main section a:link {
        text-decoration: none;
        color: #fff;
        font-weight: 600;
        display: inline-block;
    }
    main section a:visited {
        color: inherit;
    }
    main section a:hover {
        opacity: .7;
    }
    main #mega .links {
        display: flex;
        margin-top: 4vh;
        width: 80%;
        margin-bottom: 8vh;
    }
    main #mega .links a {
        padding: 10px 20px;
        border-radius: 10px;
        background: #4bb6e8;
    }
    main #headerimg {
        width: 100%;
    }
    main #why svg {
        width: 7vw;
        margin: 2vh 2vw;
    }
    main #why {
        font-size: 18px;
    }
    main .row {
        flex-direction: row;
        display: flex;
        align-items: center;
        padding-top: 2vh;
    }
    main .column {
        flex-direction: column;
        display: flex;
    }
    main #getStarted>h1 {
        text-align: center;
    }
    main .card.purple {
        background-image: linear-gradient(124deg, rgb(215, 10, 132), rgb(81, 18, 127));
    }
    main .card.red {
        background-image: linear-gradient(124deg, rgb(200, 56, 53), rgb(155, 35, 85));
    }
    main .card.orange {
        background-image: linear-gradient(124deg, rgb(255, 163, 55), rgb(188, 67, 34));
    }
    main .card.blue {
        background-image: linear-gradient(124deg, rgb(78, 194, 135), rgb(41, 151, 239));
    }
    main .card {
        flex-direction: column;
        border-radius: 10px;
        box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.18);
        color: #fff;
        font-size: 18px;
        overflow: hidden;
        margin: 1vw;
        flex: 1;
    }
    main .card p {
        color: #fff
    }
    main .card h1 {
        margin: 0px;
        font-size: 2em;
        color: #fff;
    }
    main .card a:link {
        display: block;
        text-align: center;
        padding: 2vh;
        background-color: rgba(0, 0, 0, .4);
        font-weight: 600;
    }
    main .card a:hover {
        opacity: .8;
    }
    main .card>.content {
        padding: 1.5vw;
        padding-bottom: 0px;
        min-height: 250px;
    }
    @media only screen and (max-width: 600px) {
        #mega {
            text-align: center;
            flex-direction: column-reverse;
         }
         }
         #why h2 {margin:0px;}
 
        main {
         #mega .links {
            font-family: 'Archivo', sans-serif;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: flex;
             margin: auto;
             margin: auto;
             font-size: 16px;
             text-align: center;
             align-content: center;
             align-content: center;
             flex-direction: column;
             justify-content: space-evenly;
            padding-bottom: 20px
         }
         }
       
 
         #mega {
         #mega .title {
            margin: auto;
             padding: 0px;
            align-items: center;
            justify-content: space-between;
             padding-top:5vh;
         }
         }
       
 
         #mega h1 {
         main {
             font-size: 5em;
             width: auto;
            margin-top: 0px;
             text-align: center;
             margin-bottom: 3vh;
         }
         }
       
        main h1 {
            font-size: 2.5em;
        }
       
        #mega h2 {
            font-weight: 300;
            font-size: 1.20em;
        }
       
        #mega>.title {
            padding-right: 2vw;
            flex: .4
        }
       
        main section a:link {
            text-decoration: none;
            color: #fff;
            font-weight: 600;
            display: inline-block;
        }
       
        main section a:visited {
            color: inherit;
        }
       
        main section a:hover {
            opacity: .7;
        }
       
        main #mega .links {
            display: flex;
            margin-top: 4vh;
            width: 80%;
            margin-bottom: 8vh;
        }
        main #mega .links a {
            padding: 10px 20px;
            border-radius: 10px;
            background: #4bb6e8;


        }
       
        main #headerimg {
            width: 35vw;
        }
       
        main #why svg {
            width: 7vw;
            margin: 2vh 2vw;
        }
       
        main #why {
            font-size: 18px;
        }
       
         main .row {
         main .row {
            flex-direction: row;
            display: flex;
            align-items: center;
            padding-top: 2vh;
        }
       
        main .column {
             flex-direction: column;
             flex-direction: column;
            display: flex;
         }
         }
       
 
         main #getStarted>h1 {
         main .chevron {
             text-align: center;
             display: none;
         }
         }
       
 
         main .card.purple {
         main .card>.content {
             background-image: linear-gradient( 124deg, rgb(215, 10, 132), rgb(81, 18, 127));
             padding: 20px;
            min-height: 0px;
         }
         }
       
 
        main .card.red {
            background-image: linear-gradient( 124deg, rgb(200, 56, 53), rgb(155, 35, 85));
        }
       
        main .card.orange {
            background-image: linear-gradient( 124deg, rgb(255, 163, 55), rgb(188, 67, 34));
        }
       
        main .card.blue {
            background-image: linear-gradient( 124deg, rgb(78, 194, 135), rgb(41, 151, 239));
        }
       
         main .card {
         main .card {
             flex-direction: column;
             margin: 10px 0px;
            border-radius: 10px;
             box-shadow: none;
             box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.18);
            color: #fff;
            font-size: 18px;
            overflow: hidden;
            margin: 1vw;
            flex: 1;
         }
         }
       
 
         main .card p {
         main #why svg {
             color: #fff
             width: 30vw;
         }
         }
          
         #classify .try { padding-left:0px !important;}
         main .card h1 {
         #classify {margin:0px !important;}
            margin: 0px;
    }
            font-size: 2em;
 
            color: #fff;
    ol.special {
        }
        list-style: none;
       
        margin-left: 0px;
        main .card a:link {
    }
            display: block;
 
            text-align: center;
    ol li {
            padding: 2vh;
        display: inline-block;
            background-color: rgba(0, 0, 0, .4);
        padding: 10px;
            font-weight: 600;
        background-color: #334450;
         }
        border-radius: 10px;
       
         margin-right: 10px;
        main .card a:hover {
         margin-bottom: 10px;
            opacity: .8;
    }
         }
 
       
    .skin-citizen-light ol li {
        main .card>.content {
        background-color: #e3e3e3;
            padding: 1.5vw;
    }
            padding-bottom: 0px;
 
            min-height: 250px;
    #classify {
        }
        display: flex;
       
        justify-content: space-between;
        @media only screen and (max-width: 600px) {
        align-items: center;
            #mega {
        margin-top: 2.4rem;
                text-align: center;
        padding: 25px;
                flex-direction: column-reverse;
    }
            }
 
            #mega .links {
    #classify .try {
                margin: auto;
        display: flex;
                text-align: center;
        flex-direction: column;
                align-content: center;
        padding-left: 10vw;
                justify-content: space-evenly;
        min-width: 300px;
                padding-bottom: 20px
    }
            }
 
            #mega .title {
    #classify .try #tryData {
                padding: 0px;
        background-color: #fff;
            }
        padding: 10px;
            main {
        border-radius: 10px;
                width: auto;
        overflow: scroll;
                text-align: center;
        height: 90px;
            }
        color: #54595d;
            main .row {
    }
                flex-direction: column;
 
            }
    #classify .try button {
            main .chevron {
        padding: 10px 20px;
                display: none;
        border-radius: 10px;
            }
        background: #4bbf8f;
            main .card>.content {
        font-weight: 600;
                padding: 20px;
        color: #fff;
                min-height:0px;
        border: 0px;
            }
        width: 100%;
            main .card {
        margin-top: 1vh;
                margin: 10px 0px;
    }
                box-shadow: none;
 
            }
    #classify h1 {
            main #why svg {
        margin: 0px;
                width: 30vw;
    }
            }
</style>
        }
ol.special {
    list-style: none;
margin-left:0px;
}
ol li {
display: inline-block;
    padding: 10px;
    background-color: #334450;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom:10px;
}
.skin-citizen-light ol li{
    background-color: #e3e3e3;
}
    </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><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">
    <section id="classify" class="row custom_bigid_notes">
<h1>See into your data</h1>
        <div>
</section>
            <h1>See into your data</h1>
<section id="getStarted">
            <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.
            </p>
        </div>
        <div class="try">
            <div contenteditable="true" id="tryData">Hello! Can you please process payment for [email protected] to
                4199006507426062? Thank you!</div>
            <button onclick="discover()">Discover</button>
        </div>
    </section>
    <section id="getStarted">
        <h1>Start Developing</h1>
        <div class="row">
            <div class="card purple " style="margin-left:0px;">
                <div class="content ">
                    <h1>Apps</h1>
                    <p>Add custom logic and screens to your BigID system.</p>
                </div>
                <a href="Apps">Learn more</a>
            </div>
            <div class="card red ">
                <div class="content ">
                    <h1>REST API</h1>
                    <p>Manage BigID programmatically. Scan data, run SARs, and more through code.</p>
                </div>
                <a href="BigID_API">Learn More</a>
            </div>
            <div class="card blue " style="margin-right:0px;">
                <div class="content ">
                    <h1>Connectors</h1>
                    <p>Scan any system, anywhere. Write your own connector in any programming language.</p>
                </div>
                <a href="Connectors">Learn More</a>
            </div>
        </div>
    </section>
    <section>
        <h1>Popular Articles:</h1>


<div class="row">
<div class="card purple ">
<div class="content ">
<h1>Apps</h1>
<p>Add custom logic and screens to your BigID system.</p>
</div>
<a href="Apps">Learn more</a></div>
<div class="card red ">
<div class="content ">
<h1>REST API</h1>
<p>Manage BigID programmatically. Scan data, run SARs, and handle data breaches from anywhere.</p>
</div>
<a href="BigID_API">Learn More</a></div>
<div class="card blue ">
<div class="content ">
<h1>Connectors</h1>
<p>Scan any system, anywhere. Write your own connector in any programming language</p>
</div>
<a href="Connectors">Learn More</a></div>
</div>
</section>
<section>
<h1>Popular Articles:</h1>
</html>
</html>
{{Special:TopTenPages/1/10}}
{{Special:TopTenPages/1/10}}
Line 255: Line 345:
</section>
</section>
</main>
</main>
<script>
    async function discover() {
        let req = await window.fetch('https://classify.bigid.tools', {
            method: 'POST',
            headers: {
                'content-type': 'application/json'
            },
            body: JSON.stringify({ text: document.getElementById('tryData').innerText })
        });
        let json = await req.json();
        let highlighter = json.map((item) => {
            return { start: item.pos - 1, end: item.end - 1, word: item.word }
        });
        highlighter = highlighter.reduce(function (p, c) {
            if (!p.some(function (el) { return el.end === c.end; })) p.push(c);
            return p;
        }, []);
        highlighter = highlighter.reduce(function (p, c) {
            if (!p.some(function (el) { return el.start === c.start; })) p.push(c);
            return p;
        }, []);
        highlighter = highlighter.sort((a, b) => b.end - a.end);
        console.log(highlighter);
        let text = document.getElementById('tryData').innerText;
        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);
        }
        document.getElementById('tryData').innerHTML = text;
    }
</script>
</html>
</html>
{{#description2:Get started adding BigID's data discovery to your application with tutorials, samples, and documentation}}
{{#description2:Get started adding BigID's data discovery to your application with tutorials, samples, and
documentation}}

Latest revision as of 19:13, 15 February 2023

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. BigID API
  3. BigID API/Scan Data In Motion Tutorial
  4. BigID API/Add Data Source Tutorial
  5. Apps
  6. Headless BigID
  7. BigID API/Scan Payload Tutorial
  8. BigID API/DSAR Tutorial
  9. Get Started
  10. Connectors

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