Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
145 changes: 85 additions & 60 deletions _layouts/default.html
Original file line number Diff line number Diff line change
@@ -1,15 +1,16 @@
<!doctype html>
<head>
<meta charset="UTF-8">
<meta charset="UTF-8" />
<title>Kiev Perl Mongers
{% if page.title %}
{% if page.title %}
- {{ page.title }}
{% endif %}
{% endif %}
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="styles.css" type="text/css" />
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="bootstrap.min.js"></script>
<script type="text/javascript" src="nextevent.js"></script>
<script>
$(document).ready(function() {
Expand Down Expand Up @@ -47,7 +48,7 @@
<body>
<div class="container">
<div class="row">
<div class="span16">
<div class="span16" style="padding:10px;">
<div class="header">
<h1 id="logo"><a href="/">Kiev.PM</a></h1>
<h2 id="motto">Perl Mongers local group</h2>
Expand All @@ -56,67 +57,91 @@ <h2 id="motto">Perl Mongers local group</h2>
</div>

<div class="row">
<div class="span4">
<div class="media-grid">
<a href="http://en.wikipedia.org/wiki/Kiev" target="_blank">
<img id="image" class="thumbnail" src="kiev.jpg" alt="Photo of Kyiv" title="Article about Kiev on Wikipedia" />
Kiev, Ukraine
</a>
</div>
<div id='resources-pane'>
<h4>Resources</h4>
<ul>
<li>
<a href="http://mail.pm.org/mailman/listinfo/kiev-pm/" target="_blank">
<img src='/img/icons/mailing_list.png' alt="Mailing list icon" />
<span>Mailing list</span>
</a>
</li>
<li>
<a href="https://github.com/kiev-pm" target="_blank">
<img src='/img/icons/github.png' alt="GitHub icon" />
<span>GitHub</span>
</a>
</li>
<li>
<a href="http://www.facebook.com/groups/kiev-pm/" target="_blank">
<img src='/img/icons/facebook.png' alt="Facebook icon" />
<span>Facebook</span>
</a>
</li>
<!-- <li>
<a href="#">
<img src='/img/icons/google_plus.png' alt="Google+ icon" />
<span>Google+</span>
</a>
</li> -->
<li>
<a href="http://www.linkedin.com/groups?gid=2042895" target="_blank">
<img src='/img/icons/linkedin.png' alt="LinkedIn icon" />
<span>LinkedIn</span>
</a>
</li>
<li>
<a href="http://www.google.com/calendar/embed?src=a2lldi5wbS5vcmdfdHNtOWxnaDAydW1hdTBlOGViYjBmNDlhcmNAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ" target="_blank">
<img src='/img/icons/calendar.png' alt="Calendar icor" />
<span>Calendar</span>
<div class="col-md-3" >
<!--nav class="navbar navbar-default" role="navigation"-->
<nav class="nav navbar-default nav-list" style="background-color:transparent;" role="navigation">
<div class="collapse navbar-collapse">
<a href="http://en.wikipedia.org/wiki/Kiev" target="_blank">
<img id="image" class="thumbnail" src="kiev.jpg" alt="Photo of Kyiv" title="Article about Kiev on Wikipedia" />
Kiev, Ukraine
</a>
</li>
<li>
<a href="irc://irc.perl.org#ru.pm" target="_blank" title="#ru.pm on irc.perl.org">
<img src='/img/icons/irc.png' alt="IRC icon" />
<span>#ru.pm</span>
</a>
</li>
</ul>
</div>
</div>

<div class="container">
<div class="row">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#resources">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
Resources
</div> <!-- /.navbar-header -->
</div> <!-- /.navbar-header -->
</div> <!-- /.row -->

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="row">
<div class="collapse navbar-collapse" id="resources">
<ul style="list-style-type: none; padding:0px;">
<li >
<a href="http://mail.pm.org/mailman/listinfo/kiev-pm/" target="_blank">
<img src='/img/icons/mailing_list.png' alt="Mailing list icon" />
<span>Mailing list</span>
</a>
</li>
<li>
<a href="https://github.com/kiev-pm" target="_blank">
<img src='/img/icons/github.png' alt="GitHub icon" />
<span>GitHub</span>
</a>
</li>
<li>
<a href="http://www.facebook.com/groups/kiev-pm/" target="_blank">
<img src='/img/icons/facebook.png' alt="Facebook icon" />
<span>Facebook</span>
</a>
</li>
<!-- <li>
<a href="#">
<img src='/img/icons/google_plus.png' alt="Google+ icon" />
<span>Google+</span>
</a>
</li> -->
<li>
<a href="http://www.linkedin.com/groups?gid=2042895" target="_blank">
<img src='/img/icons/linkedin.png' alt="LinkedIn icon" />
<span>LinkedIn</span>
</a>
</li>
<li>
<a href="http://www.google.com/calendar/embed?src=a2lldi5wbS5vcmdfdHNtOWxnaDAydW1hdTBlOGViYjBmNDlhcmNAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ" target="_blank">
<img src='/img/icons/calendar.png' alt="Calendar icor" />
<span>Calendar</span>
</a>
</li>
<li>
<a href="irc://irc.perl.org#ru.pm" target="_blank" title="#ru.pm on irc.perl.org">
<img src='/img/icons/irc.png' alt="IRC icon" />
<span>#ru.pm</span>
</a>
</li>
</ul>
</div><!-- /.resources -->
</div> <!-- /. row -->
</div><!-- /.container-fluid -->
</nav>
</div>
<div class="span12">
{{ content }}

<div class="col-md-9">
{{ content }}
</div>
</div>
<footer>
<p class='support'><a href='mailto:support@kiev.pm.org'>support@kiev.pm.org</a></p>
<p class='support'><a href='mailto:support@kiev.pm.org'>support@kiev.pm.org</a></p>
</footer>
</div>
</body>
Expand Down
Loading