Home: Difference between revisions

From BigID Developer Portal
No edit summary
 
No edit summary
 
(116 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<strong>MediaWiki has been installed.</strong>
<html>
<style type="text/css">
    .info {
        background: #f091ca;
        padding: 3px;
        font-weight: 600;
        color: #ffff;
    }


Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.
    #mw-content-text.mw-body-content.mw-content-ltr {
        margin-left: auto !important;
    }


== Getting started ==
    #bodyContent.citizen-body {
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
min-width:0px !important;
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
max-width:900px;
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list]
}
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
 
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]
    .mw-body-header {
        display: none !important
    }
 
    #contentSub {
        display: none
    }
 
    #bodyContent {
        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;
        }
 
        #mega .links {
            margin: auto;
            text-align: center;
            align-content: center;
            justify-content: space-evenly;
            padding-bottom: 20px
        }
 
        #mega .title {
            padding: 0px;
        }
 
        main {
            width: auto;
            text-align: center;
        }
 
        main .row {
            flex-direction: column;
        }
 
        main .chevron {
            display: none;
        }
 
        main .card>.content {
            padding: 20px;
            min-height: 0px;
        }
 
        main .card {
            margin: 10px 0px;
            box-shadow: none;
        }
 
        main #why svg {
            width: 30vw;
        }
        #classify .try { padding-left:0px !important;}
        #classify {margin:0px !important;}
    }
 
    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;
    }
 
    #classify {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 2.4rem;
        padding: 25px;
    }
 
    #classify .try {
        display: flex;
        flex-direction: column;
        padding-left: 10vw;
        min-width: 300px;
    }
 
    #classify .try #tryData {
        background-color: #fff;
        padding: 10px;
        border-radius: 10px;
        overflow: scroll;
        height: 90px;
        color: #54595d;
    }
 
    #classify .try button {
        padding: 10px 20px;
        border-radius: 10px;
        background: #4bbf8f;
        font-weight: 600;
        color: #fff;
        border: 0px;
        width: 100%;
        margin-top: 1vh;
    }
 
    #classify h1 {
        margin: 0px;
    }
</style>
<main>
    <section id="mega" class="row">
        <div class="title">
            <h1>Discover</h1>
            <h2>Bring enterprise-scale data intelligence to your application</h2>
            <p class="links"><a href="Get_Started" style="color:#fff;">Get Started</a></p>
        </div>
        <div style="flex:1"><img id="headerimg" src="https://wiki-images.bigid.tools/cdn/main.svg" /></div>
    </section>
    <section id="classify" class="row custom_bigid_notes">
        <div>
            <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
                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 me@example.com 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>
 
</html>
{{Special:TopTenPages/1/10}}
<html>
</section>
</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>
{{#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: