Oliver/ODOO4projects.com
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Unify all pages with homepage light theme: support, legal, and 9 blog posts (purple primary, light bg)

Browse Source
This commit is contained in:
Reef
2026-06-24 21:39:51 +00:00
parent b0cb28a79b
commit 88e9cbd9f5
11 changed files with 564 additions and 666 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blog/posts/guide-migrate-enterprise.html
+56 -48
View File
@@ -32,17 +32,23 @@
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<link rel="stylesheet" href="../../style.css" />
<style>
* {
box-sizing: border-box;
.blog-header {
padding: 2rem 0;
border-bottom: 1px solid var(--border);
}
body {
margin: 0;
font-family: Inter, sans-serif;
font-size: 1rem;
line-height: 1.7;
background: #08080c;
color: #e8e8f0;
.blog-header a {
color: var(--primary);
text-decoration: none;
font-size: 0.85rem;
}
.blog-header a:hover {
text-decoration: underline;
}
.container {
width: 80%;
@@ -55,27 +61,15 @@
width: 100%;
}
}
.blog-header {
padding: 2rem 0;
border-bottom: 1px solid #1a1a2e;
}
.blog-header a {
color: #00f5ff;
text-decoration: none;
font-size: 0.85rem;
}
.blog-header a:hover {
text-decoration: underline;
}
.post-title {
font-family: "Inter Tight", sans-serif;
font-size: clamp(1.5rem, 3vw, 2.2rem);
font-weight: 700;
margin: 1.5rem 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
}
.post-meta {
color: rgba(232, 232, 240, 0.5);
color: rgba(33, 37, 41, 0.5);
font-size: 0.85rem;
margin-bottom: 2rem;
}
@@ -83,10 +77,15 @@
font-family: "Inter Tight", sans-serif;
font-size: 1.3rem;
margin-top: 2rem;
color: #e8e8f0;
color: var(--dark);
}
.post-content p {
margin: 1rem 0;
color: rgba(33, 37, 41, 0.7);
line-height: 1.7;
}
.post-content a {
color: var(--primary);
}
.post-content ul,
.post-content ol {
@@ -94,36 +93,37 @@
}
.post-content li {
margin: 0.5rem 0;
color: rgba(33, 37, 41, 0.7);
}
.post-content code {
background: #12121c;
color: #00f5ff;
background: var(--light);
color: var(--dark);
padding: 0.2rem 0.4rem;
border-radius: 4px;
font-size: 0.9em;
}
.post-content pre {
background: #12121c;
color: #00f5ff;
background: var(--light);
color: var(--dark);
padding: 1rem;
border-radius: 0.6rem;
border-radius: var(--radius);
overflow-x: auto;
border: 1px solid #1a1a2e;
border: 1px solid var(--border);
font-size: 0.9rem;
}
.pro-tip {
border-left: 3px solid #00f5ff;
background: #010f20;
border-left: 3px solid var(--primary);
background: rgba(113, 75, 103, 0.04);
padding: 1rem 1.25rem;
margin: 1.5rem 0;
border-radius: 0 0.6rem 0.6rem 0;
}
.pro-tip strong {
color: #00f5ff;
color: var(--primary);
}
.cta-box {
border: 1px solid rgba(0, 245, 255, 0.2);
background: #12121c;
border: 1px solid var(--border);
background: #fff;
padding: 1.5rem;
margin: 2rem 0;
border-radius: 0.6rem;
@@ -131,34 +131,41 @@
}
.cta-box h3 {
margin: 0 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
}
.cta-box p {
margin: 0 0 1rem;
color: rgba(232, 232, 240, 0.7);
color: rgba(33, 37, 41, 0.7);
font-size: 0.9rem;
}
.cta-box .btn {
display: inline-block;
padding: 0.6rem 1.5rem;
background: #00f5ff;
color: #08080c;
text-decoration: none;
font-size: 0.9rem;
font-weight: 500;
border: 1px solid transparent;
border-radius: 0.5rem;
font-weight: 600;
font-size: 0.85rem;
transition: opacity 0.2s;
cursor: pointer;
text-decoration: none;
transition: all 0.2s;
}
.cta-box .btn:hover {
opacity: 0.85;
.cta-box .btn-primary {
color: #fff;
background: var(--primary);
border-color: var(--primary);
}
.cta-box .btn-primary:hover {
background: #5e3f55;
border-color: #5e3f55;
transform: translateY(-1px);
}
.post-footer {
padding: 2rem 0;
border-top: 1px solid #1a1a2e;
border-top: 1px solid var(--border);
margin-top: 2rem;
}
.post-footer a {
color: #00f5ff;
color: var(--primary);
text-decoration: none;
}
.post-footer a:hover {
@@ -227,7 +234,7 @@
Upgrade to Powerhouse and unlock Enterprise features
today.
</p>
<a href="../../index.html#pricing" class="btn"
<a href="../../index.html#pricing" class="btn btn-primary"
>View Powerhouse Plan</a
>
</div>
@@ -237,5 +244,6 @@
<a href="../../index.html#blog">&larr; Back to all posts</a>
</div>
</div>
<script defer src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"></script>
</body>
</html>
blog/posts/howto-ai-automation.html
+28 -33
View File
@@ -31,35 +31,30 @@
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="../../style.css" />
<style>
* {
box-sizing: border-box;
}
/* Blog post specific overrides — matching homepage light theme */
body {
margin: 0;
font-family: Inter, sans-serif;
font-size: 1rem;
line-height: 1.7;
background: #08080c;
color: #e8e8f0;
background: #fff;
color: #212529;
}
.container {
.blog-post-container {
width: 80%;
max-width: 800px;
margin: 0 auto;
padding: 0 20px;
}
@media (max-width: 768px) {
.container {
.blog-post-container {
width: 100%;
}
}
.blog-header {
padding: 2rem 0;
border-bottom: 1px solid #1a1a2e;
border-bottom: 1px solid #e5e3e0;
}
.blog-header a {
color: #00f5ff;
color: #65435c;
text-decoration: none;
font-size: 0.85rem;
}
@@ -71,10 +66,10 @@
font-size: clamp(1.5rem, 3vw, 2.2rem);
font-weight: 700;
margin: 1.5rem 0 0.5rem;
color: #e8e8f0;
color: #1b1319;
}
.post-meta {
color: rgba(232, 232, 240, 0.5);
color: rgba(33, 37, 41, 0.5);
font-size: 0.85rem;
margin-bottom: 2rem;
}
@@ -82,7 +77,7 @@
font-family: "Inter Tight", sans-serif;
font-size: 1.3rem;
margin-top: 2rem;
color: #e8e8f0;
color: #1b1319;
}
.post-content p {
margin: 1rem 0;
@@ -95,34 +90,34 @@
margin: 0.5rem 0;
}
.post-content code {
background: #12121c;
color: #00f5ff;
background: #f6f5f4;
color: #714b67;
padding: 0.2rem 0.4rem;
border-radius: 4px;
font-size: 0.9em;
}
.post-content pre {
background: #12121c;
color: #00f5ff;
background: #f6f5f4;
color: #1b1319;
padding: 1rem;
border-radius: 0.6rem;
overflow-x: auto;
border: 1px solid #1a1a2e;
border: 1px solid #e5e3e0;
font-size: 0.9rem;
}
.pro-tip {
border-left: 3px solid #00f5ff;
background: #010f20;
border-left: 3px solid #714b67;
background: #f6f5f4;
padding: 1rem 1.25rem;
margin: 1.5rem 0;
border-radius: 0 0.6rem 0.6rem 0;
}
.pro-tip strong {
color: #00f5ff;
color: #714b67;
}
.cta-box {
border: 1px solid rgba(0, 245, 255, 0.2);
background: #12121c;
border: 1px solid rgba(113, 75, 103, 0.2);
background: #f6f5f4;
padding: 1.5rem;
margin: 2rem 0;
border-radius: 0.6rem;
@@ -130,18 +125,18 @@
}
.cta-box h3 {
margin: 0 0 0.5rem;
color: #e8e8f0;
color: #1b1319;
}
.cta-box p {
margin: 0 0 1rem;
color: rgba(232, 232, 240, 0.7);
color: rgba(33, 37, 41, 0.55);
font-size: 0.9rem;
}
.cta-box .btn {
display: inline-block;
padding: 0.6rem 1.5rem;
background: #00f5ff;
color: #08080c;
background: #714b67;
color: #fff;
text-decoration: none;
border-radius: 0.5rem;
font-weight: 600;
@@ -153,11 +148,11 @@
}
.post-footer {
padding: 2rem 0;
border-top: 1px solid #1a1a2e;
border-top: 1px solid #e5e3e0;
margin-top: 2rem;
}
.post-footer a {
color: #00f5ff;
color: #65435c;
text-decoration: none;
}
.post-footer a:hover {
@@ -166,7 +161,7 @@
</style>
</head>
<body>
<div class="container">
<div class="blog-post-container">
<div class="blog-header">
<a href="../../index.html#blog">&larr; Back to Blog</a>
</div>
blog/posts/howto-custom-module.html
+45 -26
View File
@@ -32,7 +32,20 @@
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<link rel="stylesheet" href="../../style.css" />
<style>
:root {
--primary: #714b67;
--border: #e5e3e0;
--radius: 0.6rem;
--dark: #212529;
--light: #f8f9fa;
--bg: #ffffff;
}
* {
box-sizing: border-box;
}
@@ -41,8 +54,8 @@
font-family: Inter, sans-serif;
font-size: 1rem;
line-height: 1.7;
background: #08080c;
color: #e8e8f0;
background: var(--bg);
color: var(--dark);
}
.container {
width: 80%;
@@ -57,10 +70,10 @@
}
.blog-header {
padding: 2rem 0;
border-bottom: 1px solid #1a1a2e;
border-bottom: 1px solid var(--border);
}
.blog-header a {
color: #00f5ff;
color: var(--primary);
text-decoration: none;
font-size: 0.85rem;
}
@@ -72,10 +85,10 @@
font-size: clamp(1.5rem, 3vw, 2.2rem);
font-weight: 700;
margin: 1.5rem 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
}
.post-meta {
color: rgba(232, 232, 240, 0.5);
color: rgba(33, 37, 41, 0.5);
font-size: 0.85rem;
margin-bottom: 2rem;
}
@@ -83,10 +96,12 @@
font-family: "Inter Tight", sans-serif;
font-size: 1.3rem;
margin-top: 2rem;
color: #e8e8f0;
color: var(--dark);
}
.post-content p {
margin: 1rem 0;
color: rgba(33, 37, 41, 0.7);
line-height: 1.7;
}
.post-content ul,
.post-content ol {
@@ -95,54 +110,57 @@
.post-content li {
margin: 0.5rem 0;
}
.post-content a {
color: var(--primary);
}
.post-content code {
background: #12121c;
color: #00f5ff;
background: var(--light);
color: var(--dark);
padding: 0.2rem 0.4rem;
border-radius: 4px;
font-size: 0.9em;
}
.post-content pre {
background: #12121c;
color: #00f5ff;
background: var(--light);
color: var(--dark);
padding: 1rem;
border-radius: 0.6rem;
border-radius: var(--radius);
overflow-x: auto;
border: 1px solid #1a1a2e;
font-size: 0.9rem;
border: 1px solid var(--border);
font-size: 0.82rem;
}
.pro-tip {
border-left: 3px solid #00f5ff;
background: #010f20;
border-left: 3px solid var(--primary);
background: rgba(113, 75, 103, 0.04);
padding: 1rem 1.25rem;
margin: 1.5rem 0;
border-radius: 0 0.6rem 0.6rem 0;
}
.pro-tip strong {
color: #00f5ff;
color: var(--primary);
}
.cta-box {
border: 1px solid rgba(0, 245, 255, 0.2);
background: #12121c;
border: 1px solid var(--border);
background: var(--bg);
padding: 1.5rem;
margin: 2rem 0;
border-radius: 0.6rem;
border-radius: var(--radius);
text-align: center;
}
.cta-box h3 {
margin: 0 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
}
.cta-box p {
margin: 0 0 1rem;
color: rgba(232, 232, 240, 0.7);
color: rgba(33, 37, 41, 0.7);
font-size: 0.9rem;
}
.cta-box .btn {
display: inline-block;
padding: 0.6rem 1.5rem;
background: #00f5ff;
color: #08080c;
background: var(--primary);
color: #fff;
text-decoration: none;
border-radius: 0.5rem;
font-weight: 600;
@@ -154,11 +172,11 @@
}
.post-footer {
padding: 2rem 0;
border-top: 1px solid #1a1a2e;
border-top: 1px solid var(--border);
margin-top: 2rem;
}
.post-footer a {
color: #00f5ff;
color: var(--primary);
text-decoration: none;
}
.post-footer a:hover {
@@ -228,5 +246,6 @@
<a href="../../index.html#blog">&larr; Back to all posts</a>
</div>
</div>
<script defer src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"></script>
</body>
</html>
blog/posts/my-first-post.html
+46 -27
View File
@@ -32,7 +32,20 @@
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<link rel="stylesheet" href="../../style.css" />
<style>
:root {
--primary: #714b67;
--border: #e5e3e0;
--radius: 0.6rem;
--dark: #212529;
--light: #f8f9fa;
--bg: #ffffff;
}
* {
box-sizing: border-box;
}
@@ -41,8 +54,8 @@
font-family: Inter, sans-serif;
font-size: 1rem;
line-height: 1.7;
background: #08080c;
color: #e8e8f0;
background: var(--bg);
color: var(--dark);
}
.container {
width: 80%;
@@ -57,10 +70,10 @@
}
.blog-header {
padding: 2rem 0;
border-bottom: 1px solid #1a1a2e;
border-bottom: 1px solid var(--border);
}
.blog-header a {
color: #00f5ff;
color: var(--primary);
text-decoration: none;
font-size: 0.85rem;
}
@@ -72,10 +85,10 @@
font-size: clamp(1.5rem, 3vw, 2.2rem);
font-weight: 700;
margin: 1.5rem 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
}
.post-meta {
color: rgba(232, 232, 240, 0.5);
color: rgba(33, 37, 41, 0.5);
font-size: 0.85rem;
margin-bottom: 2rem;
}
@@ -83,10 +96,12 @@
font-family: "Inter Tight", sans-serif;
font-size: 1.3rem;
margin-top: 2rem;
color: #e8e8f0;
color: var(--dark);
}
.post-content p {
margin: 1rem 0;
color: rgba(33, 37, 41, 0.7);
line-height: 1.7;
}
.post-content ul,
.post-content ol {
@@ -95,54 +110,57 @@
.post-content li {
margin: 0.5rem 0;
}
.post-content a {
color: var(--primary);
}
.post-content code {
background: #12121c;
color: #00f5ff;
background: var(--light);
color: var(--dark);
padding: 0.2rem 0.4rem;
border-radius: 4px;
font-size: 0.9em;
}
.post-content pre {
background: #12121c;
color: #00f5ff;
background: var(--light);
color: var(--dark);
padding: 1rem;
border-radius: 0.6rem;
border-radius: var(--radius);
overflow-x: auto;
border: 1px solid #1a1a2e;
font-size: 0.9rem;
border: 1px solid var(--border);
font-size: 0.82rem;
}
.pro-tip {
border-left: 3px solid #00f5ff;
background: #010f20;
border-left: 3px solid var(--primary);
background: rgba(113, 75, 103, 0.04);
padding: 1rem 1.25rem;
margin: 1.5rem 0;
border-radius: 0 0.6rem 0.6rem 0;
}
.pro-tip strong {
color: #00f5ff;
color: var(--primary);
}
.cta-box {
border: 1px solid rgba(0, 245, 255, 0.2);
background: #12121c;
border: 1px solid var(--border);
background: var(--bg);
padding: 1.5rem;
margin: 2rem 0;
border-radius: 0.6rem;
border-radius: var(--radius);
text-align: center;
}
.cta-box h3 {
margin: 0 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
}
.cta-box p {
margin: 0 0 1rem;
color: rgba(232, 232, 240, 0.7);
color: rgba(33, 37, 41, 0.7);
font-size: 0.9rem;
}
.cta-box .btn {
display: inline-block;
padding: 0.6rem 1.5rem;
background: #00f5ff;
color: #08080c;
background: var(--primary);
color: #fff;
text-decoration: none;
border-radius: 0.5rem;
font-weight: 600;
@@ -154,11 +172,11 @@
}
.post-footer {
padding: 2rem 0;
border-top: 1px solid #1a1a2e;
border-top: 1px solid var(--border);
margin-top: 2rem;
}
.post-footer a {
color: #00f5ff;
color: var(--primary);
text-decoration: none;
}
.post-footer a:hover {
@@ -232,7 +250,7 @@ Admin credentials: sent via email</code></pre>
Pick a plan and launch your Odoo instance in
minutes.
</p>
<a href="../../index.html#pricing" class="btn"
<a href="../../index.html#pricing" class="btn btn-primary"
>View Plans</a
>
</div>
@@ -242,5 +260,6 @@ Admin credentials: sent via email</code></pre>
<a href="../../index.html#blog">&larr; Back to all posts</a>
</div>
</div>
<script defer src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"></script>
</body>
</html>
blog/posts/news-official-partner.html
+40 -19
View File
@@ -31,7 +31,18 @@
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<link rel="stylesheet" href="../../style.css" />
<style>
:root {
--primary: #714b67;
--dark: #212529;
--border: #e5e3e0;
--radius: 0.6rem;
}
* {
box-sizing: border-box;
}
@@ -40,8 +51,8 @@
font-family: Inter, sans-serif;
font-size: 1rem;
line-height: 1.7;
background: #08080c;
color: #e8e8f0;
background: #fff;
color: #212529;
}
.container {
width: 80%;
@@ -56,10 +67,10 @@
}
.blog-header {
padding: 2rem 0;
border-bottom: 1px solid #1a1a2e;
border-bottom: 1px solid var(--border);
}
.blog-header a {
color: #00f5ff;
color: var(--primary);
text-decoration: none;
font-size: 0.85rem;
}
@@ -71,10 +82,10 @@
font-size: clamp(1.5rem, 3vw, 2.2rem);
font-weight: 700;
margin: 1.5rem 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
}
.post-meta {
color: rgba(232, 232, 240, 0.5);
color: rgba(33, 37, 41, 0.5);
font-size: 0.85rem;
margin-bottom: 2rem;
}
@@ -82,10 +93,12 @@
font-family: "Inter Tight", sans-serif;
font-size: 1.3rem;
margin-top: 2rem;
color: #e8e8f0;
color: var(--dark);
}
.post-content p {
margin: 1rem 0;
color: rgba(33, 37, 41, 0.7);
line-height: 1.7;
}
.post-content ul,
.post-content ol {
@@ -93,20 +106,24 @@
}
.post-content li {
margin: 0.5rem 0;
color: rgba(33, 37, 41, 0.7);
}
.post-content a {
color: var(--primary);
}
.pro-tip {
border-left: 3px solid #00f5ff;
background: #010f20;
border-left: 3px solid var(--primary);
background: rgba(113, 75, 103, 0.04);
padding: 1rem 1.25rem;
margin: 1.5rem 0;
border-radius: 0 0.6rem 0.6rem 0;
}
.pro-tip strong {
color: #00f5ff;
color: var(--primary);
}
.cta-box {
border: 1px solid rgba(0, 245, 255, 0.2);
background: #12121c;
border: 1px solid var(--border);
background: #fff;
padding: 1.5rem;
margin: 2rem 0;
border-radius: 0.6rem;
@@ -114,18 +131,18 @@
}
.cta-box h3 {
margin: 0 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
}
.cta-box p {
margin: 0 0 1rem;
color: rgba(232, 232, 240, 0.7);
color: rgba(33, 37, 41, 0.7);
font-size: 0.9rem;
}
.cta-box .btn {
display: inline-block;
padding: 0.6rem 1.5rem;
background: #00f5ff;
color: #08080c;
background: var(--primary);
color: #fff;
text-decoration: none;
border-radius: 0.5rem;
font-weight: 600;
@@ -137,11 +154,11 @@
}
.post-footer {
padding: 2rem 0;
border-top: 1px solid #1a1a2e;
border-top: 1px solid var(--border);
margin-top: 2rem;
}
.post-footer a {
color: #00f5ff;
color: var(--primary);
text-decoration: none;
}
.post-footer a:hover {
@@ -203,7 +220,7 @@
Join thousands of businesses running on
ODOO4projects.
</p>
<a href="../../index.html#pricing" class="btn"
<a href="../../index.html#pricing" class="btn btn-primary"
>Get Started</a
>
</div>
@@ -213,5 +230,9 @@
<a href="../../index.html#blog">&larr; Back to all posts</a>
</div>
</div>
<script
defer
src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"
></script>
</body>
</html>
blog/posts/news-platform-update.html
+39 -18
View File
@@ -32,17 +32,28 @@
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<link rel="stylesheet" href="../../style.css" />
<style>
* {
box-sizing: border-box;
}
:root {
--primary: #714b67;
--border: #e5e3e0;
--dark: #1b1319;
--radius: 0.6rem;
}
body {
margin: 0;
font-family: Inter, sans-serif;
font-size: 1rem;
line-height: 1.7;
background: #08080c;
color: #e8e8f0;
background: #fff;
color: #212529;
}
.container {
width: 80%;
@@ -57,10 +68,10 @@
}
.blog-header {
padding: 2rem 0;
border-bottom: 1px solid #1a1a2e;
border-bottom: 1px solid var(--border);
}
.blog-header a {
color: #00f5ff;
color: var(--primary);
text-decoration: none;
font-size: 0.85rem;
}
@@ -72,10 +83,10 @@
font-size: clamp(1.5rem, 3vw, 2.2rem);
font-weight: 700;
margin: 1.5rem 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
}
.post-meta {
color: rgba(232, 232, 240, 0.5);
color: rgba(33, 37, 41, 0.5);
font-size: 0.85rem;
margin-bottom: 2rem;
}
@@ -83,10 +94,12 @@
font-family: "Inter Tight", sans-serif;
font-size: 1.3rem;
margin-top: 2rem;
color: #e8e8f0;
color: var(--dark);
}
.post-content p {
margin: 1rem 0;
color: rgba(33, 37, 41, 0.7);
line-height: 1.7;
}
.post-content ul,
.post-content ol {
@@ -95,19 +108,22 @@
.post-content li {
margin: 0.5rem 0;
}
.post-content a {
color: var(--primary);
}
.pro-tip {
border-left: 3px solid #00f5ff;
background: #010f20;
border-left: 3px solid var(--primary);
background: rgba(113, 75, 103, 0.04);
padding: 1rem 1.25rem;
margin: 1.5rem 0;
border-radius: 0 0.6rem 0.6rem 0;
}
.pro-tip strong {
color: #00f5ff;
color: var(--primary);
}
.cta-box {
border: 1px solid rgba(0, 245, 255, 0.2);
background: #12121c;
border: 1px solid var(--border);
background: #fff;
padding: 1.5rem;
margin: 2rem 0;
border-radius: 0.6rem;
@@ -115,18 +131,19 @@
}
.cta-box h3 {
margin: 0 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
font-family: "Inter Tight", sans-serif;
}
.cta-box p {
margin: 0 0 1rem;
color: rgba(232, 232, 240, 0.7);
color: rgba(33, 37, 41, 0.7);
font-size: 0.9rem;
}
.cta-box .btn {
display: inline-block;
padding: 0.6rem 1.5rem;
background: #00f5ff;
color: #08080c;
background: var(--primary);
color: #fff;
text-decoration: none;
border-radius: 0.5rem;
font-weight: 600;
@@ -138,11 +155,11 @@
}
.post-footer {
padding: 2rem 0;
border-top: 1px solid #1a1a2e;
border-top: 1px solid var(--border);
margin-top: 2rem;
}
.post-footer a {
color: #00f5ff;
color: var(--primary);
text-decoration: none;
}
.post-footer a:hover {
@@ -213,5 +230,9 @@
<a href="../../index.html#blog">&larr; Back to all posts</a>
</div>
</div>
<script
defer
src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"
></script>
</body>
</html>
blog/posts/odoocommunity-agents.html
+49 -54
View File
@@ -31,35 +31,25 @@
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<link rel="stylesheet" href="../../style.css" />
<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: Inter, sans-serif;
font-size: 1rem;
line-height: 1.7;
background: #08080c;
color: #e8e8f0;
}
.container {
width: 80%;
max-width: 800px;
margin: 0 auto;
padding: 0 20px;
}
@media (max-width: 768px) {
.container {
width: 100%;
}
/* Blog post specific styles — leverages CSS vars from style.css */
:root {
--primary: #714b67;
--border: #e5e3e0;
--dark: #1b1319;
--radius: 0.6rem;
}
.blog-header {
padding: 2rem 0;
border-bottom: 1px solid #1a1a2e;
border-bottom: 1px solid var(--border);
}
.blog-header a {
color: #00f5ff;
color: var(--primary);
text-decoration: none;
font-size: 0.85rem;
}
@@ -71,21 +61,24 @@
font-size: clamp(1.5rem, 3vw, 2.2rem);
font-weight: 700;
margin: 1.5rem 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
}
.post-meta {
color: rgba(232, 232, 240, 0.5);
color: rgba(33, 37, 41, 0.5);
font-size: 0.85rem;
margin-bottom: 2rem;
}
.post-content p {
color: rgba(33, 37, 41, 0.7);
line-height: 1.7;
margin: 1rem 0;
}
.post-content h2 {
font-family: "Inter Tight", sans-serif;
font-size: 1.3rem;
margin-top: 2rem;
color: #e8e8f0;
}
.post-content p {
margin: 1rem 0;
color: var(--dark);
font-weight: 600;
}
.post-content ul,
.post-content ol {
@@ -93,20 +86,32 @@
}
.post-content li {
margin: 0.5rem 0;
color: rgba(33, 37, 41, 0.7);
line-height: 1.7;
}
.post-content a {
color: var(--primary);
text-decoration: underline;
}
.post-content a:hover {
color: #5e3f55;
}
.pro-tip {
border-left: 3px solid #00f5ff;
background: #010f20;
border-left: 3px solid var(--primary);
background: rgba(113, 75, 103, 0.04);
padding: 1rem 1.25rem;
margin: 1.5rem 0;
border-radius: 0 0.6rem 0.6rem 0;
}
.pro-tip strong {
color: #00f5ff;
color: var(--primary);
}
.pro-tip p {
color: rgba(33, 37, 41, 0.7);
}
.cta-box {
border: 1px solid rgba(0, 245, 255, 0.2);
background: #12121c;
border: 1px solid var(--border);
background: #fff;
padding: 1.5rem;
margin: 2rem 0;
border-radius: 0.6rem;
@@ -114,34 +119,23 @@
}
.cta-box h3 {
margin: 0 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
font-family: "Inter Tight", sans-serif;
font-size: clamp(1.1rem, 2vw, 1.4rem);
font-weight: 600;
}
.cta-box p {
margin: 0 0 1rem;
color: rgba(232, 232, 240, 0.7);
color: rgba(33, 37, 41, 0.7);
font-size: 0.9rem;
}
.cta-box .btn {
display: inline-block;
padding: 0.6rem 1.5rem;
background: #00f5ff;
color: #08080c;
text-decoration: none;
border-radius: 0.5rem;
font-weight: 600;
font-size: 0.85rem;
transition: opacity 0.2s;
}
.cta-box .btn:hover {
opacity: 0.85;
}
.post-footer {
padding: 2rem 0;
border-top: 1px solid #1a1a2e;
border-top: 1px solid var(--border);
margin-top: 2rem;
}
.post-footer a {
color: #00f5ff;
color: var(--primary);
text-decoration: none;
}
.post-footer a:hover {
@@ -150,7 +144,7 @@
</style>
</head>
<body>
<div class="container">
<div class="container" style="width:80%; max-width:800px; margin:0 auto; padding:0 20px;">
<div class="blog-header">
<a href="../../index.html#blog">&larr; Back to Blog</a>
</div>
@@ -275,7 +269,7 @@
Start with any ODOO4projects plan and deploy your
first AI agent today.
</p>
<a href="../../index.html#pricing" class="btn"
<a href="../../index.html#pricing" class="btn btn-primary"
>Choose Your Plan</a
>
</div>
@@ -285,5 +279,6 @@
<a href="../../index.html#blog">&larr; Back to all posts</a>
</div>
</div>
<script defer src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"></script>
</body>
</html>
blog/posts/speed-run-backup.html
+36 -49
View File
@@ -31,18 +31,12 @@
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<link rel="stylesheet" href="../../style.css" />
<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: Inter, sans-serif;
font-size: 1rem;
line-height: 1.7;
background: #08080c;
color: #e8e8f0;
}
.container {
width: 80%;
max-width: 800px;
@@ -56,10 +50,10 @@
}
.blog-header {
padding: 2rem 0;
border-bottom: 1px solid #1a1a2e;
border-bottom: 1px solid var(--border);
}
.blog-header a {
color: #00f5ff;
color: var(--primary);
text-decoration: none;
font-size: 0.85rem;
}
@@ -71,10 +65,10 @@
font-size: clamp(1.5rem, 3vw, 2.2rem);
font-weight: 700;
margin: 1.5rem 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
}
.post-meta {
color: rgba(232, 232, 240, 0.5);
color: rgba(33, 37, 41, 0.5);
font-size: 0.85rem;
margin-bottom: 2rem;
}
@@ -82,10 +76,12 @@
font-family: "Inter Tight", sans-serif;
font-size: 1.3rem;
margin-top: 2rem;
color: #e8e8f0;
color: var(--dark);
}
.post-content p {
margin: 1rem 0;
color: rgba(33, 37, 41, 0.7);
line-height: 1.7;
}
.post-content ul,
.post-content ol {
@@ -94,70 +90,60 @@
.post-content li {
margin: 0.5rem 0;
}
.post-content a {
color: var(--primary);
}
.post-content code {
background: #12121c;
color: #00f5ff;
background: var(--light);
color: var(--dark);
padding: 0.2rem 0.4rem;
border-radius: 4px;
border-radius: var(--radius);
font-size: 0.9em;
border: 1px solid var(--border);
}
.post-content pre {
background: #12121c;
color: #00f5ff;
background: var(--light);
color: var(--dark);
padding: 1rem;
border-radius: 0.6rem;
border-radius: var(--radius);
overflow-x: auto;
border: 1px solid #1a1a2e;
border: 1px solid var(--border);
font-size: 0.9rem;
}
.pro-tip {
border-left: 3px solid #00f5ff;
background: #010f20;
border-left: 3px solid var(--primary);
background: rgba(113, 75, 103, 0.04);
padding: 1rem 1.25rem;
margin: 1.5rem 0;
border-radius: 0 0.6rem 0.6rem 0;
border-radius: 0 var(--radius) var(--radius) 0;
}
.pro-tip strong {
color: #00f5ff;
color: var(--primary);
}
.cta-box {
border: 1px solid rgba(0, 245, 255, 0.2);
background: #12121c;
border: 1px solid var(--border);
background: #fff;
padding: 1.5rem;
margin: 2rem 0;
border-radius: 0.6rem;
border-radius: var(--radius);
text-align: center;
}
.cta-box h3 {
margin: 0 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
}
.cta-box p {
margin: 0 0 1rem;
color: rgba(232, 232, 240, 0.7);
color: rgba(33, 37, 41, 0.7);
font-size: 0.9rem;
}
.cta-box .btn {
display: inline-block;
padding: 0.6rem 1.5rem;
background: #00f5ff;
color: #08080c;
text-decoration: none;
border-radius: 0.5rem;
font-weight: 600;
font-size: 0.85rem;
transition: opacity 0.2s;
}
.cta-box .btn:hover {
opacity: 0.85;
}
.post-footer {
padding: 2rem 0;
border-top: 1px solid #1a1a2e;
border-top: 1px solid var(--border);
margin-top: 2rem;
}
.post-footer a {
color: #00f5ff;
color: var(--primary);
text-decoration: none;
}
.post-footer a:hover {
@@ -210,7 +196,7 @@ Recommended: Daily at 02:00 UTC, 14-day retention</code></pre>
<p>
All ODOO4projects plans include automated backups.
</p>
<a href="../../index.html#pricing" class="btn"
<a href="../../index.html#pricing" class="btn btn-primary"
>Choose a Plan</a
>
</div>
@@ -220,5 +206,6 @@ Recommended: Daily at 02:00 UTC, 14-day retention</code></pre>
<a href="../../index.html#blog">&larr; Back to all posts</a>
</div>
</div>
<script defer src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"></script>
</body>
</html>
blog/posts/speed-run-deploy.html
+43 -39
View File
@@ -31,17 +31,19 @@
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<link rel="stylesheet" href="../../style.css" />
<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: Inter, sans-serif;
font-size: 1rem;
line-height: 1.7;
background: #08080c;
color: #e8e8f0;
:root {
--primary: #714b67;
--secondary: #f0cda8;
--dark: #1b1319;
--light: #f6f5f4;
--border: #e5e3e0;
--radius: 0.6rem;
}
.container {
width: 80%;
@@ -56,10 +58,10 @@
}
.blog-header {
padding: 2rem 0;
border-bottom: 1px solid #1a1a2e;
border-bottom: 1px solid var(--border);
}
.blog-header a {
color: #00f5ff;
color: var(--primary);
text-decoration: none;
font-size: 0.85rem;
}
@@ -71,10 +73,10 @@
font-size: clamp(1.5rem, 3vw, 2.2rem);
font-weight: 700;
margin: 1.5rem 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
}
.post-meta {
color: rgba(232, 232, 240, 0.5);
color: rgba(33, 37, 41, 0.5);
font-size: 0.85rem;
margin-bottom: 2rem;
}
@@ -82,10 +84,12 @@
font-family: "Inter Tight", sans-serif;
font-size: 1.3rem;
margin-top: 2rem;
color: #e8e8f0;
color: var(--dark);
}
.post-content p {
margin: 1rem 0;
color: rgba(33, 37, 41, 0.7);
line-height: 1.7;
}
.post-content ul,
.post-content ol {
@@ -94,54 +98,57 @@
.post-content li {
margin: 0.5rem 0;
}
.post-content a {
color: var(--primary);
}
.post-content code {
background: #12121c;
color: #00f5ff;
background: var(--light);
color: var(--dark);
padding: 0.2rem 0.4rem;
border-radius: 4px;
font-size: 0.9em;
}
.post-content pre {
background: #12121c;
color: #00f5ff;
background: var(--light);
color: var(--dark);
padding: 1rem;
border-radius: 0.6rem;
border-radius: var(--radius);
overflow-x: auto;
border: 1px solid #1a1a2e;
border: 1px solid var(--border);
font-size: 0.9rem;
}
.pro-tip {
border-left: 3px solid #00f5ff;
background: #010f20;
border-left: 3px solid var(--primary);
background: rgba(113, 75, 103, 0.04);
padding: 1rem 1.25rem;
margin: 1.5rem 0;
border-radius: 0 0.6rem 0.6rem 0;
}
.pro-tip strong {
color: #00f5ff;
color: var(--primary);
}
.cta-box {
border: 1px solid rgba(0, 245, 255, 0.2);
background: #12121c;
border: 1px solid var(--border);
background: #fff;
padding: 1.5rem;
margin: 2rem 0;
border-radius: 0.6rem;
border-radius: var(--radius);
text-align: center;
}
.cta-box h3 {
margin: 0 0 0.5rem;
color: #e8e8f0;
color: var(--dark);
}
.cta-box p {
margin: 0 0 1rem;
color: rgba(232, 232, 240, 0.7);
color: rgba(33, 37, 41, 0.7);
font-size: 0.9rem;
}
.cta-box .btn {
display: inline-block;
padding: 0.6rem 1.5rem;
background: #00f5ff;
color: #08080c;
background: var(--primary);
color: #fff;
text-decoration: none;
border-radius: 0.5rem;
font-weight: 600;
@@ -153,11 +160,11 @@
}
.post-footer {
padding: 2rem 0;
border-top: 1px solid #1a1a2e;
border-top: 1px solid var(--border);
margin-top: 2rem;
}
.post-footer a {
color: #00f5ff;
color: var(--primary);
text-decoration: none;
}
.post-footer a:hover {
@@ -184,11 +191,7 @@
<h2>Step 1: Choose a Plan</h2>
<p>
Visit our
<a
href="../../index.html#pricing"
style="color: #00f5ff"
>pricing page</a
>
<a href="../../index.html#pricing">pricing page</a>
and select the plan that fits your needs. For testing,
Side Hustle is perfect. For production, go with On the
Rise or Powerhouse.
@@ -223,7 +226,7 @@ Password: (check your email)</code></pre>
From zero to live in under 5 minutes &mdash; no
credit card required to start.
</p>
<a href="../../index.html#pricing" class="btn"
<a href="../../index.html#pricing" class="btn btn-primary"
>Choose Your Plan</a
>
</div>
@@ -233,5 +236,6 @@ Password: (check your email)</code></pre>
<a href="../../index.html#blog">&larr; Back to all posts</a>
</div>
</div>
<script defer src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"></script>
</body>
</html>
legal.html
+48 -122
View File
@@ -7,155 +7,100 @@
name="description"
content="Legal information for ODOO4projects LLC — company details, contact, image credits, and trademark notices."
/>
<title>
Legal | ODOO4projects - Odoo Hosting, AI Consulting &amp; N8N Automation
</title>
<title>Legal | ODOO4projects</title>
<link rel="canonical" href="https://ODOO4projects.com/legal" />
<meta
property="og:title"
content="Legal | ODOO4projects - Odoo Hosting, AI Consulting &amp; N8N Automation"
/>
<meta
property="og:description"
content="Legal information for ODOO4projects LLC — company details, contact, image credits, and trademark notices."
/>
<meta property="og:title" content="Legal | ODOO4projects" />
<meta property="og:description" content="Legal information for ODOO4projects LLC." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://ODOO4projects.com/legal" />
<meta name="twitter:card" content="summary_large_image" />
<link rel="icon" href="images/favicon.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
rel="preload"
as="style"
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
/>
<link
rel="preload"
as="style"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
media="print"
onload="this.media='all'"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
media="print"
onload="this.media='all'"
/>
<link rel="stylesheet" href="style.css" />
<style>
.legal-hero {
background: linear-gradient(135deg, #0a0a14 0%, #12121c 50%, #1a0a20 100%);
padding: 5rem 0 3rem;
padding: 4rem 0 2.5rem;
text-align: center;
border-bottom: 1px solid #1a1a2e;
background: var(--light);
border-bottom: 1px solid var(--border);
}
.legal-hero h1 {
font-size: clamp(2rem, 4vw, 3rem);
color: #e8e8f0;
margin-bottom: 0.5rem;
font-size: clamp(1.8rem, 3.2vw, 2.8rem);
color: var(--dark);
}
.legal-content {
padding: 4rem 0;
background: #08080c;
.legal-section {
padding: 3rem 0 4rem;
}
.legal-content .container {
max-width: 720px;
.legal-section .container {
max-width: 700px;
}
.legal-card {
background: #12121c;
border: 1px solid #1a1a2e;
border-radius: 0.8rem;
padding: 2rem;
margin-bottom: 1.5rem;
background: #fff;
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: 1.75rem;
margin-bottom: 1.25rem;
}
.legal-card:last-child {
margin-bottom: 0;
}
.legal-card h2 {
color: #00f5ff;
font-size: 1.1rem;
font-size: 1.05rem;
font-weight: 600;
margin-bottom: 1rem;
color: var(--primary);
margin-bottom: 0.75rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid #1a1a2e;
border-bottom: 1px solid var(--border);
}
.legal-card p {
color: rgba(232, 232, 240, 0.75);
.legal-card p,
.legal-card .address {
color: rgba(33, 37, 41, 0.7);
font-size: 0.88rem;
line-height: 1.7;
margin-bottom: 0.5rem;
}
.legal-card p:last-child {
margin-bottom: 0;
margin-bottom: 0.4rem;
}
.legal-card strong {
color: #e8e8f0;
}
.legal-card a {
color: #00f5ff;
text-decoration: none;
}
.legal-card a:hover {
text-decoration: underline;
}
.legal-card .address {
color: rgba(232, 232, 240, 0.6);
font-size: 0.85rem;
line-height: 1.6;
color: var(--dark);
}
.legal-card .contact-email {
color: #00f5ff;
color: var(--primary);
font-weight: 500;
}
.image-credits {
display: flex;
flex-direction: column;
gap: 0.35rem;
gap: 0.3rem;
}
.image-credits .credit-row {
color: rgba(232, 232, 240, 0.6);
color: rgba(33, 37, 41, 0.6);
font-size: 0.82rem;
}
.image-credits .credit-row a {
color: #00f5ff;
color: var(--primary);
}
.trademark-notice {
background: rgba(0, 245, 255, 0.05);
border: 1px solid rgba(0, 245, 255, 0.15);
border-radius: 0.5rem;
background: rgba(113, 75, 103, 0.04);
border: 1px solid rgba(113, 75, 103, 0.15);
border-radius: var(--radius);
padding: 1rem 1.25rem;
margin-top: 0.5rem;
}
.trademark-notice p {
color: rgba(232, 232, 240, 0.65);
font-size: 0.82rem;
margin: 0;
color: rgba(33, 37, 41, 0.6);
}
@media (max-width: 768px) {
.legal-hero {
padding: 3rem 0 2rem;
}
.legal-card {
padding: 1.25rem;
}
}
.blog-header {
padding: 2rem 0;
border-bottom: 1px solid #1a1a2e;
}
.blog-header a {
color: #00f5ff;
text-decoration: none;
font-size: 0.85rem;
}
.blog-header a:hover {
text-decoration: underline;
.legal-hero { padding: 2.5rem 0 1.5rem; }
.legal-card { padding: 1.25rem; }
}
</style>
</head>
@@ -172,7 +117,7 @@
</div>
</section>
<section class="legal-content">
<section class="legal-section">
<div class="container">
<div class="legal-card">
<h2>Company Information</h2>
@@ -181,52 +126,33 @@
30 N Gould St, STE R, Sheridan<br />
WY 82801, USA
</p>
<p style="margin-top: 1rem;">
Contact via Mail: <span class="contact-email">support@ODOO4projects.com</span>
<p style="margin-top: 0.75rem;">
Contact: <span class="contact-email">support@ODOO4projects.com</span>
</p>
</div>
<div class="legal-card">
<h2>Image Credits</h2>
<div class="image-credits">
<span class="credit-row">
<a href="https://pixabay.com/de/users/rafael_neddermeyer-5342045/" target="_blank" rel="noopener">Rafael_Neddermeyer</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a>
</span>
<span class="credit-row">
<a href="https://pixabay.com/de/users/nuno_lopes-27925/" target="_blank" rel="noopener">Nuno Lopes</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a>
</span>
<span class="credit-row">
<a href="https://pixabay.com/de/users/liushuquan-600749/" target="_blank" rel="noopener">liushuquan</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a>
</span>
<span class="credit-row">
von <a href="https://pixabay.com/de/users/iulian_ursache-17029687/" target="_blank" rel="noopener">Iulian Ursache</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a>
</span>
<span class="credit-row">
<a href="https://pixabay.com/de/users/pattyjansen-154933/" target="_blank" rel="noopener">Patty Jansen</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a>
</span>
<span class="credit-row">
<a href="https://pixabay.com/de/users/ananddhumal-5250062/" target="_blank" rel="noopener">Anand Dhumal</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a>
</span>
<span class="credit-row">
<a href="https://pixabay.com/users/giulivec-7339391/" target="_blank" rel="noopener">Giuliana Vecchi</a> from <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a>
</span>
<span class="credit-row"><a href="https://pixabay.com/de/users/rafael_neddermeyer-5342045/" target="_blank" rel="noopener">Rafael_Neddermeyer</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a></span>
<span class="credit-row"><a href="https://pixabay.com/de/users/nuno_lopes-27925/" target="_blank" rel="noopener">Nuno Lopes</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a></span>
<span class="credit-row"><a href="https://pixabay.com/de/users/liushuquan-600749/" target="_blank" rel="noopener">liushuquan</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a></span>
<span class="credit-row">von <a href="https://pixabay.com/de/users/iulian_ursache-17029687/" target="_blank" rel="noopener">Iulian Ursache</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a></span>
<span class="credit-row"><a href="https://pixabay.com/de/users/pattyjansen-154933/" target="_blank" rel="noopener">Patty Jansen</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a></span>
<span class="credit-row"><a href="https://pixabay.com/de/users/ananddhumal-5250062/" target="_blank" rel="noopener">Anand Dhumal</a> auf <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a></span>
<span class="credit-row"><a href="https://pixabay.com/users/giulivec-7339391/" target="_blank" rel="noopener">Giuliana Vecchi</a> from <a href="https://pixabay.com/" target="_blank" rel="noopener">Pixabay</a></span>
</div>
</div>
<div class="legal-card">
<h2>Trademark Notice</h2>
<div class="trademark-notice">
<p>
Odoo<sup>&reg;</sup> is a trademark of Odoo S.A. This site is totally independent of Odoo S.A.
</p>
<p>Odoo<sup>&reg;</sup> is a trademark of Odoo S.A. This site is totally independent of Odoo S.A.</p>
</div>
</div>
</div>
</section>
<script
defer
src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"
></script>
<script defer src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"></script>
</body>
</html>
support.html
+127 -224
View File
@@ -7,123 +7,102 @@
name="description"
content="Support and FAQ for ODOO4projects hosting. Get help with your Odoo instance, modules, backups, domains, and more."
/>
<title>
Support | ODOO4projects - Odoo Hosting, AI Consulting &amp; N8N Automation
</title>
<title>Support | ODOO4projects</title>
<link rel="canonical" href="https://ODOO4projects.com/support" />
<meta
property="og:title"
content="Support | ODOO4projects - Odoo Hosting, AI Consulting &amp; N8N Automation"
/>
<meta
property="og:description"
content="Support and FAQ for ODOO4projects hosting. Get help with your Odoo instance, modules, backups, domains, and more."
/>
<meta property="og:title" content="Support | ODOO4projects" />
<meta property="og:description" content="Support and FAQ for ODOO4projects hosting." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://ODOO4projects.com/support" />
<meta name="twitter:card" content="summary_large_image" />
<link rel="icon" href="images/favicon.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
rel="preload"
as="style"
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
/>
<link
rel="preload"
as="style"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
media="print"
onload="this.media='all'"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
media="print"
onload="this.media='all'"
/>
<link rel="stylesheet" href="style.css" />
<style>
/* ---- Support Page Specific ---- */
/* ---- Support Hero ---- */
.support-hero {
background: linear-gradient(135deg, #0a0a14 0%, #12121c 50%, #1a0a20 100%);
padding: 5rem 0 3rem;
padding: 4rem 0 2.5rem;
text-align: center;
border-bottom: 1px solid #1a1a2e;
background: var(--light);
border-bottom: 1px solid var(--border);
}
.support-hero h1 {
font-size: clamp(2rem, 4vw, 3rem);
color: #e8e8f0;
margin-bottom: 1rem;
font-size: clamp(1.8rem, 3.2vw, 2.8rem);
color: var(--dark);
}
.support-hero p {
color: rgba(232, 232, 240, 0.7);
font-size: 1.05rem;
max-width: 720px;
max-width: 680px;
margin: 0 auto;
color: rgba(33, 37, 41, 0.7);
font-size: 1rem;
line-height: 1.7;
}
.support-hero strong {
color: #00f5ff;
color: var(--primary);
}
/* ---- FAQ Section ---- */
.faq-section {
padding: 4rem 0;
background: #08080c;
padding: 3rem 0 4rem;
}
.faq-section h2 {
text-align: center;
color: #e8e8f0;
margin-bottom: 2.5rem;
margin-bottom: 2rem;
color: var(--dark);
}
.faq-tabs {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
gap: 0.4rem;
justify-content: center;
margin-bottom: 2.5rem;
margin-bottom: 2rem;
}
.faq-tab-btn {
background: #12121c;
border: 1px solid #1a1a2e;
color: rgba(232, 232, 240, 0.6);
padding: 0.7rem 1.4rem;
border-radius: 0.5rem;
padding: 0.55rem 1.1rem;
border-radius: var(--radius);
border: 1px solid var(--border);
background: #fff;
cursor: pointer;
font-family: "Inter Tight", sans-serif;
font-size: 0.82rem;
font-weight: 500;
color: #212529;
transition: all 0.2s;
text-align: center;
line-height: 1.3;
}
.faq-tab-btn small {
display: block;
font-size: 0.7rem;
font-weight: 400;
opacity: 0.7;
margin-top: 0.15rem;
color: rgba(33, 37, 41, 0.5);
margin-top: 0.1rem;
}
.faq-tab-btn:hover {
border-color: rgba(0, 245, 255, 0.3);
color: #e8e8f0;
border-color: var(--primary);
color: var(--primary);
}
.faq-tab-btn.active {
background: rgba(0, 245, 255, 0.1);
border-color: #00f5ff;
color: #00f5ff;
background: linear-gradient(135deg, rgba(113,75,103,0.08), rgba(113,75,103,0.03));
border-color: var(--primary);
color: var(--primary);
font-weight: 600;
}
.faq-tab-btn.active small {
color: rgba(113, 75, 103, 0.6);
}
.faq-panel {
display: none;
max-width: 800px;
max-width: 720px;
margin: 0 auto;
}
.faq-panel.active {
@@ -131,36 +110,36 @@
}
.faq-item {
border: 1px solid #1a1a2e;
border-radius: 0.6rem;
margin-bottom: 0.75rem;
border: 1px solid var(--border);
border-radius: var(--radius);
margin-bottom: 0.6rem;
overflow: hidden;
background: #0d0d18;
background: #fff;
}
.faq-question {
width: 100%;
background: none;
border: none;
padding: 1rem 1.25rem;
padding: 0.9rem 1.1rem;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
color: #e8e8f0;
color: var(--dark);
font-family: "Inter Tight", sans-serif;
font-size: 0.9rem;
font-size: 0.88rem;
font-weight: 500;
text-align: left;
transition: background 0.2s;
gap: 1rem;
}
.faq-question:hover {
background: rgba(0, 245, 255, 0.03);
background: var(--light);
}
.faq-question .faq-icon {
flex-shrink: 0;
font-size: 0.75rem;
color: rgba(0, 245, 255, 0.6);
font-size: 0.7rem;
color: var(--primary);
transition: transform 0.3s;
}
.faq-question.open .faq-icon {
@@ -168,8 +147,8 @@
}
.faq-answer {
display: none;
padding: 0 1.25rem 1rem;
color: rgba(232, 232, 240, 0.75);
padding: 0 1.1rem 0.9rem;
color: rgba(33, 37, 41, 0.7);
font-size: 0.88rem;
line-height: 1.7;
}
@@ -183,47 +162,54 @@
.faq-answer li {
margin: 0.3rem 0;
}
.faq-answer a {
color: var(--primary);
text-decoration: underline;
}
.faq-answer strong {
color: var(--dark);
}
/* ---- Contact Form ---- */
/* ---- Contact Section ---- */
.contact-section {
padding: 4rem 0 5rem;
background: #0a0a14;
border-top: 1px solid #1a1a2e;
padding: 3rem 0 4rem;
background: var(--light);
border-top: 1px solid var(--border);
}
.contact-section h2 {
text-align: center;
color: #e8e8f0;
margin-bottom: 2rem;
color: var(--dark);
}
.contact-form {
max-width: 620px;
max-width: 580px;
margin: 0 auto;
background: #12121c;
border: 1px solid #1a1a2e;
border-radius: 0.8rem;
background: #fff;
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: 2rem;
}
.form-group {
margin-bottom: 1.25rem;
margin-bottom: 1.1rem;
}
.form-group label {
display: block;
color: rgba(232, 232, 240, 0.7);
color: rgba(33, 37, 41, 0.6);
font-size: 0.82rem;
font-weight: 500;
margin-bottom: 0.35rem;
margin-bottom: 0.3rem;
}
.form-group label .required {
color: #ff4d6a;
color: #dc3545;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 0.7rem 0.9rem;
background: #08080c;
border: 1px solid #1a1a2e;
border-radius: 0.5rem;
color: #e8e8f0;
padding: 0.65rem 0.85rem;
background: #fff;
border: 1px solid var(--border);
border-radius: var(--radius);
color: var(--dark);
font-family: Inter, sans-serif;
font-size: 0.88rem;
transition: border-color 0.2s;
@@ -232,73 +218,35 @@
.form-group input:focus,
.form-group textarea:focus {
outline: none;
border-color: #00f5ff;
}
.form-group input::placeholder,
.form-group textarea::placeholder {
color: rgba(232, 232, 240, 0.3);
border-color: var(--primary);
}
.form-group textarea {
min-height: 100px;
min-height: 90px;
resize: vertical;
}
.contact-form .btn {
width: 100%;
padding: 0.75rem;
background: #00f5ff;
color: #08080c;
border: none;
border-radius: 0.5rem;
font-family: "Inter Tight", sans-serif;
font-size: 0.95rem;
font-weight: 600;
cursor: pointer;
transition: opacity 0.2s;
}
.contact-form .btn:hover {
opacity: 0.85;
}
.contact-form .btn:disabled {
opacity: 0.5;
cursor: not-allowed;
padding: 0.7rem;
}
.form-success {
display: none;
background: rgba(0, 245, 255, 0.08);
border: 1px solid rgba(0, 245, 255, 0.25);
border-radius: 0.5rem;
padding: 1rem;
background: #d4edda;
border: 1px solid #c3e6cb;
border-radius: var(--radius);
padding: 0.8rem 1rem;
text-align: center;
color: #00f5ff;
color: #155724;
margin-top: 1rem;
font-size: 0.88rem;
}
.form-success.visible {
display: block;
}
@media (max-width: 768px) {
.support-hero {
padding: 3rem 0 2rem;
}
.faq-tab-btn {
padding: 0.5rem 1rem;
font-size: 0.75rem;
}
.contact-form {
padding: 1.25rem;
}
}
.blog-header {
padding: 2rem 0;
border-bottom: 1px solid #1a1a2e;
}
.blog-header a {
color: #00f5ff;
text-decoration: none;
font-size: 0.85rem;
}
.blog-header a:hover {
text-decoration: underline;
.support-hero { padding: 2.5rem 0 1.5rem; }
.faq-tab-btn { padding: 0.4rem 0.8rem; font-size: 0.75rem; }
.contact-form { padding: 1.25rem; }
}
</style>
</head>
@@ -333,11 +281,11 @@
</button>
<button class="faq-tab-btn" data-tab="advanced">
Advanced Users
<small>Install Modules, configure Backup, ...</small>
<small>Install Modules, configure Backup</small>
</button>
<button class="faq-tab-btn" data-tab="trouble">
Trouble Shooting
<small>Service is unavailable, git push does not work</small>
<small>Service is unavailable</small>
</button>
<button class="faq-tab-btn" data-tab="commercial">
Commercial
@@ -360,13 +308,13 @@
<p>We provide a vanilla Odoo installation, which means your Odoo comes empty but fully ready for <strong>you to customize</strong> with the apps your business needs. To get started, go to the Apps menu, browse the available apps, and click Install — each app will appear in your main menu once installed, ready to use.</p>
<p>Here are some examples for different types of businesses:</p>
<ul>
<li><strong>Manufacturing unit</strong>: Install the Manufacturing and Inventory/Logistics apps to manage production orders, stock, and deliveries.</li>
<li><strong>Online store</strong>: Install Website, eCommerce, and Sales apps to sell products online and manage orders.</li>
<li><strong>Service company</strong>: Install Project and Timesheets apps to manage tasks, track work hours, and invoice clients.</li>
<li><strong>Retail shop</strong>: Install Point of Sale (POS) and Inventory apps to manage in-store sales and stock.</li>
<li><strong>Accounting firm</strong>: Install Accounting and Invoicing apps to handle client billing, reporting, and bank reconciliation.</li>
<li><strong>Marketing agency</strong>: Install CRM, Marketing, and Email Marketing apps to manage leads, campaigns, and customer communications.</li>
<li><strong>Event company</strong>: Install Events and Website apps to manage event registrations, ticket sales, and promotions.</li>
<li><strong>Manufacturing unit</strong>: Install the Manufacturing and Inventory/Logistics apps.</li>
<li><strong>Online store</strong>: Install Website, eCommerce, and Sales apps.</li>
<li><strong>Service company</strong>: Install Project and Timesheets apps.</li>
<li><strong>Retail shop</strong>: Install Point of Sale (POS) and Inventory apps.</li>
<li><strong>Accounting firm</strong>: Install Accounting and Invoicing apps.</li>
<li><strong>Marketing agency</strong>: Install CRM, Marketing, and Email Marketing apps.</li>
<li><strong>Event company</strong>: Install Events and Website apps.</li>
</ul>
<p>No matter your business type, you can pick the apps that match your needs, and gradually build your Odoo system step by step.</p>
</div>
@@ -378,8 +326,7 @@
</button>
<div class="faq-answer">
<p>Open the Apps menu, search for the app you want, and click Install. Once installed, the app will appear in your main menu, ready to use. For additional apps not included by default, you can also install them via Git or use our one-click Quick Git feature for faster setup.</p>
<p>All Odoo Community apps are included, and more free apps can be found at <a href="https://odoo-community.org/" target="_blank" rel="noopener" style="color: #00f5ff;">https://odoo-community.org/</a></p>
<p>It's always a good idea to become a member of the Odoo Community Association (OCA) and support their work.</p>
<p>All Odoo Community apps are included, and more free apps can be found at <a href="https://odoo-community.org/" target="_blank" rel="noopener">odoo-community.org</a>.</p>
</div>
</div>
<div class="faq-item">
@@ -388,8 +335,8 @@
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
</button>
<div class="faq-answer">
<p>To send emails from Odoo, you need to configure an Outgoing Mail Server. Go to Settings &rarr; Technical &rarr; Email &rarr; Outgoing Mail Servers and enter your email server details, such as SMTP server, port, username, and password. You can get the SMTP server information from your domain or email provider — they usually provide these details in their support or control panel. After entering the information, test the connection to ensure it works correctly.</p>
<p>If you also want to receive emails in Odoo, you can set up Incoming Mail Servers under the same menu, using the IMAP/POP3 details from your provider. This allows Odoo to handle both outgoing and incoming messages seamlessly.</p>
<p>To send emails from Odoo, you need to configure an Outgoing Mail Server. Go to Settings &rarr; Technical &rarr; Email &rarr; Outgoing Mail Servers and enter your email server details, such as SMTP server, port, username, and password. You can get the SMTP server information from your domain or email provider. After entering the information, test the connection to ensure it works correctly.</p>
<p>If you also want to receive emails in Odoo, you can set up Incoming Mail Servers under the same menu, using the IMAP/POP3 details from your provider.</p>
</div>
</div>
<div class="faq-item">
@@ -421,7 +368,7 @@
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
</button>
<div class="faq-answer">
<p>The backup job runs as a scheduled action within Odoo, ensuring your data is regularly saved. You can access and manage this job only when Development Mode is enabled, which allows you to view technical settings and scheduled actions that are otherwise hidden in the standard interface. This way, you can review, adjust, or trigger backups as needed to keep your system secure and up to date.</p>
<p>The backup job runs as a scheduled action within Odoo, ensuring your data is regularly saved. You can access and manage this job only when Development Mode is enabled, which allows you to view technical settings and scheduled actions that are otherwise hidden in the standard interface. This way, you can review, adjust, or trigger backups as needed.</p>
</div>
</div>
<div class="faq-item">
@@ -430,7 +377,7 @@
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
</button>
<div class="faq-answer">
<p>We store backups in slots, which are retained until they are overwritten. Backups are managed using a first-in, first-out (FIFO) queue, which is the standard approach for ERP systems. When a backup is overwritten, it is permanently deleted. If you need to keep more backups, you can upgrade your contract and purchase additional slots to increase your storage capacity.</p>
<p>We store backups in slots, which are retained until they are overwritten. Backups are managed using a first-in, first-out (FIFO) queue. When a backup is overwritten, it is permanently deleted. If you need to keep more backups, you can upgrade your contract and purchase additional slots.</p>
</div>
</div>
<div class="faq-item">
@@ -439,8 +386,8 @@
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
</button>
<div class="faq-answer">
<p>To route your domain to Odoo, you first need to update the A record at your domain provider. This record links your domain name to our server's IP address, ensuring that visitors are directed to your Odoo instance. You can usually find the A record settings in your domain registrar's control panel under DNS settings or domain management. Enter the IP address of our server and save the changes. Keep in mind that DNS changes can take some time to propagate across the internet, usually up to a few hours. Once the A record is updated, the server will need to be restarted to recognize the new domain.</p>
<p>After updating the A record, you also need to add your domain in Odoo. Go to Settings &rarr; 4 Server &rarr; Domains and enter each domain on a separate line. This ensures Odoo recognizes the domain and serves your instance correctly. Important: Check your contract to see how many domain routings are included.</p>
<p>To route your domain to Odoo, you first need to update the A record at your domain provider to point to our server's IP address. You can find the A record settings in your domain registrar's control panel under DNS settings. Once the A record is updated, the server will need to be restarted to recognize the new domain.</p>
<p>After updating the A record, add your domain in Odoo: Settings &rarr; 4 Server &rarr; Domains and enter each domain on a separate line. Check your contract to see how many domain routings are included.</p>
</div>
</div>
<div class="faq-item">
@@ -462,7 +409,7 @@
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
</button>
<div class="faq-answer">
<p>If you've pushed a new module to the server and it prevents the service from starting, first revert your changes in Git and push the corrected version back to the server. Then open the support chat you find on this site — you'll need your UUID (sent in the confirmation email to the address you used when signing up). After you tell our chatbot to git pull and restart the server, you'll receive a confirmation email at your registered address; once confirmed, we'll bring your Odoo instance back online.</p>
<p>If you've pushed a new module to the server and it prevents the service from starting, first revert your changes in Git and push the corrected version back to the server. Then open the support chat — you'll need your UUID (sent in the confirmation email). After you tell our chatbot to git pull and restart the server, you'll receive a confirmation email; once confirmed, we'll bring your Odoo instance back online.</p>
</div>
</div>
<div class="faq-item">
@@ -471,7 +418,7 @@
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
</button>
<div class="faq-answer">
<p>This usually happens because the server has not been restarted after routing your domain to our service. To resolve this, simply restart your server — once it comes back online, Odoo will generate the correct SSL certificate for your domain. If the error persists, please create a support ticket so our team can assist you further.</p>
<p>This usually happens because the server has not been restarted after routing your domain to our service. Simply restart your server — once it comes back online, Odoo will generate the correct SSL certificate for your domain. If the error persists, please submit a support ticket.</p>
</div>
</div>
</div>
@@ -493,7 +440,7 @@
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
</button>
<div class="faq-answer">
<p>You can upgrade your service directly in Odoo by going to Settings &rarr; 4 Server &rarr; Upgrade. From there, you can choose to move to a higher plan or add additional features individually, such as extra backup slots or additional domain routings, depending on your needs. This allows you to customize your service without interrupting your existing setup.</p>
<p>You can upgrade your service directly in Odoo by going to Settings &rarr; 4 Server &rarr; Upgrade. From there, you can choose to move to a higher plan or add additional features individually, such as extra backup slots or additional domain routings.</p>
</div>
</div>
</div>
@@ -506,9 +453,8 @@
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
</button>
<div class="faq-answer">
<p>To migrate your database to our service, please create a support ticket indicating that you want to migrate. Our team will then send you a link to a secure form where you can upload your database. Once received, we will spin up a new server according to your requirements and provide you with the credentials.</p>
<p>We will copy your database to the new server, but you will need to install Odoo Enterprise and any third-party modules via Git.</p>
<p>Please note that we do not support patch releases (e.g., 18.1 or 17.2) — only the main releases (18.0, 17.0, 19.0) are supported. Our migration service currently supports databases based on Odoo 17, 18, and 19.</p>
<p>To migrate your database to our service, please submit a support ticket indicating that you want to migrate. Our team will then send you a link to a secure form where you can upload your database. Once received, we will spin up a new server according to your requirements and provide you with the credentials.</p>
<p>We do not support patch releases (e.g., 18.1 or 17.2) — only the main releases (18.0, 17.0, 19.0) are supported. Our migration service currently supports databases based on Odoo 17, 18, and 19.</p>
</div>
</div>
<div class="faq-item">
@@ -517,134 +463,91 @@
<span class="faq-icon"><i class="fas fa-chevron-down"></i></span>
</button>
<div class="faq-answer">
<p>Yes, we can help you upgrade your database from older versions to a supported release (17, 18, or 19), but only after reviewing your database to ensure compatibility. To start the process, please create a support ticket so our team can get in contact, review your database, and guide you through the upgrade steps safely.</p>
<p>Yes, we can help you upgrade your database from older versions to a supported release (17, 18, or 19), but only after reviewing your database to ensure compatibility. Please submit a support ticket to start the process.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Form -->
<!-- Contact -->
<section class="contact-section" id="contact">
<div class="container">
<h2>Still questions? Contact our support.</h2>
<form class="contact-form" id="supportForm" action="https://ODOO4projects.com/website/form/" method="POST" enctype="multipart/form-data">
<input type="hidden" name="csrf_token" id="csrfToken" value="" />
<div class="form-group">
<label for="contactName">Your Name <span class="required">*</span></label>
<label>Your Name <span class="required">*</span></label>
<input type="text" id="contactName" name="contact_name" required placeholder="Your Name" />
</div>
<div class="form-group">
<label for="contactEmail">Your Email <span class="required">*</span></label>
<label>Your Email <span class="required">*</span></label>
<input type="email" id="contactEmail" name="email_from" required placeholder="Your Email" />
</div>
<div class="form-group">
<label for="contactUuid">UUID</label>
<label>UUID</label>
<input type="text" id="contactUuid" name="UUID" placeholder="Paste your ODOO4projects UUID here" />
</div>
<div class="form-group">
<label for="contactSubject">Subject <span class="required">*</span></label>
<label>Subject <span class="required">*</span></label>
<input type="text" id="contactSubject" name="name" required placeholder="Subject" />
</div>
<div class="form-group">
<label for="contactQuestion">Your Question <span class="required">*</span></label>
<label>Your Question <span class="required">*</span></label>
<textarea id="contactQuestion" name="description" required placeholder="Describe your issue or question in detail..."></textarea>
</div>
<button type="submit" class="btn" id="submitBtn">Submit</button>
<button type="submit" class="btn btn-primary">Submit</button>
<div class="form-success" id="formSuccess">
<i class="fas fa-check-circle"></i> Thank you! Your ticket has been submitted. We'll get back to you shortly.
<i class="fas fa-check-circle"></i> Thank you! Your ticket has been submitted.
</div>
</form>
</div>
</section>
<script>
/* ---- FAQ Accordion ---- */
document.querySelectorAll(".faq-question").forEach(function (btn) {
btn.addEventListener("click", function () {
var answer = this.nextElementSibling;
var isOpen = answer.classList.contains("open");
// Close all
document.querySelectorAll(".faq-answer.open").forEach(function (a) {
a.classList.remove("open");
document.querySelectorAll(".faq-answer.open, .faq-question.open").forEach(function (el) {
el.classList.remove("open");
});
document.querySelectorAll(".faq-question.open").forEach(function (b) {
b.classList.remove("open");
});
if (!isOpen) {
answer.classList.add("open");
this.classList.add("open");
}
if (!isOpen) { answer.classList.add("open"); this.classList.add("open"); }
});
});
/* ---- FAQ Tabs ---- */
document.querySelectorAll(".faq-tab-btn").forEach(function (tab) {
tab.addEventListener("click", function () {
document.querySelectorAll(".faq-tab-btn").forEach(function (t) {
t.classList.remove("active");
});
document.querySelectorAll(".faq-panel").forEach(function (p) {
p.classList.remove("active");
document.querySelectorAll(".faq-tab-btn, .faq-panel").forEach(function (el) {
el.classList.remove("active");
});
this.classList.add("active");
var panel = document.getElementById("panel-" + this.getAttribute("data-tab"));
if (panel) panel.classList.add("active");
});
});
/* ---- Fetch CSRF token then handle form submission ---- */
var form = document.getElementById("supportForm");
var submitBtn = document.getElementById("submitBtn");
var submitBtn = form.querySelector(".btn");
var successDiv = document.getElementById("formSuccess");
// Fetch CSRF token from the Odoo site
fetch("https://ODOO4projects.com/web/csrf_token")
.then(function (r) { return r.json(); })
.then(function (data) {
document.getElementById("csrfToken").value = data.result || data.csrf_token || "";
})
.catch(function () {
// fallback: try to extract from page or just proceed without
});
}).catch(function () {});
form.addEventListener("submit", function (e) {
e.preventDefault();
// Basic validation
var name = document.getElementById("contactName").value.trim();
var email = document.getElementById("contactEmail").value.trim();
var subject = document.getElementById("contactSubject").value.trim();
var question = document.getElementById("contactQuestion").value.trim();
if (!name || !email || !subject || !question) {
alert("Please fill in all required fields.");
return;
}
if (!name || !email || !subject || !question) { alert("Please fill in all required fields."); return; }
submitBtn.disabled = true;
submitBtn.textContent = "Submitting...";
var formData = new FormData(form);
fetch(form.action, {
method: "POST",
body: formData,
})
.then(function (response) {
submitBtn.style.display = "none";
successDiv.classList.add("visible");
})
.catch(function (err) {
submitBtn.disabled = false;
submitBtn.textContent = "Submit";
alert("Could not submit form. Please try again or email us directly.");
});
fetch(form.action, { method: "POST", body: new FormData(form) })
.then(function () { submitBtn.style.display = "none"; successDiv.classList.add("visible"); })
.catch(function () { submitBtn.disabled = false; submitBtn.textContent = "Submit"; alert("Could not submit. Please try again."); });
});
</script>
<script
defer
src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"
></script>
<script defer src="https://static.odoo4projects.com/agent-odoo4projects/agent.js"></script>
</body>
</html>