Updated for WWDC 2018

Frontend/config/dev.settings.js

@@ -3,8 +3,12 @@ const prod = require('./prod.settings')
 // Overwrite production settings here
 module.exports = Object.assign(prod, {
   cloudKit: {
-    containerIdentifier: 'iCloud.de.moritzsternemann.WWDCScholars',
-    apiToken: '34c08356c27f70833a62c044a950d999eceeba5bebf671908850c49289f5a158',
+    // de.moritzsternemann
+    // containerIdentifier: 'iCloud.de.moritzsternemann.WWDCScholars',
+    // apiToken: '34c08356c27f70833a62c044a950d999eceeba5bebf671908850c49289f5a158',
+    // com.wwdcscholars
+    containerIdentifier: 'iCloud.com.wwdcscholars.WWDCScholars',
+    apiToken: '4b05d3b2bf17bb717dfc36da0f7e6f665936d5c85c57b2d7a7483bb3fcbc7ba8',
     environment: 'development'
   },
   twitter: {

Frontend/config/prod.settings.js

@@ -17,7 +17,7 @@ module.exports = {
     environment: 'production'
   },
 
-  wwdcYear: 'WWDC 2017',
+  wwdcYear: 'WWDC 2018',
 
 
   // ** temporary **

Frontend/src/app/App.vue

@@ -2,7 +2,8 @@
 #app
   page-header(:link="{ name: 'scholars' }")
     button(slot="right", @click="mobileMenu = !mobileMenu", :class="{ 'nav-mobile-toggle-on': mobileMenu }").nav-mobile-toggle
-      span
+      each _ in [1, 2, 3, 4]
+        span
 
     .header-links(slot="right", :class="{ 'nav-mobile-show': mobileMenu }")
       router-link(:to="{ name: 'scholars' }", :class="routeClass('scholars')").color-purple: span Scholars

Frontend/src/app/components/ScholarProfile.vue

@@ -147,7 +147,7 @@ export default {
     },
     async latestProfilePictureURL () {
       let infoRecord = await this.loadYearInfo(true)
-      return infoRecord.profilePicture.downloadURL
+      return infoRecord.profilePicture_small.downloadURL
     },
     async loadYearInfo (latest) {
       latest = latest || false

Frontend/src/app/components/ScholarThumbnail.vue

@@ -35,7 +35,7 @@ export default {
     async latestProfilePictureURL (scholar) {
       let infoRecord = scholar.wwdcYearInfos[scholar.wwdcYearInfos.length - 1]
       let info = await new WWDCYearInfo().fetch(infoRecord.recordName)
-      return info.profilePicture.downloadURL
+      return info.profilePicture_small.downloadURL
     }
   },
   components: {}

Frontend/src/app/models/WWDCYearInfo.js

@@ -7,6 +7,7 @@ const wwdcYearInfoSchema = cloudkit.Record.extend({
   appliedAs: { type: String, enum: ['student', 'stem', 'both'] },
   githubAppLink: String,
   profilePicture: Asset,
+  profilePicture_small: Asset,
   screenshots: [Asset],
   videoLink: String,
   scholar: Reference,

Frontend/src/app/pages/Scholars.vue

@@ -4,7 +4,7 @@
     scholar-profile(slot="body", :year="currentYear", :scholar="currentScholar")
 
   .modal-background(:class="{ 'modal-background-blur': showProfile }")
-    tab-bar(name="year", :tabs="['2013', '2014', '2015', '2016', '2017']", initial="2017", @change="onTabChange")
+    tab-bar(name="year", :tabs="['2013', '2014', '2015', '2016', '2017', '2018']", initial="2018", @change="onTabChange")
     .container.container-outer.color-black
       .scholars-list(v-if="scholars")
         scholar-thumbnail(v-for="scholar in scholars", :scholar="scholar", :key="scholar.recordName")
@@ -23,7 +23,7 @@ export default {
     return {
       scholars: {},
       scholarProfilePictures: [],
-      currentYear: '2017',
+      currentYear: '2018',
 
       showProfile: false,
       currentScholar: undefined

Frontend/src/app/pages/Store.vue

@@ -7,7 +7,7 @@
     h3 Want everyone to know you're a Scholarship winner?
     h4.color-red1 T-Shirts will be available again shortly before WWDC 2018
     p.
-      Show support for the project and look good in the process with one of our 2017 T-shirts. We offer various unisex sizes in two different styles, featuring our WWDCScholars logo on front and text around back.
+      Show support for the project and look good in the process with one of our 2018 T-shirts. We offer various unisex sizes in two different styles, featuring our WWDCScholars logo on front and text around back.
 
     .image-slider
       swiper(:options="swiperOptions")

Frontend/src/assets/sass/3-modules/_header.sass

@@ -6,34 +6,45 @@ header
 
   .nav-mobile-toggle
     display: none
+    position: relative
     width: 30px
     height: 23px
-    padding: 0
-    border: 0
-    background: 0
+    cursor: pointer
 
     span
       display: block
-      width: 30px
+      position: absolute
+      width: 100%
       height: 3px
       background-color: $sch-purple
-      border-radius: 1px
-      position: relative
+      left: 0
+      transition: 200ms ease-in-out
 
-      &:before, &:after
-        display: block
-        position: relative
-        content: ''
-        width: 30px
-        height: 3px
-        background-color: $sch-purple
-        border-radius: 1px
+      &:nth-child(1)
+        top: 0px
 
-      &:before
-        top: -9px
+      &:nth-child(2), &:nth-child(3)
+        top: 8px
 
-      &:after
-        top: 6px
+      &:nth-child(4)
+        top: 16px
+
+    &.nav-mobile-toggle-on span
+      &:nth-child(1)
+        top: 8px
+        left: 50%
+        width: 0%
+
+      &:nth-child(2)
+        transform: rotate(45deg)
+
+      &:nth-child(3)
+        transform: rotate(-45deg)
+
+      &:nth-child(4)
+        top: 8px
+        left: 50%
+        width: 0%
 
   .header-links
     height: 100%
@@ -65,11 +76,6 @@ header
 
     .nav-mobile-toggle
       display: block
-      transform: rotate(0deg)
-      transition: transform 100ms linear
-
-      &.nav-mobile-toggle-on
-        transform: rotate(-90deg)
 
     .header-links
       display: block

Frontend/src/assets/sass/3-modules/_scholar-thumbnail.sass

@@ -3,8 +3,8 @@
 
 .scholar-thumbnail
   position: relative
-  width: 160px
-  height: 160px
+  max-width: 160px
+  max-height: 160px
   border-radius: $border-radius-large
   overflow: hidden
   border: 0

Frontend/src/assets/sass/3-modules/_scholars-list.sass

@@ -1,8 +1,8 @@
 .scholars-list
-  display: flex
-  justify-content: center
-  align-items: center
-  flex-wrap: wrap
+  display: grid
+  grid-template-columns: repeat(auto-fill, minmax(135px, 1fr))
+  grid-gap: 15px
 
   .scholar-thumbnail
-    margin: 0 15px 30px
+    display: block
+    margin: 0 auto

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2017 WWDCScholars
+Copyright (c) 2018 WWDCScholars
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal