Skip to content

Commit

Permalink
Initial Import
Browse files Browse the repository at this point in the history
  • Loading branch information
spjmurray committed Jan 23, 2024
0 parents commit 051f27b
Show file tree
Hide file tree
Showing 2 changed files with 156 additions and 0 deletions.
Binary file added img/cloud-background.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
156 changes: 156 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,156 @@
<!DOCTYPE html>
<html>
<head>
<title>Unikorn Cloud</title>
<link rel="icon" href="https://raw.githubusercontent.com/unikorn-cloud/assets/main/images/logos/light-on-dark/icon.svg">
<style type="text/css">
:root {
--color: rgb(192, 192, 192);
--background: rgb(7, 18, 21);
--brand: rgb(101, 162, 181);
--brand-hover: rgb(73, 118, 132);
--radius: 1rem;
--padding: 1rem;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
font-family: Helvetica;
background-color: var(--background);
display: flex;
flex-direction: column;
gap: 2rem;
align-items: center;
color: var(--color);
}
header {
display: flex;
flex-direction: column;
align-items: center;
}
img#logo {
padding: 2rem;
width: 80%;
height: auto;
}
h1, h2, h3, h4, h5 {
text-align: center;
margin: 0;
color: var(--brand);
}
a {
color: var(--brand);
}
a:hover {
color: var(--brand-hover);
}
p {
text-align: center;
}
main {
display: flex;
flex-direction: column;
gap: var(--padding);
align-items: center;
}
.banner {
color: rgb(64, 64, 64);
background-color: white;
width: 100%;
padding: var(--padding);
display: flex;
flex-direction: column;
gap: var(--padding);
align-items: center;
background-image: url("img/cloud-background.jpg");
}
.highlights {
display: flex;
flex-direction: column;
gap: 1rem;
}
.highlight {
border: 1px solid var(--brand);
border-radius: var(--radius);
background-color: rgba(255, 255, 255, 0.8);
padding: var(--padding);
display: flex;
flex-direction: column;
gap: var(--padding);
align-items: center;
box-shadow: 0 0 var(--radius) #888;
}
@media only screen and (min-width: 1024px) {
img#logo {
max-width: 50%;
}
main {
width: 1024px;
}
.highlights {
display: grid;
grid-template-columns: auto auto auto;
gap: 1rem;
}
}
</style>
</head>
<body>
<header>
<img id="logo" src="https://raw.githubusercontent.com/unikorn-cloud/assets/main/images/logos/light-on-dark/logo.svg" alt="Unikorn Logo" />
<h2>Open Source Platform as a Service Provider</h2>
</header>

<section class="banner">
<main>
<h1>What is Unikorn?</h1>
<p>
Unikorn is a suite of applications that manage the life-cycle of on-demand cloud resources.
Its core responsibility is the provisioning of Kubernetes workload clusters in a simple to use, cloud provider agnostic way.
</p>

<section class="highlights">
<section class="highlight">
<h4>Cloud-Native</h4>
<p>
Developed exclusively for deployment and execution on Kubernetes.
Embraces best-practices of stateless services, automatic scaling and high availability.
</p>
<p>
Unikorn integrates seemlessly with standard Fluentd logging, Prometheus monitoring, and OpenTelemetry solutions for observability.
</p>
</section>
<section class="highlight">
<h4>Secure</h4>
<p>
Draws upon industry standard secrity protocols such as OIDC and Oauth2 to provide secure identity services with enterprise ready direct integration with Google and Microsoft identity services.
</p>
<p>
You can integrate with your own OIDC complicant identity service too.
</p>
</section>
<section class="highlight">
<h4>Open Source</h4>
<p>
Fully open, and licensed under the Apache-2 software license.
We welcome all suggestions and collaborations.
</p>
<p>
Unikorn uses Open Source components such as ArgoCD and Cluster API.
</p>
<p>
View the source on <a href="https://github.com/unikorn-cloud">Github</a>
</p>
</section>
</section>
</section>

<p>
Copyright &copy; 2024 The Unikorn Cloud Authors.
</p>
</main>
</body>
</html>

0 comments on commit 051f27b

Please sign in to comment.