Scaffold main page
This commit is contained in:
Cara Salter
parent
c59211c225
commit
670dd34856
8 changed files with 60 additions and 27 deletions
|
|
@ -4,4 +4,12 @@ bp = Blueprint('main', __name__)
|
||||||
|
|
||||||
@bp.route("/")
|
@bp.route("/")
|
||||||
def homepage():
|
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
8
acmsite/static/css/style.css
Normal 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
BIN
acmsite/static/img/carousel/hackathon1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 MiB |
BIN
acmsite/static/img/carousel/hackathon2.webp
Normal file
BIN
acmsite/static/img/carousel/hackathon2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 MiB |
|
|
@ -16,11 +16,14 @@
|
||||||
{% block styles %}
|
{% block styles %}
|
||||||
<!-- Bootstrap CSS -->
|
<!-- Bootstrap CSS -->
|
||||||
{{ bootstrap.load_css() }}
|
{{ bootstrap.load_css() }}
|
||||||
|
<link rel="stylesheet" href="{{ url_for('static',
|
||||||
|
filename='css/style.css') }}"
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
</head>
|
</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 -->
|
<!-- Your page content -->
|
||||||
{% block navbar %}{% endblock %}
|
{% block navbar %}{% endblock %}
|
||||||
|
|
||||||
|
|
@ -38,6 +41,7 @@
|
||||||
<!-- Optional JavaScript -->
|
<!-- Optional JavaScript -->
|
||||||
{{ bootstrap.load_js() }}
|
{{ bootstrap.load_js() }}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,33 @@
|
||||||
{% extends 'layout.html' %}
|
{% extends 'layout.html' %}
|
||||||
|
|
||||||
{% block app_content %}
|
{% 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 %}
|
{% endblock app_content %}
|
||||||
|
|
|
||||||
8
acmsite/templates/join.html
Normal file
8
acmsite/templates/join.html
Normal 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 %}
|
||||||
|
|
@ -29,8 +29,8 @@
|
||||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
<ul class="nav navbar-nav me-auto mb-2 mb-lg-0">
|
<ul class="nav navbar-nav me-auto mb-2 mb-lg-0">
|
||||||
{{ render_nav_item('main.homepage', 'Home')}}
|
{{ render_nav_item('main.homepage', 'Home')}}
|
||||||
{{ render_nav_item('main.homepage', 'Events')}}
|
{{ render_nav_item('main.events', 'Events')}}
|
||||||
{{ render_nav_item('main.homepage', 'Join Us!')}}
|
{{ render_nav_item('main.join', 'Join Us!')}}
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
{% if current_user.is_authenticated %}
|
{% if current_user.is_authenticated %}
|
||||||
|
|
@ -46,27 +46,4 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</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 %}
|
{% endblock %}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue