AjmalCybro
6 days ago
66 changed files with 503 additions and 343 deletions
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 628 KiB |
|
Before Width: | Height: | Size: 4.8 MiB |
|
Before Width: | Height: | Size: 3.6 MiB |
|
Before Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 106 KiB |
|
Before Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 152 B |
|
Before Width: | Height: | Size: 204 B |
|
Before Width: | Height: | Size: 6.0 KiB |
|
Before Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 912 KiB |
|
Before Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 85 KiB |
|
After Width: | Height: | Size: 126 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 118 KiB |
|
After Width: | Height: | Size: 142 KiB |
|
After Width: | Height: | Size: 138 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 158 KiB |
|
After Width: | Height: | Size: 149 KiB |
|
After Width: | Height: | Size: 112 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 126 KiB |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 173 KiB |
|
After Width: | Height: | Size: 53 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 97 KiB |
|
Before Width: | Height: | Size: 282 KiB |
|
Before Width: | Height: | Size: 186 KiB |
|
Before Width: | Height: | Size: 91 KiB |
|
Before Width: | Height: | Size: 64 KiB |
|
Before Width: | Height: | Size: 108 KiB |
|
Before Width: | Height: | Size: 120 KiB |
|
Before Width: | Height: | Size: 131 KiB |
|
Before Width: | Height: | Size: 157 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 62 KiB |
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 75 KiB |
|
After Width: | Height: | Size: 116 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 102 KiB |
|
After Width: | Height: | Size: 101 KiB |
|
After Width: | Height: | Size: 117 KiB |
|
After Width: | Height: | Size: 880 KiB |
|
Before Width: | Height: | Size: 772 KiB |
|
Before Width: | Height: | Size: 12 KiB |
@ -1,322 +1,535 @@ |
|||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||
<html lang="en"> |
<html lang="en"> |
||||
<head> |
<head> |
||||
<meta charset="UTF-8"> |
<meta charset="UTF-8"/> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
||||
<title>Health Report</title> |
<title>GitHub Odoo Integration</title> |
||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"/> |
||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"/> |
||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Plus+Jakarta+Sans:wght@600;700&display=swap" |
||||
|
rel="stylesheet"/> |
||||
|
<style> |
||||
|
body { |
||||
|
font-family: "Inter", sans-serif; |
||||
|
background: #fff; |
||||
|
color: #111; |
||||
|
} |
||||
|
h1, h2 { |
||||
|
font-family: "Plus Jakarta Sans", sans-serif; |
||||
|
font-weight: 700; |
||||
|
color: #111; |
||||
|
} |
||||
|
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com"> |
/* Hero */ |
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
.hero { |
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" |
text-align: center; |
||||
rel="stylesheet"> |
padding: 80px 20px 60px; |
||||
<link rel="preconnect" href="https://fonts.googleapis.com"> |
} |
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
.hero h1 { |
||||
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet"> |
font-size: 3rem; |
||||
|
font-weight: 700; |
||||
|
letter-spacing: -0.5px; |
||||
|
} |
||||
|
.hero h1 span { |
||||
|
color: #3B82F6; |
||||
|
} |
||||
|
.hero p { |
||||
|
font-size: 1.2rem; |
||||
|
color: #555; |
||||
|
margin-top: 10px; |
||||
|
} |
||||
|
.cta-btn { |
||||
|
margin-top: 25px; |
||||
|
padding: 12px 28px; |
||||
|
font-size: 1rem; |
||||
|
font-weight: 600; |
||||
|
border-radius: 30px; |
||||
|
border: none; |
||||
|
background: #111; |
||||
|
color: #fff; |
||||
|
text-decoration: none; |
||||
|
display: inline-block; |
||||
|
transition: all .3s ease; |
||||
|
} |
||||
|
.cta-btn:hover { |
||||
|
background: #333; |
||||
|
transform: translateY(-3px); |
||||
|
} |
||||
|
|
||||
<style> |
/* Section */ |
||||
.accordion-item:first-of-type .accordion-button { |
.section { |
||||
border-top-left-radius: 3rem; |
padding: 70px 0; |
||||
border-top-right-radius: 3rem; |
} |
||||
} |
.section h2 { |
||||
|
font-size: 1.8rem; |
||||
|
margin-bottom: 16px; |
||||
|
} |
||||
|
.section p { |
||||
|
font-size: 1rem; |
||||
|
color: #444; |
||||
|
} |
||||
|
|
||||
.accordion-item:last-of-type .accordion-button.collapsed { |
/* Screenshot Box */ |
||||
border-bottom-right-radius: 3rem; |
.screenshot-box { |
||||
border-bottom-left-radius: 3rem; |
border-radius: 14px; |
||||
} |
padding: 10px; |
||||
|
background: #f9f9f9; |
||||
|
} |
||||
|
.screenshot-box img { |
||||
|
border-radius: 10px; |
||||
|
width: 100%; |
||||
|
height: auto; |
||||
|
cursor: zoom-in; |
||||
|
transition: transform .3s; |
||||
|
} |
||||
|
.screenshot-box img:hover { |
||||
|
transform: scale(1.02); |
||||
|
} |
||||
|
|
||||
.accordion-item:last-of-type { |
/* Workflow */ |
||||
border-bottom-right-radius: 3rem; |
.workflow-menu .nav-link { |
||||
border-bottom-left-radius: 3rem; |
font-weight: 600; |
||||
} |
color: #444; |
||||
|
padding: 12px 16px; |
||||
|
border-radius: 8px; |
||||
|
margin-bottom: 6px; |
||||
|
transition: .3s; |
||||
|
} |
||||
|
.workflow-menu .nav-link.active { |
||||
|
background: #111; |
||||
|
color: #fff !important; |
||||
|
} |
||||
|
.workflow-menu .nav-link:hover { background: #f5f5f5; } |
||||
|
.workflow-menu .active:hover { background: #6b6060 !important; } |
||||
|
.workflow-content { |
||||
|
border-radius: 12px; |
||||
|
padding: 20px; |
||||
|
background: #fff; |
||||
|
box-shadow: 0 4px 14px rgba(0,0,0,.08); |
||||
|
height: 570px !important; |
||||
|
} |
||||
|
|
||||
.accordion-item:first-of-type { |
/* Lightbox */ |
||||
border-top-left-radius: 3rem; |
.lightbox { |
||||
border-top-right-radius: 3rem; |
display: none; |
||||
} |
position: fixed; |
||||
|
z-index: 1050; |
||||
|
top: 0; left: 0; right: 0; bottom: 0; |
||||
|
background: rgba(0,0,0,0.9); |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.lightbox img { |
||||
|
max-width: 90%; |
||||
|
max-height: 90%; |
||||
|
border-radius: 10px; |
||||
|
box-shadow: 0 8px 20px rgba(0,0,0,.4); |
||||
|
} |
||||
|
.lightbox:target { display: flex; } |
||||
|
.lightbox-close { |
||||
|
position: absolute; |
||||
|
top: 20px; right: 30px; |
||||
|
font-size: 2rem; |
||||
|
color: #fff; |
||||
|
text-decoration: none; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
.accordion-button:focus { |
/* Carousel Arrows */ |
||||
border-color: unset; |
.carousel-control-prev-icon, |
||||
box-shadow: unset; |
.carousel-control-next-icon { |
||||
} |
background-image: none !important; |
||||
|
} |
||||
|
.carousel-control-prev-icon::after, |
||||
|
.carousel-control-next-icon::after { |
||||
|
font-family: "Font Awesome 6 Free"; |
||||
|
font-weight: 900; |
||||
|
font-size: 28px; |
||||
|
color: #111; |
||||
|
} |
||||
|
.carousel-control-prev-icon::after { content: "\f104"; } |
||||
|
.carousel-control-next-icon::after { content: "\f105"; } |
||||
|
|
||||
.accordion-button:not(.collapsed) { |
/* Related Products */ |
||||
background-color: #0480e1; |
.product-overlay { |
||||
color: white; |
position: relative; |
||||
border-radius: 0; |
border-radius: 14px; |
||||
box-shadow: unset; |
overflow: hidden; |
||||
} |
box-shadow: 0 6px 18px rgba(0,0,0,.1); |
||||
|
} |
||||
|
.product-overlay img { |
||||
|
width: 100%; |
||||
|
height: auto; |
||||
|
display: block; |
||||
|
transition: transform .4s ease; |
||||
|
} |
||||
|
.product-overlay:hover img { |
||||
|
transform: scale(1.08); |
||||
|
} |
||||
|
.product-overlay .overlay { |
||||
|
position: absolute; |
||||
|
inset: 0; |
||||
|
background: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0)); |
||||
|
color: #fff; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: flex-end; |
||||
|
padding: 20px; |
||||
|
opacity: 0; |
||||
|
transition: opacity .4s ease; |
||||
|
} |
||||
|
.product-overlay:hover .overlay { opacity: 1; } |
||||
|
.overlay h5 { font-weight: 600; margin-bottom: 10px; } |
||||
|
|
||||
.accordion-item:not(:first-of-type) { |
/* Footer */ |
||||
border-top: 1px solid black; |
.footer { |
||||
} |
margin-top: 60px; |
||||
|
text-align: center; |
||||
.accordion-button:not(.collapsed) .head { |
font-size: 14px; |
||||
border-bottom: 1px solid white; |
color: #666; |
||||
} |
padding: 20px 0; |
||||
|
border-top: 1px solid #eee; |
||||
.accordion-button::after { |
} |
||||
position: relative; |
</style> |
||||
top: -10px; |
|
||||
background-color: #ffffff; |
|
||||
width: 50px; |
|
||||
height: 50px; |
|
||||
border-radius: 50%; |
|
||||
background-position: center; |
|
||||
border: 1px solid black; |
|
||||
background-image: url(./assets/img/plus.svg); |
|
||||
} |
|
||||
|
|
||||
.accordion-button:not(.collapsed)::after { |
|
||||
background-image: url(./assets/img/minus.svg); |
|
||||
} |
|
||||
</style> |
|
||||
</head> |
</head> |
||||
|
<body> |
||||
|
|
||||
<body style="font-family: Poppins, sans-serif; background: linear-gradient(180deg, #dcebf9, #faecff);"> |
<!-- Hero --> |
||||
<!-- Heading --> |
<section class="hero"> |
||||
<div class="oe_container container-fluid py-5" style="max-width:1526.4px; margin-left:auto; margin-right:auto; padding-left:54px; padding-right:54px;"> |
<h1>GitHub <span>Odoo Integration</span></h1> |
||||
<div class="header" style="background-image: url('/odoo_health_report/static/description/assets/img/header.jpg'); background-position: center; background-size: cover; height: 130px; border-radius: 3rem; box-shadow: 0px 5px #0480e1; display: flex; align-items: center; justify-content: center; border: 1px solid #0480e1;"> |
<p>Seamlessly connect GitHub with Odoo – manage repositories, branches, commits, issues & PRs from one place.</p> |
||||
<h1 style="font-size: 3rem; font-weight: 700; margin-bottom: 0;">Health Report</h1> |
<a href="#" class="cta-btn">Try Now</a> |
||||
</div> |
</section> |
||||
</div> |
|
||||
|
|
||||
<!-- Overview --> |
<!-- Section 1 - Configuration Settings --> |
||||
<div class="container-fluid py-5" style="max-width:1526.4px; margin-left:auto; margin-right:auto; padding-left:54px; padding-right:54px;"> |
<section class="section"> |
||||
<div class="banner" style="background-image: url('/odoo_health_report/static/description/assets/img/banner.jpg'); background-position: top; background-size: cover; border-radius: 3rem; display: flex; align-items: center; justify-content: center; color: white; overflow: hidden; position: relative;"> |
<div class="container"> |
||||
<img src="./assets/img/cybro.jpg" alt="" class="cybro" style="position: absolute; right: -5px; bottom: -3px; width: 115px; border-radius: 10px; max-width: 100%;"> |
<div class="row align-items-center"> |
||||
<div class="row"> |
<div class="col-md-4"> |
||||
<div class="col-md-6 p-5 d-flex flex-column justify-content-center"> |
<h2>Configuration Settings</h2> |
||||
<h2 style="font-size: 3rem; font-weight: 700;color: white;">Analyze. Audit. Improve.</h2> |
<p>Easily configure GitHub API credentials, webhook secrets, and access tokens directly from Odoo’s |
||||
<p style="font-size: 1.2rem; color: rgb(255 255 255 / 80%); line-height: 28px;">Odoo Module Health Report is a powerful developer tool designed to help Odoo developers and technical teams |
settings menu.</p> |
||||
maintain high-quality code standards across custom modules. It offers deep analysis and visual insights on |
</div> |
||||
code health, along with a PDF report for audits or documentation.</p> |
<div class="col-md-8"> |
||||
<ul style="list-style: none; padding-left: 0;"> |
<div class="screenshot-box"> |
||||
<li style="font-size: 1.3rem; font-weight: 600; padding: 1rem 0; display: flex; align-items: center; gap: 1rem;"> |
<a href="#lightbox1"><img src="./assets/screenshots/config_settings.png" |
||||
<img src="./assets/img/icon1.svg" alt="" style="width: 40px;"> |
alt="Configuration Settings"/></a> |
||||
Comprehensive Code Checks |
</div> |
||||
</li> |
</div> |
||||
<li style="font-size: 1.3rem; font-weight: 600; padding: 1rem 0; display: flex; align-items: center; gap: 1rem;"> |
|
||||
<img src="./assets/img/icon2.svg" alt="" style="width: 40px;"> |
|
||||
Odoo Code Standards Check |
|
||||
</li> |
|
||||
<li style="font-size: 1.3rem; font-weight: 600; padding: 1rem 0; display: flex; align-items: center; gap: 1rem;"> |
|
||||
<img src="./assets/img/icon3.svg" alt="" style="width: 40px;"> |
|
||||
Interactive Dashboard & PDF Report |
|
||||
</li> |
|
||||
<li style="font-size: 1.3rem; font-weight: 600; padding: 1rem 0; display: flex; align-items: center; gap: 1rem;"> |
|
||||
<img src="./assets/img/icon4.svg" alt="" style="width: 40px;"> |
|
||||
Compatible with V18 CE & EE |
|
||||
</li> |
|
||||
</ul> |
|
||||
</div> |
|
||||
<div class="col-md-6 position-relative d-flex justify-content-center align-items-center"> |
|
||||
<img src="./assets/img/banner-img.png" alt="" class="banner-img" style="margin-left: 13rem; width: 100%;"> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<!-- Featured Categories --> |
|
||||
<div class="container-fluid py-5" style="max-width:1526.4px; margin-left:auto; margin-right:auto; padding-left:54px; padding-right:54px;"> |
|
||||
<h2 class="headmain" style="font-family: sans-serif; background-color: #b9ff66; width: max-content; padding: 5px 10px; margin-bottom: 1rem; border-radius: 8px; font-size: 2.3rem;">Featured Categories</h2> |
|
||||
<div class="row row-cols-lg-2 row-cols-1 g-xl-4 g-3 "> |
|
||||
<div class="col"> |
|
||||
<div class="box box1" style="padding: 3rem; border-radius: 2rem; position: relative; min-height: 300px; border: 1px solid black; box-shadow: 0px 5px #000000; background: white;"> |
|
||||
<img src="./assets/img/box1.png" alt="" width="150" style="max-width: 100%; position: absolute; right: 2rem; bottom: 2rem;"> |
|
||||
<h3 class="head" style="width: max-content; padding: 8px 10px; margin-bottom: 2rem; border-radius: 8px; background: #0480e1; color: white;">Clean Code is Beautiful Code</h3> |
|
||||
<p style="max-width: 350px; font-size: 1.1rem; font-weight: 500;">Detect spacing, indentation, and unused code issues to maintain clean and readable code.</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col"> |
|
||||
<div class="box box2" style="padding: 3rem; border-radius: 2rem; position: relative; min-height: 300px; border: 1px solid black; box-shadow: 0px 5px #000000; background: black;"> |
|
||||
<img src="./assets/img/box2.png" alt="" width="150" style="max-width: 100%;position: absolute; right: 2rem; bottom: 2rem;"> |
|
||||
<h3 class="head" style="width: max-content; padding: 8px 10px; margin-bottom: 2rem; border-radius: 8px;background: white; color: black;">Built to Work, Not Break</h3> |
|
||||
<p style="max-width: 350px; font-size: 1.1rem; font-weight: 500; color: white;">Catch logic issues and unsafe patterns early to improve code quality.</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col"> |
|
||||
<div class="box box3" style="padding: 3rem; border-radius: 2rem; position: relative; min-height: 300px; border: 1px solid 0480e1; box-shadow: 0px 5px #0480e1; background: #0480e1;"> |
|
||||
<img src="./assets/img/box3.png" alt="" width="150" style="max-width: 100%; position: absolute; right: 2rem; bottom: 2rem;"> |
|
||||
<h3 class="head" style="width: max-content; padding: 8px 10px; margin-bottom: 2rem; border-radius: 8px; background: white; color: black;">Code Safe. Business Safer.</h3> |
|
||||
<p style="max-width: 350px; font-size: 1.1rem; font-weight: 500;color: white;">Spot security risks early, like unsafe access and weak encryption, to write safer code from the star</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col"> |
|
||||
<div class="box box1" style="padding: 3rem; border-radius: 2rem; position: relative; min-height: 300px; border: 1px solid black; box-shadow: 0px 5px #000000; background: white;"> |
|
||||
<img src="./assets/img/box4.png" alt="" width="200" style="max-width: 100%; position: absolute; right: 2rem; bottom: 2rem;"> |
|
||||
<h3 class="head mb-0" style="width: max-content; padding: 8px 10px; margin-bottom: 2rem; border-radius: 8px; background: #0480e1; color: white;">Complex Code? Simplify </h3> |
|
||||
<h3 class="head" style="width: max-content; padding: 8px 10px; margin-bottom: 2rem; border-radius: 8px; background: #0480e1; color: white;">Like a Pro</h3> |
|
||||
<p style="max-width: 350px; font-size: 1.1rem; font-weight: 500;">Analyze function complexity and simplify code for better reliability.</p> |
|
||||
</div> |
</div> |
||||
</div> |
|
||||
</div> |
</div> |
||||
</div> |
</section> |
||||
|
|
||||
<!-- Stay Odoo-official! --> |
<!-- Section 2 - Repository Setup --> |
||||
<div class="container-fluid py-5" style="max-width:1526.4px; margin-left:auto; margin-right:auto; padding-left:54px; padding-right:54px;"> |
<section class="section bg-light"> |
||||
<div class="section" style="box-shadow: 0px 5px black; border: 1px solid black; background-color: #b9ff66; border-radius: 3rem; padding: 3rem;"> |
<div class="container"> |
||||
<div class="row"> |
<div class="row align-items-center flex-md-row-reverse"> |
||||
<div class="col-md-6 d-flex flex-column justify-content-center"> |
<div class="col-md-4"> |
||||
<h5 style="font-size: 1.5rem;">Stay Odoo-official!</h5> |
<h2>Repository Setup</h2> |
||||
<p>Ensure your custom modules follow Odoo’s official coding standards, from proper naming to a clean |
<p>Link one or more GitHub repositories with Odoo projects, sync metadata, and manage forks within |
||||
structure. |
Odoo.</p> |
||||
Build confidently with fully compliant code.</p> |
</div> |
||||
</div> |
<div class="col-md-8"> |
||||
<div class="col-md-6 position-relative"> |
<div class="screenshot-box"> |
||||
<img src="./assets/img/section.png" alt="" width="200" style="max-width: 100%;position: absolute; top: 0; bottom: 0; margin: auto; right: 3rem;"> |
<a href="#lightbox2"><img src="./assets/screenshots/repository_setup.png" |
||||
|
alt="Repository Setup"/></a> |
||||
|
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
</div> |
|
||||
</div> |
</div> |
||||
</div> |
</section> |
||||
|
|
||||
<!-- Installation --> |
<section class="section"> |
||||
<div class="container-fluid py-5" style="max-width:1526.4px; margin-left:auto; margin-right:auto; padding-left:54px; padding-right:54px;"> |
<div class="container"> |
||||
<div class="d-flex gap-3"> |
<div class="row align-items-center"> |
||||
<h2 class="headmain" style="font-family: sans-serif; background-color: #b9ff66; width: max-content; padding: 5px 10px; margin-bottom: 1rem; border-radius: 8px; font-size: 2.3rem;">Installation</h2> |
<div class="col-md-4"> |
||||
<p>To install the Odoo Module Health Report, follow these<br> standard Odoo module steps:</p> |
<h2>Branch Management</h2> |
||||
</div> |
<p>Easily configure GitHub API credentials, webhook secrets, and access tokens directly from Odoo’s |
||||
<div class="row row-cols-lg-4 row-cols-1 g-xl-4 g-3 "> |
settings menu.</p> |
||||
<div class="col"> |
</div> |
||||
<div class="box box2" style="padding: 3rem; border-radius: 2rem; position: relative; min-height: 300px; border: 1px solid black; box-shadow: 0px 5px #000000; background: black;"> |
<div class="col-md-8"> |
||||
<span class="num" style="width: 50px; height: 50px; background-color: white; color: black; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; font-size: 1.2rem; font-weight: 600; border-radius: 50%;">01</span> |
<div class="screenshot-box"> |
||||
<p style="max-width: 350px; font-size: 1.1rem; font-weight: 500;color: white;">Place the module folder inside your <span style="color: #b9ff66;">Odoo custom_addons/</span> directory.</p> |
<a href="#lightbox22"><img src="./assets/screenshots/branch_management.png" alt="Branch Management"/></a> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<div class="col"> |
|
||||
<div class="box box2" style="padding: 3rem; border-radius: 2rem; position: relative; min-height: 300px; border: 1px solid black; box-shadow: 0px 5px #000000; background: black;"> |
|
||||
<span class="num" style="width: 50px; height: 50px; background-color: white; color: black; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; font-size: 1.2rem; font-weight: 600; border-radius: 50%;">02</span> |
|
||||
<p style="max-width: 350px; font-size: 1.1rem; font-weight: 500;color: white;"> |
|
||||
Install the required Python dependencies using the provided requirements.txt file: <span |
|
||||
style="color: #b9ff66;">pip install -r requirements.txt</span></p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col"> |
|
||||
<div class="box box2" style="padding: 3rem; border-radius: 2rem; position: relative; min-height: 300px; border: 1px solid black; box-shadow: 0px 5px #000000; background: black;"> |
|
||||
<span class="num" style="width: 50px; height: 50px; background-color: white; color: black; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; font-size: 1.2rem; font-weight: 600; border-radius: 50%;">03</span> |
|
||||
<p style="max-width: 350px; font-size: 1.1rem; font-weight: 500;color: white;">In Odoo, go to Apps > Update App List to refresh available modules.</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col"> |
|
||||
<div class="box box2" style="padding: 3rem; border-radius: 2rem; position: relative; min-height: 300px; border: 1px solid black; box-shadow: 0px 5px #000000; background: black;"> |
|
||||
<span class="num" style="width: 50px; height: 50px; background-color: white; color: black; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; font-size: 1.2rem; font-weight: 600; border-radius: 50%;">04</span> |
|
||||
<p style="max-width: 350px; font-size: 1.1rem; font-weight: 500;color: white;">Search for Odoo Module Health Report in the Apps menu and click Install</p> |
|
||||
</div> |
</div> |
||||
</div> |
|
||||
</div> |
</div> |
||||
|
</section> |
||||
|
|
||||
</div> |
<section class="section bg-light"> |
||||
|
<div class="container"> |
||||
<!-- Frequently Asked Questions --> |
<div class="row align-items-center flex-md-row-reverse"> |
||||
<div class="container-fluid py-5" style="max-width:1526.4px; margin-left:auto; margin-right:auto; padding-left:54px; padding-right:54px;"> |
<div class="col-md-4"> |
||||
<h2 class="headmain" style="font-family: sans-serif; background-color: #b9ff66; width: max-content; padding: 5px 10px; margin-bottom: 1rem; border-radius: 8px; font-size: 2.3rem;">Frequently Asked Questions </h2> |
<h2>Commits Tracking</h2> |
||||
<div class="accordion myaccordion" id="accordionExample"> |
<p>Track commits linked to tasks and manage real-time updates via GitHub webhooks.</p> |
||||
<div class="accordion-item" style="margin-bottom: 1rem; border-radius: 3rem; box-shadow: 0px 5px black; border: 1px solid black; overflow: hidden;"> |
|
||||
<h2 class="accordion-header" id="headingOne"> |
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" |
|
||||
aria-expanded="true" aria-controls="collapseOne" style="background-color: #f3f3f3; padding: 2rem; font-size: 1.3rem; padding-bottom: 0;"> |
|
||||
<div class="head" style="width: 100%; border: transparent; display: flex; align-items: center; padding-bottom: 2rem;"> |
|
||||
<span style="font-size: 3rem; margin-right: 2.5rem;">01</span> What does this module actually check? |
|
||||
</div> |
</div> |
||||
</button> |
<div class="col-md-8"> |
||||
</h2> |
<div class="screenshot-box"> |
||||
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" |
<a href="#lightbox23"><img src="./assets/screenshots/commits.png" alt="Commits & PR Tracking"/></a> |
||||
data-bs-parent="#accordionExample"> |
</div> |
||||
<div class="accordion-body" style="padding: 3rem; background: #0480e1; color: white;"> |
|
||||
This module analyzes Odoo custom modules for code quality, maintainability, and structure. It checks naming |
|
||||
conventions, code style, formatting, complexity, security risks, and overall code health. |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="accordion-item" style="margin-bottom: 1rem; border-radius: 3rem; box-shadow: 0px 5px black; border: 1px solid black; overflow: hidden;"> |
|
||||
<h2 class="accordion-header" id="headingTwo"> |
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" |
|
||||
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" style="background-color: #f3f3f3; padding: 2rem; font-size: 1.3rem; padding-bottom: 0;"> |
|
||||
<div class="head" style="width: 100%; border: transparent; display: flex; align-items: center; padding-bottom: 2rem;"> |
|
||||
<span style="font-size: 3rem; margin-right: 2.5rem;">02</span> Will it make changes to my code automatically? |
|
||||
</div> |
</div> |
||||
</button> |
|
||||
</h2> |
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" |
|
||||
data-bs-parent="#accordionExample"> |
|
||||
<div class="accordion-body" style="padding: 3rem; background: #0480e1; color: white;"> |
|
||||
No, it only detects and reports issues. It does not modify your files. You will receive a dashboard view and |
|
||||
optional PDF reports to take action manually. |
|
||||
</div> |
|
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<div class="accordion-item" style="margin-bottom: 1rem; border-radius: 3rem; box-shadow: 0px 5px black; border: 1px solid black; overflow: hidden;"> |
</section> |
||||
<h2 class="accordion-header" id="headingThree"> |
<!-- Workflow Section --> |
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" |
<section class="section"> |
||||
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree" style="background-color: #f3f3f3; padding: 2rem; font-size: 1.3rem; padding-bottom: 0;"> |
<div class="container"> |
||||
<div class="head" style="width: 100%; border: transparent; display: flex; align-items: center; padding-bottom: 2rem;"> |
<h2 class="text-center mb-5">Workflow Demo</h2> |
||||
<span style="font-size: 3rem; margin-right: 2.5rem;">03</span> Does this work with Odoo.sh or Docker setups? |
<div class="row"> |
||||
|
<!-- Sidebar --> |
||||
|
<div class="col-md-3"> |
||||
|
<ul class="nav flex-column nav-pills workflow-menu" id="workflow-tabs"> |
||||
|
<li><a class="nav-link active" data-bs-toggle="pill" href="#wf-config"><i |
||||
|
class="fa-solid fa-gear me-2"></i> Configuration</a></li> |
||||
|
<li><a class="nav-link" data-bs-toggle="pill" href="#wf-repo"><i |
||||
|
class="fa-solid fa-database me-2"></i> Repositories</a></li> |
||||
|
<li><a class="nav-link" data-bs-toggle="pill" href="#wf-branch"><i |
||||
|
class="fa-solid fa-code-branch me-2"></i> Branches</a></li> |
||||
|
<li><a class="nav-link" data-bs-toggle="pill" href="#wf-commit"><i |
||||
|
class="fa-solid fa-clock-rotate-left me-2"></i> Commits</a></li> |
||||
|
<li><a class="nav-link" data-bs-toggle="pill" href="#wf-pr"><i |
||||
|
class="fa-solid fa-code-pull-request me-2"></i> Pull Requests</a></li> |
||||
|
<li><a class="nav-link" data-bs-toggle="pill" href="#wf-issue"><i class="fa-solid fa-bug me-2"></i> |
||||
|
Issues</a></li> |
||||
|
</ul> |
||||
</div> |
</div> |
||||
</button> |
|
||||
</h2> |
<!-- Content --> |
||||
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" |
<div class="col-md-9"> |
||||
data-bs-parent="#accordionExample"> |
<div class="tab-content workflow-content"> |
||||
<div class="accordion-body" style="padding: 3rem; background: #0480e1; color: white;"> |
<div class="tab-pane fade show active" id="wf-config"> |
||||
Yes, it can be used in Odoo.sh or Docker environments as long as the required Python dependencies are |
<h4>Configuration</h4> |
||||
installed using the provided <code>requirements.txt</code>. |
<div id="carousel-config" class="carousel slide mt-3" data-bs-ride="carousel"> |
||||
</div> |
<div class="carousel-inner"> |
||||
</div> |
<div class="carousel-item active"><p>1.Choose the github user access rights from the |
||||
</div> |
user settings.</p> |
||||
<div class="accordion-item" style="margin-bottom: 1rem; border-radius: 3rem; box-shadow: 0px 5px black; border: 1px solid black; overflow: hidden;"> |
<div class="screenshot-box"><a href="#lightbox3"><img |
||||
<h2 class="accordion-header" id="headingFour"> |
src="./assets/screenshots/config_settings_3.png" |
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" |
class="d-block w-100"/></a></div> |
||||
data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour" style="background-color: #f3f3f3; padding: 2rem; font-size: 1.3rem; padding-bottom: 0;"> |
</div> |
||||
<div class="head" style="width: 100%; border: transparent; display: flex; align-items: center; padding-bottom: 2rem;"> |
<div class="carousel-item active"><p>2.Open the github configuration settings to setup |
||||
<span style="font-size: 3rem; margin-right: 2.5rem;">04</span> Can I export reports? |
the API tokens and webhooks</p> |
||||
|
<div class="screenshot-box"><a href="#lightbox9"><img |
||||
|
src="./assets/screenshots/config_settings_1.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
<div class="carousel-item"><p>3.Set up API tokens and webhooks easily inside Odoo.</p> |
||||
|
<div class="screenshot-box"><a href="#lightbox10"><img |
||||
|
src="./assets/screenshots/config_settings.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-config" |
||||
|
data-bs-slide="prev"><span class="carousel-control-prev-icon"></span></button> |
||||
|
<button class="carousel-control-next" type="button" data-bs-target="#carousel-config" |
||||
|
data-bs-slide="next"><span class="carousel-control-next-icon"></span></button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="tab-pane fade" id="wf-repo"> |
||||
|
<h4>Repositories</h4> |
||||
|
<div id="carousel-repo" class="carousel slide mt-3" data-bs-ride="carousel"> |
||||
|
<div class="carousel-inner"> |
||||
|
<div class="carousel-item active"><p>1.Enter the repository name and owner in the form |
||||
|
view, then click the <strong>Setup Webhook</strong> button to configure the webhook |
||||
|
in the GitHub repository.</p> |
||||
|
<div class="screenshot-box"><a href="#lightbox4"><img |
||||
|
src="./assets/screenshots/repository_setup_1.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
<div class="carousel-item"><p>2.If the webhook is created successfully, a success |
||||
|
message will appear in the chatter, and the webhook URL will be generated.</p> |
||||
|
<div class="screenshot-box"><a href="#lightbox11"><img |
||||
|
src="./assets/screenshots/repository_setup_2.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
<div class="carousel-item"><p>3.Click on the <strong>Sync Repository</strong> button to |
||||
|
synchronize all GitHub repository data into the Odoo repository.</p> |
||||
|
<div class="screenshot-box"><a href="#lightbox12"><img |
||||
|
src="./assets/screenshots/repository_setup_3.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
<div class="carousel-item"><p>4. After the repository is successfully synced, the state |
||||
|
will change to <strong>Success</strong>, and all other details will be fetched.</p> |
||||
|
<div class="screenshot-box"><a href="#lightbox13"><img |
||||
|
src="./assets/screenshots/repository_setup_4.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-repo" |
||||
|
data-bs-slide="prev"><span class="carousel-control-prev-icon"></span></button> |
||||
|
<button class="carousel-control-next" type="button" data-bs-target="#carousel-repo" |
||||
|
data-bs-slide="next"><span class="carousel-control-next-icon"></span></button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="tab-pane fade" id="wf-branch"> |
||||
|
<h4>Branches</h4> |
||||
|
<div id="carousel-branch" class="carousel slide mt-3" data-bs-ride="carousel"> |
||||
|
<div class="carousel-inner"> |
||||
|
<div class="carousel-item active"><p>1.By clicking on the Branches, you can view all the |
||||
|
corresponding branches linked to each repository.</p> |
||||
|
<div class="screenshot-box"><a href="#lightbox5"><img |
||||
|
src="./assets/screenshots/branch_management_1.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
<div class="carousel-item"><p>2.From the Branch form view, you can see all the details |
||||
|
related to the corresponding branch.</p> |
||||
|
<div class="screenshot-box"><a href="#lightbox14"><img |
||||
|
src="./assets/screenshots/branch_management_2.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
<div class="carousel-item"><p>3.Click on the <strong>Sync Branch</strong> button to |
||||
|
synchronise the branch details from the github.</p> |
||||
|
<div class="screenshot-box"><a href="#lightbox15"><img |
||||
|
src="./assets/screenshots/branch_management_3.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
<div class="carousel-item"><p>4.From the repository record, you can create a new branch |
||||
|
in GitHub directly from Odoo.</p> |
||||
|
<div class="screenshot-box"><a href="#lightbox16"><img |
||||
|
src="./assets/screenshots/branch_management_4.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
<div class="carousel-item"> |
||||
|
<div class="screenshot-box"><a href="#lightbox17"><img |
||||
|
src="./assets/screenshots/branch_management_5.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
<div class="carousel-item"> |
||||
|
<div class="screenshot-box"><a href="#lightbox18"><img |
||||
|
src="./assets/screenshots/branch_management_6.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-branch" |
||||
|
data-bs-slide="prev"><span class="carousel-control-prev-icon"></span></button> |
||||
|
<button class="carousel-control-next" type="button" data-bs-target="#carousel-branch" |
||||
|
data-bs-slide="next"><span class="carousel-control-next-icon"></span></button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="tab-pane fade" id="wf-commit"> |
||||
|
<h4>Commits</h4> |
||||
|
<p>Track commits per branch and auto-link with tasks.</p> |
||||
|
<div id="carousel-commit" class="carousel slide mt-3" data-bs-ride="carousel"> |
||||
|
<div class="carousel-inner"> |
||||
|
<div class="carousel-item active"> |
||||
|
<div class="screenshot-box"><a href="#lightbox6"><img |
||||
|
src="./assets/screenshots/commits.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
<div class="carousel-item"> |
||||
|
<div class="screenshot-box"><a href="#lightbox19"><img |
||||
|
src="./assets/screenshots/commit_1.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-commit" |
||||
|
data-bs-slide="prev"><span class="carousel-control-prev-icon"></span></button> |
||||
|
<button class="carousel-control-next" type="button" data-bs-target="#carousel-commit" |
||||
|
data-bs-slide="next"><span class="carousel-control-next-icon"></span></button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="tab-pane fade" id="wf-pr"> |
||||
|
<h4>Pull Requests</h4> |
||||
|
<p>Monitor open, closed, and merged pull requests.</p> |
||||
|
<div id="carousel-pr" class="carousel slide mt-3" data-bs-ride="carousel"> |
||||
|
<div class="carousel-inner"> |
||||
|
<div class="carousel-item active"> |
||||
|
<div class="screenshot-box"><a href="#lightbox7"><img |
||||
|
src="./assets/screenshots/pr_view_1.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
<div class="carousel-item"> |
||||
|
<div class="screenshot-box"><a href="#lightbox20"><img |
||||
|
src="./assets/screenshots/pr_view_2.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-pr" |
||||
|
data-bs-slide="prev"><span class="carousel-control-prev-icon"></span></button> |
||||
|
<button class="carousel-control-next" type="button" data-bs-target="#carousel-pr" |
||||
|
data-bs-slide="next"><span class="carousel-control-next-icon"></span></button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="tab-pane fade" id="wf-issue"> |
||||
|
<h4>Issues</h4> |
||||
|
<p>Track issues per repositories and auto-link with tasks.</p> |
||||
|
<div id="carousel-is" class="carousel slide mt-3" data-bs-ride="carousel"> |
||||
|
<div class="carousel-inner"> |
||||
|
<div class="carousel-item active"> |
||||
|
<div class="screenshot-box"><a href="#lightbox8"><img src="./assets/screenshots/is_view_1.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
<div class="carousel-item"> |
||||
|
<div class="screenshot-box"><a href="#lightbox21"><img src="./assets/screenshots/is_view_2.png" |
||||
|
class="d-block w-100"/></a></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-is" |
||||
|
data-bs-slide="prev"><span class="carousel-control-prev-icon"></span></button> |
||||
|
<button class="carousel-control-next" type="button" data-bs-target="#carousel-is" |
||||
|
data-bs-slide="next"><span class="carousel-control-next-icon"></span></button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
</button> |
|
||||
</h2> |
|
||||
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" |
|
||||
data-bs-parent="#accordionExample"> |
|
||||
<div class="accordion-body" style="padding: 3rem; background: #0480e1; color: white;"> |
|
||||
Yes! You can generate and download a PDF report containing code violations, field counts, line-of-code |
|
||||
summaries, and maintainability scores for selected modules. |
|
||||
</div> |
|
||||
</div> |
</div> |
||||
</div> |
|
||||
</div> |
</div> |
||||
</div> |
|
||||
|
|
||||
<!-- Who Is This Module For? --> |
|
||||
<div class="container-fluid py-5 mb-5" style="max-width:1526.4px; margin-left:auto; margin-right:auto; padding-left:54px; padding-right:54px;"> |
|
||||
<h2 class="headmain" style="font-family: sans-serif; background-color: #b9ff66; width: max-content; padding: 5px 10px; margin-bottom: 1rem; border-radius: 8px; font-size: 2.3rem;">Who Is This Module For? </h2> |
|
||||
<div class="row row-cols-lg-3 row-cols-1 g-xl-4 g-3 "> |
|
||||
<div class="col"> |
|
||||
<div class="box box2 w-box" style="padding: 3rem; border-radius: 2rem; position: relative; min-height: 300px; border: 1px solid black; box-shadow: 0px 5px #000000; background-color: white !important; color: black !important;"> |
|
||||
<h3 style="border-bottom: 1px solid black !important; font-size: 1.5rem; padding-bottom: 1rem; margin-bottom: 1rem;">Odoo Developers</h3> |
|
||||
<p style="max-width: 350px; font-size: 1.1rem; font-weight: 500;color: black !important;"> Identify code issues early, follow best practices, and deliver cleaner, more maintainable modules.</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col"> |
|
||||
<div class="box box2 w-box" style="padding: 3rem; border-radius: 2rem; position: relative; min-height: 300px; border: 1px solid black; box-shadow: 0px 5px #000000; background-color: white !important; color: black !important;"> |
|
||||
<h3 style="border-bottom: 1px solid black !important; font-size: 1.5rem; padding-bottom: 1rem; margin-bottom: 1rem;">Code Reviewers</h3> |
|
||||
<p style="max-width: 350px; font-size: 1.1rem; font-weight: 500;color: black !important;"> Save time with automated insights into code quality, structure, and violations during reviews</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col"> |
|
||||
<div class="box box2 w-box" style="padding: 3rem; border-radius: 2rem; position: relative; min-height: 300px; border: 1px solid black; box-shadow: 0px 5px #000000; background-color: white !important; color: black !important;"> |
|
||||
<h3 style="border-bottom: 1px solid black !important; font-size: 1.5rem; padding-bottom: 1rem; margin-bottom: 1rem;">Technical Team Leads</h3> |
|
||||
<p style="max-width: 350px; font-size: 1.1rem; font-weight: 500;color: black !important;"> Ensure consistency across the team’s codebase and reduce long-term maintenance overhead</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col"> |
|
||||
<div class="box box2 w-box" style="padding: 3rem; border-radius: 2rem; position: relative; min-height: 300px; border: 1px solid black; box-shadow: 0px 5px #000000; background-color: white !important; color: black !important;"> |
|
||||
<h3 style="border-bottom: 1px solid black !important; font-size: 1.5rem; padding-bottom: 1rem; margin-bottom: 1rem;">QA and DevOps Teams</h3> |
|
||||
<p style="max-width: 350px; font-size: 1.1rem; font-weight: 500;color: black !important;">Validate module quality before deployment, catch risks early, and maintain stable environments.</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col"> |
|
||||
<div class="box box2 w-box" style="padding: 3rem; border-radius: 2rem; position: relative; min-height: 300px; border: 1px solid black; box-shadow: 0px 5px #000000; background-color: white !important; color: black !important;"> |
|
||||
<h3 style="border-bottom: 1px solid black !important; font-size: 1.5rem; padding-bottom: 1rem; margin-bottom: 1rem;">Clients and End Users</h3> |
|
||||
<p style="max-width: 350px; font-size: 1.1rem; font-weight: 500;color: black !important;">Gain confidence that installed modules meet quality standards and follow proper development practices, |
|
||||
reducing issues and improving reliability.</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
</div> |
||||
</div> |
</section> |
||||
|
|
||||
|
<!-- Lightbox Modals --> |
||||
|
<div id="lightbox1" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/config_settings.png"/></div> |
||||
|
<div id="lightbox2" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/repository_setup.png"/></div> |
||||
|
<div id="lightbox3" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/config_settings_3.png"/></div> |
||||
|
<div id="lightbox9" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/config_settings_1.png"/></div> |
||||
|
<div id="lightbox10" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/config_settings.png"/></div> |
||||
|
<div id="lightbox4" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/repository_setup_1.png"/></div> |
||||
|
<div id="lightbox11" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/repository_setup_2.png"/></div> |
||||
|
<div id="lightbox12" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/repository_setup_3.png"/></div> |
||||
|
<div id="lightbox13" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/repository_setup_4.png"/></div> |
||||
|
<div id="lightbox5" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/branch_management_1.png"/></div> |
||||
|
<div id="lightbox14" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/branch_management_2.png"/></div> |
||||
|
<div id="lightbox15" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/branch_management_3.png"/></div> |
||||
|
<div id="lightbox16" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/branch_management_4.png"/></div> |
||||
|
<div id="lightbox17" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/branch_management_5.png"/></div> |
||||
|
<div id="lightbox18" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/branch_management_6.png"/></div> |
||||
|
<div id="lightbox6" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/commits.png"/></div> |
||||
|
<div id="lightbox19" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/commit_1.png"/></div> |
||||
|
<div id="lightbox7" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/pr_view_1.png"/></div> |
||||
|
<div id="lightbox20" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/pr_view_2.png"/></div> |
||||
|
<div id="lightbox8" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/is_view_1.png"/></div> |
||||
|
<div id="lightbox21" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/is_view_2.png"/></div> |
||||
|
<div id="lightbox22" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/branch_management.png"/></div> |
||||
|
<div id="lightbox23" class="lightbox"><a href="#" class="lightbox-close">×</a><img |
||||
|
src="./assets/screenshots/commits.png"/></div> |
||||
|
|
||||
|
<!-- Footer --> |
||||
|
<div class="footer"> |
||||
|
<p>© 2025 Your Company | GitHub Odoo Integration</p> |
||||
|
</div> |
||||
|
|
||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> |
||||
</body> |
</body> |
||||
</html> |
</html> |
||||
Loading…
Reference in new issue