public/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>MoleculerJS Boilerplate | Pankod</title>
<style>
body {
width: 100%;
height: 100%;
background: #000;
overflow: hidden;
}
.fade {
position: relative;
width: 100%;
min-height: 60vh;
top: -25px;
background-image: linear-gradient(0deg, transparent, black 75%);
z-index: 1;
}
.star-wars {
display: flex;
justify-content: center;
position: relative;
height: 800px;
color: #feda4a;
font-family: 'Pathway Gothic One', sans-serif;
font-size: 500%;
font-weight: 600;
letter-spacing: 6px;
line-height: 150%;
perspective: 500px;
text-align: justify;
}
.crawl {
position: relative;
top: 99999px;
transform-origin: 50% 100%;
animation: crawl 60s linear;
}
.crawl > .title {
font-size: 90%;
text-align: center;
}
.crawl > .title h2 {
margin: 0 0 100px;
text-transform: uppercase;
}
@keyframes crawl {
0% {
top: -100px;
transform: rotateX(20deg) translateZ(0);
}
100% {
top: -6000px;
transform: rotateX(25deg) translateZ(-2500px);
}
}
</style>
</head>
<body>
<div class="fade"></div>
<section class="star-wars">
<div class="crawl">
<div class="title">
<h2>MoleculerJS Boilerplate</h2>
<p>Pankod Open Source</p>
</div>
<p>
MoleculerJS Microservice Boilerplate with Typescript, TypeORM, CLI, Service
Helpers, Swagger, Jest, Docker, Eslint support and everything you will ever need
to deploy rock solid projects...
</p>
<p>
A microservice is a single self-contained unit which, together with many others,
makes up a large application. By splitting your app into small units every part
of it is independently deployable and scalable, can be written by different
teams and in different programming languages and can be tested individually.
</p>
<p>
Moleculer is a fast, modern and powerful microservices framework for Node.js. It
helps you to build efficient, reliable & scalable services. This boilerplate
make it easier to get started with a well-structured Node.js microservices with
Typescript.
</p>
<p>
MoleculerJS boilerplate is shipped with a CLI tool to streamline the creation of
new microservices and entities. By using the CLI tool, you may easily add
entities, services to your project and have all the required interfaces and
imports are automatically created for you.
</p>
</div>
</section>
</body>
</html>