views/index.ejs

<%- include('./partials/headStart') %> 
    <link rel="stylesheet" href="/stylesheets/home/index.css">
    <link rel="stylesheet" href="/stylesheets/components/background.css">

    <script src="/javascript/nav/userForm.js"></script>
    <script src="/javascript/home/index.js"></script>
    <script>
        if (window.location.href.includes("herokuapp")) {
            window.location.href = "https://saberchat.net";
        }
    </script>
<%- include('./partials/headEnd') %> 
<body class="mode">
<!-- insert navbar via ejs-->
    <%- include('./partials/components/navbar') %>

    <!-- Background image and text -->
    <section id="background" style="background-image: url('<%=platform.imageUrl%>'); background-size: cover;">
        <div class="container-fluid text-center background-inner-div">
            <div class="row">
                <div class="col-12 background-title">
                    <h1 style="user-select: none; -moz-user-select: none;">Saberchat</h1>
                    <p style="user-select: none; -moz-user-select: none;"><%=platform.name%>'s very own Community Platform</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Home Page content -->
    <main id="main-container">
        <div class="container mt-5 mode">
            <!-- Block 1 -->
            <div class="row element" id="about">
                <div class="col-lg-6">
                    <article class="text-block">
                        <div class="block-header <% if (platform.homepageInfo) {%> green <% } %>">
                            <h1 style="user-select: none; -moz-user-select: none;">About</h1>
                        </div>
                        <div class="block-content mode">
                            <p>Saberchat is an intranet platform that connects and centralizes your community's communication and notification platforms. It allows users to quickly share and access important information, and presents multiple platform-specific features for community projects. It is used across schools, clubs, organizations and more.</p>
                            <span id="developers"><span id="developers-heading">Developers: </span>Kabir Samsi, Alexander Zhou, Siddharth Chavan, Dmitry Pleshkov, Vibhav Darsha</span>
                        </div>
                    </article>
                </div>
                <div class="col-lg-6 block">
                    <% if (platform.displayVideo.url && platform.displayVideo.url != '') {%>
                        <video width="520px" height="305px" src="<%=platform.displayVideo.url%>" type="video/*" controls class="image-block"></video>
                    <% } else {%>
                        <img class="image-block" src="<%=platform.displayImages[0]%>" alt="<%=platform.name%> image">
                    <% } %>
                </div>
            </div>
            <!-- Block 2 -->
            <div class="row element" id="block-2">
                <div class="col-lg-6 order-lg-2">
                    <article class="text-block">
                        <div class="block-header <% if (platform.homepageInfo) {%> yellow <% } %>">
                            <h1 style="user-select: none; -moz-user-select: none;">Services</h1>
                        </div>
                        <div class="block-content mode">
                            <ul>
                                <% for (let service of platform.services) { %>
                                    <li class="convertible-text"><%=service%></li>
                                <% } %>
                            </ul>
                        </div>
                    </article>
                </div>
                <div class="col-lg-6 block">
                    <img class="image-block" src="<%=platform.displayImages[1]%>" alt="<%=platform.name%> image">
                </div>
            </div>
        </div>
    </main>
    <script>
        window.onload = (() => {
            window.onscroll = (() => {
                updateNav();
                animateDisplay();
            });
        });
    </script>
    <script src="/javascript/embed.js"></script>
</body>
</html>