Add files via upload

simplyYan · Apr 6, 2024 · b6770e6 · b6770e6
1 parent 25d63ff
commit b6770e6
Show file tree

Hide file tree

Showing 6 changed files with 95 additions and 0 deletions.
diff --git a/root/features.png b/root/features.png
diff --git a/root/foundation.min.css b/root/foundation.min.css
diff --git a/root/herobg.png b/root/herobg.png
diff --git a/root/index.html b/root/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Wysb: Programming Language</title>
+    <link rel="stylesheet" href="foundation.min.css">
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="nav">
+    <ul class="menu align-center">
+        <li><a href="https://github.com/simplyYan/Wysb?tab=readme-ov-file#how-to-install">Download</a></li>
+        <li><a href="https://github.com/simplyYan/Wysb/wiki/Docs">Docs</a></li>
+        <li><a href="https://github.com/simplyYan/Wysb/">Github Repository</a></li>
+    </ul>
+</div>
+<div class="hero">
+    <div class="herocontent">
+    <h3><b>Compiled multi-paradigm programming language designed to be fast, easy, lightweight, secure and broad.</b></h3>
+    <button class="button" onclick="ezhref('github.com/simplyYan/Wysb/')">Get started now</button> <button class="button" onclick='ezhref("github.com/simplyYan/Wysb/wiki/Docs")'>Manual</button>
+</div>
+</div>
+<div class="features">
+
+</div>
+
+
+
+
+
+<script src="script.js"></script>
+</body>
+</html>
diff --git a/root/script.js b/root/script.js
@@ -0,0 +1,4 @@
+function ezhref(url) {
+    var fullurl = "https://" + url
+    window.open(fullurl)
+}
diff --git a/root/styles.css b/root/styles.css
@@ -0,0 +1,56 @@
+.nav a {
+    color: aquamarine;
+}
+
+.nav a:hover {
+    text-decoration: underline;
+    color: #00ffff;
+}
+
+body {
+    background-color: #111111;
+    color: white
+}
+
+.hero {
+    padding-top: 250px;
+    text-align: center;
+    align-items: center;
+    background: url(herobg.png);
+    width: 100%;
+    height: 720px;
+    background-position: center;
+    background-size: 100%;
+}
+
+.features {
+    padding-top: 250px;
+    text-align: center;
+    align-items: center;
+    background: url(features.png);
+    width: 100%;
+    height: 720px;
+    background-position: center;
+    background-size: 100%;
+    image-rendering: optimizeQuality;
+}
+
+.herocontent {
+    padding-top: 150px;
+}
+
+.hero button {
+    background-color: black;
+    color: aquamarine;
+    border-radius: 20px;
+}
+
+.hero button:hover {
+    background-color: black;
+    text-decoration: line-through;
+    text-decoration-color: white;
+    text-decoration-style: solid;
+    text-decoration-thickness: 3px;
+    color: white;
+    border-radius: 98px;
+}