Skip to content

Commit

Permalink
Resized exec images. Made pages for years 2020 onwards. Restructured …
Browse files Browse the repository at this point in the history 
…the file structure to remove excess data storage.
  • Loading branch information
@ThatSealgair
ThatSealgair committed Jan 28, 2023
1 parent 34631e9 commit 408aba5
Show file tree
Hide file tree
Showing 75 changed files with 724 additions and 48 deletions.
4 changes: 2 additions & 2 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -104,15 +104,15 @@ <h3 class="major">Student Driven</h3>

<section class="features">
<article>
<a href="exec.html" class="image"
<a href="/exec_page/exec_2023.html" class="image"
><img src="images/2023exec.jpg" alt=""
/></a>
<h3 class="major">Executive Team</h3>
<p>
Our executive team that puts in the work to make this society
possible.
</p>
<a href="exec.html" class="special">Meet the team</a>
<a href="/exec_page/exec_2023.html" class="special">Meet the team</a>
</article>
<article>
<a href="signup.html" class="image"
Expand Down
228 changes: 228 additions & 0 deletions exec_page/exec_2020.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,228 @@
<!DOCTYPE html>
<!--
Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<style type="text/css">
#page-wrapper {
background-image: url("images/vishnu-mohanan-pfR18JNEMv8-unsplash.jpg");
background-attachment: fixed;
}
</style>
<title>UQ MARS</title>
<link
rel="icon"
href="/images/logos/SquareLogo-favicon.png"
type="image/x-icon"
/>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no"
/>
<link rel="stylesheet" href="assets/css/main.css" />
<noscript
><link rel="stylesheet" href="assets/css/noscript.css"
/></noscript>
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">UQ Mechatronics and Robotics Society</a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>

<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="/exec_page/exec_2023.html">Executive Team</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="https://medium.com/@uqrobotics">Tutorials</a></li>
<li><a href="signup.html">Join Us</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>

<!-- Wrapper -->
<section id="banner">
<header>
<div class="inner">
<a href="index.html" class="image"
><img
src="images/cropped-light-themelightlogo-2048x571.png"
alt="UQMARS logo"
style="width: 60%"
/></a>
<h2>2020 Executive Team</h2>
<p>Proudly presenting the UQ MARS executive team for 2020.</p>
</div>
</header>

<!-- Content -->
<div class="wrapper">
<div class="inner">

<section>
<h3 class="major">The 2020 UQ MARS Executive Team</h3>
<div class="box alt">
<div class="row gtr-uniform">
<div class="col-12">
<span class="image fit">
<figure><img src="/images/exec/2020/Exec_Team_2020.jpg" alt=""/>
<figcaption>Executive team at market day.</figcaption>
</figure></span>
</div>
<div class="col-4">
<span class="image fit"
><img src="/images/exec/2020/Cameron_Stroud.jpg"
/>
<caption>Cameron Stroud - <b>President</b></caption>
<caption><em>Cameron coordinates the club's executive team and handles communication between UQ MARS and the Student Union.</em></caption>
</span>
</div>
<div class="col-4">
<span class="image fit"
><img src="/images/exec/2020/Keith_Cunningham.jpg" alt=""
/>
<caption>Keith Cunningham - <b>Secretary</b></caption></span>
<caption><em>Handling the budget of the club, Keith tracks spending for events and projects, in addition to income generated by merchandise, grants and membership.</em></caption>
</div>
<div class="col-4">
<span class="image fit"
><img src="/images/exec/2020/Nick_Jones.jpg" alt=""
/>
<caption>Nick Jones - <b>Treasurer</b></caption></span>
<caption><em>Nick concentrates on the administration of the club and ensures meetings run smoothly, creating agendas and taking minutes. He also handles all official correspondence.</em></caption>
</div>
<div class="col-4">
<span class="image fit"
><img src="/images/exec/2020/Matthew_Cook.jpg" alt=""
/>
<caption>Matthew Cook - <b>Marketing Officer</b></caption></span>
<caption><em>Matthew runs the club's social media accounts, creating promotional material for online and print use. He keeps members informed of upcoming events and projects. </em></caption>
</div>
<div class="col-4">
<span class="image fit"
><img src="/images/exec/2020/Callum_Breetzke.jpg" alt=""
/>
<caption>Callum Breetzke - <b>Social Engagement Officer</b></caption></span>
<caption><em>Working behind-the-scenes to organize events, Callum handles many of the technical aspects of planning such as electronic payment systems and registration forms.</em></caption>
</div>
<div class="col-4">
<span class="image fit"
><img src="/images/exec/2020/Anastasia_Laczko.jpg" alt=""
/>
<caption>Anastasia Laczko - <b>Technical Officer</b></caption></span>
<caption><em>Anastasia develops many of the club's technical resources. She is responsible for UQ MARS' website and handles domain-related matters such as email access and permissions.</em></caption>
</div>
<div class="col-4">
<span class="image fit"
><img src="/images/exec/2020/Konrad_Born.jpg" alt=""
/>
<caption>Konrad Born - <b>Welfare Officer</b></caption></span>
<caption><em>Konrad's role is focused around member well-being and safety. He evaluates safety concerns of events and handles potential complaints directed towards executive members.</em></caption>
</div>
<div class="col-4">
<span class="image fit"
><img src="/images/exec/2020/Nicole_Harding.jpg" alt=""
/>
<caption>Nicole Harding - <b>Logistical Committee</b></caption></span>
<caption><em>Nicole works to ensure events and projects run smoothly, assisting with much of the planning and forethought such as material arrangements, member availability and acquisition of components.</em></caption>
</div>
<div class="col-4">
<span class="image fit"
><img src="/images/exec/2020/Riley_Bowyer.jpg" alt=""
/>
<caption>Riley Bowyer - <b>Logistical Committee</b></caption></span>
<caption><em>Riley is highly involved in many of the club's projects, often providing technical experience and direction to ensure prototypes and development remain on track.</em></caption>
</div>
</div>
</div>
</section>
</div>
</div>
</section>

<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Get in touch</h2>
<p>
Keen to find out more about the club, get involved or propose a
project? Contact us on any of the following channels:
</p>
<ul class="contact">
<ul class="contact">
<li class="icon solid fa-envelope">
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li class="icon brands fa-facebook-f">
<a href="https://www.facebook.com/UQMARS/">Facebook Club Page</a>
</li>
<li class="icon brands fa-facebook-f">
<a href="https://www.facebook.com/groups/uqrobotics/"
>Facebook Student Group</a
>
</li>
<li class="icon brands fa-discord">
<a href="https://discord.gg/vjY49Q8">UQ MARS Discord</a>
</li>
<li class="icon brands fa-instagram">
<a href="https://instagram.com/uq.mars">Instagram</a>
</li>
<li class="icon brands fa-linkedin">
<a href="https://www.linkedin.com/company/uq-mars/">LinkedIn</a>
</li>
<li class="icon brands fa-youtube">
<a href="https://www.youtube.com/channel/UCH3GjoKLL3R_1ayjkn9C78A"
>YouTube</a
>
</li>
<li class="icon">
<a href="https://www.redbubble.com/people/UQ-MARS/shop"
>Our Merch</a
>
</li>
</ul>
<ul class="copyright">
<li>&copy; UQ Mechatronics and Robotics Society. All rights reserved.</li>
<li>Design: UQMARS based on a template from <a href="http://html5up.net">HTML5 UP</a></li>
<li>
Background Photo by
<a
href="https://unsplash.com/@vishnumaiea?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText"
>Vishnu Mohanan</a
>
on
<a
href="https://unsplash.com/photos/pfR18JNEMv8?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText"
>Unsplash</a
>
</li>
</ul>
</div>
</section>
</div>

<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
Loading

0 comments on commit 408aba5

Please sign in to comment.