79 lines
4.3 KiB
HTML
79 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<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>Endorphin 3D Printer</title>
|
|
<meta name="description" content="Endorphin is an Ender 5 mod to modernize and speed up your printer" />
|
|
<meta name="keywords" content="ender 5, ender5, 3d printer, 3dprinter, corexy, endorphin, endorphin3d" />
|
|
|
|
<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 bg-cover bg-fixed"
|
|
style="background-image: url('/assets/images/header.png'); background-position: center;">
|
|
<div class="min-h-screen flex flex-col">
|
|
<!--Nav-->
|
|
<div class="w-full container mx-auto mt-6">
|
|
<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.svg" 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-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">
|
|
<span class="pt-16 pb-6 text-sm text-center md:text-left fade-in text-gray-500 mx-auto">
|
|
<a href="#" class="no-underline hover:no-underline">© Endorphin 3D 2023</a>
|
|
- Template by
|
|
<a href="https://www.tailwindtoolbox.com" class="no-underline hover:no-underline">TailwindToolbox.com</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |