Home: Difference between revisions
From BigID Developer Portal
No edit summary |
No edit summary |
||
(6 intermediate revisions by the same user not shown) | |||
Line 69: | Line 69: | ||
border-radius: 12px; | border-radius: 12px; | ||
margin-top: 2rem; | margin-top: 2rem; | ||
background: linear-gradient(315deg, | background: linear-gradient(315deg, rgba(45, 55, 72, 0.9), rgba(74, 85, 104, 0.9), rgba(43, 108, 176, 0.9)); | ||
background-size: 400% 400%; | background-size: 400% 400%; | ||
animation: gradient-animation 20s ease infinite; | animation: gradient-animation 20s ease infinite; | ||
Line 86: | Line 86: | ||
.code-snippet { | .code-snippet { | ||
position: absolute; | position: absolute; | ||
color: rgba(255, 255, 255, 0. | color: rgba(255, 255, 255, 0.15); | ||
font-family: 'Fira Code', monospace; | font-family: 'Fira Code', monospace; | ||
font-size: 14px; | font-size: 14px; | ||
Line 132: | Line 132: | ||
} | } | ||
main | main #mega .links a { | ||
padding: 12px 28px; | |||
border-radius: 8px; | |||
background: linear-gradient(90deg, #4a90e2, #50e3c2); | |||
box-shadow: 0 4px 14px 0 rgba(0, 118, 255, 0.39); | |||
text-decoration: none; | text-decoration: none; | ||
color: #fff; | color: #fff; | ||
Line 140: | Line 144: | ||
} | } | ||
main | main #mega .links a:hover { | ||
transform: translateY(-2px); | transform: translateY(-2px); | ||
opacity: .85; | opacity: .85; | ||
Line 150: | Line 154: | ||
margin-bottom: 0; | margin-bottom: 0; | ||
justify-content: center; | justify-content: center; | ||
} | } | ||
Line 162: | Line 159: | ||
flex-direction: row; | flex-direction: row; | ||
display: flex; | display: flex; | ||
align-items: | align-items: stretch; | ||
padding-top: 2vh; | padding-top: 2vh; | ||
} | } | ||
Line 185: | Line 182: | ||
background-color: var(--card-bg); | background-color: var(--card-bg); | ||
padding: 2px; | padding: 2px; | ||
text-decoration: none; | |||
} | } | ||
Line 219: | Line 217: | ||
color: var(--card-text-primary); | color: var(--card-text-primary); | ||
} | } | ||
.card-footer { | |||
text-align: center; | text-align: center; | ||
padding: 1.5vh; | padding: 1.5vh; | ||
Line 240: | Line 237: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
overflow: hidden; | |||
} | |||
main .card-inner-content::after { | |||
content: ''; | |||
position: absolute; | |||
bottom: 20px; | |||
right: 20px; | |||
width: 90px; | |||
height: 90px; | |||
z-index: 0; | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: | background-position: center; | ||
background-size: | background-size: contain; | ||
opacity: var(--watermark-opacity); | opacity: var(--watermark-opacity); | ||
transition: opacity 0.3s ease; | |||
} | } | ||
.card.purple .card-inner-content { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='% | .card.purple .card-inner-content::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%231a202c'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z' /%3E%3C/svg%3E"); } | ||
.card.red .card-inner-content { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='% | .card.red .card-inner-content::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%231a202c'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4' /%3E%3C/svg%3E"); } | ||
.card.blue .card-inner-content { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='% | .card.blue .card-inner-content::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%231a202c'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.72 13.829c-.24.03-.48.062-.72.096m.72-.096a42.415 42.415 0 0110.56 0m-10.56 0L6 18.233m10.56-4.404L18 18.233m-12-4.404h12m-12 0a9 9 0 019-9h.096c.5 0 .905.405.905.905 0 .714-.211 1.412-.608 2.006L7.394 13.83c-.397.594-.908 1.05-1.482 1.342a9.058 9.058 0 01-1.212.323' /%3E%3C/svg%3E"); } | ||
.card.orange .card-inner-content { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='% | .card.orange .card-inner-content::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%231a202c'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z' /%3E%3C/svg%3E"); } | ||
main .card>.card-inner-content>.content { | main .card>.card-inner-content>.content { | ||
position: relative; | |||
z-index: 1; | |||
padding: 2vw; | padding: 2vw; | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
Line 271: | Line 282: | ||
border-radius: 12px; | border-radius: 12px; | ||
gap: 5vw; | gap: 5vw; | ||
border: 1px solid var(--input-border); | |||
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); | |||
} | } | ||
Line 309: | Line 317: | ||
padding: 12px 24px; | padding: 12px 24px; | ||
border-radius: 8px; | border-radius: 8px; | ||
background: # | background: #2b6cb0; | ||
box-shadow: 0 4px 14px 0 rgba(43, 108, 176, 0.39); | |||
font-weight: 600; | font-weight: 600; | ||
color: #fff; | color: #fff; | ||
Line 321: | Line 330: | ||
#classify .try button:hover { | #classify .try button:hover { | ||
transform: translateY(-2px); | |||
background: #2c5282; | |||
} | } | ||
#classify .try button.processing { | #classify .try button.processing { | ||
background: # | background: #2c5282; | ||
cursor: not-allowed; | cursor: not-allowed; | ||
} | } | ||
Line 349: | Line 358: | ||
.skin-citizen-dark #classify { | .skin-citizen-dark #classify { | ||
background-image: | background-image: none; | ||
border: 1px solid var(--input-border); | |||
box-shadow: none; | |||
} | } | ||
Line 359: | Line 367: | ||
} | } | ||
.skin-citizen-dark main .card | .skin-citizen-dark main .card .card-footer { | ||
background-color: rgba(255, 255, 255, .1); | background-color: rgba(255, 255, 255, .1); | ||
} | } | ||
Line 367: | Line 375: | ||
text-shadow: 0 1px 3px rgba(0,0,0,0.2); | text-shadow: 0 1px 3px rgba(0,0,0,0.2); | ||
} | } | ||
.skin-citizen-dark .card.purple .card-inner-content::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z' /%3E%3C/svg%3E"); } | |||
.skin-citizen-dark .card.red .card-inner-content::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4' /%3E%3C/svg%3E"); } | |||
.skin-citizen-dark .card.blue .card-inner-content::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.72 13.829c-.24.03-.48.062-.72.096m.72-.096a42.415 42.415 0 0110.56 0m-10.56 0L6 18.233m10.56-4.404L18 18.233m-12-4.404h12m-12 0a9 9 0 019-9h.096c.5 0 .905.405.905.905 0 .714-.211 1.412-.608 2.006L7.394 13.83c-.397.594-.908 1.05-1.482 1.342a9.058 9.058 0 01-1.212.323' /%3E%3C/svg%3E"); } | |||
.skin-citizen-dark .card.orange .card-inner-content::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z' /%3E%3C/svg%3E"); } | |||
/* Scroll Animations */ | /* Scroll Animations */ | ||
Line 387: | Line 401: | ||
@media only screen and (max-width: 768px) { | @media only screen and (max-width: 768px) { | ||
#mega, .row { | #mega, #classify.row { | ||
text-align: center; | text-align: center; | ||
flex-direction: column; | flex-direction: column; | ||
} | |||
#getStarted .row { | |||
flex-direction: column; | |||
align-items: center; | |||
} | } | ||
Line 405: | Line 424: | ||
} | } | ||
main . | main .card { | ||
margin: 15px 0; | |||
width: 95%; | |||
max-width: 450px; | |||
} | } | ||
main .card { | main .card>.card-inner-content>.content { | ||
padding: 24px; | |||
min-height: auto; | |||
} | } | ||
} | } | ||
Line 439: | Line 460: | ||
<section id="getStarted"> | <section id="getStarted"> | ||
<div class="row"> | <div class="row"> | ||
< | <a href="Apps" class="card purple animate-on-scroll"> | ||
<div class="card-inner-content"> | <div class="card-inner-content"> | ||
<div class="content"> | <div class="content"> | ||
Line 445: | Line 466: | ||
<p>Add custom logic and screens to your BigID system.</p> | <p>Add custom logic and screens to your BigID system.</p> | ||
</div> | </div> | ||
< | <div class="card-footer"> | ||
Learn more | |||
</div> | |||
</div> | </div> | ||
</ | </a> | ||
< | <a href="BigID_API" class="card red animate-on-scroll"> | ||
<div class="card-inner-content"> | |||
<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> | ||
< | <div class="card-footer"> | ||
Learn more | |||
</div> | |||
</div> | </div> | ||
</ | </a> | ||
< | <a href="Connectors" class="card blue animate-on-scroll"> | ||
<div class="card-inner-content"> | |||
<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> | ||
< | <div class="card-footer"> | ||
Learn more | |||
</div> | |||
</div> | </div> | ||
</ | </a> | ||
< | <a href="LLMs" class="card orange animate-on-scroll"> | ||
<div class="card-inner-content"> | |||
<div class="content"> | <div class="content"> | ||
<h1>LLMs</h1> | <h1>LLMs</h1> | ||
<p>Interacting with BigID using MCP.</p> | <p>Interacting with BigID using MCP.</p> | ||
</div> | </div> | ||
< | <div class="card-footer"> | ||
Learn more | |||
</div> | |||
</div> | </div> | ||
</ | </a> | ||
</div> | </div> | ||
</section> | </section> | ||
Line 593: | Line 622: | ||
</script> | </script> | ||
</html> | </html> | ||
{{#description2:Get started adding BigID's data discovery to your application with tutorials, samples, and | {{#description2:Get started adding BigID's data discovery to your application with tutorials, samples, and | ||
documentation}} | documentation}} |
Latest revision as of 20:11, 19 August 2025
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!