Skip to content
Snippets Groups Projects
Forked from amiv / Admintool
558 commits behind the upstream repository.
index.html 7.04 KiB
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>AMIV</title>



    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script src="https://npmcdn.com/masonry-layout@4.0/dist/masonry.pkgd.min.js"></script>
<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

<!-- Optional theme -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
    <link href="css/logo-nav.css" rel="stylesheet">
    <link href="css/cards.css" rel="stylesheet">
    <link href="css/dynamic.css" rel="stylesheet">
    <style>
        .grid-item-content {
            height: 100px;
            background: #D26;
            border: 2px solid hsla(0, 0%, 0%, 0.5);
            border-radius: 5px;
        }

        .grid-item-content--height2 {
            height: 200px;
        }
    </style>
</head>


<body>
    <!-- Navigation -->
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	
	<div class="navbar-header">
		<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
		<span class="sr-only">Toggle navigation</span>
		<span class="icon-bar"></span>
		<span class="icon-bar"></span>
		<span class="icon-bar"></span>
		</button>
		<a class="navbar-brand" rel="home" href="#" style="padding-bottom: 10px;padding-top: 10px;">
			<img alt="Brand" src="https://www.amiv.ethz.ch/sites/all/themes/amiv15/logo.png" height="30">
		</a>
	</div>
	
	<div class="collapse navbar-collapse">
		
		<ul class="nav navbar-nav">
			<li><a href="#">Der AMIV</a></li>
			<li><a href="#">Studium</a></li>
			<li><a href="#">Jobbörse</a></li>
		</ul>
		<div class="col-sm-3 col-md-2 pull-right">
		<form class="navbar-form" role="search">
		<div class="input-group">
			<input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term">
			<div class="input-group-btn">
				<button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
			</div>
		</div>
		</form>
		</div>
		<ul class="nav navbar-nav navbar-right welcomening">
            <button type="button" class="btn btn-default navbar-btn loglogbutton" data-toggle="modal" data-target="#myModal" style="margin-left:10px;">Login</button>
		</ul>
	</div>
</div>

<!-- Mainbody -->
    <div class="container-fluid">
        <div class="grid">
            <div class="grid-sizer"></div>
            
<!--             Google Calendar -->
            <div class="grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
	             <div class="responsive-iframe-container big-container card">
		             <iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;mode=AGENDA&amp;height=600&amp;wkst=2&amp;bgcolor=%23ffffff&amp;src=amiv.an.der.eth%40gmail.com&amp;color=%231B887A&amp;src=o8mobocsom5ea8b0d00eidr6a4%40group.calendar.google.com&amp;color=%23691426&amp;src=n18j3pnpl65bp58fjfikvlkbn4%40group.calendar.google.com&amp;color=%238C500B&amp;src=5qbl733r12mejhaosqnqlohccg%40group.calendar.google.com&amp;color=%23ef4ef6&amp;src=5ef1jg56fiaoqbeqago5mbrpd4%40group.calendar.google.com&amp;color=%230F4B38&amp;src=rflnq53lsgj64evaiif691p280%40group.calendar.google.com&amp;color=%2329527A&amp;src=4a7g6cfm9shgpfvmce13aagovs%40group.calendar.google.com&amp;color=%2323164E&amp;src=mdk91hfvr18q8rrlh3sedlhgvo%40group.calendar.google.com&amp;color=%23711616&amp;src=1i7ubr4f35q6hrkond7o4dmtq0%40group.calendar.google.com&amp;color=%23125A12&amp;src=p38tc4mipcao4312oegcmvgkto%40group.calendar.google.com&amp;color=%23711616&amp;ctz=Europe%2FZurich" style="border-width:0" width="800" height="600" frameborder="0"></iframe>
				 </div>
			</div>
			
<!-- 			Twitter widget -->
            <div class="grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
	           	<div class="card">
				 		<p>
				 			<a data-chrome="noheader" class="twitter-timeline" href="https://twitter.com/AMIV_ETHZ/amiv" data-widget-id="389682176024784896" >
					 			Tweets from @AMIV_ETHZ
					 		</a>
						</p>
						<script type="text/javascript">
				 			!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
						</script> 
        		</div>
            </div>
<!--             Facebook widget -->
        </div>
    </div>
    
 <!--Login Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-sm">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Herzlich Willkommen</h4>
      </div>
      <div class="modal-body">
        <div class="input-group">
				<input type="text" class="form-control" id="loginUsername" name="user" placeholder="user">
				<span class="input-group-addon">@student.ethz.ch</span>
			</div>
			<br>
			<input type="password" class="form-control" id="loginPassword" name="password" placeholder="password">
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-primary loginAction" data-dismiss="modal" id="loginSubmit">Login</button>
      </div>
    </div>
  </div>
</div>

 <!-- Anmeldung Modal -->
<div id="anmeldeModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Gratulation - Du bist angemeldet!</h4>
      </div>
      <div class="modal-body eventdets" id="eventdets">
        
      </div>
      <div class="modal-footer">
	    <button type="submit" class="btn btn-primary loginAction" data-dismiss="modal" id="regSubmit">Bestätigungsmail erneut senden</button>
        <button type="submit" class="btn btn-primary loginAction" data-dismiss="modal" id="regSubmit">Abmelden</button>
        <button type="submit" class="btn btn-primary loginAction" data-dismiss="modal" id="regSubmit">Sowas von dabei!</button>
      </div>
    </div>
  </div>
</div>
    
   <script src="js/main.js"></script>
   <script src="js/amivcore.js"></script>
</body>

</html>