Skip to content

Commit

Permalink
fix: dashboard table cell width (#4)
Browse files Browse the repository at this point in the history 
* fix chat breadcrumb

* add breadcrumb to certificate and help pages

* fix table cell width

* fix conflicts
  • Loading branch information
@peppescg
peppescg authored Dec 15, 2024
1 parent 37a10df commit 8571435
Show file tree
Hide file tree
Showing 5 changed files with 385 additions and 230 deletions.
204 changes: 142 additions & 62 deletions src/components/CertificateSecurity.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,11 @@
import { Link } from "react-router-dom";
import {
Breadcrumb,
BreadcrumbList,
BreadcrumbItem,
BreadcrumbSeparator,
BreadcrumbPage,
} from "./ui/breadcrumb";
import { Card } from "./ui/card";

const SecurityShieldIcon = () => (
Expand Down Expand Up @@ -59,76 +67,148 @@ const OpenSourceIcon = () => (

export function CertificateSecurity() {
return (
<div className="max-w-4xl mx-auto h-[calc(100vh-4rem)] overflow-y-auto px-4 pr-6 pb-12">
<h1 className="text-3xl font-bold mb-8">Certificate Security</h1>
<>
<div className="flex mb-3">
<Breadcrumb>
<BreadcrumbList>
<BreadcrumbItem>
<Link to="/">Dashboard</Link>
</BreadcrumbItem>
<BreadcrumbSeparator />
<BreadcrumbItem>
<BreadcrumbPage className="w-96 truncate">
Certificate Security
</BreadcrumbPage>
</BreadcrumbItem>
</BreadcrumbList>
</Breadcrumb>
</div>
<div className="max-w-4xl mx-auto h-[calc(100vh-4rem)] overflow-y-auto px-4 pr-6 pb-12">
<h1 className="text-3xl font-bold mb-8">Certificate Security</h1>

<Card className="p-6 mb-8 bg-white shadow-lg border-2 border-gray-100">
<div className="flex justify-center mb-4">
<SecurityShieldIcon />
</div>
<h2 className="text-xl font-semibold mb-4">Robust Certificate Security</h2>
<p className="text-gray-700 mb-4">
Security is a top priority for us. We have designed CodeGates local certificate management with security in mind, balanced against ease of use.
</p>
<p className="text-gray-700">We will always seek to improve and balance security, privacy and usability as best as we can</p>
</Card>

<Card className="p-6 mb-8 bg-white shadow-lg border-2 border-gray-100">
<div className="flex justify-center mb-4">
<KeySecurityIcon />
</div>
<h2 className="text-xl font-semibold mb-4">Key Security Features</h2>
<div className="space-y-6">
<div>
<h3 className="font-semibold text-lg mb-2">Per-Domain Certificate Generation</h3>
<p className="text-gray-700 mb-2">
Instead of using wildcard certificates, CodeGate generates unique certificates for each domain. This approach minimizes security risks by limiting the impact of any single certificate compromise.
</p>
<Card className="p-6 mb-8 bg-white shadow-lg border-2 border-gray-100">
<div className="flex justify-center mb-4">
<SecurityShieldIcon />
</div>
<h2 className="text-xl font-semibold mb-4">
Robust Certificate Security
</h2>
<p className="text-gray-700 mb-4">
Security is a top priority for us. We have designed CodeGates local
certificate management with security in mind, balanced against ease
of use.
</p>
<p className="text-gray-700">
We will always seek to improve and balance security, privacy and
usability as best as we can
</p>
</Card>

<div>
<h3 className="font-semibold text-lg mb-2">High-Strength Encryption with 4096-bit RSA Keys</h3>
<p className="text-gray-700 mb-2">
CodeGate utilizes 4096-bit RSA keys for Certificate Authority operations, providing enhanced security compared to the standard 2048-bit keys. The increased key length significantly reduces the risk of brute-force attacks, ensuring long-term protection for your data. We use 2048 for the server certs to balance in performance.
</p>
<Card className="p-6 mb-8 bg-white shadow-lg border-2 border-gray-100">
<div className="flex justify-center mb-4">
<KeySecurityIcon />
</div>
<h2 className="text-xl font-semibold mb-4">Key Security Features</h2>
<div className="space-y-6">
<div>
<h3 className="font-semibold text-lg mb-2">
Per-Domain Certificate Generation
</h3>
<p className="text-gray-700 mb-2">
Instead of using wildcard certificates, CodeGate generates
unique certificates for each domain. This approach minimizes
security risks by limiting the impact of any single certificate
compromise.
</p>
</div>

<div>
<h3 className="font-semibold text-lg mb-2">Secure SSL/TLS Configuration</h3>
<p className="text-gray-700 mb-2">
Our SSL context is configured to enforce the latest security standards, including strong cipher suites and disabling outdated protocols. This ensures secure and efficient encrypted communications.
</p>
<div>
<h3 className="font-semibold text-lg mb-2">
High-Strength Encryption with 4096-bit RSA Keys
</h3>
<p className="text-gray-700 mb-2">
CodeGate utilizes 4096-bit RSA keys for Certificate Authority
operations, providing enhanced security compared to the standard
2048-bit keys. The increased key length significantly reduces
the risk of brute-force attacks, ensuring long-term protection
for your data. We use 2048 for the server certs to balance in
performance.
</p>
</div>

<div>
<h3 className="font-semibold text-lg mb-2">
Secure SSL/TLS Configuration
</h3>
<p className="text-gray-700 mb-2">
Our SSL context is configured to enforce the latest security
standards, including strong cipher suites and disabling outdated
protocols. This ensures secure and efficient encrypted
communications.
</p>
</div>

<div>
<h3 className="font-semibold text-lg mb-2">
Certificate Caching and Management
</h3>
<p className="text-gray-700 mb-2">
Certificates are cached efficiently to optimize performance
without compromising security. Additionally, mechanisms are in
place to manage certificate lifecycles and prevent resource
exhaustion.
</p>
</div>
</div>
</Card>

<div>
<h3 className="font-semibold text-lg mb-2">Certificate Caching and Management</h3>
<p className="text-gray-700 mb-2">
Certificates are cached efficiently to optimize performance without compromising security. Additionally, mechanisms are in place to manage certificate lifecycles and prevent resource exhaustion.
<Card className="p-6 mb-8 bg-white shadow-lg border-2 border-gray-100">
<div className="flex justify-center mb-4">
<OpenSourceIcon />
</div>
<h2 className="text-xl font-semibold mb-4">
Open Source and Community Engagement
</h2>
<div className="space-y-4">
<p className="text-gray-700">
Security has been a fundamental consideration throughout the
development of CodeGate. Our comprehensive approach ensures that
your development environment remains secure without sacrificing
functionality or performance.
</p>
<p className="text-gray-700">
We believe in transparency and continuous improvement. By making
our code open source, we invite the global security community to
review, audit, and contribute to enhancing our security measures.
</p>
<p className="text-gray-700">
If you discover a security vulnerability or have suggestions for
improvement, please reach out to us at{" "}
<a
href="mailto:[email protected]"
className="text-blue-600 hover:text-blue-700 underline"
>
[email protected]
</a>
. Your contributions help us maintain the highest security
standards.
</p>
<p className="text-gray-700">
Explore our codebase on{" "}
<a
href="https://github.com/stacklok/codegate"
target="_blank"
rel="noopener noreferrer"
className="text-blue-600 hover:text-blue-700 underline"
>
GitHub
</a>{" "}
and join our community in making CodeGate secure and reliable for
everyone.
</p>
</div>
</div>
</Card>

<Card className="p-6 mb-8 bg-white shadow-lg border-2 border-gray-100">
<div className="flex justify-center mb-4">
<OpenSourceIcon />
</div>
<h2 className="text-xl font-semibold mb-4">Open Source and Community Engagement</h2>
<div className="space-y-4">
<p className="text-gray-700">
Security has been a fundamental consideration throughout the development of CodeGate. Our comprehensive approach ensures that your development environment remains secure without sacrificing functionality or performance.
</p>
<p className="text-gray-700">
We believe in transparency and continuous improvement. By making our code open source, we invite the global security community to review, audit, and contribute to enhancing our security measures.
</p>
<p className="text-gray-700">
If you discover a security vulnerability or have suggestions for improvement, please reach out to us at <a href="mailto:[email protected]" className="text-blue-600 hover:text-blue-700 underline">[email protected]</a>. Your contributions help us maintain the highest security standards.
</p>
<p className="text-gray-700">
Explore our codebase on <a href="https://github.com/stacklok/codegate" target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:text-blue-700 underline">GitHub</a> and join our community in making CodeGate secure and reliable for everyone.
</p>
</div>
</Card>
</div>
</Card>
</div>
</>
);
}
Loading

0 comments on commit 8571435

Please sign in to comment.