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: | ||
< | <html> | ||
<style type="text/css"> | |||
.info { | |||
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 | |||
} | |||
#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
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.
REST API
Manage BigID programmatically. Scan data, run SARs, and more through code.
Connectors
Scan any system, anywhere. Write your own connector in any programming language.
Popular Articles: