From 87351361f00504c71aa467e1247a0d6720e404d6 Mon Sep 17 00:00:00 2001
From: Minteck <contact@minteck.org>
Date: Fri, 22 Jul 2022 12:04:14 +0200
Subject: New pages and stuff, with @CloudburstSys

---
 views/plurality.ejs | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

(limited to 'views/plurality.ejs')

diff --git a/views/plurality.ejs b/views/plurality.ejs
index 412906e..ad57734 100644
--- a/views/plurality.ejs
+++ b/views/plurality.ejs
@@ -39,10 +39,27 @@ let frontersRaindrops = raindrops['fronters']['members'].map((i) => { return i['
 <div id="navbar-skipper">
     <div class="container">
         <br>
-        <h2 style="text-align: center;">We are plural.</h2>
+        <h2 style="text-align: center;">Hello, we are plural!</h2>
+        <p style="text-align: center;"><%= (cloudburst["members"].length + raindrops["members"].length) - 2 %> ponies, 2 brains!</p>
 
+        <div id="cnp-intro-outer">
+            <div id="cnp-intro" style="display:grid;grid-template-columns: 131px 1fr;grid-gap:10px;background:#353535;border-radius:10px;padding:10px;">
+                <div id="cnp-image-outer" style="display:flex;align-items:center;">
+                    <img id="cnp-image" alt="" src="https://ponies.equestria.horse/Special:Redirect/file/Logo.jpg" style="height:131px;border-radius:10px;">
+                </div>
+                <div id="cnp-content-outer" style="display:flex;align-items:center;">
+                    <div id="cnp-content">
+                        <h4 id="cnp-title">There is even better than this page</h4>
+                        <span id="cnp-tagline">On <b>Cuties and Plurality</b>, you can get additional information about all of us, such as what each one of us likes doing, pronouns, species, and more.</span><br>
+                        <a id="cnp-link" href="https://ponies.equestria.horse" target="_blank" class="btn btn-outline-light" style="display:inline-block;margin-top:10px;">Read more</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <br>
         <div id="systems">
-            <div>
+            <div id="system-cloudburst">
                 <img id="system-cloudburst-icon" class="system-icon" alt="" src="<%= cloudburst["general"]["avatar_url"] %>">
                 <h3 id="system-cloudburst-name" class="system-name">Cloudburst System</h3>
                 <p id="system-cloudburst-description" class="system-description">Plural system of <%= cloudburst["members"].length - 1 %> ponies!</p>
@@ -55,7 +72,7 @@ let frontersRaindrops = raindrops['fronters']['members'].map((i) => { return i['
                 </a>
                 <% }} %>
             </div>
-            <div>
+            <div id="system-raindrops">
                 <img id="system-raindrops-icon" class="system-icon" alt="" src="<%= raindrops["general"]["avatar_url"] %>">
                 <h3 id="system-raindrops-name" class="system-name">Raindrops System</h3>
                 <p id="system-raindrops-description" class="system-description">Plural system of <%= raindrops["members"].length - 1 %> ponies!</p>
-- 
cgit