Merge pull request #1 from PythonMilano/motto

Motto random, meetup button and alignment

Author: cstrap

assets/css/bootstrap-theme.css

@@ -238,28 +238,3 @@
     border-radius: 3px;
 }
 
-/* calendar */
-
-#calendar {
-    position: absolute;
-    top: 25%;
-    left:25%;
-    font-weight: bold;
-    border: 2px solid black;
-}
-
-#month {
-    position: relative;
-    left: 0;
-    top: 0;
-    margin: 0;
-    padding: 10px 15px;
-    color: #fff;
-    background-color: #BC0000;
-    border-bottom: 2px solid black;
-    font-size: 15px;
-}
-
-#day {
-    font-size: 44px;
-}

assets/css/pymi.css

@@ -0,0 +1,30 @@
+/* Meetup calendario evento */
+
+#next-meetup {
+    position:relative;
+    width: 570px;
+}
+
+#calendar {
+    float:left;
+    margin: 35px 15px 15px 15px;
+    font-weight: bold;
+    border: 2px solid black;
+}
+
+#month {
+    position: relative;
+    left: 0;
+    top: 0;
+    margin: 0;
+    padding: 10px 15px;
+    color: #fff;
+    background-color: #BC0000;
+    border-bottom: 2px solid black;
+    font-size: 15px;
+}
+
+#day {
+    font-size: 44px;
+}
+

assets/js/motto.js

@@ -0,0 +1,13 @@
+$(document).ready(function(){
+    var motti = [ 
+        "La pyBissa de Milan",
+        "Il serpent[1] di Milano",
+        "Python Milano's Flying Cathedral",
+        "Il secondo serpente di Milano, dopo il biscione",
+        ];
+
+    var motto = motti[Math.floor(Math.random() * motti.length)];
+    
+    $('#motto').text('"""' + motto + '"""');
+
+});

index.html

@@ -17,6 +17,7 @@
     <!-- Custom styles for our template -->
     <link rel="stylesheet" href="assets/css/bootstrap-theme.css" media="screen">
     <link rel="stylesheet" href="assets/css/main.css">
+    <link rel="stylesheet" href="assets/css/pymi.css">
 
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
@@ -30,10 +31,10 @@
 <div class="navbar navbar-inverse navbar-fixed-top headroom">
     <div class="container">
         <div class="navbar-header">
-            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span
-                    class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
-            <a class="navbar-brand" href="index.html"><img src="assets/images/logo.png" alt="Progressus HTML5 template">
-                Python Milano</a>
+            <a class="navbar-brand" href="index.html">
+                <img src="assets/images/logo.png" alt="Python Milano" />
+                Python Milano
+            </a>
         </div>
     </div>
 </div>
@@ -43,21 +44,23 @@
         <div class="row">
             <h1 class="lead">Sviluppatori e Appassionati di Python a Milano</h1>
 
-            <p class="tagline"><i>"""La pyBissa de Milan"""</i></p>
+            <p class="tagline"><i id="motto">"""La pyBissa de Milan"""</i></p>
         </div>
     </div>
 </header>
 
-<div class="container text-center" style="position:relative">
+<div class="container text-center" id="next-meetup">
     <div id="calendar">
         <div id="month">OTTOBRE</div>
         <div id="day">22</div>
     </div>
-    <h2 class="thin">Prossimo Meetup</h2>
-    <p class="text-muted">
-        <strong>Genropy - Tool di Migrazione e package editor.</strong> <br><br>
-        <a href="http://www.meetup.com/it/Python-Milano/events/225798285/" class="btn-social btn-outline">Partecipa!</a>
-    </p>
+    <div id="meetup">
+        <h2 class="thin">Prossimo Meetup</h2>
+        <p class="text-muted">
+            <strong>Genropy - Tool di Migrazione e package editor.</strong> <br><br>
+            <a href="http://www.meetup.com/it/Python-Milano/events/225798285/" class="btn btn-action btn-lg">Partecipa!</a>
+        </p>
+    </div>
 </div>
 
 <div class="jumbotron top-space">
@@ -69,7 +72,8 @@ <h2 class="text-center thin">Unisciti al gruppo</h2>
 
             <div class="col-md-3 col-sm-6 highlight">
                 <div class="h-caption">
-                    <h4><i class="fa fa-group fa-5"></i>
+                    <h4>
+                        <i class="fa fa-group fa-5"></i>
                         <a href="http://www.meetup.com/it/Python-Milano/" class="btn-social btn-outline">Meetup</a>
                     </h4>
                 </div>
@@ -82,7 +86,8 @@ <h4><i class="fa fa-group fa-5"></i>
 
             <div class="col-md-3 col-sm-6 highlight">
                 <div class="h-caption">
-                    <h4><i class="fa fa-trello fa-5"></i>
+                    <h4>
+                        <i class="fa fa-trello fa-5"></i>
                         <a href="https://trello.com/b/0BEDDL3K/argomenti-incontri"
                            class="btn-social btn-outline">Trello</a>
                     </h4>
@@ -126,7 +131,8 @@ <h4>
         <div class="row">
             <div class="col-md-3 col-sm-6 highlight">
                 <div class="h-caption">
-                    <h4><i class="fa fa-github fa-5"></i>
+                    <h4>
+                        <i class="fa fa-github fa-5"></i>
                         <a href="https://github.com/PythonMilano" class="btn-social btn-outline">GitHub</a>
                     </h4>
                 </div>
@@ -162,6 +168,7 @@ <h4><i class="fa fa-github fa-5"></i>
 <script src="assets/js/headroom.min.js"></script>
 <script src="assets/js/jQuery.headroom.min.js"></script>
 <script src="assets/js/template.js"></script>
+<script src="assets/js/motto.js"></script>
 
 </body>
-</html>
+</html>