Home: Difference between revisions

From BigID Developer Portal
No edit summary
No edit summary
 
(50 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="getStarted">
    <section id="classify" class="row custom_bigid_notes">
<h1></h1>
        <div>
<div class="row">
            <h1>See into your data</h1>
<div class="card purple ">
            <p>BigID allows you to sort through large swaths of data to see what really matters. Using hundreds of
<div class="content ">
                machine learning, NLP and regex classifiers, you can classify any data, anywhere. Try it on the right.
<h1>Apps</h1>
            </p>
<p>Add custom logic and screens to your BigID system.</p>
        </div>
</div>
        <div class="try">
<a href="Apps">Learn more</a></div>
            <div contenteditable="true" id="tryData">Hello! Can you please process payment for [email protected] to
<div class="card red ">
                4199006507426062? Thank you!</div>
<div class="content ">
            <button onclick="discover()">Discover</button>
<h1>REST API</h1>
        </div>
<p>Manage BigID programmatically. Scan data, run SARs, and handle data breaches from anywhere.</p>
    </section>
</div>
    <section id="getStarted">
<a href="BigID_API">Learn More</a></div>
        <h1>Start Developing</h1>
<div class="card blue ">
        <div class="row">
<div class="content ">
            <div class="card purple " style="margin-left:0px;">
<h1>Connectors</h1>
                <div class="content ">
<p>Scan any system, anywhere. Write your own connector in any programming language</p>
                    <h1>Apps</h1>
</div>
                    <p>Add custom logic and screens to your BigID system.</p>
<a href="Connectors">Learn More</a></div>
                </div>
</div>
                <a href="Apps">Learn more</a>
</section>
            </div>
<section>
            <div class="card red ">
<h1>Popular Articles:</h1>
                <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>
 
</html>
</html>
{{Special:TopTenPages/1/10}}
{{Special:TopTenPages/1/10}}
Line 252: 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

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: