nginx https conf

.gitignore

@@ -2,8 +2,9 @@
 .idea
 *.sublime*
 
-private.json
+private*.json
 
 /node_modules
 /bower_components
 /public
+/build

assets/style/background-picture.scss

@@ -0,0 +1,14 @@
+.background-picture {
+  overflow-x: hidden;
+  width: 100%;
+  height: 95vh;
+  background-repeat: no-repeat;
+
+  &.vertical {
+    background-size: 100% auto;
+  }
+
+  &.horizontal {
+    background-size: auto 100%;
+  }
+}

assets/style/breadcrumbs.scss

@@ -0,0 +1,57 @@
+nav.breadcrumbs{
+  width: 80%;
+  margin: 0 auto;
+  padding: .35em 0 0;
+  color: #bbb;
+
+  a {
+    color: #9990e0;
+  }
+
+  ul{
+    list-style: none;
+
+    li {
+      display: inline-block;
+
+      &:not(:first-child):before{
+        content: '⟶';
+        margin-left: .4em;
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 31.25em) {
+  nav.breadcrumbs{
+    width: 100%;
+    margin: 0;
+    font-size: 0.75em;
+
+    ul{
+      li {
+        &:not(:first-child):before{
+          content: '>';
+          margin-left: .2em;
+        }
+      }
+    }
+  }
+}
+
+@media screen and (min-width: 31.25em) and (max-width: 59.99999em){
+  nav.breadcrumbs{
+    width: 100%;
+    margin: 0;
+    font-size: 0.75em;
+
+    ul{
+      li {
+        &:not(:first-child):before{
+          content: '>';
+          margin-left: .2em;
+        }
+      }
+    }
+  }
+}

assets/style/docs.scss

@@ -1,64 +1,40 @@
 .page-docs {
   &.ng-leave {
-	transform-origin: 50% 50%;
-	animation: rotateOutNewspaper .3s both ease-in;
+    transform-origin: 50% 50%;
+    animation: rotateOutNewspaper .3s both ease-in;
   }
 
   &.ng-enter {
-	animation: scaleUp 0.3s both ease-in
+    animation: scaleUp 0.3s both ease-in
   }
 }
 
-.act{
-	text-decoration: none;
-	border-bottom: 1px dashed #688fff;
+.documents-block {
+  margin: 3em 0 0;
+
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: baseline;
 }
 
-.docblock{
-	// width:100%;
-	margin-bottom: 40px;
+.doc {
+  margin: 0 1.2em 2.5em;
 
-	text-align: center;
-
-	// .docs{
-	// 	text-align: left;
-	// }
-
-	h2{
-		margin-left: 50px;
-		text-align: left;
-	}
-
-	.panel{
-		text-align: left;
-		li{
-			display: inline-block;
-			margin: 0 5px;
-		}
-
-		.select{
-			padding:2px 6px 2px 6px;
-			background-color: #688fff;
-			color: white;
-			border: none;
-		}
-	}
+  p {
+    text-align: center;
+  }
+  img {
+    max-width: 100%;
+  }
 }
 
-.doc{
-	display: inline-block;
-	margin: 30px 35px;
+@media (max-width: 31.25em) {
+  .documents-block {
+    margin: 1em 0 0;
+  }
 
-	img{
-		display: block;
-		margin-left: auto;
-		margin-right: auto;
-		max-width:360px;
-	}
-
-	.docinfo{
-		margin: 0;
-		padding: 0;
-		display: block;
-	}
-}
+  .doc {
+    margin: 0 0 2em;
+  }
+}

assets/style/footer.scss

@@ -1,31 +1,74 @@
-footer{
+footer {
+  color: #e3e3e3;
+  background-color: #151515;
+  font-size: 0.9em;
+  padding: 0 0.5em 0.5em;
   position: relative;
-  background-color: black;
-  color: #ffffff;
 
-  &:before{
+  &:before {
     content: '';
     position: absolute;
     top: -3px;
+    left: 0;
     width: 100%;
     height: 3px;
+    z-index: 100;
     background-image: url('/graphics/rawline.png');
   }
 
-  .info-block{
-    display: flex;
-    margin: 0 20px;
+  h4{
+    font-size: 1.3em;
+    color: white;
+    margin: 0.5em 0 0.7em;
+  }
 
-    & > div{
-      margin: 0 30px 0 10px;
+  ul {
+    padding: 0 0.5em 0 1em;
+    list-style: none;
+
+    li {
+      margin: 0 0 0.5em;
     }
   }
 
-  a{
+  a {
+    padding: 0.15em 0;
+    line-height: 1.5em;
     color: #738cdb;
+    text-decoration: none;
+    border-bottom: 1px solid #2c3652;
   }
 
-  ul{
-    list-style: none;
+  .info-block {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+
+    & > div {
+      box-sizing: border-box;
+      padding: 0 1em;
+    }
+  }
+
+  .contacts {
+    & > div {
+      padding: 0 1em;
+    }
+
+    p {
+      margin: 0.5em 1em;
+    }
+  }
+
+  .copyright {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: baseline;
+    justify-content: space-between;
+
+    span {
+      padding: 1.5em 1em 0.25em;
+      box-sizing: padding-box;
+    }
   }
 }

assets/style/gallery.scss

@@ -0,0 +1,184 @@
+.gallery-block {
+  margin: 2em 0 0;
+  display: block;
+}
+
+.gallery-period{
+  margin-bottom: 2em;
+  
+  & > div{
+    margin: 1.5em 0 0;
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    align-items: flex-start;
+  }
+
+  p.period{
+    text-align: center;
+    font-size: 1.5em;
+    font-weight: bold;
+  }
+}
+
+.gallery-album {
+  margin: 0 1em 2em;
+
+  h3{
+    margin: 0 0 0.35em;
+  }
+
+  img {
+    max-width: 100%;
+  }
+}
+
+.album-block {
+  width: 100%;
+  margin: 1em auto 2em;
+
+  h3 {
+    text-align: center;
+    margin: 1.5em 0 1em;
+  }
+
+  .fotorama__nav-wrap {
+    margin: 6em 0 0;
+  }
+
+  .fotorama__stage{
+    overflow: inherit;
+  }
+
+  .fotorama__stage__frame{
+    overflow: inherit;
+  }
+
+  .album {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+
+  .album-info {
+    width: 80%;
+    margin: 0 0 3em;
+  }
+
+  .album-info p {
+    margin: 0 0 .5em;
+  }
+
+  .album-item {
+    width: 80%;
+    box-sizing: border-box;
+    margin: 0 0 4em;
+    position: relative;
+    background-color: white;
+    padding: 6em;
+    box-shadow: 0 4px 14px -10px rgba(0,0,0, .85);
+
+    &.vertical {
+      width: 47%;
+      min-width: 30em;
+      max-width: 35em;
+    }
+
+    img{
+      width: 100%;
+      box-sizing: border-box;
+      border: .25em solid #eee;
+      border-top-color: #bbb;
+      border-left-color: #ddd;
+    }
+  }
+
+  .product-info{
+    text-align: center;
+    position: absolute;
+    width: 100%;
+    left: 0;
+    bottom: 1em;
+
+    & > div {
+      display: inline-block;
+      padding: .5em 1em;
+      background-color: white;
+      border: 1px solid #f5f5f5;
+      border-radius: .25em;
+      box-shadow: 0 5p/x 4px -4px rgba(0,0,0, .5);
+    }
+
+    p {
+      font-size: 0.75em;
+    }
+    
+    .title {
+      font-weight: bold;
+    }
+  }
+}
+
+@media screen and (max-width: 31.25em) {
+  .album-block {
+    width: 100%;
+    margin: 1em auto 2em;
+
+    h3 {
+      text-align: left;
+      margin: 1em 0 0.5em;
+    }
+
+    .album-info{
+      width: 100%;
+      margin: 0 0 2em;
+    }
+
+    .album-item {
+      width: 100%;
+      padding: 1em 1em 5em;
+      margin: 0 0 2em;
+
+      img{
+        border: .1em solid #eee;
+        border-top-color: #bbb;
+        border-left-color: #ddd;
+      }
+    }
+
+    .product-info {
+      bottom: .5em;
+    }
+  }
+
+  .gallery-album {
+    margin: 0 0 1em;
+  }
+}
+
+@media screen and (min-width: 31.25em) and (max-width: 59.99999em){
+  .album-block {
+    .album-info{
+      width: 100%;
+      margin: 0 0 2em;
+      font-size: 0.75em;
+    }
+
+    .album-item {
+      width: 100%;
+      padding: 2em 2em 5em;
+      margin: 0 0 2em;
+
+      img{
+        border: .15em solid #eee;
+        border-top-color: #bbb;
+        border-left-color: #ddd;
+      }
+    }
+
+    .product-info {
+      bottom: .5em;
+    }
+  }
+}

assets/style/home.scss

@@ -8,3 +8,18 @@
     animation: scaleUp 0.3s both ease-in;
   }
 }
+
+.page.page-home{
+  width: 90%;
+  margin: 0 auto;
+}
+
+.main-block {
+  h1 {
+    font-size: 18pt;
+    text-align: center;
+    font-weight: normal;
+    margin: 1.2em 0 0;
+    padding: 0;
+  }
+}

assets/style/main.scss

@@ -1,41 +1,58 @@
-//html {
-//  overflow-y: hidden;
-//}
-
-body {
-	font-family: "PT Sans", Arial, sans-serif;
-	margin: 0;
-	padding: 0;
+* {
+  margin: 0;
+  padding: 0;
 }
 
-.main {
-  margin-top: 5px;
+html, body {
+  height: 100%;
+}
 
-  .telephone {
-	font-size: 1.25em;
-	margin-left: 30px;
-  }
+body {
+  font-family: "PT Sans", Arial, sans-serif;
+  min-width: 320px;
+}
 
-  h1 {
-    text-align: right;
-    margin: 20px 50px 0 0;
-    font-weight: normal;
-    padding: 0;
-  }
+.wrapper {
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+}
+
+.content {
+  flex: 1;
+  margin: 41px auto 0;
 }
 
 a {
   color: #3f9cea;
   text-decoration: none;
   border-bottom: 1px solid rgba(63, 156, 234, 0.25);
+
+  &:hover {
+    border-bottom: 1px solid rgba(63, 156, 234, 0.5);
+  }
+
+  &:active {
+    border-bottom: 1px solid rgb(63, 156, 234);
+  }
+
+  &.invisible {
+    border-bottom: none;
+  }
 }
 
-a:hover {
-  border-bottom: 1px solid rgba(63, 156, 234, 0.5);
-}
+h3 a {
+  color: black;
+  text-decoration: none;
+  border-bottom: 1px solid #ddd;
 
-a:active {
-  border-bottom: 1px solid rgb(63, 156, 234);
+  &:hover {
+    border-bottom: 1px solid #484848;
+  }
+
+  &:active {
+    border-bottom: 1px solid #000000;
+  }
 }
 
 ul.submenu {
@@ -46,14 +63,14 @@ ul.submenu {
   text-align: center;
 
   li {
-	display: inline-block;
-	vertical-align: top;
-	margin: 0 30px 0 0;
+    display: inline-block;
+    vertical-align: top;
+    margin: 0 30px 0 0;
 
-	p {
-	  margin: 2px 0 0;
-	  font-size: 0.75em;
-	  color: #999;
-	}
+    p {
+      margin: 2px 0 0;
+      font-size: 0.75em;
+      color: #999;
+    }
   }
 }

assets/style/menu.scss

@@ -1,26 +1,33 @@
-.menu {
-  $text_color: #666;
+.main-menu {
 
-  position:relative;
+  position: fixed;
+  z-index: 100;
+  overflow-x: scroll;
+  -webkit-overflow-scrolling: touch;
   width: 100%;
+  //max-height: 15em;
+
   background-color: black;
-  color: $text_color;
-  font-size: 13pt;
+  font-size: 1.1em;
+  color: #666;
 
-  ul {
-    margin: 0 0 0 20px;
+  list-style: none;
+  white-space: nowrap;
 
-    li {
-      display: inline-block;
-      padding: 5px 3px 13px 3px;
-      margin-right: 30px;
-    }
-  }
-
-  :link, :visited {
+  & :link, & :visited {
     text-decoration: none;
     border-bottom: 1px solid #333;
-    color: #ccc;
+    color: #a2a2a2;
+  }
+
+  li {
+    display: inline-block; /* 6 */
+    padding: 0.3em 0.2em 0.5em;
+    margin: 0 0.5em;
+
+    &:first-child {
+      margin-left: 1em;
+    }
   }
 
   a:hover {
@@ -28,37 +35,45 @@
     border-bottom: 1px solid #555;
   }
 
-  .vk {
-    float: right;
-    margin: 13px 15px 0 0;
-    border: none;
-  }
-
   .selected {
     border-top: 4px solid white;
     font-weight: bold;
 
-    a:link, a:visited{
+    a:link, a:visited {
       color: white;
       text-decoration: none;
       border-bottom: none;
     }
 
-    &.blue{
+    &.blue {
       border-top: 4px solid #3f9cea;
     }
 
-    &.green{
+    &.green {
       border-top: 4px solid #5cbe40;
     }
 
-    &.yellow{
+    &.yellow {
       border-top: 4px solid #ffee00;
     }
 
     &.pink {
       border-top: 4px solid #f655a0;
     }
+
+    &.red {
+      border-top: 4px solid #f61b14;
+    }
   }
 }
 
+@media (min-width: 31.25em) {
+  header{
+    //max-height: none;
+    overflow: hidden;
+  }
+
+  .main-menu {
+    width: 100%;
+  }
+}

assets/style/page.scss

@@ -1,10 +1,6 @@
 .page {
-//  position: absolute;
-//  bottom: 0;
-//  top: 0;
-  padding-top: 0px;
+  padding-top: 0;
   width: 100%;
-//  z-index: -1;
 }
 
 .page.ng-leave {

assets/style/pdf.scss

@@ -1,179 +0,0 @@
-#page-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  z-index: -1;
-}
-
-@media screen {
-  #page-container {
-    bottom: 0;
-    right: 0;
-    overflow: auto;
-  }
-  .loading-indicator {
-    display: none;
-    &.active {
-      display: block;
-      position: absolute;
-      width: 64px;
-      height: 64px;
-      top: 50%;
-      left: 50%;
-      margin-top: -32px;
-      margin-left: -32px;
-    }
-    img {
-      position: absolute;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      right: 0;
-    }
-  }
-}
-
-@media print {
-  @page {
-    margin: 0;
-  }
-
-  html {
-    margin: 0;
-  }
-  body {
-    margin: 0;
-    -webkit-print-color-adjust: exact;
-  }
-  #page-container {
-    width: auto;
-    height: auto;
-    overflow: visible;
-    background-color: transparent;
-  }
-  .d {
-    display: none;
-  }
-}
-
-.pf {
-  position: relative;
-  background-color: white;
-  overflow: hidden;
-  border: 0;
-}
-
-.pc {
-  position: absolute;
-  border: 0;
-  padding: 0;
-  margin: 0;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  display: block;
-  transform-origin: 0 0;
-  -ms-transform-origin: 0 0;
-  -webkit-transform-origin: 0 0;
-  &.opened {
-    display: block;
-  }
-}
-
-.bf {
-  position: absolute;
-  border: 0;
-  margin: 0;
-  top: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  -ms-user-select: none;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  user-select: none;
-}
-
-.bi {
-  position: absolute;
-  border: 0;
-  margin: 0;
-  -ms-user-select: none;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  user-select: none;
-}
-
-@media print {
-  .pf {
-    margin: 0;
-    box-shadow: none;
-    page-break-after: always;
-    page-break-inside: avoid;
-  }
-  @-moz-document url-prefix() {
-    .pf {
-      overflow: visible;
-      border: 1px solid #fff;
-    }
-    .pc {
-      overflow: visible;
-    }
-  }
-}
-
-.c {
-  position: absolute;
-  border: 0;
-  padding: 0;
-  margin: 0;
-  overflow: hidden;
-  display: block;
-}
-
-.t {
-  position: absolute;
-  white-space: pre;
-  font-size: 1px;
-  transform-origin: 0 100%;
-  -ms-transform-origin: 0 100%;
-  -webkit-transform-origin: 0 100%;
-  unicode-bidi: bidi-override;
-  -moz-font-feature-settings: "liga" 0;
-}
-
-._ {
-  color: transparent;
-  z-index: -1;
-}
-
-::selection {
-  background: rgba(127, 255, 255, 0.4);
-}
-
-::-moz-selection {
-  background: rgba(127, 255, 255, 0.4);
-}
-
-.pi {
-  display: none;
-}
-
-.d {
-  position: absolute;
-  transform-origin: 0 100%;
-  -ms-transform-origin: 0 100%;
-  -webkit-transform-origin: 0 100%;
-}
-
-// .@CSS_LINK_CN span {
-//     position: relative;
-//     vertical-align: baseline;
-//     display: inline-block;
-//     unicode-bidi: bidi-override;
-// }

assets/style/schedule-mobile.scss

@@ -0,0 +1,61 @@
+.schedule-slider {
+  width: 100%;
+  max-width: 30em;
+  //width: 90%;
+  //margin: 0 auto;
+}
+
+.schedule-slider__slide {
+  height: 100%;
+  overflow-y: auto;
+
+  &.current {
+    border-left: .3em solid #4b8ff3;
+    border-right: .3em solid #4b8ff3;
+  }
+}
+
+.schedule-slider__body {
+}
+
+.schedule-slider__head {
+  text-align: center;
+  font-size: 2em;
+  margin: 0 0 .5em;
+}
+
+.schedule-record {
+  min-height: 10em;
+  text-align: center;
+
+  &.even{
+    background-color: #f3f3fd;
+  }
+
+  &.empty {
+    .schedule-record__head{
+      color: #bbb;
+    }
+  }
+
+  p {
+    margin: .2em 0;
+  }
+}
+
+.schedule-record__head {
+  padding: .25em 0;
+  font-size: 1.2em;
+}
+
+.schedule-record__main {
+}
+
+.schedule-record__name {
+  font-weight: bold;
+  font-size: 1.2em;
+}
+
+.schedule-record__group {
+  position: absolute;
+}

assets/style/schedule-table.scss

@@ -0,0 +1,121 @@
+$current-week-day-color: #4b8ff3;
+
+.schedule-table {
+  margin: 0 auto;
+  width: 100%;
+  min-width: 50em;
+  position: relative;
+
+  table {
+    margin: 2em auto;
+    border-spacing: 0;
+    text-align: center;
+
+    thead {
+      animation-duration: 0.3s;
+
+      th {
+        font-weight: normal;
+        vertical-align: baseline;
+        height: 80px;
+      }
+
+      .date {
+        font-size: 1.5em;
+      }
+
+      .group {
+        color: #666;
+      }
+    }
+
+    tbody tr:nth-child(even) {
+      background-color: #f0f2da;
+    }
+
+    td {
+      vertical-align: baseline;
+
+      &:not(.group) {
+        width: 15%;
+        padding: .75em 1em;
+      }
+
+      &.group {
+        width: 5%;
+
+        p.name {
+          font-size: 1.25em;
+          font-weight: 800;
+        }
+      }
+    }
+
+    thead.fix {
+      position: fixed;
+      top: 41px;
+      background-color: rgba(255, 255, 255, .95);
+      z-index: 50;
+      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
+
+      .current {
+        border: none;
+        border-radius: 0;
+        color: $current-week-day-color;
+      }
+
+      th {
+        height: auto;
+
+        .day {
+          margin: .5em 0;
+        }
+
+        .date {
+          margin: 0 0 .25em;
+        }
+      }
+    }
+
+    tbody.fix:before {
+      content: '';
+      display: block;
+      margin-top: 80px;
+    }
+  }
+
+  p {
+    margin-bottom: .2em;
+  }
+
+  a {
+    color: black;
+
+    text-decoration: none;
+    border-bottom: 1px solid #ccc;
+  }
+
+  .lesson {
+    font-size: 1.1em;
+    font-weight: bold;
+  }
+
+  .teacher {
+    font-style: italic;
+  }
+
+  .current {
+    border-left: 2px solid $current-week-day-color;
+    border-right: 2px solid $current-week-day-color;
+  }
+
+  .canceled:before {
+    position: absolute;
+    content: "";
+    width: 70%;
+    height: 100%;
+    top: 0;
+    left: 15%;
+    background-image: url(lesson-canceled.svg);
+  }
+}

assets/style/schedule.scss

@@ -9,191 +9,13 @@
     }
 }
 
-.schedule{
+.schedule {
     position: relative;
     margin: 30px auto 0 auto;
     padding-bottom: 50px;
     text-align: center;
 
-    table{
-        position: relative;
-        margin: 30px auto 0 auto;
-        
-        border-spacing: 0px;
-        text-align: center;
-
-        td{
-            position: relative;
-
-            &:not(.group){
-                min-width: 150px;
-            /*    width: 15%;*/
-                width: 150px;
-                padding: 8px 10px 8px;
-                
-                vertical-align:baseline;
-            }
-
-            &.group{
-                min-width: 60px;
-            /*    width: 5%;*/
-                width: 60px;
-                position: relative;
-                vertical-align:baseline;
-
-                p.name{
-                    font-size: 1.4em;
-                    font-weight: 800;
-                    color: #242424;
-                }
-            }
-        }
-    }
-
-    thead{
-        animation-duration: 0.3s;
-
-        th{
-            font-weight: normal;
-            vertical-align: baseline;
-            height: 80px;
-            padding: 10px 0 0;
-
-            &.weekend{
-                color: #f52;
-            }
-        }
-
-        .date{
-            font-size: 1.5em;
-        }
-
-        .group{
-            color: #666;
-        }
-    }
-
-    tbody tr:nth-child(even){
-        background-color: #f3f3fd;
-    }
-
-    .lesson{
-        font-size: 1.1em;
-        font-weight: bold;
-    }
-
-    .teacher{
-        font-style: italic;
-    }
-
-    p{
-        margin-bottom: 10px;
-    }
-
-    a{
-        color: black;
-        
-        text-decoration: none;
-        border-bottom: 1px solid #ccc;
-    }
-
-    .current{
-        border-left: 2px solid #4b8ff3;
-        border-right: 2px solid #4b8ff3;
-
-        &.first{
-            border-radius: 15px 15px 0 0;
-            border-top: 2px solid #4b8ff3;
-        }
-
-        &.last{
-            border-radius: 0 0 15px 15px;
-            border-bottom: 2px solid #4b8ff3;
-        }
-    }
-
-    .canceled:before{
-        position: absolute;
-        content: "";
-        width:70%;
-        height: 100%;
-        top: 0;
-        left: 15%;
-        background-image: url(lesson-canceled.svg);
-    }
-
-    ul{
-        margin: 0px auto 30px auto;
-        text-align: center;
-
-        li{
-            display: inline-block;
-            padding: 5px 10px;
-            margin: 0 5px;
-
-            &.current{
-                color: #68aeff;
-                border: none;
-                font-weight: bold;
-            /*    color: #555;*/
-            /*    padding: 5px 15px;*/
-            /*    border: 1px solid #4b8ff3;*/
-            /*    border-radius: 100px;*/
-            }
-        }
-
-        a{
-            color: #3f9cea;
-            border-bottom: 1px dashed #ccc;
-            display: inline-block;
-            padding: 0px;
-        }
-    }
-
-    thead.fix{
-        position: fixed;
-        top: 0;
-        background-color: rgba(255, 255, 255, 0.96);
-        z-index: 100;
-        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
-        border-radius: 0 0 20px 20px;
-
-        .current{
-            border: none;
-            border-radius: 0px;
-            color: #3f9cea;
-            width: 155px;
-        }
-
-        th{
-            height: auto;
-
-            :not(.group){
-                min-width: 150px;
-            /*    width: 15%;*/
-                width: 150px;
-                padding: 8px 10px 8px;
-            }
-
-            &.group{
-                width: 63px;
-            }
-
-            .day{
-                margin: 0;
-                line-height: 0;
-            }
-
-            .date{
-                margin: 15px 0;
-                line-height: 0;
-            }
-        }
-    }
-
-    tbody.fix:before{
-        content: "";    
-        display: block;
-        margin-top: 90px;
+    & > p {
+        margin: 0 0 1em;
     }
 }

assets/style/tape-viewer.scss

@@ -1,12 +1,17 @@
 .tape-block{
-  width: 70%;
-  max-width: 700px;
-  min-width: 300px;
+  width: 60%;
+  max-width: 1000px;
 
-  margin: 100px auto 100px;
+  margin: 2em auto;
+
+  &.simplified{
+    .tape{
+      display: none;
+    }
+  }
 }
 
-.tape-block-content{
+.tape-block__body{
   position: relative;
   width: 100%;
 
@@ -40,4 +45,45 @@
     right: -25px;
     background-image: url(/graphics/tape-rb.png);
   }
+}
+
+@media screen and (max-device-width: 31.25em) {
+  .tape-block {
+    width: 90%;
+    margin: 1.5em auto;
+  }
+
+  .tape-block__body {
+    .tape {
+      width: 62px;
+      height: 62px;
+      position: absolute;
+      z-index: 10;
+    }
+
+    .tape-tl {
+      top: -20px;
+      left: -20px;
+      background-image: url(/graphics/m-tape-tl.png);
+      background-size: 100%;
+    }
+
+    .tape-tr {
+      top: -20px;
+      right: -20px;
+      background-image: url(/graphics/m-tape-tr.png);
+    }
+
+    .tape-bl {
+      bottom: 10px;
+      left: -20px;
+      background-image: url(/graphics/m-tape-bl.png);
+    }
+
+    .tape-br {
+      bottom: 10px;
+      right: -20px;
+      background-image: url(/graphics/m-tape-br.png);
+    }
+  }
 }

assets/style/team.scss

@@ -1,57 +1,48 @@
 .page-team {
-    &.ng-leave {
-        animation: slideOutLeft 0.3s both ease-in;
-    }
+  &.ng-leave {
+    animation: slideOutLeft 0.3s both ease-in;
+  }
 
-    &.ng-enter {
-        animation: slideInRight 0.3s both ease-in;
-    }
+  &.ng-enter {
+    animation: slideInRight 0.3s both ease-in;
+  }
 }
 
-.background-picture{
+.team-block {
+  background-color: white;
+  width: 100%;
+  padding-top: 3em;
+
+  .team-member {
+    width: 80%;
+    margin: 0 auto 3em;
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+  }
+
+
+  .team-member__picture {
+    width: 20%;
+    max-width: 15em;
+    min-width: 12em;
+    margin: 0 1em;
+  }
+
+  .team-member__picture img {
     width: 100%;
-    position: fixed;
-    top:0;
-    left: 0;
-    z-index: -999;
-}
+  }
 
-.team-block{
-    background-color: white;
-    width:100%;
-    min-height: 100px;
-    padding-top: 100px;
-    padding-bottom: 100px;
-    margin-top: 63%;
+  .team-member__info {
+    width: 60%;
+    margin: 0 1em;
 
-    ul{
-        list-style:none;
-    }
+    h3 {
+      font-weight: 200;
 
-    .team-member{
-        margin: 0 auto 50px auto;
-        width: 70%;
-
-        img{
-            width: 40%;
-            max-width: 600px;
-            min-width: 200px;
-            display: inline-block;
-        }
-
-        .info{
-            display: inline-block;
-            float: right;
-            width: 55%;
-            line-height: 2em;
-
-            h3{
-                font-weight: 100;
-
-                span{
-                    font-weight: 600;
-                }
-            }
-        }
+      span {
+        font-weight: 600;
+      }
     }
+  }
 }

assets/style/timeline-content.scss

@@ -1,45 +0,0 @@
-.timeline {
-  .post {
-    .user{
-      margin-top: 4px;
-
-      span{
-        vertical-align: top;
-        line-height: 40px;
-      }
-
-      img {
-        width: 40px;
-        height: 40px;
-        border-radius: 50%;
-      }
-    }
-
-    .date{
-      margin: 5px 0 0;
-      color: #999;
-      font-size: 0.75em;
-    }
-
-    .body{
-      padding: 20px 20px 50px;
-//      padding: 12px 0 0;
-//      h2{
-//
-//      }
-
-      a{
-        border-bottom: none;
-      }
-
-      img {
-        width: 100%;
-        max-width: 500px;
-        box-sizing: border-box;
-        border-radius: 5px;
-        border: 8px solid white;
-        box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.35);
-      }
-    }
-  }
-}

assets/style/timeline-instagram.scss

@@ -0,0 +1,34 @@
+.timeline-record {
+  .instagram {
+    margin: 0 auto;
+    max-width: 640px;
+
+    .head {
+      width: 100%;
+      margin: 0 0 .5em;
+
+      .user {
+        span {
+          vertical-align: top;
+          line-height: 40px;
+        }
+
+        img {
+          width: 40px;
+          height: 40px;
+          border-radius: 50%;
+        }
+      }
+    }
+
+    .body img {
+      width: 100%;
+      height: auto;
+      box-sizing: border-box;
+      border: .5em solid white;
+      box-shadow: 0 .2em 0.35em rgba(0, 0, 0, 0.35);
+      border-radius: .35em;
+      margin: 0 0 1em;
+    }
+  }
+}

assets/style/timeline-record.scss

@@ -0,0 +1,8 @@
+.timeline-record {
+  margin: 0 0 3em;
+  .date {
+    margin: 0 0 0.45em;
+    font-size: 0.75em;
+    color: #999;
+  }
+}

assets/style/timeline.scss

@@ -1,103 +1,38 @@
 .timeline{
-  min-width: 500px;
-  position: relative;
-  margin: 0 0 50px;
+  display: flex;
+  flex-direction: column;
+  width: 70%;
+  margin: 0 auto 2em;
+}
 
-  &:before{
-    content: '';
-    width: 10px;
-    height: 10px;
-    position: absolute;
-    background-color: black;
-    top: 0;
-    left: calc(50% - 6px);
-    border-radius: 50%;
-    z-index: 1;
+.timeline-footer{
+  display: flex;
+  justify-content: center;
+
+  button.more{
+    position: relative;
+    top: -2px;
+
+    width: 100px;
+    height: 40px;
+    border: 2px solid black;
+    padding: 0 10px;
+    background: none;
+
+    font-size: 14pt;
+
+    &:hover{
+      background: gainsboro;
+    }
+
+    &:active{
+      top: 0;
+    }
   }
 }
 
-.post{
-  position: relative;
-  display: flex;
-
-  .head, .body{
-    position: relative;
-    width: 50%;
-    box-sizing: border-box;
-  }
-
-  .head {
-    padding: 25px 20px;
-  }
-
-  .body {
-    padding: 0 20px;
-  }
-
-  &.left{
-    flex-flow: row-reverse;
-
-    .body{
-      text-align: right;
-    }
-
-    .head{
-      text-align: left;
-    }
-
-    .body:after{
-      content: '';
-      position: absolute;
-      width: 12px;
-      height: calc(100% - 98px);
-      top: 98px;
-      right: 0;
-      background: url(/graphics/timeline-line.png) no-repeat right;
-      background-size: 2px 100%;
-    }
-
-    .head:after{
-      content: '';
-      position: absolute;
-      width: 12px;
-      height: 98px;
-      top: 0;
-      left: -12px;
-      background: url(/graphics/timeline-arrow-left.png) no-repeat;
-    }
-  }
-
-  &.right{
-    flex-flow: row;
-
-    .body{
-      text-align: left;
-    }
-
-    .head{
-      text-align: right;
-      margin: 0 10px;
-    }
-
-    .body:after{
-      content: '';
-      position: absolute;
-      width: 100px;
-      height: calc(100% - 98px);
-      top: 98px;
-      left: -12px;
-      background: url(/graphics/timeline-line.png) no-repeat;
-      background-size: 2px 100%;
-    }
-
-    .head:after{
-      content: '';
-      position: absolute;
-      width: 12px;
-      height: 98px;
-      top: 0;
-      left: calc(100% - 2px);
-      background: url(/graphics/timeline-arrow-right.png) no-repeat;
-    }
+@media screen and (max-device-width: 31.25em) {
+  .timeline {
+    width: 98%;
   }
 }

bin/insta.js

@@ -1,140 +0,0 @@
-/**
- * Created by tmshv on 22/11/14.
- */
-
-var config = require("../config");
-var db = require("../core/db");
-var instagram = require("../core/instagram");
-var express = require("express");
-var Promise = require("promise");
-var methodOverride = require("method-override");
-var logger = require("morgan");
-var cookieParser = require("cookie-parser");
-var bodyParser = require("body-parser");
-
-var Post = require("../schema/post");
-
-db.init(config.db)
-    .then(function () {
-        server(config.port);
-    });
-
-function server(port) {
-    var app = express();
-    app.use(logger("dev"));
-    app.use(cookieParser());
-    app.use(bodyParser.json());
-    app.use(bodyParser.urlencoded({extended: true}));
-    app.use(methodOverride());
-
-    require("../routers/instagram")(app);
-
-    var Router = express.Router;
-    var instagram = require("../core/instagram");
-    var router = new Router();
-    router.route("/").get(function (req, res) {
-        if ("instagram_code" in req.cookies) {
-            var client = instagram.client(req.cookies["instagram_code"]);
-            instagramSandbox(client, res);
-        } else {
-            var ig = instagram.client();
-            var url = ig.get_authorization_url(config.instagram.redirect_uri, {scope: ["basic"], state: "hello"});
-            res.redirect(url);
-        }
-    });
-    app.use(router);
-    app.listen(port);
-}
-
-function instagramSandbox(ig, res) {
-//    //{"username":"mlazareffa","bio":"","website":"","profile_picture":"http://images.ak.instagram.com/profiles/anonymousUser.jpg","full_name":"","id":"1549382451"}
-//    //ig.user_search("mlazareffa", [], function(err, users, remaining, limit) {
-//    //    console.log(err, users, remaining, limit);
-//    //    res.json(users);
-//    //});
-//
-//    // ig.user_media_recent("1549382451", [], function (err, medias, pagination, remaining, limit) {
-//    //     console.log(err, medias, pagination, remaining, limit);
-//    //     res.json(users);
-//    // });
-//
-//    //ig.subscriptions(function(err, result, remaining, limit){
-//    //    console.log(err, result, remaining, limit);
-//    //    res.json(result);
-//    //});
-//
-//    //ig.del_subscription({id: 14180526}, function (err, subscriptions, limit) {
-//    //        console.log(err, subscriptions, limit);
-//    //        res.json(subscriptions);
-//    //});
-//
-//    ///* OPTIONS: { [verify_token] }
-//    // ig.add_tag_subscription("hello", "http://home.tmshv.ru:1337/instagram/tag/hello", [], function(err, result, remaining, limit){
-//    //    console.log(err, result, remaining, limit);
-//    //    res.json(result);
-//    //});
-
-    findByTag(ig, "shlb_hudozka", 50)
-        .catch(function (error) {
-            console.log(error);
-        })
-        .then(function (params) {
-            var list = params.medias;
-            var pagination = params.pagination;
-            var remaining = params.remaining;
-            var limit = params.limit;
-
-            var posts = list.map(function (gram) {
-                //var post = new Post();
-                var post = {};
-                post.id = gram.id;
-                post.author = gram.user["username"];
-                post.publishDate = new Date(parseInt(gram["created_time"]) * 1000);
-                post.data = gram;
-                post.body = "";
-                post.type = "instagram";
-
-                return post;
-            });
-
-            Promise.all(posts.map(function (post) {
-                return new Promise(function (resolve, reject) {
-                    console.log('updating', post.id);
-                    Post.update({id: post.id}, post, {upsert: true}, function (error, num) {
-                        if (error) {
-                            reject(error);
-                        } else {
-                            resolve();
-                        }
-                    });
-                });
-            }))
-                .catch(function (error) {
-                    console.log(error);
-                })
-                .then(function () {
-                    res.send("LOL");
-                });
-
-            //if (pagination.next) {
-            //    pagination.next(mtr); // Will get second page results
-            //}
-        });
-}
-
-function findByTag(ig, tag, count) {
-    return new Promise(function (resolve, reject) {
-        ig.tag_media_recent(tag, {count: count}, function (err, medias, pagination, remaining, limit) {
-            if (err) {
-                reject(err);
-            } else {
-                resolve({
-                    medias: medias,
-                    pagination: pagination,
-                    remaining: remaining,
-                    limit: limit
-                });
-            }
-        });
-    });
-}

bin/www.js

@@ -5,8 +5,11 @@
 var config = require("../config");
 var db = require("../core/db");
 var server = require("../server");
+var instagram = require("../instagram");
 
 db.init(config.db.uri)
+    //.then(instagram)
     .then(function () {
-        server(config.port);
+        var app = server();
+        app.listen(config.port);
     });

bower.json

@@ -22,9 +22,11 @@
   "dependencies": {
     "fotorama": "~4.6.2",
     "jquery": "~2.1.1",
-    "angular-route": "~1.3.3",
-    "angular-animate": "~1.3.3",
-    "angular": "~1.3.3",
-    "angulartics": "~0.17.2"
+    "angular-route": "~1.4.1",
+    "angular-animate": "~1.4.1",
+    "angular": "~1.4.1",
+    "angulartics": "~0.17.2",
+    "angular-spinner": "~0.6.1",
+    "socket.io-client": "~1.3.5"
   }
 }

client/api/api.js

@@ -2,11 +2,16 @@
  * Created by tmshv on 22/11/14.
  */
 
+var APINews = require("./news");
+var APIGallery = require("./gallery");
+
 module.exports = function(app) {
+    var minute = 1000 * 60;
+
     app.factory("api", function ($http) {
         var api = {};
-        var Endpoint = require("./news");
-        api.news = new Endpoint($http);
+        api.news = new APINews($http);
+        api.gallery = new APIGallery($http, minute);
 
         return api;
     });

client/api/gallery.js

@@ -0,0 +1,22 @@
+/**
+ * Created by tmshv on 22/11/14.
+ */
+
+function APIGallery(http){
+    this.request = http;
+}
+
+APIGallery.prototype.year = function(year) {
+    return this.request.get("/gallery/" + year, {cache: true});
+};
+
+APIGallery.prototype.album = function(year, course, album) {
+    var url = '/gallery/{year}/{course}/{album}'
+        .replace('{year}', year)
+        .replace('{course}', course)
+        .replace('{album}', album);
+
+    return this.request.get(url, {cache: true});
+};
+
+module.exports = APIGallery;

client/api/news.js

@@ -2,12 +2,14 @@
  * Created by tmshv on 22/11/14.
  */
 
+var query = require("../../utils/net").query;
+
 function APIFeed(http){
     this.request = http;
 }
 
-APIFeed.prototype.feed = function() {
-    return this.request.get("/news");
+APIFeed.prototype.feed = function(count, portion) {
+    return this.request.get("/news?"+query([["count", count], ["portion", portion]]));
 };
 
 module.exports = APIFeed;

client/app.js

@@ -2,12 +2,20 @@
  * Created by tmshv on 04/11/14.
  */
 
-var app = angular.module("hudozhka", [
+var deps = [
+    require('./modules/schedule')
+]
+    .map(function(m){
+        return m.name;
+    });
+
+var app = angular.module("hudozhka", deps.concat([
     "hudozhka.data",
     "ngRoute",
     "angulartics",
-    "angulartics.google.analytics"
-]);
+    "angulartics.google.analytics",
+    "angularSpinner"
+]));
 
 app.config(function ($locationProvider, $routeProvider) {
     $locationProvider.hashPrefix("!");
@@ -18,19 +26,30 @@ app.config(function ($locationProvider, $routeProvider) {
             name: "/",
             templateUrl: "/views/home.html",
             controller: "HomePageController",
-            title:"ДШХ Шлиссельбурга"
+            title: "ДХШ Шлиссельбурга"
         },
         {
-            name: "/schedule",
+            name: "/schedule/:period?/:semester?",
             templateUrl: "/views/schedule.html",
             controller: "SchedulePageController",
-            title:"Расписание"
+            title: "Расписание"
         },
         {
             name: "/team",
             templateUrl: "/views/team.html",
             controller: "TeamPageController",
-            title:"Преподаватели"
+            title: "Преподаватели"
+        },
+        {
+            name: "/gallery",
+            templateUrl: "/views/gallery.html",
+            controller: "GalleryPageController",
+            title: "Работы учащихся"
+        },
+        {
+            name: "/gallery/:year/:course/:album",
+            templateUrl: "/views/gallery-album.html",
+            controller: "AlbumPageController"
         },
         {
             name: "/docs",
@@ -41,6 +60,7 @@ app.config(function ($locationProvider, $routeProvider) {
     ];
 
     routes.forEach(function (route) {
+        if (typeof route === 'function') route = route();
         $routeProvider.when(route.name, route);
     });
 
@@ -49,31 +69,43 @@ app.config(function ($locationProvider, $routeProvider) {
     });
 });
 
-app.run(function($location, $rootScope, $http) {
+app.run(function ($location, $rootScope, $http) {
     $rootScope.$on("$routeChangeSuccess", function (event, current) {
-        $rootScope.title = current["$$route"].title;
+        var title = current["$$route"].title;
+        if (title) $rootScope.title = title;
     });
 
     $http.defaults.headers.common["Accept"] = "application/json";
 });
 
 require("./api/api")(app);
+require("./services/io")(app);
+require("./directives/mainMenu")(app);
+require("./directives/teamMemberProfile")(app);
+require("./directives/backgroundPicture")(app);
 require("./ui/menu")(app);
+require("./ui/breadcrumbs")(app);
 require("./ui/timeline")(app);
+require("./filters/strip")(app);
+require("./filters/remove-hashtags")(app);
+require("./filters/removeNewline")(app);
 require("./filters/uppercase-first")(app);
 require("./pages/home")(app);
 require("./pages/schedule")(app);
 require("./pages/team")(app);
+require("./pages/gallery")(app);
 require("./pages/docs")(app);
+require("./controllers/ContactsController")(app);
+require("./controllers/CopyrightController")(app);
 
 app.controller("SchedulePageController", function ($scope) {
     $scope.pageClass = "page-schedule";
 });
 
-app.controller("TeamPageController", function ($scope) {
-    $scope.pageClass = "page-team";
-});
-
 app.controller("DocsPageController", function ($scope) {
     $scope.pageClass = "page-docs";
+});
+
+app.controller("AppController", function ($scope, menu) {
+    $scope.menuProvider = menu.items;
 });

client/controllers/ContactsController.js

@@ -0,0 +1,7 @@
+module.exports = function (app) {
+    app.controller('ContactsController', function ($scope, config) {
+        $scope.address = config.address;
+        $scope.telephone = config.telephone;
+        $scope.email = config.email;
+    });
+};

client/controllers/CopyrightController.js

@@ -0,0 +1,17 @@
+module.exports = function (app) {
+    app.controller('CopyrightController', function ($scope, $rootScope) {
+        $scope.developer = true;
+        $scope.now = new Date().getFullYear();
+
+        $rootScope.$on('$routeChangeSuccess', function (event, current) {
+            var originalPath;
+            try{
+                originalPath = current['$$route'].originalPath;
+            }catch(e){
+                originalPath = null;
+            }
+
+            $scope.developer = originalPath == '/';
+        });
+    });
+};

client/data.js

@@ -6,7 +6,7 @@ angular.module("hudozhka.data", [])
     .service("team", function () {
         return require("../models/team");
     })
-    .service("schedule", function () {
+    .service("scheduleData", function () {
         return require("../models/schedule");
     })
     .service("docs", function () {
@@ -14,6 +14,11 @@ angular.module("hudozhka.data", [])
     })
     .service("config", function(){
         return {
-            telephone: "8 (81362) 77-502"
+            telephone: "+7 (81362) 76-312",
+            email: "hudozka@gmail.com",
+            address: ["г. Шлиссельбург", "ул. 18 января", "д. 3"]
+                .reduce(function(address, item){
+                    return address + (address == '' ? '' : ' ') + item.replace(' ', String.fromCharCode(0xA0));
+                }, '')
         };
     });

client/directives/backgroundPicture.js

@@ -0,0 +1,26 @@
+module.exports = function (app) {
+    app.directive('backgroundPicture', function () {
+        return {
+            restrict: 'E',
+            template: '<div class="background-picture" />',
+            scope: {
+                src: '='
+            },
+            link: function($scope, $element){
+                var element = $element.find('.background-picture').get(0);
+                element.style.backgroundImage = `url('${$scope.src}')`;
+
+                setTimeout(function () {
+                    var w = element.offsetWidth;
+                    var h = element.offsetHeight;
+
+                    if (w > h) {
+                        element.classList.add('horizontal');
+                    } else {
+                        element.classList.add('vertical');
+                    }
+                }, 100);
+            }
+        }
+    });
+};

client/directives/mainMenu.js

@@ -0,0 +1,24 @@
+module.exports = function (app) {
+    app.directive('mainMenu', function (menu) {
+        return {
+            restrict: 'E',
+            templateUrl: '/views/menu.html',
+            scope: {
+                menu: '=items'
+            },
+            link: function(scope, element){
+                scope.isActive = function (item) {
+                    if (menu.current) {
+                        return item.url == menu.current.url;
+                    } else {
+                        return false;
+                    }
+                };
+
+                scope.isValid = function (item) {
+                    return 'url' in item;
+                };
+            }
+        }
+    });
+};

client/directives/teamMemberProfile.js

@@ -0,0 +1,13 @@
+module.exports = function (app) {
+    app.directive('teamMemberProfile', function (menu) {
+        return {
+            restrict: 'E',
+            templateUrl: '/views/team/profile.html',
+            scope: {
+                person: '=profile'
+            },
+            link: function(scope, element){
+            }
+        }
+    });
+};

client/filters/remove-hashtags.js

@@ -0,0 +1,11 @@
+/**
+ * Created by tmshv on 21/11/14.
+ */
+
+module.exports = function(app) {
+    app.filter("removeHashtags", function () {
+        return function(string) {
+            return string.replace(/(#[^\s]+)/g, '');
+        };
+    });
+};

client/filters/removeNewline.js

@@ -0,0 +1,11 @@
+/**
+ * Created by tmshv on 21/11/14.
+ */
+
+module.exports = function(app) {
+    app.filter("removeNewline", function () {
+        return function(string) {
+            return string.replace(/(\n)/g, ' ');
+        };
+    });
+};

client/filters/strip.js

@@ -0,0 +1,13 @@
+/**
+ * Created by tmshv on 21/11/14.
+ */
+
+module.exports = function(app) {
+    app.filter("strip", function () {
+        return function(string) {
+            return string
+                .replace(/^\s+/, '')
+                .replace(/\s+$/, '');
+        };
+    });
+};

client/instagram.js

@@ -0,0 +1,28 @@
+/**
+ * Created by tmshv on 06/11/14.
+ */
+
+angular.module("hudozhka.instagram", [])
+    .controller("InstagramController", function($scope, $http, $window){
+        //$scope.auth = function() {
+        //    $http.get("/instagram/auth/url")
+        //        .success(function (data) {
+        //            $window.location.href = data.url;
+        //        });
+        //};
+
+        $http.get("/instagram/user")
+            .error(function() {
+
+            })
+            .success(function (user) {
+                $scope.user = user;
+            });
+
+        $scope.invite = function() {
+            $http.get("/instagram/invite")
+                .success(function (data) {
+                    $scope.inviteCode = data.code;
+                });
+        };
+    });

client/modules/schedule.js

@@ -0,0 +1,155 @@
+var getDates = require('../../utils/date').getDates;
+
+module.exports = angular.module('hudozka.schedule', [])
+    .directive('schedule', function ($compile) {
+        return {
+            restrict: 'E',
+            scope: {
+                groups: '='
+            },
+            link: function (scope, element) {
+                var template = `<schedule-table groups="${scope.groups}"></schedule-table>`;
+
+                try {
+                    if (window.matchMedia('(max-device-width: 30em)').matches) {
+                        template = `<schedule-slider groups="${scope.groups}"></schedule-slider>`
+                    }
+                } catch (e) {
+                }
+
+                element.html(template).show();
+                $compile(element.contents())(scope);
+            }
+        };
+    })
+    .directive('scheduleTable', function () {
+        return {
+            templateUrl: '/views/schedule/table.html',
+            link: function (scope, element) {
+                //var this_element = element[0];
+
+                var now = new Date();
+                var dates = getDates(now);
+
+                scope.isToday = function (weekDayIndex) {
+                    return (now.getDay() - 1) === weekDayIndex;
+                };
+
+                scope.weekDay = function (weekDayIndex) {
+                    return dates[weekDayIndex];
+                };
+
+                var $tbody = element.find('table tbody');
+                var $thead = element.find('table thead');
+                var $td_list = [];
+
+                var min;
+                var max;
+                $(window).scroll(function () {
+                    const scrollOffset = 150;
+                    if(!min) min = element.find('table tbody tr:first-child')[0].offsetTop + scrollOffset;
+                    if(!max) max = element.find('table tbody tr:last-child')[0].offsetTop + scrollOffset;
+
+                    if(!$td_list.length) $td_list = element.find('table tbody tr:first-child td');
+                    $td_list.each(function (i) {
+                        var w = this.offsetWidth;
+                        $thead.find('th')[i].style.width = `${w}px`;
+                    });
+
+                    var scroll = $(this).scrollTop();
+                    if (scroll >= min && scroll <= max) {
+                        $thead.addClass('fix animated fadeInDown');
+                        $tbody.addClass('fix');
+                    } else {
+                        $thead.removeClass('fix animated fadeInDown');
+                        $tbody.removeClass('fix');
+                    }
+                });
+            }
+        }
+    })
+    .directive('scheduleSlider', function ($compile) {
+        return {
+            restrict: 'E',
+            template: '<div class="schedule-slick"></div>',
+
+            link: function (scope, element) {
+                var $slick = element.find('.schedule-slick');
+
+                scope.$watch('groups', function (value) {
+                    try {
+                        $slick.slick('unslick');
+                    } catch (e) {
+
+                    }
+
+                    if (value) {
+                        var days = week(value);
+                        scope.days = days;
+
+                        $slick.html(
+                            days.map(function (day, i) {
+                                return `<schedule-slide day="days[${i}]"></schedule-slide>`
+                            }).join('')
+                        ).show();
+                        $compile($slick.contents())(scope);
+
+                        $slick.slick({
+                            mobileFirst: true,
+                            infinite: false,
+                            dots: false,
+                            arrows: false,
+                            touchThreshold: 20,
+                            speed: 250,
+                            slidesToShow: 1,
+                            centerMode: false
+                        });
+
+                        var now = new Date();
+                        var currentWeekIndex = now.getDay() - 1;
+                        $slick.slick('slickGoTo', currentWeekIndex);
+                    }
+                });
+            }
+        }
+    })
+    .directive('scheduleSlide', function () {
+        return {
+            restrict: 'E',
+            templateUrl: "/views/schedule/slide.html",
+            scope: {
+                day: '='
+            }
+        }
+    })
+    .directive('scheduleRecord', function () {
+        return {
+            restrict: 'E',
+            templateUrl: "/views/schedule/record.html",
+            scope: {
+                record: '=',
+                i: '='
+            }
+        }
+    });
+
+function week(schedule) {
+    var now = new Date();
+    var dates = getDates(now);
+
+    return ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота']
+        .map(function (day, i) {
+            return {
+                current: i === now.getDay() - 1,
+                day: day,
+                date: dates[i],
+                groups: schedule.map(function (group) {
+                    return {
+                        name: group.name,
+                        time: group.time,
+                        content: group.days[i]
+                    }
+                })
+            }
+        });
+}

client/pages/gallery.js

@@ -0,0 +1,114 @@
+module.exports = function (app) {
+    app.directive("gFotorama", function () {
+        return {
+            restrict: "A",
+            link: function (scope, element, attrs) {
+                element.addClass('fotorama');
+                var $fotorama = $(element.fotorama());
+                var fotorama = $fotorama.data('fotorama');
+                fotorama.setOptions({
+                    width: "100%",
+                    maxheight: 500,
+                    loop: true,
+                    nav: "thumbs"
+                });
+
+                //$fotorama.on('fotorama:show', function (e, fotorama, extra) {
+                $fotorama.on('fotorama:error', function (e, fotorama, extra) {
+                    console.log('## ' + e.type);
+                    console.log('active frame', fotorama.activeFrame);
+                    console.log('additional data', extra);
+                });
+
+                scope.$watch(attrs.gFotorama, function (value) {
+                    console.log(value);
+                    fotorama.load(value);
+                });
+            }
+        }
+    });
+
+    app.controller("GalleryPageController", function ($scope, api) {
+            $scope.years = [];
+            var years = [2015, 2014, 2013, 2012, 2011, 2010];
+            years.forEach(function (year, year_index) {
+                api.gallery.year(year)
+                    .success(function (albums) {
+                        if (albums.length) {
+                            $scope.years[year_index] = {
+                                year: year,
+                                albums: albums.map(function (album) {
+                                    var preview = album.content[0];
+                                    album.preview_url = preview.content.medium.url;
+                                    //album.fotorama = album.content.map(productToFotorama);
+
+                                    return album;
+                                })
+                            };
+                        }
+                    })
+            });
+        }
+    );
+
+    app.controller("AlbumPageController", function ($scope, $rootScope, $http, $routeParams, team, api, menu) {
+        menu.activate('/gallery');
+
+        var year_uri = $routeParams.year;
+        var course_uri = $routeParams.course;
+        var album_uri = $routeParams.album;
+        api.gallery.album(
+            year_uri,
+            course_uri,
+            album_uri
+        )
+            .success(function (album) {
+                //var preview = album.content[0];
+                //album.preview_url = preview.content.medium.url;
+                //album.fotorama = album.content.map(productToFotorama);
+
+                album.teacherName = team.name(album['teacher']);
+
+                $scope.album = album;
+                $scope.crumbs = [
+                    {
+                        url: '/gallery',
+                        name: 'Галерея'
+                    },
+                    {
+                        //url: '/gallery/{year}'.replace('{year}', year_uri),
+                        name: year_uri
+                    },
+                    {
+                        //url: '/gallery/{year}/{course}'
+                        //    .replace('{year}', year_uri)
+                        //    .replace('{course}', course_uri),
+                        name: album.course
+                    },
+                    {
+                        name: album.title
+                    }
+                ];
+                $rootScope.title = album.title;
+            });
+    });
+};
+
+function productToFotorama(product) {
+    //var tpl =  '<div class="album-item"><div><p>' + product.author + '</p><p>' + product.authorAge  + ' лет</p></div></div>';
+
+    var $e = $('<div class="album-item"><div></div></div>');
+    var $c = $e.find('.album-item div');
+    $('<p></p>').text(product.author).appendTo($c);
+    if (product['authorAge']) {
+        $('<p></p>').text(product['authorAge'] + ' лет').appendTo($c);
+    }
+
+    return {
+        img: product.content["big"].url,
+        thumb: product.content["small"].url,
+        full: product.content["original"].url,
+        //html: $.parseHTML(tpl)[0]
+        html: $e
+    };
+}

client/pages/home.js

@@ -3,10 +3,36 @@
  */
 
 module.exports = function (app) {
-    app.controller("HomePageController", function ($scope, config) {
-        $scope.pageClass = "page-home";
-        $scope.telephone = config.telephone;
+    app.controller('HomePageController', function ($scope, config) {
+        var fotorama;
 
-        $(".fotorama").fotorama();
+        $scope.pageClass = 'page-home';
+
+        var $tape = $('.tape-block');
+        var $fotorama = $tape.find('.tape-block__content');
+
+        $tape.addClass('simplified');
+        $fotorama.on('fotorama:ready', function () {
+            $tape.removeClass('simplified');
+            fotorama.setOptions({
+                nav: 'dots',
+                transition: 'crossfade',
+                autoplay: '6000',
+                arrows: 'false',
+                width: '100%',
+                fit: 'cover',
+                loop: 'true'
+            });
+        });
+
+        fotorama = $fotorama.fotorama().data('fotorama');
+
+        setTimeout(function(){
+            fotorama.load([
+                {img: 'https://static.shburg.org/art/img/cat1.jpg'},
+                {img: 'https://static.shburg.org/art/img/cat2.jpg'},
+                {img: 'https://static.shburg.org/art/img/cat3.jpg'}
+            ]);
+        }, 100);
     });
 };

client/pages/schedule.js

@@ -1,81 +1,81 @@
-var populate = require("../../utils/populate").populate;
-const course = require("../../models/course");
+var populate = require('../../utils/populate').populate;
+const course = require('../../models/course');
 
-module.exports = function (app) {
-    app.controller("ScheduleController", function ($scope, $http, schedule, team) {
-        var now = new Date();
-        var dates = getDates(now);
-
-        var sem = "autumn";
-        $scope.sem = [["spring", "весеннего"], ["autumn", "осеннего"]].reduce(function (s, word) {
-            if (word[0] === sem) return word[1];
-        });
-        $scope.year = "2014-2015";
-
-        $http.get("/schedule/2014-2015/spring")
-            .success(function (s) {
-                $scope.schedule = schedule.populate(s.schedule, [
-                    populate(team.short, "teacher"),
-                    populate(course.name, "lesson")
-                ]);
-            });
-
-        $scope.isToday = function (weekDayIndex) {
-            return (now.getDay() - 1) === weekDayIndex;
-        };
-
-        $scope.weekDay = function (weekDayIndex) {
-            return dates[weekDayIndex];
-        };
-
-        $(window).scroll(function () {
-            if ($(this).scrollTop() >= 220) {
-                $(".schedule table thead").addClass("fix animated fadeInDown");
-                $(".schedule table tbody").addClass("fix");
-            } else {
-                $(".schedule table thead").removeClass("fix animated fadeInDown");
-                $(".schedule table tbody").removeClass("fix");
-            }
-        });
-    });
-};
-
-/**
- * Generates list of numbers
- * @param  {Number} start starting value
- * @param  {Number} num   amount of numbers in list
- * @param  {Number} step  difference value
- * @return {Array}        list of numbers
- */
-function range(start, num, step) {
-    var list = [];
-    var val = start;
-    for (var i = 0; i < num; i++) {
-        list.push(val);
-        val += step;
+function indexEquals(i) {
+    return function (_, index) {
+        return i === index;
     }
-    return list;
 }
 
-///**
-// * Monday date of current week
-// * @param  {[type]} d [description]
-// * @return {[type]}   [description]
-// */
-//function getMonday(d) {
-//    d = new Date(d);
-//    var day = d.getDay();
-//    var diff = d.getDate() - day + (day == 0 ? -6 : 1); // adjust when day is sunday
-//    return new Date(d.setDate(diff));
-//}
+function isRequested(period, semester) {
+    return function (schedule) {
+        return schedule.period === period && schedule.semester === semester;
+    }
+}
 
-function getDates(start) {
-    var day = start.getDay();
-    return range(0, 6, 1).reduce(function (dates, weekDay) {
-        var d = 1 + weekDay - day;
-        var time = start.getTime() + (1000 * 60 * 60 * 24) * d;
-        var date = new Date(time);
-        dates.push(date.getDate());
-        return dates;
-    }, []);
-}
+module.exports = function (app) {
+    app.controller('ScheduleController', function ($scope, $http, $location, $routeParams, scheduleData, team, menu) {
+        menu.activate('/schedule');
+
+        var current_period = $routeParams.period;
+        var current_semester = $routeParams.semester;
+        var isScheduleRequested = current_period && current_semester;
+
+        $http.get("/schedules", {cache: true})
+            .success(function (schedules) {
+                // By url params or last element
+                var select_fn = isScheduleRequested ? isRequested(current_period, current_semester) : indexEquals(schedules.length - 1);
+
+                schedules = schedules.map(function (schedule) {
+                    var sem = [['spring', 'Весена'], ['autumn', 'Осень']].reduce(function (s, word) {
+                        if (word[0] === schedule.semester) return word[1];
+                        else return s[1];
+                    });
+                    schedule.text = `${sem} ${schedule.period} года`;
+
+                    return schedule;
+                });
+
+                schedules.forEach(function (schedule, i) {
+                    if (select_fn(schedule, i)) {
+                        $scope.currentSchedule = schedules[i];
+                    }
+                });
+
+                $scope.schedules = schedules;
+                $scope.loadSchedule($scope.currentSchedule, isScheduleRequested);
+            });
+
+        $scope.loadSchedule = function (s, updateURL) {
+            var id = s._id;
+            var schedule_item = getScheduleByID(id);
+
+            if (schedule_item) {
+                var sem = schedule_item.semester;
+                var period = schedule_item.period;
+
+                var url = `/schedule/${period}/${sem}`;
+                $http.get(url, {cache: true})
+                    .success(function (scheduleRecord) {
+                        $scope.groups = scheduleData.populate(scheduleRecord.schedule, [
+                            populate(team.short, 'teacher'),
+                            populate(course.name, 'lesson')
+                        ]);
+
+                        if (updateURL) {
+                            $location.url(url);
+                        }
+                    });
+            }
+        };
+
+        function getScheduleByID(id) {
+            var schedules = $scope.schedules;
+            for (var i = 0, l = schedules.length; i < l; i++) {
+                var s = schedules[i];
+                if (id === s._id) return s;
+            }
+            return null;
+        }
+    });
+};

client/pages/team.js

@@ -1,9 +1,11 @@
-var populate = require("../../utils/populate").populate;
-const course = require("../../models/course");
+var populate = require('../../utils/populate').populate;
+const course = require('../../models/course');
 
 module.exports = function (app) {
-    app.controller("TeamController", function ($scope, team) {
-        $scope.team = team.team.map(function (person) {
+    app.controller('TeamPageController', function ($scope, team) {
+        $scope.pageClass = 'page-team';
+
+        $scope.teamMembers = team.team.map(function (person) {
             person.names = team.splitName(person.name);
             return person;
         });

client/services/io.js

@@ -0,0 +1,15 @@
+/**
+ * Created by tmshv on 15/03/15.
+ */
+
+module.exports = function (app) {
+    var socket;
+    function init(){
+        socket = io();
+    }
+
+    app.service("io", function () {
+        if (!socket) init();
+        return socket;
+    }); 
+};

client/ui/breadcrumbs.js

@@ -0,0 +1,11 @@
+module.exports = function(app) {
+    app.directive('breadcrumbs', function () {
+        return {
+            restrict: 'E',
+            templateUrl: '/views/breadcrumbs.html',
+            scope: {
+                crumbs: '='
+            }
+        };
+    });
+};

client/ui/menu.js

@@ -2,30 +2,33 @@
  * Created by tmshv on 05/11/14.
  */
 
-var menu = require("../../models/menu.json");
+module.exports = function (app) {
+    app.factory("menu", function ($route, $rootScope) {
+        function Menu() {
+            this.items = require("../../models/menu.json");
+            this.current = null;
+        }
 
-module.exports = function(app) {
-    app.service("menu", function ($route) {
-        menu.isActive = function (path) {
-            if ($route.current && $route.current.regexp) {
-                return $route.current.regexp.test(path);
+        Menu.prototype.activate = function (path) {
+            var f = this.items.filter(function (i) {
+                return i.url === path;
+            });
+
+            if(f.length) {
+                this.current = f[0];
             }
-            return false;
         };
 
+        var menu = new Menu();
+        $rootScope.$on('$routeChangeSuccess', function (event, current) {
+            try{
+                var path = current['$$route'].originalPath;
+                menu.activate(path);
+            }catch(e){
+
+            }
+        });
+
         return menu;
     });
-
-    app.controller("MenuController", function ($scope, menu) {
-        $scope.vkgroup = menu.vkgroup;
-        $scope.menu = menu.menu;
-
-        $scope.isCurrent = function(item) {
-            return menu.isActive(item.url);
-        };
-
-        $scope.isValid = function(item) {
-            return Boolean(item.url);
-        };
-    });
 };

client/ui/timeline.js

@@ -28,6 +28,22 @@ function postText(post){
 
 module.exports = function(app) {
     app.directive("timeline", function (team) {
+        function toInstagram(post){
+            var author_id = personByInstagram(team.team, post.data.author);
+            var name = author_id ? team.short(author_id) : post.data.author;
+
+            return {
+                date: post.date,
+                image: post.data.image.standard_resolution.url,
+                url: post.data.url,
+                username: name,
+                userpic: 'https://igcdn-photos-a-a.akamaihd.net/hphotos-ak-xaf1/t51.2885-19/11357496_464997000344800_2124591831_a.jpg',
+                text: post.body,
+                //text: postText(post),
+                type: post.type
+            };
+        }
+
         return {
             templateUrl: "/views/timeline.html",
             scope: {
@@ -38,23 +54,93 @@ module.exports = function(app) {
                     return index % 2 === 1;
                 }
             },
-            controller: function($scope, api){
-                api.news.feed()
-                    .success(function (list) {
-                        $scope.feed = list.map(function (post) {
-                            var author_id = personByInstagram(team.team, post.data.user.username);
-                            var name = author_id ? team.short(author_id) : post.data.user.username;
+            controller: function($scope, $timeout, usSpinnerService, io, api){
+                var portion = 0;
+                var count = 10;
+                $scope.feed = [];
 
-                            return {
-                                date: post.publishDate,
-                                image: post.data.images.standard_resolution.url,
-                                url: post.data.link,
-                                username: name,
-                                userpic: post.data.user.profile_picture,
-                                text: postText(post)
-                            };
+                $scope.timelineUpdating = false;
+                usSpinnerService.stop("timelineMore");
+                //usSpinnerService.spin("timelineMore");
+
+                $scope.recordClass = function (i) {
+                    return i['type'];
+                };
+
+                $scope.showFooter = function () {
+                    var canLoadMore = true;
+                    return $scope.feed && $scope.feed.length && canLoadMore;
+                };
+
+                $scope.loadNext = function () {
+                    $scope.timelineUpdating = true;
+                    usSpinnerService.spin("timelineMore");
+
+                    api.news.feed(count, portion)
+                        .error(function(error) {
+                            console.log(error);
+                        })
+                        .success(function (list) {
+                            $scope.timelineUpdating = false;
+                            usSpinnerService.stop("timelineMore");
+
+                            var feed = list.map(function (post) {
+                                if(post.type == "instagram") return toInstagram(post);
+                                else return post;
+                            });
+
+                            portion++;
+                            $scope.feed = $scope.feed.concat(feed);
                         });
+                };
+
+                $scope.loadNext();
+
+                io.on("post", function (params) {
+                    var posts = params instanceof Array ? params : [params];
+
+                    var feed = posts.map(function (post) {
+                        if(post.type == "instagram") return toInstagram(post);
+                        else return post;
                     });
+
+                    $scope.$apply(function () {
+                        $scope.feed = feed.concat($scope.feed);
+                    });
+                });
+            }
+        };
+    });
+
+    app.directive("timelineRecord", function ($compile, $http, $sce, team) {
+        var templates = {
+            "post": ["/views/timeline-post.html", linkPost],
+            "instagram": ["/views/timeline-gram.html", linkGram]
+        };
+
+        function linkPost(scope, element, attrs) {
+            scope.message = $sce.trustAsHtml(scope.post.body);
+        }
+
+        function linkGram(scope, element, attrs) {
+        }
+
+        return {
+            restrict: "E",
+            scope: {
+                post:"=content"
+            },
+            link: function(scope, element, attrs){
+                var type = scope.post.type;
+                if(type in templates) {
+                    $http.get(templates[type][0])
+                        .success(function (tpl) {
+                            element.html(tpl).show();
+                            $compile(element.contents())(scope);
+                            templates[type][1](scope, element, attrs);
+                        });
+                }
+
             }
         };
     });

config.js

@@ -1,4 +1,5 @@
 var fs = require("fs");
+var path = require("path");
 const MENU = require("./models/menu.json");
 
 const team = require("./models/team");
@@ -9,25 +10,42 @@ const schedule = require("./models/schedule");
 var privateFile = process.env["PRIVATE"] || "private.json";
 var privateData = JSON.parse(fs.readFileSync(privateFile, "utf-8"));
 
+var index_file = process.env["INDEX"] || "templates/main.html";
+
 var config = {
-	port: process.env["PORT"] || 3000,
-	pub: "./",
-	data: {
-		menu: MENU,
-		documents: document.docs,
-		team: team.team,
-		courses: course.courses
-	},
+    defaultIndex: path.join(__dirname, index_file),
+    port: process.env["PORT"] || 3000,
+    pub: "./",
+    data: {
+        menu: MENU,
+        documents: document.docs,
+        team: team.team,
+        courses: course.courses
+    },
 
-	db: {
-		uri: "mongodb://localhost:27017/hudozka"
-	},
+    db: {
+        uri: "mongodb://localhost:27017/hudozka"
+    },
 
-	tags: ["shlb_hudozka"]
+    prerender: {
+        prerender: "http://service.prerender.io/",
+        prerenderToken: "",
+        protocol: "http",
+        host: "art.shlisselburg.org"
+    },
+
+    instagram: {
+        default_user: "hudozka",
+        tag_callback: "http://art.shlisselburg.org/instagram/callback/11",
+        client_id: "",
+        client_secret: "",
+        redirect_uri: "http://art.shlisselburg.org/instagram/auth/callback",
+        tags: ["shlb_hudozka"]
+    }
 };
 
 module.exports = Object.keys(privateData)
-	.reduce(function (config, key) {
-		config[key] = privateData[key];
-		return config;
-	}, config);
+    .reduce(function (config, key) {
+        config[key] = privateData[key];
+        return config;
+    }, config);

core/instagram.js

@@ -1,46 +0,0 @@
-/**
- * Created by tmshv on 22/11/14.
- */
-
-var config = require("../config");
-var Promise = require("promise");
-
-var auth_clients = {};
-
-module.exports = {
-    client: function(param){
-        if(param in auth_clients) {
-            return auth_clients[param];
-        }else{
-            return createClient();
-        }
-    },
-
-    authorize: function(code){
-        return new Promise(function(resolve, reject){
-            var api = createClient();
-            api.authorize_user(code, config.instagram.redirect_uri, function (err, result) {
-                if (err) return reject(err);
-                else {
-                    var token = result.access_token;
-                    var c = createClient(token);
-                    auth_clients[code] = c;
-                    resolve(c);
-                }
-            });
-        });
-    }
-};
-
-function createClient(token) {
-    var api = require('instagram-node').instagram();
-    if (token) {
-        api.use({access_token: token});
-    } else {
-        api.use({
-            client_id: config.instagram.client_id,
-            client_secret: config.instagram.client_secret
-        });
-    }
-    return api;
-}

deploy.sh

@@ -1,8 +1,16 @@
 #!/bin/sh
 
-tarfile=build.tar.gz
-tarpath=$TMPDIR$tarfile
+echo "Deploying art.shburg.org"
 
+NODE_ENV=production gulp
+
+server="art.shburg.org"
+app_port=1800
+tarfile="build.tar.gz"
+tarpath=$TMPDIR$tarfile
+destpath="~/www/art.shburg.org"
+
+echo "Packing..."
 env GZIP=-9 tar -czf $tarpath \
     --disable-copyfile \
     --exclude=node_modules \
@@ -12,11 +20,14 @@ env GZIP=-9 tar -czf $tarpath \
     --exclude=deploy.sh \
     --exclude=install.sh .
 
-echo "build file: $tarpath"
+echo "Build file: $tarpath"
+
+ssh hoster.et "rm -rf $destpath/*"
+scp $tarpath hoster@$server:$destpath
+echo "Build file successfully uploaded on server"
+
+echo "Installing..."
+ssh hoster.et "bash -s" -- < ./install.sh $destpath $tarfile $app_port
 
-ssh shburg.et "rm -rf art/*"
-scp $tarpath shburg@37.139.6.120:~
-scp install.sh shburg@37.139.6.120:~
-ssh shburg.et "./install.sh"
 rm $tarpath
-echo "art.shlisselburg.org deployment completed successfully"
+echo "Done"

gulpfile.js

@@ -1,62 +1,82 @@
-var path = require("path");
-var gulp = require("gulp");
-var sass = require("gulp-sass");
-var minify_css = require("gulp-minify-css");
-var autoprefixer = require("gulp-autoprefixer");
-var imageMin = require("gulp-imagemin");
-var uglify = require("gulp-uglify");
-var concat = require("gulp-concat");
-var browserify = require("gulp-browserify");
-var annotate = require("browserify-ngannotate");
+var gulp = require('gulp');
+var _if = require('gulp-if');
+var postcss = require('gulp-postcss');
+var sass = require('gulp-sass');
+var imageMin = require('gulp-imagemin');
+var uglify = require('gulp-uglify');
+var minify = require('gulp-minify');
+var concat = require('gulp-concat');
+var browserify = require('gulp-browserify');
 
-gulp.task("sass", function () {
-    gulp.src("./assets/style/*.scss")
-        .pipe(sass())
-		.pipe(concat("style.css"))
-		.pipe(autoprefixer())
-        .pipe(minify_css({processImport:false}))
+var is_production = process.env['NODE_ENV'] == 'production';
+
+gulp.task("concat-bower", function () {
+    var files = [
+        "public/bower_components/jquery/dist/jquery.min.js",
+        "public/bower_components/angular/angular.min.js",
+        "public/bower_components/angular-route/angular-route.min.js",
+        "public/bower_components/angular-animate/angular-animate.min.js",
+        "public/bower_components/angulartics/dist/angulartics.min.js",
+        "public/bower_components/angulartics/dist/angulartics-ga.min.js",
+        "public/bower_components/spin.js/spin.js",
+        "public/bower_components/angular-spinner/angular-spinner.min.js",
+        "public/bower_components/socket.io-client/socket.io.js"
+    ];
+    gulp.src(files)
+        .pipe(concat("libs.js"))
+        .pipe(uglify())
         .pipe(gulp.dest("public"));
 });
 
-gulp.task("copy", function(){
-	gulp.src("./assets/fonts/*")
-		.pipe(gulp.dest("./public/fonts"));
+gulp.task('styles', function () {
+    var processors = [
+        require('autoprefixer')({browsers: ['last 1 version']}),
+        require('cssnano')()
+    ];
 
-	gulp.src("./assets/graphics/*")
-		.pipe(gulp.dest("./public/graphics"));
-
-	gulp.src("./3rdparty/*")
-		.pipe(gulp.dest("./public"));
+    gulp.src('./assets/style/*.scss')
+        .pipe(sass())
+        .pipe(postcss(processors))
+        .pipe(concat('style.css'))
+        .pipe(gulp.dest('./public'));
 });
 
-gulp.task("compile", function(){
-	gulp.src("client/app.js")
-		.pipe(browserify({
-			transform: [annotate]
-		}))
-		.pipe(uglify())
-		.pipe(gulp.dest("public"));
+gulp.task("copy", function () {
+    gulp.src("./assets/fonts/*")
+        .pipe(gulp.dest("./public/fonts"));
 
-	gulp.src("client/document.js")
-		.pipe(browserify({
-			transform: [annotate]
-		}))
-		.pipe(uglify())
-		.pipe(gulp.dest("public"));
+    gulp.src("./assets/graphics/*")
+        .pipe(gulp.dest("./public/graphics"));
 
-	gulp.src("client/data.js")
-		.pipe(browserify({
-			transform: [annotate]
-		}))
-		.pipe(uglify())
-		.pipe(gulp.dest("public"));
+    gulp.src([
+            "./3rdparty/*",
+            "robots.txt"
+        ])
+        .pipe(gulp.dest("./public"));
 });
 
-gulp.task("imagemin", function(){
-	gulp.src("./assets/img/**/*")
-		.pipe(imageMin())
-		.pipe(gulp.dest("./public/img"));
+gulp.task('compile', function () {
+    gulp.src([
+            'client/app.js',
+            'client/document.js',
+            'client/data.js',
+            'client/instagram.js'
+        ])
+        .pipe(browserify({
+            transform: [
+                require('browserify-ngannotate'),
+                require('babelify')
+            ]
+        }))
+        //.pipe(_if(is_production, minify()))
+        .pipe(gulp.dest('./public'));
 });
 
-gulp.task("default", ["sass", "compile"]);
-gulp.task("deploy", ["default", "copy", "imagemin"]);
+gulp.task("imagemin", function () {
+    gulp.src("./assets/img/**/*")
+        .pipe(imageMin())
+        .pipe(gulp.dest("./public/img"));
+});
+
+gulp.task('default', ['styles', 'compile']);
+gulp.task('deploy', ['default', 'copy', 'imagemin']);

instagram/index.js

@@ -0,0 +1,37 @@
+/**
+ * Created by tmshv on 12/03/15.
+ */
+
+var db = require("../core/db");
+var co = require("co");
+var instagram = require("./instagram");
+var config = require("../config");
+
+module.exports = function () {
+    return loadUsers()
+        .then(updateSubscription)
+};
+
+function loadUsers() {
+    return new Promise(function (resolve, reject) {
+        db.c("users").find({provider: "instagram"})
+            .toArray()
+            .then(function (users) {
+                users.forEach(function (u) {
+                    return instagram.initUser(u);
+                });
+                return users;
+            })
+            .then(resolve);
+    });
+}
+
+function updateSubscription() {
+    var tags = config.instagram["tags"];
+    return tags.map(function (tag) {
+        var cb = config.instagram["tag_callback"];
+        return co(function *() {
+            return yield instagram.api.subscribe(tag, cb);
+        })
+    });
+}

instagram/instagram.js

@@ -0,0 +1,172 @@
+/**
+ * Created by tmshv on 22/11/14.
+ */
+
+var EventEmitter = require("events").EventEmitter;
+var thunkify = require("thunkify");
+var config = require("../config");
+var db = require("../core/db");
+var instagram = require("instagram-node");
+
+function Instagram(options) {
+    this.client_id = options.client_id;
+    this.client_secret = options.client_secret;
+    this.redirect_uri = options.redirect_uri;
+    this.default_user = options.default_user;
+    this.clients = {};
+    this.users = {};
+
+    EventEmitter.call(this);
+}
+
+Instagram.prototype = Object.create(EventEmitter.prototype);
+
+Instagram.prototype.authorizationURL = function (scope, state) {
+    var params = {};
+    params.scope = scope || ["basic"];
+    if (state) {
+        params.state = state;
+    }
+
+    var client = createClient();
+    return client["get_authorization_url"](this.redirect_uri, params);
+};
+
+Instagram.prototype.addClient = function *(code, params) {
+    var token = params.access_token;
+    var item = params.user;
+    item.code = code;
+    item.access_token = token;
+    item.provider = "instagram";
+    yield db.c("users").update({provider: "instagram", id: params.user.id}, item, {upsert: true});
+
+    return this.initUser(item);
+};
+
+Instagram.prototype.initUser = function (user) {
+    var token = user.access_token;
+    this.clients[user.code] = createClient(token);
+    this.users[user.code] = user;
+    return this;
+};
+
+Instagram.prototype.getUsers = function () {
+    var users = this.users;
+    return Object.keys(users)
+        .map(function (code) {
+            return users[code];
+        });
+};
+
+Instagram.prototype.update = function (body) {
+    this.emit("update", body);
+};
+
+Instagram.prototype.client = function (code) {
+    if (code && code in this.clients) {
+        return this.clients[code];
+    } else {
+        return createClient();
+    }
+};
+
+Instagram.prototype.user = function (code) {
+    if (code && code in this.users) {
+        return this.users[code];
+    } else {
+        return null;
+    }
+};
+
+Instagram.prototype.authorize = function *(code) {
+    var api = createClient();
+    var authorize = thunkify(api["authorize_user"]);
+    var result = yield authorize(code, this.redirect_uri);
+
+    if (result) {
+        yield this.addClient(code, result);
+    }
+
+    return result;
+};
+
+Instagram.prototype.getUser = function *() {
+    if (this.default_user) {
+        var du = yield db.c("users").findOne({username: this.default_user});
+        if (du) {
+            return du;
+        }
+    }
+
+    return yield db.c("users").findOne({provider: "instagram"});
+};
+
+Instagram.prototype.getUsers = function *() {
+    return yield db.c("users").find({provider: "instagram"}).toArray();
+};
+
+Instagram.prototype.api = {
+    subscriptions: function *() {
+        var ig = createClient();
+        var subs = thunkify(ig["subscriptions"]);
+        try {
+            var s = yield subs();
+            return s[0];
+        } catch (error) {
+            return null;
+        }
+    },
+
+    subscribe: function *(tag, callbackURL) {
+        var ig = createClient();
+        var sub = thunkify(ig["add_tag_subscription"]);
+        try {
+            var s = yield sub(tag, callbackURL);
+            return s[0];
+        } catch (error) {
+            return null;
+        }
+    },
+
+    unsubscribe: function *(id) {
+        var ig = createClient();
+        var sub = thunkify(ig["del_subscription"]);
+        try {
+            var s = yield sub({id: id});
+            return s[0];
+        } catch (error) {
+            return null;
+        }
+    },
+
+    tagMediaRecent: function *(client, tag, count) {
+        var tag_media_recent = thunkify(client["tag_media_recent"]);
+
+        try{
+            var result = yield tag_media_recent(tag, {count: count});
+            return {
+                medias: result[0],
+                pagination: result[1],
+                remaining: result[2],
+                limit: result[3]
+            }
+        }catch(error){
+            return null;
+        }
+    }
+};
+
+module.exports = new Instagram(config.instagram);
+
+function createClient(token) {
+    var client = instagram.instagram({}, {});
+    if (token) {
+        client.use({access_token: token});
+    } else {
+        client.use({
+            client_id: config.instagram.client_id,
+            client_secret: config.instagram.client_secret
+        });
+    }
+    return client;
+}

instagram/io.js

@@ -0,0 +1,16 @@
+/**
+ * Created by tmshv on 14/03/15.
+ */
+
+var publisher = require("./publish");
+
+module.exports = function (app) {
+    app.io.use(function *(next) {
+        publisher.on("post", function (post) {
+            console.log("IO POST", post);
+            app.io.emit("post", post);
+        });
+
+        yield* next;
+    });
+};

instagram/publish.js

@@ -0,0 +1,97 @@
+/**
+ * Created by tmshv on 10/03/15.
+ */
+
+var co = require("co");
+var util = require("util");
+var EventEmitter = require("events").EventEmitter;
+var instagram = require("./instagram");
+var config = require("../config");
+var db = require("../core/db");
+
+function Publisher() {
+    EventEmitter.call(this);
+
+    var self = this;
+    instagram.on("update", function (data) {
+        var tag = config.instagram["tags"][0];
+
+        findInstagrams(tag)
+            .catch(function (error) {
+                console.log(error);
+            })
+            .then(function (posts) {
+                var ids = posts.map(function (gram) {
+                    return gram.data.id;
+                });
+
+                return uploadInstagrams(posts)
+                    .then(function () {
+                        return db.c("posts").find({"data.id": {$in: ids}}).toArray();
+                    });
+            })
+            .then(function (posts) {
+                self.emit("post", posts);
+            });
+    });
+}
+
+util.inherits(Publisher, EventEmitter);
+
+module.exports = new Publisher();
+
+function *fbt(client, tag) {
+    var param = yield instagram.api.tagMediaRecent(client, tag, 10);
+    return param.medias.map(toInstagram);
+}
+
+function toInstagram(gram) {
+    var post = {};
+
+    try {
+        post.body = gram.caption.text;
+    } catch (error) {
+        post.body = "";
+    }
+
+    post.type = "instagram";
+    post.tags = gram.tags;
+    post.date = new Date(parseInt(gram["created_time"]) * 1000);
+
+    post.data = {
+        id: gram.id,
+        author: gram.user["username"],
+        image: gram.images,
+        url: gram.link
+    };
+
+    return post;
+}
+
+function findInstagrams(tag){
+    return co(function *() {
+        var user = yield instagram.getUser();
+        if (user) {
+            var client = instagram.client(user.code);
+            var permitted_users = yield instagram.getUsers();
+            permitted_users = permitted_users.map(function (user) {
+                return user["username"];
+            });
+
+            var medias = yield fbt(client, tag);
+            //medias = medias.filter(function (gram) {
+            //    return permitted_users.indexOf(gram.data.author) > -1;
+            //});
+
+            return medias;
+        }
+    });
+}
+
+function uploadInstagrams(list){
+    return Promise.all(
+        list.map(function (g) {
+            return db.c("posts").update({"data.id": g.data.id}, g, {upsert: true});
+        })
+    );
+}

instagram/router.js

@@ -0,0 +1,162 @@
+/**
+ * Created by tmshv on 22/11/14.
+ */
+
+var path = require("path");
+var route = require("koa-route");
+var router = require("../routes");
+var instagram = require("../instagram/instagram");
+
+module.exports = function (app) {
+    app.use(function *(next) {
+        var code = this.cookies.get("instagram_code");
+        if (code) {
+            var client = instagram.client(code);
+            var user = instagram.user(code);
+            if (client && user) {
+                this.instagram = {
+                    client: client,
+                    user: user
+                }
+            }
+        }
+
+        yield* next;
+    });
+
+    app.use(
+        route.get("/instagram", function *() {
+            var invite = this.cookies.get("invite_code") || this.query.code;
+
+            if(!this.instagram) {
+                if(invite == undefined){
+                    this.body = "invite required";
+                    this.status = 401;
+                }else if(invite == "LOL"){
+                    this.cookies.set("invite_code", invite, {expires: expire()});
+
+                    //todo: invalidate invite
+
+                    yield router.index(
+                        path.join(__dirname, "../templates/instagram.html")
+                    );
+                }else{
+                    this.body = "invite ist correct";
+                    this.status = 401;
+                }
+            }else{
+                yield router.index(
+                    path.join(__dirname, "../templates/instagram.html")
+                );
+            }
+        })
+    );
+
+    app.use(
+        route.get("/instagram/auth", function *() {
+            var invite = this.cookies.get("invite_code");
+            if(invite) {
+                var url = instagram.authorizationURL(null, "/instagram");
+                this.redirect(url);
+            }else{
+                this.status = 401;
+                this.body = "invite required";
+            }
+        })
+    );
+
+    app.use(
+        route.get("/instagram/user", function *() {
+            var code = this.cookies.get("instagram_code");
+            var user = instagram.user(code);
+
+            if(user) {
+                this.body = user;
+            }else{
+                this.status = 404;
+            }
+        })
+    );
+
+    app.use(
+        route.get("/instagram/auth/callback", function *() {
+            var state = this.query.state || "/";
+            var code = this.query.code;
+            var client = yield instagram.authorize(code);
+
+            if (client) {
+                this.cookies.set("instagram_code", code, {expires: expire()});
+                this.redirect(state);
+            } else {
+                this.status = 401;
+                this.redirect(state);
+            }
+        })
+    );
+
+    app.use(route.get("/instagram/subscription/list", function *() {
+        var result = yield instagram.api.subscriptions();
+        if(result) {
+            this.body = result;
+        }else{
+            this.status = 500;
+        }
+    }));
+
+    app.use(route.get("/instagram/subscription/add", function *() {
+        var tag = this.query.tag;
+        var cu = this.query.url;
+
+        var result = yield instagram.api.subscribe(tag, cu);
+        if(result) {
+            this.body = result;
+        }else{
+            this.status = 500;
+        }
+    }));
+
+    app.use(route.get("/instagram/subscription/delete", function *() {
+        var id = this.query.id;
+
+        var result = yield instagram.api.unsubscribe(id);
+        if(result) {
+            this.body = result;
+        }else{
+            this.status = 500;
+        }
+    }));
+
+    app.use(route.get("/instagram/callback/:rnd", function *() {
+        if(this.query["hub.mode"] == "subscribe"){
+            this.body = this.query["hub.challenge"];
+        }else{
+            this.status = 400;
+        }
+    }));
+
+    app.use(route.post("/instagram/callback/:rnd", function *(rnd) {
+        var sign = this.header["x-hub-signature"];
+        //console.log(this.headers);
+
+        var body = this.request.body;
+
+        //var hmac = crypto.createHmac("sha1", instagram.client_secret);
+        //hmac.update(body);
+        //var shasum = hmac.digest("hex");
+
+
+        //console.log("X-Hub-Signature", sign);
+        //console.log("Hmac", shasum);
+        //console.log();
+
+        //if(shasum.digest("hex") == sign) {
+        instagram.update(body);
+        //}
+
+        this.body = "";
+    }));
+};
+
+function expire(time){
+    return time || new Date(Date.now() + 1000 * 60 * 60 * 24 * 7);
+}

install.sh

@@ -1,14 +1,19 @@
 #!/bin/sh
 
-gunzip build.tar.gz
-tar xf build.tar -C ~/art
-rm build.tar
+dir_path="$1"
+build_file="$2"
+port="$3"
+
+cd $dir_path
+
+gunzip -c $build_file | tar xopf -
+
+#rm build.tar
 
-cd ~/art
 npm install --production --loglevel error
 
 export NODE_ENV=production
-export PORT=18010
+export PORT=$port
 
 #starting www
 if forever restart bin/www.js; then

letsencrypt.ini

@@ -0,0 +1,4 @@
+rsa-key-size = 4096
+email = roman@tmshv.ru
+domains = art.shlisselburg.org, art.shburg.org
+webroot-path = /home/hoster/www/art.shburg.org/public

models/courses.json

@@ -11,6 +11,10 @@
 		"id": "sculpting",
 		"name": "Скульптура"
 	},
+	{
+		"id": "ceramic",
+		"name": "Керамика"
+	},
 	{
 		"id": "composition",
 		"name": "Композиция"

models/documents.json

@@ -2,47 +2,47 @@
 	{
 		"name": "statue-2013",
 		"title": "устав школы за 2013 год",
-		"url": "http://static.shburg.org/art/docs/hudozhka_statue-2013.pdf",
-		"preview": "http://static.shburg.org/art/graphics/statue-2013-preview.png",
-		"files": ["http://static.shburg.org/art/docs/hudozhka_statue-2013.pdf"]
+		"url": "https://static.shburg.org/art/docs/hudozhka_statue-2013.pdf",
+		"preview": "https://static.shburg.org/art/graphics/statue-2013-preview.png",
+		"files": ["https://static.shburg.org/art/docs/hudozhka_statue-2013.pdf"]
 	},
 	{
 		"name": "edu-license",
 		"title": "образовательная лицензия",
 		"url": "/document/edu-license",
-		"preview": "http://static.shburg.org/art/graphics/license_edu-preview.png",
+		"preview": "https://static.shburg.org/art/graphics/license_edu-preview.png",
 		"files": [
-			"http://static.shburg.org/art/docs/hudozhka_license_edu.jpg",
-			"http://static.shburg.org/art/docs/hudozhka_license_edu_back.jpg",
-			"http://static.shburg.org/art/docs/hudozhka_license_edu_attachment.jpg"
+			"https://static.shburg.org/art/docs/hudozhka_license_edu.jpg",
+			"https://static.shburg.org/art/docs/hudozhka_license_edu_back.jpg",
+			"https://static.shburg.org/art/docs/hudozhka_license_edu_attachment.jpg"
 		]
 	},
 	{
 		"name": "gov-certificate",
 		"title": "свидетельство о государственной регистрации права",
 		"url": "/document/gov-certificate",
-		"preview": "http://static.shburg.org/art/graphics/certificate_gov-preview.png",
-		"files": ["http://static.shburg.org/art/docs/hudozhka_certificate_gov.jpg"]
+		"preview": "https://static.shburg.org/art/graphics/certificate_gov-preview.png",
+		"files": ["https://static.shburg.org/art/docs/hudozhka_certificate_gov.jpg"]
 	},
 	{
 		"name": "VAT",
 		"title": "ИНН",
 		"url": "/document/VAT",
-		"preview": "http://static.shburg.org/art/graphics/vatin-preview.png",
-		"files": ["http://static.shburg.org/art/docs/hudozhka_vatin.jpg"]
+		"preview": "https://static.shburg.org/art/graphics/vatin-preview.png",
+		"files": ["https://static.shburg.org/art/docs/hudozhka_vatin.jpg"]
 	},
 	{
 		"name": "EGRYL1",
 		"title": "свидетельство о внесении в «ЕГРЮЛ»",
 		"url": "/document/EGRYL1",
-		"preview": "http://static.shburg.org/art/graphics/certificate_egryl1-preview.png",
-		"files": ["http://static.shburg.org/art/docs/hudozhka_certificate_egryl1.jpg"]
+		"preview": "https://static.shburg.org/art/graphics/certificate_egryl1-preview.png",
+		"files": ["https://static.shburg.org/art/docs/hudozhka_certificate_egryl1.jpg"]
 	},
 	{
 		"name": "EGRYL2",
 		"title": "свидетельство о внесении в «ЕГРЮЛ»",
 		"url": "/document/EGRYL2",
-		"preview": "http://static.shburg.org/art/graphics/certificate_egryl2-preview.png",
-		"files": ["http://static.shburg.org/art/docs/hudozhka_certificate_egryl2.jpg"]
+		"preview": "https://static.shburg.org/art/graphics/certificate_egryl2-preview.png",
+		"files": ["https://static.shburg.org/art/docs/hudozhka_certificate_egryl2.jpg"]
 	}
 ]

models/menu.json

@@ -1,33 +1,34 @@
-{
-	"menu": [
-		  {
-				"text": "Школа",
-				"url": "/",
-				"color": "blue"
-		  },
-		  {
-				"text": "Расписание",
-				"url": "/schedule",
-				"color": "green"
-		  },
-		  {
-				"text": "Занятия",
-				"color": ""
-		  },
-		  {
-				"text": "Коллектив",
-				"url": "/team",
-				"color": "pink"
-		  },
-		  {
-				"text": "Галерея",
-				"color": ""
-		  },
-		  {
-				"text": "Документы",
-				"url": "/docs",
-				"color": "yellow"
-		  }
-	],
-	"vkgroup": "https://vk.com/club10436104"
-}
+[
+  {
+    "text": "Школа",
+    "url": "/",
+    "color": "blue"
+  },
+  {
+    "text": "События"
+  },
+  {
+    "text": "Расписание",
+    "url": "/schedule",
+    "color": "green"
+  },
+  {
+    "text": "Занятия",
+    "color": ""
+  },
+  {
+    "text": "Коллектив",
+    "url": "/team",
+    "color": "pink"
+  },
+  {
+    "text": "Галерея",
+    "url": "/gallery",
+    "color": "red"
+  },
+  {
+    "text": "Документы",
+    "url": "/docs",
+    "color": "yellow"
+  }
+]

models/team.json

@@ -6,7 +6,7 @@
 		"edu": "Ленинградский инженерно-строительный институт",
 		"diploma": "НВ №222567",
 		"status": "",
-		"picture": "http://static.shburg.org/art/team/teacher5.jpg",
+		"picture": "https://static.shburg.org/art/team/teacher5.jpg",
 	  	"anchor": "director"
 	},
 	{
@@ -16,7 +16,7 @@
 		"edu": "Академия художеств имени И. Е. Репина",
 		"diploma": "B-I №259798",
 		"status": "Первая квалификационная категория по живописи и станковой композиции",
-		"picture": "http://static.shburg.org/art/team/teacher10.jpg"
+		"picture": "https://static.shburg.org/art/team/teacher10.jpg"
 	},
 	{
 		"id": "od-gogoleva",
@@ -25,7 +25,7 @@
 		"edu": "Ленинградский инженерно-строительный институт",
 		"diploma": "B-I №222572",
 		"status": "Высшая квалификационная категория по живописи и станковой композиции",
-		"picture": "http://static.shburg.org/art/team/teacher11.jpg"
+		"picture": "https://static.shburg.org/art/team/teacher11.jpg"
 	},
 	{
 		"id": "nv-andreeva",
@@ -34,7 +34,7 @@
 		"edu": "Санкт-Петербургский государственный университет технологии и дизайна",
 		"diploma": "ИВС 0514253",
 		"status": "Вторая квалификационная категория по прикладной композиции",
-		"picture": "http://static.shburg.org/art/team/teacher2.jpg"
+		"picture": "https://static.shburg.org/art/team/teacher2.jpg"
 	},
 	{
 		"id": "vv-voronova",
@@ -43,7 +43,7 @@
 		"edu": "Российский государственный университет имени А. И. Герцена",
 		"diploma": "ВСГ 0530340",
 		"status": "Вторая квалификационная категория по прикладной композиции",
-		"picture": "http://static.shburg.org/art/team/teacher1.jpg"
+		"picture": "https://static.shburg.org/art/team/teacher1.jpg"
 	},
 	{
 		"id": "in-vturina",
@@ -52,7 +52,7 @@
 		"edu": "Кировский государственный педагогический институт имени В. И. Ленина",
 		"diploma": "ШВ №164501",
 		"status": "Первая квалификационная категория по скульптуре",
-		"picture": "http://static.shburg.org/art/team/teacher8.jpg"
+		"picture": "https://static.shburg.org/art/team/teacher8.jpg"
 	},
 	{
 		"id": "my-valkova",
@@ -61,7 +61,7 @@
 		"edu": "Педагогический институт имени А. И. Герцена",
 		"diploma": "ПП №224197",
 		"status": "Высшая квалификационная категория по истории искусства",
-		"picture": "http://static.shburg.org/art/team/teacher.jpg"
+		"picture": "https://static.shburg.org/art/team/teacher12.jpg"
 	},
 	{
 		"id": "rk-timashev",
@@ -70,7 +70,7 @@
 		"edu": "Санкт-Петербургский государственный архитектурно-строительный университет",
 		"diploma": "ВСГ 5344910",
 		"status": "",
-		"picture": "http://static.shburg.org/art/team/teacher4.jpg"
+		"picture": "https://static.shburg.org/art/team/teacher4.jpg"
 	},
 	{
 		"id": "as-timasheva",
@@ -79,7 +79,7 @@
 		"edu": "Московский архитектурный институт",
 		"diploma": "РН 70241",
 		"status": "",
-		"picture": "http://static.shburg.org/art/team/teacher3.jpg",
+		"picture": "https://static.shburg.org/art/team/teacher3.jpg",
 	  	"contacts": {
 		  "instagram": "annm101"
 		}
@@ -91,7 +91,7 @@
 		"edu": "Незаконченный Ленинградский государственный педагогический университет имени А. С. Пушкина",
 		"diploma": "",
 		"status": "",
-		"picture": "http://static.shburg.org/art/team/teacher9.jpg"
+		"picture": "https://static.shburg.org/art/team/teacher9.jpg"
 	},
 	{
 		"id": "ey-tarasova",
@@ -100,6 +100,15 @@
 		"edu": "Санкт-Петербургский государственный архитектурно-строительный университет",
 		"diploma": "ВСВ 1321444",
 		"status": "",
-		"picture": "http://static.shburg.org/art/team/teacher.jpg"
+		"picture": "https://static.shburg.org/art/team/teacher.jpg"
+	},
+	{
+		"id": "ea-burovtseva",
+		"name": "Елена Ал Буровцева",
+		"position": "Преподаватель керамики",
+		"edu": "",
+		"diploma": "",
+		"status": "",
+		"picture": ""
 	}
 ]

nginx.conf

@@ -1,21 +1,55 @@
 server {
-	listen 80;
+	listen 443 ssl;
 	charset utf-8;
-	
+
 	server_name art.shlisselburg.org;
 
+    ssl_certificate /etc/letsencrypt/live/art.shlisselburg.org/fullchain.pem;
+    ssl_certificate_key /etc/letsencrypt/live/art.shlisselburg.org/privkey.pem;
+
+    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
+    ssl_prefer_server_ciphers on;
+    ssl_ciphers AES256+EECDH:AES256+EDH:!aNULL;
+
 	location / {
-		proxy_pass http://localhost:18010;
+		proxy_pass http://hudozka;
+		proxy_http_version 1.1;
+		proxy_set_header Upgrade $http_upgrade;
+		proxy_set_header Connection $connection_upgrade;
+
 		proxy_set_header Host      $host;
 		proxy_set_header X-Forwarded-For $remote_addr;
 	}
 
-	error_log /var/log/nginx/hudozhka.error.log;
-	access_log /var/log/nginx/hudozhka.access.log;
+	error_log /var/log/nginx/art.shburg.error.log;
+	access_log /var/log/nginx/art.shburg.access.log;
+}
+
+server {
+	listen 443 ssl;
+    server_name art.shburg.org;
+
+    ssl_certificate /etc/letsencrypt/live/art.shlisselburg.org/fullchain.pem;
+    ssl_certificate_key /etc/letsencrypt/live/art.shlisselburg.org/privkey.pem;
+
+    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
+    ssl_prefer_server_ciphers on;
+    ssl_ciphers AES256+EECDH:AES256+EDH:!aNULL;
+
+	return 301 https://art.shlisselburg.org$request_uri;
 }
 
 server {
 	listen 80;	
-	server_name art.shburg.org;
-	return 301 $scheme://art.shlisselburg.org$request_uri;
+	server_name art.shlisselburg.org art.shburg.org;
+	return 301 https://art.shlisselburg.org$request_uri;
+}
+
+map $http_upgrade $connection_upgrade {
+    default upgrade;
+    '' close;
+}
+
+upstream hudozka {
+    server localhost:1800;
 }

package.json

@@ -1,9 +1,9 @@
 {
-  "name": "app",
+  "name": "Hudozka",
   "private": true,
-  "version": "2.0.0",
+  "version": "3.4.1",
   "description": "",
-  "main": "main.js",
+  "main": "bin/www.js",
   "scripts": {
     "test": "mocha"
   },
@@ -14,30 +14,37 @@
   "author": "Roman Timashev",
   "license": "ISC",
   "dependencies": {
+    "co": "^4.4.0",
     "instagram-node": "^0.5.1",
-    "koa": "^0.18.0",
+    "koa-bodyparser": "^1.4.1",
     "koa-conditional-get": "^1.0.2",
     "koa-etag": "^2.0.0",
-    "koa-helmet": "0.0.3",
+    "koa-helmet": "^1.0.0",
     "koa-logger": "^1.2.2",
     "koa-prerender": "^1.0.3",
     "koa-route": "^2.4.0",
     "koa-static": "^1.4.9",
-    "koa-useragent": "0.0.5",
+    "koa.io": "0.0.3",
     "mz": "^1.3.0",
-    "promised-mongo": "^0.11.1"
+    "promised-mongo": "git+https://git@github.com/tmshv/promised-mongo",
+    "sitemap": "^0.9.0",
+    "thunkify": "^2.1.2"
   },
   "devDependencies": {
+    "autoprefixer": "^6.2.3",
+    "babelify": "^7.2.0",
     "bower": "^1.3.12",
-    "browserify-ngannotate": "^0.7.1",
+    "browserify-ngannotate": "^2.0.0",
+    "cssnano": "^3.4.0",
     "gulp": "^3.8.10",
-    "gulp-autoprefixer": "0.0.6",
     "gulp-browserify": "^0.5.0",
     "gulp-concat": "^2.4.1",
+    "gulp-if": "^2.0.0",
     "gulp-imagemin": "~0.1.5",
-    "gulp-minify-css": "~0.3.0",
-    "gulp-sass": "^1.2.2",
-    "gulp-uglify": "^1.1.0",
+    "gulp-minify": "0.0.5",
+    "gulp-postcss": "^6.0.1",
+    "gulp-sass": "^2.1.1",
+    "gulp-uglify": "^1.5.0",
     "mocha": "~1.17.1",
     "should": "~3.1.2"
   }

robots.txt

@@ -0,0 +1,5 @@
+User-agent: *
+Disallow: /news 
+Allow: /
+Host: art.shlisselburg.org
+Sitemap: http://art.shlisselburg.org/sitemap.xml

routes/gallery.js

@@ -0,0 +1,83 @@
+/**
+ * Created by tmshv on 22/11/14.
+ */
+
+var co = require("co");
+var route = require("koa-route");
+var router = require("./");
+var db = require("../core/db");
+
+module.exports = function (app) {
+    app.use(route.get("/gallery", router.accepts({
+        "text/html": router.index(),
+        "text/plain": router.index(),
+        "application/json": function *() {
+            var query = {};
+            var albums = yield db.c("albums")
+                .find(query)
+                .toArray();
+
+            albums = yield albums.map(processAlbum);
+            this.body = albums;
+        }
+    })));
+
+    app.use(route.get("/gallery/:year", router.accepts({
+        "text/html": router.index(),
+        "text/plain": router.index(),
+        "application/json": function *(year) {
+            year = parseInt(year);
+            var start = new Date(year, 0, 1);
+            var end = new Date(year, 11, 31);
+            var query = {
+                date: {$gte: start, $lt: end}
+            };
+            var albums = yield db.c("albums")
+                .find(query)
+                .toArray();
+
+            albums = yield albums.map(processAlbum);
+            this.body = albums;
+        }
+    })));
+
+    app.use(route.get("/gallery/:year/:course/:album", router.accepts({
+        "text/html": router.index(),
+        "text/plain": router.index(),
+        "application/json": function *(year, course, album) {
+            year = parseInt(year);
+            course = '/' + course;
+            album = '/' + album;
+            var start = new Date(year, 0, 1);
+            var end = new Date(year, 11, 31);
+            var query = {
+                date: {$gte: start, $lt: end},
+                course_uri: course,
+                uri: album
+            };
+
+            var a = yield db.c("albums").findOne(query);
+            a = yield processAlbum(a);
+            this.body = a;
+        }
+    })));
+};
+
+function processAlbum(album) {
+    return co(function *() {
+        album.url = '/gallery/{year}{course}{album}'
+            .replace('{year}', album.date.getFullYear())
+            .replace('{course}', album.course_uri)
+            .replace('{album}', album.uri);
+
+        album.content = yield album.content.map(function (product_id) {
+            return co(function *() {
+                var product = yield db.c("products").findOne({_id: product_id});
+                if (product) return product;
+                else return null;
+            });
+        });
+
+        return album;
+    });
+}

routes/index.js

@@ -4,6 +4,7 @@
 
 var path = require("path");
 var fs = require("mz/fs");
+var config = require("../config");
 
 function accepts(routes, def) {
     return function *() {
@@ -16,18 +17,16 @@ function accepts(routes, def) {
         if (types.length) {
             var type = types[0];
             yield routes[type].apply(this, arguments);
-        } else if(def){
+        } else if (def) {
             yield def;
-        }else{
+        } else {
             this.status = 406;
         }
     };
 }
 
 function index(filename) {
-    if (!filename){
-        filename = path.join(__dirname, "../templates/index.html");
-    }
+    if (!filename) filename = config['defaultIndex'];
 
     return function *() {
         this.type = "text/html";

routes/instagram.js

@@ -1,42 +0,0 @@
-/**
- * Created by tmshv on 22/11/14.
- */
-
-var Router = require("express").Router;
-var instagram = require("../core/instagram");
-
-module.exports = function (app) {
-    var router;
-    router = new Router();
-    router.route("/auth/instagram/callback")
-        .get(function (req, res) {
-            var code = req.query.code;
-            instagram.authorize(code)
-                .catch(function(error){
-                    console.log(error.body);
-                    res.status(500).send('');
-                })
-                .then(function (client) {
-                    res.cookie("instagram_code", code);
-                    res.redirect("/");
-                });
-        });
-    app.use(router);
-
-    //http://your-callback.com/url/?hub.mode=subscribe&hub.challenge=15f7d1a91c1f40f8a748fd134752feb3&hub.verify_token=myVerifyToken
-    router = new Router();
-    router.route("/instagram/tag/:tag")
-        .get(function (req, res) {
-            var hub_challenge = req.query["hub.challenge"];
-            //var hub_verify_token = req.query["hub.verify_token"];
-
-            console.log("real time get", req.param("tag"), hub_challenge);
-            res.send(hub_challenge);
-        })
-        .post(function (req, res) {
-            console.log("real time tag", req.param("tag"));
-            console.log(req.body);
-            res.send("");
-        });
-    app.use(router);
-};

routes/news.js

@@ -3,10 +3,90 @@
  */
 
 var route = require("koa-route");
+var router = require("./");
 var db = require("../core/db");
 
 module.exports = function (app) {
-    app.use(route.get("/news", function *(){
-        this.body = yield db.c("posts").find().toArray();
-    }));
-};
+    app.use(route.get("/news", router.accepts({
+        "text/html": function *() {
+            this.redirect("/");
+        },
+        "text/plain": function *() {
+            this.redirect("/");
+        },
+        "application/json": function *() {
+            var count = parseInt(this.query["count"]) || 10;
+            var portion = parseInt(this.query["portion"]) || 0;
+            var skip = portion * count;
+
+            var query = {};
+            if (this.query.type) query.type = this.query.type;
+
+            var pinned = [];
+            if(portion == 0) {
+                var now = new Date();
+                pinned = yield db.c("posts").find({until: {$gte: now}}).toArray()
+                    .then(function (items) {
+                        return items.sort(sortNewsByDate);
+                    });
+            }
+            var pinned_ids = pinned.map(function (p) {
+                return p["_id"]+"";
+            });
+
+            var posts = yield db.c("posts").find(query)
+                .sort({date: -1})
+                .skip(skip)
+                .limit(count)
+                .toArray()
+                .then(function (items) {
+                    return items.filter(function (i) {
+                        var id = i["_id"]+"";
+                        return pinned_ids.indexOf(id) < 0;
+                    });
+                });
+
+            this.body = pinned.concat(posts);
+            //this.body = pinned_ids
+        }
+    })));
+
+    app.use(route.get("/news/pinned", router.accepts({
+        "text/html": function *() {
+            this.redirect("/");
+        },
+        "text/plain": function *() {
+            this.redirect("/");
+        },
+        "application/json": function *() {
+            var now = new Date();
+            var pinned = yield db.c("posts").find({until: {$gte: now}}).toArray()
+                .then(function (items) {
+                    return items.sort(sortNewsByDate);
+                });
+            this.body = pinned;
+        }
+    })));
+
+    app.use(route.get("/news/:uri", router.accepts({
+        "text/html": router.index(),
+        "text/plain": router.index(),
+        "application/json": function *(uri) {
+            var item = yield db.c("posts").findOne({uri: uri});
+            if (item) {
+                this.body = item;
+            } else {
+                this.status = 404;
+            }
+        }
+    })));
+};
+
+function sortNewsByDate(i1, i2) {
+    var t1 = new Date(i1.date).getTime();
+    var t2 = new Date(i2.date).getTime();
+
+    if (t1 < t2) return 1;
+    if (t1 > t2) return -1;
+    return 0;
+}

routes/schedule.js

@@ -44,4 +44,20 @@ module.exports = function (app) {
             }
         ))
     );
+
+    app.use(
+        route.get("/schedules", router.accepts(
+            {
+                "text/html": router.index(),
+                "text/plain": router.index(),
+
+                "application/json": function *() {
+                    this.type = "application/json";
+                    var data = yield db.c("schedules").find({}, {period:1 , semester: 1}).toArray();
+                    if(!data) this.status = 404;
+                    else this.body = data;
+                }
+            }
+        ))
+    );
 };

routes/sitemap.js

@@ -0,0 +1,57 @@
+/**
+ * Created by tmshv on 22/11/14.
+ */
+
+var co = require("co");
+var sitemap = require("sitemap");
+var route = require("koa-route");
+var router = require("./");
+var db = require("../core/db");
+
+module.exports = function (app) {
+    app.use(route.get("/sitemap.xml", function *() {
+        var urls = yield [menu(), gallery()];
+        urls = urls.reduce(function (urls, i) {
+            return urls.concat(i);
+        });
+
+        var sm = sitemap.createSitemap({
+            hostname: 'http://art.shlisselburg.org',
+            cacheTime: 600000, // 600 sec - cache purge period
+            urls: urls
+        });
+
+        var data = yield new Promise(function (resolve) {
+            sm.toXML(resolve);
+        });
+
+        this.set('Content-Type', 'application/xml');
+        this.body = data;
+    }));
+};
+
+function *menu(){
+    return require('../models/menu.json')
+        .filter(function(item){
+            return 'url' in item
+        })
+        .map(function (item) {
+            return {
+                url: item.url,
+                changefreq: 'daily'
+            }
+        });
+}
+
+function *gallery(){
+    var albums = yield db.c("albums")
+        .find({})
+        .toArray();
+
+    return albums.map(function (album) {
+        return {
+            url: `/gallery/${album.date.getFullYear()}${album.course_uri}${album.uri}`,
+            changefreq: 'monthly'
+        }
+    });
+}

server.js

@@ -1,13 +1,14 @@
 var path = require("path");
 
-var koa = require("koa");
+var koa = require("koa.io");
 var route = require("koa-route");
 var serve = require("koa-static");
 var logger = require("koa-logger");
 var conditional = require("koa-conditional-get");
 var etag = require("koa-etag");
 var prerender = require("koa-prerender");
-var helmet = require('koa-helmet');
+var helmet = require("koa-helmet");
+var bodyParser = require("koa-bodyparser");
 
 var config = require("./config");
 var routes = require("./routes");
@@ -15,31 +16,41 @@ var routes = require("./routes");
 var app = koa();
 app.proxy = true;
 
+app.use(bodyParser());
 app.use(logger());
 app.use(conditional());
 app.use(etag());
+
+app.use(function *(next) {
+    yield* next;
+
+    try{
+        var xp = this.response.header['x-prerender'] == 'true';
+        if(xp) this.body = this.body.replace('<meta name="fragment" content="!">', '');
+    }catch(e){}
+});
 app.use(prerender(config.prerender));
 
 app.use(serve(path.join(__dirname, "public")));
 app.use(serve(path.join(__dirname, "templates")));
 
-app.use(helmet.defaults());
+app.use(helmet());
 
 app.use(function *(next) {
-	var q = this.query;
-	this.query = Object.keys(q)
-		.reduce(function (q, key) {
-			var v = q[key];
-			if(v === "true"){
-				v = true;
-			}else if(v === "false"){
-				v = false;
-			}
-			q[key] = v;
-			return q;
-		}, q);
+    var q = this.query;
+    this.query = Object.keys(q)
+        .reduce(function (q, key) {
+            var v = q[key];
+            if (v === "true") {
+                v = true;
+            } else if (v === "false") {
+                v = false;
+            }
+            q[key] = v;
+            return q;
+        }, q);
 
-	yield next;
+    yield next;
 });
 
 app.use(route.get("/", routes.index()));
@@ -47,29 +58,20 @@ app.use(route.get("/team", routes.index()));
 app.use(route.get("/docs", routes.index()));
 
 app.use(route.get("/document/:doc", routes.index(
-	path.join(__dirname, "templates/document.html")
+    path.join(__dirname, "templates/document.html")
 )));
 
+require("./routes/sitemap")(app);
+
 require("./routes/schedule")(app);
 require("./routes/news")(app);
+require("./routes/gallery")(app);
+
+require("./instagram/router")(app);
+require("./instagram/io")(app);
 
 require("./routes/404")(app);
 
-if (process.env["NODE_ENV"] === "development") {
-	app.use(route.get("/debug", function *() {
-		var out = {};
-		out.ip = this.ip;
-		out.host = this.host;
-		out.headers = this.headers;
-		out.protocol = this.protocol;
-		out.query = this.query;
-		out.url = this.url;
-
-		this.type = "application/json";
-		this.body = out;
-	}));
-}
-
 module.exports = function (port) {
-	app.listen(port);
+    return app;
 };

templates/index.html

@@ -1,91 +0,0 @@
-<!DOCTYPE html>
-<html ng-app="hudozhka">
-<head>
-    <base href="/">
-    <meta name="fragment" content="!">
-    <meta name="google-site-verification" content="8BxOTw-Q02DS2KAdcGcnIMwiPZ58DVB18XpOfRibCcg">
-
-    <title ng-bind="title">ДШХ Шлиссельбурга</title>
-
-    <link rel="stylesheet" href="/style.css">
-    <link rel="stylesheet" href="/animate.min.css">
-    <link rel="stylesheet" href="/fonts/stylesheet.css">
-
-    <script src="/bower_components/jquery/dist/jquery.min.js"></script>
-    <script src="/bower_components/angular/angular.min.js"></script>
-    <script src="/bower_components/angular-route/angular-route.min.js"></script>
-    <script src="/bower_components/angular-animate/angular-animate.min.js"></script>
-    <script src="/bower_components/angulartics/dist/angulartics.min.js"></script>
-    <script src="/bower_components/angulartics/dist/angulartics-ga.min.js"></script>
-
-    <link rel="stylesheet" href="/bower_components/fotorama/fotorama.css">
-    <script src="/bower_components/fotorama/fotorama.js"></script>
-
-    <script src="/data.js"></script>
-    <script src="/app.js"></script>
-
-    <script>
-        (function (i, s, o, g, r, a, m) {
-            i['GoogleAnalyticsObject'] = r;
-            i[r] = i[r] || function () {
-                (i[r].q = i[r].q || []).push(arguments)
-            }, i[r].l = 1 * new Date();
-            a = s.createElement(o),
-                    m = s.getElementsByTagName(o)[0];
-            a.async = 1;
-            a.src = g;
-            m.parentNode.insertBefore(a, m)
-        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
-
-        ga('create', 'UA-60209057-1', 'auto');
-        //        ga('send', 'pageview');
-    </script>
-</head>
-<body>
-<div class="menu" ng-controller="MenuController">
-    <ul>
-        <li ng-repeat="item in menu" class="{{item.color}}" ng-class="{selected:isCurrent(item)}">
-            <span ng-hide="isValid(item)">{{item.text}}</span>
-            <a href="{{item.url}}" ng-show="isValid(item)">{{item.text}}</a>
-        </li>
-        <a href="{{vkgroup}}" class="vk"><img src="/graphics/icon.vk.png"></a>
-    </ul>
-</div>
-
-<div class="page {{pageClass}}" ng-view></div>
-
-<footer>
-    <div class="info-block">
-        <div>
-            <h4>Ссылки на образовательные сайты</h4>
-            <ul>
-                <li><a href="http://минобрнауки.рф">минобрнауки.рф</a> — Министерство образования и науки Российской Федерации</li>
-                <li><a href="http://edu.ru">edu.ru</a> — Федеральный сайт «Российское образование»</li>
-                <li><a href="http://window.edu.ru">window.edu.ru</a> — Единое окно доступа к образовательным ресурсам</li>
-                <li><a href="http://school-collection.edu.ru">school-collection.edu.ru</a> — Единая коллекция цифровых образовательных ресурсов</li>
-                <li><a href="http://fcior.edu.ru">fcior.edu.ru</a> — Федеральный центр информационных образовательных ресурсов</li>
-            </ul>
-            <ul>
-                <li><a href="http://dkhshmga.ru">dkhshmga.ru</a> — Художественная школа Мги</li>
-                <li><a href="http://kirovskdmh.ucoz.ru">kirovskdmh.ucoz.ru</a> — Музыкальная школа Кировска</li>
-            </ul>
-        </div>
-
-        <div>
-            <h4>Документы</h4>
-            <ul>
-                <li><a target="_blank" href="/document/edu-license">Лицензия на осуществление образовательной деятельности</a></li>
-                <li><a target="_blank" href="/document/gov-certificate">Свидетельство о государственной регистрации права</a></li>
-                <li><a target="_blank" href="/document/EGRYL1">Свидетельство о внесении в «ЕГРЮЛ»</a></li>
-                <li><a target="_blank" href="/document/VAT">ИНН</a></li>
-                <li><a target="_blank" href="/document/statue-2013">Устав школы</a></li>
-            </ul>
-        </div>
-    </div>
-
-    <div class="info-block">
-        <p>Художественная школа Шлиссельбурга, 2014 год</p>
-    </div>
-</footer>
-</body>
-</html>

templates/instagram.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html ng-app="hudozhka.instagram">
+<head>
+    <base href="/">
+    <meta name="fragment" content="!">
+    <meta name="viewport" content="width=device-width, maximum-scale=1.0" />
+
+    <title ng-bind="title">ДШХ Шлиссельбурга</title>
+
+    <link rel="stylesheet" href="/style.css">
+
+    <script src="/bower_components/jquery/dist/jquery.min.js"></script>
+    <script src="/bower_components/angular/angular.min.js"></script>
+    <script src="/instagram.js"></script>
+</head>
+<body ng-controller="InstagramController">
+    <div class="controls">
+        <a href="/instagram/auth" ng-show="!user">Instagram</a>
+        <a href="//instagram.com/{{user.username}}" ng-show="user">{{user.full_name}}</a>
+        <button ng-click="invite()">Invite</button>
+        {{inviteCode}}
+    </div>
+</body>
+</html>

templates/main.html

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html ng-app="hudozhka">
+<head>
+    <meta name="fragment" content="!">
+    <meta name="google-site-verification" content="8BxOTw-Q02DS2KAdcGcnIMwiPZ58DVB18XpOfRibCcg">
+    <meta name="msvalidate.01" content="E878301FE3E3F12D233A6B1156889601" />
+    <meta name="viewport" content="width=device-width, maximum-scale=1.0" />
+
+    <base href="/">
+    <title ng-bind="title">ДХШ Шлиссельбурга</title>
+
+    <link rel="stylesheet" href="/style.css">
+    <link rel="stylesheet" href="/animate.min.css">
+    <link rel="stylesheet" href="/fonts/stylesheet.css">
+
+    <script src="/libs.js"></script>
+
+    <link  href="//cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet">
+    <script src="//cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>
+
+    <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.5.7/slick.css"/>
+    <script src="//cdn.jsdelivr.net/jquery.slick/1.5.7/slick.min.js"></script>
+
+    <script src="/data.js"></script>
+    <script src="/app.js"></script>
+
+    <script>
+        if(window.location.host.indexOf('localhost') === -1){
+            (function (i, s, o, g, r, a, m) {
+                i['GoogleAnalyticsObject'] = r;
+                i[r] = i[r] || function () {
+                            (i[r].q = i[r].q || []).push(arguments)
+                        }, i[r].l = 1 * new Date();
+                a = s.createElement(o),
+                        m = s.getElementsByTagName(o)[0];
+                a.async = 1;
+                a.src = g;
+                m.parentNode.insertBefore(a, m)
+            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
+
+            ga('create', 'UA-60209057-1', 'auto');
+            //ga('send', 'pageview');
+        }
+    </script>
+</head>
+<body>
+<div class="wrapper" ng-controller="AppController">
+    <header>
+        <main-menu items="menuProvider"></main-menu>
+    </header>
+
+    <div class="content">
+        <div class="page {{pageClass}}" ng-view autoscroll="true"></div>
+    </div>
+
+    <footer>
+        <div class="info-block">
+            <div>
+                <h4>Документы</h4>
+                <ul>
+                    <li><a target="_blank" href="/document/edu-license">Лицензия на осуществление образовательной деятельности</a></li>
+                    <li><a target="_blank" href="/document/gov-certificate">Свидетельство о государственной регистрации права</a></li>
+                    <li><a target="_blank" href="/document/EGRYL1">Свидетельство о внесении в «ЕГРЮЛ»</a></li>
+                    <li><a target="_blank" href="/document/VAT">ИНН</a></li>
+                    <li><a target="_blank" href="/document/statue-2013">Устав школы</a></li>
+                </ul>
+            </div>
+            <div>
+                <h4>Ссылки на образовательные сайты</h4>
+                <ul>
+                    <li><a href="http://минобрнауки.рф">минобрнауки.рф</a> — Министерство образования и науки Российской Федерации</li>
+                    <li><a href="http://edu.ru">edu.ru</a> — Федеральный сайт «Российское образование»</li>
+                    <li><a href="http://window.edu.ru">window.edu.ru</a> — Единое окно доступа к образовательным ресурсам</li>
+                    <li><a href="http://school-collection.edu.ru">school-collection.edu.ru</a> — Единая коллекция цифровых образовательных ресурсов</li>
+                    <li><a href="http://fcior.edu.ru">fcior.edu.ru</a> — Федеральный центр информационных образовательных ресурсов</li>
+                </ul>
+                <ul>
+                    <li><a href="http://dkhshmga.ru">dkhshmga.ru</a> — Художественная школа Мги</li>
+                    <li><a href="http://kirovskdmh.ucoz.ru">kirovskdmh.ucoz.ru</a> — Музыкальная школа Кировска</li>
+                </ul>
+            </div>
+        </div>
+
+        <div class="contacts" ng-controller="ContactsController">
+            <div>
+                <h4>Контактная информация</h4>
+                <p>Адрес: {{address}}</p>
+                <p>Телефон: {{telephone}}</p>
+                <p>Почта: <a href="mailto:{{email}}">{{email}}</a></p>
+            </div>
+        </div>
+
+        <div class="copyright" ng-controller="CopyrightController">
+            <span>©&nbsp;2012...{{now}} Художественная&nbsp;школа&nbsp;Шлиссельбурга</span>
+            <span ng-show="developer">Разработка и поддержка сайта — <a href="http://tmshv.ru?utm_source=artshburg&utm_medium=developer&utm_campaign=tmshv_ru">www.tmshv.ru</a></span>
+        </div>
+    </footer>
+</div>
+</body>
+</html>

templates/views/breadcrumbs.html

@@ -0,0 +1,8 @@
+<nav class="breadcrumbs">
+    <ul>
+        <li ng-repeat="i in crumbs">
+            <a ng-show="i.url" href="{{i.url}}">{{i.name}}</a>
+            <span ng-hide="i.url">{{i.name}}</span>
+        </li>
+    </ul>
+</nav>

templates/views/docs.html

@@ -1,10 +1,11 @@
-<div class="main" ng-controller="DocumentsController">
-    <div class="docblock"><h2>Лицензии, свидетельства и уставы</h2>
-        <div class="doc" ng-repeat="doc in documents">
-            <a href="{{doc.url}}" target="_blank">
-                <img ng-src="{{doc.preview}}">
-                <span>{{doc.title | uppercaseFirst}}</span>
-            </a>
-        </div>
+<div class="documents-block"  ng-controller="DocumentsController">
+    <div class="doc" ng-repeat="doc in documents">
+        <a href="{{doc.url}}" target="_blank" class="invisible">
+            <img ng-src="{{doc.preview}}">
+        </a>
+
+        <p>
+            <a href="{{doc.url}}" target="_blank">{{doc.title | uppercaseFirst}}</a>
+        </p>
     </div>
-</div>
+</div>

templates/views/gallery-album.html

@@ -0,0 +1,27 @@
+<breadcrumbs crumbs="crumbs"></breadcrumbs>
+
+<div class="album-block" ng-controller="AlbumPageController">
+    <h3>{{album.title}}</h3>
+
+    <div class="album" ng-show="album">
+        <div class="album-info">
+            <p>Предмет: {{album.course}}</p>
+            <p>Преподаватель: {{album.teacherName}}</p>
+            <p class="description" ng-show="album.description">{{album.description}}</p>
+        </div>
+
+        <div class="album-item" ng-repeat="product in album.content">
+            <img ng-src="{{product.content.big.url}}" alt=""/>
+
+            <div class="product-info">
+                <div>
+                    <p ng-show="product.title" class="title">{{product.title | removeNewline}}</p>
+
+                    <p>{{product.author}}</p>
+
+                    <p ng-show="product.authorAge">{{product.authorAge}} лет</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

templates/views/gallery.html

@@ -0,0 +1,22 @@
+<div class="gallery-block" ng-controller="GalleryPageController">
+
+    <div class="gallery-period" ng-repeat="period in years">
+        <p class="period">{{period.year}}</p>
+        <div><div class="gallery-album" ng-repeat="album in period.albums">
+            <h3><a href="{{album.url}}">{{album.title}}</a></h3>
+            <a href="{{album.url}}" class="invisible">
+                <img ng-src="{{album.preview_url}}" alt=""/>
+            </a>
+            <p>{{album.course}}</p>
+        </div></div>
+    </div>
+
+
+    <!--<div class="gallery-album" ng-repeat="album in albums">-->
+        <!--<h3><a href="{{album.url}}">{{album.title}}</a></h3>-->
+        <!--<a href="{{album.url}}" class="invisible">-->
+            <!--<img ng-src="{{album.preview_url}}" alt=""/>-->
+        <!--</a>-->
+        <!--<p>{{album.course}}</p>-->
+    <!--</div>-->
+</div>

templates/views/home.html

@@ -1,38 +1,28 @@
-<div>
-    <div class="main">
-        <div class="block">
-            <span class="telephone">{{telephone}}</span>
+<div class="main-block">
+    <!--<div>-->
+    <!--&lt;!&ndash;<a href="tel://{{telephone}}"></a>&ndash;&gt;-->
+    <!--<span class="telephone">{{contact.telephone}}</span>-->
 
-            <!--<ul class="submenu">-->
-                <!--<li><a href="/team#director">директор</a><p>М. Г. Тимашева</p></li>-->
-                <!--<li><a href="/enter">поступление</a></li>-->
-                <!--<li><a href="/contacts">контактная информация</a></li>-->
-                <!--<li><a href="/awards">награды</a></li>-->
-            <!--</ul>-->
-        </div>
+    <!--&lt;!&ndash;<ul class="submenu">&ndash;&gt;-->
+    <!--&lt;!&ndash;<li><a href="/team#director">директор</a><p>М. Г. Тимашева</p></li>&ndash;&gt;-->
+    <!--&lt;!&ndash;<li><a href="/enter">поступление</a></li>&ndash;&gt;-->
+    <!--&lt;!&ndash;<li><a href="/contacts">контактная информация</a></li>&ndash;&gt;-->
+    <!--&lt;!&ndash;<li><a href="/awards">награды</a></li>&ndash;&gt;-->
+    <!--&lt;!&ndash;</ul>&ndash;&gt;-->
+    <!--</div>-->
 
-        <h1>«Художественная школа <strong>Шлиссельбурга</strong>»</h1>
+    <h1>Шлиссельбургская детская художественная&nbsp;школа</h1>
+</div>
+
+<div class="tape-block">
+    <div class="tape-block__body">
+        <div class="tape tape-tl"></div>
+        <div class="tape tape-tr"></div>
+        <div class="tape tape-bl"></div>
+        <div class="tape tape-br"></div>
+
+        <div class="tape-block__content"></div>
     </div>
+</div>
 
-    <div class="tape-block">
-        <div class="tape-block-content">
-            <div class="tape tape-tl"></div>
-            <div class="tape tape-tr"></div>
-            <div class="tape tape-bl"></div>
-            <div class="tape tape-br"></div>
-            <div class="fotorama"
-                 data-transition="crossfade"
-                 data-autoplay="6000"
-                 data-arrows="false"
-                 data-width="100%"
-                 data-fit="cover"
-                 data-loop="true">
-                <img src="http://static.shlisselburg.org/art/graphics/sample2.jpg" alt="">
-                <img src="http://static.shlisselburg.org/art/graphics/sample4.jpg" alt="">
-                <img src="http://static.shlisselburg.org/art/graphics/sample5.jpg" alt="">
-            </div>
-        </div>
-    </div>
-
-    <timeline></timeline>
-</div>
+<timeline></timeline>

templates/views/menu.html

@@ -0,0 +1,6 @@
+<nav role="navigation" class="main-menu">
+    <li ng-repeat="item in menu" class="{{item.color}}" ng-class="{selected: isActive(item)}">
+        <span ng-hide="isValid(item)">{{item.text}}</span>
+        <a href="{{item.url}}" ng-show="isValid(item)">{{item.text}}</a>
+    </li>
+</nav>

templates/views/schedule.html

@@ -1,49 +1,9 @@
-<div class="schedule"  ng-controller="ScheduleController">
-<p> Расписание {{sem}} семестра {{year}} года</p>
-<table>
-<thead class="">
-<tr>
-    <th class="group">Гр.</th>
-    <th ng-class="{current: isToday(0)}">
-        <p class="day">Понедельник</p>
-        <p class="date">{{weekDay(0)}}</p>
-    </th>
-    <th ng-class="{current: isToday(1)}">
-        <p class="day">Вторник</p>
-        <p class="date">{{weekDay(1)}}</p>
-    </th>
-    <th ng-class="{current: isToday(2)}">
-        <p class="day">Среда</p>
-        <p class="date">{{weekDay(2)}}</p>
-    </th>
-    <th ng-class="{current: isToday(3)}">
-        <p class="day">Четверг</p>
-        <p class="date">{{weekDay(3)}}</p>
-    </th>
-    <th ng-class="{current: isToday(4)}">
-        <p class="day">Пятница</p>
-        <p class="date">{{weekDay(4)}}</p>
-    </th>
-    <th ng-class="{current: isToday(5)}">
-        <p class="day">Суббота</p>
-        <p class="date">{{weekDay(5)}}</p>
-    </th>
-</tr>
-</thead>
-<tbody class="">
-<tr ng-repeat="group in schedule">
-    <td class="group">
-        <p class="name">{{group.name}}</p>
-        <p class="time">{{group.time}}</p>
-    </td>
+<div class="schedule" ng-controller="ScheduleController">
+    <p>
+        <label>
+            <select ng-model="currentSchedule" ng-change="loadSchedule(currentSchedule, true)" ng-options="s.text for s in schedules"></select>
+        </label>
+    </p>
 
-    <td ng-repeat="day in group.days track by $index" ng-class="{current: isToday($index)}">
-        <p class="lesson"><a href="">{{day.lesson}}</a></p>
-        <p class="teacher"><a href="">{{day.teacher}}</a></p>
-        <p class="time">{{day.time[0]}}</p>
-        <p class="time">{{day.time[1]}}</p>
-    </td>
-</tr>
-</tbody>
-</table>
+    <schedule groups="groups"></schedule>
 </div>

templates/views/schedule/record.html

@@ -0,0 +1,8 @@
+<div class="schedule-record" ng-class="{even: i % 2 === 0, empty: !record.content.lesson}">
+    <div class="schedule-record__head">Группа {{record.name}} ({{record.time}})</div>
+    <div class="schedule-record__main">
+        <p class="schedule-record__name">{{record.content.lesson}}</p>
+        <p class="schedule-record__tutor">{{record.content.teacher}}</p>
+        <p class="schedule-record__time" ng-repeat="time in record.content.time">{{time}}</p>
+    </div>
+</div>

templates/views/schedule/slide.html

@@ -0,0 +1,10 @@
+<div class="schedule-slider__slide" ng-class="{current: day.current}">
+    <div class="schedule-slider__head">
+        <p>{{day.day}}</p>
+        <p>{{day.date}}</p>
+    </div>
+
+    <div class="schedule-slider__body">
+        <schedule-record ng-repeat="group in day.groups track by $index" record="group" i="$index"></schedule-record>
+    </div>
+</div>

templates/views/schedule/table.html

@@ -0,0 +1,55 @@
+<div class="schedule-table" ng-show="groups">
+    <table>
+        <thead>
+        <tr>
+            <th class="group">Гр.</th>
+            <th ng-class="{current: isToday(0)}">
+                <p class="day">Понедельник</p>
+
+                <p class="date">{{weekDay(0)}}</p>
+            </th>
+            <th ng-class="{current: isToday(1)}">
+                <p class="day">Вторник</p>
+
+                <p class="date">{{weekDay(1)}}</p>
+            </th>
+            <th ng-class="{current: isToday(2)}">
+                <p class="day">Среда</p>
+
+                <p class="date">{{weekDay(2)}}</p>
+            </th>
+            <th ng-class="{current: isToday(3)}">
+                <p class="day">Четверг</p>
+
+                <p class="date">{{weekDay(3)}}</p>
+            </th>
+            <th ng-class="{current: isToday(4)}">
+                <p class="day">Пятница</p>
+
+                <p class="date">{{weekDay(4)}}</p>
+            </th>
+            <th ng-class="{current: isToday(5)}">
+                <p class="day">Суббота</p>
+
+                <p class="date">{{weekDay(5)}}</p>
+            </th>
+        </tr>
+        </thead>
+
+        <tbody>
+        <tr ng-repeat="group in groups">
+            <td class="group">
+                <p class="name">{{group.name}}</p>
+                <p class="time">{{group.time}}</p>
+            </td>
+
+            <td ng-repeat="day in group.days track by $index" ng-class="{current: isToday($index)}">
+                <p class="lesson"><a href="">{{day.lesson}}</a></p>
+                <p class="teacher"><a href="">{{day.teacher}}</a></p>
+                <p class="time">{{day.time[0]}}</p>
+                <p class="time">{{day.time[1]}}</p>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+</div>

templates/views/team.html

@@ -1,18 +1,5 @@
-<img class="background-picture" src="http://static.shlisselburg.org/art/team/team.jpg">
+<!--<background-picture src="'http://static.shlisselburg.org/art/team/team.jpg'"></background-picture>-->
 
 <div class="team-block">
-    <ul ng-controller="TeamController">
-        <li class="team-member" ng-repeat="person in team">
-            <a name="{{person.anchor}}"></a>
-            <img ng-src="{{person.picture}}">
-            <div class="info">
-                <h3>{{person.names[1]}} {{person.names[2]}} <span>{{person.names[3]}}</span></h3>
-                <p>{{person.position}}</p>
-                <p>{{person.status}}</p>
-                <p></p>
-                <p class="edu">{{person.edu}} </p>
-                <p class="diploma">Диплом {{person.diploma}}</p>
-            </div>
-        </li>
-    </ul>
+    <team-member-profile ng-repeat="person in teamMembers track by $index" profile="person"/>
 </div>

templates/views/team/profile.html

@@ -0,0 +1,18 @@
+<div class="team-member">
+    <a name="{{person.anchor}}"></a>
+
+    <div class="team-member__picture">
+        <img ng-src="{{person.picture}}">
+    </div>
+
+    <div class="team-member__info">
+        <h3>{{person.names[1]}} {{person.names[2]}} <span>{{person.names[3]}}</span></h3>
+
+        <p>{{person.position}}</p>
+        <p>{{person.status}}</p>
+        <p></p>
+
+        <p class="edu">{{person.edu}} </p>
+        <p class="diploma">Диплом {{person.diploma}}</p>
+    </div>
+</div>

templates/views/timeline-gram.html

@@ -0,0 +1,16 @@
+<div class="instagram">
+    <div class="head">
+        <p class="date">{{post.date | date : "dd.MM.yyyy"}}</p>
+        <div class="user">
+            <img ng-src="{{post.userpic}}" alt=""/>
+            <span>{{post.username}}</span>
+        </div>
+    </div>
+
+    <div class="body">
+        <a href="{{post.url}}" target="_blank" class="invisible">
+            <img ng-src="{{post.image}}" alt="">
+        </a>
+        <p>{{post.text | removeHashtags | strip}}</p>
+    </div>
+</div>

templates/views/timeline-post.html

@@ -0,0 +1,9 @@
+<div class="head">
+    <div>
+        <p class="date"><a href="#{{post.uri}}">{{post.date | date : "dd.MM.yyyy"}}</a></p>
+    </div>
+</div>
+
+<div class="body">
+    <div class="message" ng-bind-html="message"></div>
+</div>

templates/views/timeline.html

@@ -1,22 +1,16 @@
 <div class="timeline">
-    <div class="post"
-         ng-repeat="post in feed"
-         ng-class="{left: isEven($index), right: !isEven($index)}">
+    <timeline-record class="timeline-record {{recordClass(post)}}"
+                     content="post"
+                     ng-repeat="post in feed track by $index"
+                     ng-class="{left: isEven($index), right: !isEven($index)}">
 
-        <div class="head">
-            <div class="user">
-                <img ng-src="{{post.userpic}}" alt=""/>
-                <span>{{post.username}}</span>
-            </div>
-            <p class="date">{{post.date | date : "dd.MM.yyyy"}}</p>
-        </div>
-
-        <div class="body">
-            <!--<h2>Рисунок</h2>-->
-            <p>{{post.text}}</p>
-            <a href="{{post.url}}" target="_blank">
-                <img ng-src="{{post.image}}" alt="">
-            </a>
-        </div>
+    </timeline-record>
+    <div class="timeline-footer" ng-show="showFooter()">
+        <button class="more"
+                ng-click="loadNext()"
+                ng-disabled="timelineUpdating">
+            <span us-spinner="{radius:5, width:2, length: 4}" spinner-key="timelineMore"></span>
+            <span ng-hide="timelineUpdating">Ещё</span>
+        </button>
     </div>
 </div>

test/instagram.js

@@ -0,0 +1,17 @@
+/**
+ * Created by tmshv on 13/03/15.
+ */
+
+var co = require("co");
+var should = require("should");
+var instagram = require("../instagram/instagram");
+var db = require("../core/db");
+var config = require("../config");
+
+describe("Instagram", function () {
+    describe("getUser()", function () {
+        it("should return default user if exists", function () {
+
+        });
+    });
+});

test/utils.js

@@ -0,0 +1,25 @@
+/**
+ * Created by tmshv on 08/03/15.
+ */
+
+var should = require("should");
+
+describe("utils", function () {
+    describe("net.js", function () {
+        describe("query", function () {
+            var query = require("../utils/net").query;
+            var sample = [["count", 10], ["portion", 5], ["hello", "lol"]];
+
+            it("should combine query params", function () {
+                var params = query(sample);
+                params.should.be.equal("count=10&portion=5&hello=lol");
+            });
+
+            it("should return string", function () {
+                var params = query(sample);
+
+                params.should.be.type("string");
+            });
+        });
+    });
+});

utils/common.js

@@ -0,0 +1,20 @@
+module.exports = {
+    range: range
+};
+
+/**
+ * Generates list of numbers
+ * @param  {Number} start starting value
+ * @param  {Number} num   amount of numbers in list
+ * @param  {Number} step  difference value
+ * @return {Array}        list of numbers
+ */
+function range(start, num, step) {
+    var list = [];
+    var val = start;
+    for (var i = 0; i < num; i++) {
+        list.push(val);
+        val += step;
+    }
+    return list;
+}

utils/date.js

@@ -0,0 +1,21 @@
+var range = require('./common').range;
+
+module.exports = {
+    getDates: getDates
+};
+
+/**
+ *
+ * @param start
+ * @returns {*}
+ */
+function getDates(start) {
+    var day = start.getDay();
+    return range(0, 6, 1).reduce(function (dates, weekDay) {
+        var d = 1 + weekDay - day;
+        var time = start.getTime() + (1000 * 60 * 60 * 24) * d;
+        var date = new Date(time);
+        dates.push(date.getDate());
+        return dates;
+    }, []);
+}

utils/net.js

@@ -0,0 +1,15 @@
+/**
+ * Created by tmshv on 08/03/15.
+ */
+
+module.exports = {
+    query: function(list){
+        var params = list.reduce(function (query, param) {
+                var q = param[0] + "=" + param[1];
+                query.push(q);
+                return query;
+            }, [])
+            .join("&");
+        return params
+    }
+};