BigID Developer Portal
Home: Difference between revisions

Home: Difference between revisions

From BigID Developer Portal
No edit summary
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 16: Line 16:
         --highlight-bg: #bee3f8;
         --highlight-bg: #bee3f8;
         --highlight-text: #2c5282;
         --highlight-text: #2c5282;
        --card-bg: #ffffff;
        --card-text-primary: #1a202c;
        --card-text-secondary: #4a5568;
        --grid-line-color: rgba(0, 0, 0, 0.04);
        --watermark-opacity: 0.05;
     }
     }


Line 64: 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 81: 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 127: 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 135: Line 144:
     }
     }


     main section a:hover {
     main #mega .links a:hover {
         transform: translateY(-2px);
         transform: translateY(-2px);
         opacity: .85;
         opacity: .85;
Line 145: 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);
    }
    main #headerimg {
        width: 100%;
        max-width: 500px;
     }
     }


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;
    }
    main #getStarted>h1 {
        text-align: center;
        margin-bottom: 4vh;
        color: var(--text-primary);
     }
     }
      
      
Line 176: Line 167:
         50% { background-position: 100% 50%; }
         50% { background-position: 100% 50%; }
         100% { background-position: 0% 50%; }
         100% { background-position: 0% 50%; }
    }
    main .card.purple {
        background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    }
    main .card.red {
        background-image: linear-gradient(135deg, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
    }
    main .card.orange {
        background-image: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
    }
    main .card.blue {
        background-image: linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%);
     }
     }


     main .card {
     main .card {
        position: relative;
         flex-direction: column;
         flex-direction: column;
         border-radius: 12px;
         border-radius: 14px;
         box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
         box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
        color: #fff;
         font-size: 18px;
         font-size: 18px;
         overflow: hidden;
         overflow: hidden;
Line 205: Line 180:
         display: flex;
         display: flex;
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         transition: transform 0.3s ease, box-shadow 0.3s ease;
        background-color: var(--card-bg);
        padding: 2px;
        text-decoration: none;
    }
   
    main .card::before {
        content: '';
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;
        z-index: 0;
        margin: -2px;
        border-radius: inherit;
         background-size: 200% 200%;
         background-size: 200% 200%;
         animation: gradient-animation 15s ease infinite;
         animation: gradient-animation 10s ease infinite;
     }
     }
   
    .card.purple::before { background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
    .card.red::before { background-image: linear-gradient(135deg, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%); }
    .card.orange::before { background-image: linear-gradient(135deg, #f6d365 0%, #fda085 100%); }
    .card.blue::before { background-image: linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%); }
      
      
     main .card:hover {
     main .card:hover {
Line 215: Line 207:


     main .card p {
     main .card p {
         color: rgba(255, 255, 255, 0.9);
         color: var(--card-text-secondary);
         line-height: 1.6;
         line-height: 1.6;
     }
     }
Line 223: Line 215:
         font-size: 2em;
         font-size: 2em;
         font-weight: 600;
         font-weight: 600;
         color: #fff;
         color: var(--card-text-primary);
        display: flex;
        align-items: center;
     }
     }
      
      
     main .card h1 .card-icon {
     .card-footer {
        width: 32px;
        height: 32px;
        margin-right: 12px;
        opacity: 0.8;
    }
 
    main .card a:link {
        display: block;
         text-align: center;
         text-align: center;
         padding: 1.5vh;
         padding: 1.5vh;
         background-color: rgba(0, 0, 0, .25);
         background-color: rgba(0, 0, 0, .05);
         font-weight: 600;
         font-weight: 600;
         margin-top: auto;
         margin-top: auto;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        color: var(--card-text-primary);
    }
   
    main .card-inner-content {
        position: relative;
        z-index: 1;
        background-color: var(--card-bg);
        border-radius: 12px;
        height: 100%;
        display: flex;
        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-position: center;
        background-size: contain;
        opacity: var(--watermark-opacity);
        transition: opacity 0.3s ease;
     }
     }
   
    .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::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::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::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>.content {
 
     main .card>.card-inner-content>.content {
        position: relative;
        z-index: 1;
         padding: 2vw;
         padding: 2vw;
         padding-bottom: 0px;
         padding-bottom: 0px;
Line 250: Line 269:
         display: flex;
         display: flex;
         flex-direction: column;
         flex-direction: column;
        text-align: left;
     }
     }


Line 262: Line 282:
         border-radius: 12px;
         border-radius: 12px;
         gap: 5vw;
         gap: 5vw;
         background-image:  
         border: 1px solid var(--input-border);
            linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)),
        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(--input-border) 1px, transparent 1px),
            linear-gradient(to right, var(--input-border) 1px, transparent 1px);
        background-size: 100%, 20px 20px, 20px 20px;
     }
     }
      
      
Line 300: 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 312: 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 332: Line 350:
         --highlight-bg: #2b6cb0;
         --highlight-bg: #2b6cb0;
         --highlight-text: #bee3f8;
         --highlight-text: #bee3f8;
        --card-bg: #1A202C;
        --card-text-primary: #ffffff;
        --card-text-secondary: rgba(255, 255, 255, 0.8);
        --grid-line-color: rgba(255, 255, 255, 0.06);
        --watermark-opacity: 0.1;
     }
     }
      
      
     .skin-citizen-dark #classify {
     .skin-citizen-dark #classify {
         background-image:  
         background-image: none;
            linear-gradient(rgba(45, 55, 72, 0.95), rgba(45, 55, 72, 0.95)),
        border: 1px solid var(--input-border);
            linear-gradient(var(--input-border) 1px, transparent 1px),
        box-shadow: none;
            linear-gradient(to right, var(--input-border) 1px, transparent 1px);
     }
     }
      
      
Line 344: Line 366:
         box-shadow: 0 10px 20px rgba(0,0,0,0.4), 0 6px 6px rgba(0,0,0,0.4);
         box-shadow: 0 10px 20px rgba(0,0,0,0.4), 0 6px 6px rgba(0,0,0,0.4);
     }
     }
    .skin-citizen-dark main .card .card-footer {
        background-color: rgba(255, 255, 255, .1);
    }
    .skin-citizen-dark main .card p,
    .skin-citizen-dark main .card h1 {
        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 */
     .animate-on-scroll {
     .animate-on-scroll {
         opacity: 0;
         opacity: 0;
         transform: translateY(20px);
         transform: translateY(50px);
         transition: opacity 0.6s ease-out, transform 0.6s ease-out;
         transition: opacity 0.8s ease-out, transform 0.8s ease-out;
     }
     }


Line 364: 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 382: 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 415: Line 459:
     </section>
     </section>
     <section id="getStarted">
     <section id="getStarted">
        <h1>Start Developing</h1>
         <div class="row">
         <div class="row">
             <div class="card purple animate-on-scroll">
             <a href="Apps" class="card purple animate-on-scroll">
                 <div class="content">
                 <div class="card-inner-content">
                     <h1>
                     <div class="content">
                        <svg class="card-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                         <h1>Apps</h1>
                          <path 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" />
                        <p>Add custom logic and screens to your BigID system.</p>
                         </svg>
                    </div>
                        Apps
                    <div class="card-footer">
                    </h1>
                        Learn more
                    <p>Add custom logic and screens to your BigID system.</p>
                    </div>
                 </div>
                 </div>
                <a href="Apps">Learn more</a>
            </a>
             </div>
             <a href="BigID_API" class="card red animate-on-scroll">
            <div class="card red animate-on-scroll">
                 <div class="card-inner-content">
                 <div class="content">
                     <div class="content">
                     <h1>
                        <h1>REST API</h1>
                        <svg class="card-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <p>Manage BigID programmatically. Scan data, run SARs, and more through code.</p>
                          <path stroke-linecap="round" stroke-linejoin="round" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
                    </div>
                        </svg>
                    <div class="card-footer">
                        REST API
                        Learn more
                    </h1>
                    </div>
                    <p>Manage BigID programmatically. Scan data, run SARs, and more through code.</p>
                 </div>
                 </div>
                <a href="BigID_API">Learn More</a>
            </a>
             </div>
             <a href="Connectors" class="card blue animate-on-scroll">
            <div class="card blue animate-on-scroll">
                 <div class="card-inner-content">
                 <div class="content">
                     <div class="content">
                     <h1>
                         <h1>Connectors</h1>
                        <svg class="card-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <p>Scan any system, anywhere. Write your own connector in any programming language.</p>
                          <path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" />
                    </div>
                         </svg>
                    <div class="card-footer">
                        Connectors
                        Learn more
                    </h1>
                    </div>
                    <p>Scan any system, anywhere. Write your own connector in any programming language.</p>
                 </div>
                 </div>
                <a href="Connectors">Learn More</a>
            </a>
            </div>
             <a href="LLMs" class="card orange animate-on-scroll">
             <div class="card orange animate-on-scroll">
                 <div class="card-inner-content">
                 <div class="content">
                     <div class="content">
                     <h1>
                         <h1>LLMs</h1>
                        <svg class="card-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <p>Interacting with BigID using MCP.</p>
                          <path 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" />
                    </div>
                         </svg>
                    <div class="card-footer">
                        LLMs
                        Learn more
                    </h1>
                    </div>
                    <p>Interacting with BigID using MCP.</p>
                 </div>
                 </div>
                <a href="LLMs">Learn More</a>
            </a>
            </div>
         </div>
         </div>
    </section>
    <section>
        <h1>Popular Articles:</h1>
        {{Special:TopTenPages/1/10}}
     </section>
     </section>
</main>
</main>
Line 587: 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

Get Started

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!

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

LLMs

Interacting with BigID using MCP.

Learn more

Retrieved from "https://developer.bigid.com/index.php?title=Home&oldid=1423"