Update available courses screenshots

app/styles/courses/teacher-courses-view.sass

@@ -13,35 +13,6 @@
     font-size: 20px
     font-weight: bold
 
-  .corner-ribbon-container
-    overflow: hidden
-    position: relative
-
-  .corner-ribbon
-    width: 200px
-    background: #0BFF76
-    position: absolute
-    top: 15px
-    left: -65px
-    text-align: center
-    line-height: 24px
-    letter-spacing: 1px
-    color: white
-    transform: rotate(-30deg)
-    -webkit-transform: rotate(-30deg)
-
-    .sticky
-      position: fixed
-
-    .shadow
-      box-shadow: 0 0 3px rgba(0,0,0,.3)
-
-    .top-left
-      top: 25px
-      left: -50px
-      transform: rotate(-45deg)
-      -webkit-transform: rotate(-45deg)
-
   .course-concept
     display: inline-block
     white-space: nowrap
@@ -79,135 +50,6 @@
     margin: 10px
     text-align: center
 
-  .star-container
-    position: absolute
-    left: 10px
-    bottom: 10px
-
-  .star-text
-    position: absolute
-    left: 4px
-    bottom: 5px
-    width: 40px
-    z-index: 1
-
-  .round-star-label
-    -webkit-box-sizing: content-box
-    -moz-box-sizing: content-box
-    box-sizing: content-box
-    width: 30px
-    height: 30px
-    position: relative
-    border: none
-    font: normal 100%/normal Arial, Helvetica, sans-serif
-    color: rgba(0,0,0,1)
-    text-align: center
-    -o-text-overflow: clip
-    text-overflow: clip
-    background: #E9E417
-
-    &:before
-      -webkit-box-sizing: content-box
-      -moz-box-sizing: content-box
-      box-sizing: content-box
-      width: 30px
-      height: 30px
-      position: absolute
-      content: ""
-      top: 0
-      left: 0
-      border: none
-      font: normal 100%/normal Arial, Helvetica, sans-serif
-      color: rgba(0,0,0,1)
-      -o-text-overflow: clip
-      text-overflow: clip
-      background: #E9E417
-      text-shadow: none
-      -webkit-transform: rotateZ(30deg)
-      transform: rotateZ(30deg)
-
-    &:after
-      -webkit-box-sizing: content-box
-      -moz-box-sizing: content-box
-      box-sizing: content-box
-      width: 30px
-      height: 30px
-      position: absolute
-      content: ""
-      top: 0
-      left: 0
-      border: none
-      font: normal 100%/normal Arial, Helvetica, sans-serif
-      color: rgba(0,0,0,1)
-      -o-text-overflow: clip
-      text-overflow: clip
-      background: #E9E417
-      text-shadow: none
-      -webkit-transform: rotateZ(60deg)
-      transform: rotateZ(60deg)
-
-  .star-text-big
-    position: absolute
-    left: 4px
-    bottom: 10px
-    width: 40px
-    z-index: 1
-
-  .round-star-label-big
-    -webkit-box-sizing: content-box
-    -moz-box-sizing: content-box
-    box-sizing: content-box
-    width: 40px
-    height: 40px
-    position: relative
-    border: none
-    font: normal 100%/normal Arial, Helvetica, sans-serif
-    color: rgba(0,0,0,1)
-    text-align: center
-    -o-text-overflow: clip
-    text-overflow: clip
-    background: #E9E417
-
-    &:before
-      -webkit-box-sizing: content-box
-      -moz-box-sizing: content-box
-      box-sizing: content-box
-      width: 40px
-      height: 40px
-      position: absolute
-      content: ""
-      top: 0
-      left: 0
-      border: none
-      font: normal 100%/normal Arial, Helvetica, sans-serif
-      color: rgba(0,0,0,1)
-      -o-text-overflow: clip
-      text-overflow: clip
-      background: #E9E417
-      text-shadow: none
-      -webkit-transform: rotateZ(30deg)
-      transform: rotateZ(30deg)
-
-    &:after
-      -webkit-box-sizing: content-box
-      -moz-box-sizing: content-box
-      box-sizing: content-box
-      width: 40px
-      height: 40px
-      position: absolute
-      content: ""
-      top: 0
-      left: 0
-      border: none
-      font: normal 100%/normal Arial, Helvetica, sans-serif
-      color: rgba(0,0,0,1)
-      -o-text-overflow: clip
-      text-overflow: clip
-      background: #E9E417
-      text-shadow: none
-      -webkit-transform: rotateZ(60deg)
-      transform: rotateZ(60deg)
-
   .section-header
     border-bottom: 1px solid black
     font-size: 20px

app/templates/courses/teacher-courses-view.jade

@@ -90,17 +90,7 @@ mixin course(courseInstance, classMemberCount)
 
 mixin course-info(course)
   .media
-    .corner-ribbon-container
-      if course.get('free')
-        .corner-ribbon.top-left.sticky.shadow.uppercase free
-      img.media-object(src=course.get('screenshot'))
-      .star-container
-        if course.get('duration') === 1
-          .star-text #{course.get('duration') || 0} hr
-          .round-star-label
-        else
-          .star-text-big #{course.get('duration') || 0} hrs
-          .round-star-label-big
+    img.media-object(src=course.get('screenshot'))
     .media-body
       span.spr.course-name= course.get('name')
       p= course.get('description')