Add homepage

This commit is contained in:
Endorphin3D
2023-06-26 22:48:34 -04:00
parent 65b1d7eda4
commit 6d9d0403da
7 changed files with 81 additions and 6 deletions

View File

@@ -1,5 +1,80 @@
--- <!DOCTYPE html>
layout: minimal <html lang="en">
---
{{ content }} <head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Rainblur Landing Page Template: Tailwind Toolbox</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.css" />
<!--Replace with your tailwind.css once created-->
<link href="https://unpkg.com/@tailwindcss/custom-forms/dist/custom-forms.min.css" rel="stylesheet" />
<style>
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
html {
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
</style>
</head>
<body class="leading-normal tracking-normal text-white m-6 bg-cover bg-fixed"
style="background-image: url('/assets/images/header.png');">
<div class="min-h-screen flex flex-col">
<!--Nav-->
<div class="w-full container mx-auto">
<div class="w-full flex items-center justify-between">
<a class="flex items-center text-green-400 no-underline hover:no-underline font-bold text-2xl lg:text-4xl" href="/">
<img src="/assets/images/logo-text.png" class="h-16" alt="Endorphin 3D">
</a>
<div class="flex w-1/2 justify-end content-center">
<a class="inline-block no-underline hover:text-blue-300 hover:text-underline text-center h-10 p-2 md:h-auto md:p-4 transform hover:scale-125 duration-300 ease-in-out"
href="https://github.com/endorphin3d/endorphin">
<svg class="fill-current h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98 96">
<path d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"></path>
</svg>
</a>
</div>
</div>
</div>
<!--Main-->
<div class="container mb-auto pt-24 md:pt-36 mx-auto flex flex-wrap flex-col md:flex-row items-center">
<!--Left Col-->
<div class="flex flex-col w-full xl:w-2/5 justify-center lg:items-start overflow-y-hidden">
<h1 class="my-4 text-3xl md:text-5xl text-white opacity-75 font-bold leading-tight text-center md:text-left">
Breathe new life into your Ender 5
</h1>
<div class="leading-normal text-gray-300 text-base md:text-2xl mb-8 text-center md:text-left">
<p>All the speed of a CoreXY</p>
<p>A fraction of the complexity</p>
<p><a href="/docs" style="color: #42bbbb">Start building yours →</a></p>
</div>
</div>
<!--Right Col-->
<div class="w-full xl:w-3/5 p-12 overflow-hidden">
<video controls poster="/assets/images/poster2.png" class="mx-auto w-full md:w-4/5">
<source src="/assets/vids/teaser.mp4" type="video/mp4">
</video>
</div>
</div>
<!--Footer-->
<div class="container mx-auto flex flex-wrap flex-col md:flex-row items-center">
<div class="container w-full pt-16 pb-6 text-sm text-center md:text-left fade-in">
<a class="text-gray-500 no-underline hover:no-underline" href="#">&copy; Endorphin 3D 2023</a>
- Template by
<a class="text-gray-500 no-underline hover:no-underline"
href="https://www.tailwindtoolbox.com">TailwindToolbox.com</a>
</div>
</div>
</div>
</body>
</html>

BIN
assets/images/header.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 241 KiB

View File

@@ -19,7 +19,7 @@
<path d="M3.5500001,-4.6036801 L0.7214515,-4.6036801 A0.5,0.5 333.2563155 0,1 0.7749373,-4.3786801 L0.7749373,-4.2036801 3.5500001,-4.2036801 3.5500001,-4.6036801z" transform="matrix(1,0,0,-1,0.0501334,0.0500707)" fill="transparent" stroke="#42bbbb" stroke-width="0.003cm" stroke-linecap="round" stroke-linejoin="round" shaper:cutDepth="0.001" /> <path d="M3.5500001,-4.6036801 L0.7214515,-4.6036801 A0.5,0.5 333.2563155 0,1 0.7749373,-4.3786801 L0.7749373,-4.2036801 3.5500001,-4.2036801 3.5500001,-4.6036801z" transform="matrix(1,0,0,-1,0.0501334,0.0500707)" fill="transparent" stroke="#42bbbb" stroke-width="0.003cm" stroke-linecap="round" stroke-linejoin="round" shaper:cutDepth="0.001" />
</g> </g>
</g> </g>
<g id="text`"> <g id="text">
<text x="5.15" y="5.3" class="text">NDORPHIN</text> <text x="5.15" y="5.3" class="text">NDORPHIN</text>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
assets/images/poster.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 371 KiB

BIN
assets/images/poster2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 393 KiB

BIN
assets/vids/teaser.mp4 Normal file

Binary file not shown.

View File

@@ -2,7 +2,7 @@
layout: default layout: default
title: Introduction title: Introduction
nav_order: 1 nav_order: 1
permalink: docs/introduction permalink: docs
has_toc: false has_toc: false
--- ---