feat: 😎 Added landing page

This commit is contained in:
xxDeveloper
2022-06-23 21:18:26 +03:00
parent b44e9a9f04
commit 98a6e422f8
6 changed files with 11663 additions and 91 deletions

View File

@@ -1 +0,0 @@
theme: jekyll-theme-cayman

File diff suppressed because it is too large Load Diff

BIN
assets/images/R.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@@ -1 +1,2 @@
"use strict";
"use strict";

View File

@@ -1,32 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<title>Sern - Coming Soon</title>
<title>Sern - A batteries-included & powerful discord.js framework</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="shortcut icon" href="assets/images/icon.png" type="image/x-icon"/>
<meta name="og:title" content="Sern - Coming Soon">
<meta name="og:description" content="Sern is coming soon, we are so excited to start this journey.">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
<meta name="og:title" content="Sern - A batteries-included & powerful discord.js framework">
<meta name="og:description" content="A customizable, batteries-included, powerful discord.js framework to automate and streamline bot development">
<meta name="og:image" content="assets/images/icon.png">
<meta name="og:url" content="https://github.com/sern-handler/handler">
<meta name="og:type" content="website">
<script src="assets/js/main.js"></script>
</head>
<body>
<div class="wrapper">
<img src="assets/images/logo.png">
<body class="user-select-none">
<nav class="navbar navbar-expand-lg py-1.25 navbar-light bg-light shadow-rm">
<div class="container">
<a href="#" class="navbar-brand">
<img src="assets/images/logo.png" width="42" height="40" alt="" class="d-inline-block align-middle mr-2">
<span class="text font-weight-bold font-family-ubuntu hover-zoom">SernHandler</span>
<span>7 <i class="bi bi-star-fill padding-7px"></i>・270 <i class="bi bi-cloud-arrow-down-fill"></i></span>
</a>
<h1>Coming Soon<span class="dot">.</span></h1>
<p>Our website is under heavy development and not ready to use.</p>
<div class="icons">
<a href="https://github.com/sern-handler/"><i class="fab fa-github"></i></i></a>
<a href="https://discord.gg/QgnfxWzrcj"><i class="fab fa-discord"></i></a>
</div>
<button type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"><span class="navbar-toggler-icon"></span></button>
<div id="navbarSupportedContent" class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a href="#" class="nav-link"><i class="bi bi-puzzle-fill mr-2"></i>Plugins (UD)</a></li>
<li class="nav-item"><a href="#" class="nav-link"><i class="bi bi-github mr-2"></i>Github Profile</a></li>
<li class="nav-item"><a href="#" class="nav-link"><i class="bi bi-compass-fill mr-2"></i>Guide</a></li>
<li class="nav-item"><a href="#" class="nav-link"><i class="bi bi-bookmarks-fill mr-2"></i>Documentation</a></li>
</ul>
</div>
</div>
</nav>
<header class="masthead">
<div class="container px-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-6">
<div class="mb-5 mb-lg-0 text-center text-lg-start">
<h1 class="display-1 lh-1 mb-3 fw-bold text-bold">Handlers. Redefined.</h1>
<p class="lead fw-normal text-muted mb-5 text-align-left">With the support of the community made plugins and powerful CLI, it's more than just a handler.</p>
<div class="d-flex flex-column flex-lg-row align-items-center">
<img class="app-badge" src="assets/images/R.png" alt="..." /><p class="fw-bold font-family-ubuntu text ml-2 mt-3 qi">• npm install @sern/handler</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="masthead-device-mockup">
<div class="device-wrapper">
<div class="device" data-device="iPhoneX" data-orientation="portrait" data-color="black">
<div class="screen">
<img src="assets/images/logo.png" class="hero-img" height="120%">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
</body>
</html>

19
package.json Normal file
View File

@@ -0,0 +1,19 @@
{
"name": "@sern/website",
"version": "1.0.0",
"description": "Sern's modern, clean and beginner friendly web interface",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "git+https://github.com/sern-handler/website.git"
},
"author": "xxDeveloper",
"license": "MIT",
"bugs": {
"url": "https://github.com/sern-handler/website/issues"
},
"homepage": "https://github.com/sern-handler/website#readme"
}