Add subpages for the featured cards

StreamController · Feb 4, 2024 · 0f5800e · 0f5800e
1 parent 370f90a
commit 0f5800e
Show file tree

Hide file tree

Showing 7 changed files with 166 additions and 0 deletions.
diff --git a/featured/easy.html b/featured/easy.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Easy - StreamController</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div>
+    <div class="top">
+      <img src="../assets/touch.png" class="top-img">
+      <h1 class="top-text">Easy</h1>
+    </div>
+    <div class="description-div">
+      <p>StreamController features a simple, easy-to-use GTK4 interface.</p>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/featured/free.html b/featured/free.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Free - StreamController</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div>
+    <div class="top">
+      <img src="../assets/free.png" class="top-img">
+      <h1 class="top-text">Free</h1>
+    </div>
+    <div class="description-div">
+      <p>Just like any good application, StreamController generously offers its features to everyone without any cost.
+        Experience the full range of functionalities and enjoy seamless control over your streaming endeavors, all without having to spend a dime.
+        Ensuring the power of StreamController is accessible to all users, making the streaming experience inclusive and enjoyable for everyone.</p>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/featured/multideck.html b/featured/multideck.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Easy - StreamController</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div>
+    <div class="top">
+      <img src="../assets/multiple.png" class="top-img">
+      <h1 class="top-text">Multideck Support</h1>
+    </div>
+    <div class="description-div">
+      <p>Why settle for just one <a href="https://www.elgato.com/de/de/s/welcome-to-stream-deck">StreamDeck</a> when you can amplify your streaming capabilities with multiple devices? Enhance your setup and enjoy a more versatile and convenient streaming experience.</p>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/featured/open-source.html b/featured/open-source.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Easy - StreamController</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div>
+    <div class="top">
+      <img src="../assets/github-mark-white.png" class="top-img">
+      <h1 class="top-text">Open Source</h1>
+    </div>
+    <div class="description-div">
+      <p>StreamController is not just free, but it's also open source, allowing you and the community to contribute to its development.</p>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/featured/plugins.html b/featured/plugins.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Easy - StreamController</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div>
+    <div class="top">
+      <img src="../assets/extensions.png" class="top-img">
+      <h1 class="top-text">Plugins</h1>
+    </div>
+    <div class="description-div">
+      <p>Understanding that no single application can cater to the unique needs and preferences of every individual,
+        I've empowered users to tailor their experience by developing their own plugins. This customization ensures that the functionality of the
+        application aligns perfectly with your requirements. StreamController features enhanced plugin support, enabling developers like you to easily create plugins using Python.</p>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/featured/store.html b/featured/store.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Easy - StreamController</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div>
+    <div class="top">
+      <img src="../assets/store.png" class="top-img">
+      <h1 class="top-text">Asset Store</h1>
+    </div>
+    <div class="description-div">
+      <p>What are <a href="plugins.html">plugins</a> worth if you can't share your favourite tweaks and tricks with the rest of the word? This is why StreamController features a simple but effective asset store.</p>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/featured/style.css b/featured/style.css
@@ -0,0 +1,42 @@
+html, body {
+  height: 100%;
+  margin: 0;
+  background-color: #030013;
+}
+
+body {
+  padding: 5vw;
+}
+
+p{
+  color: white;
+  font-family: "Noto Sans", sans-serif;
+  font-size: 2vw;
+  font-weight: 500;
+  text-shadow: 0 0 30px rgba(157, 96, 212, 0.5);
+}
+
+.top {
+  text-align: center;
+}
+
+.top-img {
+  max-width: 15vw;
+  margin-bottom: 0px;
+  filter: drop-shadow(0 0 20px rgba(157, 96, 212, 0.5));
+}
+
+.top-text {
+  color: white;
+  font-family: "Noto Sans", sans-serif;
+  margin-top: 0px;
+  font-size: 4vw;
+  text-shadow: 0 0 30px rgba(157, 96, 212, 0.5);
+}
+
+.description-div {
+  margin-left: 8vw;
+  margin-right: 8vw;
+  margin-top: 4vw;
+  text-align: center;
+}