Development

.gitignore

@@ -6,5 +6,7 @@ bower_components
 build
 cache
 desktop-app/js/vendor
+desktop-app/css/font-awesome.min.css
+desktop-app/fonts/*
 dist
 *.DS_Store

desktop-app/css/app.css

@@ -13,6 +13,10 @@ a {
     text-decoration: none;
 }
 
+.pointer{
+    cursor: pointer;
+}
+
 
 /* General layout */
 
@@ -152,6 +156,13 @@ html, body, body > div.ng-scope {
 
 }
 
+@media (max-width: 1034px){
+    #common-connections-wrapper{
+        width: 400px;
+        margin: auto;
+    }
+}
+
 .main-photo-container {
     flex: 0 0 640px;
     order: 1;
@@ -235,12 +246,12 @@ html, body, body > div.ng-scope {
     text-align: center;
 }
 
-.schoolwork {
+.schoolwork, .common-connections, .common-interests {
     display: block;
     text-align: center;
 }
 
-.school, .work {
+.school, .work, .common-connections, .common-interests{
     display: block;
     margin-top: 4px;
 }
@@ -292,6 +303,146 @@ html, body, body > div.ng-scope {
     border: 5px solid #DB6151;
 }
 
+/* Swipe Interests */
+
+#common-interest-wrapper{
+    border-top: solid #eeeeee thin;
+    border-bottom: solid #eeeeee thin;
+    padding: 10px 0;
+    margin: 10px 0;
+}
+
+#common-interest-wrapper h4{
+    display: block;
+    border-bottom: #DB6151;
+    margin-top: 0;
+    margin-bottom: 5px;
+    text-transform: uppercase;
+    color: #DB6151;
+}
+
+#common-interest-wrapper .interest{
+    border-radius: 5px;
+    background: #DB6151;
+    padding: 5px;
+    color: white;
+    margin: 2px;
+    display: inline-block;
+}
+
+/* Swipe common connections*/
+
+#common-connections{
+    margin: 10px 0;
+    padding: 10px 0;
+    border-top: solid thin #eeeeee;
+    border-bottom: solid thin #eeeeee;
+}
+
+#common-connections h4{
+    display: block;
+    border-bottom: #DB6151;
+    margin-top: 0;
+    margin-bottom: 5px;
+    text-transform: uppercase;
+    color: #DB6151;
+}
+
+/* Instagram photos */
+
+#instagram-photos{
+    margin: 10px 0;
+    padding: 10px 0;
+    border-top: solid thin #eeeeee;
+    border-bottom: solid thin #eeeeee;
+}
+
+#instagram-photos .small-photos{
+    margin: auto;
+}
+
+#instagram-photos h4{
+    display: block;
+    border-bottom: #DB6151;
+    margin-top: 0;
+    margin-bottom: 5px;
+    text-transform: uppercase;
+    color: #DB6151;
+}
+
+.column-wrapper{
+  display: table;
+  width: 100%;
+}
+
+.column-wrapper .col{
+  width: 30%;
+  display: table-cell;
+  vertical-align: top;
+}
+
+.text-right{
+  text-align: right;
+}
+
+/* Spotify */
+
+#spotify-wrapper h4{
+    display: block;
+    border-bottom: #DB6151;
+    margin-top: 0;
+    margin-bottom: 5px;
+    text-transform: uppercase;
+    color: #DB6151;
+}
+
+#spotify-wrapper #spotify-theme-track{
+  margin: auto;
+}
+
+#spotify-wrapper #spotify-theme-track .track-cover{
+  position: relative;
+  width: 200px;
+  float: left;
+}
+
+#spotify-wrapper #spotify-theme-track .track-meta{
+  width: 200px;
+  float: left;
+  padding-left: 10px;
+}
+
+#spotify-wrapper #spotify-theme-track img{
+  max-width: 100%;
+}
+
+/* Profile thumbnails */
+
+.profile-thumbnail-wrapper{
+    display: flex;
+    width: 100%;
+}
+
+.profile-thumbnail-wrapper .profile-thumbnail{
+    display: inline-block;
+    margin: 0 5px;
+    text-decoration: none;
+    color: inherit;
+}
+
+.profile-thumbnail-wrapper .profile-thumbnail .thumbnail-image{
+    border-radius: 50%;
+    background-size: cover;
+    width: 90px;
+    height: 90px;
+    display: block;
+}
+
+.profile-thumbnail-wrapper .profile-thumbnail .thumbnail-name{
+    max-width: 90px;
+    text-align: center;
+    display: block;
+}
 
 /* Templates - login */
 

desktop-app/js/tinder-desktop.swipe.js

@@ -6,6 +6,8 @@
     $scope.allPeople = [];
     $scope.peopleIndex = 0;
     $scope.apiQueue = [];
+    $scope.instagramPhotosAtOnce = 10;
+    $scope.instagramPhotosMaxCount = $scope.instagramPhotosAtOnce;
     var queueTimer = null;
 
     API.getAccount().then(function(response){
@@ -28,6 +30,10 @@
       initCards();
     });
 
+    function resetInstagramMaxCount(){
+      $scope.instagramPhotosMaxCount = $scope.instagramPhotosAtOnce;
+    }
+
     var getPeople = function() {
       flushApiQueue();
       API.people().then(setPeople);
@@ -76,6 +82,7 @@
     };
 
     $scope.undo = function() {
+      resetInstagramMaxCount();
       $scope.apiQueue.pop();
       $scope.peopleIndex--;
       var cardEl = $scope.cards[$scope.cards.length - $scope.peopleIndex - 1];
@@ -104,6 +111,7 @@
       });
 
       window.stack.on('throwout', function (e) {
+        resetInstagramMaxCount();
         var user = $scope.allPeople[$scope.peopleIndex];
         var method;
         if(superLike === true){
@@ -202,7 +210,7 @@
       Mousetrap.bind('shift+right', function (evt) {
         var location = $location.path()
         if( location != '/swipe/' ) return
-        
+
         var user = $scope.allPeople[$scope.peopleIndex];
 
         if($scope.superLikesRemaining == '0'){
@@ -239,38 +247,38 @@
         var location = $location.path()
         if( location != '/swipe/' ) return
 
-        // someone has said to go to the next picture, 
+        // someone has said to go to the next picture,
         // accomplish by increasing the current length by 1
         var numberOfPhotos = $scope.allPeople[$scope.peopleIndex].photos.length
         var photoIndex = $scope.allPeople[$scope.peopleIndex].photoIndex
 
-        // they clicked it while on the last photo, send it to the top 
+        // they clicked it while on the last photo, send it to the top
         if(photoIndex == 0){
           $scope.allPeople[$scope.peopleIndex].photoIndex = numberOfPhotos - 1
         } else {
           $scope.allPeople[$scope.peopleIndex].photoIndex += -1
           return
         }
-      }); 
+      });
 
       Mousetrap.bind('down', function(evt) {
         evt.preventDefault();
         var location = $location.path()
         if( location != '/swipe/' ) return
 
-        // someone has said to go to the next picture, 
+        // someone has said to go to the next picture,
         // accomplish by increasing the current length by 1
         var numberOfPhotos = $scope.allPeople[$scope.peopleIndex].photos.length
         var photoIndex = $scope.allPeople[$scope.peopleIndex].photoIndex
 
-        // they clicked it while on the last photo, send it to the top 
+        // they clicked it while on the last photo, send it to the top
         if(photoIndex == numberOfPhotos - 1){
           $scope.allPeople[$scope.peopleIndex].photoIndex = 0
         } else {
           $scope.allPeople[$scope.peopleIndex].photoIndex += 1
           return
         }
-      }); 
+      });
 
       // randomize rotation
       $timeout(function() {
@@ -325,4 +333,6 @@
     applyEl.css('opacity', confidence * (2 / 3));
     clearEl.css('opacity', 0);
   }
+
+
 })();

desktop-app/locales/en.json

@@ -52,6 +52,10 @@
     "LOADING": "Loading...",
     "AWAY": "@:PROFILE.AWAY",
     "ACTIVE": "@:PROFILE.ACTIVE",
-    "AT": "@:PROFILE.AT"
+    "AT": "@:PROFILE.AT",
+    "COMMON_INTERESTS": "common interests",
+    "COMMON_CONNECTIONS": "common connections",
+    "INSTAGRAM_PHOTOS": "photos",
+    "PREVIEW_SPOTIFY_TRACK": "preview spotify track"
   }
 }

desktop-app/locales/fr.json

@@ -52,6 +52,10 @@
     "LOADING": "Chargement...",
     "AWAY": "@:PROFILE.AWAY",
     "ACTIVE": "@:PROFILE.ACTIVE",
-    "AT": "@:PROFILE.AT"
+    "AT": "@:PROFILE.AT",
+    "COMMON_INTERESTS": "common interests",
+    "COMMON_CONNECTIONS": "common connections",
+    "INSTAGRAM_PHOTOS": "photos",
+    "PREVIEW_SPOTIFY_TRACK": "preview spotify track"
   }
 }

desktop-app/locales/hu.json

@@ -52,6 +52,10 @@
     "LOADING": "Betöltés...",
     "AWAY": "@:PROFILE.AWAY",
     "ACTIVE": "@:PROFILE.ACTIVE",
-    "AT": "@:PROFILE.AT"
+    "AT": "@:PROFILE.AT",
+    "COMMON_INTERESTS": "közös érdeklődés",
+    "COMMON_CONNECTIONS": "közös ismerős",
+    "INSTAGRAM_PHOTOS": "kép",
+    "PREVIEW_SPOTIFY_TRACK": "hallgass bele"
   }
 }

desktop-app/locales/nl.json

@@ -52,6 +52,10 @@
     "LOADING": "Laden...",
     "AWAY": "@:PROFILE.AWAY",
     "ACTIVE": "@:PROFILE.ACTIVE",
-    "AT": "@:PROFILE.AT"
+    "AT": "@:PROFILE.AT",
+    "COMMON_INTERESTS": "common interests",
+    "COMMON_CONNECTIONS": "common connections",
+    "INSTAGRAM_PHOTOS": "photos",
+    "PREVIEW_SPOTIFY_TRACK": "preview spotify track"
   }
 }