Test: Difference between revisions

From RidgeRun Developer Wiki
No edit summary
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 5: Line 5:
       width:50%;
       width:50%;
       display: grid;
       display: grid;
       grid-template-columns: 1fr 1fr 1fr; /* define only 2 columns*/
       grid-template-columns: 1fr 1fr 1fr;
       place-items: center;
       place-items: center;
      margin-left: auto;
      margin-right: auto;
     }
     }
    .label {
      align-items: center;
      justify-items: center;
    }
     .col-1 {
     .col-1 {
       grid-column: 1;
       grid-column: 1;
Line 41: Line 37:
       justify-content: center; /* Horizontally centers the content */
       justify-content: center; /* Horizontally centers the content */
       box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
       box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    }
    .node a {
        color: black;
        text-decoration:none;
     }
     }


Line 117: Line 118:
         min-height: 50px;
         min-height: 50px;
         /*https://bennettfeely.com/clippy/*/
         /*https://bennettfeely.com/clippy/*/
         clip-path: polygon(0 49%, 51% 49%, 51% 90%, 55% 90%, 50% 100%, 45% 90%, 49% 90%, 49% 51%, 0 51%);
         clip-path: polygon(
            0 calc(50% - 2px),  
            calc(50% + 2px) calc(50% - 2px),  
            calc(50% + 2px) calc(100% - 15px),  
            calc(50% + 7px) calc(100% - 15px),  
            50% 100%,  
            calc(50% - 7px) calc(100% - 15px),  
            calc(50% - 2px) calc(100% - 15px),  
            calc(50% - 2px) calc(50% + 2px),  
            0 calc(50% + 2px));
     }
     }


Line 137: Line 147:


     .down-arrow {
     .down-arrow {
        background-color: black;
        border: 1px solid;
        width: 100%;
        height: 100%;
        display: flex;
        min-height: 30px;
        /*https://bennettfeely.com/clippy/*/
        clip-path: polygon(
            calc(50% + 2px) 0,
            calc(50% + 2px) calc(100% - 15px),
            calc(50% + 7px) calc(100% - 15px),
            50% 100%,
            calc(50% - 7px) calc(100% - 15px),
            calc(50% - 2px) calc(100% - 15px),
            calc(50% - 2px) 0);
    }
    .left-arrow {
         background-color: black;
         background-color: black;
         border: 1px solid;
         border: 1px solid;
Line 144: Line 172:
         min-height: 50px;
         min-height: 50px;
         /*https://bennettfeely.com/clippy/*/
         /*https://bennettfeely.com/clippy/*/
         clip-path: polygon(51% 0, 51% 90%, 55% 90%, 50% 100%, 45% 90%, 49% 90%, 49% 0);
         clip-path: polygon(
            0% 50%,  
            15px calc(50% - 7px),  
            15px calc(50% - 2px),
            100% calc(50% - 2px),  
            100% calc(50% + 2px),  
            15px calc(50% + 2px),  
            15px calc(50% + 7px));
     }
     }


Line 162: Line 197:
   </style>
   </style>
   <div class="container">
   <div class="container">
     <div class="node col-2" style="background-color:#021FE2; color:white;">Do you need a custom driver?</div>
     <div class="node col-1" style="background-color:#021FE2; color:white;">Do you need a custom driver?</div>
     <div class="connector col-2"></div>
     <div class="down-arrow col-1"></div>
     <div class="node clickable col-2">Check our Linux Driver Services!</div>
     <div class="node clickable col-1"><a href="https://developer.ridgerun.com/wiki/index.php/RidgeRun_Linux_Camera_Drivers/Expert_Camera_Driver_Services/Services_Provided#Linux_Drivers_Services">Check our Linux Driver Services!</a></div>
     <div class="connector col-2"></div>
     <div class="down-arrow col-1"></div>
     <div class="node clickable col-2">Check tested drivers list!</div>
     <div class="node clickable col-1"><a href="https://developer.ridgerun.com/wiki/index.php/RidgeRun_Linux_Camera_Drivers/Available_Camera_Drivers/List_of_Tested_Camera_Sensors">Check tested drivers list!</a></div>
     <div class="connector span-3"></div>
     <div class="down-arrow col-1"></div>
     <div class="node span-3">Driver in the list?</div>
     <div class="desition-container col-1"><div class="node desition">Driver in the list?</div></div>
     <div class="connector col-1"></div>
     <div class="horizontal-line col-2"></div>
     <div class="connector col-3"></div>
    <div class="right-down-line col-3"></div>
    <div class="down-arrow col-1"></div>
     <div class="down-arrow col-3"></div>
     <div class="node col-1" style="background-color:#1ABA3F; color:white;">YES</div>
     <div class="node col-1" style="background-color:#1ABA3F; color:white;">YES</div>
     <div class="node col-3" style="background-color:#EB1E07; color:white;">NO</div>
     <div class="node col-3" style="background-color:#EB1E07; color:white;">NO</div>
    <div class="connector col-1"></div>
    <div class="connector col-3"></div>
    <div class="node clickable col-1">Check our hiring process!</div>
    <div class="left-connector col-2"></div>
    <div class="node clickable col-3">Check the client requirements!</div>
    <div class="connector col-1"></div>
    <div class="node clickable col-1">Contact Us!</div>
    <div class="connector col-1"></div>
    <div class="node col-1" style="background-color:#021FE2; color:white;">Driver Delivery!</div>
    <div class="connector col-1"></div>
    <div class="desition-container col-1"><div class="node desition">Yes or No?</div></div>
    <div class="horizontal-line col-2"></div>
    <div class="right-down-line col-3"></div>
     <div class="down-arrow col-1"></div>
     <div class="down-arrow col-1"></div>
     <div class="down-arrow col-3"></div>
     <div class="down-arrow col-3"></div>
     <div class="node clickable col-1">Maybe Yes!</div>
     <div class="node clickable col-1"><a href="https://developer.ridgerun.com/wiki/index.php/RidgeRun_Linux_Camera_Drivers/Available_Camera_Drivers/Custom_Driver_Development#Hiring_Process">Check our hiring process!</a></div>
     <div class="node clickable col-3">Maybe No!</div>
    <div class="left-arrow col-2"></div>
     <div class="node clickable col-3"><a href="https://developer.ridgerun.com/wiki/index.php/RidgeRun_Linux_Camera_Drivers/Expert_Camera_Driver_Services/Client_Requirements">Check the client requirements!</a></div>
    <div class="down-arrow col-1"></div>
    <div class="node clickable col-1"><a href="https://www.ridgerun.com/contact" target="_blank">Contact Us!</a></div>
    <div class="down-arrow col-1"></div>
    <div class="node col-1" style="background-color:#021FE2; color:white;">Driver Delivery!</div>
</div>
}}
}}
[[File:Stitching match visualization.jpg|640px|frameless|center|alt=This is the alternative text]]


<noinclude>
<noinclude>
[[Category:RidgeRun Linux Camera Drivers Templates]]
[[Category:RidgeRun Linux Camera Drivers Templates]]
</noinclude>
</noinclude>

Latest revision as of 19:10, 16 September 2024

This is the alternative text