ACM/acm-site
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Wiki Activity Actions

Scaffold main page

Browse source
This commit is contained in:
Cara Salter 2024-03-03 20:15:31 -05:00
parent c59211c225
commit 670dd34856
No known key found for this signature in database
GPG key ID: A8A3A601440EADA5
8 changed files with 60 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
acmsite/main/__init__.py
View file

@ -4,4 +4,12 @@ bp = Blueprint('main', __name__)
@bp.route("/")
def homepage():
return render_template("index.html")
return render_template("index.html")
@bp.route("/events")
def events():
return render_template("events.html")
@bp.route("/join")
def join():
return render_template("join.html")

8
acmsite/static/css/style.css Normal file
View file

@ -0,0 +1,8 @@
.carousel-item {
height: 100rem;
}
.header-image {
height: 15rem;
object-position: 0 75%;
object-fit: cover;
}

BIN
acmsite/static/img/carousel/hackathon1.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.4 MiB

BIN
acmsite/static/img/carousel/hackathon2.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.6 MiB

6
acmsite/templates/bootstrap-base.html
View file

@ -16,11 +16,14 @@
{% block styles %}
<!-- Bootstrap CSS -->
{{ bootstrap.load_css() }}
<link rel="stylesheet" href="{{ url_for('static',
filename='css/style.css') }}"
{% endblock %}
{% endblock %}
</head>
<body>
<body style="background-color: #0182ac;">
<div class="container rounded aligh-middle p-1 mt-5" style="background-color: #ffffff; height: 100%;">
<!-- Your page content -->
{% block navbar %}{% endblock %}
@ -38,6 +41,7 @@
<!-- Optional JavaScript -->
{{ bootstrap.load_js() }}
{% endblock %}
</div>
</body>
</html>

28
acmsite/templates/index.html
View file

@ -1,5 +1,33 @@
{% extends 'layout.html' %}
{% block app_content %}
<div class="row mt-5 ms-1">
<div class="col text-center">
<img src="{{ url_for('static', filename='img/logo.png')}}">
</div>
<div class="col text-left">
<h3>Association for Computing Machinery @ WPI</h3>
<span><i>WPI's Professional Society for computer scientists, software
designers, Developers, coders, makers...</i></span>
</div>
<div class="row mt-5">
<h1>Welcome to ACM!</h1>
<p>We're the student chapter of the <a href="https://acm.org">Association
for Computing Machinery</a> on campus. We host workshops, social events,
and WPI's annual <a href="https://hack.wpi.edu">hackathon</a> in C term.</p>
</div>
<div class="row">
<p>We also support WPI's linux community with our <a
href="https://mirrors.acm.wpi.edu">mirrors</a>.
Currently, we provide
mirrors for:</p>
<ul class="ms-5">
<li>Debian</li>
<li>Arch Linux</li>
<li>OpenSUSE</li>
</ul>
<p>If you would like a package mirror for your linux distribution, please
reach out! Space is limited, but we want to support the community.</p>
</div>
{% endblock app_content %}

8
acmsite/templates/join.html Normal file
View file

@ -0,0 +1,8 @@
{% extends 'layout.html' %}
{% block app_content %}
<h1>Join ACM</h1>
<p>Want to join us? Show up to our GBMs and events every week!</p>
{% endblock %}

27
acmsite/templates/layout.html
View file

@ -29,8 +29,8 @@
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="nav navbar-nav me-auto mb-2 mb-lg-0">
{{ render_nav_item('main.homepage', 'Home')}}
{{ render_nav_item('main.homepage', 'Events')}}
{{ render_nav_item('main.homepage', 'Join Us!')}}
{{ render_nav_item('main.events', 'Events')}}
{{ render_nav_item('main.join', 'Join Us!')}}
</ul>
<ul class="nav navbar-nav">
{% if current_user.is_authenticated %}
@ -46,27 +46,4 @@
</div>
</div>
</nav>
{% block header %}
<div id="baseCarousel" class="carousel slide" data-bs-ride="ride">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="..." class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#baseCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#baseCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
{% endblock header %}
{% endblock %}