BigID Developer Portal
Home: Difference between revisions

Home: Difference between revisions

From BigID Developer Portal
No edit summary
No edit summary
Line 16: Line 16:
         --highlight-bg: #bee3f8;
         --highlight-bg: #bee3f8;
         --highlight-text: #2c5282;
         --highlight-text: #2c5282;
        --card-bg: #2d3748;
     }
     }


Line 164: Line 165:
         align-items: center;
         align-items: center;
         padding-top: 2vh;
         padding-top: 2vh;
    }
    main #getStarted>h1 {
        text-align: center;
        margin-bottom: 4vh;
        color: var(--text-primary);
     }
     }
      
      
Line 176: Line 171:
         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; /* Slightly larger radius */
         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;
         color: #fff;
Line 205: Line 185:
         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; /* This padding creates space for the border */
    }
   
    main .card::before {
        content: '';
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;
        z-index: 0;
        margin: -2px; /* Match the padding */
        border-radius: inherit; /* Inherit the border-radius */
         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 211:


     main .card p {
     main .card p {
         color: rgba(255, 255, 255, 0.9);
         color: rgba(255, 255, 255, 0.8);
         line-height: 1.6;
         line-height: 1.6;
        text-shadow: 0 1px 3px rgba(0,0,0,0.2);
     }
     }


Line 226: Line 223:
         display: flex;
         display: flex;
         align-items: center;
         align-items: center;
        text-shadow: 0 1px 3px rgba(0,0,0,0.2);
     }
     }
      
      
Line 232: Line 230:
         height: 32px;
         height: 32px;
         margin-right: 12px;
         margin-right: 12px;
         opacity: 0.8;
         opacity: 0.9;
     }
     }


Line 242: Line 240:
         font-weight: 600;
         font-weight: 600;
         margin-top: auto;
         margin-top: auto;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
   
    main .card-inner-content {
        position: relative;
        z-index: 1;
        background-color: var(--card-bg);
        border-radius: 12px;
        height: 100%;
        display: flex;
        flex-direction: column;
     }
     }


     main .card>.content {
     main .card>.card-inner-content>.content {
         padding: 2vw;
         padding: 2vw;
         padding-bottom: 0px;
         padding-bottom: 0px;
Line 332: Line 342:
         --highlight-bg: #2b6cb0;
         --highlight-bg: #2b6cb0;
         --highlight-text: #bee3f8;
         --highlight-text: #bee3f8;
        --card-bg: #1A202C;
     }
     }
      
      
Line 348: Line 359:
     .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 415: Line 426:
     </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">
             <div 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>
                          <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" />
                            <svg class="card-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        </svg>
                              <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" />
                        Apps
                            </svg>
                    </h1>
                            Apps
                    <p>Add custom logic and screens to your BigID system.</p>
                        </h1>
                        <p>Add custom logic and screens to your BigID system.</p>
                    </div>
                    <a href="Apps">Learn more</a>
                 </div>
                 </div>
                <a href="Apps">Learn more</a>
             </div>
             </div>
             <div class="card red animate-on-scroll">
             <div class="card red 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>
                          <path stroke-linecap="round" stroke-linejoin="round" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
                            <svg class="card-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        </svg>
                              <path stroke-linecap="round" stroke-linejoin="round" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
                        REST API
                            </svg>
                    </h1>
                            REST API
                    <p>Manage BigID programmatically. Scan data, run SARs, and more through code.</p>
                        </h1>
                        <p>Manage BigID programmatically. Scan data, run SARs, and more through code.</p>
                    </div>
                    <a href="BigID_API">Learn More</a>
                 </div>
                 </div>
                <a href="BigID_API">Learn More</a>
             </div>
             </div>
             <div class="card blue animate-on-scroll">
             <div class="card blue 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>
                          <path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" />
                            <svg class="card-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        </svg>
                              <path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" />
                        Connectors
                            </svg>
                    </h1>
                            Connectors
                    <p>Scan any system, anywhere. Write your own connector in any programming language.</p>
                        </h1>
                        <p>Scan any system, anywhere. Write your own connector in any programming language.</p>
                    </div>
                    <a href="Connectors">Learn More</a>
                 </div>
                 </div>
                <a href="Connectors">Learn More</a>
             </div>
             </div>
             <div class="card orange animate-on-scroll">
             <div class="card orange 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>
                          <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" />
                            <svg class="card-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        </svg>
                              <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" />
                        LLMs
                            </svg>
                    </h1>
                            LLMs
                    <p>Interacting with BigID using MCP.</p>
                        </h1>
                        <p>Interacting with BigID using MCP.</p>
                    </div>
                    <a href="LLMs">Learn More</a>
                 </div>
                 </div>
                <a href="LLMs">Learn More</a>
             </div>
             </div>
         </div>
         </div>
Line 587: Line 605:


</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}}

Revision as of 19:38, 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

Popular Articles:

{{Special:TopTenPages/1/10}}

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