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, #2d3748, #4a5568, #2b6cb0);
         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.1);
         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 section a:link, main section a:visited {
     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 section a:hover {
     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;
    }
    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);
     }
     }


Line 162: Line 159:
         flex-direction: row;
         flex-direction: row;
         display: flex;
         display: flex;
         align-items: center;
         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);
     }
     }
 
   
     main .card a:link, main .card a:visited {
     .card-footer {
        display: block;
         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: calc(100% - 20px) calc(100% - 20px);
         background-position: center;
         background-size: 90px;
         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='%23000'%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.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='%23000'%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.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='%23000'%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.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='%23000'%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"); }
     .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;
         background-image:  
         border: 1px solid var(--input-border);
            linear-gradient(var(--section-bg), var(--section-bg)),
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
            linear-gradient(var(--grid-line-color) 1px, transparent 1px),
            linear-gradient(to right, var(--grid-line-color) 1px, transparent 1px);
        background-size: 100%, 20px 20px, 20px 20px;
     }
     }
      
      
Line 309: Line 317:
         padding: 12px 24px;
         padding: 12px 24px;
         border-radius: 8px;
         border-radius: 8px;
         background: #48bb78;
         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 {
         background: #38a169;
         transform: translateY(-2px);
         box-shadow: 0 0 15px rgba(72, 187, 120, 0.6);
         background: #2c5282;
     }
     }
      
      
     #classify .try button.processing {
     #classify .try button.processing {
         background: #38a169;
         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;
            linear-gradient(var(--section-bg), var(--section-bg)),
        border: 1px solid var(--input-border);
            linear-gradient(var(--grid-line-color) 1px, transparent 1px),
        box-shadow: none;
            linear-gradient(to right, var(--grid-line-color) 1px, transparent 1px);
     }
     }
      
      
Line 359: Line 367:
     }
     }


     .skin-citizen-dark main .card a:link {
     .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 .row {
         main .card {
             flex-direction: column;
             margin: 15px 0;
            width: 95%;
            max-width: 450px;
         }
         }


         main .card {
         main .card>.card-inner-content>.content {
             margin: 15px 0;
             padding: 24px;
             width: 100%;
             min-height: auto;
         }
         }
     }
     }
Line 439: Line 460:
     <section id="getStarted">
     <section id="getStarted">
         <div class="row">
         <div class="row">
             <div class="card purple animate-on-scroll">
             <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>
                     <a href="Apps">Learn more</a>
                     <div class="card-footer">
                        Learn more
                    </div>
                 </div>
                 </div>
             </div>
             </a>
             <div class="card red animate-on-scroll">
             <a href="BigID_API" class="card red animate-on-scroll">
                <div class="card-inner-content">
                <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>
                     <a href="BigID_API">Learn More</a>
                     <div class="card-footer">
                        Learn more
                    </div>
                 </div>
                 </div>
             </div>
             </a>
             <div class="card blue animate-on-scroll">
             <a href="Connectors" class="card blue animate-on-scroll">
                <div class="card-inner-content">
                <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>
                     <a href="Connectors">Learn More</a>
                     <div class="card-footer">
                        Learn more
                    </div>
                 </div>
                 </div>
             </div>
             </a>
             <div class="card orange animate-on-scroll">
             <a href="LLMs" class="card orange animate-on-scroll">
                <div class="card-inner-content">
                <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>
                     <a href="LLMs">Learn More</a>
                     <div class="card-footer">
                        Learn more
                    </div>
                 </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

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!