mirror of
https://github.com/supleed2/ICAS.git
synced 2024-09-19 21:26:18 +00:00
Much work done, only committee descriptions remaining
Including temp website location
This commit is contained in:
commit
15290ac292
2
.gitattributes
vendored
Normal file
2
.gitattributes
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
# Auto detect text files and perform LF normalization
|
||||||
|
* text=auto
|
||||||
BIN
Constitution 404.pdf
Normal file
BIN
Constitution 404.pdf
Normal file
Binary file not shown.
BIN
Markers Usages.docx
Normal file
BIN
Markers Usages.docx
Normal file
Binary file not shown.
BIN
Wacom Borrowing Rules.docx
Normal file
BIN
Wacom Borrowing Rules.docx
Normal file
Binary file not shown.
131
about.html
Normal file
131
about.html
Normal file
|
|
@ -0,0 +1,131 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta https-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!--Setup Bootstrap CSS-->
|
||||||
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
|
||||||
|
<!--Setup Override CSS-->
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
|
||||||
|
<!--Site icon and title-->
|
||||||
|
<link rel="icon" type="image/png" href="favicon.ico">
|
||||||
|
<title>IC Anime Society</title>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="navbar-header">
|
||||||
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
|
||||||
|
aria-expanded="false" aria-controls="navbar">
|
||||||
|
<span class="sr-only">Toggle Navigation</span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="images/logo.png" id="logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="navbar" class="navbar-collapse collapse">
|
||||||
|
<ul class="nav navbar-nav navbar-right">
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="index.html">Home</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
|
||||||
|
aria-expanded="false">About Us<span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="about.html">Who we are</a></li>
|
||||||
|
<li><a href="committee.html">Committee</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
|
||||||
|
aria-expanded="false">What we Do<span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="manga.html">Manga club</a></li>
|
||||||
|
<li><a href="library.html">Manga Library</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://www.imperialcollegeunion.org/shop/club-society-project-products/animesoc-products">Join
|
||||||
|
Now!</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Title bar -->
|
||||||
|
<div class="jumbotron top-item">
|
||||||
|
<div class="container">
|
||||||
|
<h1>About Us</h1>
|
||||||
|
<p>Welcome to Imperial College Anime Scoiety!</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Main Text body -->
|
||||||
|
<div class="container">
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<p>At <strong>AnimeSoc</strong> we cater for all tastes, whether you have never watched anime or read manga,
|
||||||
|
or if you have a bigger collection than we do, we will have something for you.</p>
|
||||||
|
|
||||||
|
<p>Our Anime & Manga library grows year on year, and currently we have over <strong>500 items</strong> on
|
||||||
|
our shelves. By buying membership, you are automatically signed up for borrowing from the library, which
|
||||||
|
has recently added original Japanese manga for those out there who are learning the language or already
|
||||||
|
know it. With the titles available on DVD, which you can borrow for up to a week, you can watch series,
|
||||||
|
films and OVAs you've always wanted to see, in your free time or when you're "supposed" to be studying.
|
||||||
|
<p>We have a very active calendar, filled with manga drawing sessions, film and OVA screenings, socials in
|
||||||
|
London and as many conventions as you can think of. If you want a place where you can chill out and
|
||||||
|
share your passion about anime and manga, this is the place to be!
|
||||||
|
<p>You can sign up to our <a href="https://mailman.ic.ac.uk/mailman/listinfo/animesoc-list">mailing list</a>
|
||||||
|
and join us on <a href="http://discord.gg/BgwDD69">Discord</a> to get the latest updates, or <a
|
||||||
|
href="https://www.imperialcollegeunion.org/shop/club-society-project-products/animesoc-products">join
|
||||||
|
AnimeSoc</a> on the Union site. So come on, join the fun! ^^</p>
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<ul class="list-unstyled">
|
||||||
|
<li><a href="https://eactivities.union.ic.ac.uk/admin/csp/documents/con/pdf/404">ICU Anime &
|
||||||
|
Manga Society Constitution</a></li>
|
||||||
|
</ul>
|
||||||
|
</center>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<span class="footer-text">
|
||||||
|
Join our <a href="http://discord.gg/BgwDD69">Discord</a> server.
|
||||||
|
Sign up to our <a href="https://mailman.ic.ac.uk/mailman/listinfo/animesoc-list">mailing list</a>.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!--Bootstrap Javascript-->
|
||||||
|
<!--=======================================================================-->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||||
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
435
committee.html
Normal file
435
committee.html
Normal file
|
|
@ -0,0 +1,435 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta https-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!--Setup Bootstrap CSS-->
|
||||||
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
|
||||||
|
<!--Setup Override CSS-->
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
|
||||||
|
<!--Site icon and title-->
|
||||||
|
<link rel="icon" type="image/png" href="favicon.ico">
|
||||||
|
<title>IC Anime Society</title>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="navbar-header">
|
||||||
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
|
||||||
|
aria-expanded="false" aria-controls="navbar">
|
||||||
|
<span class="sr-only">Toggle Navigation</span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="images/logo.png" id="logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="navbar" class="navbar-collapse collapse">
|
||||||
|
<ul class="nav navbar-nav navbar-right">
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="index.html">Home</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
|
||||||
|
aria-expanded="false">About Us<span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="about.html">Who we are</a></li>
|
||||||
|
<li><a href="committee.html">Committee</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
|
||||||
|
aria-expanded="false">What we Do<span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="manga.html">Manga club</a></li>
|
||||||
|
<li><a href="library.html">Manga Library</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://www.imperialcollegeunion.org/shop/club-society-project-products/animesoc-products">Join
|
||||||
|
Now!</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Titlebar -->
|
||||||
|
<div class="jumbotron top-item">
|
||||||
|
<div class="container">
|
||||||
|
<h1>Committee</h1>
|
||||||
|
<p>Our glorious leaders present and past!</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="container">
|
||||||
|
<h1>Committee 2022-23</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4 col-md-offset-2">
|
||||||
|
<img src="images/committee/chun.png" class="pres-pic" style="min-width:220px">
|
||||||
|
<h1>President</h1>
|
||||||
|
<strong>Chun Tang</strong>
|
||||||
|
<br>
|
||||||
|
<small>Chun Caption</small>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4">
|
||||||
|
<img src="images/committee/sreekar.jpg" class="pres-pic" style="min-width:220px">
|
||||||
|
<h1>Vice-President</h1>
|
||||||
|
<strong>Sreekar Somayajula</strong>
|
||||||
|
<br>
|
||||||
|
<small>Sreekar Caption</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-md-3">
|
||||||
|
<img src="images/committee/aadi.jpg" class="com-pic">
|
||||||
|
<h1>Tech Admin</h1>
|
||||||
|
<strong>Aadi Desai</strong>
|
||||||
|
<br>
|
||||||
|
<small>In charge of the website, discord server, and karaoke system, and any tech-related issues in the
|
||||||
|
society. Will attempt to stop it all falling apart.</small>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-3">
|
||||||
|
<img src="images/committee/ian.jpg" class="com-pic">
|
||||||
|
<h1>Secretary</h1>
|
||||||
|
<strong>Ian Choi</strong>
|
||||||
|
<br>
|
||||||
|
<small>Ian Caption</small>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-3">
|
||||||
|
<img src="images/committee/chelle.jpg" class="com-pic">
|
||||||
|
<h1>Treasurer</h1>
|
||||||
|
<strong>Rochelle Pun</strong>
|
||||||
|
<br>
|
||||||
|
<small>Rochelle Caption</small>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-3">
|
||||||
|
<img src="images/committee/hetty.jpg" class="com-pic">
|
||||||
|
<h1>Artist-in-residence</h1>
|
||||||
|
<strong>Hetty Symes</strong>
|
||||||
|
<br>
|
||||||
|
<small>Hetty Caption</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-md-3">
|
||||||
|
<img src="images/committee/orlando.jpg" class="com-pic">
|
||||||
|
<h1>Inventory Officer</h1>
|
||||||
|
<strong>Orlando Alford</strong>
|
||||||
|
<br>
|
||||||
|
<small>Orlando Caption</small>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-3">
|
||||||
|
<img src="images/committee/anakin.jpg" class="com-pic">
|
||||||
|
<h1>Social Officer</h1>
|
||||||
|
<strong>Anakin Chan</strong>
|
||||||
|
<br>
|
||||||
|
<small>Anakin Caption</small>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-3">
|
||||||
|
<img src="images/committee/joe.png" class="com-pic">
|
||||||
|
<h1>Ambassador</h1>
|
||||||
|
<strong>Joe Yuan</strong>
|
||||||
|
<br>
|
||||||
|
<small>Joe Caption</small>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-3">
|
||||||
|
<img src="images/committee/kevin.jpg" class="com-pic">
|
||||||
|
<h1>Band Leader</h1>
|
||||||
|
<strong>Kevin Zhang</strong>
|
||||||
|
<br>
|
||||||
|
<small>Kevin Caption</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<hr><br>
|
||||||
|
|
||||||
|
<h2 class="clear">Previous Committees</h2>
|
||||||
|
|
||||||
|
<h3>Committee 2021–2022</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Otto Yuen</li>
|
||||||
|
<li><strong>Vice-President</strong>: Chun Tang</li>
|
||||||
|
<li><strong>Secretary</strong>: Sreekar Somayajula</li>
|
||||||
|
<li><strong>Treasurer</strong>: Mark Salim</li>
|
||||||
|
<li><strong>Technical Administrator</strong>: Aadi Desai</li>
|
||||||
|
<li><strong>Artist in Residence</strong>: Lucina Yuen</li>
|
||||||
|
<li><strong>Inventory Officer</strong>: Dominic Kwok</li>
|
||||||
|
<li><strong>Social Officer</strong>: Ian Choi</li>
|
||||||
|
<li><strong>Ambassador</strong>: Zhin Tan</li>
|
||||||
|
<li><strong>Band Leader</strong>: Justin Cheung</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>Committee 2020–2021</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Samuel Butcher</li>
|
||||||
|
<li><strong>Vice-President</strong>: Otto Yuen</li>
|
||||||
|
<li><strong>Secretary</strong>: Ian Choi</li>
|
||||||
|
<li><strong>Treasurer</strong>: Chun Tang</li>
|
||||||
|
<li><strong>Technical Administrator</strong>: Ivan Ereshchenko</li>
|
||||||
|
<li><strong>Artist in Residence</strong>: Benson Chang</li>
|
||||||
|
<li><strong>Inventory Officer</strong>: Lucina Yuen</li>
|
||||||
|
<li><strong>Social Officer</strong>: Sreekar Somayajula</li>
|
||||||
|
<li><strong>Ambassador</strong>: Zhin Tan</li>
|
||||||
|
<li><strong>Band Leader</strong>: Justin Cheung</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>Committee 2019–2020</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Zhin Tan</li>
|
||||||
|
<li><strong>Vice-President</strong>: Aman Didwania</li>
|
||||||
|
<li><strong>Secretary</strong>: Patawee Jintana</li>
|
||||||
|
<li><strong>Treasurer</strong>: Edward Parker</li>
|
||||||
|
<li><strong>Ambassador</strong>: Junhua Li</li>
|
||||||
|
<li><strong>Technical Administrator</strong>: Samuel Butcher</li>
|
||||||
|
<li><strong>Artist in Residence</strong>: Justin Cheung</li>
|
||||||
|
<li><strong>Social Officer</strong>: Otto Yuen</li>
|
||||||
|
<li><strong>Social Media Officer</strong>: James Tan</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>Committee 2018–2019</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: George Haworth</li>
|
||||||
|
<li><strong>Vice-President</strong>: Zhin Tan</li>
|
||||||
|
<li><strong>Secretary</strong>: Aman Didwania</li>
|
||||||
|
<li><strong>Treasurer</strong>: Pujan Patel</li>
|
||||||
|
<li><strong>Ambassador</strong>: Junhua Li</li>
|
||||||
|
<li><strong>Technical Administrator</strong>: Dennis Tsiang</li>
|
||||||
|
<li><strong>Artist in Residence</strong>: Otto Yuen</li>
|
||||||
|
<li><strong>Social Officer</strong>: Takaoki Soejima</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>Committee 2017–2018</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Ashim Sen Gupta</li>
|
||||||
|
<li><strong>Vice-President</strong>: George Haworth</li>
|
||||||
|
<li><strong>Secretary</strong>: Wern Ng</li>
|
||||||
|
<li><strong>Treasurer</strong>: Zhin Tan</li>
|
||||||
|
<li><strong>Ambassador</strong>: Junhua Li</li>
|
||||||
|
<li><strong>Technical Administrator</strong>: Callum Mance</li>
|
||||||
|
<li><strong>Social Media Officer</strong>: Rutvik Sb</li>
|
||||||
|
<li><strong>Artist in Residence</strong>: Lamber Yang</li>
|
||||||
|
<li><strong>Social Officer</strong>: Dennis Tsiang</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>Committee 2016–2017</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Ashim Sen Gupta</li>
|
||||||
|
<li><strong>Vice-President</strong>: Alan Han</li>
|
||||||
|
<li><strong>Secretary</strong>: Wern Ng</li>
|
||||||
|
<li><strong>Treasurer</strong>: Anna Wang</li>
|
||||||
|
<li><strong>Ambassador</strong>: Carolina Eiras Sa</li>
|
||||||
|
<li><strong>Technical Administrator</strong>: Callum Mance</li>
|
||||||
|
<li><strong>Social Media Officer</strong>: Adam Wan</li>
|
||||||
|
<li><strong>Artist in Residence</strong>: Elizabeth Gray</li>
|
||||||
|
<li><strong>Social Officer</strong>: George Haworth</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>Committee 2015–2016</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Ashim Sen Gupta</li>
|
||||||
|
<li><strong>Vice-President</strong>: Alan Han</li>
|
||||||
|
<li><strong>Secretary</strong>: Cara Patel</li>
|
||||||
|
<li><strong>Treasurer</strong>: Patrick Bourg</li>
|
||||||
|
<li><strong>Ambassador</strong>: Elizabeth Gray</li>
|
||||||
|
<li><strong>Technical Advisor</strong>: Callum Mance</li>
|
||||||
|
<li><strong>Social Media Officer</strong>: Anna Wang</li>
|
||||||
|
<li><strong>Artist in Residence</strong>: Eugene Ng</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>Committee 2014–2015</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Derek Wong</li>
|
||||||
|
<li><strong>Vice-President</strong>: Ben Anuworakarn</li>
|
||||||
|
<li><strong>Secretary</strong>: Diba Esbati</li>
|
||||||
|
<li><strong>Treasurer</strong>: Alex Lown</li>
|
||||||
|
<li><strong>Ambassador</strong>: Jonathan Tan</li>
|
||||||
|
<li><strong>Technical Advisor</strong>: Alan Han</li>
|
||||||
|
<li><strong>Social Co-ordinator</strong>: Faiza Khan</li>
|
||||||
|
<li><strong>Artist in Residence</strong>: Eugene Ng</li>
|
||||||
|
<li><strong>Social Media Officer</strong>: Cara Patel</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<h3>Committee 2013–2014</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Antony Quang</li>
|
||||||
|
<li><strong>Vice-President</strong>: Tony Wang</li>
|
||||||
|
<li><strong>Secretary</strong>: Ben Anuworakarn</li>
|
||||||
|
<li><strong>Treasurer</strong>: Derek Wong</li>
|
||||||
|
<li><strong>Ambassador</strong>: Jonathan Tan</li>
|
||||||
|
<li><strong>Web Admin</strong>: Andrei Lascu</li>
|
||||||
|
<li><strong>Social Co-ordinator</strong>: Vicky Yuen</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<h3>Committee 2012–2013</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Rick Upadhyaya</li>
|
||||||
|
<li><strong>Secretary</strong>: Tony Wang</li>
|
||||||
|
<li><strong>Treasurer</strong>: Atsuhide Miyagi</li>
|
||||||
|
<li><strong>Ambassador</strong>: Ivan So</li>
|
||||||
|
<li><strong>Web Admin</strong>: Andrei Lascu</li>
|
||||||
|
<li><strong>Social Co-ordinator</strong>: Vicky Yuen</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<h3>Committee 2011–2012</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Rick Upadhyaya</li>
|
||||||
|
<li><strong>Secretary</strong>: Tony Wang</li>
|
||||||
|
<li><strong>Treasurer</strong>: Matt Reynolds</li>
|
||||||
|
<li><strong>Ambassador</strong>: Yue Guan</li>
|
||||||
|
<li><strong>Web Admin</strong>: Andrei Lascu</li>
|
||||||
|
<li><strong>Social Co-ordinator</strong>: Sammy Trinh</li>
|
||||||
|
<li><strong>Liaison Officer</strong>: Jonathan Wang</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<h3>Committee 2010–2011</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Rick Upadhyaya</li>
|
||||||
|
<li><strong>Secretary</strong>: Ben Staddon</li>
|
||||||
|
<li><strong>Treasurer</strong>:</li>
|
||||||
|
<li><strong>Ambassador</strong>: Daniel Elson</li>
|
||||||
|
<li><strong>Web Admin</strong>: Ethel Bardsley</li>
|
||||||
|
<li><strong>Social Co-ordinator</strong>: Yue Guan</li>
|
||||||
|
</ul>
|
||||||
|
<h3>Committee 2009–2010</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Anthony Ma</li>
|
||||||
|
<li><strong>Technical Secretary</strong>: Kisho Nakagawa</li>
|
||||||
|
<li><strong>Treasurer</strong>: Florencia Minuzzi</li>
|
||||||
|
<li><strong>Ambassador</strong>: Rick Upadhyaya</li>
|
||||||
|
<li><strong>Web Admin</strong>: </li>
|
||||||
|
<li><strong>Unelected Minion</strong>: Charlotte Mattey</li>
|
||||||
|
</ul>
|
||||||
|
<h3>Committee 2008–2009</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Liam Bennett</li>
|
||||||
|
<li><strong>Technical Secretary</strong>: Arthur Leung</li>
|
||||||
|
<li><strong>Treasurer</strong>: Edwin Lang</li>
|
||||||
|
<li><strong>Ambassador</strong>: Charlotte Mattey</li>
|
||||||
|
<li><strong>Web Admin</strong>: Joe Howells</li>
|
||||||
|
<li><strong>Unelected Minion</strong>: Kenny Yeung</li>
|
||||||
|
</ul>
|
||||||
|
<h3>Committee 2007–2008</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Nick Griffiths</li>
|
||||||
|
<li><strong>Technical Secretary</strong>: Dustin Connor</li>
|
||||||
|
<li><strong>Treasurer</strong>: Florencia Minuzzi</li>
|
||||||
|
<li><strong>Ambassador</strong>: Kenny Yeung</li>
|
||||||
|
<li><strong>Web Admin</strong>: Joe Howells</li>
|
||||||
|
<li><strong>Unelected Minion</strong>: Edwin Lang</li>
|
||||||
|
</ul>
|
||||||
|
<h3>Committee 2006–2007</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Kayleigh Wardell</li>
|
||||||
|
<li><strong>Technical Secretary</strong>: Alex Balhatchet</li>
|
||||||
|
<li><strong>Treasurer</strong>: Antony Churchill</li>
|
||||||
|
<li><strong>Ambassador</strong>: Greta Borg</li>
|
||||||
|
<li><strong>Web Admin</strong>: James Paull</li>
|
||||||
|
<li><strong>Unelected Minion</strong>: Florencia Minuzzi</li>
|
||||||
|
</ul>
|
||||||
|
<h3>Committee 2005–2006</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Ryo Ashida</li>
|
||||||
|
<li><strong>Technical Secretary</strong>: Nick Griffiths</li>
|
||||||
|
<li><strong>Treasurer</strong>: Pedro Rodenas Cuadrado</li>
|
||||||
|
<li><strong>Ambassador</strong>: Kayleigh Wardell</li>
|
||||||
|
<li><strong>Web Admin</strong>: Johan Nystrom</li>
|
||||||
|
</ul>
|
||||||
|
<h3>Committee 2004–2005</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Sadegh Shahrbaf</li>
|
||||||
|
<li><strong>Technical Secretary</strong>: Johan Nystrom</li>
|
||||||
|
<li><strong>Treasurer</strong>: Mitul Shah</li>
|
||||||
|
<li><strong>Ambassador</strong>: Kishore Jeganathan</li>
|
||||||
|
<li><strong>Web Admin</strong>: Chris Tock</li>
|
||||||
|
</ul>
|
||||||
|
<h3>Committee 2003–2004</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Adilah Hussain</li>
|
||||||
|
<li><strong>Technical Secretary</strong>: Jacob Bower</li>
|
||||||
|
<li><strong>Treasurer</strong>: Foo Yong Shen</li>
|
||||||
|
<li><strong>Ambassador</strong>: Daniel Burke</li>
|
||||||
|
<li><strong>Web Admin</strong>: Lim Hwei</li>
|
||||||
|
</ul>
|
||||||
|
<h3>Committee 2002–2003</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>President</strong>: Andrew Lai</li>
|
||||||
|
<li><strong>Technical Secretary</strong>: Jacob Bower</li>
|
||||||
|
<li><strong>Treasurer</strong>: Kunal Sood</li>
|
||||||
|
<li><strong>Ambassador</strong>: Jonathan Holmes</li>
|
||||||
|
<li><strong>Web Admin</strong>: Adilah Hussain</li>
|
||||||
|
</ul>
|
||||||
|
<h3>Committee 2001–2002</h3>
|
||||||
|
<ul id="ul_com">
|
||||||
|
<li><strong>Founder & President</strong>: Wayne Tsang </li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<span class="footer-text">
|
||||||
|
Join our <a href="http://discord.gg/BgwDD69">Discord</a> server.
|
||||||
|
Sign up to our <a href="https://mailman.ic.ac.uk/mailman/listinfo/animesoc-list">mailing list</a>.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!--Bootstrap Javascript-->
|
||||||
|
<!--=======================================================================-->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||||
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
images/committee/ICAS-chan.jpg
Normal file
BIN
images/committee/ICAS-chan.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
images/committee/aadi.jpg
Normal file
BIN
images/committee/aadi.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
images/committee/adam.jpg
Normal file
BIN
images/committee/adam.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 418 KiB |
BIN
images/committee/alan.jpg
Normal file
BIN
images/committee/alan.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
images/committee/aman.jpg
Normal file
BIN
images/committee/aman.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
images/committee/anakin.jpg
Normal file
BIN
images/committee/anakin.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
BIN
images/committee/anna.jpg
Normal file
BIN
images/committee/anna.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
images/committee/ashim.jpg
Normal file
BIN
images/committee/ashim.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
images/committee/ben.jpg
Normal file
BIN
images/committee/ben.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
images/committee/benson.jpg
Normal file
BIN
images/committee/benson.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
images/committee/callum.jpg
Normal file
BIN
images/committee/callum.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
BIN
images/committee/cara.jpg
Normal file
BIN
images/committee/cara.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
images/committee/carolina.jpg
Normal file
BIN
images/committee/carolina.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
BIN
images/committee/chelle.jpg
Normal file
BIN
images/committee/chelle.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 KiB |
BIN
images/committee/chun.png
Normal file
BIN
images/committee/chun.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 278 KiB |
BIN
images/committee/dominic.jpg
Normal file
BIN
images/committee/dominic.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 136 KiB |
BIN
images/committee/edward.jpg
Normal file
BIN
images/committee/edward.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
images/committee/eugene.jpg
Normal file
BIN
images/committee/eugene.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
images/committee/george.jpg
Normal file
BIN
images/committee/george.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
BIN
images/committee/hetty.jpg
Normal file
BIN
images/committee/hetty.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
BIN
images/committee/ian.jpg
Normal file
BIN
images/committee/ian.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
BIN
images/committee/ivan.jpg
Normal file
BIN
images/committee/ivan.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
BIN
images/committee/james.jpg
Normal file
BIN
images/committee/james.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
BIN
images/committee/jerry.jpg
Normal file
BIN
images/committee/jerry.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
BIN
images/committee/joe.png
Normal file
BIN
images/committee/joe.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
images/committee/justin.jpg
Normal file
BIN
images/committee/justin.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
BIN
images/committee/kevin.jpg
Normal file
BIN
images/committee/kevin.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 MiB |
BIN
images/committee/lizzi.jpg
Normal file
BIN
images/committee/lizzi.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
BIN
images/committee/lucina.jpg
Normal file
BIN
images/committee/lucina.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
BIN
images/committee/mark.jpg
Normal file
BIN
images/committee/mark.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 348 KiB |
BIN
images/committee/orlando.jpg
Normal file
BIN
images/committee/orlando.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
images/committee/otto.jpg
Normal file
BIN
images/committee/otto.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 829 KiB |
BIN
images/committee/patawee.jpg
Normal file
BIN
images/committee/patawee.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
BIN
images/committee/patrick.jpg
Normal file
BIN
images/committee/patrick.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
images/committee/placeholder.jpg
Normal file
BIN
images/committee/placeholder.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
images/committee/samuel.jpg
Normal file
BIN
images/committee/samuel.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
BIN
images/committee/sreekar.jpg
Normal file
BIN
images/committee/sreekar.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
images/committee/wern.jpg
Normal file
BIN
images/committee/wern.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 101 KiB |
BIN
images/committee/zhin.jpg
Normal file
BIN
images/committee/zhin.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 387 KiB |
BIN
images/logo.png
Normal file
BIN
images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
images/photos/header.jpg
Normal file
BIN
images/photos/header.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 163 KiB |
BIN
images/photos/icasPicnic.jpg
Normal file
BIN
images/photos/icasPicnic.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 174 KiB |
BIN
images/photos/mangaClub.jpg
Normal file
BIN
images/photos/mangaClub.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
images/photos/mcm.jpg
Normal file
BIN
images/photos/mcm.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
BIN
images/photos/mcm_2018.jpg
Normal file
BIN
images/photos/mcm_2018.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
BIN
images/photos/mealOut.jpg
Normal file
BIN
images/photos/mealOut.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
164
index.html
Normal file
164
index.html
Normal file
|
|
@ -0,0 +1,164 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta https-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!--Setup Bootstrap CSS-->
|
||||||
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
|
||||||
|
<!--Setup Override CSS-->
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
|
||||||
|
<!--Site icon and title-->
|
||||||
|
<link rel="icon" type="image/png" href="favicon.ico">
|
||||||
|
<title>IC Anime Society</title>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="navbar-header">
|
||||||
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
|
||||||
|
aria-expanded="false" aria-controls="navbar">
|
||||||
|
<span class="sr-only">Toggle Navigation</span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="images/logo.png" id="logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="navbar" class="navbar-collapse collapse">
|
||||||
|
<ul class="nav navbar-nav navbar-right">
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="index.html">Home</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
|
||||||
|
aria-expanded="false">About Us<span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="about.html">Who we are</a></li>
|
||||||
|
<li><a href="committee.html">Committee</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
|
||||||
|
aria-expanded="false">What we Do<span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="manga.html">Manga club</a></li>
|
||||||
|
<li><a href="library.html">Manga Library</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://www.imperialcollegeunion.org/shop/club-society-project-products/animesoc-products">Join
|
||||||
|
Now!</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Carousel -->
|
||||||
|
<!-- ====================== -->
|
||||||
|
|
||||||
|
<!-- Indicators -->
|
||||||
|
<div id="carousel" class="carousel slide" data-ride="carousel">
|
||||||
|
<ol class="carousel-indicators">
|
||||||
|
<li data-target="#carousel" data-slide-to="0" class="active"></li>
|
||||||
|
<li data-target="#carousel" data-slide-to="1"></li>
|
||||||
|
<li data-target="#carousel" data-slide-to="2"></li>
|
||||||
|
<li data-target="#carousel" data-slide-to="3"></li>
|
||||||
|
<li data-target="#carousel" data-slide-to="4"></li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<!-- Slides -->
|
||||||
|
<div class="carousel-inner" role="listbox">
|
||||||
|
<div class="item active">
|
||||||
|
<img src="images/photos/header.jpg" alt="Header">
|
||||||
|
<div class="carousel-caption">
|
||||||
|
<h1>Imperial College Anime Society</h1>
|
||||||
|
<p><a class="btn btn-lg btn-primary" href="about.html" role="button">More about us</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<img src="images/photos/icasPicnic.jpg" alt="Picnic">
|
||||||
|
<div class="carousel-caption">
|
||||||
|
<h1>Social Events</h1>
|
||||||
|
<p>The annual Anime Society picnic in Hyde park, to celebrate the end of exams</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<img src="images/photos/mangaClub.jpg" alt="Manga Club">
|
||||||
|
<div class="carousel-caption">
|
||||||
|
<h1>Manga Club</h1>
|
||||||
|
<p>Free art lessons given by our very own artist-in-residence!</p>
|
||||||
|
<p><a class="btn btn-lg btn-primary" href="manga.html" role="button">Manga Club</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<img src="images/photos/mcm_2018.jpg" alt="MCM London">
|
||||||
|
<div class="carousel-caption">
|
||||||
|
<h1>MCM London Comic Con</h1>
|
||||||
|
<p>Subsidized tickets to the UK's largest Anime, Gaming and Comic event, in October and May</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<img src="images/photos/mealOut.jpg" alt="Meal Out">
|
||||||
|
<div class="carousel-caption">
|
||||||
|
<h1>Society Meal Out</h1>
|
||||||
|
<p>Reasonably frequent meals out as a society, usually after a Wednesday social</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Left and Right Controls -->
|
||||||
|
<a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
|
||||||
|
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Previous</span>
|
||||||
|
</a>
|
||||||
|
<a class="right carousel-control" href="#carousel" role="button" data-slide="next">
|
||||||
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<span class="footer-text">
|
||||||
|
Join our <a href="http://discord.gg/BgwDD69">Discord</a> server.
|
||||||
|
Sign up to our <a href="https://mailman.ic.ac.uk/mailman/listinfo/animesoc-list">mailing list</a>.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!--Bootstrap Javascript-->
|
||||||
|
<!--=======================================================================-->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||||
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
130
library.html
Normal file
130
library.html
Normal file
|
|
@ -0,0 +1,130 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta https-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!--Setup Bootstrap CSS-->
|
||||||
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
|
||||||
|
<!--Setup Override CSS-->
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
|
||||||
|
<!--Site icon and title-->
|
||||||
|
<link rel="icon" type="image/png" href="favicon.ico">
|
||||||
|
<title>IC Anime Society</title>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="navbar-header">
|
||||||
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
|
||||||
|
aria-expanded="false" aria-controls="navbar">
|
||||||
|
<span class="sr-only">Toggle Navigation</span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="images/logo.png" id="logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="navbar" class="navbar-collapse collapse">
|
||||||
|
<ul class="nav navbar-nav navbar-right">
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="index.html">Home</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
|
||||||
|
aria-expanded="false">About Us<span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="about.html">Who we are</a></li>
|
||||||
|
<li><a href="committee.html">Committee</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
|
||||||
|
aria-expanded="false">What we Do<span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="manga.html">Manga club</a></li>
|
||||||
|
<li><a href="library.html">Manga Library</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://www.imperialcollegeunion.org/shop/club-society-project-products/animesoc-products">Join
|
||||||
|
Now!</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Title bar -->
|
||||||
|
<div class="jumbotron top-item">
|
||||||
|
<div class="container">
|
||||||
|
<h1>Manga Library</h1>
|
||||||
|
<p>Our society library containing English and Japanese language Anime, Manga and Art Supplies</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Page Contents -->
|
||||||
|
<div class="container">
|
||||||
|
<h1>Anime & Manga Library</h1>
|
||||||
|
<p>Our library contains a wide array of manga and anime from which members can borrow books and DVDs.</p>
|
||||||
|
<p>If you'd like to borrow from the library, email the society email (<a
|
||||||
|
href="mailto:animesoc@imperial.ac.uk">animesoc@imperial.ac.uk</a>)
|
||||||
|
with your name, CID and mobile number and of course what you'd like to
|
||||||
|
borrow.</p>
|
||||||
|
<p>Our current inventory is listed <a
|
||||||
|
href="https://docs.google.com/spreadsheets/d/1ALyOCXoR6Lj_OTRu6VSvloS9nkg8uSpMsLgUzQubNCw/edit?usp=sharing">here</a>.
|
||||||
|
If you are interested in purchasing some titles that are in the inventory, let us know on our society email
|
||||||
|
(<a href="mailto:animesoc@imperial.ac.uk">animesoc@imperial.ac.uk</a>)
|
||||||
|
as we may have copies and will be able to sell it
|
||||||
|
cheaper than store value.</p>
|
||||||
|
|
||||||
|
<h2>Art Materials</h2>
|
||||||
|
We have a slowly increasing collection of art materials including small and medium Wacom graphic tablets,
|
||||||
|
markers, copics, and a scanner.
|
||||||
|
A full list of materials is in the works. Please read the rules for borrowing and using <a
|
||||||
|
href="Markers Usages.docx">markers</a> and <a href="Wacom Borrowing Rules.docx">Wacom tablets</a>.
|
||||||
|
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<span class="footer-text">
|
||||||
|
Join our <a href="http://discord.gg/BgwDD69">Discord</a> server.
|
||||||
|
Sign up to our <a href="https://mailman.ic.ac.uk/mailman/listinfo/animesoc-list">mailing list</a>.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!--Bootstrap Javascript-->
|
||||||
|
<!--=======================================================================-->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||||
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
119
manga.html
Normal file
119
manga.html
Normal file
|
|
@ -0,0 +1,119 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta https-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!--Setup Bootstrap CSS-->
|
||||||
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
|
||||||
|
<!--Setup Override CSS-->
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
|
||||||
|
<!--Site icon and title-->
|
||||||
|
<link rel="icon" type="image/png" href="favicon.ico">
|
||||||
|
<title>IC Anime Society</title>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="navbar-header">
|
||||||
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
|
||||||
|
aria-expanded="false" aria-controls="navbar">
|
||||||
|
<span class="sr-only">Toggle Navigation</span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="images/logo.png" id="logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="navbar" class="navbar-collapse collapse">
|
||||||
|
<ul class="nav navbar-nav navbar-right">
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="index.html">Home</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
|
||||||
|
aria-expanded="false">About Us<span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="about.html">Who we are</a></li>
|
||||||
|
<li><a href="committee.html">Committee</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
|
||||||
|
aria-expanded="false">What we Do<span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="manga.html">Manga club</a></li>
|
||||||
|
<li><a href="library.html">Manga Library</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://www.imperialcollegeunion.org/shop/club-society-project-products/animesoc-products">Join
|
||||||
|
Now!</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Title bar -->
|
||||||
|
<div class="jumbotron top-item">
|
||||||
|
<div class="container">
|
||||||
|
<h1>Manga Club</h1>
|
||||||
|
<p>Drawing lessons and advice given by out artist-in-residence</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Page Contents -->
|
||||||
|
<div class="container">
|
||||||
|
<h1>Welcome to the Manga Club!</h1>
|
||||||
|
|
||||||
|
<p>Manga club and art tutorials are arranged by artist-in-residence Hetty, and will usually be held on
|
||||||
|
Wednesdays. Further information will be distributed as and when it is available</p>
|
||||||
|
<p>Usually via <a href="http://discord.gg/BgwDD69">Discord</a> and the <a
|
||||||
|
href="https://mailman.ic.ac.uk/mailman/listinfo/animesoc-list">Mailing List</a>.</p>
|
||||||
|
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<span class="footer-text">
|
||||||
|
Join our <a href="http://discord.gg/BgwDD69">Discord</a> server.
|
||||||
|
Sign up to our <a href="https://mailman.ic.ac.uk/mailman/listinfo/animesoc-list">mailing list</a>.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!--Bootstrap Javascript-->
|
||||||
|
<!--=======================================================================-->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||||
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
84
style.css
Normal file
84
style.css
Normal file
|
|
@ -0,0 +1,84 @@
|
||||||
|
#logo{
|
||||||
|
max-height:65px;
|
||||||
|
display:inline;
|
||||||
|
float:left;
|
||||||
|
padding-right:30px;
|
||||||
|
padding-bottom:3px;
|
||||||
|
padding-top:5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-nav>li>a{
|
||||||
|
padding-top:15px;
|
||||||
|
padding-bottom:15px;
|
||||||
|
line-height:40px
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
position:fixed;
|
||||||
|
bottom:0;
|
||||||
|
width:100%;
|
||||||
|
height:30px;
|
||||||
|
background-color:#333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-text {
|
||||||
|
line-height:20px;
|
||||||
|
padding-top:7px;
|
||||||
|
vertical-align:middle;
|
||||||
|
color:#FFFFFF;
|
||||||
|
display:table;
|
||||||
|
margin:0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
height:100%;
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-inner, .item, .active {
|
||||||
|
height:100%;
|
||||||
|
width:100%;
|
||||||
|
background-color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-item {
|
||||||
|
padding-top:100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel{
|
||||||
|
height:100%;
|
||||||
|
width:100%;
|
||||||
|
padding-top:60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-inner {
|
||||||
|
height:100%;
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item img {
|
||||||
|
width:100%;
|
||||||
|
vertical-align:bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar {
|
||||||
|
padding-bottom:30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.com-pic {
|
||||||
|
object-fit:cover;
|
||||||
|
max-width:150px;
|
||||||
|
width:100%;
|
||||||
|
height:175px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pres-pic {
|
||||||
|
object-fit:cover;
|
||||||
|
max-width:222px;
|
||||||
|
width:100%;
|
||||||
|
height:259px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row h1 {
|
||||||
|
font-size:20pt;
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue