Porządki + drobne zmiany

_includes/footer.html

@@ -21,7 +21,7 @@ <h1 class="brand_name">
         </ul>
 
         <div class="wrapper cntr">
-            <p>Copyright © <span id="copyright-year"></span> | <a href="#">Privacy Policy</a>
+            <p>Copyright &copy; <span id="copyright-year"></span>
         </div>
     </div>
 </footer>

_includes/homepage/about.html

@@ -34,8 +34,6 @@ <h5 class="color4"><a href="#">Androidzie, Qt, Windows Phone.</a></h5>
                 <h3>Języki programowania</h3>
                 <h5 class="color4"><a href="#">Java, C++ i ObjectiveC, a wkrótce także .Net</a></h5>
             </div>
-
-
         </div>
     </div>
 </section>

_includes/homepage/contact.html

@@ -10,16 +10,16 @@ <h5 class="color5">Polsko-Japońska Akademia
                 <dl class="dlist1">
                     <dt>Telefon:</dt>
                     <dd>
-                        <a href="callto:#"> +48 22 58 44 500 </a>
+                        <a href="callto:+48225844500">+48 22 58 44 500</a>
                     </dd>
                     <dt>E-mail:</dt>
                     <dd>
-                        <a href="mailto:#"> pjatk@pja.edu.pl</a>
+                        <a href="mailto:sum@pjwstk.edu.pl">sum@pjwstk.edu.pl</a>
                     </dd>
                 </dl>
             </div>
 
-            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12  wow fadeInRight  mobile-cntr">
+            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 wow fadeInRight mobile-cntr">
                 <h3 class="mod1"><i class="fa-envelope-o icon3 mod1"></i> <span>Napisz do nas</span>
                 </h3>
 
@@ -49,6 +49,5 @@ <h3 class="mod1"><i class="fa-envelope-o icon3 mod1"></i> <span>Napisz do nas</s
                 </div>
             </div>
         </div>
-
     </div>
 </section>

_includes/homepage/labs.html

@@ -1,9 +1,8 @@
 <section class="well3 bg4">
     <div class="container">
         <h2 class="wow fadeInLeft">OPIS LABORATORIUM</h2>
-
         <div class="row">
-            <div class="col-md-6 col-sm-12 col-xs-12  wow fadeInLeft">
+            <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft">
                 <p>Laboratorium specjalizacji podlega nieustannemu rozwojowi finansowanemu z prac badawczych,
                     statutowych i funduszy uczelni. Przykładem tego procesu jest pracownia 133 wyposażona w
                     komputery Apple wspomagające tworzenie oprogramowania w oparciu o język ObjectiveC. </p>
@@ -12,22 +11,20 @@ <h2 class="wow fadeInLeft">OPIS LABORATORIUM</h2>
                     studentów, jest stale aktualizowane. Obecnie można wymienić urządzenia: </p>
             </div>
 
-            <div class="col-md-3 col-sm-6 col-xs-12  wow fadeInRight">
+            <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight">
                 <ul class="marked-list">
                     <li><a href="#">Nokia Lumia</a></li>
                     <li><a href="#">Samsung Galaxy</a></li>
                     <li><a href="#">Nexu</a></li>
                 </ul>
             </div>
-            <div class="col-md-3 col-sm-6 col-xs-12  wow fadeInRight">
+            <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight">
                 <ul class="marked-list">
                     <li><a href="#">Apple</a></li>
                     <li><a href="#">kostki Dice+</a></li>
                     <li><a href="#">Dell Venue 8</a></li>
                 </ul>
             </div>
-
-
         </div>
     </div>
 </section>

_includes/homepage/projects.html

@@ -7,7 +7,6 @@ <h2>Projekty studentów</h2>
             <div class="item">
                 <blockquote>
                     <h5>PJATK Android</h5>
-
                     <p>
                         <img src="/images/app-pjwstk-android.png" style="width: 250px">
                     </p>
@@ -18,15 +17,12 @@ <h5>PJATK Android</h5>
             <div class="item">
                 <blockquote>
                     <h5>PJATK Apple</h5>
-
                     <p>
                         <img src="/images/app-pjwstk-apple.png" style="width: 250px">
                     </p>
                     <cite>PJATK <br><a href="https://itunes.apple.com/pl/app/pjwstk/id828657671?mt=8">itunes.apple.com</a></cite>
                 </blockquote>
             </div>
-
         </div>
-
     </div>
 </section>

_includes/homepage/videos.html

@@ -46,7 +46,6 @@ <h5>3DprinterBuild</h5>
                 </a>
                 <h5>Halloween 2015</h5>
             </div>
-
             <div class="col-lg-4 wow fadeInLeft" data-wow-delay="2.5s">
                 <a class="various fancybox.iframe" href="http://www.youtube.com/embed/8zg7UOzygos?autoplay=1">
                     <div class="video-img" >
@@ -56,7 +55,5 @@ <h5>Halloween 2015</h5>
                 <h5>That's how we learn with Tomaszew</h5>
             </div>
         </div>
-
-
     </div>
 </section>

_layouts/default.html

@@ -3,10 +3,10 @@
   {% include head.html %}
   <body>
     <div class="page">
-      {% include header.html %}
-      {{ content }}
-      {% include footer.html %}
-    </div>
+        {% include header.html %}
+        {{ content }}
+        {% include footer.html %}
+     </div>
     <script src="/js/script.js"></script>
   </body>
 </html>

_sass/_mixins.scss

@@ -0,0 +1,12 @@
+@mixin transition($transition...) {
+  -moz-transition: $transition;
+  -o-transition: $transition;
+  transition: $transition;
+}
+
+@mixin transform($transform...) {
+  -moz-transform: $transform;
+  -o-transform: $transform;
+  -webmit-transform: $transform;
+  transform: $transform;
+}

_sass/_variables.scss

@@ -0,0 +1,5 @@
+$mobile-breakpoint: 991px;
+
+$color-default: #c2c2c2; //szary domyslny
+$color-default-dark: #f4f5f5; //szary ciemniejszy
+$color-primary: #29d9c2; //czerwony

_sass/camera.scss

@@ -1,3 +1,5 @@
+@import "_mixins.scss";
+
 /*========================================================
                         Camera
 =========================================================*/
@@ -96,14 +98,14 @@
 .camera_loader {
   background: #fff url(../images/camera-loader.gif) no-repeat center;
   border: 1px solid #ffffff;
-  border-radius: 18px;
   height: 36px;
   left: 50%;
   overflow: hidden;
   position: absolute;
   margin: -18px 0 0 -18px;
   top: 50%;
   width: 36px;
+  border-radius: 18px;
   z-index: 3;
 }
 
@@ -193,11 +195,9 @@
   height: 100%;
 }
 .camera_caption .container {
+  box-sizing: border-box;
   color: #fff;
   text-align: center;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
 }
 .camera_caption .container h2 {
   color: #fff;
@@ -245,24 +245,20 @@
   text-align: center;
 }
 .camera_pag_ul li {
+  box-sizing: border-box;
   display: inline-block;
   width: 34px;
   height: 34px;
   line-height: 34px;
   text-align: center;
   cursor: pointer;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
   background: none;
   -moz-transition: 0.3s all ease;
   -o-transition: 0.3s all ease;
   -webkit-transition: 0.3s all ease;
   transition: 0.3s all ease;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
   border: 5px solid #fff;
+  border-radius: 50%;
 }
 .camera_pag_ul li.cameracurrent, .camera_pag_ul li:hover {
   border-color: #29d9c2;

_sass/owl-carousel.scss

@@ -1,3 +1,5 @@
+@import "_mixins.scss";
+
 /*========================================================
                       Owl Carousel
 =========================================================*/
@@ -203,7 +205,6 @@
   height: 100%;
   background-position: center center;
   background-repeat: no-repeat;
-  -webkit-background-size: contain;
   -moz-background-size: contain;
   -o-background-size: contain;
   background-size: contain;
@@ -267,8 +268,6 @@
   width: 8px;
   height: 8px;
   background: #c2c2c2;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
   border-radius: 50%;
 }
 .owl-dots .owl-dot:hover, .owl-dots .owl-dot.active {