main: Split about section into multiple pages

acmsite/main/__init__.py

@@ -6,16 +6,24 @@ bp = Blueprint('main', __name__)
 
 @bp.route("/")
 def homepage():
-    return render_template("index.html")
+    return render_template("main/index.html")
 
 @bp.route("/about")
 def about():
-    return render_template("about.html")
+    return render_template("main/about.html")
+
+@bp.route("/officers")
+def officers():
+    return render_template("main/officers.html")
+
+@bp.route("/what-we-do")
+def activities():
+    return render_template("main/how_we_help.html")
 
 @bp.route("/events")
 def events():
     events = Event.query.filter(Event.start_time > datetime.datetime.now()).all()
-    return render_template("events.html", events=events)
+    return render_template("main/events.html", events=events)
 
 @bp.route("/join")
 def join():

acmsite/templates/layout.html

@@ -28,7 +28,16 @@
         </div>
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
             <ul class="nav navbar-nav me-auto mb-2 mb-lg-0">
-                {{ render_nav_item('main.about', 'About')}}
+                <li class="navbar-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                        About
+                    </a>
+                    <ul class="dropdown-menu">
+                        {{ render_nav_item('main.about', 'Summary') }}
+                        {{ render_nav_item('main.officers', 'Exec Board') }}
+                        {{ render_nav_item('main.activities', 'What We Do') }}
+                    </ul>
+                </li>
                 {{ render_nav_item('main.events', 'Events')}}
                 {{ render_nav_item('main.join', 'Join Us!')}}
             </ul>

acmsite/templates/main/about.html

@@ -0,0 +1,43 @@
+{% extends "layout.html" %}
+
+{% block app_content %}
+
+<h1>About ACM</h1>
+
+<h4>tl;dr</h4>
+<p>We are a group of computing enthusiasts that host events like programming and
+Linux workshops, as well as social events for the CS department and the
+university as a whole.</p>
+
+<h4 class="mt-3">History</h4>
+<p>WPI's ACM chapter was founded in 1997 as a student chapter of the
+international Association for Computing Machinery. At that time, we had a lounge
+in the Fuller Labs subbasement called the "Sin Lab". This room hosted our
+physical machines available to all members, including NFS storage, email, and a
+web server. Over time, that room was taken for lab space by the department, and
+ACM's machines moved into the department's server room. In 2013, the chapter
+purchased the hypervisor that would continue on as other machines were
+decommissioned.</p>
+
+<p>Currently, ACM hosts a number of <a href="{{ url_for('main.events')
+                                             }}">workshops and social events</a> throughout the
+                                         academic year, as well as the <a
+                                             href="https://hack.wpi.edu"
+                                             target="_blank">annual
+                                             hackathon</a> every C term.</p>
+<h4>Other CS Clubs</h4>
+<p>You may also be interested in joining:</p>
+<ul>
+    <li><a href="https://mywpi.wpi.edu/wics/home/" target="_blank">Women in Computer
+        Science (WiCS)</a> -- a student group that aims to foster a community
+    for students who support the advancement of women in computer science and
+    related fields at WPI</li>
+    <li><a href="http://mywpi.wpi.edu/WiCyS/club_signup" target="_blank">Women in Cybersecurity</a>
+    -- WPI's Women in Cybersecurity club is a supportive hub for women in the field, offering practical workshops, networking opportunities, and mentorship programs where everyone is welcome no matter identity or skill level. With a focus on skill-building and professional development, the club strives to foster diversity and inclusion within the cybersecurity department at WPI</li>
+    <li><a href="https://web.cs.wpi.edu/~csc/" target="_blank">Cybersecurity
+            Club</a> -- The Cyber Security Club at the Worcester Polytechnic Institute aims to educate those interested in cyber security and to facilitate an informative environment where students from all educational levels and backgrounds can master safe practices. The club hosts cyber labs and competitions locally and nationally where members can practice what they have learned. Members are not required to attend these competitions, but they are encouraged to continue learning</li>
+    <li><a href="http://users.wpi.edu/~upe/" target="_blank">Upsilon Pi
+            Epsilon</a> -- The CS honor society</li>
+</ul>
+    
+{% endblock %}

acmsite/templates/main/how_we_help.html

@@ -0,0 +1,31 @@
+{% extends "layout.html" %}
+
+{% block app_content %}
+<h1>What We Do</h1> 
+
+<p>ACM hosts a variety of activities throughout the academic year, including
+workshops on currently-running CS courses like 2102/2103 and 2303 and topics
+that are of interest to students outside of courses. We also host the annual
+Hackathon at WPI, <a href="https://hack.wpi.edu">GoatHacks</a>, every January.</p>
+
+<p>ACM also hosts a hypervisor to provide services to both the campus community
+and the outside world. Our <a href="https://mirrors.acm.wpi.edu">Linux
+    mirror</a> serves over 180 terabytes of traffic each calendar year for
+distributions like Debian, Arch, and OpenSUSE.</p>
+
+<h4>ACM Infrastructure</h4>
+<p>ACM maintains a presence in the CS department's server room in the
+subbasement of Fuller Labs. Our current primary hypervisor is a Penguin
+Computing reLion 101. This server provides services like the GoatHacks website
+and registration system, as well as the ACM LDAP server. We also have two
+virtual machines on CS department infrastructure, providing our main website and
+the Linux mirrors. If you want to learn more about our infrastructure, reach out
+to our sysadmin at <em>acm-sysadmin [at] wpi [dot] edu</em>.</p>
+
+<h4>Student Projects</h4>
+<p>Coming down the pipeline is the potential for supporting non-academic student
+projects on our infrastructure. If this is something you might be interested in,
+reach out to our sysadmin at <em>acm-sysadmin [at] wpi [dot] edu</em> for more
+details. Stay tuned in our <a href="https://acm.wpi.edu/discord">Discord</a> for
+more details as well.</p>
+{% endblock app_content %}

acmsite/templates/main/officers.html

@@ -1,18 +1,7 @@
-{% extends "layout.html" %}
+{% extends 'layout.html' %}
 
 {% block app_content %}
-
+<h1>Exec Board</h1>
-<h1>About ACM</h1>
-
-<h4>tl;dr</h4>
-<p>We are a group of computer science enthusiasts that hosts computer science
-related events like programming competitions and workshops, and more casual
-events as well! If you’re interested in joining, stop by our meetings! We're
-very friendly. You can find a list of our upcoming events and meetings <a href="{{
-                                                                       url_for('main.events')
-                                                                       }}">here</a>.</p>
-
-<h4>Exec Board</h4>
 <p><em>To contact our exec board, shoot us an email at acm [at] wpi.edu!</em></p>
 <div class="row">
    <div class="col"> 
@@ -122,56 +111,6 @@ very friendly. You can find a list of our upcoming events and meetings <a href="
     
 </div>
 
-<h4 class="mt-3">History</h4>
-<p>The Association for Computing Machinery (ACM) established student chapters to
-provide an opportunity for students to play a more active role in the
-Association and its professional activities. By encouraging organization of
-student chapters on college and university campuses, the Association is able to
-introduce students to the benefits of professional organization. These benefits
-include regular meetings that encourage and enhance learning through exchange of
-ideas among students as well as between established professionals and students.
-Members of a student chapter may also take advantage of the activities and
-services provided by ACM, including the lectureship program, student programming
-and tutorial contests, and the publications program. Student chapters provide an
-obvious setting for the development and demonstration of leadership
-capabilities. Finally, students find the various activities of ACM and its
-student chapters both professionally and socially exciting as well as
-rewarding.</p>
-
-<p>Initially, the ACM organizational structure was based solely on individual
-membership. In 1954, as a result of growth and the wishes of its members,
-chapters were officially formed. These chapters provided a means for people in a
-geographical area with a common interest in computing to exchange ideas and
-sponsor professional activities. Since the recognition of the Dallas-Fort Worth
-Chapter in 1954 as the first ACM chapter, the number of professional chapters
-has grown steadily to over 113 today, and they have become an integral part of
-the ACM organization. Student chapters were authorized by the ACM in 1961; the
-first was chartered at the University of Southwestern Louisiana.</p>
-
-<p>Student chapters provide important services to ACM student members and offer
-a means whereby the ACM can provide scientific information on the industry to
-other members of the college or university community as well as to the general
-public. Moreover, professional chapters and student chapters are focal points
-for feedback from members to the ACM leadership. Finally, ACM Chapters are a
-training ground for the Association’s future leaders. Over one-third of the
-current members of the ACM Council began their volunteer work with ACM as
-officers in the chapter system.</p>
-
-<h4>Other CS Clubs</h4>
-<p>You may also be interested in joining:</p>
-<ul>
-    <li><a href="https://mywpi.wpi.edu/wics/home/" target="_blank">Women in Computer
-        Science (WiCS)</a> -- a student group that aims to foster a community
-    for students who support the advancement of women in computer science and
-    related fields at WPI</li>
-    <li><a href="http://mywpi.wpi.edu/WiCyS/club_signup" target="_blank">Women in Cybersecurity</a>
-    -- WPI's Women in Cybersecurity club is a supportive hub for women in the field, offering practical workshops, networking opportunities, and mentorship programs where everyone is welcome no matter identity or skill level. With a focus on skill-building and professional development, the club strives to foster diversity and inclusion within the cybersecurity department at WPI</li>
-    <li><a href="https://web.cs.wpi.edu/~csc/" target="_blank">Cybersecurity
-            Club</a> -- The Cyber Security Club at the Worcester Polytechnic Institute aims to educate those interested in cyber security and to facilitate an informative environment where students from all educational levels and backgrounds can master safe practices. The club hosts cyber labs and competitions locally and nationally where members can practice what they have learned. Members are not required to attend these competitions, but they are encouraged to continue learning</li>
-    <li><a href="http://users.wpi.edu/~upe/" target="_blank">Upsilon Pi
-            Epsilon</a> -- The CS honor society</li>
-</ul>
-    
 <script charset="utf-8">
    pres = document.querySelector("#president")
    vp = document.querySelector("#vice-president")